.main {width:970px; min-height:495px; background: url(../back2/main2a.png) bottom left; position:relative; top:0; left:0;}
.mainx {width:952px; min-height:495px; margin-left:9px; background: url(../back2/main_back2a.jpg) bottom left repeat-x;}

.main .obsah { width: 722px; margin-left:223px; padding-top:38px;}
.main .obsah .ot{ height:14px; background:url(../back/main1t.png) no-repeat; font-size:5px;}
.main .obsah .ob{ height:16px; background:url(../back/main1b.png) no-repeat; font-size:5px;}
.main .obsah #obsh{ background:url(../back/main1m.png) repeat-y; padding:0px 15px; }

.main .obsah2 { width: 582px; margin-left:223px; padding-top:38px;}
.main .obsah2 .ot{ height:14px; background:url(../back/main2t.png) no-repeat; font-size:5px;}
.main .obsah2 .ob{ height:16px; background:url(../back/main2b.png) no-repeat; font-size:5px;}
.main .obsah2 #obsh{ background:url(../back/main2m.png) repeat-y; padding:0px 15px; }

.fsize {float:right;}
.fsize img { padding: 0px 1px;}

#obsh{font-size: 12px; color: #666666; line-height: 1.4em;}
#obsh H1{padding: 2px 0 10px; font-size:20px; color:#007DC6;}
#obsh H2{padding: 15px 0 0px; font-size:17px; color:#007DC6;}
#obsh H3{padding: 11px 0 0px; font-size:14px; color:#007DC6;}
#obsh H4{padding: 6px 0 0px; font-size:12px; color:#007DC6;}
#obsh P{padding: 4px 0; font-size: 12px; color: #666666; line-height: 1.2em;}
#obsh A{ text-decoration:underline; color:#007DC6;}
#obsh A:hover{color:#6BC1E5;}
#obsh TABLE{ border-collapse:collapse;}
#obsh TD{padding: 2px 4px 2px 0; font-size: 12px; color: #666666; vertical-align:top;}
#obsh EM{ font-size:1.2em; font-weight:bold; color:#007DC6;}
#obsh INPUT{ border: 1px solid #007DC6; font-size:1em;}
#obsh TEXTAREA{ border: 1px solid #007DC6; font-size:1em;font-family:Arial, Helvetica, sans-serif;}
#obsh SELECT{ border: 1px solid #007DC6; font-size:1em;}
#obsh INPUT.btn{ background:#007DC6; color:#FFFFFF; font-weight:bold;}
#obsh INPUT.checkbox {border: none; vertical-align:middle; width:auto;}
#obsh H1 A{text-decoration:none;}
#obsh UL{padding: 4px 0; margin: 0 0 0 18px;}
#obsh UL.cln{margin-left: 10px;}
#obsh UL.cln LI{ list-style-type:none;}
#obsh img.hreficon {border: none; padding-right:5px; vertical-align:middle; background-color:#FFFFFF;}
#obsh P.small{font-size: 11px; color: line-height: 1.2em;}


.om1#obsh{font-size: 11px;} .om2#obsh{font-size: 12px;} .om3#obsh{font-size: 14px;}
.om1#obsh H1{font-size: 18px;} .om2#obsh H1{font-size: 20px;} .om3#obsh H1{font-size: 24px;}
.om1#obsh H2{font-size: 15px;} .om2#obsh H2{font-size: 17px;} .om3#obsh H2{font-size: 20px;}
.om1#obsh H3{font-size: 13px;} .om2#obsh H3{font-size: 14px;} .om3#obsh H3{font-size: 17px;}
.om1#obsh H4{font-size: 11px;} .om2#obsh H4{font-size: 12px;} .om3#obsh H4{font-size: 14px;}
.om1#obsh P{font-size: 11px;} .om2#obsh P{font-size: 12px;} .om3#obsh P{font-size: 14px;}
.om1#obsh TD{font-size: 11px;} .om2#obsh TD{font-size: 12px;} .om3#obsh TD{font-size: 14px;}

#obsh a.anext {background:url(../back2/sipka4.gif) no-repeat right 4px; padding: 4px 20px 4px 0;}
#obsh a.anext:hover {background-image:url(../back2/sipka4a.gif)}
#obsh a.aback {background:url(../back2/sipka5.gif) no-repeat 0px 4px; padding: 4px 0 4px 20px;}
#obsh a.aback:hover {background-image:url(../back2/sipka5a.gif)}


/*produkty*/

.produkt { clear:right; padding:7px 0 5px; width:100%}
.imgr {float:right; padding: 10px 0 5px 10px;} 
.produkt h2 {padding-top:0;}
#obsh a.next {background:url(../back2/sipka1.gif) no-repeat 0px 3px; padding: 4px 0 4px 15px;}
#obsh a.next:hover {background-image:url(../back2/sipka1a.gif);}
#obsh .param td {border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding-right: 10px;}
.cleaner { clear:both; padding:0; height:1px; font-size:1px; line-height:1px;}
.rcleaner { clear:right; padding:0; height:1px; font-size:1px; line-height:1px;}
.piktogram { vertical-align: middle; margin: 0 5px 0 0; border:none;}

/*systemy*/
#obsh .legenda_img{margin: 10px 0 0 0;float:left;width: 230px;}
#obsh .legenda_popis{margin: 0;float:left;width: 230px;}
#obsh .legenda_popis TD{padding: 1px 10px 1px 0; vertical-align:top; text-align:left;}

#obsh p.fileico { vertical-align:middle; padding-top:0px; line-height: 1em;}
#obsh p.fileico a {text-decoration: none}
#obsh p.fileico a img {vertical-align:middle; margin-right:6px;}
#obsh p.fileico a span {text-decoration:underline; font-weight:bold;}
#obsh p.fileico i { display:block; text-align:right; float:right}
#obsh div.dat { float:right; text-align:right; font-style:italic;}

#obsh p.detail { padding-top:2px;}
#obsh p.detail a {text-decoration: none}
#obsh p.detail a img {vertical-align:middle; margin-right:6px;}
#obsh p.detail a span { vertical-align:middle; text-decoration:underline; font-weight:bold;}



/*aktuality*/
#obsh p.novejsi { float:left; text-align:left; font-weight:bold;}
#obsh p.starsi { float:right; text-align:right; font-weight:bold;}
.aktimgr {float:right; margin: 10px 0 5px 10px; border: 6px solid #6BC1E5;} 
.relabs { position: absolute; visibility:hidden; z-index:20; border: 6px solid #6BC1E5;}
.relabs img{ display:block;}

/*formular*/
#obsh .form td {margin: 0; padding: 4px 13px 4px 3px;}
#obsh tr.er { background-color: #D9ECF7;}
#obsh tr.er td span{ color:#CC0000; padding-left: 15px;}
#obsh tr.er td p{ color:#CC0000;}
#obsh p.er { color:#CC0000; font-weight:bold;}

/*reference*/
#obsh table.reference{ width:100%;}
#obsh .reference td { text-align:center; padding:8px 2px; vertical-align:top;}
#obsh .reference td img{border: 4px solid #6BC1E5;}
#obsh .reference td a { text-decoration: none;}
#obsh .reference td a span{ text-decoration: underline;}
#obsh .reffoto {float: left; width:486px; text-align:center;}
#obsh .reffoto img {border: 4px solid #6BC1E5;}
#obsh .refpopis {float:left; width:195px; padding-left:10px;}

#obsh .srchpole {width:200px;vertical-align:middle; margin-left:4px;}
#obsh .srchbtn {border:none; vertical-align:middle;}

#obsh .kontakty { border-collapse:collapse; width:550px; margin:6px 0;}
#obsh .kontakty TD { border:1px solid #007DC6; padding: 2px 3px;}
#obsh .kontakty .hlava TD { background-color: #007DC6; color:#FFFFFF; font-weight:bold;}
#obsh .prodfoto { float:right; width:210px; text-align:right;}

#obsh .kontakty .zast TD { border:none; padding: 2px 3px 0;}
#obsh .kontakty .zast TD.tl { border-left:1px solid #007DC6;}
#obsh .kontakty .zast TD.tr { border-right:1px solid #007DC6;}
#obsh .kontakty .zast2 TD { border:none; border:1px solid #007DC6;border-top:none; padding: 0 3px 2px;}

.c25 {width:25%; text-align:center; vertical-align:top;}
.c33 {width:33%; text-align:center; vertical-align:top;}
.c50 {width:50%; text-align:center; vertical-align:top;}
.cent {text-align:center;}

/*hry*/
#hry { position:absolute; top:20px; left:147px; width:750px; z-index:10;}
#hry .ot{ height:13px; background:url(../back/oknot.png) no-repeat; font-size:5px;}
#hry .ob{ height:16px; background:url(../back/oknob.png) no-repeat; font-size:5px;}
#hry .om{ background:url(../back/oknom.png) repeat-y; text-align:center; }
#hry .close{ padding:0px 13px 4px 0; text-align:right; }
#hry .hra{ margin:0 auto;}

/*barveni*/
#barveni { position:absolute; top:28px; left:20px; width:930px; z-index:10; display:none;}
#barveni .ot{ height:13px; background:url(../back/okno930t.png) no-repeat; font-size:5px;}
#barveni .ob{ height:16px; background:url(../back/okno930b.png) no-repeat; font-size:5px;}
#barveni .om{ background:url(../back/okno930m.png) repeat-y; text-align:center; }
#barveni .close{ padding:0px 13px 4px 0; text-align:right; }
#barva{ margin:0 auto;}

/*detaily*/
#detail { position:absolute; top:28px; left:15px; width:940px; z-index:10; display:none;}
#detail .ot{ height:13px; background:url(../back/okno940t.png) no-repeat; font-size:5px;}
#detail .ob{ height:16px; background:url(../back/okno940b.png) no-repeat; font-size:5px;}
#detail .om{ background:url(../back/okno940m.png) repeat-y; text-align:center; }
#detail .close{ position:absolute; top:13px; right:13px; text-align:right; }
#det{ margin:0 auto;}

/*vp*/
#obsh .stav { clear:right;float:right; text-align:left; padding:2px 4px; border:1px solid #333; margin-bottom:5px;}
#obsh input.imgbtn {border:none; vertical-align:middle; margin-left:5px;}
#obsh .err {color:#CC0000; font-weight:bold; padding-top:0;}
#obsh table.kos { clear:right; width:100%; margin-top:38px;}
#obsh table.kos td { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}

