/**************************************************************
 *	title
 **************************************************************/
#title {
	position:absolute;
	top: 30px;
	left: 100px;
	height: 130px;
	width: 400px;
	background-image: url(../images/logo.gif);
	z-index: 11;
}

 /**************************************************************
  *	home
  **************************************************************/
 #home {
 	position:absolute;
 	top: 30px;
 	left: 150px;
 	width: 720px;
 	height: 800px;
	background-color: white;
	z-index: 3;
}

/*------------------------------------------------------------ 
 *      cover_articles 
 *-----------------------------------------------------------*/
#cover_articles {
	position: absolute;
	top: 140px;
	left: 15px;
	width: 330px;
	height: 298px;
	margin: 0px;
	padding-left: 4px;
	z-index: 12;
	/*border: 2px #484647 solid;*/
	background-image: url(../images/cover_articles.gif);
}

ul.cover_articles {
	list-style-type: none;
	padding: 40px 0px 10px 15px;
	margin: 0px;
}

li.cover_articles {
	padding-left: 5px;
	padding-bottom: 12px;	
}

span.cover_articles {
	display: block;
	width: 310px;
	margin-top: 4px;
	padding-left: 10px;
	font-size: 14pt;
	font-style: italic;
	color: white;
}

a.cover_articles {
	color: #262425;
	font-size: 12pt;
	text-decoration: none;
}

a.cover_articles:hover {
	color: grey;	
}

/*------------------------------------------------------------ 
 *      tag_image 
 *-----------------------------------------------------------*/
 img.tag_image {
	position: absolute;
	top: 340px;
	left: 300px;
	z-index: 13;
}

/*------------------------------------------------------------ 
 *      cover_girl 
 *-----------------------------------------------------------*/
img.cover_girl {
	display: block;
	width: 353px;
	height: 392px;
	/*padding: 24px 52px 25px 52px;*/
 	margin-top: 10px;
 	margin-left: 355px;
 	background-color: #f29c15;
}

/*------------------------------------------------------------ 
 *      edition_index 
 *-----------------------------------------------------------*/
img.edition_index {
 	margin-top: 20px;
 	margin-left: 430px;
}
 
/*------------------------------------------------------------ 
 *      buttons 
 *-----------------------------------------------------------*/
ul.buttons {
	list-style-type: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
 
li.buttons {
	padding: 0px;
}

a.button_comment, a.button_suscribe, a.button_blog, a.button_mensajes {
	display: block;
	text-align: left;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding-left: 10px;
	margin-bottom: 5px;
}

a.button_comment:hover, a.button_suscribe:hover, a.button_blog:hover, a.button_mensajes:hover {
	color: gray;
}

/*------------------------------------------------------------ 
 *      infobox 
 *-----------------------------------------------------------*/
span.infobox, ul.infobox, p.infobox {
	display: block;
	width: 116px;
	background-color: white;
	padding: 0px;
	margin: 0px 0px 0px 3px;

}
	
span.infobox {
	font-weight: bold;	
	margin-bottom: 10px;
}

ul.infobox {
	list-style-type: none;
	padding-bottom: 20px;
}

li.infobox {
	padding: 0px;
}

a.infobox {
	text-decoration: none;
	font-size: 8pt;
	color: black;
}

a.infobox:hover {
	color: grey;	
}

/**************************************************************
 *	home section
 **************************************************************/
#home_sections {
	position:absolute;
	top: 480px;
	left: 50px;
	height: 235px;
	width: 620px;
	z-index: 11;
}

#home_section {
	float: left;	
	width: 288px;
	height: 100px;
	margin: 0px 20px 20px 0px;
	border: solid 1px #40cec0;
}

h4.home_section {
	width: 278px;
	margin: 0px;
	padding-left: 10px;
	font-size: 9pt;
	border-bottom: solid 1px #40cec0;
	background-image: url(../images/title_section1.jpg);
}

/**************************************************************
 *	footer
 **************************************************************/
#home_footer {
 	display: block;
 	position: absolute;
 	top: 750px;
 	margin: 0px 0px 20px 320px;
 	
 	width: 120px;
	z-index: 3;
}