@charset "utf-8";

body {
margin: 0px;
padding: 0px;
background-color: #f5f5f5;
}

#telo {
width: 100%;
margin: 10px auto 10px auto;
font-family: Arial, Helvetica, sans-serif;
background-image: url("img/bg.png");
background-repeat: repeat-x;
}

#telo #head{
margin: 0px auto;
width: 930px;
height: 410px;
}

#telo #head #hlavicka {
width: 1000px;
height: 147px;
background-image: url("img/vlna.png");
background-repeat: no-repeat;
background-position: top center;
}

#telo #head #hlavicka #logo{
width: 190px;
height: 135px;
float: left;
padding: 15px 0px 0px 15px;
}

#telo #head #hlavicka #hl_menu{
width: 680px; 
height: 140px;
float: right;
font-size: 13px;
color: #008b97;
}

#telo #head #hlavicka #hl_menu a{
text-decoration: none;
color: #008b97;
}

#telo #head #hlavicka #hl_menu a:hover{
text-decoration: underline;
text-transform: uppercase;
font-weight: normal;
color: #008b97;
font-size: 14px;
}

#telo #head #hlavicka #hl_menu table{
height: 140px;
}

#telo #head #hlavicka #hl_menu td{
padding: 80px 0px 0px 45px;
width: 140px;
}

#telo #head #hlavicka #hl_menu img{
padding: 0px 13px 0px 0px;
}

#telo #head #stred {
width: 1065px;
height: 255px;
margin-left: 30px;
clear: both;
background-image: url("img/sluzby-bg.jpg");
background-repeat: no-repeat;
background-position: top left;
}

#telo #head #stred #jazyk{
width: 230px;
height: 230px;
float: left;
padding: 15px 0px 0px 15px;

}

#telo #head #stred #sluzby-menu{
width: 635px;
height: 240px;
margin-right: 175px;
padding-top: 25px;
float: right;
}

#telo #head #stred #sluzby-menu td.druhe{
padding: 14px 0px 0px 35px;
}

#telo #jadro {
margin: 5px auto;
width: 930px;
}

#telo #jadro #left_column{
width: 273px;
float: left;
}

#telo #jadro #left_column #menu {
width: 275px;
height: 104px;
background-image: url("img/menu-geologia.png");
background-repeat: no-repeat;
color: #FFFFFF;
}

#telo #jadro #left_column #menu.hydrogeologia {
width: 275px;
height: 174px;
background-image: url("img/menu.png");
background-repeat: no-repeat;
color: #FFFFFF;
}

#telo #jadro #left_column #menu a {
color: #FFFFFF;
text-decoration:none;
}

#telo #jadro #left_column #menu #nadpis_menu {
width: 260px;
height: 25px;
text-align: center;
padding-top: 10px;
font-size: 14px;
text-transform: uppercase;
}

.click {
width: 245px;
height: 24px;
margin: 2px 0px 0px 2px;
padding: 7px 0px 0px 7px;
font-size: 13px;
cursor: pointer;
background-color: #66acb1;
}

.click img{
padding-top: 0px;
padding-right: 5px;
}

.tlacidlo {
width: 245px;
height: 24px;
margin: 2px 0px 0px 2px;
padding: 7px 0px 0px 7px;
font-size: 13px;
cursor: pointer;
}

.tlacidlo img {
padding-top: 0px;
padding-right: 5px;
}

.tlacidlo:hover {
background-color: #7ac1c6;
}

#telo #jadro #left_column #contact {
width: 256px;
height: 330px;
margin-top: 10px;
margin-bottom: 3px;
background-image: url("img/contacts.png");
background-repeat: no-repeat;
background-position: top left;
}

#telo #jadro #left_column #contact #nadpis_contact {
width: 230px;
height: 28px;
text-align: center;
padding-top: 10px;
font-size: 14px;
color: #FFFFFF;
}

#telo #jadro #left_column #contact #content_contact {
width: 230px;
height: 272px;
padding-left: 20px;
font-size: 16px;
color: #FFFFFF;
}

#telo #jadro #left_column #contact #content_contact #odkaz_contact {
width: 230px;
height: 25px;
padding: 35px 0px 0px 105px;
font-size: 14px;
color: #FFFFFF;
}

#telo #jadro #right_column{
width: 650px;
float: right;
margin-bottom: 20px;
}

#telo #jadro #right_column #navi{
width: 650px;
height: 25px;
padding-top: 5px;
background-repeat: no-repeat;
font-size: 11px;
color: #008b97;
font-family: Georgia, Times New Roman, sans; 
}

#telo #jadro #right_column #navi a{
color: #008b97; 
}

#telo #jadro #right_column #content{
width: 630px;
margin: 15px 2px 0px 0px;
padding: 0px 20px 10px 0px;
border-right: 1px solid #ececec;
font-size: 13px;
color: #505050;
}

#telo #jadro #right_column #content p{
margin-left: 15px;
margin-top: 25px;
text-indent: 30px;
line-height: 20px;
font-size: 13px;
}

#telo #jadro #right_column #content li{
color: #505050;
font-size: 13px;
line-height: 20px;
padding-top: 12px;
}

#telo #jadro #right_column #content td{
text-align: center;
background-color: #cccccc; 
}

#telo #jadro #right_column #content img{
border: 3px solid #008b97;
}

#telo #jadro #right_column #content img.uzky{
border: 3px solid #008b97;
margin-left: 120px;
}

#telo #jadro #right_column #content img.siroky{
border: 3px solid #008b97;
margin-left: 40px;
}

#telo #jadro #right_column #content a{
color: #000000;
}

#telo #foot {
width: 933px;
height: 85px;
margin: 0px auto;
padding: 10px 0px 0px 0px;
background-image: url("img/linka.jpg");
background-repeat: repeat-x;
background-position: top center;
color: #008b97;
clear: both;
font-size: 12px;
}

#telo #foot #foot-l{
width: 550px;
height: 50px;
float: left;
line-height: 25px;
}

#telo #foot #foot-p{
width: 370px;
height: 50px;
float: right;
text-align: right;
line-height: 25px;
}

#telo #foot a {
text-decoration: none;
color: #008b97;
}

#telo #foot a:hover{
text-decoration: underline;
color: #008b97;
}

h1{
font-size: 16px;
}

h2{
font-size: 14px;
margin-left: 15px;
text-align: center;

}

h3 {
font-size: 12px;
cursor: pointer; 
cursor: hand; 
text-decoration: underline}
.skryvany {display: none}

h4{
font-size:20px;
}

h5{
font-size: 17px;
text-align: center;
line-height: 28px;
margin-bottom: 0px;
}

hr{
height: 1px;}

c {
color: #FFFFFF;
font-size: 16px;
}

li{
padding-top: 10px;
color: #FFFFFF;
font-size: 15px;
}

img {
border: none
} 

#telo #jadro #right_column #content-geologia{
width: 643px;
height: 385px;
margin-top: 15px;
background-image: url("img/vl.png");
background-position: top center;
background-repeat: repeat-y;
font-family: Georgia, Times New Roman, sans;
text-transform: uppercase;
font-weight: bold;
}

#telo #jadro #right_column #content-geologia a{
color: #505050;
text-decoration: none;
} 

#telo #jadro #right_column #content-geologia a:hover{
color: #008b97;
text-decoration: underline;
}

#telo #jadro #right_column #content-geologia ul{
padding: 5px 0px 0px 20px;
}

#telo #jadro #right_column #content-geologia li{
text-align: left;
font-size: 12px;
color: #000000;
margin: 15px 10px 0px 0px;
line-height: 18px;
list-style: none;
}

#telo #jadro #right_column #content-geologia img{
margin-right: 10px;
}

#telo #jadro #right_column #content-geologia #l-box {
width: 320px;
height: 385px;
float: left;
text-align: center;
background-image: url("img/obrazky/thumb/hg1.png");
background-position: left bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-geologia #p-box {
width: 320px;
height: 385px;
float: right;
text-align: center;
background-image: url("img/obrazky/thumb/ig.png");
background-position: left bottom;
background-repeat: no-repeat;
}


#telo #jadro #right_column #content-hg{
width: 643px;
margin-top: 5px;
}

#telo #jadro #right_column #content-hg img.pravy{
margin: 5px 25px 0px 0px;
}

#telo #jadro #right_column #content-hg img.lavy{
padding: 10px 0px 0px 25px;
}

#telo #jadro #right_column #content-hg a{
color: #008b97;
text-decoration: none;
} 

#telo #jadro #right_column #content-hg a:hover{
color: #00636c;
text-decoration: underline;
}

#telo #jadro #right_column #content-hg li{
text-align: left;
font-size: 12px;
color: #505050;
padding: 5px 10px 0px 0px;
line-height: 18px;
list-style-image: url("img/buttons_sk/hl_menu/sipka.png");
}

#telo #jadro #right_column #content-hg #studne {
width: 423px;
height: 155px;
padding: 45px 0px 0px 200px;
margin: 0px 0px 15px 0px;
text-align: right;
background-image: url("img/obrazky/thumb/vodarenske-zdroje.png");
background-position: left bottom;
background-repeat: no-repeat;

}

#telo #jadro #right_column #content-hg #hd-skusky {
width: 408px;
height: 175px;
padding: 0px 220px 0px 15px;
margin: 0px 0px 15px 0px;
text-align: left;
background-image: url("img/obrazky/thumb/hydrodynamicke-skusky-1.png");
background-position: right bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-hg #cov {
width: 423px;
height: 134px;
padding: 20px 0px 0px 200px;
margin: 0px 0px 15px 0px;
text-align: right;
background-image: url("img/obrazky/thumb/cov-1.png");
background-position: left bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-hg #vsak {
width: 458px;
height: 120px;
padding: 10px 170px 0px 15px;
margin: 0px 0px 15px 0px;
text-align: left;
background-image: url("img/obrazky/thumb/posudky-vsaky.png");
background-position: right bottom;
background-repeat: no-repeat;
}

.nadpis {
padding-top: 5px;
text-align: left;
font-size: 16px;
font-family: Georgia, Times New Roman, sans;
clear: both;
font-weight: bold;
}

.nadpis-linka {
padding-top: 15px;
text-align: left;
font-weight: bold;
font-family: Georgia, Times New Roman, sans;
background-image: url("img/linka.jpg");
background-repeat: repeat-x;
}