html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif; background:#AFAFAF url("imgs/back.jpg") }

form {margin:0px;}
table {border:none; margin:auto;}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {color:black; text-decoration:none;}
a:hover {color:#3DB4D2; text-decoration:none;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none !important;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#2A7C87;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}


/*většinou formuláře*/
.c {width:140px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {border:1px solid #B7D8F1; height:20px; font-size:120%; padding:3px; width:100%; font:normal normal 11px Tahoma,sans-serif; margin-bottom:1px;}
.input_mini {width:25px;}
.button {background-color:#013791; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px;}
a.button {padding:2px 5px 2px 5px;}
.x {color:black; background-color:#2A7C87; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}


.vetsi {font-size:160%; font-weight:bold;}

.text {padding:15px;}
#obsah .text {padding:0px 30px 20px 30px;}

body {background:url("imgs/hlavicka_repeat.png") top repeat-x; height:369px; margin:0px; padding:0px; line-height:160%;}

h1 {margin:0px; padding:35px 0px 0px 35px; color:#1570C5; font-size:180%;}
h2#nadpis {display:block; position:absolute; width:300px; right:30px; color:#1570C5; font-size:160%;}
h3 {font-size:140%;}

#obsah_body h3 {margin-top:0px;}
#obsah_body img {border:2px solid #FFFFFF;}
#obsah_body img:hover {border:2px solid #008CC7;}

#vlajecky {float:right; margin-right:5px; padding-top:10px;}
#vlajecky a {padding-right:2px;}

/*----------hlavicka titulka-------------*/
#hlavicka {position:relative;}
#home {position:absolute; top:20px; left:35px;}

#zaruka {width:181px; height:77px; position:absolute; top:110px; right:350px;}

#hlavicka_top {height:94px; width:962px; margin:auto; position:relative;}
.hlavicka_stred {height:203px; width:962px; margin:auto; position:relative;}
.hlavicka_stred #texty {position:absolute; width:350px; top:30px; right:20px; color:#1570C5; height:80px;}
#vpravo #texty {position:absolute; width:350px; top:20px; right:20px; color:#1570C5; height:45px;}

#texty h1,#texty h2 {margin:0px 0px 5px 0px; padding:0px;}
#texty h1 {font-size:140%;}
#texty h2 {font-size:200%; }

#texty #h1 {position:absolute; top:42px; right:-10px;}
#texty #h2 {position:absolute; top:8px; right:-10px;}


#hledej {background:url("imgs/hledej.png") no-repeat; height:88px; width:241px; position:absolute; right:0px; top:115px; padding-top:13px; }
#hledej .input {background:none; border:none; width:165px; height:22px; padding:5px; font-size:120%; margin-left:15px;}
#hledej .button {background:url("imgs/sipka.png") no-repeat; border:none; width:18px; height:22px; position:absolute; right:20px; font-size:0px; color:#2070C4;}
#hledej .button.x {background:url("imgs/sipka.png") no-repeat 0 -22px; color:#312195;}

#vpravo #hledej {top:64px;}

#drobecky {margin:25px 0px 10px 30px; width:620px; color:#1570C5;}

/*-----------menu----------------------------*/
#menu {position:absolute; top:42px; right:0px; background:url("imgs/menu_left.png") left no-repeat; height:57px; padding-left:10px;}
#menu a {float:left;  font-size:95%;  color:#FFFFFF; display:block; text-transform:uppercase; _display:inline-block; cursor:pointer; text-decoration:none;}
#menu a .odkaz_span span {display:block; height:30px; padding:22px 15px 0px 15px; _display:inline-block;}
#menu a.last .odkaz_span span{background:url("imgs/menu_right.png") right 0 no-repeat; padding:23px 25px 5px 15px;}
#menu a:hover,#menu a.on {background:url("imgs/menu_left_hover.png") left 0 no-repeat; color:#FFAE00;}
#menu a:hover span,#menu a.on span {background:url("imgs/menu_right_hover.png") right 0px no-repeat;}
#menu a:hover.last span,#menu a.on.last span  {background:url("imgs/menu_right_hover_last.png") right 0px no-repeat;}

/*-------------telo titulka-------------*/
#telo_titulka {width:962px; margin:auto; position:relative; }


/*-----------------boxiky-------------------*/
#boxiky {background:url("imgs/boxiky_top.png") top no-repeat; min-height:240px; }
#boxiky_vlevo {float:left; width:695px; margin-left:10px; }
#boxiky_vpravo {float:right; width:230px; margin-right:5px;}
#boxiky_vpravo h3,#aktuality_top h3 {%margin-top:15px; display:block;}

#boxik_konfig {background:url("imgs/boxik_konfig.png") no-repeat; height:340px;}
#boxik_konfig_body {background:url("imgs/boxik_konfig_bottom.png") repeat-y; height:25px;}

#konfig {padding:60px 20px 0px 30px; width:415px; height:70px; color:#606060;}
#konfig h3,#reference_titulka h3,#reference h3 {padding:0px; margin:0 0 2px 0; color:#1570C5; font-size:130%; text-transform:uppercase;}
#konfig .al {padding-bottom:3px !important;}

#reference_titulka {padding:75px 20px 0px 35px; width:880px; height:70px; color:#FEFEFE;}
#reference_titulka h3,#reference h3 {color:#C2E2EF !important; float:left; width:100px;}


#boxik_top {background:url("imgs/boxik_top.png") no-repeat; height:18px; %width:965px;}
#boxik_body {background:url("imgs/boxik_body.png") repeat-y; %width:965px; height:184px;}
#boxik_body .text {padding:12px 30px 20px 30px;}

/*-----------------odkazy obrazky------------------*/
#boxik_odkaz {width:700px; height:260px; margin-left:13px; }
.odkazy_obr  {float:left; width:160px; height:260px; display:block; text-align:center; margin:25px 3px 0 3px;}
.odkazy_obr a span {width:140px; height:50px; display:block; color:#003791; font-size:120%; font-weight:bold; text-transform:uppercase; text-decoration:none;}
.odkazy_obr a:hover span{color:#FFFFFF; text-decoration:none;}

#de .odkazy_obr a span {font-size:90% !important; display:block; line-height:120%;}

.odkazy_obr h2 {font-size:110%; margin:0px; padding:0px;}

a#obrazek1 {background:url("imgs/plast_bazeny.jpg") 0px 50px no-repeat; width:153px; height:250px; display:block;} 
a#obrazek2 {background:url("imgs/strecha_bazeny.jpg") 0px 50px no-repeat; width:153px; height:250px; display:block;} 
a#obrazek3 {background:url("imgs/septik.jpg") 0px 50px no-repeat; width:153px; height:250px; display:block;} 
a#obrazek4 {background:url("imgs/vodomer_sachty.jpg") 0px 50px no-repeat; width:153px; height:250px; display:block;} 

a:hover#obrazek1 {background:url("imgs/plast_bazeny_hover.jpg") 0px 50px no-repeat;}
a:hover#obrazek2 {background:url("imgs/strecha_bazeny_hover.jpg") 0px 50px no-repeat;}
a:hover#obrazek3 {background:url("imgs/septik_hover.jpg") 0px 50px no-repeat;}
a:hover#obrazek4 {background:url("imgs/vodomer_sachty_hover.jpg") 0px 50px no-repeat; }

/*----------------aktuality_titulka---------------*/


/*----------hlavicka obsahovka-------------*/
.obsahovka {background:none; height:50px;}


/*---------------telo obsahovka-------------*/
#telo {width:962px; margin:auto;}

/*--------------------obsah-------------------*/
#obsah {margin-top:35px; width:710px; %padding-top:45px;}
#obsah_top {background:url("imgs/obsah_top.png") no-repeat; height:90px;}
#obsah_body {background:url("imgs/obsah_body.png") repeat-y; min-height:600px;}
#obsah_bottom {background:url("imgs/obsah_bottom.png") no-repeat; height:34px;}
#obsah_body h2 {margin-top:0px; padding-top:0px;}

#obsah a {text-decoration:underline;}
#obsah a:hover {text-decoration:underline; color:red;}

.text_obsah {padding:0px 8px 30px 8px;}

#operace {margin:0px 20px 0px 35px;}
#operace span {font-weight:bold; font-size:110%;}
#operace img {border:none;}

/*----------------vlevo---------------------*/
#vlevo {float:left; width:715px;  position:relative; }

#kapka_vlevo {background:url("imgs/kapka_vlevo.png") no-repeat; height:35px; width:14px; position:absolute; top:190px; left:-3px;}
#kapka_menu	{background:url("imgs/kapka_menu.png") no-repeat; height:42px; width:83px; position:absolute; top:108px; left:30px;}

/*-----------------kontaktujte_top------------------*/
#kontaktujte_top {background:url("imgs/kontaktujte_top.png") no-repeat; height:15px;}
#kontaktujte_body {background:url("imgs/kontaktujte_body.png") repeat-y;}
#kontaktujte_bottom {background:url("imgs/kontaktujte_bottom.png") no-repeat; height:17px;}

#kontaktujte_body .text {padding:5px 20px 20px 30px;}
#kontaktujte_body form {width:530px;}
#kontaktujte_body .input {border:1px solid #B7D8F1; height:20px; font-size:120%; padding:3px;}
#kontaktujte_body textarea {border:1px solid #B7D8F1;  font-size:120%; padding:3px;}
#kontaktujte_body h3 {color:#215097; font-size:130%; text-transform:uppercase; margin-left:0px;}

/*---------------submenu-------------------*/
#mezera {height:36px;}
#submenu {position:absolute; top:55px; left:0px; background:url("imgs/submenu_left.png") left no-repeat; height:57px; padding-left:10px;}
#submenu a {float:left;  font-size:95%;  color:#003791; display:block; text-transform:uppercase; _display:inline-block; cursor:pointer; text-decoration:none;}
#submenu a .odkaz_span span {display:block; height:30px; padding:22px 15px 0px 15px; _display:inline-block; }
#submenu a.last .odkaz_span span{background:url("imgs/submenu_right.png") right 0 no-repeat; padding:22px 25px 5px 15px;}
#submenu a:hover,#submenu a.on {background:url("imgs/submenu_left_hover.png") left 0 no-repeat; color:#000000;}
#submenu a:hover span,#submenu a.on span {background:url("imgs/submenu_right_hover.png") right 0px no-repeat;}
#submenu a:hover.last span,#submenu a.on.last span {background:url("imgs/submenu_right_hover_last.png") right 0px no-repeat;}



/*----------vpravo-------------------------*/
#vpravo {float:right; width:246px; position:relative;}

#aktuality_top {background:url("imgs/aktuality.png") no-repeat; min-height:200px; margin-top:152px; padding-top:5px;}
#aktuality_bottom {background:url("imgs/aktuality_bottom.png") no-repeat; height:16px;}
#aktuality_top h3,#boxiky_vpravo h3 {color:#1570C5; text-align:right; font-size:140%; padding:0px 20px 0 0; text-transform:uppercase;}
#aktuality_top .text,#boxiky_vpravo .text {padding:0px 30px 0px 30px; }

#banner {margin-top:15px; padding:10px 0 0 5px;}

/*--------------reference---------------------*/
#reference {background:url("imgs/reference_obsahovka.png") no-repeat; height:145px; margin:auto; width:962px; color:#FEFEFE;}
#reference .text {padding:20px 30px 10px 30px; }

/*---------paticka--------------*/
#paticka a,#paticka_obsahovka a {color:#000000; text-decoration:underline; }
#paticka a:hover {color:red;}
#paticka {margin:auto; font-size:90%; color:#000000; background:url("imgs/paticka_titulka.png") no-repeat; height:70px; width:962px; margin-bottom:30px; }
#paticka-left {float:left; padding:20px 0px 0px 35px; }
#paticka-right {float:right; padding:20px 35px 0px 0px;}

#paticka_obsahovka {margin:auto; font-size:90%; color:#000000; background:url("imgs/paticka_obsahovka.png") no-repeat; height:70px; width:962px; margin-bottom:30px; }

#paticka {height:150px; margin-bottom:0px;}
#stred {position:relative; width:962px; margin:auto;}
#boxik_pozice {position:absolute; left:0px; bottom:150px; height:200px; }
#boxik_body {height:184px;}
#prazdne_misto {height:200px;}

/*-------------------doporucit---------------*/
.doporucit form {width:530px; margin-left:20px;}

/*--------------------aktuality---------------------*/
.polozka {background:url("imgs/linka_aktualita.png") top no-repeat; padding-bottom:15px;}
.polozka a .tbold {display:block; color:#1570C5; padding-top:5px; }
.polozka a .datum {display:block; color:#808080;}
.polozka a .podnadpis {display:block; }
.polozka a:hover,.polozka a:hover .tbold,.polozka a:hover .datum {color:#003690;}

#obsah_body .polozka {background:none; padding-bottom:15px;}

/*--------------------galerie titulka----------------*/

#reference_titulka, #reference {position:relative;}

#reference_titulka .galerie, #reference .galerie {height:90px; margin-top:10px;}

#reference_titulka .galerie img,#reference .galerie img {margin-left:25px;}

#reference_titulka .galerie img,#reference .galerie img {border:2px solid white; padding:0px;}
#reference_titulka .galerie img:hover,#reference .galerie img:hover {border:2px solid #FFAD00;}

.galerie_zpet {position:absolute; left:30px; top:118px; display:block;}
.galerie_vpred {position:absolute; right:0px; top:118px;  display:block;}
.galerie_stranka { padding-left:50px; height:80px;}

#reference .galerie_zpet {top:68px; left:20px;}
#reference .galerie_vpred {top:68px; right:20px;}

/*-----------------------galerie--------------*/
#obsah_body .galerie  table{width:600px;}
#obsah_body .galerie  td{background-color:#78B4D6;text-align:center;padding:4px;height:110px;width:136px;}
#obsah_body .galerie  table{border-spacing:5px;}
#obsah_body .galerie  img {border:3px solid white;padding:0px;}
#obsah_body .galerie   td:hover{background-color:#3C9BC9;}

#produkty_top {background:url("imgs/produkty_top.png") no-repeat; width:667px; margin-left:-15px; margin-top:30px;}
#produkty_bottom {background:url("imgs/produkty_bottom.png") no-repeat;  width:667px; margin-left:-15px; height:58px;}
#produkty_top .text {padding:30px 0px 10px 13px;}
#produkty_top img {border:none;}
#produkty_top img:hover {border:none;}
#produkty_top a {float:left; width:130px; text-decoration:none;}
#produkty_top a:hover {text-decoration:none;}
#produkty_top a:hover span.odkaz_nadpis {text-decoration:none; color:#000000 !important;}
#produkty_top span.odkaz_nadpis {display:block; text-align:center; text-decoration:none; font-weight:bold; font-size:120%; color:#003791; height:40px;}