/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background-image: url(body_bg.jpg);
	background-repeat: no-repeat;
	background-color: #b9fd01;
	text-align: center; /* ie center hack */
	font-family: Arial, Helvetica, sans-serif;
	background-position: top;
}

#main{
	width: 743px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	text-align: left;
	position: relative;
	
}

#main #content_left{	position: absolute;	top: 137px;	left: 0px;	width: 20px;	height: 367px;	background-image: url(content_left_bg.png);	background-repeat: no-repeat;}

#main #content_right{	position: absolute;	top: 137px;	right: -1px; /* ie fix */	width: 20px;	height: 367px;	background-image: url(content_right_bg.png);	background-repeat: no-repeat;}

#main > #content_right{right:0px;}/*correct formating */

#oferta{	font-size: 12px;	text-align: left;	padding: 10px;	text-decoration: none;	width: 367px;	height: 327px;		position: fixed;}
#oferta2{	font-size: 12px;	text-align: left;	padding: 10px;	text-decoration: none;	width: 370px;	height: 340px;	position: fixed;	overflow: auto;}


#header{
	height: 137px;
	background-image: url(header_bg.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

#adres{	margin: -30px 30px 0 30px;	text-decoration: none;	font-size: 12px;	color: White;	font-weight: bold;	}

#enlarge {	margin-right: 130px;	position: static;}
#enlarge li {	display: block;	float: left;	width: 180px;	height: 151px;	position: fixed;}
#enlarge li a {display:block;width:180px; height:151px; background:transparent; overflow:hidden; position:relative; border:none;}
#enlarge li a img {width:120px; height:101px; border:none; margin:12px;}
#enlarge li a:hover {margin:0; text-indent:-1000px; border:1px solid #aaa; background:#aaa;}
#enlarge li a:hover img {width:0; height:0;}
#enlarge li a.one:hover {	background: url(10.png);}

#main_content{	height: 367px;	padding: 0 27px 0 30px;	background-image: url(content_bg.png);	background-repeat: repeat-y;}

#inner_a #content{	padding: 0 30px 0 30px;	font: 12px Arial, Helvetica, sans-serif;	color: #333;	height: 367px;	position: relative;}

#footer{	height: 123px;	background-image: url(footer_bg.png);	background-repeat: no-repeat;}
#footer ul{margin:0;padding:1px 0 0 29px;list-style-type:none;}
#footer ul li{	float: left;	width: 157px;	height: 45px;	text-align: center;}
#footer ul li#HOME{width:149px;}
#footer ul li#ONAS{width:130px;}
#footer ul li#OFERTA{width:130px;}
#footer ul li#GALERIA{width:130px;}
#footer ul li#KONTAKT{width:149px;}
#footer ul li a{display:block;height:30px;padding-top:15px;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;}
#footer ul li a:link, #footer ul li a:visited{text-decoration:none;color:#fff;}
#footer ul li a:hover{text-decoration:none;color:#367639;background-color:#ed8819;border-left:1px solid #fff;border-right:1px solid #fff;}
#footer ul li a#current_page{	text-decoration: none;	background-color: #ed8819;	border-left: 1px solid #fff;	border-right: 1px solid #fff;}

#gallery {width:664px; height:345px; padding:10px; border:1px solid #333; background: #000; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:488px; height:340px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#eee;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:440px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee ;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#eee ; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-488px; top:0; width:488px; height:340px; text-align:center; background:#000; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:450px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#eee;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color: #eee ; background:#000;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-488px; top:0; width:488px; height:340px; text-align:center; background:#000; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:450px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#eee ;}

a.zd, a.zd:visited {color:#c00; text-decoration: none;position:relative; z-index:1;width:90px ;	height:68px;}
a.zd b {	float: left;	position: fixed;	visibility: hidden;	width: 260px;	height: 0;	border: 1px solid #000;	top: 140px;	left: 54%; background: #eee; padding: 5px;font-weight: normal;}
a.zd:hover {text-decoration:none; border:0;z-index:1000;}
a.zd:hover b {visibility:visible;height:345px;cursor:pointer;z-index:500; }
a.zd:hover b img {border:0;}

/*start clear hack*/
.clearfix:after { content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}