/* CSS Document */

*{
padding: 0px;
margin: 0px;
}

html{
padding: 0px;
margin: 0px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {color: #4b7c9d;}


h1 {
	float: left;
	position: relative; 
	overflow: hidden;
	background: #232424;
	text-decoration: none;
}

h1, h1 span {
width: 146px;
height: 35px;
	display: block;
	cursor: pointer;
}
 
h1 span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('../images/logo.png') no-repeat;
}


ul{
list-style: none;
}

form{
padding: 0px;
margin: 0px;
}

p{
margin: 0px;
padding: 5px;
padding-left: 0px;
padding-right: 0px;
}

span{
margin: 0px;
padding: 0px;
}

.clear{
clear: both;
padding: 0px;
margin: 0px;
}

body{
background: #D7D7D7 url('../images/bg.gif') repeat-x;
font-family: Arial, tahoma, sans-serif;
color: #000; 
text-align: center;
}

#pg{
width: 880px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: left;
}

h2{
color: #BE1D1D;
font-size: 100%;
padding: 0px 0px 10px 0px;
margin: 5px 0px 0px 0px;
}

h3{
color: #BE1D1D;
font-size: 90%;
padding: 10px 0px 10px 0px;
}

#home{
width: 146px;
height: 35px;
display: block;
}

#header{
width:880px;
height: auto;
text-align: left;
margin: 0px;
padding: 0px;
background-color: red;
}

.logo{
margin:  32px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 146px;
height: 35px;
background-image: url('../images/logo.png');
}

.logo a{
text-decoration: none;
}

.logo a:hover{
text-decoration: none;
}

#menu{
width: 880px;
float: left;
margin: 22px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 8px solid #BE1D1D;
background-color: #5B5B5B;
}

#menu li{
text-align: center;
font-size: 13px;
font-weight: bold;
color: #FFF;
float: left;
padding: 9px 5px 10px 8px;
margin: 0px 0px 0px 0px;
background: #5B5B5B url('../images/menu_bg.png') right no-repeat;
}

#menu #active{
background: #BE1D1D none;
}

#menu a{
color: #FFF;
text-decoration: none;
}

#menu a:hover{
color: #FFF;
text-decoration: underline;
}

#left{
background: #fff;
float: left;
width: 223px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
}

#obsah{
margin: 50px 10px 0px 0px;
padding: 0px 5px 0px 0px;
float: right;
width: 621px;
}

#obsah-in {
font-size: 80%;
line-height: 1.5em;
}


#navigace{
width: 222px;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
background-color: #EBEBEB;
}

#navigace li{
font-size: 13px;
font-weight: bold;
color: #313131;
padding: 9px 0px 8px 8px;
margin: 0px;
background: url('../images/menu.png') top no-repeat;
}


#navigace a{
color: #313131;
text-decoration: none;
}

#navigace a:hover{
color:  #BE1D1D;
text-decoration: none;
}


#navigace .active a{
color: #BE1D1D;
text-decoration: none;
}

#navigace.active   a:hover{
color: #BE1D1D;
text-decoration: none;
}

#navigace #last{
background: #EBEBEB url('../images/menu_dn.png') left bottom no-repeat;
margin: 0px;
padding: 0px;
border: none;
}


#submenu{
width: 200px;
margin: 13px 0px 0px -6px;
padding: 0px 0px 0px 0px;
background-color: #EBEBEB;
}

#submenu li{
font-size: 13px;
font-weight: bold;
color: #313131;
padding: 4px 0px 4px 15px;
margin: 5px 0px 0px 0px;
background: url('../images/submenu_bg.png') left no-repeat;
}

#submenu a{
background-color: #EBEBEB;
}


#submenu a:hover{
background-color: #EBEBEB;
}


.newsletter{
background: #F4F4F4;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
width: 222px;
font-size: 16px;
font-weight: bold;
color: #626262;
}


.newsletter strong{
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
color: #BE1D1D;
}

.newsletter form{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.form{
border: none;
background-color: #fff;
color: #000;
margin: 13px 0px 20px 10px;
width: 151px;
height: 23px;
}

.submit{
border: none;
background-color: #BE1D1D;
color: #fff;
width: 26px;
height: 23px;
vertical-align: bottom;
margin: 0px 0px 20px 0px;
}

#interier {
float: left;
display: block;
	position: relative; 
	overflow: hidden;
	text-decoration: none;
}

#interier, #interier span {
width: 309px;
height: 82px;
	display: block;
	cursor: pointer;
}
 
#interier span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
background: url('../images/interiery.png') no-repeat;
}



#zahrada {
float: right;
display: block;
	position: relative; 
	overflow: hidden;
	text-decoration: none;
}

#zahrada, #zahrada span {
width: 312px;
height: 83px;
	display: block;
	cursor: pointer;
}
 
#zahrada span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
background: url('../images/zahradni.png') no-repeat;
}


#content{
background: #fff url('../images/cont_bg.png') top no-repeat;
clear: both;
}

.img{
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
}


#all a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #626262;
text-decoration: underline;
}

#all a:hover{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #626262;
text-decoration: underline;
}

#cenik {
display: block;
	position: relative; 
	overflow: hidden;
	text-decoration: none;
}

#cenik, #cenik span {
width: 187px;
height: 71px;
	display: block;
	cursor: pointer;
}
 
#cenik span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
background: url('../images/cenik.png') no-repeat;
}

#footer{
width: 880px;
height: auto;
color: #7C7C7C;
margin: 0px 55px 0px 12px;
padding: 0px 0px 0px 0px;
}

#footer p{
float: left;
font-size: 70%;
margin: 15px 0px 0px 0px;
padding: 0px;
}

#footer strong{
width: 533px;
float: right;
font-size: 70%;
font-weight: normal;
margin: 15px 0px 0px 0px;
padding: 0px;
}

.navig {list-style-type:none; margin: 0px; padding:0;  z-index:100;}
.navig li {display:block; padding:0; margin:0;  z-index:100;}
.navig li a, .navig li a:visited {display:block; text-decoration:none;}
.navig li dd { /*display:none; */}
.navig li:hover, .navig li a:hover {border:0;}
.navig li:hover dt a , .navig li a:hover dt a {  }
.navig li:hover dd, .navig li a:hover dd {display:block;}
.navig table { padding:0; margin: 0px; font-size:1em;}
.navig dl {width: 15em; margin: 0;  }
.navig dt {margin:0; padding: 0;  }
.navig dd {margin:0; padding:0;  text-align:left; }
.gallery{ padding: 0px 0px 0px 0px; }
.gallery dt a, .gallery dt a:visited {display:block;  }
.gallery dd a, .gallery dd a:visited {  text-decoration:none; display:block;
font-size: 13px;
font-weight: bold;
color: #313131;
padding: 6px 0px 0px 15px;
margin: 5px 0px 0px 0px;
background: url('../images/submenu_bg.png') left no-repeat;}
.gallery dd a:hover{ color: #BE1D1D; background: url('../images/submenu_hover.png') left no-repeat;}
.gallery dt a:hover{ color: #BE1D1D; }


#obsah-in ul,#obsah-in ol, #obsah-in li{ font-size: 1.0em; line-height: 1,3em; color: #000; font-weight: normal; margin-bottom: 15px; text-align: justify; }
#obsah-in ul li{ list-style: url(../img/arrow.gif); margin: 3px 0 3px 20px; margin-bottom: 5px;}
ul.picture li{ list-style: url(../img/arrow.gif); margin: 2px 0 2px 20px; }
#obsah-inol li{ list-style: decimal;margin: 3px 0 3px 20px;  }

.fotogalerie2 li {list-style: none; margin: 0px;}

#obsah a:link {
  color: #BE1D1D;
  text-decoration: underline;
}
#obsah a:visited {
  color: #BE1D1D;
  text-decoration: underline;
}
#obsah a:active {
  color: #BE1D1D;
  text-decoration: underline;
}
#obsah a:hover {
  color: #BE1D1D;
  text-decoration: none;
}
.galeriefoto {
  border: 1px solid #BE1D1D;
}

.dvere-rada {
  float: left;
  padding-right: 25px;
  padding-bottom: 25px;
  width: 136px;
  min-height: 190px;
  _height: 190px;
  text-align: center;
}

.dvere-foto {
  float: left;
  padding-right: 15px;
}

.dvere-varianty {
  padding-top: 10px;  
}

.dvere-varianty td {
  padding: 3px;
}