/* 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: 65%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #333333; background: #ffffff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #333333; padding: 0; line-height: normal }
h1 { font-size: 165%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 110%; 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% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #BD1220 }
a:link { color: #BD1220 }
a:hover { color: #BD1220; 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, .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: 2px solid #aaaaaa; }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 980px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 220px 0
}
html>body #main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }

#zahlavi { position: absolute; left: 0; top: 0; width: 100% }
#zahlavi-in {
    height: 264px;
    position: relative;
    background: #fff url(img/sys/bg_zahlavi.jpg) no-repeat 0 100px
}

#content {
    float: right;
    width: 760px;
    overflow: hidden
}
#content-in { padding: 270px 0 60px 10px }

#panel {
    float: left;
    width: 220px
}
#panel-in { padding: 270px 10px 60px 10px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22px;
    background-color: #F1F1F1
}
#zapati-in { padding: 4px 10px; color: #cccccc }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 13px; top: 28px; width: 194px; height: 54px; overflow: hidden; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

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

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

#panel h3 { font-size: 130%; color: #BD1220 }

#zapati p { margin: 1px 0 0 0; color: #333333; text-align: right }
#zapati p small { float: left }
/* /layout - special */

/* ostatni tridy pro web */

#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% }

#menu { position: absolute; left: 0; top: 240px; width: 100% }
#menu ul { height: 23px; margin: 0; padding: 0 0 0 240px; list-style: none; border-bottom: 1px solid #BFBFBF; background-color: #F1F1F1 }
#menu li a { font-size: 12px; color: #333; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; float: left; padding: 0 0 0 8px; height: 23px; line-height: 23px; background: transparent url(img/sys/ico-arrow.gif) no-repeat 0 11px }
#menu li a:hover, #menu .selected a { color: #BD1220 }
#menu li { float: left; margin: 0 15px 0 0 }

.submenu ul { list-style: none; margin: 0; padding: 0 }
.submenu li { margin: 0 0 2px 0 }
.submenu li a { display: block; text-decoration: none; color: #333; padding: 4px 0 4px 15px; width: 185px; background: #eeeeee url(img/sys/ico-arrow.gif) no-repeat 5px 10px }
.submenu li a:hover, .submenu a.active { color: #BD1220 }
.submenu ul ul { list-style: none; margin: 2px 0 0 0; padding: 0 }
.submenu li li a { padding: 2px 0 2px 15px; background: none }
.submenu li li a:hover { background: #F7F7F7 }
.submenu-title { text-decoration: none;  padding: 4px 0 0px 15px; width: 185px; background: url(img/sys/ico-arrow2.gif) no-repeat 5px 10px; text-transform: uppercase }

#menu-top { position: absolute; right: 207px; top: 10px; width: 100%; text-align: right }
#menu-top a { color: #666666 }

.p-box { padding: 3px 5px; border-bottom: 1px solid #333333; background-color: #eeeeee }

.table-01 { font-size: 110%; margin: 2em 0; border: 1px solid #B3B3B3 }
.table-01 th { text-align: left; background-color: #f4f4f4 !important; font-size: 110% }
.table-01 td { border: 1px solid #b3b3b3; background-color: #f4f4f4 }

.b-hledat { width: 14px !important; height: 9px !important }

#content table.prehled tr { vertical-align: top; }
#content table.prehled td { text-align: left; padding: 5px 5px 5px 5px; border-bottom: 5px solid white; }
table.prehled { background-color:#f1f1f1}

td.bottom_right { vertical-align:bottom; text-align:right !important;}

.hlava-nadpis { font-weight: bold; font-size: 8pt; color: #000000; border: 1px solid #bfbfbf !important; background-color: #f1f1f1; padding: 2px; }
div.souvisejici { width: 70%; float: left; font-weight: bold; font-size: 100%; border: 2px solid #aaaaaa; background-color: #f1f1f1; }
div.souvisejici div { padding: 2px 0 2px 2px; background-color: #aaaaaa; border-bottom: 1px solid white; }
#pravy h3 { font-size: 125%; font-weight: bold; color: #bd1220; padding: 0 0 15px 0; margin: 0; }
#pravy {width: 400px; float: left; }
.red { color: #bd1220; }

#content .selects { margin-bottom: 1.5em }
#content .selects select { width: 650px !important }

#content-in p.podnadpis { font-weight:bold; font-size:11px; padding-bottom:5px; border-bottom:1px solid #AAAAAA; font-style:italic;}
/*#content-in ul { padding-left:10px;}*/
/* /ostatni tridy pro web */

/* vyhledavani */
#searchform { position: absolute; right: 15px; top: 8px; text-align: right }
html>body #searchform { top: 10px }
#searchform #searchword { background-color: #f6f6f6; border: 1px solid #333; height: 13px; width: 120px; font-size: 100% }
#searchform fieldset { border: 0 }
#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 }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

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

/* objednavaci kody */
#kod { background-color: #f4f4f4; text-align: center; font-size: 24px }
/* /objednavaci kody */

/* prodejci */

.p_card2 { border-bottom: 1px solid #bfbfbf; background: #f4f4f4;  padding: 0 0 5px 0; margin: 0 0 3px 0 }
h2.a-nadpis { text-transform: uppercase;  color: #bd1220; border-bottom: 1px solid #bd1220; margin: 25px 0 10px 0; }
#prodejci { text-transform: uppercase;  color: #bd1220; margin: 5px 0 0 -3px; font-size: 120%; font-weight: bold; padding: 0}

/* /prodejci */

/* rozcestnik-titulni */
#ot { background-color: #e4e4e5; width: 348px; height: 450px; border-bottom: 3px solid #990000; margin-left: 10px;  float: left }
#ot a { text-decoration:none; color: #666666; font-size: 16px; text-transform: uppercase; font-family: Arial; font-weight: bold; margin: 0 0 0 10px; }
#ot p { padding: 10px }
#ot a:hover { color: #990000 }

#sk { background-color: #e4e4e5; width: 348px; height: 450px; border-bottom: 3px solid #0D2452; margin-left: 10px; float: left }
#sk p { padding: 10px; }
#sk a { text-decoration:none; color: #666666; font-size: 16px; text-transform: uppercase; font-family:Arial; font-weight: bold; margin: 0 0 0 10px; }
#sk a:hover { color: #0D2452;}
/* /rozcestnik-titulni */


span.popis { margin-left: 250px; font-size: 16px; font-weight: bold; color: #666666;  }

/* stary styl */

/*

.bg {background: #EEEEEE}
.normal {font-weight:normal}
.bold {font-weight:bold}
.boldr {font-weight:bold; text-align:right; vertical-align:text-top}
.boldc {font-weight:bold; text-align:center}
.center {text-align:center}
.dyn {font-weight:bold; background: #FD7600}

*/
.boldr {font-weight:bold; /*text-align:right;*/}

tr.nadpis {background: #E8E8E8; font-weight:bold; font-size:10px; text-align:center}
/*.small {font-size:8pt}*/
#content tr.bg0 {background: #FFFFFF; text-align:center}
#content tr.bg1 {background: #FAFAFA; text-align:center}

table.hlava, table.hlava tr {background: #0D2B55; color: #FFFFFF}
td.hlava {font-weight:bold; font-size:12pt; color: #FFFFFF; border: 1px solid #000000;}
td.hlava-r {font-weight:bold; font-size:12pt; color: #FFFFFF; border: 1px solid #000000; border-right: none}
td.hlava-l {font-weight:bold; font-size:12pt; color: #FFFFFF; border: 1px solid #000000; border-left: none}
td.hlava-t {font-size:9pt; background: #FFFFFF; color : #000000; border: 1px solid #000000; border-top: none}

table.hlava2, table.hlava2 tr {background: #FFFFFF; margin: 1.0em 0 0.5em 0}
td.hlava2 {font-weight:bold; font-size:125%; background: #f1f1f1; border-bottom: 1px solid #aaaaaa}
td.hlava2-r {font-weight:bold; font-size:11px; background: #FFFFFF; border: 1px solid #000000; border-right: none;}
td.hlava3 {font-weight:bold; font-size:105%; background: #FFFFFF}
td.hlava4 {font-weight:bold; font-size:9pt; background: #FFFFFF; text-align:right; border: 1px solid #000000}
td.hlava4-l {font-weight:bold; font-size:11px; background: #FFFFFF; text-align:right; border: 1px solid #000000; border-left: none;}

.stupen2, .stupen10 {background-color:#FFFF00; border: 1px solid #000000;}
.stupen3, .stupen25 {background-color:#FFFFFF; border: 1px solid #000000;}
.stupen4, .stupen45 {background-color:#FF0000; border: 1px solid #000000;}
.stupen5, .stupen60 {background-color:#000000; border: 1px solid #000000;}
.stupen6, .stupen80 {background-color:#0000FF; border: 1px solid #000000;}

.neskl {background: #C0C0C0; font-weight:bold;}
.nesklnadpis {background: #C0C0C0; font-weight:normal; font-size:9px}

.dyn {font-weight:bold; background-color: #FAF0E7; font-size:11px;}

/* /stary styl */

/* snizeni cen */

#snizeni-cen {

	width: 420px;
	height: 160px;
	background-color: #f1f1f1;
	background: url(img/sys/kermi_logo_p.gif) 0 0 no-repeat;
	border: 1px solid #bfbfbf;
	position: absolute;
	top: 150px;
	left: 150px;

}

#snizeni-cen img{

	position: absolute;
	right: 5px;
	top: 5px;

}

#snizeni-cen h3{

	color: #bd1220;
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px 5px 5px;
	position: relative;
	top: 5px;
	margin: 0;

}

#snizeni-cen a {

	position: absolute;
	right: 10px;
	bottom: 10px;
}

#snizeni-cen p {

	padding: 0 5px 10px 5px;
	margin: 0;

}

/* /snizeni cen */