@charset "utf-8";

@import url('reset.css');

body {font-family: Arial; font-size: 12px;}

h1 {color: #005ab6; font-size: 18px;}
h2 {color: #725456; margin: 20px 0 10px 0; font-size: 15px;}
h3 {color: #725456; margin: 30px 0;}

.clear {clear:both; height:1px; font-size:1px; line-height:.5;}

#cont {
  width: 960px;
  margin: 70px auto;
  position: relative;
  background: url(bg-main.gif) repeat-y;
}
.sub #cont{ background: none; }

.top #cont {background: url(bg-main.gif) repeat-y;}
#b-realizace #cont { background: none;}

#txt {clear: both; width: 960px;}

#tsr {width: 960px; height: 435px; position: relative; ;}

#hdr-cont {
  width: 100%;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
}

.news-date {color: #725456; margin-bottom: 3px;}

#hdr {width: 960px; height: 70px; margin: 0 auto;}

#b-uvod #hdr, .top #hdr {background: url(bg-hdr.jpg) no-repeat;}

#dlazby #hdr {
  background: url(bg-hdr-dlazby.jpg) no-repeat;
}

#obklady #hdr {background: url(bg-hdr-obklady.jpg) no-repeat;}

#nabytek #hdr { background: url(bg-hdr-nabytek.jpg) no-repeat;}

#mainpic {width: 960px; height: 402px;}

#dlazby #mainpic { background: url(bg-mainpic-dlazby.jpg) no-repeat;}

#obklady #mainpic { background: url(bg-mainpic-obklady.jpg) no-repeat;}

#nabytek #mainpic { background: url(bg-mainpic-nabytek.jpg) no-repeat;}

#mapa { border: 1px solid #725456;}

/* BOTTOM PIC*/

#bottompic {width: 960px; height: 89px;}

#bottompic p {
  float: right;
  width: 640px;
  height: 89px;
  position: relative;
}

#bottompic p span {
  display: block;
  width: 640px;
  height: 89px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#dlazby #bottompic p span {
  background: url(bg-h1-dlazby.jpg) -320px 0 no-repeat;
}

#obklady #bottompic p span {
  background: url(bg-h1-obklady.jpg) -320px 0 no-repeat;
}

#nabytek #bottompic p span {
  background: url(bg-h1-nabytek.jpg) -320px 0 no-repeat;
}

#ftr {
  clear: both;
  width: 960px;
  height: 133px;
  background-color: white;
}

#ftr a {color: #005ab6;}

#ftr p { line-height: 15px;}

#ftr-top {
  height: 78px;
  border-top: 1px solid #bfd6ed;
  border-bottom: 1px solid #bfd6ed;
  margin-bottom: 10px;
}

#ftr-top .inside {padding: 12px 350px 16px 30px;}

#ftr-bottom p {text-align: center; font-size:11px;}

#ftr-sublinks {margin-top:55px;}
#ftr-sublinks p {font-size:11px; color: #949494; margin-left: 30px;}
#ftr-sublinks a {font-size:11px; color: #949494;}

#ftr-top p, #ftr-top .logo {float: left; display: inline;}

#ftr-top p {margin-left: 55px; color: #005ab6;}

#ftr p span {color: black;}

#bsh {float: left; display: inline; width: 640px;}

#col h2 {margin: 0; font-size: 16px;}

#col h3 {/* titulek novinky */
  margin: 35px 0 10px 0;
  color: #005ab6;
}

#col img {float: left; border: 1px solid #725456; margin: 0 15px 6px 0;}

#bsh h3 {
  color: #005ab6;
  font-size: 15px;
  padding-top: 25px;
}

#bsh .inside {padding: 70px 30px;}

.sub #txt .inside, .top #txt .inside {padding: 9px 30px;}

.sub #txt .inside p, .koupelny #txt .inside p, .realizace #txt .inside p {
  background: url(bg-p.gif) no-repeat;
  background-position: 0px 3px;
  padding-left: 22px; margin-top: 45px;}

p {background: none; line-height: 17px;}

.ok {color: green;}
.warn { color: red;}

#col {float: right; display: inline; width: 320px;}

#col .inside, .top #col .inside  {padding: 40px 29px;}

.vyrobce-logo {
  clear:left;
  float: left;
  display: block;
  clear: both;
  margin: 10px 15px 10px 0;
}

.vyrobce-logo-align {width:320px;}

#copy {float:left; display:inline; margin-left:30px;}
#auth {float:right; display:inline; margin-right:30px;}

.vyrobce-popis {
  width: 320px;
  float: left;
  /*display: inline;*/
  margin: 15px 15px 10px 0 !important;
  background: none !important;
  padding-left:0 !important;
}

.stripe { margin: 30px 0 50px 0; background-color: #f2e6da; width: 900px; height: 80px;}
.narrow { width: 580px !important;}

.stripe div {float: left; display: inline;
  width: 102px;
  margin: 5px 36px;
  }

.stripe a img {
  margin: 0 auto;
  border: 1px solid #D5D5D5;
}

#hdr .logo {
  margin: 11px 0 0 30px;
  float: left;
  display: inline;
}

#hdr .logo-kontakt {
  margin: -7px 0 0 30px;
  float: left;
  display: inline;
}

#b-uvod h1, .top h1 {
  position: absolute;
  top: 475px;
  left: 30px;
}
/* H1 sub */

h1 span {
  display: block;
  width: 320px;
  height: 89px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

#drobecky { color: #9b2c2c; font-size: 11px; margin-bottom: 65px;}

#drobecky a, #drobecky span { color: #9b2c2c; padding:0 10px;}

.sub h1 {
  display: block;
  float: left;
  width: 320px;
  height: 89px;
}

#dlazby h1, #obklady h1, #nabytek h1 {position: relative;}

#dlazby h1 span {
  background: url(bg-h1-dlazby.jpg) 0 0 no-repeat;
}

#obklady h1 span {
  background: url(bg-h1-obklady.jpg) 0 0 no-repeat;
}

#nabytek h1 span {
  background: url(bg-h1-nabytek.jpg) 0 0 no-repeat;
}

#bsh p {margin: 10px 0 40px 0;}

.spacer {
  clear: both;
  width: 1px;
  height: 1px;
  margin-top: 40px;
}
.spacermin {
  clear: both;
  width: 1px;
  height: 1px;
  margin-top: 1px;
}

.top .vyrobce-popis {width:370px}

input, textarea {
  background-color: #F2E6DA;
  border:1px solid #D5D5D5;
  color:#725456;
  margin-bottom:5px;
}

#webkontakt { margin: 15px 0 0 34px;}

#webkontakt label { display:block;}

#webkontakt p { margin:0}

#field1 { display:inline; float:left;}

#field2 { display:inline;}

#sub {
  color: #725456;
  font-weight:bold;
  height:57px;
  margin:12px 0 0 45px;
  width:100px;
}

/* TOPMENU */

#topmenu {float: right;}

#topmenu li {
  display: block;
  float: left;
  width: 106px;
  height: 27px;
  padding-left: 1px;
  text-align: center;
}

#topmenu li a, #topmenu li span {
  display: block;
  width: 106px;
  height: 20px;
  padding-top: 6px;
}

#topmenu li a {
  background-color: #1160b1;
  color: #fff /*#d5d5d5*/;
  text-decoration: none;
}

#topmenu li span {
  background-color: #1160b1;
  color: #fff /*#d5d5d5*/;
  height:25px;
}
/*TXT MENU*/

#txtnav {width: 960px; height: 33px;}

#txtnav li {width: 320px; height: 33px; float: left;}

#txtnav a, #txtnav span {
  display: block;
  float: left;
  width: 320px;
  height: 33px;
  position: relative;
  overflow: hidden;
}

#txtnav a span, #txtnav span span {
  display: block;
  width: 320px;
  height: 33px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#txtnav a:hover {background: 0 0;}

a#obk span {background: url(bg-txtnav.gif) 0 0 no-repeat;}

a#obk:hover span, a#obk:focus span, span#obk span {
  background: url(bg-txtnav.gif) -320px 0;
}

a#dla span {
  background: url(bg-txtnav.gif) 0 -33px no-repeat;
}

a#dla:hover span, a#dla:focus span, span#dla span {
  background: url(bg-txtnav.gif) -320px -33px;
}

a#nab span {
  background: url(bg-txtnav.gif) 0 -66px no-repeat;
}

a#nab:hover span, a#nab:focus span, span#nab span {
  background: url(bg-txtnav.gif) -320px -66px;
}
/*IMG MENU*/

#imgnav a {
  display: block;
  float: left;
  width: 320px;
  height: 402px;
}