/* DEPERU.COM - 2008 */

/* FONDO DE PAGINA */

body {

	background-image:url('http://www.deperu.com/fondo_dpc.jpg');
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #CC3300; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #CC3300; 
	scrollbar-darkshadow-color: #F0000; 
	scrollbar-track-color: #F0F0F0; 
	scrollbar-arrow-color: #FFFF00;
}

img{border:none;}


/* CONTENEDOR DE TODA LA PAGINA */

#contenedor{
	background-color: #FFFFFF;
	width: 955px;
	margin:0 auto 0 auto;
	border-top-color: #FFD394;
	border-right-color: #FFD394;
	border-bottom-color: #FFD394;
	border-left-color: #FFD394;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/* SECCIONES DE TODA LA PAGINA */

#top{
	width: 100%;
	height: 17px;
	background-color: #CC3300;
	background-image:url('../imagenes/barra_pa_arriba.jpg');
	clear:both;
}

#logo{
	width: 197px;
	height: 70px;
	float: left;
	padding-left: 5px;
	padding-top: 20px;
}

#banersuperior{
	width: 748px;
	height: 90px;
	background-image:url('../imagenes/fondo_gris_750.jpg');
	float: right;
	text-align: right;
}

#prensa{
	width: 950px;
	height: 90px;
	clear:both;
}

#fecha{
	width: 270px;
	height: 25px;
	float: left;
}

#temperatura{
	width: 210px;
	height: 25px;
	float: left;
}

#favoritos{
	width: 450px;
	height: 25px;
	float: left;	
}

#barra{
	clear: both;
	background-color: #FFFFFF;
	width: 953px;
	height: 43px;
	border-top-color: #F0F0F0;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-color: #F0F0F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#mensajes{
	width: 160px;
	height: 42px;
	float: right;
}

#contenido{
	width: 950px;
	float: left;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
}

#google300{
	width: 300px;
	height: 250px;
	float: left;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
}

#articulos{
	width: 475px;
	height: 255px;
	float: left;
	border-left-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 4px;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	overflow: hidden;
}

#googleder{
	width: 160px;
	float: right;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
}

#otrosarticulos{
	width: 380px;
	height: 700px;
	float: left;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	border-left-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	overflow: hidden;
}

#articulo{
	width: 700px;
	float: left;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	padding-left: 35px;
	padding-right: 45px;
	padding-bottom: 25px;
	padding-top: 25px;
}

#barrasitio{
	width: 610px;
	height: 50px;
	background-color: #f8f8f8;
	clear: both;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
}

#googleizq{
	width: 160px;
	height: 600px;
	float: left;
}

#masarticulos{
	width: 530px;
	height: 600px;
	float: left;
	border-left-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	overflow: hidden;
}

#artxcat{
	margin:0 auto 0 auto;
	width: 800px;
	overflow: hidden;
}

#tube{
	width: 250px;
	height: 200px;
	float: right;
}

#categorias{
	width: 250px;
	height: 400px;
	background-color: #f0f0f0;
	float: right;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	overflow: hidden;
}

#ultimos{
	width: 390px;
	float: left;
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	overflow: hidden;
}

#barrapie{
	width: 953px;
	height: 170px;
	background-color: #FFFFFF;
	clear: both;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}

#latinnetworks{
	width: 197px;
	height: 70px;
	float: right;
	padding-left: 5px;
	padding-top: 5px;
	text-align: right;
}

#banerinferior{
	width: 748px;
	height: 90px;
	float: right;
	text-align: left;
}


/* --------------------------------------------------------------------- */



h1{	font-family: arial;

	font-size: 2em;

	font-weight: bold;

	color: #CC3300;

	text-decoration: none;

	text-align: center;

	}



h3{	font-family: arial;

	font-size: 18px;

	font-weight: bold;

	color: #000066;

	text-decoration: none;

	text-align: left;

	}

h4{	font-family: arial;
	font-size: 0.75em;
	font-weight: normal;
	color: black;
	text-decoration: none;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	}	

/* ENLACES TOP */

.top {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: white;

	text-decoration: none;

	margin-bottom: 0px;

	height: 15px;

	float: right;

	padding-right: 3px;

	padding-left: 3px;

}



.top:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: white;

	text-decoration: none;

	margin-bottom: 0px;

	height: 15px;

	float: right;

	padding-right: 3px;

	padding-left: 3px;	

	background-color: #000000;

}



/* ENLACES DIA CALENDARIO */

.dia {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: black;

	text-decoration: none;

	float: right;

}



.dia:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: white;

	text-decoration: none;

	background-color: #CC3300;

	float: right;

}



/* ENLACES FECHA */

.fecha {

	font-family: arial;

	font-size: 0.7em;

	font-weight: bold;

	color: gray;

	text-decoration: none;

	margin-bottom: 0px;

	height: 15px;

	float: left;

	padding-right: 3px;

	padding-left: 3px;

	padding-top: 3px;

}



/* ENLACES TEMPERATURA */

.temperatura {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: gray;

	text-decoration: none;

	margin-bottom: 0px;

	height: 15px;

	float: left;

	padding-right: 3px;

	padding-left: 3px;

	padding-top: 3px;

}



.temperatura:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: #0099FF;

	text-decoration: underline;

	margin-bottom: 0px;

	height: 15px;

	float: left;

	padding-right: 3px;

	padding-left: 3px;

	padding-top: 3px;

}



th {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: #FFFFFF;

}



#buscador{

	width: 400px;

	height: 250px;

	background-color: #FFFFFF;

	float: left;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	border-top-width: 4px;

	padding-left: 33px;

	padding-right: 33px;



}



#nnpp{

	width: 400px;

	height: 120px;

	background-color: #F3F3F3;

	float: right;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	border-top-width: 4px;

	padding-top: 5px;	

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	overflow: hidden;

}



/* --------------------------------------------------------------------- */







.categorias {

	font-family: arial;

	background-color: #EBEBEB;

	font-size: 10px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}



.catelinks {

	font-family: arial;

	font-size: 14px;

	font-weight: bold;

	color: #CC3300;

	text-decoration: none;

}



.titular {	

	font-family: arial;

	font-size: 20px;

	font-weight: bold;

	color: #000080;

	text-decoration: none;

	text-align: left;

}



.titular:hover {	

	font-family: arial;

	font-size: 20px;

	font-weight: bold;

	color: #000000;

	text-decoration: underline;

	text-align: left;

}



.titulardos {	

	font-family: arial;

	font-size: 13px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	text-align: left;

}



.titulardos:hover {	

	font-family: arial;

	font-size: 13px;

	font-weight: bold;

	color: #000080;

	text-decoration: underline;

	text-align: left;

}



.texto {	

	font-family: arial;

	font-size: 12px;

	font-weight: normal;

	color: #808080;

	text-decoration: none;

	text-align: left;

}



.descripcion {	

	font-family: arial;

	font-size: 12px;

	font-weight: normal;

	color: #000066;

	text-decoration: none;

	text-align: justify;

}



.texto2 {	

	font-family: arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	text-align: justify;

}



.textonota {	

	font-family: arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	line-height: 200%;

	text-align: left;

}



	



.cates {	

	font-family: arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	text-align: left;

}



.cates:hover {	

	font-family: arial;

	font-size: 12px;

	font-weight: bold;

	color: #ff0000;

	text-decoration: underline;

	text-align: left;

}



/* --------------------------------------------------------------------- */



/* ENLACES FAVORITOS */

.favoritos {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: gray;

	text-decoration: none;

	margin-bottom: 0px;

	height: 15px;

	float: right;

	padding-right: 3px;

	padding-left: 3px;

	padding-top: 3px;

}



.favoritos:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: black;

	text-decoration: underline;

	margin-bottom: 0px;

	height: 15px;

	float: right;

	padding-right: 3px;

	padding-left: 3px;

	padding-top: 3px;

}



/* ENLACES ROJOS DE BARRA */

.enlacesrojos{

	font-family: verdana;

	font-size: 10px;

	font-weight: bold;

	color: #CC3300;

	background-color: #F0F0F0;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #F0F0F0;

	border-bottom-color: #F0F0F0;

	border-left-color: #F0F0F0;

	text-align: center;

	float: left;

	height: 16px;

	width: 127px;

	margin: 1px;

	padding-top: 1px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-decoration: none;

}



.enlacesrojos:hover {

	font-family: verdana;

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #CC3300;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #FFD394;

	border-bottom-color: #FFD394;

	border-left-color: #FFD394;

	text-align: center;

	float: left;

	height: 16px;

	width: 127px;

	margin: 1px;

	padding-top: 1px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-decoration: none;

}



/* ENLACES BARRA NEGROS-ABAJO */

.enlacesbold {

	font-family: arial;

	font-size: 0.7em;

	font-weight: bold;

	color: black;

	text-decoration: none;

	margin-bottom: 0px;

	height: 20px;

	float: left;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 4px;

}



.enlacesbold:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: bold;

	color: #CC3300;

	text-decoration: underline;

	margin-bottom: 0px;

	height: 20px;

	float: left;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 4px;

}



/* ENLACES ROJOS DE BARRA */

.enlacescostados{

	font-family: verdana;

	font-size: 10px;

	font-weight: normal;

	color: #666666;

	background-color: #FFFFFF;	

	border-top-width: 0px;

	border-top-style: solid;

	border-top-color: #F0F0F0;			

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #F0F0F0;	

	border-right-color: #F0F0F0;

	border-right-width: 1px;		

	border-right-style: solid;	

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-bottom-color: #F0F0F0;

	vertical-align: middle;

	text-align: center;

	float: left;

	padding-top: 4px;

	padding-bottom: 4px;

	width: 150px;

	text-decoration: none;

}





.enlacescostados:hover {

	font-family: verdana;

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #CC3300;	

	border-top-width: 0px;

	border-top-style: solid;

	border-top-color: #FFFFFF;			

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #FFFFFF;	

	border-right-color: #FFFFFF;

	border-right-width: 1px;		

	border-right-style: solid;	

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-bottom-color: #FFFFFF;

	vertical-align: middle;

	text-align: center;

	float: left;

	padding-top: 4px;

	padding-bottom: 4px;

	width: 150px;

	text-decoration: none;

}



/*TITULO DE MODULOS*/



.titulomodulo {

	font-family: verdana;

	font-size: 10px;

	font-weight: bold;

	color: #000000;

	background-color: #FFFFFF;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #F0F0F0;

	border-left-color: #FFFFFF;

	text-align: center;

	float: left;

	padding-top:7px;

	padding-bottom: 2px;

	width: 150px;

	margin: 0px;

	text-decoration: none;

	height: 25px;

}



/* ENLACES NNPP */

.nnpp {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: black;

	text-decoration: none;

	float: left;

}



.nnpp:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: black;

	text-decoration: underline;

	float: left;

}



/* ENLACES BARRA NEGROS-ABAJO */

.enlacescentro {

	font-family: arial;

	font-size: 0.7em;

	font-weight: bold;

	color: black;

	text-decoration: none;

	margin-bottom: 0px;

	padding-right: 5px;

	padding-left: 5px;

}



.enlacescentro:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: bold;

	color: #CC3300;

	text-decoration: underline;

	margin-bottom: 0px;

	padding-right: 5px;

	padding-left: 5px;

}





/* ENLACES BLOGS */

.blogs {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: gray;

	text-decoration: none;

}



.blogs:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: bold;

	color: gray;

	text-decoration: underline;

}



/* ENLACES GRISES */

.grises {

	font-family: arial;

	font-size: 0.75em;

	font-weight: normal;

	color: black;

	text-decoration: none;

}



.grises:hover {

	font-family: arial;

	font-size: 0.75em;

	font-weight: normal;

	color: black;

	text-decoration: underline;

}



/* TITULOS SECCION */

.tituloseccion {

	font-family: arial;

	font-size: 0.9em;

	font-weight: bold;

	color: red;

	height: 30px;

	width: 442px;	

	padding-top: 10px;

	text-align: center;

	float: left;

	margin: 0px;

}



/* TEXTO YOUTUBE */

.textoyoutube {

	font-family: arial;

	font-size: 0.8em;

	font-weight: bold;

	color: white;

	height: 10px;

	margin: 0px;

	padding-left: 100px;

	text-decoration: none;

}



.textoyoutube:hover {

	font-family: arial;

	font-size: 0.8em;

	font-weight: bold;

	color: yellow;

	height: 10px;

	margin: 0px;

	padding-left: 100px;

	text-decoration: underline;

}



/* GOLES PERU */

.goles {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: white;

	height: 10px;

	margin: 0px;

	text-decoration: none;

}



.goles:hover {

	font-family: arial;

	font-size: 0.7em;

	font-weight: normal;

	color: yellow;

	height: 10px;

	margin: 0px;

	text-decoration: underline;

}
