/* 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: 70%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #000000; background-color: #ffffff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #383838; padding: 0; line-height: normal }
h1 { font-size: 190%; clear: both; margin: 0.5em 0 0.5em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; 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: #126EC3 }
a:link { color: #126EC3 }
a:visited { color: #126EC3 }
a:hover { color: #126EC3; text-decoration: none }
p { margin: 1em 0 }
table { padding: 0; border-collapse: collapse }
caption { padding-bottom: 0.5em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /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 }
.fri { float: right; margin: 0 0 1em 1.3em }
.fli { float: left; margin: 0 1.3em 1em 0 }
.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 }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.border1 { border: 2px solid #cccccc; }
.button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 960px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: transparent url(img/sys/bg_main.gif) repeat-y 0 0;
}

.main { background-color: #ffffff !important;}
.main0 { background-color: #f0f0f0 !important} /* titulka */

html>body #main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }

#zahlavi { position: absolute; left: 0; top: 0; width: 100%; margin: 20px 0 0 0; background: #ffffff url(img/sys/bg_zahlavi.gif) repeat-x 0 0 }
#zahlavi-in {
	background: #FFF url(img/sys/bg_top.jpg) 0 0 no-repeat;
    height: 100px;
    position: relative;
}

#content {
    float: right;
    width: 745px;
    overflow: hidden
}
#content-in { padding: 130px 21px 80px 22px; border-right: 1px solid #E1E1E1; }
.titulka #content-in { padding-top: 20px }

#panel {
    float: left;
    width: 214px
}
#panel-in { padding: 110px 15px 80px 20px}
#panel-in ul {padding-left: 15px !important;} 
#panel-in ul li {list-style-type:square;}
#panel-in ul li a:hover {text-decoration:underline;}

div#zvyraznene {
	padding: 2px 20px;
	display: block;
	position: relative;
	background: #dfdfdf;
	border: 1px solid #7D8790;
}

div#zvyraznene h3 {
	margin-top: 10px;
}

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #ffffff
}
#zapati-in { border-top: 1px solid #BEBEBE }

#zapati-in small a{ color:#333333 !important;}
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 22px; top: 23px; width: 289px; height: 20px; overflow: hidden; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.jpg) no-repeat 0 0 }

#zahlavi .banner-top { position: absolute; left: 214px; top: 67px; width: 531px; height: 233px }

#topmenu { padding:0; display:block; position:absolute; top:60px; height:40px; width:100%; border-bottom:1px solid #BEBEBE; z-index:50}
#menu {padding:0 auto; list-style:none;}
#menu li { display:inline; float:left;}
#menu li a { display: block; color: #383838; text-decoration: none; font-size: 120%; font-weight: bold; padding: 0 35px 0 50px; line-height:25px;}
#menu li a:hover { color: #126EC3 }
/*
#topmenu ul#menu {display: block; margin:5px;}
#topmenu #menu li {float:left; display:inline; }
#topmenu #menu a {color: #383838; text-decoration: none; font-size: 120%; font-weight: bold; display: block; padding: 0 35px; height: 23px; line-height: 23px }
#topmenu #menu a:hover { color: #126EC3 }
*/
.m0 { background: transparent url(img/sys/ico-m0.gif) no-repeat 0 0px }
.m1 { background: transparent url(img/sys/ico-m1.gif) no-repeat 0 0px }
.m2 { background: transparent url(img/sys/ico-m2.gif) no-repeat 0 0px }
.m3 { background: transparent url(img/sys/ico-m3.gif) no-repeat 0 0px }
.m4 { background: transparent url(img/sys/ico-m4.gif) no-repeat 0 0px }
.m5 { background: transparent url(img/sys/ico-m5.gif) no-repeat 0 0px }
.m6 { background: transparent url(img/sys/ico-m6.gif) no-repeat 0 0px }

#searchform { position: absolute; width: 200px; right: 30px; top: 22px; text-align: right }
#searchword { border: 0; width: 120px; height: 18px; margin: 0 5px; padding: 2px 0 0 0; background: transparent }
#searchform span { height: 20px; display: block; float: right; margin-left: 5px; background: transparent url(img/sys/_modre_bg_searchword.gif) no-repeat 0 0 }
#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#search_form { position: absolute; top: 10px; right: 10px }

#panel ul { list-style: none; margin: 1em 0 2em 0; padding: 0 }
#panel ul li { margin: 0 0 0.5em 0 }
#panel ul li a { color: #494949; text-decoration: none }
#panel ul li a:hover { color: #126EC3 }

#langs { position: absolute; right: 0; top: -20px; width: 100%; height: 20px; z-index: 10; background-color: #ffffff; text-align: right }
#langs a { color: #000000; text-decoration: none; font-weight: bold; padding-left:25px; background-repeat:no-repeat; background-position:0 0; }
#langs a.cz { background-image:url(cms/img/lang/cz.gif)}
#langs a.en { background-image:url(cms/img/lang/en.gif)}
#langs a:hover { color: #126EC3 }
#langs p { margin: 0; padding: 3px 20px 0 0 }


#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
.cesta a {color: #99A0A8}
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90%;  }

#flash {  display:block; width: 744px; height: 270px; background: #FEB612 url(img/sys/bg_flash.gif) repeat right top; margin: 120px 0 0 0; position: relative; }
#flash.en {}

#flash h2 { position:absolute; bottom:0; text-transform:uppercase; letter-spacing:10px; color:#FFF; font-size:16px; padding:0 0 0 140px;}

#flash #slideshow-out {display:block; position:absolute; width:214px; height:233px; top:0; left: 531px; padding:0; overflow:hidden;}
#flash #slideshow {position:relative; margin:0;}

#slideshow div.outer { background-color: #FEB612; position:absolute; top:0; left:0; z-index:8; opacity:0.0; display:block; width:214px; height:233px;}
#slideshow div.outer:hover { background-color: #FFCB2F}
#slideshow div.inner { position:relative;  padding: 20px 10px; text-align:center;}
#slideshow div h5 { font-size:12px; margin:0 0 10px 0}
#slideshow div p { text-align:right; padding-right: 10px;}
#slideshow .border1 { border-color:#FFF;}

#slideshow div.active { z-index:10; opacity:1.0;}
#slideshow div.last-active { z-index:9;}

#zapati p { margin: 1em 0 0 0 }
#zapati small { float: right; font-size: 100% }
#zapati small a { color: #B2B2B2; margin-left: 2em }
/* /layout - special */

/* ostatni tridy pro web */
td.cesta, td.navigace { border-bottom:1px solid #E1E1E1 !important; padding-bottom:10px !important}

#content table { border-color: #000000 }
#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% }
.nadpis { padding: 1px 0 2px 30px;}
.b-search { width: 20px !important; height: 20px !important }
.h-title { padding: 4px 0 5px 30px }
/*
.box-main { width: 684px; padding: 14px 7px; border: 1px solid #E0E0E0; overflow: hidden; background-color: #ffffff }
.box { width: 182px; height: 300px; float: left; margin: 0 7px; padding: 14px 15px; display: inline; font-size: 93%; border: 1px solid #C6C6C6; background-color: #F0F0F0 }
.box h2 { margin: 0 0 1em 0; font-size: 120%; color: #126EC3 }
*/
.box-main { width: 698px; border: 1px solid #E0E0E0; background: #ffffff url(img/sys/bg_box_main.gif) repeat-y 0 0 }
.box-main-in { width: 686px; padding: 0 7px 15px 7px; overflow: hidden; background: transparent url(img/sys/bg_box_main_in.gif) no-repeat left bottom }
.box { width: 184px; float: left; margin: 0 7px; padding: 14px 15px; display: inline; font-size: 93%; background: transparent url(img/sys/bg_box.gif) no-repeat 0 0 }
.box h2 { padding-top: 1em; margin: 0 0 1em 0; font-size: 120%; color: #126EC3 }
.box2 { margin: 12px 12px 0 0; padding: 10px; border: 1px solid #E0E0E0; background-color: #ffffff; text-align: justify; }
.box2 img { float: right; margin-left: 10px; }
.box2 h4 { font-size: 14px; font-weight: bold; }
.box2 ul { margin: 1em 0 1em 0; padding: 0; list-style: none }
.box2 ul li { padding: 0 0 0 12px; background: transparent url(img/sys/ico-bullet.gif) no-repeat 0 6px }
.box2.no-margin { margin-right: 0 }
/* /ostatni tridy pro web */

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

/* novinky */
.news h4 { margin-top: 0.1em; font-size: 120% }
.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 }
/* /fotogalerie */

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

/*  tabulky v katalogu */
.titulek{ background-color: #4F6380; color:#FFFFFF;}
.tabulka { border-color:#CCCCCC;}
/* /tabulky v katalogu */
#content-in h2 a{ text-decoration:none;}
#content-in h2 a:hover{ text-decoration:underline;}

.levabunka img { border:3px solid #CCCCCC;}

#menu a:hover { text-decoration:underline;}

/* dotaznik na titulni strance */
#dotaznik { position: absolute; top:450px; left:200px; width:488px; height:150px }
#dotaznik a { display: block; width:488px; height:150px; background: url(img/_/main/bg_dotaznik.gif) no-repeat left top }
#dotaznik a span { display: none }
#dotaznik img { position: absolute; top: 2px; right: 7px }
/* /dotaznik na titulni strance */

/* zvyrazneni bloku produkty podle pouziti */

.m1-pouziti { background: transparent url(img/sys/ico-m1.gif) no-repeat 0px 4px; line-height: 0.9em }
ul.pouziti li a { font-weight: bold; color: #31415a !important; }
/* /zvyrazneni bloku produkty podle pouziti */

/* slider */
#slider { position: relative; overflow: hidden; display:block; height:320px }
#slider ul { width: 744px; list-style:none; padding:0; margin:0; position:absolute;}
#slider li { margin:0;}
.top { top: 0; left: 0;}
.bottom { bottom: 0; left: 0;}
.sliderImage { float: left; position: relative; display: none;}
.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 744px;
    background-color: #223C86;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
/* /slider */