html,body{

margin:0 auto;

border:0;
padding:0;

}

body{

font-size:11px;
font-family:Arial;
color:#333;
background:transparent url('/image/bg.jpg') repeat-x top left;
background:#a8dabd;



}



#container{

width:980px;
margin:0 auto;
height:600px;
border:0px solid #FFF;margin:0px;
position:absolute;top:50%;left:50%;margin-left:-495px;margin-top:-305px;
padding:5px;

background:#a8dabd  url(../image/bg.jpg) no-repeat center center;
}

#logo{

width:340px;
margin:0 auto;
height:540px;
border:0px solid #FFF;
position:absolute;top:50%;left:50%;margin-left:-485px;margin-top:-295px;

background:transparent  url(../image/logo_2.png) no-repeat top left;z-index:1;
}

#scritta{

width:980px;
margin:0 auto;
height:50px; 
border:0px solid #FFF;
position:absolute;top:50%;left:50%;margin-left:-490px;margin-top:310px;

background:transparent  url(../image/scritta.png) no-repeat top left;z-index:1;text-align:right;
}

#scritta2{

width:980px;
margin:0 auto;
height:50px; 
border:0px solid #FFF;
position:absolute;top:50%;left:50%;margin-left:-490px;margin-top:310px;

background:transparent ;z-index:2;text-align:left;
}

#logo #foot{
margin-top:402px;margin-left:0px;display:block;
color:#000;padding:25px;padding-left:19px;background:transparent  url(../image/foot.png) no-repeat top right ;width:180px;border:0px solid #0d7e34;border-left:0;
}


#container #home{
width:970px;
height:590px;margin:5px;
background:#222  url(../image/home.jpg) no-repeat top left;z-index:0;
background:#CCC;
display:block;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:970px;padding-left:0px;
	height:590px;
	float:left;position:relative;
	
}

input,select, textarea{padding:3px;margin:5px;border:1px solid #CCC;}

#box4 .img1{
background:transparent url (../image/home.jpg) no-repeat top left;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	position:absolute;top:0px;right:0px;width:400px;text-align:justify;
	background:transparent  url(../image/text2.png) no-repeat bottom left ;
	padding:20px;font-size:12px;border:0px solid #0d7e34;border-right:0;margin:0;padding-left:30px;padding-bottom:30px;padding:0px;
}
#box4 p label{
display:block;margin-left:13px;background:transparent  url(../image/menu2.png) repeat-x top left ;padding-top:10px;height:51px;
}
#box4 p span{
padding:20px;display:block;
padding-left:30px;padding-bottom:30px;padding-top:0;
}
#box4 img{
	width:970px;
height:590px;
	float:left;
	margin:0;padding:0;
}

#box4 p img{
	width:auto;
height:auto;

	margin:0;padding:0;
}

#box4 p span img{
	width:auto;
height:auto;

	margin:10px;padding:0;border:1px solid #999;
}


#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}
/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:970px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:970px;
	height:590px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:970px;
	height:590px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:970px;
	height:590px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
a{color:#222;}


#layer{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:#A8DABD;z-index:30;

}

#center{
position:absolute;
top:50%;
left:50%;
width:300px;
height:200px;
display:block;
background:#A8DABD;z-index:31;margin-left:-150px;margin-top:-100px;text-align:center;font-size:12px;font-weight:bold;

}