/* 

	Comments: Specific CSS to style the elements of the index page only.
		  All common elements are in main.css.

*/

/* styles for the main display area in the main page */
#mainArea{
	width:850px;
	height:410px;
	margin:0px auto 0px auto; 
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image: url(../images/elements/background_frame_short.jpg); 
	background-repeat: no-repeat;
	background-size: 100%;
	position:relative;

	/*border-style:solid; 
	border-color:red;
	border-width:thin;*/
}

/* styles for footer, images and lunyu */

#main_image{
	top: 0px;
	left: 0px;
	width: 383px;
	height:266px;
	margin:48px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	text-align:center;
	position:relative;
}


#lunyu{
	top: 100px;
	right: 40px;
	width: 400px;
	height:300px;
	margin:0px 0px 0px 0px; 
	padding:15px 10px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	color:#0613bd;
	font-weight:normal;
	background-repeat: no-repeat;
	background-size: 100%;
	/*border-style:none; 
	border-color:blue;
	border-width:thin;*/
	position:absolute;
}

#lunyu img{
	margin:-10px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
}

#lunyu_text{
	left:12px;
	margin:0px 0px 0px 0px; 
	padding:5px 10px 5px 14px;
	position:relative;
}


/* styles for the botton main links and footer*/
#wrapper{
	width:850px;
	height:105px;
	margin:5px auto 0px auto; 
	padding:0px 0px 0px 0px;
	text-align:left;
	/*border-style:none; 
	border-color:blue;
	border-width:thin;*/
}

#comoEmpezar{
	width:275px;
	height:105px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute; 
	background-image: url(../images/elements/background_frame_empezar.jpg); 
	background-repeat: no-repeat;
}
#comoEmpezarLink{
	width:275px;
	height:105px;
	overflow: hidden;
	background: url(../images/elements/background_frame_empezar.jpg) top left no-repeat;
	display: block;
} 
#comoEmpezarLink:hover{
	background-position: top right;
}


#librosArticulos{
	width:275px;
	height:105px;
	margin:0px 0px 0px 288px;
	padding:0px 0px 0px 0px; 
	position:absolute; 
	background-repeat: no-repeat;
}
#librosYArticulosLink{
	width:275px;
	height:105px;
	overflow: hidden;
	background: url(../images/elements/background_frame_material.jpg) top left no-repeat;
	display: block;
} 
#librosYArticulosLink:hover{
	background-position: top right;
}



#acercaDeFalunDafa{
	width:275px;
	height:105px;
	margin:0px 0px 0px 573px;
	padding:0px 0px 0px 0px; 
	position:absolute; 
	background-image: url(../images/elements/background_frame_acerca.jpg); 
	background-repeat: no-repeat;
}
#acercaLink{
	width:275px;
	height:105px;
	overflow: hidden;
	background: url(../images/elements/background_frame_acerca.jpg) top left no-repeat;
	display: block;
} 
#acercaLink:hover{
	background-position: top right;
}



#footer{
	padding:0px 0px 0px 0px;
	margin:150px 0px 0px 300px;
	text-align:center; 
	color: #573f19; 
	font-size:10px;
	position:absolute;
}