/*----- Start "główne definicje" -----*/
* { padding: 0; margin: 0; outline: 0; }

header {height:597px; width:100%; position:relative; z-index:2; }
.bg-top {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}
.bg-top1 {width:100%; background:url(../images/bg-top1.jpg) center 0 no-repeat;}
.row-1 {width:100%; height:30px; position:relative; background:url(../images/menu-gorne-shadow.png) center bottom no-repeat;}

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
    color: #565353;
    background-color: #181818;
    text-align: left;
}
img {border: 0px}
a:link {color: #feffed; background: transparent; text-decoration: underline; }
a:visited {color: #666666; background: transparent; text-decoration: underline; }
a:active {color: #880000; background: transparent; text-decoration: underline; }
a:hover {color: #C46305; background: transparent; text-decoration: underline; }
ul { padding: 3px 0 2px 20px; }
li { padding: 3px 0 2px 5px; }
p { padding: 10px 0 5px 0; }
ol {padding: 3px 0 3px 20px; }
h1 {font-size: 16px; font-family: Arial, Tahoma, "Trebuchet MS", sans-serif; color:#fa3102; }
h2 {font-size: 13px; font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; color:#565353; }
h3 {font-size: 14px; font-family: Arial, Tahoma, "Trebuchet MS", sans-serif; color:#9F0100; font-weight: bolder; }
hr { color: #333; padding: 0 0 0 0; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 10px; }


/*----- Koniec "główne definicje" -----*/

/*----- Start "szkielet" -----*/
#top-menu { clear: both; width: 1004px; height: 54px; padding: 0 0 0 0; margin-left: auto; margin-right: auto; }

#srodek { clear: both; width: 997px; height: 479px; margin-left: auto; margin-right: auto; font-size: 11px;  padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0px; position: relative;}

#srodek1 { clear: both; width: 997px; height: 54px; margin-left: auto; margin-right: auto; font-size: 11px;  padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0px; position: relative;}


#prawybok { height:479px; overflow:hidden; width:24px; float: left; margin-left: auto; margin-right: auto;  }
#lewybok { height:479px; overflow:hidden; width:30px; float: left; margin-left: auto; margin-right: auto;  }

.jedenascie {font-size: 11px; font-family: Arial; }

#tresc-strony { clear: both; width: 997px; height: 460px; margin-left: auto; margin-right: auto; font-size: 11px;  padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0px; }

#srodek-lewy-dystans { height:460px; width: 30px; float: left; overflow:hidden; margin-left: auto; margin-right: auto; }
#srodek-prawy-dystans { height:460px; width: 24px; float: left; overflow:hidden; margin-left: auto; margin-right: auto; }

#tresc { overflow: visible; position:relative; width: 878px; height: 460px; margin-left: auto; margin-right: auto; background: url('../images/tresc-bg.png'); background-repeat: repeat-x; padding-bottom: 0; padding-right: 0; padding-top: 0; padding-left: 0; border: 1px groove #FFFFD5; margin-bottom: 0px; margin-top: 15px;	float: left; }

a.kola-serwis
{ float: left; margin-left: auto; margin-right: auto; background: url('../images/serwis.png') no-repeat;
display:block;
height:479px;
overflow:visible;
width:242px;
margin-left:0px;
z-index: 1;
}
a.kola-serwis:hover
{
background-position: 0px -479px;
}
a.kola-serwis span
{
display:block;
text-indent: -9999px;
}

a.kola-klima
{ float: left; margin-left: auto; margin-right: auto;
background: url('../images/klimatyzacja.png') no-repeat;
display:block;
height:479px;
overflow:visible;
width:240px;
margin-left:-66px;
z-index: 2;
}
a.kola-klima:hover
{
background-position: 0px -479px;
}
a.kola-klima span
{
display:block;
text-indent: -9999px;
}

a.kola-aku
{ float: left; margin-left: auto; margin-right: auto;
background: url('../images/akumulatory.png') no-repeat;
display:block;
height:479px;
overflow:hidden;
width:237px;
margin-left:-65px;
z-index: 3;
}
a.kola-aku:hover
{
background-position: 0px -479px;
}
a.kola-aku span
{
display:block;
text-indent: -9999px;
}

a.kola-wulkanizacja
{ float: left; margin-left: auto; margin-right: auto;
background: url('../images/keyless.png') no-repeat;
display:block;
height:479px;
overflow:hidden;
width:239px;
z-index: auto;
margin-left:-62px;
overflow-x: hidden;
}
a.kola-wulkanizacja:hover
{
background-position: 0px -479px;
}
a.kola-wulkanizacja span
{
display:block;
text-indent: -9999px;
}

a.kola-kontakt
{ float: left; margin-left: auto; margin-right: auto;
background: url('../images/kontakt.png') no-repeat;
display:block;
height:479px;
overflow:hidden;
width:243px;
z-index: 5;
margin-left:-65px;
}
a.kola-kontakt:hover
{
background-position: 0px -479px;
}
a.kola-kontakt span
{
display:block;
text-indent: -9999px;
}

#body-img { width: 100%; height: 100%; position: fixed; overflow: hidden; }

.tesco {color: #fa3102;}

#stopka { clear: both; position:relative; width: 997px; height: 32px; margin-left: auto; margin-right: auto; font-size: 11px; background-image: url('../images/stopka-tlo-strona-startowa.png'); padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; }

#legalka { float: left; font-size: 11px; color: #FFF; padding-bottom: 10px; padding-left: 37px; padding-right: 5px; padding-top: 10px; }

#rights { float: left; font-size: 11px; color: #fa3102; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; padding-top: 10px; }

#menu-dolne { float: right; font-size: 11px; color: #fa3102; padding-bottom: 10px; padding-left: 15px; padding-right: 100px; padding-top: 10px; }



#w3c { position:relative; float: right; height: 32px; padding-top: 15px; }

#logo { clear: both; width: 997px; height: 118px; padding: 0 0 0 0; margin-left: auto; margin-right: auto; }


.social{
    width: 292px;
    height: 258px;
    border: none; 
    overflow: hidden; 
}
 
#face-slider{
    position:fixed;
    left:-302px;
    top:208px;
    z-index:100;
}
 
#face-slider .tab{
    cursor:pointer;
    width:35px;
    height:110px;
    float:right;
    background: url(images/facebook-slider.png) no-repeat center center;
}
 
#face-code{
    padding:5px;
    border: solid #0170cf 3px;
    background: #fff;
    float:left;
    width:286px;
    height:250px;
    -moz-border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
}



/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}