html, body, form, p,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5 { margin:0; padding:0; }
/*- layout -*/
body { font:normal 62.8%/1.3 trebuchet MS,'Arial CE',Arial,Helvetica,sans-serif; color:#000; background: url('/images/content-bg.gif'); }
.main-bg { background: url('/images/body-bg.jpg') repeat-x; }
#page { width:900px; margin: 0 auto; font-size:130%; background: #fff }
#header { background: url('/images/header-head-bg.jpg') repeat-x; height: 121px; padding-left: 11px; }
#main { background: #fff url() }
#content { min-height: 400px; _height: 400px; }
#footer { background: #fff url() }
/*- obecne tridy -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after, .banner:after,
.clearfix:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.clearfix, .banner {_height:1%; min-height: 1%;}
.fl { float:left; }
.fr { float:right; }
.hidden { display:none !important; }
sup, sub,
.small { font-size:85%; }
.big { font-size:1.2em; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.strong { font-weight:bold; }
.alt { color:#ff8700; }
.light { color:#666; }
.clear { clear: both;}
/*- html tagy -*/
dl dd,
ol li { margin-left:2em; }
ul li { list-style:none; }
input, select { vertical-align:middle; }
h1 { font-size:190%; }
h2 { font-size:125%; }
h3 { font-size:110%; }
h4 { font-size:100%; }
a { color:#003; }
a span { text-decoration: underline; }
a img { border:0; }
hr { height:1px; overflow:hidden; border:0; border-bottom: 1px solid #000; margin:.75em 0 0; clear:both; }
/*- tables -*/
table { border-collapse:collapse; font-size:100%; width:100%; }
table th { padding:5px 7px 3px; vertical-align:top; font-weight:bold; color:#0a1f62; text-align:left; }
table td { padding:5px 7px 5px; vertical-align:top; }
table tr.odd { }
table tr.even { background:#eee; }
/*- header -*/
#header { position:relative; }
#header .logo { float:left; display:inline; background: url('/images/header-logo-bg.gif') no-repeat 100% 0 #fff; width: 430px; } /*viditelne logo*/
#header .logo a { display:block; width:203px; height:121px; }
#header .logo img { display:block; width:203px; height:116px; } /*logo pro tiskovou verzi*/
#header .headboard { float:right; }
#header .caption { margin-top:20px; display:block; float: right; }
#header .lang-select { width: 440px; background: url('/images/header-lang-select-bg.gif') top right no-repeat; line-height: 25px; text-align: right; float:left; margin-right: 2px; padding-right: 5px; }
#header .lang-select a { color: #666363; text-decoration: underline; margin-right: 2px; font-size: 85%; }
#header .lang-select a.active { text-decoration: none; }
/*- menu -*/
#menu { width:458px; position:absolute; top:77px; left:440px; border-top: solid 4px #ceccb4; background: #fff; padding-bottom: 4px; }
#menu ul { border-right: solid 4px #ceccb4; height: 36px; background: #E8E7DB url() }
#menu ul li { float:left; margin-right:2px; font-weight:bold; background:#fff; line-height:36px; position:relative; font-size: 90%; }
#menu ul li.last { margin-right: 0; }
#menu ul li a { width: 112px; text-align: center; display:block; text-decoration:underline; color:#0a1f62; max-height:36px; background: url('/images/menu-li-a-bg.gif') repeat-x; color: #fff; }
#menu ul li a:hover { color:#fff; }
#menu ul li.active { color: #666363; }
#menu ul li.active a { color:#666363 !important; background: #fff !important; text-decoration: none; }
#projects-list #menu ul li.active a, #news-list ul li.active a,
#news #menu ul li.active a,
#gallery #menu ul li.active a { text-decoration: underline; }
/*- content -*/
.sticker span { position: absolute; margin-top: -12.5px; height: 25px; z-index: 100; }
.long span { background: url('/images/sticker-long.png') no-repeat; width: 168px; margin-left: 110px; }
.short span { background: url('/images/sticker-short.png') no-repeat; width: 95px; margin-left: 49px; }
#about-us .short span { background: url('/images/sticker-short.png') no-repeat; width: 95px; margin-left: 26px; z-index: 80; }
#about-us .short-photogallery span { background: url('/images/sticker-long.png') no-repeat; width: 95px; margin-left: 35px; }
#content .text ul,
#content .text p { margin-bottom: 18px; line-height: 20px; padding-left: 12px; }
#content .text p { padding-left: 0; }
#content .cols { margin: 0 14px; }
#content .cols .col1 { width: 426px; color: #ffffff; background: url('/images/content-col1-bg.gif') repeat-y; float: left; }
#content .cols .col2 { overflow: hidden; width: 426px; color: #333333; /*padding: 35px 0 0 18px;*/ font-size: 90%; float: right; }
#content .rev-fwd { text-decoration: none; }
#content .rev-fwd span { text-decoration: underline; font-weight: bold; }
/* COL 1 */
#content .col1 .box { width: 400px; margin-left: 10px; padding-bottom: 8px; }
#content .col1 .boxnonpadd { width: 400px; margin-left: 10px; padding-bottom: 0px; }
#content .col1 .bg-top { background: url('/images/content-col1-bg-top.gif') no-repeat; width: 426px; height: 26px; }
#content .col1 .bg-bottom { background: url('/images/content-col1-bg-bottom.gif') no-repeat; width: 426px; height: 7px; font-size: 0; }
#content .col1 .separator { font-size: 0; background: url('/images/separator-bg.gif') repeat-x; height: 2px; margin-bottom: 13px; width: 400px; }
#content .new-separator { margin:10px 0 0 10px; }
#content .col1 .thumb-image { width: 190px; height: 147px; float: left; margin-right: 14px; }
#content .col1 h2 { font-size: 100%; margin-bottom: 14px; margin-left: 14px; min-height: 18px; }
#content .col1 h3 { font-size: 90%; margin-bottom: 10px; }
#content .col1 table { margin:0 0 15px 8px; width:400px; }
#content .col1 table th { font-size:90%; font-weight:bold; color:#FFFFFF; }
#content .col1 table td { border-top:1px #959595 solid; }
#content .col1 table td a { color:#CCCCCC; }
#content .col1 table td a:hover { color:#FFFFFF; }
#content .col1 .space { display:block; margin-bottom:15px; }
#content .col1 .space-small { display:block; margin-bottom:5px; }
#content .hider { display:block; width: 425px; height: 55px; background: #FFFFFF; }
#content .col1 p { font-size: 90%; min-height: 109px; _height: 109px; }
#content .col1 .project-menu { margin-top: 6px; }
#content .col1 .project-menu a { height: 18px; line-height: 18px; background: #3B3939; color: #CCCCCC; display: block; float: left; text-align: center; text-decoration: none; font-size: 70%; }
#content .col1 .project-menu a.active { background: #E52424; }
#content .col1 .project-menu .change-image-nav { width: 155px; }
#content .col1 .project-menu .change-image-nav a { width: 18px; margin-right: 6px; margin-bottom: 5px; }
#content .col1 .project-menu .map-nav a { margin-left: 10px; padding: 0 4px }
/* COL 2 */
#content .col2 ul li { line-height: 20px; background: url('/images/content-ul-li-bg.gif') 0 0.6em no-repeat; padding-left: 14px; }
#content .col2 h2 { font-size: 118%; background: url('/images/content-h2-bg.gif') no-repeat 0 0.5em; padding-left: 17px; padding-bottom: 3px; margin-bottom: 14px; color: #666465; line-height: 20px; height: 20px; }
#content .col2 h3 { font-size: 100%; background: #E32323; padding-left: 12px; height: 20px; line-height: 20px; margin-bottom: 10px; color: #fff; }
#content .col2 h2 span.fr a,
#content .col2 h3 span.fr a { color: #fff; }
#content .col2 h2 span.fr,
#content .col2 h3 span.fr { padding-right: 10px; }
/* page PROJECTS */
#projects .col1 .project-item { padding: 0 15px 11px 15px; }
#projects .flash-map { padding-bottom: 10px; }
/* page PROJECTS-LIST */
#projects-list #content .cols { clear: both; }
#projects-list #content .cols .col2 { padding-top: 0px; }
#projects-list #content .cols .col2 h2 { background: url('/images/content-h2-bg-projectlist.gif') no-repeat; color: #fff; left:-15px; position: relative;}
#projects-list #content .cols .col2 p { padding-top: 0; line-height: 15px; padding-left: 0px; }
#projects-list #content .cols .col2 a.fr { color: #E52424; font-weight: bold; }
#projects-list #content .cols .col2 h2 span a { display: block; width: 41px; height: 20px; background: url('/images/ico-print.gif') no-repeat; }
#projects-list #content .cols .col2 h2 span a span { display: none; }
.cs #content .cols .col2 h2 span a { background: url('/images/ico-print-cs.gif') no-repeat !important; }
#projects-list #content #item-box-1 { _height: 50px; min-height: 50px; }
#projects-list #content #item-box-1 p a,
#projects-list #content #item-box-2 p a { padding-bottom: 10px; }
#projects-list #content .display-bg-box-1 { background: url('/images/content-col1-bg.gif') repeat-y; }
/* page ABOUT US */
#about-us .col1 .item { padding: 0 18px 0 14px; }
#about-us .col2 .companies-logos { padding-left: 16px; padding-bottom: 13px; }
#about-us .formbox input { width: 72%; margin-right: 5px; }
#about-us .companies-logos .item { min-height:1px; _height:1px; filter:alpha(opacity=100); opacity:1; }
#about-us .companies-logos .item img { float: left; margin-right: 4px; border: 1px #b0b0b2 solid; }
#about-us .companies-logos .fading .fader { display:none; }
#about-us .companies-logos .fading2 .fader2 { display:none; }
#about-us #content .col1 .thumb-image { width: 150px; height: 100px; float: left; margin:0 14px 14px 0; }
#about-us #content .col1 .thumb-image-person { width: 90px; height: 135px; float: left; margin:0 14px 14px 0; }
#about-us #content .col1 .person-content { margin-top: 14px; height: 135px; }
#about-us #content .col1 .person-content2 { margin-top: 14px; height: 135px; width: 150px;}
#about-us #content .col1 .clearfix2 { width: 150px; float: right;}
#about-us #content .col1 .clearfix3 { width: 150px; float: left;}
#about-us #content .col1 .clearfix2 span,
#about-us #content .col1 .clearfix3 span { min-height: 30px;}
#about-us #content .col1 .prelative { position: relative; }
#about-us #content .col1 .clearfix3 .about-text { position: absolute; top: 0; left: 196px; width: 150px; display:none; }
#about-us #content .col1 .clearfix3 .p { left: -169px; }
/* page BASIC (index) */
#basic .col1 p { color: #ccc; clear: both; margin-top: 10px; padding-left: 14px; }
#basic .col1 .projects-preview .item { width: 192px; }
#basic .col1 .projects-preview .item h2 { margin-left: 0; }
#basic .col1 .thumb-image { margin-right: 0; }
/* page NEWS-LIST */
.press-box { font-size: 90%; }
.press-box .item { margin-bottom: 17px; padding: 0 18px; }
.press-box .item .download-file { margin-top: 5px; }
.press-box .item .download-file a { color: #fff; }
.news-box { margin-bottom: 10px; }
.news-box .item { xmargin-bottom: 17px }
.news-box .item .perex { margin: 0 0 20px 0 !important; }
.news-box .item div p { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1.3em !important; }
.news-box .item .date-name { margin-bottom: 2px; }
.news-box .item .date-name span { color: #E52424; font-weight: bold; }
/* page GALLERY */
.photos-list { margin-left: 12px; }
.photos-list .item-row { clear: both; }
.photos-list .item { float: left; margin-right: 17px; margin-bottom: 10px; }
.photos-list .even { margin-right: 0; }
/*- paticka -*/
#footer { font-size: 95%; color:#666363; padding: 47px 15px 20px; }
#footer a { color:#666363 }
#footer .copy { float:left; }
#footer .made { text-align: right; float: right; background: url('/images/footer-ico-wdf.gif') 0 50% no-repeat; padding-left: 20px; }
/*- paging -*/
.paging { float:left; line-height:17px; position:relative; left:50%; color:#333333 }
.paging p { _float:left; position:relative; left:-50%; }
.paging span { float:left; }
.paging a { float:left; padding:0 5px; color:#333333 }
.paging strong { float:left; padding:0 5px; color:#E52424; font-size:1.2em; }
.paging .ico { width:17px; height:17px; padding:0 !important; background-color:#cacbdd !important; }
.paging .paging-prev { margin-right:10px; }
.paging .paging-next { margin-left:10px; }
.paging a.paging-prev,
.paging a.paging-next { background-color:#00f !important; }
.paging a.paging-prev:hover,
.paging a.paging-next:hover { background-color:#f00 !important; }
/*- formbox -*/
.formbox { width: 413px; margin-left: 15px; margin-bottom: 15px; }
.formbox .clearfix { line-height:2.2; }
.formbox .lab { float:left; display:block; width:110px; text-align:left; position:relative; }
.formbox .lab .alt { position:absolute; top:0; right:-1em; display:block; width:.9em; text-align:left; }
.formbox .cont { float:right; width:300px;position:relative; }
.formbox p { line-height:1.3; padding-top:.2em; margin:0 !important; }
.formbox textarea,
.formbox input { width: 80%; }
.formbox .submit { width: auto !important; }
.formbox .fullcont { padding-top:1em; }
/* - czgbc - */
.col2 .czgbc { background-color: #E9E7DB; margin-left: 0; padding: 7px; }
.col2 .czgbc .fl { padding-left: 5px; float: left; width: 75px; /*margin-top: 18px;*/ }
.col2 .czgbc .fr { float: left; width: 250px; margin-top: 20px; font-weight: bold; }
/* about */
.onas h3 a { color: #FFF; text-decoration: underline; }
.onas h3 a:hover { color: #FFF; text-decoration: underline; }
div#content .col1 .triosobyPrvni { padding-left: 14px!important; }
div#content .col1 .w110 { width: 110px!important; padding-right: 0; padding-left: 25px; }
/* HOME BANNER */
/*.banner { background:#e32323; padding:5px 0; margin:0 0 10px; color:#fff; }
.banner h3 { background:none !important; margin:0 5px; color:#fff !important; font-size:1.2em !important; text-transform:uppercase; }
.banner a { color:#fff; }
.banner ul { margin-bottom:9px !important; }
.banner li { padding:5px 0; background-position:0 1.1em !important; background-image:url(/images/banner-ul-li-bg.gif) !important; }
*//*.banner-l,
.banner-r { width:210px; }
.banner-l { float:left; }
.banner-r { float:right; }*/
.banner { background:#96afc0; margin:0 0 10px; }
.banner h3 { background:#333 !important; margin:0; border-bottom:1px solid #333; color:#fff !important; padding:6px 12px; }
.banner ul { margin-bottom:9px !important; }
.banner li { padding:5px 0; background-position:0 1.1em !important; }
/*
.banner { background:#96afc0; padding:5px 0; margin:0 0 10px; }
.banner h3 { background:#646161 !important; margin:0 5px; color:#fff !important; }
*/