body{
  text-align:center;
  background: url("../img/pattern.gif") left top;
  font: 9pt "Trebuchet MS";
}
a{
  color:#000;
}
h1{}
h2{}
h3{
  font-size:20px; 
  font-weight:bold; 
  color:orange;
  margin:10px 0 10px 50px;
  text-align:left;
}
h4{
  color:orange;
  font-size:16px; 
  font-weight:bold; 
  text-align:left;
  margin:15px 0 5px 0;
  padding: 0 0 0 10px;
  border-bottom: solid 2px orange;
}
h5{
  text-align:left;
  font-size:13px;
  font-weight:bold;
  margin:0;
  border-bottom:dashed 1px #AAA;
}
hr{
  border: solid 1px #FFF;
}
p{
  text-align:justify;
}
ul{
  text-align:left;
}
.list li{
  width:200px;
  list-style:none;
  background: url("../img/arrow.gif") left center no-repeat;
  text-align:left;
  margin:8px 0 0 0;
  padding:0 0 0 25px;
  font-size:14px;
  font-weight:bold;
}
.list li:hover{
  background: url("../img/arrow.gif") 5px center no-repeat;
  color:#F00;
}
.success{
  color:#0C0;
  padding:10px;
}
.error{
  color:#C00;
  padding:10px;
}
#page{
  width:770px;
  border:solid 4px #FFF;
  margin:auto;
  background: #9fcbfc;
}

#header{
  height:100px;
  background: orange url("../img/fastreal.jpg");
  border-bottom:solid 4px #FFF;
  position:relative;
}
#header .big{
  width:250px;
  height:100px;
  display:block;
  position:absolute;
  top:0;
  left:100px;
  text-decoration:none;
}

#header .small{
  font-size:12px;
  letter-spacing:0.04em;
  color:#606060;
  margin: 50px 0 0 398px;
  text-decoration:none;
  position:absolute;
  top:33px;
  left:250px;
  font-weight:bold;
  
}
.red{
  color:#F00;
}

#menu{
  width:160px;
  float:left; 
  background:#ffef87;
}

#menu a{
  display:block;
  width:130px;
  border-bottom: solid 1px #FFF;
  background: #ffba16 url("../img/arrow.gif") 5px center no-repeat;
  text-align:left;
  padding:3px 0 3px 30px;
  color:#FFF;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}
#menu a:hover{
  background: orange url("../img/arrow.gif") 10px center no-repeat;
}

#menu p{
  font-size: 11px;
  text-align:left;
  color: #444;
  padding:0 0 0 10px;
  margin:10px 0 10px 0;
}

#menu p a{
  display:inline;
  background:none;
  border:none;
  color:#444;
  text-decoration:underline;
  font-weight:normal;
  font-size:11px;
  padding:0;
}
#menu p a:hover{
  background:none;
  color:darkorange;
}
#menu .firma{
  margin-top:50px;
  padding-top:75px;
  background: #9fcbfc url("../img/haanlogo.gif") 5px 5px no-repeat;
  border-top:solid 4px #FFF;
}
#menu .firma a{
  background: #0090ff url("../img/arrow.gif") 5px center no-repeat;
}
#menu .firma a:hover{
  background: #0072ff url("../img/arrow.gif") 10px center no-repeat;
}
#menu .firma p{
  color:#FFF;
}

#content, #cont-stav{
  position:relative;
  width: 586px;
  padding:10px;
  background:#ffef87;
  float:left;
  text-align:center;
  margin:0;
  border-left:solid 4px #FFF;
  min-height: 501px;
  _height: 501px;
}

#cont-stav{
  background:none;
}
#cont-stav h3{
  color:#FFF;
}
#cont-stav a{
  color:#FFF;
}

.kontakt{
  margin:0 0 0 30px;
  font-size:13px;
}
.kontakt p{
  margin:0px;
}
.m-top{
  padding-top:8px;
}
.realized{
  margin:10px 0 5px 0;
}
.realized img{
  cursor:pointer;

  float:left;
  margin:1px;
}
.big_img{
  margin:0;
  border:0;
}
.show_pict{
  padding:0;
  margin:0;  
}
.close{
  float:left;
  width:30px;
}
#newest{
  border: 2px solid orange; 
  background-color:#ffd556;
  height:138px;
  width:564px;
}
.bordered{
  border-right:solid 2px orange;
}
#newest div{
  float:left;
  width:110px;
  margin:0 0 0 1px;
  cursor:pointer;
}
#newest div p{
  margin:0;
  padding:0;
  color:#FFF;
  font-size:12px;
}
#newest img{
  height:80px;
}
.clear{
  clear:both;
  width:0;
  height:0;
  font-size:0;
  overflow:hidden;
}
.hidden{
  text-align:left;
  color:white;
  font-size:10%;
}
.text{
  text-align:justify;
}
.orange{
  color:orange;
  font-weight:bold;
}
#centered{
  position:absolute;
  top:200px;
  left:210px;
}
.elipsa {
  background: url("../img/elipsa.jpg") center center no-repeat; 
  width:580px; 
  height:400px;
  margin:20px 0 0 0;
}
#foot, #foot_pict{
  text-align:right;
  width:740px;
  color:#FFF;
  margin:2px auto 0 auto;
  font-size:10px;
}
#foot_pict{
  width:640px;
  margin:0;
}
#foot a, #foot_pict a{
  color:#FFF;
}

.spacer{
  padding: 0 8px 0 8px;
}
.filter{
  margin:auto;
  width:320px;
  text-align:center; 
  background-color: #ffba16; 
  border:solid 2px #FFF;
  color:#FFF; 
  font-weight:bold; 
  padding:10px;
  font-size:12px;
}
.filter table{
  text-align:left;
  margin:auto;
}

form{
  padding:0;
  margin:0;
}
.smallform{
  text-align:right; 
  background:orange; 
  font-size:12px; 
  color:white; 
  border:solid 2px #fff; 
  margin:auto;
  width:200px;
  padding:10px;
  font-weight:bold;
}
.smallform p{
  margin: 3px 0 0 0;
}
.moznosti{
  text-align:left;
}
.moznosti a{
  color:#000;
  font-size:12px;
}
.show_nem, .show_nem_1, .doporuc{
  border-bottom:solid 1px #606060;
  margin: 5px 0 0 0;
  background:#fffccb;
}
.show_nem a, .show_nem_1 a, .doporuc a{
  font-size:10px;
  color:#000;
  display:block;
}
.show_nem_1{
  background: #ffffF0;
}
.doporuc{
  background: #baff00;
}
.back{
  display:block;
  text-align:left;
  margin:5px 0 0 20px;
  color:#000;
}
.bigform{
  text-align:left; 
  font-size:12px; 
}
.bigform fieldset{
  padding:10px;
}
.bigform p{
  margin: 3px 0 0 0;
}
.bigform textarea{
  width:530px;
}
.smalltable{
  border:solid 1px #FFF;
}
.smalltable th{
  padding: 3px 10px 3px 10px;
  color:#FFF;
  background:orange;
  border-bottom: solid 1px #FFF;
}
.smalltable td{
  padding: 3px 10px 3px 10px;
  color:#000;
  border-bottom: dashed 1px #FFF; 
}
.info{
  width:660px;
  background:#ffef87;
  border: solid 4px #FFF;  
  padding:10px 0 0 0;
}
address{
  float:left;
  color:darkorange;
  font-weight:bold;
  text-align:left;
  font-style:normal;
  font-size:14px;
  width:430px;
  margin:15px 0 0 20px;
}
address a{
  color:orange;
}
.pulka{
  width:300px;
  float:left;
  padding:10px 0 10px 0;
  text-align:left;
}
.pulka p{
  padding:3px 0 0 15px;
  margin:0px;
  color:#606060;
  font-size:13px;
}
.pulka a{
  color:orange;
  display:block;
  text-align:center;
}
.pulka img{
  border:none;
  margin: 0 0 5px 0;
}
.karta_menu{
  border-top:solid 2px #FFF;  
  margin:0;
  background:#ffba16;
}
.karta_menu a{
  display:block;
  float:right;
  border-right:solid 1px #FFF;
  background: #ffba16 url("../img/arrow.gif") 5px center no-repeat;
  text-align:left;
  padding:3px 10px 3px 30px;
  color:#FFF;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}
.karta_menu a:hover{
  background: orange url("../img/arrow.gif") 10px center no-repeat;
}
.pulka .warning{
  margin:150px 0 0 100px;
  font-size:10px;
}
.udaje{
  width:250px;
  float:left;
  padding:0 0 10px 0;
  text-align:left;
}
.cena{
  width:80px
}
#obrazky{
  background:#FFF;
  text-align:center;
  margin-top:10px;
  padding:10px 0 10px 0;
}
#obrazky img{
  margin:10px;
}
.okraj{
  margin:20px;
}
.kategorie{
  border-width:2px; 
  border-color:orange; 
  position:relative; 
}
#katalog_form{
  width:500px;
  text-align:left;
  margin:auto;
  position:relative;
}
#katalog_form span{
  position:absolute;
  left:170px;
}
#katalog_form textarea{
  width:460px;
  height:180px;
}
#action{
  text-align:right;
}