@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}

#main_cover, {
	width:960px; margin: auto;
}



/*/////MAIN STORY///////////////////////////////////////////////////////*/


#main_story_container{
	height: 480px;	
	padding-top:30px;	
}

#main_story_text2{
	position:absolute;
	top:0px;
}

.border{	
	border-style:solid;
	border-width:1px;
	border-color:#CCC;	
	-moz-border-radius: 15px;
	border-radius: 15px;	
	padding:20px
}

/*/////ARTICLES///////////////////////////////////////////////////////*/

#articles_container{
	top:0px;	
	width:960px;
	height:400px;
	padding:20px;
	position:relative; /*al posicionar define una posicion padre desde la cual alinear los siguienes elementos que se posicionan.... sino, se alinearian desde el extreme superior izquierdo*/
	
}

#article1,#article2,#article3,#article4,#article5,#article6, #article7,#article8,#article9{
	position:absolute;
	background-color:white;
	width: 260px;
	height: 260px;
	padding:20px;
	
	border-style:solid;
	border-width:1px;
	border-color:#CCC;	
	-moz-border-radius: 15px;
	border-radius: 15px;	
	padding:20px;	
}

#next1,#next2,#next3{
	position:absolute;
	background-color:white;
	width: 260px;
	height: 80px;
	padding:20px;	
}

#article1{
	left:1px;
}

#article2{	left:330px; }

#article3{	right:40px;}

#article4{	top:400px; 	left:1px; }

#article5{	top:400px; 	left:330px; }

#article6{	top:400px;  right:40px; }

#next1{	 }

#next2{	 }

#next3{	 }


/*/////PREV ISSUES///////////////////////////////////////////////////////*/

#previous_block{
	top:10px;	
	left:-20px;
	
	text-align:center;
	
	width:920px;
	position:relative; /*al posicionar define una posicion padre desde la cual alinear los siguienes elementos que se posicionan.... sino, se alinearian desde el extreme superior izquierdo*/
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#CCC;	
	
	padding-left:20px;
	padding-right:20px;	
	padding-top:10px;
	padding-bottom:10px;	
	
}

#previous_title{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	top:-20px;	
	
	font-size:16px;	
	background:#FFF;
	width:270px;
}





/*////BANNERS/////////////////////////////////////////////*/

#banners_container_top, #banners_container_bottom, #banners_container_middle{
	width:920px;
	padding:20px;
	position:relative; /*al posicionar define una posicion padre desde la cual alinear los siguienes elementos que se posicionan.... sino, se alinearian desde el extreme superior izquierdo*/	
}

#banners_container_top{
	top:10px;
	right:10px;	
	margin-left: auto;
	margin-right: auto 
}

#banners_container_middle{
	top:310px;
	right:30px;	
	margin-left: auto;
	margin-right: auto 
}

#banners_container_bottom{
	top:300px;
	left:10px;
}

#wideBanner{
	top:-100px; 
	right:5px;
	
	position:absolute;
	background-color:white;	
	box-shadow:         	7px 7px 5px rgba(50, 50, 50, 0.75);
		-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);	  
}

#banner1,#banner2,#banner3,#banner4{
	position:absolute;
	background-color:white;	
	box-shadow:         	7px 7px 5px rgba(50, 50, 50, 0.75);
		-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);

}

#banner1{
	top:8px;
	left:5px; 
}

#banner2{
	top:8px; 
	right:5px; 
}

#banner3{
	top:0px; 
	left:5px; 
}

#banner4{
	top:0px; 
	right:5px;  
}

/*  back-to-top /////////////////////////////////////////////////////////////*/

#back-to-top{
	text-align:center;
	padding-bottom:20px;	
}

#back-to-top2{
	position:absolute;
	bottom:60px;
	width:960px;	
	text-align:center;
}

/*  IMAGES /////////////////////////////////////////////////////////////*/


.image_sections {
	width:260px;
	height:30px;
}

#image_publishers_section {
	height:35px;
	width:920px;
}

.image_article {
	width:260px;
	height:91px;	
}	

.image_wide_banner { 
	width:900px;
	height:46px;	
}

.image_banner { 
	width:470px;
	height:80px;	
}

.image_main_story {
	width:920px;
	height:300px;
}



/*IMAGES LINKS*/

a:link {text-decoration:none; color:#062a4f;}      /* unvisited link */
a:visited {text-decoration:none; color:#062a4f;}  /* visited link */
a:hover {text-decoration:none; color:#062a4f;}  /* mouse over link */
a:active {text-decoration:none; color:#062a4f;}  /* selected link */

a:link title {text-decoration:none; color:#062a4f;}      /* unvisited link */