body { background:#fff; color:#333; font:0.8em/160% arial,sans-serif; margin:0; padding:0 }

form { margin: 0; padding: 0; }

a { color:#000; text-decoration:underline; }
a:hover { color:#fff;  }

h2 { margin-top:1em; font:150% arial,sans-serif }
h3 { font:bold 110% Verdana,Serif; color:#77AC2D }
h4 { font:bold 100% Verdana,Serif; color:#77AC2D }

hr { clear: both; visibility: hidden; border: none; height: 1px; }

.clear { clear: both; visibility: hidden; border: none; height: 1px; }
.underline { text-decoration: underline !important; }
.imgleft { float: left; margin: 0px 20px 20px 0px; }

dt { font-weight:bold }

abbr, acronym, dfn { cursor:help; }

img { border: none; }

#main { width:934px;  padding:0; margin:0 auto }
#hlavicka { width:934px; padding:0px; margin:0 auto; position:relative; background:#cbea35; }

#hlavicka #logo-obal { padding:0px; }
#hlavicka #logo { margin:0; padding:0; position:relative; width:216px; height:151px; overflow:hidden; float: left; }
#hlavicka #logo span { display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:216px; height:151px; background:url("../images/logo.gif") 0 0 no-repeat}

#hlavicka #menu { padding: 8px 0px 0px 150px; }
#hlavicka #menu ul.menu { padding: 0px; margin: 0px; }
#hlavicka #menu li { display: inline; padding: 0px; margin: 0px; }
#hlavicka #menu a { display: block; width: 120px; padding: 53px 10px 57px 10px; float: left; color: #000; text-align: center; font: bold 10pt arial,sans-serif; text-decoration: none; }
#hlavicka #menu a:hover { background: url("../images/kolo.gif") top center no-repeat; color: #fff; }

#hlavicka #menu a.vybrane { background: url("../images/kolo.gif") top center no-repeat; color: #fff; }

/*  definice css pro uvodni stranku */

#obsah { width:934px; display:block; margin: 0; padding:0; background:url("../images/kolo_hp.png") left top no-repeat; }

#obsah #levysloupec { display:block; margin:0; padding:0; width: 219px; float:left; }

#obsah #levysloupec .sazbauvnitr { padding:140px 2px 0px 40px; }
#obsah #levysloupec .sazbauvnitr h2 { font:22pt arial,sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; color:#fff !important; }
#obsah #levysloupec .sazbauvnitr .mensipismo { font: 18pt arial,sans-serif !important; }
#obsah #levysloupec .sazbauvnitr p { margin: 0px; padding: 0px 0px 10px 0px; }

#obsah #stredovysloupec { display:block; margin: -2px 0; %margin: -2px 0px; padding:0; width: 511px; float:left; }
#obsah #stredovysloupec  #temaJPGhp { display:block; width: 511px; height:515px; overflow: hidden; }
#obsah #stredovysloupec #temaPNGhp { display:block; width: 511px; height:515px; z-index: 1000; background: url(../images/pozadi_PNG_HP.png) no-repeat; }

#obsah #pravysloupec { display:block; margin:0; padding:0; width: 200px; float:left; }
#obsah #pravysloupec .sazbauvnitr { padding:60px 40px 0px 4px; text-align: right; }
#obsah #pravysloupec .sazbauvnitr h2 { font:22pt arial,sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; color:#fff !important; }
#obsah #pravysloupec .sazbauvnitr .mensipismo { font: 18pt arial,sans-serif !important; }
#obsah #pravysloupec .sazbauvnitr p { margin: 0px; padding: 0px 0px 10px 0px; }


#obsah #dolnilevysloupec { display:block; margin:0; padding:0; width: 450px; float:left; clear:left; margin-top: -50px; }
#obsah #dolnilevysloupec .sazbauvnitr { padding: 0px 2px 0px 40px; }
#obsah #dolnilevysloupec .sazbauvnitr h3 { font:22pt arial,sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; color:#cbea35 !important; }
#obsah #dolnilevysloupec .sazbauvnitr p { margin: 0px; padding: 0px 0px 15px 0px; }


#obsah #dolnipravysloupec { display:block; margin:0; padding:0; width: 400px; float:right; margin-top: -50px; text-align: right; }
#obsah #dolnipravysloupec .sazbauvnitr { padding: 0px 40px 0px 5px; }
#obsah #dolnipravysloupec .sazbauvnitr h3 { font:22pt arial,sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; color:#00c4db !important; }
#obsah #dolnipravysloupec .sazbauvnitr p { margin: 0px; padding: 0px 0px 15px 0px; color: #767676; }


/*  definice css pro klasickou obsahovou stranek */

#obsahstranka { width:934px; display:block; margin:0; padding:0 0 20px 0; background: #cbea35 url("../images/pagebck.gif") left bottom no-repeat; }

#obsahstranka #odkazovysloupec { margin:0; padding:0; width: 485px; text-align: right; float:right; background: #cbea35 url("../images/pravanavigace.gif") left top no-repeat; height:670px; min-height: 670px; overflow: hidden; }
#obsahstranka #odkazovysloupec .sazbauvnitr { padding:50px 40px 0px 4px; text-align: right; width: 200px; float: right; }
#obsahstranka #odkazovysloupec .sazbauvnitr h2 { font:22pt arial,sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; color:#fff !important; }
#obsahstranka #odkazovysloupec .sazbauvnitr .mensipismo { font: 17pt arial,sans-serif !important; }
#obsahstranka #odkazovysloupec .sazbauvnitr p { margin: 0px; padding: 0px 0px 10px 0px; }

#obsahstranka #odkazovysloupec .odkazy { padding: 0px 0px 0px 35px; text-align: left; line-height: 130%; }

#obsahstranka #odkazovysloupec .odkazy div a { color: white !important; text-decoration: none; }
#obsahstranka #odkazovysloupec .odkazy div a:hover { color: black !important; }
#obsahstranka #odkazovysloupec .obrazek { padding: 25px 45px 0px 10px; float: left; }
#obsahstranka #odkazovysloupec .duraz { font: 16pt Arial, sans-serif; text-decoration: underline; }

#obsahstranka #obsahovysloupec { margin:0; padding:0;  width: 570px; }
#obsahstranka #obsahovysloupec .sazbauvnitr { margin:0; padding: 10px 10px 20px 40px; %padding:0px 10px 20px 40px; }



#obsahstranka .informace { margin-left: -40px; padding: 20px 0px 20px 40px; background: url("../images/infokruh.gif") left top no-repeat; height: 140px; min-height: 140px; }
#obsahstranka .navigace, #obsahstranka .navigace a { color:  #fff; }
#obsahstranka .navigace a:hover { color:  #000; }

#obsahstranka h1 { color: #000; font: 18pt/120% Arial,sans-serif; }
#obsahstranka h3 { color: #fff; font: 18pt/120% Arial,sans-serif; }
#obsahstranka p { color: #000; }

#obsahstranka li { color:  #000; list-style-image: url("../images/arr.gif"); margin: 0px 0px 7px 0px; padding: 0px 0px 0px 10px; }

#obsahstranka #sloupecformulare { margin:0; padding:0; width: 354px; text-align: right; float:right; background: #cbea35 url("../images/obr1.png") right top no-repeat; height: 533px; min-height: 533px; overflow: hidden; }
#obsahstranka #sloupecformulare .sazbauvnitr { padding:70px 40px 0px 4px; text-align: right; width: 200px; float: right; overflow: hidden; height: 130px; min-height: 150px; }
#obsahstranka #sloupecformulare .sazbauvnitr h2 { font:22pt arial,sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; color:#fff !important; }
#obsahstranka #sloupecformulare .sazbauvnitr .mensipismo { font: 18pt arial,sans-serif !important; }
#obsahstranka #sloupecformulare .sazbauvnitr p { margin: 0px; padding: 0px 0px 10px 0px; color: #fff; }
#obsahstranka #sloupecformulare a { color: #fff; }
#obsahstranka #sloupecformulare a:hover { color: #000; }

#obsahstranka #sloupecformulare .obrazek { padding: 18px 37px 0px 28px; %padding: 18px 61px 0px 4px;  }

#temaJPGpage { display:block; width: 265px; height:264px; overflow: hidden; }
#temaPNGpage { display:block; width: 265px; height:264px; z-index: 1000; background: url(../images/pozadi_PNG_PAGE.png) no-repeat; }
#temaPNGpageFORM { display:block; width: 265px; height:264px; z-index: 1000; background: url(../images/pozadi_PNG_PAGEFORM.png) no-repeat; }


/*  definice css pro tabulky formulare */

.odd, .add { width: 510px; }

.odd { background: #b3d124 }
.odd h4 { background: #b3d124 url("../images/odd_topbck.gif") left top no-repeat; padding: 9px 5px 9px 25px; margin: 0px 0px 0px -10px; font: bold 10pt arial,sans-serif; color: #596c00; }
.odd h2 { background: #b3d124 url("../images/odd_topbck.gif") left top no-repeat; padding: 9px 5px 9px 25px; margin: 0px 0px 0px -10px; font: normal 18pt arial,sans-serif; color: #596c00; }
.odd legend { background: #b3d124 url("../images/odd_topbck.gif") left top no-repeat; padding: 9px 5px 9px 25px; margin: 0px 0px 0px -28px; %margin: 0px 0px 0px -33px; font: bold 13pt arial,sans-serif; color: #596c00; }
.odd p { padding: 2px 10px 10px 15px; background: #b3d124; margin: 0; color: #fff !important; }
.odd fieldset { border: none; background: #b3d124; padding: 1px 16px 12px 16px; }

.add { background: #9ebb12 }
.add h4 { background: #9ebb12 url("../images/add_topbck.gif") left top no-repeat; padding: 9px 5px 9px 25px; margin: 0px 0px 0px -10px; font: bold 10pt arial,sans-serif; color: #cbea35; }
.add h2 { background: #9ebb12 url("../images/add_topbck.gif") left top no-repeat; padding: 9px 5px 9px 25px; margin: 0px 0px 0px -10px; font: normal 18pt arial,sans-serif; color: #e1ff50; }
.add legend { background: #9ebb12 url("../images/add_topbck.gif") left top no-repeat; padding: 9px 5px 9px 25px; margin: 0px 0px 0px -28px; %margin: 0px 0px 0px -33px; font: bold 13pt arial,sans-serif; color: #e1ff50; }
.add p { padding: 2px 10px 10px 15px; background: #9ebb12; margin: 0; color: #fff !important; }
.add fieldset { border: none; background: #9ebb12; padding: 1px 16px 12px 16px; }


.odrazeni { margin: 5px 5px 5px 0px; }
.tlacitka { margin-left: 180px; }

#scfr6submit6, #scfr1submit1, #scfr4submit4 { background: url("../images/odeslat2.gif") left top no-repeat;  border: none; width: 164px; height: 46px; font: 0px arial; padding: 0px 0 20px 0; color: #f58c01; }
#scfr3submit3, #scfr2submit2 { background: url("../images/odeslat_ajax.gif") left top no-repeat;  border: none; width: 146px; height: 66px; %height: 46px; font: 0px arial; padding: 0px 0 20px 0; color: #f58c01; }

/*  definice css pro boxiky */

.boxhelp { width: 173px; margin: 0px; padding: 0px; }
.boxhelp .inbox { background: url("../images/b_help_bck.png") no-repeat; width: 173px; margin: 0px; padding: 0px; }
.boxhelp .closer { margin-top: -8px; %margin-top: 0px; background: url("../images/b_help_closer.png") no-repeat; height: 10px }
.boxhelp p { padding: 8px 8px 8px 23px; font: 9pt/170% Arial, sans-serif; margin: 0;}

#blInfoToEmail, #blCallMe { width: 338px; margin: 0px; padding: 0px; }
#blInfoToEmail #pozadiInfo, #blCallMe #pozadiInfo { width: 338px; margin: 0px; padding: 0px; background: url("../images/b_info_bck.png") no-repeat; }
#blInfoToEmail #blInfoToEmailInner, #blCallMe #blCallMeInner {  width: 338px; margin: 0px; padding: 0px; float. left; }
#blInfoToEmail .closer, #blCallMe .closer { margin-top: -8px; %margin-top: 0px; width: 338px; }
#blInfoToEmail .txt, #blCallMe .txt { width: 193px; margin: 6px 0px 6px 0px; background: #fff url("../images/tlf_bck.gif") no-repeat; padding-left: 90px }
#blInfoToEmail p, #blCallMe p { padding: 10px 20px 0px 15px; font: 9pt/170% Arial, sans-serif; margin: 0; color: #068392; }
#blInfoToEmail .odkaz, #blCallMe .odkaz { width: 180px; display: block; float: left; margin-right: 5px; font: 9pt arial,sans-serif; padding-top: 5px; }
#blInfoToEmail .odkaz a:hover, , #blCallMe .odkaz a:hover { color: #068392; }

#blCallMe .msg, #blInfoToEmail .msg, .Form1 .msg {text-align:left;font-size:medium;font-weight:bold;margin:5px 30px 5px 15px;}
#blCallMe .msg, #blInfoToEmail .msg {color:#F58C01;}
.Form1 .msg {color:#DD7801;}

.error {color:#DD7801;}
#blCallMe .error, #blInfoToEmail .error {color:#F58C01;}

/*  definice css pro paticku stranek */

#paticka #odkazy { float: left; padding-left: 40px; }

#paticka #copyright { float: right; text-align: right; padding-right: 40px;  }

#paticka { color: #b3b3b3; font: 8pt/170% Tahoma,sans-serif; padding: 20px 0px 80px 0px; }
#paticka a { color: #b3b3b3; }
#paticka a:hover { color: #000; }

.pozice-obsazena {
	background: url(../images/stamp_obsazeno.gif) center center no-repeat;
	height: 385px;
	position: absolute;
	width: 395px;
}