/* 
* CSS, bytes for amdh.org.mx/vigia_ciudadano by ARHEGO.
* V1.0 25 Sep 07.
* Copyleft, significa que debes dar la libertad a quien sea
* de copiar y modificar si tomas este código tu también
* y lo modificas o lo dejas igual
*/

BODY {
	font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10 0 10 0px;
	text-align: center;
  background-image:url("../images/faroFondo.gif"); 
   background-attachment:fixed;
}

/*para quirtar el borde de las imagenes */
a img{
	border:0;
}
/* Es el DIV que engloba completamente a todos los demas, todo esta aca dentro 	*/
/* Esta es la que me manda todo el color de fondo de las tres columas						*/
#contenedor{
/* border: 1px solid red;*/
   text-align: justify;
   width: 900px;
   margin: auto;
}
/* Es la parte de hasta arriba de la pagina, (donde va el banner superior)		*/
#cabecera{
   padding: 3 3 3 10px;
}
/* Engloba a las tres columnas																								*/
#cuerpo{
   margin: 10 0 10 0px;
}
/* Es la parte que contiene las pestanhas de los estados											*/
#estados{
   padding: 3 10 3 10px;
   font-size:small;
   clear: both;
/* se cambio de 50 a 100    */
   height:100px;
   text-align:center;
   /*border:1px solid blue;*/
}
/* Esta parte se pone para ponder englobar al menu y su parte de escuchame			*/
#ladoIzquierdo{
float:left;
}
/* Esta parte se propones para escuchar directamente la radio 									*/
#escuchame{
/*border: 1px solid #E35; */
   width: 175px;
   height:50px;
   
}
/* Es la parte que manda la caja del menu que esta a la izquierda, este esta	*/
/* Esta parte esta complementada por menu.css 																*/
#menu{
	border: 1px solid #DCDCDC;
   width: 175px;
   font-size:small;
   margin-top:5px;
}
/* Es la COLUMNA CENTRAL, engloba la div reciente y contenido 								*/
#principal{
	/*border: 1px solid green;*/ 
   margin-left: 185px; 
   padding: 4 0 4 0px;
   width: 710px;
}
/* Esta dentro de la div principal y es la parte de arriba de donde se cargan	*/
/* los contenidos																															*/
#reciente{
 border:1px solid #DCDCDC;
 margin-left:5px;
	padding: 4 4 4 4px;
	height:150px;
	width:688px;
} 
/* La unica funcion es de poner un separadro entre las dos div								*/
#separador{ 
	padding: 0 0 0 0px; 
	font-size:xx-small;
}
/* Esta dentro de la div principal y es la que se alimenta de lo que 					*/
/* los contenidos que le mande el menu	SE COMPLEMENTA CON cargaContenido.css	*/
#contenido{ 
	border: 1px solid silver;
	background-image: url("../images/imagenAbajoPrincipal_down.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 25 25 25 25px;
}
/* Muestra la imagen superior que hace la caja manda el color de principal 			*/
#dibujoCajaArriba{ 
	border: 1px dotted #DCDCDC;
	background-image: url("../images/imagenArribaPrincipal_up.gif");
	background-position: top center;
	background-repeat: no-repeat;
}
/* Es la linea de hasta abajo que nos presenta el pie de pagina		 							*/
#pie{ 
   border: 1px dotted #DCDCDC;
   padding: 3 10 3 10px;
   font-size:x-small;
   clear: both;
   height:150px;
   text-align:right;
} 
/*Esta es para la imagen de mcArthur*/
#creditos{
float:left;
width:200px;
	margin-left:170px;
}

.resaltado{
	background-color:#91CFFF;
}

#letracredito{
	/*border: 1px solid red; */
	text-align:center;
	margin-left:390px;
	margin-top:50px;
	height:50%;
	width:400px;

}