/* CSS Document */
body { 
  margin:0; 
  padding:0; 
  color:#fff; 
  font-family:Arial, Verdana; 
  text-align:center;
  background:#000 url("../images/bg.jpg") repeat-x left top;
}

a img {border:none;}

.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;line-height:0;_font-size:0;height:0;}
.normargin {margin-right:0 !important;}
.hidden {display:none;}

#head {
  position:relative;
  margin:auto;
  width:1000px;
  height:159px;
}
#menu {
  position:relative;
  margin:auto;
  width:1000px;
  height:45px;
  text-align:left;
}
#page {
  position:relative;
  margin:11px auto 0 auto;
  padding:15px 38px 50px 38px;
  width:924px;
  text-align:left;
  background:#000 url("../images/page-bg.jpg") no-repeat 15px 15px;
}
.box {
  width:447px;
}
#foot {
  width:100%;
  height:232px;
  background:url("../images/foot-bg.jpg") repeat-x left top;
}
#footcnt {
  position:relative;
  margin:auto;
  width:1000px;
  height:192px;
  background:#000 url("../images/footcnt-bg.jpg") no-repeat 15px 38px;
}
/*shadows*/
#shtop {
  position:absolute;
  display:inline-block;
  top:-11px;
  left:-10px;
  width:1020px;
  height:11px;
  font-size:0;
  background:url("../images/shtop.png") no-repeat left top;
}
#shleft {
  position:absolute;
  display:inline-block;
  top:0;
  left:-10px;
  width:10px;
  height:201px;
  font-size:0;
  background:url("../images/shleft.png") no-repeat left top;
}
#shright {
  position:absolute;
  display:inline-block;
  top:0;
  right:-10px;
  width:10px;
  height:201px;
  font-size:0;
  background:url("../images/shright.png") no-repeat left top;
}
#shleft2 {
  position:absolute;
  top:119px;
  left:-5px;
  width:5px;
  height:253px;
  font-size:0;
  background:url("../images/shleft2.jpg") no-repeat left top;
}
#shright2 {
  position:absolute;
  top:119px;
  right:-5px;
  width:5px;
  height:253px;
  font-size:0;
  background:url("../images/shright2.jpg") no-repeat left top;
}

/* logo */
#logo {
	position:absolute;
	top:10px;
	right:-20px;
	margin:0; 
	padding:50px 0 0 0;
	width:367px; 
	height:70px;
	overflow:hidden;
	z-index:0;
}
#logo span {
  display:inline-block;
	position:absolute;
  left:0;
  top:0; 
	margin:0; 
	padding:0;
	width:367px; 
	height:120px;
	z-index:0;
	cursor:pointer;
  background:url("../images/logo.png") no-repeat left top;
}
#logotext {display:none;}
#logotextimg {
  position:absolute;
  left:15px;
  top:45px;
  width:440px;
  height:62px;
  background:url("../images/htext.gif") no-repeat left top;
}
/*menu*/
#menu ul {
  margin:0;
  padding:0 0 0 5px;
  width:893px;
  height:45px;
  background:#000;
}
#menu ul li {
  display:block;
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}
#menu ul li a {
  display:block;
  float:left;
  padding:0 10px 0 8px;
  height:45px;
  line-height:45px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}
#menu ul li a:hover {
  color:#ffc600;
  text-decoration:underline;
}
#menu ul li a.separator {
  background:url("../images/separator.gif") no-repeat right center;
}
#menu ul li a.selected {
  color:#ffc600;
  text-decoration:underline;
}

/*page content*/
#page h2 {
  position:relative;
	margin:0 0 30px 0; 
	padding:0;
	overflow:hidden;
	z-index:0;
	font-size:1.1em;
}
#page h2 span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	z-index:0;	
}
/*image titles*/
#title-uvodni-stranka {width:159px;height:48px;}
#title-uvodni-stranka span {width:159px;height:48px;background:url("../images/title-uvodni-stranka.jpg") no-repeat left top;}
#title-ospolecnosti {width:147px;height:53px;}
#title-ospolecnosti span {width:147px;height:53px;background:url("../images/title-o-spolecnosti.jpg") no-repeat left top;}
#title-nasenabidka {width:153px;height:48px;}
#title-nasenabidka span {width:153px;height:48px;background:url("../images/title-nasenabidka.jpg") no-repeat left top;}
#title-procmy {width:167px;height:53px;}
#title-procmy span {width:167px;height:53px;background:url("../images/title-proc-my.jpg") no-repeat left top;}
#title-rady {width:184px;height:53px;}
#title-rady span {width:184px;height:53px;background:url("../images/title-rady.jpg") no-repeat left top;}
#title-reference {width:112px;height:53px;}
#title-reference span {width:112px;height:53px;background:url("../images/title-refeence.jpg") no-repeat left top;}
#title-poptavka {width:102px;height:53px;}
#title-poptavka span {width:102px;height:53px;background:url("../images/title-poptavka.jpg") no-repeat left top;}
#title-kontakty {width:93px;height:53px;}
#title-kontakty span {width:93px;height:53px;background:url("../images/title-kontakty.jpg") no-repeat left top;}
#title-dodavatele {width:121px;height:50px;}
#title-dodavatele span {width:121px;height:50px;background:url("../images/title-dodavatele.jpg") no-repeat left top;}
#title-sanitarni-keramika {width:192px;height:50px;}
#title-sanitarni-keramika span {width:192px;height:50px;background:url("../images/title-sanitarni-keramika.jpg") no-repeat left top;}


#title-kontaktni-informace {width:208px;height:21px;}
#title-kontaktni-informace span {width:208px;height:21px;background:url("../images/title-kontaktni-informace.jpg") no-repeat left top;}
#title-nase-nabidka {width:148px;height:22px;}
#title-nase-nabidka span {width:148px;height:22px;background:url("../images/title-nase-nabidka.jpg") no-repeat left top;}

#page h3 {
  margin:10px 0;
  font-size:0.9em;
  color:#ffc706;
}

#page a.right {
  float:right;
  margin-right:60px;
}
.pagenavi {
  float:right;
  margin:27px 0 0 0;
}
.bordereda {
  display:block;
  float:left;
  padding:0 8px;
  height:22px;
  line-height:22px;
  text-align:center;
  background-color:#312c1e;
  font-size:10px;
  color:#ffc706;
  text-decoration:none !important;
}
.bordereda:hover {text-decoration:underline !important;}
#page p {
  margin:10px 0 25px 0;
  padding:0;
  font-size:0.8em;
}
#page p strong {color:#ffc706;}
#page p a {color:#ffc706;text-decoration:underline;}
#page p a:hover {text-decoration:none;}
#page ul {
  margin:10px 0;
  padding:0;
}
#page ul li {
  margin:0;
  padding:0;
  list-style:none;
  font-size:0.8em;
}
#page ul li a {color:#ffc706;text-decoration:underline;}
#page ul li a:hover {text-decoration:none;}

/*offer*/
.offer {
  position:relative;
  margin:33px 0 27px 0;
  width:447px;
  height:300px;
	overflow:hidden;
	z-index:0;
	background-color:#705a33;
}
.offer span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	z-index:0;
  width:447px;
  height:300px;
}
#offer11 {background:url("../images/nabidka1.jpg") no-repeat left top;}
#offer21 {background:url("../images/nabidka2.jpg") no-repeat left top;}
#offer12 {background:url("../images/nabidka11.jpg") no-repeat left top;}
#offer22 {background:url("../images/nabidka21.jpg") no-repeat left top;}
#offer13 {background:url("../images/nabidka12.jpg") no-repeat left top;}
#offer23 {background:url("../images/nabidka22.jpg") no-repeat left top;}
#offer14 {background:url("../images/nabidka13.jpg") no-repeat left top;}
#offer24 {background:url("../images/nabidka23.jpg") no-repeat left top;}
#offer15 {background:url("../images/nabidka14.jpg") no-repeat left top;}
#offer25 {background:url("../images/nabidka24.jpg") no-repeat left top;}
.offer a {
  position:absolute;
  top:82px;
  left:0;
  display:block;
  padding:4px 10px 4px 25px;
  background-color:#000;
  color:#fff;
  font-size:10px;
  text-decoration:none;
}
.offer a:hover {color:#ffc600;text-decoration:underline;}

.soffer {
  position:relative;
  margin:0 24px 33px 0;
  width:213px;
  height:114px;
	overflow:hidden;
	z-index:0;
	background-color:#705a33;
}
.soffer span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	z-index:0;
  width:213px;
  height:114px;
}
#soffer1 {background:url("../images/snabidka1.jpg") no-repeat left top;}
#soffer2 {background:url("../images/snabidka2.jpg") no-repeat left top;}
#soffer3 {background:url("../images/snabidka3.jpg") no-repeat left top;}
#soffer4 {background:url("../images/snabidka4.jpg") no-repeat left top;}

.soffer a {
  position:absolute;
  top:56px;
  left:0;
  display:block;
  padding:4px 10px 4px 15px;
  background-color:#000;
  color:#fff;
  font-size:10px;
  text-decoration:none;
}
.soffer a:hover {color:#ffc600;text-decoration:underline;}

#footmenu {
  position:absolute;
  left:41px;
  bottom:73px;
  margin:0;
  padding:0;
}
#footmenu li {
  display:block;
  float:left;
  padding:0 10px;
  height:22px;
  background-color:#312c1e;
}
#footmenu li a {
  font-size:12px;
  color:#ffc706;
  text-decoration:none;
}
#footmenu li a:hover {text-decoration:underline;}
#footmenu li a.selected {text-decoration:underline;}
#footmenu li.separator {background:#312c1e url("../images/footmenu-separator.gif") no-repeat right center;}
#footcnt p {
  position:absolute;
  left:41px;
  bottom:45px;
  margin:0;
  padding:0 10px;
  height:22px;
  line-height:22px;
  color:#fff;
  font-size:12px;
  background-color:#312c1e;
}
#footcnt p a {color:#fff;text-decoration:none;}
#footcnt p a:hover {color:#ffc706;}

#page table.poptavka {
    font-size:0.8em;
}

#page fieldset {
  border:0;
}
#page table.poptavka tr td input {
  border:1px solid #dddddd;
  background-color:#E1D4C1;
}

#page table.poptavka tr td textarea {
  border:1px solid #ddd;
  font-family:Arial, Verdana;
  width:740px; 
  background-color:#B79B6C;
}


#page table.poptavka  tr td input.podbarv {
  border:1px solid #dddddd;
  background-color:#B79B6C;
}

.error {
  margin:5px;
  padding:5px;
  text-align:center;
  background-color:#ff0000;
  color:#fff;
}