/* CSS Document */


item    html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
        padding: 0;
        margin: 0;
        list-style: none;
}
body {
 text-align: center;
 margin:0px;
 padding:0px;
 
 }

#content {width: 1024px;background: #cccccc; text-align: justify;padding: 0;margin: 0 auto;position: relative;     }
#contentindex {width: 1024px;background: #F0F0F1; text-align: justify;padding: 0;margin: 0 auto;position: relative;     }   
.navi ul,.navi li {padding: 0px;    padding-left: 0px;    margin: 0px;    list-style:none;}

    .navi ul li {    float: left;     height: 22px; text-align:center;    padding-top: 2px;    padding-left:33px;    padding-right:15px;    margin-left: 0px;
    margin-top: 2px;    border-top:1px solid;    border-bottom:1px solid;    }
           
    .navi ul li a {       display:block;  padding:0px 10px;    }
    
    .navi ul li a:link,
    .navi a:visited,
    .navi a:active {
    color: black;
    text-decoration: none;
     }
    .navi a:hover {background:yellow;}
.popis_navigace {
 padding:25 0 0 20;
 width:150px;
 height:87px;
 }
    
.uvodni_navigace {
 background:url(../img/bila_technika_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 110px;
margin-left: 30px;
}
.uvodni_navigace1 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 110px;
margin-left: 30px;
}
.uvodni_navigace2 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 95px;
margin-left: 30px;
}
.uvodni_navigace3 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 95px;
margin-left: 30px;
}
.uvodni_navigace4 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 78px;
margin-left: 30px;
}
.uvodni_navigace5 h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 78px;
margin-left: 30px;
}

.tramvaje h2 {
text-transform: uppercase;
width: 200px;
font-size: 90%;
color:white;
margin-top: 73px;
margin-left: 24px;
width:250px;
}

.obr img{

position: absolute;
border:0px;
margin-top:-58px;
margin-left:261px;

}
.obr1 img{
position: absolute;
border:0px;
margin-top:20px;
margin-left:10px;
}
.vicezde{
 padding-left:13;
 font-size:x-small;
 width:100px;
 margin-top:8px;
 color:226367;
}
.vicezde a{color:226367;}

.obrservis img{

position: absolute;
border:0px;
margin-top:-176px;
_margin-top:-183px;
margin-left:256px;

}
.obrporad img{

position: absolute;
border:0px;
margin-top:-169px;
_margin-top:-142px;
margin-left:260px;

}
.obrnahrd img{

position: absolute;
border:0px;
margin-top:-170px;
_margin-top:-145px;
margin-left:255px;

}
.obrdopr img{

position: absolute;
border:0px;
margin-top:-172px;
_margin-top:-145px;
margin-left:258px;

}
.obrsplatky img{

position: absolute;
border:0px;
margin-top:-172px;
_margin-top:-145px;
margin-left:256px;

}
.obrtram a img{

position: absolute;
border:0px;
margin-top:-171px;
_margin-top:-145px;
margin-left:244px;

}
.obrtram a:link,
.obrtram a:visited,
.obrtram a:hover,
.obrtram a:active {
    color: black;
    text-decoration: none;
    
    }


.obr1 a img{
border:0px;
}



.uvodni_navigace1 {
 background:url(../img/servis_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace2 {
 background:url(../img/poradenstvi_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace3 {
 background:url(../img/nahradnidily_poz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
 }
.uvodni_navigace4 {
 background:url(../img/dopravapoz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
margin-top: 10px;
border-bottom: 1px solid grey;
 }
.uvodni_navigace5 {
 background:url(../img/hcpoz.gif);
 height: 290px;
 width: 512px;
position:relative;
float:left;
margin-top: 10px;
border-bottom: 1px solid grey;
 }
    
 #head {
 background:url(../img/head_lista.jpg)  repeat-y;
 height: 120px;
 width: 1024px;
position:relative;
 }
 
 #head img {border:0px;
 height: 85px;
 width: 373px;
 position:relative;
 margin:17px 285px;
 }
 
 .shopy  { text-align:center; float:left; width:100%; position: relative; left: 10%;
 }
 .shopy img {

 float:left;
 border:0px;
 }
 .shopy p { float:left;  border:0px; }
 .tramvaje {
 background:url(../img/poztram.gif) no-repeat;
 width:512px;
 float:left;
position:relative;
margin-top: 100px;
border-top: 1px solid grey;
height: 290px;
 }
 .tramvajepopis {
 height: 290px;
 width:475px;
 float:left;
 position:relative;
 margin-top: 100px;
 padding: 10px;
 margin-bottom: 40px;
 border-top: 1px solid grey;
 }
.tramvajepopis p {text-align:justify;}

.footer {
text-align:center;
width:1024px;
}

.footer a:link,
.footer a:visited,
    .footer a:hover,
    .footer a:active {
    color: black;
    text-decoration: underline;
    
    }

.patka {
clear:both;
border-top:1px solid;
border-bottom:1px solid;
width:1024px;
text-align:center;
}

.left {
float:left;
width: 185px;

margin-top:2px;
padding-top:15px;

background:#cccccc repeat-x top; 
}
.obsah {
float:right;
width: 799px;
padding:20px;
background:#f0f0f1 repeat-x top; 
margin-top:2px;
}

.obsah h1{padding-bottom:5px;}
.fotky {text-align:center; font-style:oblique;}
.fotky img {border:0px;}


.obsah h1, h2 {font-size:14pt; font-weight:bold;}
.obsah h3, h4 {font-size:12pt; font-weight:bold;}
.obsah p {margin-bottom:10px;}
.obsah img {border:0px;}
.obsah ul li {list-style-type:disc;margin-left:30px;margin-bottom:5px;}
.slovomistra {float:left; padding-bottom:10px;}
.prodej {height:900px; border-bottom:1px solid;}
.servis{height:1250px;border-bottom:1px solid;}
.dily {height:350px;border-bottom:1px solid;}

.vizitka {width:40%;text-align:center; margin:26px; float:left;background:#ffffff;}
.vizitkaservis {width:40%;text-align:center; margin:26px; float:left;background:#ffffff;}
.vizitkasklad {width:40%;text-align:center; margin:26px; float:left;background:#ffffff;}
.vizitka h6{font-size:12pt; font-weight:bold; background:#ffff00; border-bottom:1px solid; }
.vizitkaservis h6{font-size:12pt; font-weight:bold; background:#33CC99; border-bottom:1px solid; }
.vizitkasklad h6{font-size:12pt; font-weight:bold; background:#00CCCC; border-bottom:1px solid; }
.vizitkavedouci {width:40%;text-align:center; margin:auto; _margin-left:250px; background:#ffffff;}
.vizitkavedouci h6{font-size:12pt; font-weight:bold; background:#F08080; border-bottom:1px solid; }
.left ul,.left li {padding: 0px;    padding-left: 0px;    margin: 0px;    list-style:none;}

    .left ul li {   height: 35px; text-align:center;    
    padding-top: 12px;    padding-left:8px;    padding-right:5px;    margin-left: 0px;
    margin-top: 2px;    border-top:1px solid;    border-bottom:1px solid;    }
           
    .left ul li a {       display:block;  padding:0px 10px;    }
    
    .left ul li a:link,
    .left a:visited,
    .left a:hover,
    .left a:active {
    color: black;
    text-decoration: none;
    
    }
    .left .akcenadpis {text-align:center; background:#327a77; color:white; font-weight:bold; margin-bottom:20px;}
    .left .akce {text-align:center; height:250px; font-weight:bold;}    
    .left .akce img {border:0px;}
    
.kontakt { padding:10px 10px 10px 17px; text-align:left;}
.kontakt p {margin-top: 15px;font-size:10pt; margin-bottom:15px}
#footer {
  padding-bottom:10px; padding-top:15px;
    clear: both; color:#476521;
    text-align: center; font-size:12;
    }
    
#footerindex {background:#cccccc;
padding-bottom:10px; padding-top:15px;
clear: both; color:#476521;
text-align: center; font-size:12;
}

#footerlista {
    background:url(../img/head_lista.jpg)  repeat-y;
   padding-top:5px;
    clear: both; color:#476521;
    text-align: center; font-weight:bold;
    }