/* DEPERU.COM - 2008 */

/* FONDO DE PAGINA */
body {
	background-image:url('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 */


#descripcion{
	width: 900px;
	display: none;
}


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

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

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


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


#izquierdo{
	width: 150px;
	height: 130px;
	background-color: #FFFFFF;
	float: left;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-left-width: 4px;
	margin: 0px;

}

#central-google{
	width: 457px;
	height: 130px;
	background-color: #FFFFFF;
	float: left;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 4px;
}

#nnpp{
	width: 330px;
	height: 130px;
	background-color: #F3F3F3;
	background-image:url('imagenes/nnpp340x130.jpg');
	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;
}

#barraizq{
	width: 152px;
	background-color: #FFFFFF;
	float: left;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 4px;		
}

#contenido{
	width: 452px;
	background-color: #FFFFFF;
	float: left;
	border-top-color: #FFFFFF;
	border-top-width: 4px;
	border-top-style: solid;
}

#barrader{
	width: 150px;
	background-color: #FFFFFF;
	float: left;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 4px;	
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-left-width: 4px;
}

#barradergoogle{
	width: 180px;
	background-color: #FFFFFF;
	float: right;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}

#google300{
	width: 300px;
	height: 250px;
	float: left;
}

#banner140x90{
	width: 140px;
	height: 95px;
	float: left;
	background-color: #FFFFFF;
	padding: 5px;
}

#banner140x70{
	width: 140px;
	height: 75px;
	float: left;
	background-color: #FFFFFF;
	padding: 5px;
}

#bannerbbc{
	width: 140px;
	height: 35px;
	float: left;
	background-color: #003399;
	padding: 5px;
}


#banner220x50{
	width: 220px;
	height: 53px;
	float: left;
	background-color: #FFFFFF;
	padding: 3px;
}


#bannergoles{
	width: 200px;
	height: 220px;
	float: left;
	background-image:url('imagenes/golesframe.jpg');	
	overflow: hidden;
}

#cuadrado200{
	width: 200px;
	height: 200px;
	float: left;
	background-color: white;	
	overflow: hidden;
	background-color: white;
	border-top-color: #FFD394;
	border-right-color: #FFD394;
	border-left-color: #FFD394;
	border-bottom-color: #FFD394;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}

#hr{
	width: 100%;
	height: 10px;
	clear: both;
	background-color: #FFFFFF;
	margin: 0px;
}

#youtube{
	width: 250px;
	height: 220px;
	float: right;
	background-image:url('imagenes/mejoryoutube.png');
	background-color: black;
	overflow: hidden;
}

#cuadrado240{
	width: 240px;
	height: 200px;
	float: right;
	background-color: white;
	border-top-color: #FFD394;
	border-right-color: #FFD394;
	border-left-color: #FFD394;
	border-bottom-color: #FFD394;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	
}

#chistes{
	background-image:url('imagenes/chistes.jpg');
	width: 240px;
	height: 200px;
	float: right;
	background-color: white;
	border-top-color: #FFD394;
	border-right-color: #FFD394;
	border-left-color: #FFD394;
	border-bottom-color: #FFD394;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	
}

#encuestas{
	width: 180px;
	height: 300px;
	clear: both;
	background-image:url('imagenes/encuestas_180.jpg');
}

#musicos{
	width: 450px;
	height: 130px;
	clear: both;
	background-color: white;
	border-top-color: #FFD394;
	border-right-color: #FFD394;
	border-left-color: #FFD394;
	border-bottom-color: #FFD394;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}

#artista{
	width: 65px;
	height: 65px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 5px;
}

#artista2{
	width: 130px;
	height: 65px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 5px;
}

#blogstitulares{
	width: 450px;
	height: 130px;
	clear: both;
	background-color: white;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-left-color: #CC3300;
	border-bottom-color: #CC3300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	overflow: hidden;
}

#serviciosempresas{
	width: 450px;
	height: 110px;
	clear: both;
	background-color: white;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-left-color: #CC3300;
	border-bottom-color: #CC3300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	overflow: hidden;
}

#clasificados{
	width: 450px;
	height: 130px;
	clear: both;
	background-color: white;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-left-color: #CC3300;
	border-bottom-color: #CC3300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-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;

}

/* --------------------------------------------------------------------- */
    #tabsB {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:70%;
      font-family: arial;
      line-height:normal;
      }
    #tabsB ul {
	  margin:0;
	  padding:0px 0px 0 75px;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("imagenes/menu/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("imagenes/menu/tabrightB.gif") no-repeat right top;
      padding:4px 10px 3px 5px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }
/* --------------------------------------------------------------------- */

#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;
}



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


/* 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 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: #000000;
	background-color: #FFD394;	
	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: 3px;
	padding-bottom: 3px;
	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: 3px;
	padding-bottom: 3px;
	width: 150px;
	text-decoration: none;
}

/*TITULO DE MODULOS*/

.titulomodulo {
	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: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 150px;
	margin: 0px;
	text-decoration: none;
}

/* ENLACES NNPP */
.nnpp {
	font-family: arial;
	font-size: 0.7em;
	font-weight: normal;
	color: black;
	text-decoration: none;
	text-align: left;
	line-height: 1.5em;
}

.nnpp:hover {
	font-family: arial;
	font-size: 0.7em;
	font-weight: normal;
	color: black;
	text-align: left;
	text-decoration: underline;
	line-height: 1.5em;
}

/* 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.7em;
	font-weight: normal;
	color: gray;
	text-decoration: none;
}

.grises:hover {
	font-family: arial;
	font-size: 0.7em;
	font-weight: normal;
	color: gray;
	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;
	padding-left: 10px;
	text-decoration: none;

}

.goles:hover {
	font-family: arial;
	font-size: 0.7em;
	font-weight: normal;
	color: yellow;
	height: 10px;
	margin: 0px;
	padding-left: 10px;
	text-decoration: underline;
}
