body	{margin: 0% 0% 0% 0%;}
	
#contenedor  {width: 100%; background-color: #D2D1D1;}

#cabecera {width: 100%; height: 400px; background-image: url(imagenes/cabecera.png); background-repeat: repeat-x;}

#banner {width: 100%; height: 180px; background-image: url(imagenes/banner.png);}

#marco {width: 100%; height: 20px; background-image: url(imagenes/fecha.png);}

#fecha {width: 30%; height: 20px; padding: 0px 0px 0px 5px; font-family: Verdana; font-size: 10px; font-weight: bold; color: #FFFFFF;}



#estadistica {width: 20%; margin: 2% 0% 0% 2%; float: left;}

#utilidades {width: 100%; margin: 1% 1% 10% 1%; background-color: #01296E; text-align: left; font-family: Verdana; font-size: 11px; color: #FFFFFF;}

.titulogo {width: 100%; height: 30px; background-image: url(imagenes/titulo.png); text-align: center; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; font-weight: bold;}

.imglogo {width: 100%; padding: 0px 0px 0px 0px; text-align: center; background-image: url(imagenes/fondologo.png); border-left: 2px solid #000000; border-right: 2px solid #000000;}

.contador {width: 100%; padding: 5px 5px 5px 5px; border-left: 2px solid #000000; border-right: 2px solid #000000; background-color: #000000; text-align: center; font-family: Verdana;font-size: 11px;color: #FFFFFF;}

.titulo {width: 90%; height: 30px; background-image: url(imagenes/titulo.png); border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-right: 2px solid #000000; font-weight: bold;}

.imgtitulo {width: 10%; height: 30px; padding: 0px 0px 0px 5px; background-image: url(imagenes/titulo.png); border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000;}

.imgopcion {width: 10%; height: 30px; padding: 0px 0px 0px 5px; border-left: 2px solid #000000;}

.opcion {width: 90%; padding: 5px 0px 5px 5px; border-right: 2px solid #000000;}

.encuesta {width: 100%; padding: 15px 7px 5px 7px; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; text-align: justify; font-family: Verdana; font-size: 11px; color: #FFFFFF;}

.subencuesta {width: 100%; padding: 0px 4px 0px 4px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; background-color: #000000; text-align: justify; font-family: Verdana; font-size: 11px; color: #FFFFFF;}

.resaltencuesta {height: 20px; padding: 2px 2px 2px 4px; background-image:url(imagenes/titulo.png); text-align: justify; font-family: Verdana; font-weight: bold; 	font-size: 11px; color: #FFFFFF;}

.votar {width: 100px; height: 30px; padding: 6px; background-color: #0160FE; border-top: 1px solid #0160FE; border-left: 1px solid #0160FE; border-right: 1px solid #0160FE; border-bottom: 1px solid #0160FE; font-family: Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold;}
	

	
#contenido {width: 60%; margin: -5% 5% 3% 0%; float: right; background-color: #FFFFFF; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; opacity: 0.90; -moz-opacity: 0.90; filter:alpha(opacity=90,style=0);}

.tablac {margin: 2% 2% 2% 2%;}

.tituloc  {width: 75%; height: 30px; padding: 2px 0px 0px 5px; background-color: #E50000; font-family: Verdana; font-size: 14px; font-weight: bold; color: #FFFFFF;}

.degradadoc  {width: 25%; height: 30px; background-color: #FFFFFF;}

.textoc {width: 100%; padding: 10px 0px 0px 5px; font-family: Verdana; font-size: 11px; color: #000000;}

.galeria {width: 100%; padding: 10px 0px 10px 0px; text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; color: #000000;}



#pie {width: 100%; height: 30px; background-image: url(imagenes/requisitos.png); clear: both;}


#requisitos {width: 100%; height: 30px;}


.visualizacion {width: 90%; height: 30px; text-align: center; font-family: Verdana; font-size: 10px; font-weight: bold; color: #FFFFFF;}

a.links{font-family: Arial; font-size: 11px; color: #0362FD; font-weight: bold;}
a:visited.links{color: #FE7800;}
a:active.links{color: #FE7800;}
a:hover.links{color: #FE7800;}

a.herramientas{font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;}
a:visited.herramientas{color: #FBC900;}
a:active.herramientas{color: #FBC900;}
a:hover.herramientas{color: #FBC900;}

a.aviso{font-family: Arial; font-size: 11px; color: #000000; font-weight: bold; text-decoration: underline;}
a:visited.aviso{color: #FBC900;}
a:active.aviso{color: #FBC900;}
a:hover.aviso{color: #FBC900;}


.titulo1 {width: 75%; height: 30px; padding: 2px 0px 0px 5px; background-color: #7A3F75; font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF;}

.titulo2 {width: 75%; height: 30px; padding: 2px 0px 0px 5px; background-color: #F8C301; font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF;}

.titulo3 {width: 75%; height: 30px; padding: 2px 0px 0px 5px; background-color: #00923F; font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF;}

.titulo4 {width: 75%; height: 30px; padding: 2px 0px 0px 5px; background-color: #E50000; font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF;}

.degradadoc {width: 25%; height: 30px; background-color: #FFFFFF;}

.textoc {width: 100%; padding: 10px 5px 10px 5px; text-align: justify; font-family: Verdana; font-size: 11px; color: #000000;}



#subtabla {width: 100%; padding: 2px 2px 2px 2px; text-align: justify; font-family: Verdana; font-size: 11px; color: #000000;}

.subimagen {width: 50px; height: 50px; text-align: center;}

.subtexto {width: 90%;}


.titulonoticias {width: 100%; height: 25px; padding: 5px 5px 5px 5px; background-color: #0160FE; border-top: 2px solid #012A6E; border-bottom: 2px solid #012A6E; border-left: 2px solid #012A6E; border-right: 2px solid #012A6E; text-align: left; font-family: Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold;}

.contenidonoticias {width: 90%; padding: 5px 5px 5px 5px; border-left: 2px solid #012A6E; border-right: 2px solid #012A6E; text-align: justify; font-family: Verdana; font-size: 12px; color: #000000;}
	
.avatar {padding: 5px 5px 5px 5px; background-color: #012A6E; border-right: 2px solid #012A6E; text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF;}

.pie {width: 100%; height: 25px; padding: 5px 5px 5px 5px; background-color: #CCDFFE; border-top: 2px solid #012A6E; border-bottom: 2px solid #012A6E; border-left: 2px solid #012A6E; border-right: 2px solid #012A6E; text-align: justify; font-family: Verdana; font-size: 11px; color: #000000;}



#formmail {width: 70%; padding: 10px 10px 10px 10px; background-color: #FFFFFF; border-top: 1px solid #0160FE; border-left: 1px solid #0160FE; border-right: 1px solid #0160FE; border-bottom: 1px solid #0160FE; text-align: left; font-family: Verdana; font-size: 11px; color: #000000;}

.input1 {width: 100%; height: 30px; padding: 5px 5px 5px 5px; background-color: #D2E3FF; border-top: 1px solid #0160FE; border-left: 1px solid #0160FE; border-right: 1px solid #0160FE; border-bottom: 1px solid #0160FE; text-align: justify; font-family: Verdana; font-size: 11px; color: #012A6E;}

.input2 {width: 100%; height: 200px; padding: 5px 5px 5px 5px; background-color: #D2E3FF; border-top: 1px solid #0160FE; border-left: 1px solid #0160FE; border-right: 1px solid #0160FE; border-bottom: 1px solid #0160FE; text-align: justify; font-family: Verdana; font-size: 11px; color: #012A6E;}

.input3 {width: 20%; height: 30px; padding: 5px 5px 5px 5px; background-color: #D2E3FF; border-top: 1px outset #0160FE; border-left: 1px outset #0160FE; border-right: 1px outset #0160FE; border-bottom: 1px outset #0160FE; text-align: center; font-family: Verdana; font-size: 11px; color: #012A6E;}