@CHARSET "UTF-8";
@import url("form.css");
@import url("drop_style.css");

html, body {
   margin: 0;
   padding: 0;
   height: 100%;
}


body {
	background: url('../img/bgmain.jpg') repeat top left;
	font-family: "Arial";
	font-size:12px;
	color:#000;
}

#body2 {
	margin: 0 auto;
	position:fixed;
	top: -140px;
	background: url('../img/bg2.png') repeat top left;
	width: 1920px;
	height: 1200px;
	
}

#bg-el-1 {
	position:fixed;
	top: 80px;
	left:1%;
	background: url('../img/bg-el-1.png') repeat top left;
	width: 120px;
	height: 122px;
	
}

#bg-el-2 {
	position:fixed;
	bottom: 10%;
	left:1%;
	background: url('../img/bg-el-2.png') repeat top left;
	width: 137px;
	height: 77px;
}

#bg-el-3 {
	position:fixed;
	top: 80px;
	right:0.2%;
	background: url('../img/bg-el-3.png') repeat top left;
	width: 144px;
	height: 85px;
	
}

#bg-el-4 {
	position:fixed;
	bottom: 10%;
	right:0.2%;
	background: url('../img/bg-el-4.png') repeat top left;
	width: 165px;
	height: 148px;
}

#wrap, #footer {
    position:relative;
}

#top-panel {
    height:71px;
    position:absolute;
    top:0px;
    left:0px;
    background: url('../img/top-panel-bg.png') repeat-x top left;
    color: #fff;
    width: 100%;
    z-index: 10;
}
	#top-panel .wrap {
		margin: 0 auto;
		width: 1012px;
	}
	
	#top-panel .wrap .topmenu{
		clear: both;
		z-index: 10;
	}
	
	#top-panel .wrap a.logo{
		float: left;
		height: 78px;
		widht: 222px;
		margin-left: 20px;
	    position: absolute;
	}
	

#wrap {
	margin: 0 auto;
	width: 1012px;
    min-height:100%;
    height:auto !important;
    height:100%;
    /*overflow:hidden;*/
}
	

	#wrap .titlebar{
		background: url('../img/top-foto-bg.png') no-repeat top left; 
		width: 1012px;
		height: 330px;
		text-align: center;
	}
	
	
	/*  END TITLE BAR */


	#wrap .content{
		width: 978px;
		clear: both;
		margin-top: -120px;
		margin-left: 18px;
		overflow:hidden;
		padding-bottom: 100px;
	}
	
		#wrap .content .left{
			float: left;
			width: 258px;
			height: 100%;
			padding: 0px;
		}
	
			#wrap .content .left .left-top {
				background: url('../img/left-top-bg.png') no-repeat top left; 
				width: 258px;
				height: 85px;
			}
				#wrap .content .left .left-top span{
					color: #226e3f;
					font-weight: bold;
					font-size: 18px;
					width: 240px;
					height: 20px;
					position: relative;
					top: 10px;
					left:23px;
					
					/*top: 28px;
					left:20px;*/
					
				}
				
				#wrap .content .left .countdown{
					top: 10px;
					width: 258px;
					height: 40px;
					font-size: 20px;
					text-align:center;
				}
				
				#wrap .content .left .countdown .countdown-days{
					width: 70px;
					float: left;
				}
					#wrap .content .left .countdown .countdown-days #countdown-days,
					#wrap .content .left .countdown .countdown-hours #countdown-hours,
					#wrap .content .left .countdown .countdown-min #countdown-min,
					#wrap .content .left .countdown .countdown-sec #countdown-sec{
						height: 13px;
						
					}
					
					#wrap .content .left .countdown .countdown-days span,
					#wrap .content .left .countdown .countdown-hours span,
					#wrap .content .left .countdown .countdown-min span,
					#wrap .content .left .countdown .countdown-sec span{
						color: #000;
						font-weight: normal;
						font-size: 11px;
						left:0px;
						top:0px;
					}
					
					*:first-child+html #wrap .content .left .countdown .countdown-days span{
						top:5px;
					}
					
					*:first-child+html #wrap .content .left .countdown .countdown-hours span
					{
						top:5px;
					}
					
					*:first-child+html #wrap .content .left .countdown .countdown-min span{
						top:5px;
					}
					
					
					*:first-child+html #wrap .content .left .countdown .countdown-sec span{
						top:5px;
					}
					
				#wrap .content .left .countdown .countdown-hours{
					width: 60px;
					float: left;
				}
				#wrap .content .left .countdown .countdown-min{
					width: 60px;
					float: left;
				}
				#wrap .content .left .countdown .countdown-sec{
					width: 60px;
					float: left;
				}
			
			#wrap .content .left .left-main {
				background: url('../img/left-main-bg.png') repeat-y top left; 
				width: 258px;
			}
				#wrap .content .left .left-main .left-main-content{
					margin: 0 auto;
					width: 229px;
					overflow:hidden;
				}
					#wrap .content .left .left-main .left-main-content div.title{
						font-size: 15px;
						font-weight: bold;
						background-color: #284589;
						height: 32px;
						width: 229x;
						color: #fff;
						padding-top: 17px;
						padding-left: 15px;
						margin-bottom: 10px;
					}
					
					#wrap .content .left .left-main .left-main-content span{
						font-size: 12px;
					}
					#wrap .content .left .left-main .left-main-content img{
						margin-top: 5px;
						border: 1px solid #c3c3c3;
					}
					#wrap .content .left .left-main .left-main-content p{
						font-size: 10px;
						margin: 5px 0px 5px 0px;
					}
					#wrap .content .left .left-main .left-main-content p a{
						text-decoration: none;
						color: #000;
					}
					#wrap .content .left .left-main .left-main-content .end-item{
						border-bottom: 1px solid #c7c7c7;
						width: 228px;
						margin: 10px 0px;
					}
				
			#wrap .content .left .left-bottom {
				background: url('../img/left-bottom-bg.png') no-repeat top left; 
				width: 258px;
				height: 18px;
			}
	
	
		#wrap .content .right{
			float: left;
			width: 716px;
			height: 100%;
			padding: 0px 0px 0px 0px;
		}
			#wrap .content .right .right-top {
				background: url('../img/right-top-bg.png') no-repeat top left; 
				width: 716px;
				height: 14px;
			}
			
			#wrap .content .right .right-main {
				background: url('../img/right-main-bg.png') repeat-y top left; 
				width: 716px;
			}
			
				#wrap .content .right .right-main .right-main-content{
					margin: 0 auto;
					width: 682px;
					overflow:hidden;
				}
			
			#wrap .content .right .right-bottom {
				background: url('../img/right-bottom-bg.png') no-repeat top left; 
				width: 716px;
				height: 18px;
			}
			
	#wrap .content2{
		width: 978px;
		clear: both;
		margin-top: -120px;
		margin-left: 18px;
		overflow:hidden;
		padding-bottom: 100px;
	}
	
		#wrap .content2 .top{
			background: url('../img/main-top-bg.png') no-repeat top left; 
			width: 978px;
			height: 16px;
		}
		
		#wrap .content2 .main{
			background: url('../img/main-main-bg.png') repeat-y top left; 
			width: 978px;
			overflow:hidden;
			padding: 0px;
			
		}
			#wrap .content2 .main .submenu{
				width: 180px;
				min-height: 400px;
				overflow:hidden;
				float: left;
				margin: 7px 0px 0px 18px;
				padding:0px;
			}
			
			#wrap .content2 .main .submenu li{
				margin-bottom: 7px;
				padding-left: 13px;
				background: url('../img/point.gif') no-repeat left 3px; 
				width: 170px;
			}
			
			#wrap .content2 .main .submenu li a{
				color: #000;
				text-decoration: none;
				font-weight: bold;
			}
			
			
			#wrap .content2 .main .right{
				border-left: 1px solid #c7c7c7;
				float: left;
				width: 715px;
				overflow:hidden;
				padding-left: 10px;
				margin: 0 auto;
			}
			
			#wrap .content2 .main .nosubmenu{
				width: 885px;
				border: none;
				margin: 0px 0px 0px 20px ;
			}
			
			#wrap .content2 .main .right h2{
				color: #284589;
				font-size: 24px;
				margin: 0px 0px 10px 0px
			}
		
		#wrap .content2 .bottom{
			background: url('../img/main-bottom-bg.png') no-repeat top left; 
			width: 978px;
			height: 16px;
		}
		
	#wrap #finish {
	    height:50px;
	}

#footer {
    margin-top:-86px;
    height:86px;
    position:relative;
    background-color: #d9d9d9;
    color: #1a191a;
    overflow:hidden;
}
	#footer .wrap {
		margin: 0 auto;
		width: 961px;
	}
	
	#footer .wrap .left{
		font-size: 10px;
		float: left;
		width: 869px;
		padding: 0px 0px 0px 0px;
		
	}
	
	*:first-child+html #footer .wrap .left{
		padding: 10px 0px 0px 0px;
	}
	
	#footer .wrap .right{
		text-align: right;
		float: left;
		width: 90px;
		padding: 0px 0px 0px 0px;
		overflow:hidden;
	}
	
	*:first-child+html #footer .wrap .right{
		padding: 10px 0px 0px 0px;
	}

div {position:relative;margin:0; padding: 0;}
form {margin:0; padding: 0;}
img {
	border-width:0px;
	border-style:none;
	margin:0px;
	padding:0px;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.photo {
	width: 130px;
	height:130px;
	float: left;
	margin: 5px;
	overflow: hidden;
}



.calendar {
	margin: 0 auto;
	width: 800px;
}
.days{
	width:102px;
	border:solid #000 1px;
	background:#dcdcdc;
	margin:2px;
	padding:2px;
	float:left;
	text-align:center;
	color:#000;
}
.day{width:100px;height:70px;border:solid #000 1px;margin:2px;padding:3px;float:left;line-height:13px;overflow:hidden;}
.empty{background:#f4f4f4;}
.current{background:#d9d9d9;}
.event{background:#cbcbcb;}

.cPrev{width:100px;float:left;padding:10px 10px 10px 10px;}
.cMonth{width:310px;float:left;padding:10px 10px 10px 10px;text-align:center;font-size:16px;font-weight:bold;}
.cNext{float:right;width:100px;padding:10px 20px 10px 10px;text-align:right;}