/*--- definice telo+scroll ---*/
BODY {
background: url(bottom.jpg);
background-position: center bottom;
background-repeat: repeat-x;
background-color: #ffffff;
text-align: center;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/*--- cela stranka ---*/
#top{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 981px;
height: 7px;
background: url(stranka_top.png);
font-size: 1px;
}
#stranka{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 981px;
background: url(poz_telo.png);
text-align: left;
}
/*--- hlavicka ---*/
#hlavicka{
margin-top: 0px;
margin-left: 8px;
margin-right: 8px;
width: 965px;
height: 333px;
background: url(hlavicka_bg.png);
text-align: left;
}
#hlavicka #logo{
margin-top: 0px;
margin-left: 0px;
width: 219px;
height: 99px;
background: url(logo.gif);
}
#hlavicka #logo h1 a{
display: block;
width: 219px;
height: 99px;
}
#hlavicka #logo h1 a span{
display: none;
}
#hlavicka #kontakt{
margin-top: -99px;
margin-left: 752px;
width: 213px;
height: 99px;
background: url(kontakt-obr.gif);
}
#hlavicka #kontakt p{
display: none;
}
#hlavicka #nadpis{
margin-top: 36px;
margin-left: 11px;
width: 328px;
height: 55px;
background: url(nadpis.gif);
}
#hlavicka #grafika{
margin-top: -91px;
margin-left: 340px;
width: 625px;
height: 189px;
background: url(grafika.jpg);
}
#hlavicka ul{
list-style: none;
margin-top: 0px;
margin-left: 0px;
width: 965px;
height: 45px;
background: url(menu.jpg);
}
#hlavicka ul li{
float: left;
width: 144px;
height: 45px;
margin-right: 0px;
margin-left: 0px;
}
#hlavicka ul li a{
display: block;
width: 144px;
text-align: center;
color:  #ffffff; 
font: normal 14px Arial, Helvetica, sans-serif;
text-decoration: none;
padding-top: 14px;
padding-bottom: 15px;
}
#hlavicka ul li a.tl01:hover{
background: url(tl01.jpg);
color:  #ffffff; 
padding-top: 14px;
padding-bottom: 15px;
font-weight: bold;
}
#hlavicka ul li a.tl02:hover{
background: url(tl02.jpg);
color:  #ffffff; 
padding-top: 14px;
padding-bottom: 15px;
font-weight: bold;
width: 144px;
}
#hlavicka ul li a.tl03:hover{
width: 144px;
background: url(tl03.jpg);
color:  #ffffff; 
padding-top: 14px;
padding-bottom: 15px;
font-weight: bold;
}
#hlavicka ul li a.tl04:hover{
background: url(tl04.jpg);
color:  #ffffff; 
padding-top: 14px;
padding-bottom: 15px;
font-weight: bold;
}
/*--- 
obsah stranky
 ---*/

h2{
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
}
p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 12px;
}

#bunka_voziky{
margin-left: 12px;
background: url(1bunka_voziky.jpg);
width: 235px;
height: 289px;
}
#bunka_pujcovna{
margin-left: 252px;
margin-top: -289px;
background: url(1bunka_pujcovna.jpg);
width: 235px;
height: 290px;
}
#bunka_konstrukce{
margin-left: 492px;
margin-top: -289px;
background: url(1bunka_ocel.jpg);
width: 235px;
height: 289px;
}
#bunka_baterie{
margin-left: 732px;
margin-top: -289px; 
background: url(1bunka_baterie.jpg);
width: 235px;
height: 290px;
}

#bunka_konstrukce h3, #bunka_pujcovna h3, #bunka_voziky h3, #bunka_baterie h3{
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-left: 10px;
padding-top: 10px;
}
#bunka_konstrukce p, #bunka_baterie p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 20px;
margin-top: 179px;
height: 54px;
}
#bunka_pujcovna p, #bunka_voziky p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 20px;
margin-top: 167px;
height: 54px;
}

#bunka_konstrukce a, #bunka_baterie a{
margin-left: 162px;
margin-top: -18px;
display: block;
width: 60px;
height: 20px;
background: url(vice.gif);
}
#bunka_pujcovna a, #bunka_voziky a{
margin-left: 162px;
margin-top: -4px;
display: block;
width: 60px;
height: 20px;
background: url(vice.gif);
}
#bunka_konstrukce a:hover, #bunka_pujcovna a:hover, #bunka_voziky a:hover, #bunka_baterie a:hover{
background: url(vice-over.gif);
}
#bunka_konstrukce a span, #bunka_pujcovna a span, #bunka_voziky a span,  #bunka_baterie a span{
display: none;
}
#paticka{
clear: both;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 981px;
height: 187px;
background: url(paticka.jpg);
text-align: left;
}
.clear{
clear: both;
margin-left: 8px;
margin-right: 8px;
width: 965px;
height: 20px;
}
/*--- help menu ve strance ---*/
#help_menu{
margin-left: 18px;
width: 955px;
margin-bottom: 15px;
padding-top: 26px;
}
#help_menu p{
float: left;
display: block;
margin-left: 10px;
width: 300px;
height: 21px;
padding-top: 10px;
}
#help_menu a.help{
float: left;
margin-right: 15px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
text-decoration: underline;
background: url(icon_help.gif) no-repeat 0px 0px;
padding-left: 20px;
padding-bottom: 5px;
}
#help_menu a.help:hover{
text-decoration: none;
}
#help_menu a.mail{
float: left;
margin-right: 15px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
text-decoration: underline;
background: url(icon_mail.gif) no-repeat 0px 3px;
padding-left: 20px;
}
#help_menu a.mail:hover{
text-decoration: none;
}
#help_menu a.tisk{
float: left;
margin-right: 15px;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
text-decoration: underline;
background: url(icon_tisk.gif) no-repeat 0px 0px;
padding-left: 20px;
}
#help_menu a.tisk:hover{
text-decoration: none;
}
#help_menu a.zpet_{
float: left;
margin-top: 10px;
margin-right: 15px;
background: url(help_zpet.gif);
display: block;
width: 61px;
height: 21px;
}
#help_menu a.zpet_:hover{
background: url(help_zpet-over.gif);
}
#help_menu a.zpet_ span{
display: none;
}
#help_menu a.nahoru_{
float: left;
margin-top: 10px;
margin-right: 30px;
background: url(help_nahoru.gif);
display: block;
width: 61px;
height: 21px;
}
#help_menu a.nahoru_:hover{
background: url(help_nahoru-over.gif);
}
#help_menu a.nahoru_ span{
display: none;
}
#copy{
clear: both;
padding-top: 15px;
font: normal 11px  Arial, Helvetica, sans-serif;
color : #cccccc;
}
#copy a{
color : #cccccc;
}
/*--- help menu ve strance ---*/
#levy{
float: left;
width: 327px;
list-style: none;
margin-top: 10px;
}
#levy li.nadpis{
margin-left: 16px;
width: 311px;
height: 55px;
background: url(poz_nadpis.jpg);
}
#levy li.nadpis p{
margin-left: 10px;
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
padding-top: 7px;
}
#levy li{
margin-left: 16px;
width: 311px;
height: 28px;
background: #e7e8eb;
margin-top: -2px;
margin-bottom: 0px;
border-top: solid 2px white;
}
#levy li a{
padding-top: 5px;
padding-bottom: 6px;
display: block;
color:  #000000; 
text-decoration: none;
font: normal 12px Arial, Helvetica, sans-serif;
}
#levy li a:hover{
background: #d5d5d5;
text-decoration: underline;
}
#levy li a span{
margin-left: 10px;
background: url(arow.gif) no-repeat 0px 5px;
padding-left: 12px;
color:  #000000; 
font: normal 14px Arial, Helvetica, sans-serif;
}
#pravy{
margin-top: 5px;
float: left;
width: 645px;
}
#pravy h2{
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
}
#pravy h3{
color:  #000000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 14px;
}
#pravy ul{
list-style: none;
margin-left: 20px;
margin-bottom: 20px;
}
#pravy ul li{
font: normal 12px  Arial, Helvetica, sans-serif;
color : #000000;
background: url(arow-red.gif) no-repeat 0px 7px;
padding-left: 10px;
}
#pravy p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 12px;
}
legend{
color:  #cc0000; 
font: bold 14px Arial, Helvetica, sans-serif;
}
fieldset{
margin-left: 10px;
border: solid 1px #999999;
padding: 5px;
text-align: right;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
margin-bottom: 20px;
width: 420px;
vertical-align: top;
}
#pravy p.formular{
width: 400px;
text-align: right;
}
#pravy p input.text{
width: 280px;
border: solid 1px black;
margin-bottom: 5px;
}
#pravy p input.checkbox{
}
.button{
border: solid 1px #990000;
background: #cc0000;
color: #ffffff;
font: bold 14px Arial, Helvetica, sans-serif;
}
 p.reference{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 10px;
margin-top: 5px;
float: left;
width: 290px;
height: 60px;
}
 p.kontakt{
color:  #000000; 
font: normal 13px Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-right: 10px;
margin-top: 20px;
float: left;
width: 210px;
height: 80px;
}
 p.kontakt a{
color:  #000000; 
}
 .foto{
 clear: both;
 margin-top: 10px;
 margin-left: 270px;
}
#prodejna_baterii{
margin-left: 15px;
margin-bottom: 20px;
background: url(pujcovna.jpg);
width: 625px;
height: 230px;
}
#pujcovna_trafic_6{
margin-left: 15px;
margin-bottom: 20px;
background: url(pujcovna_trafic_6.jpg);
width: 625px;
height: 230px;
}
#pujcovna_trafic_9{
margin-left: 15px;
margin-bottom: 20px;
background: url(pujcovna_trafic_9.jpg);
width: 625px;
height: 230px;
}
#pujcovna_octavia{
margin-left: 15px;
margin-bottom: 20px;
background: url(pujcovna_octavia.jpg);
width: 625px;
height: 230px;
}
#pujcovna_boxer{
margin-left: 15px;
margin-bottom: 20px;
background: url(pujcovna_boxer.jpg);
width: 625px;
height: 230px;
}
#pujcovna_trafic_6 h2, #pujcovna_trafic_9 h2, #pujcovna_octavia h2, #pujcovna_boxer h2, #prodejna_baterii h2{
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-left: 10px;
padding-top: 10px;
}
#pujcovna_trafic_6 p, #pujcovna_trafic_9 p, #pujcovna_octavia p, #pujcovna_boxer p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 20px;
width: 330px;
}
#prodejna_baterii p{
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 20px;
width: 360px;
}
#pujcovna_trafic_6 p span, #pujcovna_trafic_9 p span, #pujcovna_octavia p span, #pujcovna_boxer p span, #prodejna_baterii p span{
color:  #cc0000; 
font: bold 14px Arial, Helvetica, sans-serif;
}
#prodejna_baterii a{
margin-left: 420px;
margin-top: -120px;
display: block;
width: 144px;
height: 48px;
background: url(online_objednavka.gif);
}
#prodejna_baterii a:hover{
background: url(online_objednavka-over.gif);
}
#prodejna_baterii a span{
display: none;
}
.pujcovna{
margin-left: 15px;
margin-bottom: 20px;
background: url(pujcovna.jpg);
width: 625px;
height: 230px;
}
.pujcovna h2{
color:  #000000; 
font: bold 16px Arial, Helvetica, sans-serif;
margin-left: 10px;
padding-top: 10px;
}
.pujcovna p{
float: left;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
margin-left: 10px;
padding-top: 20px;
width: 330px;
height: 150px;
}
.pujcovna p span{
color:  #cc0000; 
font: bold 14px Arial, Helvetica, sans-serif;
}
.pujcovna a.thickbox{
margin-top: 30px;
margin-right: 18px;
float: right;
border: solid 2px #feac08;
}
.pujcovna a.thickbox:hover{
border: solid 2px red;
}