*{padding: 0;margin: 0;border: 0;}
img.vpravo{float: right;}
ul{list-style-type: none;}
body{font-size: 12px;text-align: center;background: url('../images/design/pozadi.jpg') left top repeat-x #FFF;font-family: Arial, Helvetica, sans-serif;color: #7f7f7f;}
div.hlavni{text-align: left;margin: auto;width: 988px;position: relative;}
br.clear{float: none;clear: both;font-size: 1px;line-height: 1px;}
.clearer{clear: both;}
.floatleft {float: left; margin-right: 50px;}

a, a.visited{text-decoration: underline; color: #00A8A3;}
a:hover{text-decoration: none;}

h1, h2, h3{color: #00a8a3;padding-bottom: 5px;border-bottom: 1px solid #e8e8e8;overflow: hidden;font-weight: bold;letter-spacing: -1px;margin-bottom: 5px;}
h1, h2{font-size: 24px;}
h3{font-size: 17px;}
h3.up{margin-top: 15px;}

img.b{border: 4px solid #a3e0de;}
img.l{float: left;margin: 15px 15px 10px 0;}
img.l2{float: left;margin: 0 15px 10px 0;}
img.l3{float: left;margin: 0 15px 10px 0;}
img.r{float: right;margin: 15px 0 10px 15px;}
img.r2{float: right;margin: 5px;}

div.hlavicka{padding: 0 4px 0 4px;height: 291px;position: relative;overflow: hidden;background: url('../images/design/hlavicka_pozadi.gif') left top no-repeat #FFF;}
div.hlavicka div.pravy{float: right;width: 760px;height: 270px;background: url('../images/design/hlavicka.jpg') left top no-repeat #00A8A3;overflow: hidden;position: relative;}
span.flash{display: block;width: 595px;height: 70px;text-align: center;color: #FFF;line-height: 70px;position: absolute;right: 0;top: 52px;background: #00A8A3;font-weight: bold;font-size: 12px;}
div.hlavicka div.levy{width: 220px;float: left;}
ul.menu{margin-top: 18px;}
ul.menu li{height: 29px;background: url('../images/design/menu_cara.jpg') 35px bottom no-repeat #FFF;}
ul.menu li a{height: 28px;line-height: 28px;color: #00A8A3;display: block;background: url('../images/design/menu.jpg') 50px top no-repeat #FFF;padding-left: 71px;text-decoration: none;font-size: 12px;}
ul.menu li a:hover, ul.menu li a.active{background: url('../images/design/menu.jpg') 50px -28px no-repeat #00A8A3;color: #FFF;}

div.hlavicka #submenu{width: 480px;height: 125px; visibility: hidden; background: url('../images/design/submenu.jpg') left top no-repeat;overflow: hidden;position: absolute;left: 0;bottom: 0;}
div.hlavicka #submenu div.odsazeni{padding: 10px 10px 0 10px;}
div.hlavicka #submenu ul{float: left;width: 220px;margin-right: 10px;}
div.hlavicka #submenu ul li{padding-bottom: 10px;padding-left: 15px;background: url('../images/design/plusko.gif') left 5px no-repeat;}
div.hlavicka #submenu ul li a{color: #FFF;text-decoration: none;}
div.hlavicka #submenu ul li a:hover{color: #00fff7;}

.logo {position: relative; display: block; width: 220px; height: 99px;}
.logo img {position: absolute; z-index: 20;}
.logo span {position: absolute; z-index: 10; font-size: 20px; left:80px; top:30px;}

div.hp-leva{float: left;width: 433px;margin-right: 30px;}

div.footer {background: #8ab8b5; clear: both; width: 100%;}
div.footer div.obsah {text-align: left; width: 988px;margin: auto; background: url('../images/design/footer.jpg') left top no-repeat #8ab8b5;height: 150px; position:relative;}
div.footer img.created{position: absolute;right: 19px;bottom: 5px;}

div.footer p#nenasli-jste{width: 230px;height: 107px;background: url('../images/design/nenasli_jste.jpg') left top no-repeat #ccefed;overflow: hidden;color: #000;text-align: center;line-height: 30px;font-weight: bold;position: absolute;right: 190px;bottom: 0;}
div.footer p#nenasli-jste a{position: absolute;color: #FFF;text-decoration: underline;font-size: 14px;right: 20px;top: 40px;font-weight: normal;}
div.footer p#nenasli-jste a:hover{text-decoration: none;}

div.footer p#mapka{color: #000;font-size: 12px;line-height: 140%; width: 250px;position: absolute;bottom: 24px;right: 470px;background: url('../images/design/mapka.jpg') right bottom no-repeat;}
div.footer p#mapka strong{color: #00a8a3;font-size: 14px;font-style: italic;display: block;padding-bottom: 3px;}
div.footer p#mapka span{display: block;padding-top: 10px;}

div.footer div#doporucte div.odsazeni{padding: 10px 25px 10px 25px;}
div.footer div#doporucte{width: 230px;height: 131px;background: url('../images/design/doporucte.jpg') left top no-repeat #ccefed;overflow: hidden;color: #008e8a;text-align: left;line-height: 14px;font-weight: bold;position: absolute;left: 0;bottom: 0;}
div.footer div#doporucte div.black{color: #000;display: block;padding-top: 3px;}


div.footer input#yourname{margin-top: 10px;}
div.footer input{background: #f9f9f9;border: 1px solid #83adaa;color: #006e6b;font-size: 11px;padding: 2px;margin-bottom: 5px;width: 169px;}
div.footer input.submit {color: #71fff5;border: 0;border-top: 1px solid #333;background: url('../images/design/submit.jpg') left top repeat-x #333;width: 50px;float: right;margin-right: -1px;height: 19px; cursor: pointer;}

div.proc-esip{margin-top: 8px;background:url('../images/design/proc_pozadi.jpg') right top no-repeat #a8a300;width: 433px;color: #FFF;}
div.proc-esip div.odsazeni{padding: 15px 20px 20px 20px;}
div.proc-esip p{margin-top: 15px;line-height: 150%;}
div.proc-esip h2{font-size: 24px;letter-spacing: -1px;color: #FFF;padding: 0;border: 0;}
div.proc-esip strong, div.proc-esip a{color: #484600;}
div.proc-esip a.dalsi{color: #FFF;font-size: 11px;float: right;background: url('../images/design/sipka.jpg') left 6px no-repeat;padding-left: 14px;display: block;margin: 7px 5px 0 0;}

ul.ctverecky li{background: url('../images/design/ctverecek.jpg') left 8px no-repeat;padding: 2px 0 2px 0;padding-left: 10px;overflow: hidden;}
ul.ctverecky li.bez{background: none;padding-left: 0px;padding-top: 5px;}
ul.ctverecky li.bez2{background: none;padding-left: 0px;padding-top: 5px;}
ul.ctverecky li a, ul.ctverecky li a.visited {color: #00A8A3;}

a.sipka2{background: url('../images/design/sipka2.jpg') left 6px no-repeat;padding-left: 14px;color: gray;font-size: 11px;}

div.certifikaty{position: absolute;width: 526px;height: 173px;background: url('../images/design/certifikaty.jpg') left top no-repeat;right: 4px;top: -134px;}
div.certifikaty img{margin-right: 15px; border: solid 3px #A3E0DE ;}
div.certifikaty div.odsazeni{padding: 20px 40px 10px 0px;text-align: center;}
div.certifikaty h3{font-size: 24px;font-family: Georgia;border: 0;color: #8ab8b5;font-weight: normal;padding-top: 35px;}

div.stranky-duvery{position: absolute;width: 526px;height: 173px;background: url('../images/design/stranky_duvery.jpg') left top no-repeat;right: 4px;top: -134px;}
div.stranky-duvery p{float: right;width: 260px;text-align: left;color: #317170;line-height: 140%;}
div.stranky-duvery div.odsazeni{padding: 25px 40px 10px 26px;text-align: left;line-height: 150%;}
div.stranky-duvery h3{font-size: 24px;font-family: Georgia;border: 0;color: #8ab8b5;font-weight: normal;letter-spacing: 1px;}
div.stranky-duvery ul{margin-top: 10px;}
div.stranky-duvery ul li{margin-top: 3px;}

/* Homepage */
div.homepage{padding: 0 4px 0 4px;}
div.homepage h3{margin-top: 0;}

/* Non-service-page */
div.non-service-page{padding: 0 4px 0px 4px;}
div.non-service-page h1{border: 0;}
div.non-service-page h1 span.cara{display: block;border-bottom: 1px solid #E8E8E8;height: 8px; width: 33%;}
div.non-service-page strong.zelene{color: #5FC10A;}
div.non-service-page h2, div.non-service-page h2.kontakt{color: #2e7371;font-size: 14px;font-weight: bold;margin: 20px 0 0 0;border: 0;padding: 0;font-family: Arial;}
div.non-service-page p{padding: 20px 0 0 0;margin: 0;line-height: 140%;}
div.non-service-page div.levy-obrazek{float: left;width: 220px;font-size: 9px;font-family: Tahoma;color: #2e7371;margin-right: 22px;}
div.non-service-page div.levy-obrazek img{border: 4px solid #A2E0DB;}
div.non-service-page div.levy-obrazek span{background: url('../images/design/komentar.jpg') left top no-repeat;padding: 10px 0 0 40px;display:block;margin-top: -2px;}

div.non-service-page div.textovacast {width: 717px; float: left;}
div.odsazeniduvery {height: 155px; width: 10px;}


#kontaktform input {background: white; border: solid 1px #83ADAA; width: 200px; height: 16px; font-size: 11px; padding: 2px 3px 0px 3px}
#kontaktform textarea {background: white; border: solid 1px #83ADAA; width: 410px; height: 120px; font-size: 11px; padding: 2px 3px 0px 3px}
#kontaktform input.submit {color: #71fff5;border: 0;border-top: 1px solid #333;background: url('../images/design/submit.jpg') left top repeat-x #333;width: 50px;float: right;margin-right: -1px;height: 19px; cursor: pointer;}

/* Service-page */
div.service-page{padding: 0 4px 155px 0; background: url('../images/design/pozadi_prouzek.jpg') 4px bottom repeat-y;}
div.service-page div.pozadi{padding: 0 0 0px 240px;}
div.service-page h1{border: 0;}
div.service-page h1 span.cara{display: block;border-bottom: 1px solid #E8E8E8;height: 8px; width: 33%;}
div.service-page strong.zelene{color: #5FC10A;}
div.service-page h2{color: #2e7371;font-size: 14px;font-weight: bold;margin: 20px 0 0 0;border: 0;padding: 0;font-family: Arial;}
div.service-page p{padding: 20px 0 0 0;margin: 0;line-height: 140%;}
div.service-page div.levy-obrazek{float: left;width: 220px;font-size: 9px;font-family: Tahoma;color: #2e7371;margin-right: 22px;}
div.service-page div.levy-obrazek img{border: 4px solid #A2E0DB;}
div.service-page div.levy-obrazek span{background: url('../images/design/komentar.jpg') left top no-repeat;padding: 10px 0 0 40px;display:block;margin-top: -2px;}
div.service-page div.submenu2 {position: absolute;left: 4px;top: 270px;}
div.service-page ul.leve-menu{background: #337675; width: 220px;padding-bottom: 13px;padding-top: 14px;}
div.service-page ul.leve-menu li{background: url('../images/design/leve_menu_cara.jpg') 35px bottom no-repeat #337675;padding-bottom: 1px;}
div.service-page ul.leve-menu li a{color: #FFF;display: block;background: url('../images/design/leve_menu_plus.gif') 50px 11px no-repeat #337675;padding: 5px 10px 5px 71px;text-decoration: none;font-size: 12px;}
div.service-page ul.leve-menu li a:hover, div.service-page ul.leve-menu li a.activesub{background-color: #248583;color: #00fff7;}

div.service-page div.textovacast {width: 494px; float: left;}

/* Reference */
#zalozky {position: relative;}
#zalozky #buttony {position:absolute; top: 0px; left: 0px;}
#zalozky #lefttop {float: left; width: 10px; height: 80px; background: url('../images/design/reference_left.png') no-repeat;}
#zalozky #active {float: left; padding: 7px 0 0 0; width: auto; height: 23px; background: url('../images/design/reference_active.png') repeat-x; font-weight: bold; cursor: pointer; text-decoration: underline; color: #2e8e8b;}
#zalozky #activenon{float: left; width: 20px; height: 30px; background: url('../images/design/reference_actnon.png') no-repeat;}
#zalozky #pasive {float: left; padding: 7px 0 0 3px; width: auto; height: 23px; background: url('../images/design/reference_pasive.png') repeat-x; font-weight: normal; cursor: pointer; text-decoration: underline; color: #2e8e8b;}
#zalozky #pasiveright{float: left; width: 15px; height: 30px; background: url('../images/design/reference_right.png') no-repeat;}

#zalozky #zalozkytext {position: relative; background: white; top: 30px; left: 10px; width: 697px; padding: 10px; margin-bottom: 30px; border: solid 1px #d8e9e9;}
#zalozky #zalozkytext ul li {margin: 0px 0px 0px 10px; line-height: 150%;}
#zalozky #zalozkytext #podleoboru {visibility: hidden; height: 0px;}

#zalozky #zalozkytext #podlefirmy ul li {font-weight: bold;}
#zalozky #zalozkytext #podlefirmy ul li.zakaznik {padding: 0 0 15px 0; font-weight: normal;}

/* Vlajky */
.pravy .flags
{
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 4;
  background: url(../images/design/flags_bg.png) no-repeat 100% 0%;
  width: 285px;
  height: 33px;
  padding: 10px 0 0 191px;
} 

.pravy .flags a
{
  display: block;
  float: left;
  padding: 3px 0 0 40px;
  height: 19px;
  font-size: 11px;
  color: white;
  text-decoration: underline;
  margin-right: 22px;
}
.pravy .flags a:hover {text-decoration: none;}

.pravy .flags a.cz {background: url(../images/design/flag_cz.png) no-repeat;}
.pravy .flags a.pl {background: url(../images/design/flag_pl.png) no-repeat;}
.pravy .flags a.en {background: url(../images/design/flag_en.png) no-repeat;}
