/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 66%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #000; background-color: #fff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #026996; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 196%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 148%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 130%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 110%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #026996 }
a:link { color: #026996 }
a:hover { color: #008708; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 0.5em; margin-bottom: 1.5em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 91% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg1 { background-color: #e6f5fd }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 91% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 990px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative
}
html>body #main { min-height: 100%; height: auto }

#header { position: absolute; left: 0; top: 0; width: 990px; background: transparent url(img/sys/bg_header.gif) no-repeat 372px 0 }
#header-in {
    height: 188px;
    position: relative
}

#content {
    float: left;
    width: 627px;
    overflow: hidden
}
#content-in { margin: 0 0 0 27px; padding: 200px 20px 100px 20px; width: 560px; background: transparent url(img/sys/bg_gradient.gif) repeat-x 0 188px }

#panel {
    float: right;
    width: 338px
}
#panel-in { margin: 157px 0 0 0; padding: 0 0 100px 0; position: relative; z-index: 10 }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 990px;
    border-top: 1px solid #d7d7d7;
    z-index: 20
}
#footer-in { height: 70px; position: relative }
/* /layout - zaklad */

/* layout - special */
.home { background: transparent url(img/sys/bg_main_home.jpg) no-repeat 0 188px }
/* .home #headline { color: #fff; position: absolute; display: block; height: 30px; top: 396px; left: 27px; font-size: 18px; width: 590px; text-align: right }
.home #headline strong { font-size: 30px; font-weight: bold } */
.home #content-in { margin: 0; padding: 475px 0 100px 0; width: auto; background: none }

#logo, #logo span { display: block; position: relative; left: 27px; top: 47px; width: 212px; height: 69px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 27px; top: 157px }
#menu li { float: left; width: 116px; margin: 0 5px 0 0; border-bottom: 1px solid #fff }
#menu .m-last { margin: 0 }
#menu a { color: #fff; font-size: 110%; display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; text-decoration: none; background: #05a7e0 url(img/sys/bg_menu_a.gif) no-repeat 0 0 }
#menu .active { border-bottom: 1px solid #bae4f9 }
#menu .active a { border-width: 0; color: #1597d1; background: #bae4f9 url(img/sys/bg_menu_a.gif) 0 -30px }
#menu a:hover { text-decoration: underline }
#menu .active a:hover { text-decoration: none }

#h-info { color: #1597d1; font-size: 130%; margin: 0; position: absolute; left: 560px; top: 47px; width: 430px; text-align: right }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 10px; right: 10px }

#cesta { float: left; font-size: 91%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 91% }
#navbox { width: 100%; overflow: hidden }

#panel h3 { font-size: 148%; margin: 1.4em 0 0.5em 0 }
p.panel { color: #05A7E0 }

#footer p { color: #9d9d9d; margin: 1em 0 0 0; font-size: 91% }
#footer a { color: #9d9d9d }
#f-info { float: left; width: 700px }
#copyright { float: right; width: 252px }
/* /layout - special */

/* ostatni tridy pro web */
#rozcestnik { width: 100%; overflow: hidden; margin: 0.8em 0 0 0; background: transparent url(img/sys/bg_rozcestnik.gif) repeat-y 0 0 }
#rozcestnik .block { float: left; width: 154px; margin: 0 42px 0 27px; display:inline;}
#blockcenter { background: url(img/sys/bg_gradient.gif) 0 30px repeat-x; _height: 260px; min-height:260px; display:block;} /*#DEF9B5*/
#blockcenter h2, #blockcenter p { padding:0 3px;}
#blockcenter h2 {}
#rozcestnik .b-last { margin-right: 0 }
#rozcestnik h2 { font-size: 130%; margin: 1em 0 }
#rozcestnik h2 a { text-decoration: none }

#ul-tabs { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden }
#ul-tabs li { float: left; width: 116px; margin: 0 5px 0 0; border-bottom: 1px solid #fff }
#ul-tabs a { color: #fff; font-size: 110%; display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; text-decoration: none; background: #05a7e0 url(img/sys/bg_menu_a.gif) no-repeat 0 0 }
#ul-tabs .active { border-bottom: 1px solid #bae4f9 }
#ul-tabs .active a { color: #1597d1; background: #bae4f9 url(img/sys/bg_menu_a.gif) 0 -30px }
#ul-tabs a:hover { text-decoration: underline }
#ul-tabs .active a:hover { text-decoration: none }

.box { padding: 15px 18px; background: transparent url(img/sys/bg_gradient.gif) repeat-x 0 0 }
.box ul { margin: 0 0 1.2em 0; padding: 0; list-style: none }
.box td { padding: 0 15px 0 0; vertical-align: top }

#produkty li { padding: 0 0 0 11px; background: transparent url(img/sys/bullet.gif) no-repeat 0 4px }
#produkty ul a { text-decoration: none }
#kontakty p { margin: 0 0 1.5em 0 }
#kontakty { display: none }

#kontakt { background: transparent url(img/sys/bg_gradient.gif) repeat-x 0 0 }
#kontakt form { padding: 15px 18px; background: transparent url(img/sys/bg_listek.gif) no-repeat left bottom }
#kontakt label { color: #026996; font-size: 110%; margin: 0 20px 0 0 }
#kontakt select, #kontakt input { border: 1px solid #abaeb4; width: 225px; padding: 2px }
#kontakt select { width: 231px }
#kontakt textarea { width: 225px; height: 70px; padding: 2px; border: 1px solid #abaeb4 }
#kontakt td { vertical-align: top; padding: 0 0 8px 0 }
.button-odeslat { width: 63px !important; height: 18px !important }

.hledani-produkty { width: 100%; position: relative; border-top: 1px solid #e0e0e0 }
.hledani-produkty h3 { font-size: 120% !important; margin: 1em 0 0 0 !important }
.hledani-produkty p { margin: 0.3em 0 0 0; text-align: right }
.hledani-produkty input { float: left; border: 1px solid #808080; width: 220px; padding: 1px 2px }
.button-hledej { width: 63px !important; height: 18px !important; float: none !important; position: relative; top: -1px }

#galerie { float: right; width: 155px; margin: 0 0 1em 20px }
#galerie img { padding: 0 0 5px 0 }

#content table { border-color: #d7d7d7 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }

#content .c_zbozi { margin: 0.5em 0 1em 0; text-align: center; border-width: 1px !important }
#content .c_zbozi thead th, #content .c_zbozi thead td { font-size: 110%; font-weight: bold; padding: 3px 10px; text-align: center; border-bottom: 1px solid #d7d7d7; /*background: transparent url(img/sys/bg_th.gif) repeat-x 0 0*/ background-color: #e6f5fd }
#content .c_zbozi td { padding: 3px 10px; border-bottom: 1px solid #d7d7d7 }
#content .c_rozmer, .c_tp { width: 100px }

#content #rozc { width: 100%; overflow: hidden; text-align: center }
#content #rozc .roz { float: left; width: 275px; padding-bottom: 30px }
#content #rozc .r-last { float: right }
#content #rozc .roz img { border: 2px solid #cccccc }
#content #rozc .roz a:hover img { border-color: #349CA0 }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
/*#tn_root br { display: none;}*/
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }

#local-fotogalerie { margin: 1.5em 0 0 0 }

#local-fotogalerie { margin: 0.5em 0 0 0; padding: 0.5em 12px 0.8em 12px; background-color: #f6f6f6 }
#local-fotogalerie strong { display: none }
.foto-show { margin: 2em 0 0 0; height: 180px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
.foto-show img { margin: 0 3px 0 0 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */

#kalkulace { padding:0; background:url(img/sys/bg_kalkulace.gif) 0 0 no-repeat; min-height:152px; line-height:1.8em; font-weight:bold; display:block; height:152px;}
#kalkulace li { list-style:none;}
#kalkulace a { padding-left:10px; background:url(img/sys/bullet.gif) 0 4px no-repeat;  }
#kalkulace h3 { margin-top:0px}

/* main-sleva */
#headlinebkg{
	position: absolute;
	display: block;
	top: 230px;
	width: 460px;
	height:220px;
	left: 167px;
	background-color: #05A7E0/*#004010*/;
}
#headline {
	position: absolute;
	display: block;
	top: 240px;
	left: 177px;
	font-size: 125%;
	font-weight: bold;
	color: #fff;
	width: 430px;
	line-height: 1.5;
	padding: 0 5px;
}

#headline h2 {
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: /*#fff*/#7FCF00;
	font-weight:bold;
        font-size: 135%;
	border-bottom: 1px solid #7FCF00/*#fff*/;
}

#headline strong {
	color: #7FCF00;
	font-weight: bold;
	font-size: 135%;
}

/* /main-sleva */

.bakterie {
	background: #D0ECFB;
	padding: 10px;
	border: 1px solid #999;
}


#action {	
	position: relative;
	float: right;
	display: block;	
	font-size: 120%;
	font-weight: bold;
	color: #fff;	
	line-height: 1.5;
	padding: 5px 10px;
	width: 250px;
	background-color: #05A7E0
}

#action h2 {
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: /*#fff*/#7FCF00;
	font-weight:bold;
        font-size: 140%;
	border-bottom: 1px solid #7FCF00/*#fff*/;
}

#action strong {
	color: #7FCF00;
	font-weight: bold;
	font-size: 135%;
}

#action a {
	color: #7FCF00;
}

#logo-desc {
	position: relative;
	margin: 50px 0 0 30px;
	font-size: 14px;
	color: #1597D1;
	font-family: Tahoma;
}


#logo-desc span {
	color: #008C0D;
}

span.sance { background: #fff; padding: 4px; color: red;  margin-top: 10px;}