/* CSS Document */

body {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    font-family: Arial;
    font-size: 12px;
    color:#000000;
    width:928px;
    background-image: url(bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #ffffff;
    text-align: center;
  }
  
#zahlavi{
position:relative;
height:37px;
}

#start_page{
position:relative;
height:318px;
background-image: url(start_page.jpg);
background-repeat: no-repeat;
background-position: left top;
    
}


#logo{
position:absolute;
left:45px;
top:20px;
width:222px;
height:60px;
background-image: url(logo1.jpg);
background-repeat: no-repeat;
background-position: left top;
text-align:left;
}


#menu{
position:absolute;
left:37px;
top:115px;
width:239px;
height:195px;
background-image: url(menu_bg.jpg);
background-repeat: repeat-y;
background-position: left top;
text-align:left;
}

#menu ul{
margin-top:10px;
text-align:left;
list-style:none;
font-family: Verdana;
}


#menu li{
text-align:left;
height:30px;
line-height:30px;
font-size:13px;
font-weight: bold;
background-image: url(menu_bg_polozka.jpg);
background-repeat: no-repeat;
background-position: -40px bottom;
}

#menu li a{
padding-left:30px;
display:block;
color:#000000;
text-decoration:none;
background-image: url(dot.jpg);
background-repeat: no-repeat;
background-position: 20px 12px;
}


#menu li a:hover{
padding-left:30px;
display:block;
color:#000000;
text-decoration:underline;
background-image: none;
}



#img-home{
position:absolute;
right:93px;
bottom:7px;
width:555px;
height:248px;
background-image: url(img1.jpg);
background-repeat: no-repeat;
background-position: left top;
}


#img-home-produkty{
position:absolute;
right:93px;
bottom:7px;
width:555px;
height:248px;
background-image: url(okna2.jpg);
background-repeat: no-repeat;
background-position: left top;
}


#img-home-kontakt{
position:absolute;
right:93px;
bottom:7px;
width:555px;
height:248px;
background-image: url(okna3.jpg);
background-repeat: no-repeat;
background-position: left top;
}


#hlavicka{
position:absolute;
left:380px;
top:30px;
height:24px;
font-size:14px;
color:#8a8f93;
}







#main_zahlavi{
position:relative;
height:53px;
background-image: url(main_zahlavi.jpg);
background-repeat: no-repeat;
background-position: left top;
    
}


#nadpis{
position:absolute;
top:20px;
left:80px;
width:400px;
line-height:30px;
height:30px;
padding:0px;
margin:0px;
font-size:16px;
background-image: url(dot1.jpg);
background-repeat: no-repeat;
background-position: 0px 9px;
text-align:left;
}



#nadpis h1{
padding:0px;
margin:0px;
margin-left:20px;
font-size:16px;
text-transform:uppercase;
}

#main{
position:relative;
background-image: url(main_bg.jpg);
background-repeat: repeat-y;
background-position: left top;
    
}

#main a{
text-decoration:none;
font-weight: bold;
color:#ef9d09;
}

#main a:hover{
text-decoration:underline;
color:#ef9d09;
font-weight: bold;
}

#obsah{
position:relative;
padding:0px;
margin:0px;
margin-left: auto;
margin-right: auto;
text-align:left;
color:#7b7f82;
font-weight: bold;
font-size:13px;
width:750px;
}



#kontakt{
position:relative;
padding:0px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
margin-left: auto;
margin-right: auto;
text-align:center;
color:#7b7f82;
font-size:13px;
width:750px;
}

#kontakt p{
padding:0px;
margin:0px;
}

#kontakt a{
text-decoration:none;
font-weight: bold;
color:#ef9d09;
}

#kontakt a:hover{
text-decoration:underline;
color:#ef9d09;
font-weight: bold;
}


#galerie{
position:relative;
padding:0px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
margin-left: auto;
margin-right: auto;
text-align:center;
color:#7b7f82;
font-size:13px;
width:750px;
}
#galerie img{margin-left:10px; margin-top:10px; border: 2px solid #ef9d09;}


#galerie a{
text-decoration:none;
font-weight: bold;
color:#ef9d09;
}

#galerie a:hover{
text-decoration:underline;
color:#ef9d09;
font-weight: bold;
}



#barvy{
position:relative;
padding:0px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
margin-left: auto;
margin-right: auto;
text-align:center;
color:#7b7f82;
font-size:13px;
width:750px;
}
#barvy img{margin-left:20px; margin-top:10px; border: 2px solid #ef9d09;}


#odkazy{
position:relative;
padding:0px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
margin-left: auto;
margin-right: auto;
text-align:center;
color:#7b7f82;
font-size:13px;
width:750px;
}

#odkazy a{
text-decoration:none;
font-weight: bold;
color:#ef9d09;
}

#odkazy a:hover{
text-decoration:underline;
color:#ef9d09;
font-weight: bold;
}


#odkazy table{
margin-left: auto;
margin-right: auto;
}


.stred{text-align:center;width:150px;}
.levatd{text-align:center;width:150px;}

#obsah h2{
font-size:16px;
color:#000000;
padding:0px;
margin:0px;
}

#produkty1{
padding:0px;
margin:0px;
margin-left:40px;
color:#ef9d09;
}

#produkty1 a{
text-decoration:none;
color:#ef9d09;
}

#produkty1 a:hover{
text-decoration:underline;
color:#ef9d09;
}



#produkty2{
padding:0px;
margin:0px;
margin-left:20px;
list-style:none;
}

#produkty2 li{
color:#000000;
font-weight: bold;
}



#produkty2 ul li{
padding-top:5px;
padding-bottom:5px;
list-style:none;
color:#7b7f82;
}

#obsah p{margin-left:0px; color:#000000;}

#obsah img{margin-right:10px; float:left;}

#obsah hr{clear:both; border: 1px solid #ef9d09;}

.botka{clear:both; padding-top:10px;padding-bottom:20px;}

.left{float:left;margin-left:20px; border: 0px solid #ef9d09; width:460px;}

.left1{float:left;margin-left:20px; border: 0px solid #ef9d09; width:490px;}

#firma{
position:relative;
padding:0px;
margin:0px;
height:150px;
margin-left:40px;
margin-right:40px;
background-image: url(../data/danmo_auto.jpg);
background-repeat: no-repeat;
background-position: 25px top;
text-align:left;
color:#7b7f82;
font-weight: bold;
font-size:13px;
}

#firma p{
padding:0px;
padding-top:25px;
margin:0px;
margin-left:230px;
}





#firma2{
position:relative;
padding:0px;
margin:0px;
height:300px;
margin-left:50px;
margin-right:0px;
background-image: url(../data/vykres1.jpg);
background-repeat: no-repeat;
background-position: 25px top;
text-align:left;
color:#adb1b4;
font-weight: bold;
font-size:15px;
}

#firma2 ul{
position:absolute;
top:5px;
left:270px;
list-style-image: url('dot2.jpg');
/*list-style-type: square;*/
}

#firma2 ul li{
line-height:40px;
height:40px;
}

#firma2 a{
text-decoration:none;
color:#ef9d09;
}


#firma2 a:hover{
text-decoration:underline;
color:#ef9d09;
}


#rez-okno{
position:absolute;
top:95px;
right:75px;
height:197px;
width:117px;
background-image: url(../data/rez_okno2.jpg);
background-repeat: no-repeat;
background-position: center top;
}


#adresky{
text-align:right;
color:#000000;
font-size:11px;
}

#adresky a{
color:#ef9d09;
font-size:11px;
text-decoration:none;
}

#adresky a:hover{
color:#ef9d09;
font-size:11px;
text-decoration:underline;
}


#zapati{
position:relative;
height:99px;
background-image: url(zapati.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size:11px;
color:#8a8f93;    
}

#zapati a{color:#8a8f93; text-decoration:none;}
#zapati a:hover{color:#8a8f93; text-decoration:underline;}

#zapati p{
padding:0px;
margin:0px;    
padding-top:30px;
}

#zelena {margin:10px 0 0 360px; float:center;}