body { margin: 0px; padding: 0px; background: #ffffff; color: #000000; 
font-family: Arial, sans-serif; font-style: normal; font-size: 9pt; line-height: 1.5;} 

/* text ---------------------------------------------------------------------- */
p { color: #000000; text-align: justify; }
a, a:hover { color: #fc581f; text-decoration: none;}
h1, h2, h3 { color: #168db9; font-weight: bold; font-size: 12pt;}
h2, h3 { color: #fc581f; font-size: 9pt;}
.cas {font-weight: bold;}
.flek {margin-right: 5px; float: left; width: 200px;}

/* bloky ---------------------------------------------------------------------- */
#main { display: none;}
#celek {width : 650px; position: absolute; top: 0; height: auto; left: 50%; margin-left: -325px;}
#logo, #slogan, #jazyk, #ikony, #vrchmenu, #kategorie, #hlava, #hlava1, #animace, #hlavau, #paticka, #paticka1, #menu, #sitemap, #produkty, #prodejci, #racing, #firma, form, .okno { display: none;}
.h1bazeny, .h2brany, .h2okna, .h2markizy, .h2rolety, .h2zaluzie, #obrazek, .boxfoto, #menuin, #banner { display: none;}
.blok {float: left; width: 145px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 5px;}
#obsahs {float: left; width: 370px;}
#obsahp {float: right; width: 260px;}
.linka, .linka1 {background: url('../img/linka.gif') repeat-x; width: 645px; height: 22px; padding: 0; margin: 0; clear: both;}

/* tabulky ---------------------------------------------------------------------- */
.tabulka { border: 0px; width: 100%; margin: 0; padding: 0;}
th, td { padding: 4px; text-align: center;}
th { background: #1f64ad; color: #ffffff; font-weight: normal;}
td { background: #b6b6b6; color: #333333;}
td.tdsvetla { background: #dedede; color: #333333;}

/* moduly ---------------------------------------------------------------------- */
.modul, .modult, .modultc { clear: left;}
  
/* foto ---------------------------------------------------------------------- */
.noram  {padding: 0px; border: 0px; margin: 0px;}
.ram, .ramp {padding: 1px; border: 1px solid #b6b6b6; margin: 4px; background: #ffffff;}
.ramp {float: right; margin-left: 15px;}
.ramf {padding: 1px; border: 1px solid #b6b6b6; margin: 0; background: #ffffff;}
.clearboth {clear: both;}
a.ikonaadobe, a.ikonaadobe1 { background: url('../img/ikonadobe.gif') no-repeat left center; padding: 5px 10px 5px 25px; line-height: 1.6; float: right;}
a.ikonaadobe1 {float: left; padding: 2px 2px 2px 25px;}
.odstup {display: block; width: 110px; float: left;}
.cervena {color: #ff9933; font-weight: bold;}
.stred {text-align: center;}
.textp {float: left; width: 300px;}
.textp1 {float: left; width: 250px;}
.textl {float: left; width: 300px;}
.textl1 {float: left; width: 300px; padding-left: 30px;}

/* formulare ---------------------------------------------------------------------- */
label, input, select, textarea {display: block; width: 200px; height: 16px; float: left; margin: 2px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt;}
label {text-align: right; width: 200px; padding-right: 10px; text-align: right;}
input, textarea {margin-right: 10px; padding-left: 2px; border: 1px solid #999999; background: #ffffff; width: 300px;}
textarea {width: 300px; height: 250px; overflow: hidden;}
.tlacitko {padding: 5px; width: 140px; height: 26px; border: 0 none; text-align: left; background: #ffffff; color: #1f64ad; font-weight: bold;}