body {text-align: center; font-family: "Helvetica CE", Helvetica, "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #165eab url('../graf/bcg_body.png') repeat-y 50% top; color: #000; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

textarea, input {font-family: "Helvetica CE", Helvetica, "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif;}

a:link, a:visited, a:active {color: #d00; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
a img {display: inline; border-style: none; text-decoration: none;}

h1 {margin: 0; padding: 0 0 0 20px; color: #069; font-size: 190%; font-weight: normal; line-height: 70px;}
h2 {display: block; clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #069; margin:  0 0 10px 0; padding: 6px 15px 6px 5px; background: #def url('../graf/bcg_obsah.jpg') no-repeat right 0;}
h3 {display: block; clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #069; margin: 5px 0 5px 0; padding: 5px 0;}

p {padding: 0 0 15px 0; margin: 0;}
.prava {text-align: right;}
.centr {text-align: center;}
td {vertical-align: top;}

form {margin: 0; padding: 0;}

ul {display: block; list-style: none; margin: 5px 0 5px 10px; padding: 0;}
/*ol {display: block; margin: 0; padding: 5px 0 10px 30px;}*/
ul li {padding: 5px 0 5px 19px; margin: 0; background: transparent url("../graf/bcg_li.gif") no-repeat left 6px;}
/*ol li {padding: 0 0 8px 0; margin: 0;}*/

table {border-top: 1px solid #def; border-left: 1px solid #def; width: 100%;}
table img {display: block;}
table h2 {font-size: 130%; background-image: none; background-color: transparent; margin: 0; padding: 0; font-weight: normal;}
table.souhrn td {vertical-align: top;}
table.souhrn img {display: inline;}
table.souhrn h2 {padding: 20px 0 10px 0;}
table.souhrn li {background: transparent url('/graf/drobecek.gif') no-repeat 0 6px; line-height: 1em; padding: 3px 0 3px 10px;}


.bunadpis {width: 100%;}
a.nadpisek {text-decoration: none; line-height: 40px;}
td, th {padding: 7px 10px 7px 10px; border-bottom: 1px solid #def; border-right: 1px solid #def; text-align: left; vertical-align:  middle; font-weight: normal;}
th {background-color: #def; border-bottom: 1px solid #def; border-right: 1px solid #def;}
th.top {font-weight: normal; font-size: 85%; text-align: center; padding: 5px 10px; vertical-align: middle;}
td.popis {color: #666; font-size: 90%; width: 80%;}

.cerv {color: #d73600;}
.zelv {color: #090;}

.tdl {width: 65%; padding: 0 12px 0 0; border-width: 0; border-right: 4px dotted #d4e9ff;}
.tdp {width: 35%; padding: 0 0 0 15px; border-width: 0;}

#box {display: block; position: relative; width: 980px; margin: 0 auto; padding: 0; background: #fff url('../graf/bcg_paticka.png') no-repeat 0 bottom; text-align: left;}

#nahoru {display: block; position: relative; clear: both; padding-top: 0; text-align: center;}
#nahoru img {display: block; margin: 0 auto;}

#obsah {display: block; position: relative; float: left; width: 740px; left: 15px; margin: 0; padding: 175px 0 0 0; background: #fff url('../graf/bcg_obsah.jpg') no-repeat 0 175px;}
#obsahbox {padding: 0 15px 15px 15px; font-size: 90%;}

#kontakt {display: block; position: relative; float: right; width: 200px; right: 15px; margin: 0; padding: 175px 0 0 0;}
#kontakt_dolni {display: block; position: relative; clear: both; width: 200px; height: 15px; bottom: 0; right: 0; margin: 0; padding: 0; background: transparent url('../graf/bcg_kontakt_dolni.png') no-repeat 0 bottom;}
#kontaktbox {display: block; margin: 0; padding: 10px 15px 0 15px; font-size: 90%; background: #d4e9ff url('../graf/bcg_kontakt.png') no-repeat 0 0;}
#kontaktbox a {color: #069;}

.tabkontakt {border-width: 0;}
.tabkontakt td, .tabkontakt th {border-width: 0; vertical-align: top;}
.tabkontakt h2 {font-size: 100%; font-weight: bold; font-style: normal; color: #069; margin: 5px 0 5px 0; padding: 5px 0;}

/*#kontaktbox h3 {display: block; clear: both; font-size: 100%; font-weight: bold; font-style: normal; color: #069; margin: 5px 0 5px 0; padding: 5px 0;}*/
#kontaktbox p {display: block; position: relative; margin: 0; padding: 0 0 8px 0;}
#kontaktbox h3 {margin: 0; padding: 8px 0 5px 0;}
#kontaktbox input {display: block; position: relative; width: 168px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #9ce; color: #666; padding: 1px 0;}
#kontaktbox img.antispam {display: block; position: relative; border: 1px solid #9ce; width: 70px; height: 16px; float: left;}
#kontaktbox #intext {display: block; position: relative; width: 168px; height: 70px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #9ce; color: #666; padding: 1px 0;}
#kontaktbox #inkod {display: block; position: relative; float: right; width: 94px; margin: 0 0 2px 0;}
#kontaktbox #odeslat {display: block; position: relative; width: 80px; height: 16px; margin: 0 auto; font-size: 90%; border-width: 0; padding: 0;}
#kontaktbox input.ukryt {display: none; border-width: 0;}
#cards {text-align: center; padding: 10px 0; color: #669;}

#katmenu {display: block; padding: 0; margin: 0;}
#katmenu h3 {display: block; padding: 0 15px; margin: 0; line-height: 20px; background-color: #069; color: #fff; font-weight: normal; font-size: 90%;}
#katmenu a {color: #fff; text-decoration: none;}
#katmenu ul {list-style: none; list-style-image: none; background-image: none; padding: 0; margin: 0 0 15px 0;}
#katmenu ul li {list-style: none; list-style-image: none; background-image: none; padding: 0; margin: 0; background: #fff url('/graf/bcg_obsah.jpg') no-repeat 50% -30px; border-bottom: 1px solid #d4e9ff;}
#katmenu ul li a {display: block; line-height: 1.1em; padding: 8px 15px 8px 22px; text-decoration: none; background: transparent url('/graf/drobecek.gif') no-repeat 15px 12px; color: #000; font-weight: bold;}
#katmenu ul li a:hover {background: #fff url('/graf/drobecek.gif') no-repeat 15px 12px; color: #d00;}

#hlavicka {display: block; position: absolute; width: 980px; height: 175px; top: 0; left: 0; margin: 0; padding: 0; background: transparent url('/graf/bcg_hlavicka.jpg') no-repeat 0 0; z-index: 1;}
#hlavicka a:hover {color: #d73600;}
#text {display: block; position: absolute; top: 25px; right: 15px; margin: 0; padding: 0; z-index: 2; color: #def; font-size: 110%; text-align: right;}
#text strong {font-size: 125%; font-weight: normal; line-height: 1.2em; color: #fff;}
#tlpneu {display: block; position: absolute; width: 178px; height: 159px; top: 0; left: 306px; margin: 0; padding: 0; z-index: 50; background-image: none; background-color: transparent; text-align: center;}
#tlkola {display: block; position: absolute; width: 179px; height: 159px; top: 0; left: 496px; margin: 0; padding: 0; z-index: 50; background-image: none; background-color: transparent; text-align: center;}
#tlpneu a, #tlkola a {display: block; margin: 0 auto; padding: 125px 0 0 0; line-height: 34px; color: #fff; text-decoration: none; font-weight: bold;}
#tlpneu a:hover, #tlkola a:hover {text-decoration: underline; color: #fff;}


#menu {display: block; position: absolute; right: 25px; bottom: 15px; margin: 0; padding: 0;}
#menu li {display: inline; float: left; list-style: none; padding: 0; margin: 0; background: transparent url('../graf/bcg_menuli.gif') no-repeat 0 20px;}
#menu li.prvni {border-right: 1px solid #c00;}
#menu a {display: block; float: left; line-height: 35px; padding: 0 12px; color: #fff; text-decoration: none;}
#menu a:hover {color: #fff; text-decoration: underline;}

#logo {display: block; position: absolute; left: 30px; top: 58px; width: 230px; height: 60px; z-index: 2;}


#paticka {display: block; position: relative; width: 980px; margin: 0 auto; padding: 15px 0; text-align: center; color: #38a; font-size: 80%;}
#paticka a {color: #38a; text-decoration: none;}

.pbox {display: block; position: relative; padding: 15px 20px; margin: 0 0 20px 0; background: transparent url('../graf/bcg_pbox.gif') no-repeat 0 0; color: #9ce; line-height: 1.5em; text-indent: 18px;}
.pbox strong, .pbox a {color: #fff; font-weight: normal; text-decoration: none;}

#ref {display: block; height: 176px; position: relative; padding: 0; margin: 0 0 20px 0; background: #d4e9ff;}
#ref img {display: block; position: relative; float: left; width: 210px; height: 140px; margin: 18px 0 18px 20px;}

#hledani {display: block; position: relative; width: 710px; height: 50px; background: #fff url('/graf/bcg-hledani.png') no-repeat 0 0; padding: 0; margin: 0 0 15px 0;}
#hledani .typ {display: block; width: 100px; position: absolute; top: 22px; left: 110px; border: 1px solid #069;}
#hledani .sez {display: block; width: 100px; position: absolute; top: 22px; left: 215px; border: 1px solid #069;}
#hledani .sir {display: block; width: 65px; position: absolute; top: 22px; left: 320px; border: 1px solid #069;}
#hledani .pro {display: block; width: 65px; position: absolute; top: 22px; left: 390px; border: 1px solid #069;}
#hledani .raf {display: block; width: 65px; position: absolute; top: 22px; left: 460px; border: 1px solid #069;}
#hledani .vyr {display: block; width: 100px; position: absolute; top: 22px; left: 530px; border: 1px solid #069;}
#hledani .hle {display: block; width: 65px; position: absolute; top: 20px; left: 635px; }

.viceinfo {padding-left: 30px; background: transparent url("../graf/bcg_viceinfo.gif") no-repeat 10px 2px; font-weight: bold;}
.kontakt td {border-width: 0; padding: 0 30px 0 0;}
.kalkulace {padding: 25px; margin: 0; text-align: center;}

.poptavka {display: block; padding: 20px; background-color: #def;}
.poptavka td, .poptavka th {border-width: 0; padding: 10px 15px; vertical-align: middle;}
.poptavka th {border-width: 0; text-align: right; background-color: #bbddee; color: #000; font-weight: normal;}

.poptavka input.text {margin: 2px 0; font-size: 90%; border: 1px solid #9ce; color: #666; padding: 1px 0; width: 200px;}
.poptavka input.cerv {border-color: #f00;}
.poptavka img.antispam {border: 1px solid #9ce; width: 70px; height: 16px; float: left;}
.poptavka textarea {width: 200px; height: 100px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #9ce; color: #666; padding: 1px 0;}
.poptavka #inkod {float: right; width: 94px; margin: 0 0 2px 0;}
.poptavka #odeslat {width: 80px; height: 16px; margin: 0 auto; font-size: 90%; border-width: 0; padding: 0;}
.poptavka input.ukryt {display: none; border-width: 0;}
.poptavka .antispam {display: block; position: relative; border: 1px solid #9ce; width: 70px; height: 16px; padding: 0; margin: 0;}
.poptavka input.inkod {display: block; position: relative; width: 126px; margin: 0 0 0 2px;}
.vnorena td {padding: 0; margin: 0;}

.cistic {display: block; clear: both; margin: 0; padding: 0;}

.rozmery {border-width: 0;}
.rozmery td span { background: transparent url('../graf/skrt.gif') no-repeat 50% 50%;}
.rozmery td.profil {background-color: #069; color: #fff; font-weight: bolder; text-align: center;}
.rozmery td, .rozmery th {border-right-width: 0;}
.rozmery tr.zluty {background-color: #fe0;}

.homeakce {border-width: 1px 0 1px 0; margin: 0 0 15px 0;}
.homeakce td span { background: transparent url('../graf/skrt.gif') no-repeat 50% 50%;}
.homeakce td {border-right-width: 0; padding: 2px 10px;}
.homeakce th {border-right-width: 0; padding: 5px 10px;}
.homeakce tr:hover {background-color: #ff6;}

.obrazek {display: block; position: relative; float: left; margin: 10px 0 15px 0; padding: 15px; background-color: #fff; border: 1px solid #def; text-align: center;}
.obrazek p {margin: 0; padding: 10px 0 0 0;}
.popis {display: block; position: relative; float: right; width: 520px; padding: 0 0 25px 0; margin: 0;}
.popis h2 {background-color: #fff; color: #d00; background-image: none; padding: 10px 0;}

.znaceni td {text-align: center;}
.znaceni th {text-align: center;}