/*estilos generales*/
body{background-color:#E6E6E6}
img{margin:0;padding:0;border:none}
p 
{ 
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: normal;
color:#808080;
}
#body
{
background-color:#E6E6E6;
width:720px;
margin:0;
padding:0;
font-family: arial, san-serif;
font-size:10pt;
color:#B2B2B2;
position:relative;
}
a{color:#404040;text-decoration:none;}
a:hover{color:#404040;text-decoration:underline;}
/*estilos texto*/

.titulo { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16pt;
    font-style: normal;
    font-weight: bold;
    color: rgb(255, 0, 0);
    }

 .sumario { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    color: rgb(102, 102, 102);
    }

 .titulo-sumario { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
    color: rgb(51, 51, 51);
    text-decoration: none;
    }
  .creditos { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 7pt;}  
/*estilos cabecero*/
#header
{
background-color:#FFFFFF;
width:700px;
height:144px;
margin:0;
padding:0 10px 0 10px;
}
#banner
{
width:690px;
height:90px;
margin:0 ;
padding:10px 0 0 0;
}
#menu-sup
{
position:relative;
left:10px;
width:690px;
height:18px;
margin:0;
padding:20px 0px 5px 0 ;
}
#menu-footer
{
position:relative;
left:10px;
width:690px;
height:18px;
margin:0;
padding:10px 0px 5px 0 ;
}
/*estilos cuerpo*/
#content
{
clear:both;
width:700px;
height:768px;
margin:0;
padding:20px 10px 20px 10px;
}
#foto-portada
{
	left:46px;
	position:absolute;
	width:265px;
	height:383px;
	margin:0;
	padding:0;
	top: 163px;
}
#articulos
{
	right:30px;
	position:absolute;
	float:right;
	width:349px;
	height:383px;
	margin:0;
	padding:0;
	top: 164px;
}
#cont
{
clear:both;
width:700px;
height:90px;
margin:0;
padding:20px 0 20px 0;
}

#bloque1
{
	left:266px;
	position:absolute;
	width:200px;
	height:90px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	top: 573px;
}
#bloque2
{
	left:42px;
	position:absolute;
	float:right;
	width:200px;
	height:90px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	top: 571px;
}
#bloque3
{
	right:30px;
	position:absolute;
	float:right;
	width:200px;
	height:90px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	left: 492px;
	top: 572px;
}
#recorridos
{
	position:absolute;
	width:265px;
	height:90px;
	margin:0 0 0 30px;
	padding:0;
	left: 12px;
	top: 683px;
}
#next-ed
{
	position:absolute;
	float:right;
	width:349px;
	height:90px;
	margin:0 30px 0 0;
	padding:0;
	left: 339px;
	top: 684px;
}
/*estilos footer*/
#footer
{
position:relative;
width:700px;
height:20px;
margin:0;
padding:0 10px  20px 10px;
background-color:transparent;
}
#footer1
{
	position:absolute;
	width:682px;
	height:20px;
	margin:0;
	padding:0 10px  20px 10px;
	background-color:transparent;
	left: 40px;
	top: 795px;
}
.footer
{
clear:both;
position:relative;
width:700px;
height:20px;
margin:0;
padding:0 20px  0 10px;
background-color:transparent;
}
#pie
{
	position:absolute;
	width:700px;
	height:20px;
	margin:0;
	padding:0 10px  20px 10px;
	background-color:transparent;
	left: 22px;
	top: 851px;
}	

/*barra lateral*/
    
  #barra-lat
 {
 width: 187px;
 height:777px;
 margin: 0;
 padding: 10px 10px 0 10px;
 background-color:#FFFFFF;  

