/* reset */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.5}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}

html {background:#fff}
body {font: normal 62.5%/1 Arial,Helvetica,sans-serif;color:#000;background:#fff url(../img/body-bg.png) repeat-x}

/* obecne tridy */
.hide {position:absolute;left:-99999px;top:auto;overflow:hidden}
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}
.high {color:#c5381f}
.high2 {color:#999}

/* obecne formatovani */

   /* odkazy */
   a:link {color:#000;text-decoration:none;border-bottom:1px solid #c5381f;line-height:1.1}
   a:visited {color:#000;text-decoration:none;border-bottom:1px solid #999;line-height:1.1}
   a:hover {color:#000;text-decoration:none;border-bottom:1px solid #000;line-height:1.1}
   
   
   /* nadpisy */
   h1 {height:50px;font-size:3em;font-weight:normal;overflow:hidden;color:#c5381f;margin:25px 0 25px;position:relative;clear:both}
   h1 span {display:block;height:50px;position:absolute;top:0;left:0;background-image:url(../img/h1-span-bg.jpg);background-repeat:none}
   h2 {height:22px;font-size:2em;font-weight:normal;overflow:hidden;color:#c5381f;margin:25px 0;position:relative;clear:both}
   h2 span {display:block;height:22px;position:absolute;top:0;left:0;background-image:url(../img/h2-span-bg.jpg);background-repeat:none}
   h3 {font-size:2em;font-weight:normal;color:#000;clear:both}
   h4 {font-size:1.4em;text-transform:uppercase;color:#000;clear:both;margin:0 0 5px}
   h5 {font-size:1.4em;color:#999;clear:both}
   
   /* vnorene seznamy s odrazkami */
   ul {margin:3px 0}
   ul li {background:url(../img/ul-li-bg-red.png) no-repeat 0 9px;padding-left:16px;line-height:1.7}
   ul li ul li {background:url(../img/ul-li-bg-black.png) no-repeat 0 9px;padding-left:16px;margin-left:40px}
   ul li ul li ul li {background:url(../img/ul-li-bg-red.png) no-repeat 0 9px;padding-left:16px;margin-left:40px}
   ul li ul li ul li ul li {background:url(../img/ul-li-bg-black.png) no-repeat 0 9px;padding-left:16px;margin-left:40px}
   
   /* formularova pole */
   form input.txt {height:17px;font-size:1.2em;background:#fff url(../img/input-txt-bg.png) repeat-x;padding:2px 2px 1px;border:1px solid #CBCBCB}

   /* odsazeni prvku v obsahu */
   .article p, .article ul {margin:0 0 20px}

/* pomocna navigace */
ul.usability {position:absolute;left:-99999px;top:auto;overflow:hidden}

/* obal */
.wrapper {width:959px;padding:30px 20px;margin:0 auto}

/* hlavicka */
.header {width:100%;height:135px}

/* hlavicka - logo */
.header a.top, .header a.top span {display:block;width:400px;height:35px;position:relative;overflow:hidden;border:0 none;cursor:pointer}
.header a.top span {position:absolute;top:0;left:0;background:url(../img/a-top-bg.png) no-repeat;overflow:hidden}

/* hlavicka - navigace */
.header ul.nav {padding:35px 0 0 0;float:left;margin:0}
.header ul.nav li {float:left;background:none;padding:0;margin:0}
.header ul.nav li a {font-size:1.3em;float:left;padding:11px 10px 12px;border:0 none;background:#f9f9f9;margin:0 10px 0 0;text-decoration:none}

.header ul.nav li a:hover, .header ul.nav li a.hover {color:#000;text-decoration:none;background:#fff}
.header ul.nav li a:hover span, .header ul.nav li a.hover span {border-bottom:1px solid #C5381F} 

/* hlavicka - vyhledavaci formular */
.header form {;float:right;width:160px;margin:30px 0 0;padding:8px 7px 10px}
.header form input.txt {width:122px}
.header form input.sub {margin-left:5px}
.header form.active {background:#fff}

/* drobeckova navigace */
p.breadcrumbs {font-size:1.1em;line-height:1}
p.breadcrumbs span {color:#c5381f}

/* homepage */
.hp .article {width:303px;float:left;font-size:1.3em;margin:0 25px 0 0}
.hp .article ul {margin:3px 0}
.hp .article.last {margin:0}

/* homepage - obrazkovy rozcestnik */
.image-nav li {float:left;margin:0 25px 25px 0;background:none;padding:0}
.image-nav li a {float:left;width:303px;height:190px;overflow:hidden;position:relative;border:none}
.image-nav li.last {margin:0 0 25px}
.image-nav li a span {display:block;width:303px;height:190px;position:absolute;top:0;left:0;background-position:0 0;cursor:pointer}
.image-nav li a:hover span {background-position:0 -190px}
.image-nav li a:hover {border:0 none}

.image-nav li.sko a span {background-image:url(../img/ul-sko-bg.jpg)}
.image-nav li.sko a:hover span {background-image:url(../img/ul-sko-bg.jpg)}
.image-nav li.adm a span {background-image:url(../img/ul-adm-bg.jpg)}
.image-nav li.adm a:hover span {background-image:url(../img/ul-adm-bg.jpg)}
.image-nav li.spo a span {background-image:url(../img/ul-spo-bg.jpg)}
.image-nav li.spo a:hover span {background-image:url(../img/ul-spo-bg.jpg)}
.image-nav li.byd a span {background-image:url(../img/ul-byd-bg.jpg)}
.image-nav li.byd a:hover span {background-image:url(../img/ul-byd-bg.jpg)}
.image-nav li.fas a span {background-image:url(../img/ul-fas-bg.jpg)}
.image-nav li.fas a:hover span {background-image:url(../img/ul-fas-bg.jpg)}
.image-nav li.pru a span {background-image:url(../img/ul-pru-bg.jpg)}
.image-nav li.pru a:hover span {background-image:url(../img/ul-pru-bg.jpg)}
.image-nav li.kom a span {background-image:url(../img/ul-kom-bg.jpg)}
.image-nav li.kom a:hover span {background-image:url(../img/ul-kom-bg.jpg)}
.image-nav li.zdr a span {background-image:url(../img/ul-zdr-bg.jpg)}
.image-nav li.zdr a:hover span {background-image:url(../img/ul-zdr-bg.jpg)}
.image-nav li.ost a span {background-image:url(../img/ul-ost-bg.jpg)}
.image-nav li.ost a:hover span {background-image:url(../img/ul-ost-bg.jpg)}

/* o spolecnosti */
.about .article {font-size:1.4em}
.about .article ul {margin:25px 0 25px 12px}
.about h2 {font-size:1em;font-weight:bold;text-transform:uppercase;color:#000;margin:25px 0}

/* ukazky realizaci */
.options {background:#F3F3F3 url(../img/options-bg.png) repeat;padding:20px 20px 14px;font-size:1.1em;margin:20px 0 40px}
.options ul {margin-bottom:0}
.options ul li {float:left;width:160px;margin:0 0 3px;;background:none;padding:0}
.options ul li label {padding:0 0 0 5px}
.options ul li.short {width:70px}

ul.buildings li {float:left;width:315px;margin:0 0 25px;font-size:1.3em;;background:none;padding:0}
ul.buildings li img {float:left;margin:0 25px 0 0}
ul.buildings li a {float:left;border:0 none;padding:5px 15px 5px 5px;line-height:1.4;}
ul.buildings li a:hover {background:#ccc; text-decoration: none; border: 0;line-height:1.4}
ul.buildings li a:visited {border: 0 none;;line-height:1.4}


/* ukazky realizaci - detail */
/*.detail .img-block {margin:25px 0}*/
.detail div#bigImage {margin:25px 0; position: relative; width: 960px; height: 480px; background:#F3F3F3 url(../img/options-bg.png) repeat; text-align: center;}
.detail img.float-l {margin:0 25px 15px 0}
.detail img.last {margin-right:0}


/* detail rollover */

.detail div#bigImage div#rollover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 86px;
  color: white;
  display: none;
}

.detail div#bigImage div#rollover div.projectName a.right {
  float: right;
  width: 86px;
  height: 86px;
  background: transparent url('./../img/sipkaright.png') no-repeat left top;
  display: block;
  border: 0;
}

.detail div#bigImage div#rollover div.projectName a.left {
  float: left;
  width: 86px;
  height: 86px;
  background: transparent url('./../img/sipkaleft.png') no-repeat left top;
  display: block;
  border: 0;
}

.detail div#bigImage div#rollover div.projectName a.left span, .detail div#bigImage div#rollover div.projectName a.right span {
  display: none;
}

.detail div#bigImage div#rollover div.projectName {
  width: 100%;
  height: 86px;
  background: transparent url('./../img/shadow.png') repeat-x left top;
  border: 0;
  line-height: 86px;
}

.detail div#bigImage div#rollover div.projectName div.title {
  float: left;
  height: 86px;
  width: 700px;
  padding-left: 25px;
  font-size: 4em;
  line-height: 86px;
}





.detail .article {width:303px;float:left;margin:0 25px 0 0;padding:25px 0}
.detail .article.last {margin:0}
.detail .article p {font-size:1.3em;margin:0}

/* iso */
.iso .article p {font-size:1.3em}
.iso .article ul li {font-size:1.3em}
.iso h1 {clear:none}
.iso .article {clear:both;padding:0 0 25px}
.iso .article img.float-r {margin-left:50px}

/* kontakty */
.kontakty .section {background:url(../img/contact-bg.jpg) no-repeat 0 40px}
.kontakty .section address, .kontakty .section table {font-size:1.3em}
.kontakty .section address {font-style:normal;line-height:1.5}
.kontakty .section table th {text-align:left;font-weight:normal}

.kontakty .section table th, .kontakty .section table td {padding:4px 3px 4px 0}
.kontakty .section table td {text-align:right;padding-left:30px}
.kontakty .article {width:303px;float:left;margin:0 25px 0 0;padding:300px 0 25px}
.kontakty .article.last {margin:0}
.kontakty .articlebig {padding:0 0 25x;}

/* vysledky vyhledavani */
.search .article {padding:0 0 25x}
.search .article strong {color:#E33517}
.search .article p {font-size:1.3em;margin:3px 0 0 25px}
.search .article p.result {font-size:1.4em;color:#999;font-weight:bold;margin:25px 0 50px}
.search p.anchor {margin:3px 0 0}
.search p.anchor a, .search .article .paging a {color:#999;border-color:#999}
.search .article .paging a {margin:0 3px}
.search p.anchor a:hover, .search .article .paging a:hover  {color:#E33517;border-color:#E33517}
.search .article .paging a.active {color:#E33517;border:0 none;font-weight:bold}
.search h4 {margin:25px 0 0}

.search .article .paging {margin:50px 0 0;font-size:1.4em}

/* nadpisy h1 */
h1.about {width:320px}
h1.about span {width:320px;background-position:0 0}

h1.strategy {width:320px}
h1.strategy span {width:320px;background-position:0 -50px}

h1.preview {width:320px}
h1.preview span {width:320px;background-position:0 -100px}

h1.srch {width:630px}
h1.srch span {width:630px;background-position:0 -150px}

h1.jakost {width:320px}
h1.jakost span {width:320px;background-position:0 -200px}

h1.envir {width:630px}
h1.envir span {width:630px;background-position:0 -250px}

/* nadpisy h2 */
h2.adm {width:240px}
h2.adm span {width:240px;background-position:0 -66px}

h2.kom {width:240px}
h2.kom span {width:240px;background-position:0 -88px}

h2.spo {width:240px}
h2.spo span {width:240px;background-position:0 0}

h2.byd {width:240px}
h2.byd span {width:240px;background-position:0 -110px}

h2.fas {width:240px}
h2.fas span {width:240px;background-position:0 -176px}

h2.pru {width:240px}
h2.pru span {width:240px;background-position:0 -132px}

h2.zdr {width:240px}
h2.zdr span {width:240px;background-position:0 -44px}

h2.ost {width:240px}
h2.ost span {width:240px;background-position:0 -154px}

h2.sko {width:240px}
h2.sko span {width:240px;background-position:0 -22px}

/* paticka */
.footer {clear:both;font-size:1.1em;padding: 25px 0 0 0}
.footer a.float-r {padding:3px 0 0}
.footer span span {color:#c5381f}

/* cistic */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}