/* CSS Document */
a,img{
text-decoration: none;
border: 0px ;
color: w;
}
body{
background-image: url(img/background.png);
background-repeat: repeat-x;
text-align: center;

}
#telo{
width: 868px;
text-align: left;
margin: 20px Auto 0px auto;
background-image: url(img/pozadi.png); 
background-repeat: repeat-y;
}
#head{
background-image: url(img/head.jpg);
height: 212px;
}
#logo{
position: relative;
top:2px;
left: 55px;
}
/* telo */
#telicko{
background-color:white
background-image: url(img/pozadi.png); 
background-repeat: repeat-y;
}

#menu{
z-index: 2;
background-image: url(img/levy.png);
background-repeat: no-repeat;
float:left;
width:237px;
_margin-right:-18px;
}
#nadpis_menu{
color: #3b4058;
font-family: georgia;
font-size: 22px;
margin-left: 15px;
width:238px;
}
#menu li{
font-size: 18px;
font-family: calibri,franklin;
list-style: none url();
height: 35px;
background-image: url(img/cara.png);
background-repeat: no-repeat;
padding-top: 3px;
text-decoration: none;
width: 228px;
margin-left:-35px;
_margin-left:35px;
_padding-left:5px;

}
#menu li a{
text-decoration: none;
color: black;
}
#menu li:hover{
behavior: url(hover.htc);
background-image: url(img/hover.png);
margin-left: -37px;
width: 238px;
padding-left: 2px;
}
#menu li :hover{
_height:40px;
_behavior: url(hover.htc);
_background-image: url(img/hover.png);
_margin-left: -2px;
_width: 238px;
_padding-left: 6px;
_padding-top: 4px;
_padding-bottom: 40px;
_margin-left:-5px;
_background-repeat: no-repeat;
}
#men1 a:hover{
_padding-right:130px;
}
#men2 a:hover{
_padding-right:68px;
}
#men3 a:hover{
_padding-right:26px;
}
#men4 a:hover{
_padding-right:61px;
}
#men6 a:hover{
_padding-right:22px;
}
#men7 a:hover{
_padding-right:33px;
}
#men8 a:hover{
_padding-right:124px;
}
#men9 a:hover{
_padding-right:119px;
}
#men10 a:hover{
_padding-right:170px;
}

#menu ul{
width:238px;
_margin-left:-35px;
}

#pravy{
float:right;
background-image: url(img/pravy.png);
background-repeat: repeat-y;
width: 17px;

}
#prostor{
z-index: 5;
padding-top:1px;
background-color: white;
margin-bottom: 40px;
width: 480px;
_width:550px;
margin-left:260px;
_margin-left:-20px;
_padding-left:15px;
background-repeat: no-repeat;
}
#prostor p{
font-size: 16px;
font-family: century,S Fonts;
color: #62669d;
width: 480px;
_padding-left: 5px;
_width: 520px;
}
#prostor h2{
top:1px;
left:10px;
font-family: georgia;
font-size: 30px;
_margin-left:1px;
_margin-top:0px;
color: rgb(0,51,102);
}
#prostor li{
line-height: 16px;
font-family: georgia,Trebuchet MS;
list-style-image: url(img/puntik.png);
visibility: visible;
}
#prostor li p{
font-size: 14px;
font-family: georgia,;
font-weight: 500;
}
#prostor ul{
width: 340px;
position: relative;
left: 30px;
z-index: 3;
}
#fotka1{
float:right;
margin-right: 10px;
margin-left:20px;
}

#prostor table img{
border: 1px black solid
}
#prostor table td p{
width: 150px;
margin-right: 50px;
color: rgb(121,121,121);
font-family: verdana;
_margin-right: 40px;
text-align: center;
}
#cistic{
clear: right;
}
#podrobnosti{
text-align: right;
margin-bottom: 10px;
width: 100px;
color: rgb(102,102,153);
font-weight: 700;
position: relative;
left:450px;
cursor: hand,default;
}
#detaily{
position: absolute;
visibility: hidden;
width: 550px;
background-color: rgb(255,204,102);
border: 2px  black solid;
z-index: 7;
}
#prostor fieldset{
width:580px;
_width:590px;
}
#detaily p{
color:black;
font-family:Times new roman;
font-size: 12px;
width:525px;
margin-left: 10px;
margin-right: 10px;
text-align: justify;
}
#ukonci2{
position: relative;
left:470px;
_left:465px;
cursor: hand,default;
color: rgb(117,117,117);
}
#ukonci{
cursor: default;
}
/* pata */
#pata{
margin-top:-15px; 
clear: both;
text-align: center;
color: #62669d;
font: normal normal 600 14px normal verdana;
background-image: url(img/pata.png);
background-repeat: no-repeat;
height: 39px;
_margin-top:0px;
}
#pata p{
padding-top: 18px;
}
/* formular */
#zprava{
height: 100px;
margin-left: 20px;
margin-top: 10px;
}
#dotaznik{
}
#jmeno{
margin-top: 30px;
margin-left: 50px;
}
#prijmeni{
margin-top: 10px;
margin-left: 40px;
}
#mail{
margin-top: 10px;
margin-left: 50px;
}
#telefon{
margin-top: 10px;
margin-left: 45px;
margin-bottom: 40px;
}
#telefonek{
top:-40px;
position: relative;
}
#odeslat{
position:relative;
left: 100px;
top:20px;
margin-bottom: 40px;
}
#reset{
position:relative;
left: 300px;
top:20px;
margin-bottom: 40px;
}
#reg p{
color:gray;
float: left;
font-size: 11px;
margin-bottom:1px;
margin-top: 100px;
margin-left: 40px;
}
#vyhod li{
list-style: circle outside;
visibility: visible;
color: black;
}
#osoby {
width:100%;
text-align: left;
margin-left: 50px;

}
#osoby td{
width:33%;
}
#titulky{background-color: rgb(229,229,229);
margin-top: 0px;
padding-top:0px;
text-align: center;
}
#jednatele{
margin-top: 5px
margin-bottom: 5px;}
#pocitadlo{
margin-top: -10px;
text-align: center;
}
#zelena{
color: rgb(29,139,67);
_margin-top:-20px;
font-size: 18px;
}
#id_mail{
margin-top: -10px;
_margin-top: 10px;
font-size: 18px;
}
#pocitadlo{
text-align: center;
}
#nadpis_hl{
text-align:center;}