body
{
  margin:0;
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  font-size: 0.9em;
  background:url(../files/images/layout/bg-body.png) left top repeat-x #8f2527;
  color:#505050;
}
* {
  padding: 0;
  margin: 0;
  border: 0px none;
}


.clear { display: inline-block; }   
.clear:after, .container:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }
.hidden {display:none;}

.invisible {
  position:absolute;
  top:-2000px;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
br.clear {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
  overflow:hidden;
  display:block;
}

.right {
  text-align:right;
}
.center {
  text-align:center;
}
.vetsi-pismo {
  font-size:1.1em;
}


/*Page*/
#page {
  width:960px;
  margin:0px auto;
  text-align:left;
}
/*Page*/

/*Main-menu*/
#main-menu {
  background:url(../files/images/layout/bg-main-menu.png) left top repeat-x;
  height:52px;
}
#main-menu ul li{
  float:left;
  list-style-type:none;
}
#main-menu ul li a{
  height:52px;
  float:left;
  overflow:hidden;
  width:152px;
  text-align:center;
  overflow:hidden;
  padding:0px 4px;
  color:#ffffff;
  text-decoration:none;
  line-height:52px;
  font-size:1.05em;
}
#main-menu ul li a:hover{
  color:#bd8e8e;
  background:url(../files/images/layout/bg-main-menu-hover.png) center bottom no-repeat;
}
#main-menu ul li.act a, #main-menu ul li.act a:hover{
  background:url(../files/images/layout/bg-main-menu-act.png) center bottom no-repeat;
  color:#ffffff;
}
/*Main-menu*/

/*Header*/
#header {
  position:relative;
  height:167px;
  background:url(../files/images/layout/bg-header.jpg) left top no-repeat;
  margin-top:1px;
  margin-left:1px;
}

/*Logo*/
#logo-box {
  position:absolute;
  top:14px;
  left:352px;
}
a.logo{
  color:#efefef;
  font-size:1.3em;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:258px;
  height:77px;
  text-align:center;
}
a.logo span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/logo.png) left top no-repeat;
  width:258px;
  height:77px;
}
a.logo strong{
  color:#ffffff;
  font-size:1.5em;
  display:block;
}
/*Logo*/
/*Flash-header*/
#flash-header {
  position:absolute;
  width:317px;
  height:167px;
  overflow:hidden;
  top:0px;
  right:0px;
  background:url(../files/images/layout/bg-header-kontakt.png) left top no-repeat;
}
#flash-header p {
  position:relative;
  top:30px;
  left:70px;
  font-weight: bold;
  line-height: 30px;
}
#flash-header * {
  color: #fff;
}
#flash-header a:hover {
  color: #bbb;
}
/*Flash-header*/

/*H1 nadpisy*/
#header #h1-zalozka {
  position:absolute;
  bottom:1px;
  left:20px;
  height:22px;
  overflow:hidden;
}
#h1-zalozka h1{
  color:#8f2527;
  font-size:0.8em;
  display:block;
  position:relative;
  overflow:hidden;
  height:22px;
  padding:0px 8px;
}
#h1-zalozka h1 span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:22px;
}
#h1-zalozka h1#h1-uvod {
  width:487px;
}
#h1-zalozka h1#h1-uvod span{
  width:487px;
  background:url(../files/images/layout/h1-uvod-big.png) left top no-repeat;
}
#h1-zalozka h1#h1-co-delame {
  width:112px;
}
#h1-zalozka h1#h1-co-delame span{
  width:112px;
  background:url(../files/images/layout/h1-co-delame.png) left top no-repeat;
}
#h1-zalozka h1#h1-akcni-nabidka {
  width:142px;
}
#h1-zalozka h1#h1-akcni-nabidka span{
  width:142px;
  background:url(../files/images/layout/h1-akcni-nabidka.png) left top no-repeat;
}
#h1-zalozka h1#h1-vzorniky {
  width:112px;
}
#h1-zalozka h1#h1-vzorniky span{
  width:112px;
  background:url(../files/images/layout/h1-vzorniky.png) left top no-repeat;
}
#h1-zalozka h1#h1-fotogalerie {
  width:121px;
}
#h1-zalozka h1#h1-fotogalerie span{
  width:121px;
  background:url(../files/images/layout/h1-fotogalerie.png) left top no-repeat;
}
#h1-zalozka h1#h1-postup-stavby {
  width:143px;
}
#h1-zalozka h1#h1-postup-stavby span{
  width:143px;
  background:url(../files/images/layout/h1-postup-stavby.png) left top no-repeat;
}
#h1-zalozka h1#h1-kontakt {
  width:112px;
}
#h1-zalozka h1#h1-kontakt span{
  width:112px;
  background:url(../files/images/layout/h1-kontakt.png) left top no-repeat;
}



#h1-zalozka div{
  color:#8f2527;
  font-size:0.8em;
  display:block;
  position:relative;
  overflow:hidden;
  height:22px;
  padding:0px 8px;
}
#h1-zalozka div span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:22px;
}
#h1-zalozka div#h1-uvod {
  width:112px;
}
#h1-zalozka div#h1-uvod span{
  width:112px;
  background:url(../files/images/layout/h1-uvod.png) left top no-repeat;
}
#h1-zalozka div#h1-co-delame {
  width:112px;
}
#h1-zalozka div#h1-co-delame span{
  width:112px;
  background:url(../files/images/layout/h1-co-delame.png) left top no-repeat;
}
#h1-zalozka div#h1-akcni-nabidka {
  width:142px;
}
#h1-zalozka div#h1-akcni-nabidka span{
  width:142px;
  background:url(../files/images/layout/h1-akcni-nabidka.png) left top no-repeat;
}
#h1-zalozka div#h1-vzorniky {
  width:112px;
}
#h1-zalozka div#h1-vzorniky span{
  width:112px;
  background:url(../files/images/layout/h1-vzorniky.png) left top no-repeat;
}
#h1-zalozka div#h1-fotogalerie {
  width:121px;
}
#h1-zalozka div#h1-fotogalerie span{
  width:121px;
  background:url(../files/images/layout/h1-fotogalerie.png) left top no-repeat;
}
#h1-zalozka div#h1-postup-stavby {
  width:143px;
}
#h1-zalozka div#h1-postup-stavby span{
  width:143px;
  background:url(../files/images/layout/h1-postup-stavby.png) left top no-repeat;
}
#h1-zalozka div#h1-kontakt {
  width:112px;
}
#h1-zalozka div#h1-kontakt span{
  width:112px;
  background:url(../files/images/layout/h1-kontakt.png) left top no-repeat;
}
/*H1 nadpisy*/
/*Header*/

/*Content*/
#content {
  border-left:1px solid #531517;
  margin-left:1px;
  background:#ffffff;
  padding:17px 8px;
  font-size:0.9em;
  min-height:400px;
  _height:400px;
}
#content p{
  line-height:1.3em;
}
#content a{
  color:#8f2527;
}
#content a:hover{
  color:#505050;
}
#content .red{
  color:#8f2527;
}
#content p{
  padding:0.5em 0em;
}
#content h4{
  font-size:1.4em;
  font-weight:normal;
  padding:5px 0em;
}
#content h3{
  color:#8f2527;
  font-size:1.4em;
  font-weight:normal;
  padding:5px 0em;
}

/*Content table*/
#content table {
  border-collapse:collapse;
  width:100%;
  margin:0.5em 0em;
}
#content table td, #content table th{
  text-align:center;
  padding:4px 5px;
}
#content table th {
  border-right:1px solid #ffffff;
  background-color:#8f2527;
  color:#ffffff;
  font-weight:bold;
}
#content table th.last {
  border-right:1px solid #505050;
}
#content table td {
  border:1px solid #505050;
  background-color:#f5f5f5;
  font-weight:bold;
}
#content table td.bile {
  background-color:white;
}
/*Content table*/
/*Content*/

/*Content2*/
#content2 {
  font-size:0.9em;
  background:url(../files/images/layout/bg-content2.png) left top no-repeat #8f2527;
  margin-left:1px;
  padding:55px 20px 0px 20px;
  color:#ffffff;
}
#content2 p{
  line-height:1.3em;
}
/*zalozka*/
#content2 #content2-zalozka {
  position:relative;
  top:-60px;
  left:0px;
  height:25px;
  overflow:hidden;
}
#content2 #content2-zalozka h1{
  color:#ffffff;
  font-size:0.8em;
  display:block;
  position:relative;
  overflow:hidden;
  height:25px;
}
#content2 #content2-zalozka h1 span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:25px;
}
#content2 #content2-zalozka h1#h1-content2-sluzby {
  width:112px;
}
#content2 #content2-zalozka h1#h1-content2-sluzby span{
  width:112px;
  background:url(../files/images/layout/bg-content2-zalozka-sluzby.png) left top no-repeat #8f2527;
}
#content2 #content2-zalozka h2#h2-content2-ukazky {
  width:164px;
  height:26px;
}
#content2 #content2-zalozka h2#h1-content2-ukazky {
  width:164px;
  height:26px;
}
#content2 #content2-zalozka h1#h1-content2-ukazky span{
  width:164px;
  height:26px;
  background:url(../files/images/layout/bg-content2-zalozka-ukazky.png) left top no-repeat #8f2527;
}


#content2 #content2-zalozka h2{
  color:#ffffff;
  font-size:0.8em;
  display:block;
  position:relative;
  overflow:hidden;
  height:25px;
}
#content2 #content2-zalozka h2 span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:25px;
}
#content2 #content2-zalozka h2#h1-content2-sluzby {
  width:112px;
}
#content2 #content2-zalozka h2#h1-content2-sluzby span{
  width:112px;
  background:url(../files/images/layout/bg-content2-zalozka-sluzby.png) left top no-repeat #8f2527;
}
#content2 #content2-zalozka h2#h1-content2-ukazky {
  width:164px;
  height:26px;
}
#content2 #content2-zalozka h2#h1-content2-ukazky span{
  width:164px;
  height:26px;
  background:url(../files/images/layout/bg-content2-zalozka-ukazky.png) left top no-repeat #8f2527;
}

/*zalozka*/
/*Box-info*/
#content2 #box-info {
  background:url(../files/images/layout/bg-box-info.png) left top repeat-y #cdcdcd;
}
#content2 #box-info #box-info-top {
  background:url(../files/images/layout/bg-box-info-top.png) left top no-repeat;
  height:9px;
  overflow:hidden;
}
#content2 #box-info #box-info-center {
  background:url(../files/images/layout/bg-box-info-center.png) left top no-repeat;
  min-height:36px;
  _height:36px;
  padding:3px 106px 3px 30px;
  font-size:1.4em;
  font-weight:bold;
  color:#505050;
}
#content2 #box-info #box-info-center p{
  padding:0em;
}
#content2 #box-info #box-info-bottom {
  background:url(../files/images/layout/bg-box-info-bottom.png) left top no-repeat;
  height:9px;
  overflow:hidden;
}
/*Box-info*/
/*Content2-text*/
#content2-text {
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  margin:26px 0px 26px 0px;
  padding:30px 0px;
  position:relative;
  width:100%;
}
#content2-text .left-column, #content2-text .right-column{
  width:450px;
}
#content2-text .left-column {
  float:left;
}
#content2-text .right-column {
  margin-left:466px;
}
/*Content2-text*/
#content2-top a{
  display:block;
  width:40px;
  height:16px;
  background:url(../files/images/layout/bg-content2-top.png) left top no-repeat;
  float:right;
}
#content2 h2{
  font-size:1.5em;
  font-weight:normal;
  padding:0.6em 0em;
}
#content2 p{
  padding:0.5em 0em;
}
#content2 p#content2-top {
  text-align:right;
  padding-bottom:0em;
}
/*box-content2-ukazky*/
#content2 .box-content2-ukazky, #content2 .box-content2-ukazky-right {
  width:220px;
  float:left;
  margin-top:-30px;
  margin-right:9px;
  margin-bottom:50px;
}
#content2 .box-content2-ukazky-right {
  margin-right:0px;
}
#content2 .box-content2-ukazky .foto, #content2 .box-content2-ukazky-right .foto{
  padding:4px 0px 6px 0px;
}
#content2 .box-content2-ukazky .foto img, #content2 .box-content2-ukazky-right .foto img{
  border:3px solid #ffffff;
}
/*box-content2-ukazky*/
/*Content2*/

/*Footer*/
#footer {
  background:url(../files/images/layout/bg-footer.png) left top repeat-x #ededed;
  font-size:0.9em;
}
#footer-in {
  width:922px;
  margin:0px auto;
  text-align:left;
  padding:30px 0px;
}
#footer-in a{
  color:#505050;
}
#footer-in a:hover{
  color:#8f2527;
}
#footer-in #webdesign {
  float:right;
}
#footer-in ul {
  padding-bottom:18px;
}
#footer-in ul li{
  list-style-type:none;
  display:inline;
  padding-right:10px;
}
/*Footer*/


/**********Index-page**********/
/*Index-boxik*/
.index-boxik {
  width:280px;
  padding:0px 11px 11px 11px;
  background:url(../files/images/layout/bg-index-box.png) left top no-repeat;
  float:left;
  margin-right:18px;
  position:relative;
}
#ib-kachlove-sporaky, #ib-teplovod-rozvod {
  margin-right:-3px;
}
/*Nadpisy-boxik*/
.index-boxik h2{
  color:#ffffff;
  font-size:1.1em;
  display:block;
  position:relative;
  overflow:hidden;
  height:27px;
  width:280px;
  line-height:1.7em;
  text-align:center;
}
.index-boxik h2 span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:27px;
  width:280px;
}
#ib-otevrene-krby h2 span{
  background:url(../files/images/layout/bg-ib-otevrene-krby.png) left top no-repeat;
}
#ib-pece-pizza h2 span{
  background:url(../files/images/layout/bg-ib-pece-pizza.png) left top no-repeat;
}
#ib-kachlove-sporaky h2 span{
  background:url(../files/images/layout/bg-ib-kachlove-sporaky.png) left top no-repeat;
}
#ib-pokojova-kamna h2 span{
  background:url(../files/images/layout/bg-ib-pokojova-kamna.png) left top no-repeat;
}
#ib-teplovzd-rozvod h2 span{
  background:url(../files/images/layout/bg-ib-teplovzd-rozvod.png) left top no-repeat;
}
#ib-teplovod-rozvod h2 span{
  background:url(../files/images/layout/bg-ib-teplovod-rozvod.png) left top no-repeat;
}
/*Nadpisy-boxik*/
/*Fotky-boxik*/
.index-boxik .foto {
  position:absolute;
  left:11px;
  top:40px;
}
.index-boxik .foto a{
  display:block;
  width:280px;
  height:135px;
}
#ib-otevrene-krby .foto a{
  background:url(../files/images/layout/ib-foto-otevrene-krby.jpg) left top no-repeat;
}
#ib-pece-pizza .foto a{
  background:url(../files/images/layout/ib-foto-pece-pizza.jpg) left top no-repeat;
}
#ib-kachlove-sporaky .foto a{
  background:url(../files/images/layout/ib-foto-kachlove-sporaky.jpg) left top no-repeat;
}
#ib-pokojova-kamna .foto a{
  background:url(../files/images/layout/ib-foto-pokojova-kamna.jpg) left top no-repeat;
}
#ib-teplovzd-rozvod .foto a{
  background:url(../files/images/layout/ib-foto-teplovzd-rozvod.jpg) left top no-repeat;
}
#ib-teplovod-rozvod .foto a{
  background:url(../files/images/layout/ib-foto-teplovod-rozvod.jpg) left top no-repeat;
}
/*Fotky-boxik*/
.index-boxik .text{
  padding:160px 11px 5px 11px;
}
.index-boxik .text ul li{
  list-style-type:none;
  line-height:1.3em;
  padding:4px 0px;
}
/*Index-boxik*/
/**********Index-page**********/

/**********Content-page**********/
/*UL.bigger-red*/
.bigger-red ul {
  font-size:1.1em;
  list-style-type:disc;
  padding-left:20px;
  font-weight:bold;
  color:#8f2527;
}
.bigger-red ul li{
  line-height:1.3em;
  padding-bottom:0.7em;
}
/*UL.bigger-red*/
/**********Content-page**********/


/**********Box-full**********/
.box-full {
  background:url(../files/images/layout/bg-box-full.png) left top no-repeat;
  padding:0px 18px 18px 18px;
}
.box-full h1{
  color:#ffffff;
  font-size:1.1em;
  overflow:hidden;
  height:27px;
  text-align:center;
  line-height:26px;
  text-align:center;
  margin-bottom:19px;
}
.box-full h2{
  color:#ffffff;
  font-size:1.1em;
  overflow:hidden;
  height:27px;
  text-align:center;
  line-height:26px;
  text-align:center;
  margin-bottom:19px;
}
/**********Box-full**********/
/**********Box-half**********/
.box-half, .box-half-pravy {
  background:url(../files/images/layout/bg-box-half.png) left top no-repeat;
  padding:0px 18px 18px 18px;
  width:426px;
  float:left;
  margin-right:18px;
}
.box-half-pravy {
  margin-right:0px;
}
.box-half h2, .box-half-pravy h2{
  color:#ffffff;
  font-size:1.1em;
  overflow:hidden;
  height:27px;
  text-align:center;
  line-height:26px;
  text-align:center;
  margin-bottom:19px;
}
/**********Box-half**********/
/**********Box-padding**********/
.box-padding {
  padding:0px 22px;
}
/**********Box-padding**********/

/**********Podstranka Co-delame**********/
.box-co-delame-left {
  float:left;
  width:440px;
}
.box-co-delame-left .foto{
  padding-bottom:20px;
}
.box-co-delame-right {
  margin-left:475px;
  _margin-left:478px;
}
#submenu-co-delame {
  list-style-type:none;
  width:422px;
  background:#ffffff;
  padding-bottom:1em;
}
#submenu-co-delame li{
  border:1px solid #8f2527;
  border-top:none;
}
#submenu-co-delame li#first{
  background:url(../files/images/layout/submenu-co-delame-top.png) left top no-repeat;
  border-left:none;
  border-right:none;
}
#submenu-co-delame li#last{
  background:url(../files/images/layout/submenu-co-delame-bottom.png) left bottom no-repeat;
  border:none;
}
#submenu-co-delame li a{
  color:#8f2527;
  font-size:1.5em;
  text-decoration:none;
  line-height:1.7em;
  margin-left:13px;
  background:url(../files/images/layout/submenu-co-delame-a.png) left center no-repeat;
  padding-left:20px;
}
#content #submenu-co-delame li a.act, #content #submenu-co-delame li a:hover{
  background:url(../files/images/layout/submenu-co-delame-a-hover.png) left center no-repeat;
  color:#505050;
}
/*btn-red*/
#content a.btn-red {
  display:block;
  float:left;
  width:137px;
  height:28px;
  overflow:hidden;
  text-align:center;
  background:url(../files/images/layout/bg-btn-red.png) left top no-repeat;
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  line-height:27px;
  font-size:1.1em;
  margin-right:4px;
}
#content a.btn-red:hover {
  color:#bd8e8e;
}
/*btn-red*/
/**********Podstranka Co-delame**********/

/**********Podstranka Akcni-nabidka**********/
.box-akcni-nabidka {
  padding-bottom:50px;
}
.box-akcni-nabidka .box-akcni-nabidka-left {
  float:left;
  width:422px;
}
.box-akcni-nabidka .box-akcni-nabidka-right {
  width:422px;
  margin-left:482px;
  =margin-left:473px;
}
.box-akcni-nabidka .box-akcni-nabidka-left .foto, .box-akcni-nabidka .box-akcni-nabidka-right .foto{
  padding:10px 0px 20px 0px;
}
.box-akcni-nabidka .box-akcni-nabidka-left .foto img, .box-akcni-nabidka .box-akcni-nabidka-right .foto img{
  border:1px solid #505050;
}
/**********Podstranka Akcni-nabidka**********/

/**********Podstranka Vzorniky**********/
.vzornik-boxik-wrapper {

}
.vzornik-boxik-wrapper .vzornik-boxik{
  width:200px;
  float:left;
  text-align:center;
  padding:0px 6px 30px 6px;
}
#content .vzornik-boxik-wrapper .vzornik-boxik p.vzornik-red {
  padding-top:0em;
  color:#8f2527;
  font-size:1.1em;
  line-height:1em;
}
#box-vzorniky-wrapper .box-half-pravy img {
  border:1px solid #505050;
}
/**********Podstranka Vzorniky**********/

/**********Podstranka Fotogalerie**********/
.box-fotogalerie img{
  border:1px solid #505050;
  margin:5px 15px 30px 15px;
}
/**********Podstranka Fotogalerie**********/

/**********Podstranka Postup stavby**********/
.boxik-postup, .boxik-postup-right {
  width:420px;
  float:left;
  padding-bottom:30px;
}
.boxik-postup-right { 
  margin-left:58px;
}
.boxik-postup .foto, .boxik-postup-right .foto{
  width:230px;
  float:left;
}
.boxik-postup .foto img, .boxik-postup-right .foto img{
  border: 1px solid #505050;
}
.boxik-postup .text, .boxik-postup-right .text{
  margin-left:230px;
}
/**********Podstranka Postup stavby**********/

/**********Podstranka Kontakt**********/
.box-kontakt-mapka {
  float:left;
  margin-left:45px;
  width:410px;
}
/**********Podstranka Kontakt**********/



#uvodni-fotky {
  position: relative;
  width: 942px;
  height: 282px;
  overflow: hidden;
  margin-bottom: 25px;
}

#uvodni-fotky em {
  position: absolute;
  width: 942px;
  height: 282px;
  top: 0;
  left: 0;
  background:url(../files/images/layout/bg-uvodni-fotky.png) left top no-repeat;
  z-index: 5;
}