html, body {
  margin:0; padding:0; 
  font: 100% Trebuchet MS, Tahoma, Arial, sans-serif; color: #fff; text-align: center;
  background: #000 url('../img/bg_main.jpg') left top repeat-x;
  width: 100%;
  position: relative;
}


a{
  color: #D56C13;
}

a span{
  display: none;
}

a img{
  border: 0;
}


h2{
  color: #D46615;
  font-size: 150%;
  font-weight: normal;
  margin: 0; padding: 0;
}

h3{
  color: #D46615;
  font-size: 130%;
  font-weight: normal;
  margin: 0 0 10px 0; padding: 0;
}

h4{
  font-size: 90%;
  margin: 0; padding: 0;
}

#hlavicka {
  width: 100%;
  background: transparent url('../img/bg_header.png') 50% top no-repeat; 
}


#hlavicka-obsah  {
  margin: 0 auto; padding: 0;
  width: 928px; height: 80px;
  position: relative;
}

#hlavicka-obsah h1 {
  margin: 0 0 0 30px; padding: 0;
}

#hlavicka-obsah h1 a{
  margin: 10px auto; padding: 0;
  float: left;
  background: transparent url('../img/logo.png') 0 0 no-repeat;
  width: 162px; height: 59px;
  
}

#hlavicka-obsah p{
  margin: 0; padding: 0;
  position: absolute; 
  right: 23px; bottom: 17px;
}

#hlavicka-obsah p a{
  color: #fff;
  text-decoration: none;
  margin: 7px 10px 0 10px;
  float: left
}

#hlavicka-obsah p a:hover{
  color: #D46615;
}

#hlavicka-obsah p a.uvod {
background:url("../img/btn_uvod.png") no-repeat left top transparent;
}

#hlavicka-obsah p a.deal {
background:url("../img/btn_deal.png") no-repeat left top transparent;
}

#hlavicka-obsah p a.cenik {
background:url("../img/btn_cenik.png") no-repeat left top transparent;
}

#hlavicka-obsah p a.vemar {
background:url("../img/btn_vemar.png") no-repeat left top transparent;
}

#hlavicka-obsah p a.kontakty {
background:url("../img/btn_kontakty.png") no-repeat left top transparent;
}

#hlavicka-obsah p a.selected {
height:40px;width:123px;
margin:0 10px 0 10px;
position:relative;
z-index:10;
 float: left;
}

#products{
  display: block;
  width: 928px; height: 261px;
  background: transparent url('../img/bg_categories.png') left top no-repeat;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#products img{
  float: right;
  margin: 6px 12px 0 0;
  &float: none;
  &margin: 6px 12px 0 321px;
}

#products ul{
  
  margin: 0; padding: 7px 0 0 0px;
  position: absolute;
  left: 1px;

}

#products ul li{
  list-style: none;
  padding: 0; margin: 0;
  
    width: 333px; height: 40px;

}

#products ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 13pt;
  display: block;
  padding: 8px 0 0 75px;
  &padding: 8px 0 0 75px;
  &height: 40px; 
   background: transparent url('../img/cat_logo.png') left top no-repeat;
}

#products ul li:hover {
  background: transparent url('../img/bg_cat_sel.png') left top no-repeat;

}

#products ul li.selected {
  background: transparent url('../img/bg_cat_sel.png') left top no-repeat;

}

#main{
  margin: -10px auto 0 auto;
  width: 890px;
  background-color:#040B14;
}

#main-obsah{
  padding: 20px 0 15px 0;
  text-align: left;
}

#main-obsah p{
  font-size: 80%;
  line-height: 150%;
}

#main-obsah .levy{
  float: left;
  width: 550px;
  padding: 0 20px 15px 20px;
 /* background: transparent url('../img/bg_main.jpg') center bottom no-repeat;*/
}

#main-obsah .pravy{
  margin: 0 0 0 591px;
  border-left: 1px solid #D46615;
  padding: 0 20px 15px 20px;
}

#main-obsah .pravy hr{
  height: 1px;
  margin: 15px 0 15px 0;
  border-top: 1px solid #D46615;
}

#paticka{
  width: 100%;
  background: #010203 url('../img/bg_footer.png') left top repeat-x;
}

#paticka-obsah{
  margin: 0 auto; padding: 5px 0 15px 0;
  width: 890px;
  text-align: left;
 color: #fff;
  background: transparent url('../img/bg_footer_obsah.png') left top repeat;
}

#paticka-obsah .levy{
  float: left;
  width: 289px;
  padding: 0px 20px 10px 20px;
}

#paticka-obsah .pravy{
  margin: 0 0 0 298px;
  border-left: 1px solid #D46615;
  padding: 0px 0 10px 30px;
  position: relative;
}

#paticka-obsah p{
  line-height: 150%;
   font-size: 80%; 
}

#paticka-obsah label{
  float: left;
  width: 130px;
}

#paticka-obsah input{
  border: 1px solid #D46615;
  width: 200px;
}

#paticka-obsah textarea{
  border: 1px solid #D46615;
  width: 410px; height: 100px;
}

#paticka-obsah input.send_button{
  border: 0;
  position: absolute;
  right: 50px; top: 4px;
  width: 125px; height: 43px;
}

#paticka-obsah .special{
  display: none;
}


ul.prodejci {
color:#fff;
padding:0 0 0 17px;margin: 0;
text-align:left;
font-size: 80%;

}

ul.prodejci li{
line-height: 150%;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #D46615;
	background-color: #fff;
	padding: 10px;
	opacity: 0.85;
	color: #000;
	font-family: Trebuchet MS,Arial,sans-serif;
}

#tooltip h3, #tooltip div { margin: 0; }


.mapcont{
  margin: 0 auto;
  text-align: center;
  padding: 25px 0 0 70px;
  @padding-left: 5px;
}

.mapno{
  background: transparent url('../img/mapResult_blue.png') left top no-repeat;
  width:32px; height: 41px;
  float: left;
  padding-top: 3px; padding-left: 9px; margin-right: 5px; margin-bottom:50px;
  color: #fff; font-weight: bold;
}

.price  {
    background:url("../img/vcalendar.png") no-repeat scroll left top transparent;
    display:block;
    height:48px;
    padding-left:65px;
    text-decoration:none;
    font-size: 80%;
  line-height: 150%;
}

.price  span{
    display:block;
}

.vypis  {

    text-decoration:none;
    
}

.vypis  img{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.vypis  span{
    display:block;
}

.right{
  text-align: right;
}

.center{
  text-align: center;
}

#mapa
{
  width:250px;
  height:200px;
  border:0;
  margin: 0 auto;
}


hr {
  border: 0;
  border-top: 1px solid #D46615;
  height: 1px;
  margin: 0; padding: 0;
}

hr.cleaner {
  clear: both;
  visibility: hidden;
  height: 0;
  margin: 0; padding: 0;
}