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

body { font: 80%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #454545; background: #fff url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000000; padding: 0; line-height: normal }
h1 { font-size: 190%; clear: both; margin: 0.2em 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: 110%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 85% "Trebuchet MS", "Geneva CE", lucida, sans-serif }
a { color: #e51937 }
a:link { color: #e51937 }
a:hover { color: #000; 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: 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 }
.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 }
.cistic { clear: both }
.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 }
.button { }
.img-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: 1024px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

#header { position: absolute; left: 0; top: 0; width: 1024px; height: 150px }

#content {
    float: right;
    width: 783px;
    overflow: hidden;
}
#content-in {
  margin: 170px 0 0 0;
  padding: 10px 15px 15px 25px;
  background: url(img/sys/bg_content.gif) 8px 0 no-repeat;
}

#panel {
    float: left;
    width: 241px;
    overflow: hidden
}
#panel-in { padding: 170px 0 15px 0 }

#footer { background: transparent url(img/sys/bg_footer.gif) repeat-x 0 0 }
#footer-in { width: 1024px; height: 100px; margin: 0 auto; text-align: left; background: transparent url(img/sys/bg_footer_in.gif) repeat-x 0 0 }
/* /layout - zaklad */

/* layout - special */
#main.wide #content { float: none; width: 1024px; padding: 121px 0 15px 0; background: none }
#main.wide #header { height: 121px }
#main.wide .navigace { display: none }

#main.s-infrastruktura #menu a:hover, #main.s-infrastruktura #menu a:focus, #main.s-infrastruktura #menu .menuhover { color: #c61a96; text-decoration: none }
#main.s-klima #menu a:hover, #main.s-klima #menu a:focus, #main.s-klima #menu .menuhover { color: #6d9efd; text-decoration: none }
#main.s-infrastruktura .navigace { background: #000 url(img/sys/bg_navigace_infrastruktura.jpg) no-repeat right top }
#main.s-klima .navigace { background: #fff url(img/sys/bg_navigace_klima.jpg) no-repeat right top }
#main.s-klima .navigace, #main.s-klima .navigace a, #main.s-klima .navigace #cesta { color: #000 }

#logo, #logo span { display: block; position: relative; left: 0; top: 38px; width: 245px; height: 34px; 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-wrapper { position: absolute; left: 0; top: 87px; width: 100%; height: 34px; background: #292929 url(img/sys/bg_menu.gif) repeat-x 0 0 }
#menu { margin: 0; padding: 0; list-style: none; text-transform: lowercase }
#menu li { float: left; height: 34px; font-weight: bold; line-height: 33px; position: relative; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right top; }
#menu a { color: #fff; display: block; font-size: 90%; text-decoration: none; padding: 0 17px 0 15px }
#menu a:hover { text-decoration: underline }

#menu ul { position: absolute; left: 0; top: 34px; width: 220px; display: none; margin: 0; padding: 0; list-style: none; z-index: 100; background-color: #3c3c3c }
#menu .mega ul { width: 470px; }
#menu ul li { width: 200px; padding: 10px 15px; height: auto; line-height: 1.4; margin: 0; background: none; cursor: auto }
#menu ul li h3 { color: #fff; font-size: 110%; margin: 0 }
#menu ul li p { margin: 0.5em 0 0 0 }
#menu .mega ul .line { border-right: 1px solid #fff; }
#menu ul a { font-size: 90%; display: inline-block; margin: 0; padding: 0 0 0 10px; background: transparent url(img/sys/bullet.gif) no-repeat 0 5px }
#menu ul a:hover {  }

.submenu .active a { font-weight: bold; color: #000 }

#top-links { position: absolute; right: 0; top: 35px; line-height: normal; text-align: right }
#top-links a { color: #858585; font-size: 110%; text-decoration: none }
#top-links a:hover { color: #000; text-decoration: underline }
.s-klima #top-links a.top-links-klima { color: #000; padding: 0 0 0 20px; background: transparent url(img/sys/bullet_top.gif) no-repeat 0 3px; font-weight: bold }
.s-infrastruktura #top-links a.top-links-infra { color: #000; padding: 0 0 0 20px; background: transparent url(img/sys/bullet_top.gif) no-repeat 0 3px; font-weight: bold }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; right: 5px; top: 92px; z-index: 10; text-align: right }
#searchword { width: 160px; padding: 3px 2px; border: 0; background: #f4f4f4 url(img/sys/bg_searchword.gif) repeat-x 0 0 }
.button-vyhledat { width: 24px !important; height: 22px !important }

#sekce { padding: 10px; border: 1px solid #000; border-width: 0 1px 1px 1px; background-color: #fff; line-height: normal }
#sekce-in { width: 100%; overflow: hidden }
#sekce ul { margin: 0; padding: 0; list-style: none }
#sekce li { float: left; line-height: normal; font-size: 0 }

#navbox { width: 100%; overflow: hidden; display: none }
#cesta { float: left; font-size: 90%; margin: 1px 0 0 20px; color: #fff }
#navigace { float: right; margin: 1px 5px 0 0; font-size: 90% }

#copyright { color: #8d8c8c; font-size: 90%; margin: 0 15px; line-height: 33px }
#copyright a { color: #fff; text-decoration: none }
#copyright a:hover { color: #c4c4c4; text-decoration: underline }
#copyright span a { display: inline-block; height: 34px; padding: 0 10px 0 13px; background: transparent url(img/sys/divider.gif) no-repeat 0 0 }
/* /layout - special */

/* aktuality */
#aktuality { margin: 1em 0 0 0 }
.news h4 { font-size: 100%; margin: 0 }
.news h4 a { color: #454545 }
.news h4 a:hover { color: #e51937 }
/* /aktuality */

/* navigace */
.navigace { width: 100%; height: 29px; line-height: 28px; position: absolute; left: 0; top: 121px; color: #fff; /*background: #000;*/ text-transform: lowercase; background: #000 url(img/sys/bg_navigace.jpg) no-repeat right top }
.navigace a { color: #fff; font-weight: bold; text-decoration: none; /*margin: 0 0 0 15px*/ }
.navigace a:hover { text-decoration: underline }
/* /navigace */

/* ostatni tridy pro web */
.box { background-color: #eeefe7 }
.box-wrapper { width: 100%; margin: 15px 0; overflow: hidden }
.box-wrapper .box { float: left; margin: 0 20px 0 0; overflow: hidden; height: 210px }
html>body .box-wrapper .box { min-height: 210px; height: auto }
.box-wrapper .b-last { margin-right: 0 }
.box { width: 213px; font-size: 90%; padding: 0 14px 14px 14px }
.box h3 { color: #fff; font-size: 120%; margin: 0; padding: 0 0 0 15px; height: 42px; line-height: 32px; position: relative; width: 226px; left: -14px; background: #313131 url(img/sys/h3-box.gif) repeat-x left bottom }
.box h3 a { color: #fff; text-decoration: none }
.box h3 a:hover { color: #fff; text-decoration: underline }
/*.b-infrastruktura h3 { background: #313131 url(img/sys/h3-infrastruktura.gif) no-repeat 0 0 }*/
.b-infrastruktura h3 a { color: #fff; text-decoration: none }
.b-infrastruktura h3 a:hover { color: #fff; text-decoration: underline }
.box p { margin: 1em 0 0 0 }
.box ul { margin: 1em 0 0 0; padding: 0; list-style: none }
.box li a { color: #454545 }
.box li a:hover { color: #e51937 }

.h-section { font-size: 170%; margin: 0; padding: 0 10px 4px 10px; background: transparent url(img/sys/h-title.gif) repeat-x left bottom }

#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% }
/* /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_rtf { background: url(cms/img/ico/rtf.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 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */
/* kwicks na titulke */
.titulka #sekce-in {position: relative; margin: 0; padding: 0; overflow:hidden; width: 1010px; list-style: none;}
.titulka #sekce-in li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 496px;
	height: 382px;
	/*do not change these */
	position:absolute;
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
#kwick_01 { background: #fff url(img/sys/klima-technologie.jpg ) 0 0 no-repeat;}
#kwick_01 a { display:block; width:1004px; height:382px;}

#kwick_02 { background: #fff url(img/sys/infrastruktura-datacenter.jpg) right top no-repeat !important;}
#kwick_02 a { display:block; width:100%; height:382px;}


/*.s-klima #sekce-in li, .s-infrastruktura #sekce-in li {
	width: 100%;
}*/

/* produkty */

div.produkt {
	width: 45%;
	margin: 0 14px 20px 0;
	float: left;
	height: 200px;
	border: 1px solid #EEEFE7;
	padding: 10px;
}

/* /produkty */

/* slider */
#slider { width: 1012px; height: 382px; overflow: hidden }
#slider ul { margin: 0; padding: 0; list-style: none; width: 980px; height: 382px; position: relative }
#slider ul li { overflow: hidden; cursor: pointer; float: left; display: inline; width: 243px; height: 382px; line-height: normal; text-align: right }
#slider ul li a { display: block; float: right; width: 852px; overflow: hidden; margin: 0 0 0 -852px; background: #000; cursor: pointer }
#slider li img { float: right;}

/* /slider */

.infoblok .h-section a { text-decoration: none; color: #000000 }
.infoblok .h-section a:hover { text-decoration: underline; }

#sitemap { font-size: 90% }
#sitemap li ul { margin: 0; padding: 0 0 0 25px }
#sitemap h2, #sitemap h3, #sitemap h4 { margin: 0; padding: 0 }
#sitemap h3 { padding: 15px 0 0 0 }

#panel-in .box { margin-bottom: 10px }