/* Style.css */
/* body, */
/* Weight Height Float *//* header, pics */
/* Width *//* wrapper, */
/*Background-image*//* body, */
/* body, */
/* Text-transform *//* name-pics, header */
/* Font-size estreme-small */
/* Font-size small */
/* Font-size medium *//* header,  *//* Font-size large */
/* Font-size extreme-large */
/* _________________________________________ */
p,
ul,
li,
h1,
h2,
h3,
h4,
div,
span,
body,
form,
input,
table,
tr,
td {
  margin: 0;
  padding: 0;
}
html {
  overflow-y: scroll;
}
body {
  background: url("../img/graphics/bg-body.jpg") left top repeat-x;
  background-color: #d4d4d4;
  font-family: sans-serif;
  text-align: center;
}
.left {
  float: left;
}
.w-sto {
  width: 100%;
}
.fs-large {
  font-size: 24px !important;
}
#wrapper {
  width: 970px;
  margin: 10px auto 0;
  text-align: left;
}
#header {
  float: left;
  width: 100%;
  text-align: center;
}
#header #out {
  float: none;
  margin: auto;
  text-align: center;
  display:block;
  width: 100%;
}
#header #out h1 {
  display: none;
}
#header #out #logo {
  width: 130px;
  margin: auto;
  margin-top: 0px;
  display:block;
}
#header #info-slogan {
  float: right;
  font-size: 36px;
  margin: 5px 0 0 90px;
  font-style: normal;
  font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #aaa;
}
#header #info-slogan span span.slogan-normal {
  display: block;
  margin: 0px 0 0 60px;
  line-height: 35px;
  height: 70px;
  width: 320px;
  overflow: hidden;
  text-align: justify;
}

#header #info-slogan img {
  float: left;
  margin: 5px 0 0 35px;
}
#header #lang {
  font-size: 14px;
  float: right;
  font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
  margin: 35px 0 0;
  display none;
}
#header #lang a, #header #lang span {
  color: #151515;
  letter-spacing: 0px;
  text-decoration: none;
  border-bottom: 1px solid #151515;
  padding-bottom: 1px;
}
#header #lang a:hover {
  color: red;
  border-bottom-color: red;
}
#header #lang span {
  color: #B7B7B7;
  border-bottom: none;
}
#header #bl-space {
  background: #151515;
  width: 100%;
  height: 10px;
  float: left;
}
#header ul {
  list-style: none;
  width: 739px;
  height: 49px;
  float: right;
  padding-left: 17px;
  margin: 10px 0 0;
  background: url("../img/graphics/bg-menu.png") left top no-repeat;
}
#header ul li {
  display: inline;
}
#header ul li a {
  display: block;
  width: 118px;
  height: 41px;
  float: left;
  padding-top: 19px;
  margin-right: 4px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
#header ul li a:hover, #header ul li .a-now {
  background: url("../img/graphics/bg-a.png") left top no-repeat;
  z-index: 2;
  position: relative;
}
#pics {
  width: 100%;
  height: 517px;
  float: left;
  margin-top: 0px;
  position: relative;
}
#pics .caption, #pics .caption span {
  float: left;
  position: relative;
  top: -100px;
  left: 30px;
  font-size: 48px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 1px 1px 1px #aaa;
  background-color: transparent;
}
#pics .caption span {
  font-size: 28px;
  color: #eee;
  left: 0;
  top: -5px;
}
#pics .prev, #pics .next {
  display: block;
  width: 19px;
  height: 42px;
  float: left;
  background: url("../img/graphics/arrow-left.png") left top no-repeat;
  position: relative;
  top: -220px;
  left: -19px;
}
#pics .next {
  background: url("../img/graphics/arrow-right.png") right top no-repeat;
  left: 951px;
}
#pics a.prev:hover {
  background-position: left bottom;
}
#pics a.next:hover {
  background-position: right bottom;
}
#pics #slides {
  position: relative;
  z-index: -1;
}
#pics .slides_container {
  width: 970px;
  overflow: hidden;
  position: relative;
  display: none;
}
#pics .slides_container a {
  width: 970px;
  height: 517px;
  display: block;
}
#pics .slides_container a img {
  display: block;
}
#pics .slides_container div.slide {
  width: 970px;
  height: 517px;
  display: block;
}
#pics #ref a {
  display: block;
  width: 297px;
  height: 517px;
  float: left;
  border-right: 3px solid #151515;
  text-align: center;
}
#pics #ref a span {
  display: block;
  width: 100%;
  float: left;
  color: #151515;
  font-size: 48px;
  text-decoration: none;
  background-color: #fff;
  opacity: 0.7;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 0;
}
#pics #ref a.a-now span, #pics #ref a:hover span {
  background-color: #f00;
  text-decoration: underline;
}
#pics #ref a.a-now span {
  text-decoration: none;
}
#pics #ref a#byt-stv {
  background: url("../img/graphics/byt-stv.jpg") left top no-repeat;
}
#pics #ref a#obc-stv {
  background: url("../img/graphics/obc-stv.jpg") left top no-repeat;
  border-left: 3px solid #151515;
}
#pics #ref a#obc-stv span {
  margin-top: 200px;
}
#pics #ref a#prum-stv {
  background: url("../img/graphics/prum-stv.jpg") left top no-repeat;
  width: 364px;
  border-right: none;
  border-left: 3px solid #151515;
}
#pics #ref a#prum-stv span {
  margin-top: 380px;
}
#certificates {
  width: 500px;
  height: 706px;
  float: left;
  margin: 30px 0 0 235px;
  position: relative;
  box-shadow: 0px 5px 10px #aaa;
}
#certificates .caption {
  float: left;
  position: relative;
  top: -70px;
  left: -12px;
  font-size: 36px;
  opacity: 0.7;
  color: #151515;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #aaa;
  background-color: transparent;
  border-top: 1px solid #d4d4d4;
}
#certificates .caption p {
  width: 512px;
  background: #fff;
  text-align: center;
}
#certificates .prev, #certificates .next {
  display: block;
  width: 19px;
  height: 42px;
  float: left;
  background: url("../img/graphics/arrow-left.png") left top no-repeat;
  position: relative;
  top: -360px;
  left: -19px;
}
#certificates .next {
  background: url("../img/graphics/arrow-right.png") right top no-repeat;
  left: 481px;
}
#certificates a.prev:hover {
  background-position: left bottom;
}
#certificates a.next:hover {
  background-position: right bottom;
}
#certificates #slides {
  position: relative;
  z-index: 1;
}
#certificates .slides_container {
  width: 500px;
  overflow: hidden;
  position: relative;
  display: none;
}
#certificates .slides_container a {
  width: 500px;
  height: 706px;
  display: block;
}
#certificates .slides_container a img {
  display: block;
}
#certificates .slides_container div.slide {
  width: 500px;
  height: 706px;
  display: block;
}
#content {
  float: left;
  width: 100%;
  background: url("../img/graphics/bg-content.png") left bottom repeat-x;
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
#content #left-cl {
  float: left;
  width: 795px;
}
#content #submenu, #content #nase-cinnost {
  list-style: none;
  width: 100%;
  height: 30px;
  float: left;
  background-color: #151515;
  margin-left: 0;
  line-height: normal;
}
#content #submenu li, #content #nase-cinnost li {
  display: inline;
}
#content #submenu li a, #content #nase-cinnost li a {
  display: block;
  float: left;
  padding-top: 7px;
  text-transform: uppercase;
  text-decoration: none;
  color: #cccccc;
  font-size: 14px;
  margin: 0 30px 10px;
}
#content #submenu li a:hover,
#content #nase-cinnost li a:hover,
#content #submenu li a.a-now,
#content #nase-cinnost li a.a-now {
  text-decoration: underline;
  color: #fff;
}
#content #nase-cinnost {
  height: 65px;
  margin-bottom: 20px;
}
#content #nase-cinnost li a {
  margin: 0 17px 10px;
}
#content #nase-cinnost li#stavebni-prace a {
  
}
#content #nase-cinnost li#vzduchotechnika a {
  margin-left: 90px;
}
#content #nase-cinnost li#realizacni-proces a {
  
}
#content #nase-cinnost li#servis a {
  margin-left: 120px;
}
#content a {
  color: navy;
}
#content a:hover {
  color: #6666ce;
}
#content h2 {
  color: #D82B2B;/* zelena #286546*/
  text-transform: uppercase;
  font-size: 36px;
  width: 95%;
  margin: 70px 0 10px 2.5%;
  border-bottom: 1px solid #d4d4d4;
  font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
}
#content h2.index-page {margin-top: 10px}
#content h3 {
  color: #004697;
  margin-left: 2.5%;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 10px;
  font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
}
#content h4 {
  color: #151515;
  width: 95%;
  font-size: 14px;
  font-weight: bolder;
  color: #002A78;
  margin: 8px 0 10px 2.5%;
}
#content h2.center, #content h3.center, #content h4.center {
  text-align: center;
}
#content h3.fs-l {
  margin: 50px 0 20px;
}
#content h3.h3-category {/*reference*/
  margin-top: 0px;
  color: #1D1E1D;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 24px;
  width: 52%;
  display: block;
  font-family:Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
  font-weight: bold;
  border-left: 0px solid #286546;
  font-style: normal;
  overflow: hidden;
}

#content h3.h3-category:first-letter {
  border-left: 17px solid #D82B2B;
  padding-left: 10px;
}

#content p {
  width: 95%;
  margin: 0 0 15px 2.5%;
  line-height: 1.8em;
  font-family: 'Istok Web', 'Trebuchet MS', sans-serif ;
  text-align: left;
  font-size: 16px;
}
#content p + p {
  text-indent: 1.5em;
}
#content p.adress {
  line-height: 1.2em;
}
#content ul {
  margin-left: 7%;
  line-height: 25px;
  font-size: 14px;
  list-style-type: square;
}
#content ul a {
  color: navy;
  font-weight: bold;
}
#content ul a:hover {
  color: #f00;
}
#content #actual {
  width: 175px;
  height: auto;
  padding-bottom: 80px;
  float: right;
  background-color: #151515;
  margin-top: -55px;
  text-align: center;
  z-index: 1;
}
#content #actual h4 {
  text-transform: uppercase;
  color: #ccc;
  font-size: 24px;
  font-style: normal;
  width: 100%;
  margin: 10px 0 0 0;
  border-top: none;
  padding-top: 0;
}
#content .actual-index {text-align: left;}
#content .actual-index a:first-line {}
#content .actual-index a {
  display: block;
  width: 80%;
  margin: 20px 0 0 10%;
  text-decoration: none;
  text-transform: uppercase;
  color: #ebebeb;
  font-weight: bold;
  border-left: 10px solid #6F6D69;
  text-align: left;
  padding: 0 0 0 2.5%;
  font-family: 'Trebuchet MS';
  letter-spacing: 1px;
  font-size: 12px;
  text-indent: -5px;
}
#content .actual-index a:hover {
  color: #fff;
  background-color: #222;
  border-color: #D82B2B;
}
#content .article ul {
  margin: 5px 0 10px 7%;
  width: 86%;
  text-align: justify;
}
#content .article .smaller-content {
  width: 80%;
  margin-left: 10%;
}
#content .article .smaller-content p {
  border-bottom: 1px dashed #000;
  font-size: 14px;
}
#content .article .stavby-new {
  float: left;
  width: 970px;
  margin: 60px 0 100px;
}

#content .article .stavby-new-null {margin-top: 50px; margin-bottom: 0;}

#content .article .stavby-new .container, #content .article .stavby-new .container-odd {
  width: 400px;
  height: 205px;
  float: left;
  overflow: hidden;
  background-image: none;
  margin-top: 0;
  position: relative;
  z-index: 1;
  top: -20px;
  left: 0;
}
#content .article .stavby-new .container img, #content .article .stavby-new .container-odd img {
  width: 100%;
  float: left;
  margin-top: -15px;
}
#content .article .stavby-new div {
  float: left;
  width: 970px;
  height: 265px;
  background: url("../img/graphics/item-bg-black.png") left bottom no-repeat;
  margin-top: -250px;
  position: relative;
  z-index: 5;
}
#content .article .stavby-new div .container {
  width: 400px;
  float: left;
  height: 205px;
}
#content .article .stavby-new div h3 {
  color: #fff;
  float: left;
  overflow: hidden;
  font-size: 22px;
  max-width: 47%;
  font-weight: bold;
  text-transform: none;
  line-height: 28px;
  margin: 85px 0 25px 5%;
}
#content .article .stavby-new div p {
  width: 49%;
  height: 75px;
  float: left;
  margin-left: 5%;
  color: #fff;
  overflow: auto;
}
#content .article .stavby-new div p strong {
  color: #d4d4d4;
  padding-right: 5px;
}
#content .article .stavby-new .container-odd {
  float: right;
  margin-top: -20px;
  top: 0px;
}
#content .article .stavby-new .odd {
  background: url("../img/graphics/item-bg-grey.png") left bottom no-repeat;
  float: right;
  height: 265px;
  margin-top: -243px;
}
#content .article .stavby-new .odd .container {
  float: right;
}
#content .article .stavby-new .odd h3 {
  margin-top: 70px;
}
#content .article .stavby-new .odd h3, #content .article .stavby-new .odd p {
  color: #151515;
  margin-left: 8%;
}
#content .article .stavby-new .odd h3 strong, #content .article .stavby-new .odd p strong {
  color: #000000;
}

#content .article .stavby {
  float: left;
  width: 940px;
  margin: 0 0 40px 30px;
  /*Starééééé*/

}
#content .article .stavby div {
  float: left;
  margin-bottom: 20px;
}
#content .article .stavby div a {
  display: block;
  float: left;
  width: 290px;
  text-decoration: none;
}
#content .article .stavby div a img {
  width: 288px;
  height: 205px;
  border: 1px solid #151515;
  border-top-width: 7px;
  border-bottom: none;
}
#content .article .stavby div a span {
  text-decoration: underline;
  font-weight: bold;
  color: #fff;
  display: block;
  width: 100%;
  height: 20px;
  overflow: hidden;
  line-height: 22px;
  background-color: #151515;
  padding: 5px 0;
  margin-top: -4px;
  text-align: center;
}
#content .article .stavby div a:hover {
  border-color: #286546;
}
#content .article .stavby div a:hover span {
  background-color: #286546;
  color: #fff;
  text-decoration: none;
}
#content .article .stavby div a.middle {
  margin: 0 20px;
}
#content .article #organizace-spolecnosti {
  float: left;
  width: 890px;
  text-align: center;
  margin-left: 23px;
  background: url("../img/graphics/bg-organizace-spolecnosti.png") 0px 55px no-repeat;
}
#content .article #organizace-spolecnosti img {
  position: relative;
  z-index: 2;
  top: -70px;
  left: 150px;
  height: 100px;
}
#content .article #organizace-spolecnosti .org {
  padding: 17px;
  width: 115px;
  margin: auto;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
#content .article #organizace-spolecnosti .black {
  background-color: #151515;
  float: right;
  margin-bottom: 50px;
}
#content .article #organizace-spolecnosti .vedeni {
  font-size: 16px;
  width: 135px;
  margin-left: 382px;
}
#content .article #organizace-spolecnosti .center {
  float: none;
}
#content .article #organizace-spolecnosti #cleneni .org {
  font-size: 14px;
  padding: 15px 7px;
  width: 120px;
}
#content .article #organizace-spolecnosti #cleneni .black {
  height: 50px;
  margin-bottom: 30px;
}
#content .article #organizace-spolecnosti #cleneni .green {
  background-color: #286546;
  width: 105px;
  float: right;
  margin-bottom: 20px;
  padding: 7px 7px;
}
#content .article #organizace-spolecnosti td {
  width: 130px;
  vertical-align: top;
}
#content .ar-left {
  float: left;
  width: 300px;
  margin-left: 2.5%;
}
#content .ar-right {
  float: right;
  width: 500px;
  margin-right: 2.5%;
}
#content .ar-right p {
  margin-left: 0;
}
#content .ar-right h3 {
  margin-left: 0;
}
#content .img-style img {
  margin-left: 2.5%;
  border: 2px solid #d4d4d4;
  margin-right: 15px;
  box-shadow: 0px 5px 10px #aaa;
}
#content .dot {
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}
#box-1, #box-2 {
  width: 340px;
  height: auto;
  float: right;
  position: relative;
  top: -220px;
  right: 20px;
  background-color: #151515;
  padding: 8px 5px 10px 10px;
}
#box-1 h4, #box-2 h4 {
  text-transform: uppercase;
  color: #999;
  font-size: 24px;
  letter-spacing: 1px;
  margin-left: 5px;
}
#box-1 p, #box-2 p {
  color: #fff;
  font-size: 16px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 1.5em;
}
#box-2 {
  background-color: #286546;
  top: -80px;
  right: -335px;
}
#box-2 h4 {
  color: #fff;
}
#footer {
  width: 100%;
  height: 35px;
  float: left;
  background-color: #151515;
  font-size: 12px;
  color: #999;
  text-align: right;
}
#footer p {
  margin: 11px 20px 0 0;
}
#footer a {
  text-decoration: none;
  color: #ffffff;
  color: #999;
}
#footer a:hover {
  text-decoration: underline;
  color: #fff;
}
/* SPECIFICS */
#company-logos {
  margin-left: 2.5%;
  width: 95%;
  border: 1px solid #d4d4d4;
  padding: 5px 0;
}
#company-logos img {
  width: 100px;
  opacity: 0.4;
  margin-right: 13px;
}
#company-logos img:hover {
  opacity: 1;
}
#company-logos a.last img {
  margin-right: 0;
}
#contact-table {
  width: 90%;
  float: left;
  margin-left: 5%;
  font-size: 12px;
}
#contact-table strong {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}
#contact-table td {
  padding: 10px 0 5px 15px;
}
#contact-table tr:hover {
  background-color: #e6edf4;
}
#contact-table tr span {
  color: #aaa;
}
#contact-table .table-bg, #contact-table .table-bg:hover {
  background-color: #151515;
}
#contact-table .table-bg td, #contact-table .table-bg:hover td {
  padding: 7px 0 7px 15px;
}

/*KOTLE HERZ*/
.herz ul.h-nav {width:97%!important; margin-left:22px!important}
.herz .h-nav li {list-style: none; display: block; float: left;}
  .herz .h-nav li:first-child {margin-left: 33%;}
.herz .h-nav-line li:first-child {margin-left: 0;}
  #content .herz .h-nav-line .caption {display: inline; margin-right: 100px; float:left; width: 37%; padding: 0; margin: -3px 0 0;}
  #content .herz .h-nav-line .caption h2 {font-size: 20px; display: inline; border: none; padding: 0; margin: 0 0 0;}
.herz .tabs-left .h-nav {padding: 0; margin: 0}
  .herz .tabs-left .h-nav .active a {color: #151515!important; background: #ccc}
  .herz .tabs-left .h-nav a:hover {background: #ccc}
  .herz .tab-content .span2 a,
  .herz .tab-content .span3 a {
    /*display: block; 
    border: 1px solid #ccc; 
    padding: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;*/
  }
.herz .h-nav-2 li {list-style: none;}
  .herz .h-nav-2 a {padding: 5px 20px; border-left-color:#C0BFBD; border-top-color:#C0BFBD; border-right-color:#C0BFBD}
  .herz .h-nav-2 .active a {color: #151515!important;}
  .herz .h-nav-2 a:hover, .herz .h-nav-2 .active a {background-color: #C0BFBD; border-left-color:#C0BFBD; border-top-color:#C0BFBD; border-right-color:#C0BFBD; color: #fff!important;border-bottom: 1px solid #C0BFBD;}
  .herz ul.h-nav-2 {border-bottom: 5px solid #C0BFBD;width:97%!important; margin-left:22px!important}
  .herz .h-nav-2-cont {
    border: 1px solid #C0BFBD;
    width:96.8%!important;
    margin-left:22px!important;
    margin-top: -10px;
    padding-top: 10px;
    padding-bottom: 20px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }
.herz ul.h-nav-2 > li > a {
  -webkit-border-radius: 7px 7px 0 0;
     -moz-border-radius: 7px 7px 0 0;
          border-radius: 7px 7px 0 0;
}
  .herz ul.unstyled li {list-style: none }

.h-vykon div p {display: block; text-align: center!important;}
.h-vykon-right div p {text-align: right!important;}
.progress {height: 20px!important; }
#content h3.normal {font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; color:#000; font-style: normal;}
.b-red {border:1px solid red;}
#content p.lead {font-size: 18px;}
  #content ul.lead li {line-height: 32px; font-size: 18px;}
.text-justify {text-align: justify!important;}

.herz-v-menu a {
  width: auto;
  float: right;
  text-align: center;
  padding: 0px 15px 0px;
  background: transparent;
  color:#999;
  position: relative;
  right: 0px;
  top:10px;
  text-transform: uppercase;
  font-weight: bold;
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;*/
  font-size: 14px;
  vertical-align: middle;
  text-decoration: none;
  line-height: 20px;
  margin-left: 20px;
  border-bottom: 2px solid transparent;
}
.herz-v-menu a:hover, .herz-v-menu a.active {background-color: transparent; color:#999;border-color:#ddd;}

.herz-v-menu a img {height: 20px; margin-top: 0px; float:right;}

.table-full {width: 100%; text-align: center;}
.menu-icon {padding: 20px; background-color: #000; color: #fff;margin:10px;}