@charset "utf-8";

body {
margin: 0px;
padding: 0px;
background-color: #fcfcfc;
}

#telo {
width: 100%;
height: 2100px;
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: 148px;
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: 268px;
background-image: url("img/menu-zivotne-prostredie.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: 23px;
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 #content_center{
width: 380px;
padding-top: 3px;
padding-bottom: 2px; 
font-size: 10px;
font-weight: bold;
color: #ffffff; 
}

#telo #jadro #right_column #content a{
color: #000000;
}

#telo #jadro #right_column #content #stlpce{
width: 630px;
}

#telo #jadro #right_column #content #stlpce ul{
margin-top: 0px;
}

#telo #jadro #right_column #content #stlpce #lavy{
width: 315px;
padding-top: 25px;
height: 235px;
float:left;
}

#telo #jadro #right_column #content #stlpce #pravy{
width: 305px;
float: right;
padding-top: 30px;
margin-left: 10px; 
}

#telo #jadro #right_column #content #stlpce #pod_stlpce{
width: 630px;
clear: both;
}


#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;
clear: both;
}

#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;
color: #505050;
}

h2{
font-size: 14px;
margin-left: 15px;
margin-top: 25px;
color: #505050;
}

h3 {
font-size: 12px;
color: #505050;
cursor: pointer; 
cursor: hand; 
text-decoration: underline}
.skryvany {display: none}

h4{
color: #ffffff;
font-size: 20px;
}

h5{
color: #505050;
font-size: 17px;
text-align: center;}

hr{
height: 1px;}

li{
padding-bottom: 0px;
color: #FFFFFF;
font-size: 15px;
}

img {
border: none
} 

#telo #jadro #right_column #content-prostredie{
width: 643px;
margin-top: 5px;
}

#telo #jadro #right_column #content-prostredie img.pravy{
margin: 5px 25px 0px 0px;
}

#telo #jadro #right_column #content-prostredie img.lavy{
margin: 10px 0px 0px 25px;
}

#telo #jadro #right_column #content-prostredie a{
color: #008b97;
text-decoration: none;
} 

#telo #jadro #right_column #content-prostredie a:hover{
color: #00636c;
text-decoration: underline;
}

#telo #jadro #right_column #content-prostredie li{
text-align: left;
font-size: 12px;
color: #505050;
padding: 5px 10px 0px 0px;
line-height: 20px;
list-style-image: url("img/buttons_sk/hl_menu/sipka.png");
}

#telo #jadro #right_column #content-prostredie #zataze {
width: 423px;
height: 190px;
padding: 10px 0px 0px 220px;
margin: 0px 0px 15px 0px;
text-align: right;
background-image: url("img/obrazky/thumb/zataze.png");
background-position: left bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-prostredie #prieskum {
width: 458px;
height: 220px;
padding: 20px 170px 0px 15px;
margin: 0px 0px 15px 0px;
text-align: left;
background-image: url("img/obrazky/thumb/prieskum.png");
background-position: right bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-prostredie #analyza {
width: 423px;
height: 145px;
padding: 0px 0px 0px 220px;
margin: 0px 0px 15px 0px;
text-align: right;
background-image: url("img/obrazky/thumb/analyza-rizika.png");
background-position: left bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-prostredie #sanacia {
width: 458px;
height: 190px;
padding: 10px 170px 0px 15px;
margin: 0px 0px 15px 0px;
text-align: left;
background-image: url("img/obrazky/thumb/sanacia.png");
background-position: right bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-prostredie #monitorovanie {
width: 423px;
height: 170px;
padding: 10px 0px 0px 210px;
margin: 0px 0px 15px 0px;
text-align: right;
background-image: url("img/obrazky/thumb/monitoring.png");
background-position: left bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-prostredie #audit {
width: 438px;
height: 145px;
padding: 0px 190px 0px 15px;
margin: 0px 0px 15px 0px;
text-align: left;
background-image: url("img/obrazky/thumb/audit.png");
background-position: right bottom;
background-repeat: no-repeat;
}

#telo #jadro #right_column #content-prostredie #poradenstvo {
width: 423px;
height: 140px;
padding: 20px 0px 0px 220px;
margin: 0px 0px 15px 0px;
text-align: right;
background-image: url("img/obrazky/thumb/poradenstvo.png");
background-position: left 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;
clear: both;
font-weight: bold;
}

