@import url(http://fonts.googleapis.com/css?family=Roboto:300&subset=latin,latin-ext);

ul{list-style: none; margin: 0; padding: 0;}
.both{clear: both;}
img{border: 0;} 

/* ------------------------------------ */

.mtop a,
.f,
.ng,
.font,
.s,
.sbox
{
	font-family: 'Roboto', arial, verdana, sans-serif; 
	font-weight: 300;
}


body{
	padding: 0;
	margin: 0;
	background: #fefbf2 url(../images/tbg.jpg) repeat-x;
}

.pds{
	position: relative;
	width: 960px;
	margin: auto; 
	z-index: 10;
}

.top{
	height: 166px;
}

.mtop{
	height: 190px;
}

.mtop li{
	float: left;	
}
.mtop a{
	display: inline-block;
	text-decoration: none;
	padding: 20px 25px 21px 25px;
	font-size: 18px;
	line-height: 18px;
	color: #603c2c;
	background: url(../images/mbg.jpg) repeat-x 0 -70px ;
	transition: all 0.3s ease-in-out ;
}
.mtop a:hover{
	background: url(../images/mbg.jpg) repeat-x top ;
	color: #fff;
}

.sbox{
	height: 200px;
	margin-top: -30px;
}
.sbox li{
	float: left;
	position: relative;
	margin: 0px 10px;

}
.sbox ul li span,
.sbox ul li img
{
	transition: all 0.2s ease-in-out;
}
.sbox ul li img{
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}

.sbox ul li span{
	position: absolute;
	background: url(../images/timg_ng.png) no-repeat top;
	width: 300px;
	padding: 28px 0 15px 0;
	text-align: center;
	top: -35px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	z-index: 50;

}
.sbox ul li a:hover span{ top: -60px; }
.sbox ul li a:hover img{ opacity: 0.8 }

.img_bg{
	position: absolute; 
	z-index: 0;
	height: 442px; 
	top: 228px;
	width: 100%;
	border-bottom: 8px solid #b0d828;
	background: url(../images/slider1.jpg) repeat-x ;
	background-size: 100% 100%;
}
@media all and (max-width: 1400px) {
    .img_bg{		
		background: url(../images/slider1.jpg) repeat center top;		
	}  
}


.s{
	background: #F4F3E9;
	position: relative;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2)
}
.f{
 	background: url(../images/f.jpg) no-repeat top;
 	min-height: 70px;
 	position: relative;
}
.design,.design a{color: #7e7876; text-decoration: none;}
.design{
	position: absolute;
	bottom: 0;
	right: 20px;
	font-size: 11px;
}

.copy{
	text-align: center;
	padding-top: 12px;
	font-size: 14px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

h1.ng{
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 20px 20px 30px 20px;
	background: url(../images/sng.jpg) no-repeat center bottom;
}

.left{
	float: left; 
	width: 260px;
	margin-left: 30px;
}
.lng{
	font-size: 18px; 
	text-transform: uppercase;
	padding: 20px 10px 10px 10px;
	color: #4F4744;
	background: url(../images/lng.jpg) no-repeat left bottom;
	margin-bottom: 10px;
}
.ltxt{
	font-size: 14px; 
	line-height: 18px;
}
.lng-ico{
	width: 32px;
	height: 29px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px;	
}
.ico-contact{
	background: url(../images/ico_contact.jpg) no-repeat left bottom;
}
.ico-map{
	background: url(../images/ico_map.jpg) no-repeat left bottom;
}

.right{
	float: right; 
	width: 600px;
	margin-right: 10px;
	font-size: 14px; 
	line-height: 22px;
	margin-top: -20px;
}

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




#gallery {padding:0 5px ;}
#gallery ul { list-style: none; margin:0; padding:0; }
#gallery ul li { display: inline-block; padding: 12px 10px ;  }
#gallery  ul li a{ padding:10px; background:#fff; text-decoration:none; display:inline-block; border:1px solid #D8D8D8; }