/* CSS Document */

/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table,tr,th,td{vertical-align:top;}
ul,ul li{margin:0;padding:0;list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
input,textarea{font-family:sans-serif;font-size:100%}
/* IE stretched buttons fix */
input.submit{width:0;overflow:visible;}
input.submit[class]{width:auto;}
sup { position: relative;top:-0.4em; font-size: 90%; }
sub { position: relative;top:0.4em; font-size: 90%; }
/* css reset end */

/* elements */
body{font-size:11px;font-family:Arial,Verdana,sans-serif;color:#444;text-align:center;background:#fff url(../img/bg.png) repeat-x 0 39px;}
a{color:#006486;text-decoration:underline;}
a:hover{text-decoration:none;}
a.more { color: #E60003 }

.cleaner{clear:both;height:0;_height:1px;_margin:0 0 -1px 0;overflow:hidden;float:none;}
.nodisplay{display:none;}

.l, .l td{text-align:left!important;}
.r{text-align:right!important;}
.c{text-align:center!important;}
.j{text-align:justify!important;}
.imgr { float: right;  margin: 0 0 10px 10px; padding: 10px; background: #E6E7E8}
p.imgr { background: transparent }
.imgl { float: left; margin: 0 10px 10px 0; padding: 10px; background: #E6E7E8 }
.u { text-decoration: underline; }
.imp { color: #006486 }

.col1 { float: left; width: 49% }
.col2 { float: right; width: 49% }

@font-face {
	font-family: 'DINProMedium';
	src: url('../font/dinpro-medium-webfont.eot');
	src: local('DINPro'), local('DINProMedium'), url('../font/dinpro-medium-webfont.woff') format('woff'), url('../font/dinpro-medium-webfont.ttf') format('truetype'), url('../font/dinpro-medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* LAYOUT */
#page{width:960px;margin:0 auto;text-align:left;}
#header{position:relative;padding:123px 0 0 0; }
#col-left{width:320px;padding:20px 0 31px 30px;margin: 28px 0 0 0;float:left;border-right:1px solid #d2dbe7;background:url(../img/col-left.png) repeat-x bottom;}
#col-right{width:566px;float:right;padding:27px 20px 0 23px;}
#footer{clear:both;border-top:43px solid #fff;;min-height:132px;_height:132px;background: #c8c8c8 url(../img/footer.png) no-repeat center top;}
#footer-in{position:relative;width:760px;padding:0 84px 0 116px;margin:0 auto;text-align: left;}

#logo{position:absolute;top:18px;left:36px;height:70px;overflow:hidden;}
#logo a{color:#e60003;text-decoration:none;font-weight:bold;font-size:26px;}

#menu-lang{position:absolute;top:7px;right:74px;text-align:center;height:27px;border-left:1px solid #ddd;padding:0 0 0 10px;}
#menu-lang li{float:left;width:49px;}
#menu-lang img{display:block;margin:0 auto;}
#menu-lang a{font-size:10px;text-transform:lowercase;color:#bfbfbf;text-decoration:none;}
#menu-lang a:hover {color:#575757;}
.cz #menu-lang .cz a, .de #menu-lang .de a, .ro #menu-lang .ro a, .fr #menu-lang .fr a, .en #menu-lang .en a {color:#575757;}

#menu-main{position:absolute;top:70px;right:34px;}
#menu-main li{float:left;}
#menu-main a{display:block;color:#006486;text-decoration:none;font-weight:bold;font-size:13px;padding:0 8px 1px 9px;height:27px;line-height:26px;_float:left;}
#menu-main a:hover{background:#ddeef4;}
#menu-main li.act a{color:#fff;background:#006486;padding:0 10px;}

#header-img li{float:left;margin:0 0 0 5px;}
#header-img li.first{margin-left:0;}
#header-img li img{float: left;}

#content{width:560px;padding:0 30px 37px 30px;float:right;line-height:13px;border-bottom: 1px solid #dadada;}
#content-head{margin:0 -30px;padding:0 30px;min-height:0;_height:0;background:url(../img/content-head.png) repeat-x bottom;}

#content h1{font-size:30px;color:#006486;font-weight:normal;letter-spacing:-1px;padding:19px 0 11px 0;line-height:normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#content h2{font-size:14px;color:#000;padding:15px 0 13px 0;margin:0 0 14px 0;border-bottom:1px solid #dadada;}
#content h3{font-size:13px;color:#000;margin:0 0 14px 0;}
#content p{padding:0 0 14px 0;}
#content ul li{padding:0 0 0 11px;background:url(../img/li.png) no-repeat 0 5px;}
#content ul{padding:0 0 14px 18px;}
#content ul ul{padding:14px 0 14px 18px;}

#content table.normal{border-top:1px solid #000;border-bottom:1px solid #000;color:#000;margin:6px 0 14px 0;}
#content table.normal th{background:#acd6f2;border-bottom:1px solid #000;padding:6px 10px 6px 10px;}
#content table.normal td{background:#dbecf9;padding:2px 10px 3px 10px;}
#content table.normal tr.highlight td{background:#c4e0f5;}
#content table.normal tr:hover td{background:#fff;}

#content #bread-crumbs{color:#3a3a3a;padding:0 0 21px 0;}
#bread-crumbs li.bread-crumbs-item{display:inline;padding:0;background:none;}
#bread-crumbs a{color:#3a3a3a;float:left;padding:0 8px 0 0;margin:0 4px 0 0;background:url(../img/li-bc.gif) no-repeat right;}

div.gallery {margin:4px -30px 22px -30px;padding:30px 25px 0 75px;background:#e6e7e8;font-size:11px;min-height:0;_height:0;}
#content .gallery ul {padding:0; width: 100%; overflow: hidden;}
#content .gallery li {padding:0 12px 25px 0;float:left;width:160px;background:none;}
#content .gallery li img {padding:10px;background:#f3f3f3;display:block;margin:0 0 12px 0;}
#content .gallery li a {font-weight:bold;}
#content .gallery li a:hover img {background:#ccc;}

#sidebar{width:310px;float:left;padding:7px 0 0 0;}

#submenu{background:#e6e7e8;padding:13px 0 18px 0;}
#submenu li{padding:11px 20px 10px 47px;min-height:0;_height:0;}
#submenu li.act{padding:0;background-color:#d1d3d4;}
#submenu li.act li{padding:5px 20px 4px 47px;}
#submenu li.act li.act li{padding:5px 0 5px 22px;}
#submenu li.act ul{padding:4px 0 0 0;border-bottom:5px solid #fff;}
#submenu li.act ul ul { border: 0; }
#submenu li.act li.act ul{padding:5px 0;border:0;}
#submenu a{text-decoration:none;font-size:12px;}
#submenu li.act a{display:block;min-height:0;_height:0;text-decoration:none;padding:12px 20px 10px 47px;border-top:5px solid #fff;border-bottom:5px solid #fff;font-weight:bold;font-size:13px;background:url(../img/white.gif) repeat-y 35px 0;}
#submenu li.act ul a{padding:0 0 0 11px;border:0;font-weight:normal;font-size:12px;background:none;display:inline;color:#444;background:url(../img/li-menu.gif) no-repeat 0 5px;}
#submenu li.act li.act a,#submenu li.act li.act li.act a{font-weight:bold;}
#submenu li.act li.act li a { font-weight: normal; }


#submenu li.act li.act a,#submenu li.act li.act li.act a, #submenu li.act li.act li.act li.act a{font-weight:bold;}
#submenu li.act li.act li.act li a { font-weight: normal; }

/*
	#submenu li.act li.act li.act a{color:#006486;}
	#submenu li.act li.act li a{font-weight:normal;font-size:11px;padding:0;}
*/
#submenu ul ul a:hover,#submenu li.act ul a:hover{text-decoration:underline;}
#submenu a:hover{text-decoration:underline;}

#col-left h1{position:relative;font-size:14px;line-height:17px;color:#006486;font-family:'DINProMedium', 'Myriad Pro', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;font-weight:normal;margin:-28px 0 0 0;padding:0 0 16px 0;}

#navigation li.navigation-item{margin:0 7px 0 0;padding:39px 0 0 0;width:195px;float:left;background:none;font-size:12px;color:#666;line-height:18px;}
#navigation li.navigation-item h2{font-size:24px;font-weight:normal;letter-spacing:-2px;color:#454546;margin:0 0 9px 0;line-height:normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#navigation li.navigation-item h2 span{font-size:18px;line-height:14px;display:block;letter-spacing:-1px;}
#navigation li.navigation-item img{display:block;margin:0 0 14px 0;}
#navigation li.navigation-item p{padding:0 4px 0 0;}
#navigation li.navigation-item p.text{ min-height: 8em;}
.en #navigation li.navigation-item p.text{ min-height: 9em;}
#navigation li.navigation-item p.more{padding:22px 0 14px 17px;background:url(../img/button.png) no-repeat 0 9px; }
#navigation li.navigation-item p.more a{display:block;line-height:22px;padding:0 0 0 15px;color:#3a3a3a;font-weight:bold;font-size:12px;text-decoration:none;background:url(../img/li-red.gif) no-repeat 7px center;}
#navigation li.navigation-item p.more a:hover{color:#f30003;}

#news{font-size:12px;line-height:16px;color:#036687;}
#news ul{margin:0;padding:0;}
#news ul li{margin:0;padding:0;background:none;}
#news ul li{margin:0 0 17px 0;}
#news h3{font-size:24px;font-weight:normal;line-height:normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;color:#006486;letter-spacing:-1px;margin:0 0 27px 0;}
#news h2{line-height:normal;margin:0 0 16px 0;}
#news p.more{font-size:11px;text-align:right;}
#news p.more a{padding:0 0 0 16px;background:url(../img/li-yell-bg.gif) no-repeat left;}

#footer a.logo-footer{position:absolute;top:25px;left:30px;font-size:26px;color:#e60003;text-decoration:none;}

#menu-footer{padding:25px 0 31px 0;}
#menu-footer  li{float:left;font-weight:bold;padding:0 11px 0 0;}

#copy{clear:both;color:#000;line-height:13px;}
#copy a{color:#000;text-decoration:none;}
#copy a:hover{text-decoration:underline;}

/* ROZCESTNÍK */
#rozcestnik{background: #fff url(../img/bg.png) repeat-x 0 75px;}
#rozcestnik-container{width:590px;margin:0 auto;padding:31px 0 0 0;}
#rozcestnik h1{background:#ed1c23;width:159px;;height:53px;overflow:hidden;margin:0 auto 72px auto;}
#rozcestnik h1 a{color:#ffde26;text-decoration:none;font-size:44px;}

#rozcestnik-vlevo,#rozcestnik-vpravo{position:relative;float:left;width:224px;min-height:213px;_height:213px;text-align:left;padding:23px 15px 43px 15px;margin:0 0 73px 0;border:13px solid #ededed;background:#d1dae6 url(../img/rozcestnik/bg_gray.png) repeat-x;}
#rozcestnik-vpravo{float:right;background:#ed1c23;}

#rozcestnik-vlevo h2,#rozcestnik-vpravo h2{font-size:16px;font-weight:normal;color:#fff;letter-spacing:-1px;margin:0 -28px 0 0;padding:2px 10px 12px 32px;background:#37819c;border-right:13px solid #478da5;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#rozcestnik-vpravo h2{background:#47080a;border-right:13px solid #474747;}
#rozcestnik-vlevo h2 span,#rozcestnik-vpravo h2 span{display:block;font-size:10px;line-height:12px;letter-spacing:0;color:#a8d1e0;font-family:'Myriad Pro','Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
#rozcestnik-vpravo h2 span{color:#b0b0b0;}

#rozcestnik p.enter{padding:13px 0 14px 17px;margin:0 0 -3px 12px;background:url(../img/button.png) no-repeat; }
#rozcestnik p.enter a{display:block;width:88px;line-height:22px;padding:0 0 0 45px;color:#3a3a3a;font-weight:bold;font-size:12px;text-decoration:none;background:url(../img/li-red.gif) no-repeat 35px center;}
#rozcestnik p.enter a:hover{color:#f30003;}

#rozcestnik-vlevo ul li,#rozcestnik-vpravo ul li{color:#006486;font-size:18px;font-family:'Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;padding:0 0 0 8px;margin:0 0 0 24px;background:url(../img/li-red.gif) no-repeat 0 8px;}
#rozcestnik-vlevo ul li a,#rozcestnik-vpravo ul li a{color:#006486;text-decoration:none;}
#rozcestnik-vpravo ul li{color:#fff;background-image:url(../img/li-yell.gif);}
#rozcestnik-vpravo ul li a{color:#fff;}
#rozcestnik-vlevo ul li a:hover{color:#ed1c24;}
#rozcestnik-vpravo ul li a:hover{color:#ffdd2b;}

#rozcestnik-vlevo img.img-bottom{position:absolute;bottom:-71px;right:-12px;}
#rozcestnik-vpravo img.img-bottom{position:absolute;bottom:-75px;right:-6px;}

#rozcestnik-footer{clear:both;width:314px;margin:0 auto;color:#a3a3a3;line-height:13px;padding:9px 0 20px 0;border-top:2px solid #ddd;}
#rozcestnik-footer a{color:#a3a3a3;text-decoration:none;}
#rozcestnik-footer a:hover{text-decoration:underline;}

/* content */
.article { padding: 0 0 1em 0; clear: both; }
.articlelist { padding: 0 30px 30px 30px; }
.article h2 { color: #423f69; font-weight: bold; font-size: 130%; padding: 1em 0 7px 0; border-bottom: 1px solid #ffdd2b; margin: 0 0 12px 0;  }
.article h3 { color: #423f69; font-weight: bold; font-size: 110%; padding: 0.5em 0 0.2em 0;  }
.article p { padding: 0.2em 0 0.8em 0; }
.article ul { padding: 0.2em 0 0.8em 15px; }
.article ul li { padding: 0 0 0 12px; background: url(../img/li.gif) no-repeat 0 0.5em; }

.article table { margin: 0.5em 0;}
.article th, .article td { padding: 0.4em 0.8em; }
.article th { background: #DDD; color: #423f69; font-weight: bold; text-align: center; border: 1px solid #fff; vertical-align: middle;  }
.article td { text-align: center; }
.techdata td { text-align: right; }

.article thead th { background: #ACD6F2; color: #000; }
.article tbody th { background: #fff; color: #000; font-weight: bold;}

.article td.empty { background: #fff !important; }

.article .seid38 th { border: 1px solid #ccc;  }
.article .seid38 td.bg1 { background: #FFF9B8 }
.article .seid38 .even td.bg1 { background: #FFFCD5 }
.article .seid38 td { background: #D0E4A9; border: 1px solid #ccc; }
.article .seid38 .even td { background: #E1EECA }

.article .techdata td.alt, .article .techdata tr.alt td, .article .techdata tr.alt th { background: #FFF9B8 }
.article .techdata .even td.alt, .article .techdata td.alt2, .article .techdata tr.alt2 td, .article .techdata tr.alt2 th { background: #FFFCD5 }



.article table.general { width: 100%; }
.article .general td, .article .general tbody th { background: #DBECF9; border-left: 1px solid #fff;}
.article .general .even td, .article .general tbody .even th { background: #C4E0F5 }

p.bg1 { background: url(../img/bg1.gif) no-repeat 0 2px; padding-left: 12px !important; }
p.bg2 { background: url(../img/bg2.gif) no-repeat 0 2px; padding-left: 12px !important; }
p.bg3 { background: url(../img/bg3.gif) no-repeat 0 2px; padding-left: 12px !important; }


.imgs { float: left; width:375px; overflow: hidden; }
.imgs .crop { width:300px; overflow: hidden; float: left;}
.imgs ul { width: 75px; float: right; padding: 15px 0 0 0; }
.imgs ul li { padding: 0 0 10px 0; width: 75px; overflow: hidden; }
.imgs li img { border: 3px solid #ddd; display: block; }

.download { background: url(../img/download.png) repeat-x bottom; width: 180px; float: right; }
.download ul { padding: 15px 25px; }
.download ul li { background: none; padding: 0 0 0.5em 30px; }
.download a { text-decoration: none; color: #333; }
.download a span { color: #777777; }
.download a:hover { color: #f20b0e; }
.download .pdf { background: url(../img/ico-pdf.gif) no-repeat; }

.info { margin:4px -30px 22px -30px;padding:25px 25px 25px 30px;background:#e6e7e8; }
.article .info td, .article .info th { background: #bbb; color: #fff; border: 1px solid #E6E7E8 }
.info img {padding:10px;background:#f3f3f3;display:block;margin:0 0 12px 0;}

.ramecek {   border: 5px solid #DDDDDD;}
.contact { float: left; width: 170px; }
.contact table { width: 90% }
.contact td { text-align: left; border: none; padding: 0.2em 0.3em 0.2em 0;}

#content ul.list li { margin-bottom: 1em }
#content .list p { padding: 0;}
#content .list p.download-info { background: #eee; padding: 5px; margin: 3px 0 0 0;  }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.cz #home #col-right{ width: 270px;}
.cz #home #col-left{ width: 616px;}

.en #home #col-right{ width: 270px;}
.en #home #col-left{ width: 616px;}

.ro #home #col-right{ width: 465px;}
.ro #home #col-left{ width: 421px;}
/*
#col-left{width:320px;padding:20px 0 31px 30px;margin: 28px 0 0 0;float:left;border-right:1px solid #d2dbe7;background:url(../img/col-left.png) repeat-x bottom;}
#col-right{width:566px;float:right;padding:27px 20px 0 23px;}
*/