BODY {
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 10 0 10 0px;
   text-align: center;
   background-image: url(agua.gif); /* fondo web */
}

p {
	font-family: verdana;
	color: #330099; /* fuente */
	font-size: 10pt;
	
}

N {
	   font-weight: bold;
}

H1{
	font-weight: bold;
	color: ffffff;
	font-size: 16
	}
	
#centrar-imagen {
text-align: center;
}

/*CUERPO*/

#contenedor{
   text-align: left;
   width: 900px;
   margin: auto;
  
}

/*CABECERA*/
#cabecera{
   
   background-color: #0487CB  ; /* fondos encabezados*/
   color: #ffffff;
   font-size:16pt;
   font-weight: bold;
   padding: 3 3 3 10px;
   text-align: center;
      
}


#cuerpocab{
	padding: 4 4 4 4px;
    background-color: #ffffff;
    }
	
	
#publi {
   background-color: #CAF99B; /* ffcc99 claro*/
   text-align: center;
}

#cuerpo{
   margin: 10 0 10 0px;
   
}

   

   
/*COLUMNA IZQUIERDA*/
#lateral{
   width: 150px;
   height: 975px;
   background-color: #ffffff; /* ffcc99 claro*/
   float:left; 
   border: 1px solid #0487CB   ;  
   
}
#lateral ul{
   margin : 0 0 0 0px;
   padding: 0 0 0 0px;
   
}
#lateral li{
   margin: 2 2 2 2px;
   padding: 2 2 2 2px;
}
#lateral a{
   color: #330099; /* 993366 fuente */
   text-decoration: bold;
}

/*CENTRO*/
#principal{
   margin-left: 160px;
   background-color: #ffffff; /* ffcc99 claro*/
   border: 1px solid #0487CB   ;
   padding: 4 4 4 4px;
   width: 570px;
   height: 975px;
   color: #330099;
   heigh: 800px;

}



/*COLUMNA derecha*/

#otrolado{
  background-color: #ffffff;
	width: 150px;
	height: 975px;
	float: right;
  border: 1px solid #0487CB   ;
  color: #330099;
}

#otrolado a{
   color: #330099; /* 993366 fuente */
   
   
}

#otrolado li{
   margin: 2 2 2 2px;
   padding: 2 2 2 2px;
   list-style: none; 
   font-weight: bold;
   
   }

#otrolado ul{
   margin : 0 0 0 0px;
   padding: 0 0 0 0px;
}

#tabla2{
   
   width: 560px;
   
}
#cabtab2{
   background-color: #0487CB   ; /* ff6666 oscuro*/
   font-size: 11pt;
   font-weight: bold;
   padding: 2 2 2 2px;
   color: ffffff;
}
#cuerpotab2{
   font-size: 8pt;
   padding: 2 2 2 2px;
   background-color: #ffffff; /* ffcc99 claro*/
   
}

#cuerpotab2 ul{
   margin: 0 2 0 20px;
   padding: 0 0 0 0px;
}
#cuerpotab2 li{
   margin: 0 2 0 2px;
   padding: 0 0 0 0px;
}


#tabla3{
   width: 150px;
}
#cabtab3{
   background-color: #0487CB   ; /* ff6666 oscuro*/
   font-size: 11pt;
   padding: 2 2 2 2px;
   color: ffffff;
   font-weight: bold;

}
#cuerpotab3{
   font-size: 10pt;
   padding: 4 4 4 4px;
   background-color: #ffffff; /* ffcc99 claro*/
   line-height: 18px;
   font-family: arial;
   
}

#cuerpotab3 ul{
   margin: 0 2 0 5px;
   padding: 0 0 0 0px;
}
#cuerpotab3 li{
   margin: 0 2 0 2px;
   padding: 0 0 0 0px;
}

/*PIE*/

#pie{
   margin: 20 0 20 0px;
   background-color: #0487CB   ; /* ff6666 oscuro*/
   clear: both;
} 

#tablapie{
   width: 900px;
   
   
}
#cabtabpie{
   background-color: #0487CB   ; /* ff6666 oscuro*/
   font-size: 11pt;
   padding: 2 2 2 2px;
   color: ffffff;
   font-weight: bold;
}

#cuerpotabpie{
   font-size: 8pt;
   padding: 4 4 4 4px;
   background-color: #ffffff; /* ffcc99 claro*/
 }
 
.libros li {
   display:inline;
   float:left;
   width:120px;
   background-color:#ffffff; /* f5f7f9 */
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
} 

.libros a{
   color: #330099; /* 993366 fuente */
   text-decoration: none;
   }  
 
.galeria li {
   display:inline;
   float:left;
   width:260px;
   height: 200px;
   background-color:#FFCCFF  ;
   padding:5px;
   margin:10px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px; 
} 


.galeriablog li {
   width:800px;
   height: 25px;
   background-color:#FFCCFF  ;
   padding:5px;
   margin:10px;
   text-align: left;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px; 
} 



.galeria a{
   color: #330099; /* 330099 fuente */
   text-decoration: none;
   }
   
 div.clear {
  clear: both;
}

div.clearright {
	clear: right;
	}

#cuerpotabpie a img{
	border: none;
}
table {
	border: none;
	margin: auto;
}

tr {	
	text-align: center;
	font-size: 10pt;
	font-family: verdana;
	color: /* 993366 fuente */
}

td {
	width: 100px;
}

li{
   margin: 2 2 2 2px;
   padding: 2 2 2 2px;
   list-style: none; 
}

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

/*menu horizontal*/

#menuhoriz ul li{
         display: inline;
         float: left;
         padding: 2px 7px; /*Separar el texto*/
         margin:5 5 5 5px; /* Separar los botones */
         background-color:#f89b94; /* Color de fondo */
         font-size: 10pt;
         color: #ffffff;
         
    }
#menuhoriz ul li:hover{
			
            background-color:#f5483c; /* Color de fondo sobre el boton */
            cursor: pointer; /* cambiar el aspecto del puntero */
   }
#menuhoriz ul{
           /* Linea para delimitar la botonera */
		border-bottom-width: 1px;
		border-bottom-style: solid;
    border-bottom-color: #f89b94;
  }
  
#publicidad {
	display: inline;
	
}

/*pie de pagina*/
#piepag{
    background-color: #0487CB   ;
    padding: 3 10 3 10px;
    text-align:right;
    clear: both;
    margin: 10 0 0 0px;
    color:#ffffff;
}



.tusencuestas_encuesta
{
    /* Define aquí los estilos de la encuesta en general */
    /* Por ejemplo, dale un color de fondo:*/
    background-color: #0487CB   ;
    width: 140px;
    border: 1px solid #0487CB   ;
   
}

.tusencuestas_pregunta
{
    /* Define aquí el estilo de la pregunta */
    /* Por ejemplo, haz que el título de la encuesta (la pregunta) esté en negrita*/
    font-weight: bold;
    background-color: #0487CB   ;
    color: #ffffff;
    
}   

.tusencuestas_respuestas
{
    /* Define aquí el estilo de las respuestas */
    /* Por ejemplo, haz que las respuestas estén en azul:*/
    color: #0487CB   ;
    background-color: #ffffff;
    
} 

.tusencuestas_inferior
{
    /* Define aquí el estilo de la parte inferior de la encuesta */
    
    font-size: 9px;
    color: #ffffff;
   
}

a.tusencuestas_inferior
{
    /* También referido a la parte inferior, pero en particular a los enlaces*/
    /* Por ejemplo:
    color: red;
    */
}

input.tusencuestas_inferior
{
    /* También referido a la parte inferior, pero en particular al botón de votar */
    /* Por ejemplo:
    font-family: verdana,tahoma,sans-serif;
    font-size: 10px;    
    color:black;
    text-decoration:normal; 
    border: 1px groove black;
    */
}