/* estructura general de la pagina Resolucion 800*600 En lo unico que varia de
la otra es en la posicion de #cabenlaces  */ 
body { 	
        font-family: Verdana,arial, helvetica, sans-serif; 	
        font-size: 10px;
        font-style: normal;
        color: #000000;
        background-color: #fff; 	
        text-align: center; 	
        margin: 0px; 
}


/* ENLACES COMUNES */
a {
	text-decoration:  none;
	font-weight: bold;
	border: none;
}

a:hover {
	text-decoration:  underline;
	border: none;
}

a:active {
	text-decoration:  none;
	border: none;
	color: black;
}

a:link {
	text-decoration:  none; 
	border: none;
	color: black;
}
 
a:visited {
	text-decoration:  none; 
	border: none;
	color: black;
}

/* ESTRUCTURA DE LA PÁGINA */
#contenedor {
	background-color:  #FFF;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 770px;
	width: 98%;
}

#cabecera {
	height: 80px;
	border: 1px none #000000;
	background-color: #96aebb;
	background-image: url(imagenes/redband.gif);
	background-repeat: no-repeat;
}


#cabecera_menu {
	margin: 0px 0px 20px 0px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	/*font-style: bold; */
	color: #999;
}

#cabecera_menu_izq {
	width: 50%;
	float: left;
	text-align: left;
}

#cabecera_menu_der {
	width: 49%;
	float: right;
	text-align: right;
}


#cuerpo {
	background-color: #fff;
	height: auto;
	margin: 5px 0px 10px 0px;
}

#lateralizq {
	width:130px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#lateralder {
	width:145px;
	float:right;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



#pie {
	width: 100%;
	font-size: 1em;
	/*font-style: bold; */
	color: #999;
	text-align: center;
	height: auto;
	margin-top: 15px;
	padding: 5px;
	border: 1px dashed #7192a3;
	clear: both;
}

#pie2 {
	width: 100%;
	font-size: 1.1em;
	/*font-style: bold; */
	color: #999;
	text-align: center;
	height: auto;
	padding: 5px;
	clear: both;
}



#medio {
	margin-left: 135px;
	margin-right: 150px;
	padding: 0px 5px 0px 5px;
	background-color: #fff;
	font-size: 1em;
}


/* capa del medio cuando se elige un enlace */
#medio2 {
	border: 1px solid #e5e5e5;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	height: auto;
	width:100%;
	float:left;
}

#cabmedio2 {
	background-color: #96aebb;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	text-align: left;
	font-size: 1em;
}

#cuerpomedio2 {
	padding: 5px;	
	background-color: #fff;
	text-align: left;
}

#cuerpomedio2 h1 {
	font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
	font-size: 1.5em;
	color: #6182bb;
	font-weight: bold;
	margin: 0px;
}

#cuerpomedio2 h2 {
	font-size: 1.2em;
	color: #6787b8;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
}

#cuerpomedio2 h3 {
	font-size: 1em;
	color: #6787b8;
	font-weight: bold;
	margin: 0px;
}

#cuerpomedio2 h4 {
	font-size: 1em;
	color: #000;
	font-weight: bold;
	font-style: italic;
	margin: 0px;
}

#cuerpomedio2 ul {
	list-style: url(imagenes/bulletb.gif);
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 0px;
}

#cuerpomedio2 li {
	margin-bottom: 5px;
}

#cuerpomedio2 p {
	margin-top: 7px;
	margin-bottom: 7px;
}

#cuerpomedio2 td {
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
}


/* quedan feos todos los enlaces del medio
#cuerpomedio2 a:active, #cuerpomedio2 a:link, #cuerpomedio2 a:hover, #cuerpomedio2 a:visited {
	text-decoration: underline;
	border: none;
	color: #6787b8;
}
*/


#titulo_texto {
	width: 65%;
	float: left;	
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}


#utilidades_texto {   /* capa donde va ampliar fuente, reducir, imprimir */
	width: 29%;   /* si pongo 30 en FF se caga */
 	float: right;	
	text-align: right;
	background-color: #e5e5e5;
	border: 1px dotted #999;
}

#utilidades_texto img {   
	margin-left: 0px;
	margin-right: 5px;
	padding: 3px;
	border: none;
}



/* capa donde se pone el texto de articulo o lo que sea, para poder ampliar fuente, etc */
#texto { 
	width: 100%;
	float: left;
	height: auto;
}


/* COLUMNAS DE LA CAPA DEL MEDIO */
#columna_izq {
	width: 49%; /* si se pone 50% no se ve bien en FF */
	float: left;
	margin: 0px;
	padding: 2px; /**/
}

#columna_der {
	width: 49%;  /* si se pone 50% no se ve bien en FF */
	float: right;
	margin: 0px;
	padding: 2px;
}


/* MISCELANEOS */
.blcuerpo_centrado {
	margin: 0px;
	padding: 3px;
	text-align: center;
}

.blcuerpo_izquierda {
	margin: 0px;
	padding: 3px;
	text-align: left;
}

.parrafo_centrado {
	text-align: center;
}

.parrafo_derecha {
	text-align: right;
}


.listasinimagen {
	list-style: none;
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 0px;
}

.imagenvotar {
	display: block;
	margin: auto;
	text-align: center;
	height: 16px;
	width: 44px;
}

.img_der {
	float: right;
	padding: 5px 5px 5px 5px; 
}

.img_izq {
	float: left;
	padding: 5px 5px 5px 5px; 
	border: 0px;
}

.sombreado {
	background-color: #f7f7f7;
}


/* FILA VACIA ENTRE MÓDULOS */
.space {
	height: 1%;
	clear: both;
}



/* BLOQUE LATERAL PARA NOTICIAS, NOVEDADES, ETC. No lleva borde ni nada */
.bloquenoticias {
	margin: 0px 0px 5px 0px;
	padding: 3px;
	text-align: center;
	background-color: #FFFFF0;
	border: 1px dotted #fff;
}

.bloquenoticias img {
	border: none;
}


/* DISEÑO DE TABLA  */
.tabla_comun {
	vertical-align: text-top;
	border: 1px solid #808080; 
	border-collapse: collapse;
}

.tabla_comun td {
	border: 1px solid #808080; 
	margin: 0px;
	padding: 5px;
}





/* BLOQUE LATERAL DERECHO PARA NOTICIAS, NOVEDADES, ETC */
.bloquenoticias1 {
	border: 1px solid #C1CDC1;
	margin: 0px 0px 5px 0px;
	padding: 0px;

}
.bltitulo1 { /* VERDE */
	text-align: center;
	padding: 3px;
	margin: 0px;
	border: 1px solid #C1CDC1; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo1.jpg); 
}


/* BLOQUE INTERNO 1, que se encuentra dentro de otro bloque, por ej bloquenoticias1 */
.bl_interno1 {
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.bl_interno1 h4 {
	color: #7d7dce; /* color azul cursiva */
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 0px;
}

.bl_interno1 img {
	float: left;
	padding: 0px 3px 3px 3px; 
}

.bl_interno1 a:hover, a:visited, a:link {
	text-decoration: none;
	font-weight: bold;
}

.bl_interno1 ul {
	list-style: url(imagenes/bulletb.gif);
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 0px;
}

.bl_interno1 li {
	margin-bottom: 5px;
}

/* BLOQUE INTERNO 2, que se encuentra dentro de otro bloque, por ej bloquenoticias1  es casi identico al anterior, cambia en el li*/
.bl_interno2 {
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.bl_interno2 h4 {  /* color naranja cursiva */
	color: #FC8C10;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 0px;
}

.bl_interno2 img {
	float: left;
	padding: 0px 3px 3px 3px;
}

.bl_interno2 a:hover, a:visited, a:link {
	text-decoration: none;
	font-weight: bold;
}

.bl_interno2 ul {
	list-style: url(imagenes/bulletb.gif);
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 0px;
}

.bl_interno2 li {
	margin-bottom: 5px;
}


/* BLOQUE LATERAL PARA NOTICIAS, NOVEDADES, ETC.*/
.bloquenoticias2 {
	border: 1px dashed #e4e7c4; 
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.bltitulo2 { /* AMARILLO */
	text-align: center;
	padding: 3px;
	margin: 0px;
	border: 1px solid #e4e7c4; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo2.jpg); 
}



/* BLOQUE LATERAL PARA NOTICIAS, NOVEDADES, ETC. */
.bloquenoticias3 {
	border: 1px dotted #ccbeb3; 
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.bltitulo3 { /* MARRONCITO */
	text-align: center;
	padding: 3px;
	margin: 0px;
	border: 1px solid #ccbeb3;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo3.jpg); 
}


/* BLOQUE LATERAL PARA NOTICIAS, NOVEDADES, ETC. */
.bloquenoticias4 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background-color: #F1F6FB;
}

.bltitulo4 { /* AZUL */
	text-align: center;
	padding: 3px;
	margin: 0px;
	border: 1px solid #A2B5CD; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333;
	BACKGROUND-IMAGE: url(imagenes/fondo4.jpg); 
}




/* DIFERENTES BLOQUES QUE SE USARAN EN EL INDEX */
.bloque1 {		/* bloque sin borde, con titulo azul degradado */
	background-color: #fff;
	text-align: left;
	margin: 5px 5px 10px 5px;
	padding: 0px 0px 5px 0px;
}

.bloque1 h1 {
	text-align: left;
	padding: 3px;
	margin: 0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo4.jpg); 
}


.bloque2 {		/* amarillo clarito */
	background-color: #FFFEF6; /*#f4f4e8;*/
	text-align: left;
	margin: 5px 5px 10px 5px;
	padding: 0px 2px 2px 2px;
}

.bloque2 h1 {   
	text-align: left;
	padding: 3px;
	margin: 0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo2.jpg); 
}


.bloque3 {		/* bloque solo con borde punteado azul */
	text-align: left;
	border: 1px dotted #96aebb;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 5px 0px;
}

.bloque3 h1 { 
	text-align: left;
	padding: 3px;
	margin: 0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
}

.bloque3 img {
	float: left;
	padding: 5px 5px 5px 5px; 
}


.bloque4 {		/* bloque color verde clarito con fondo */
	text-align: left;
	background-color: #F6FDF5;  /*#edf4ed;*/
	margin: 5px 5px 10px 5px;
	padding: 0px 0px 5px 0px;

}

.bloque4 h1 {
	text-align: left;
	padding: 3px;
	margin: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo1.jpg); 
}

.bloque4 img {
	float: left;
	padding: 5px 5px 5px 5px; 
}

.bloque4 ul {
	list-style: url(imagenes/bulletb.gif);
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 0px;
}

.bloque4 li {
	margin-bottom: 5px;
}

.bloque5 {		/* bloque con fondo degradado gris y borde gris */
	text-align: left;
	BACKGROUND-IMAGE: url(imagenes/fondo5.jpg); 
	margin: 5px 5px 10px 5px;
	padding: 0px 0px 5px 0px;
	border: 1px solid #999;
}

.titbloque5 { 
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-align: right;
	border-bottom: 1px solid #999;
	padding: 5px;
	margin: 0px;
} 



.bloque6 {		/* bloque color verde clarito SIN fondo igual a bloquenoticias1 */
			/* ancho de todo el contenido */
	text-align: left;
	border: 1px solid #c1cdc3;
	margin: 5px 5px 10px 5px; 
	padding: 0px 0px 5px 0px;
	width: 96%;
}

.bloque6 h1 { 
	text-align: left;
	padding: 3px;
	margin: 0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo1.jpg); 
}

.bloque6 img {
	float: left;
	padding: 5px 5px 5px 5px; 
}


.bloque7 {		/* bloque parecido al 5 pero degradado gris en el titulo */
	text-align: left;
	border: 1px solid #c1cdc3;
	margin: 5px 5px 10px 5px;
	padding: 0px 0px 5px 0px;
	BACKGROUND-IMAGE: url(imagenes/fondo5.jpg); 
}

.bloque7 h1 { 
	text-align: left;
	padding: 3px;
	margin: 0px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.1em; 
	COLOR: #333333; 
	BACKGROUND-IMAGE: url(imagenes/fondo7.jpg); 
}

.bloque7 img {
	float: left;
	padding: 5px 5px 5px 5px; 
}

.bloque7 ul {
	list-style: url(imagenes/bulletb.gif);
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 0px;
}

.bloque7 li {
	margin-bottom: 5px;
}



/* BLOQUE CONTENEDOR DEL RESUMEN DE C/WQ */
.web {
	margin-bottom: 10px;
	text-align: left;
}

.web img {
	float: left;
	padding: 5px 5px 5px 5px; 
}

.web h1 {
	margin: 3px;
	padding: 0px;
	font-size: 1.3em;
	color: #6787b8;
	background-color: #FFFEF6; /*#f4f4e8;*/
	background-image: none;
	font-weight: bold;
}


/* BLOQUE PARA ENCUESTA */
.bloqueencuesta {
	margin: 0px;
	padding: 0px;
}



/* SEPARADORES DE BLOQUES*/
.separador {
	MARGIN: 0px 0px 5px 0px;
	border-top: 1px solid #95aec3; /* azul */
}

.lineanoticias {
        font-size: 9px;
	BACKGROUND: url(imagenes/lineanoticias.gif) repeat-x bottom;
	PADDING-BOTTOM: 3px;
	MARGIN: 2px 0px 3px 1px;
}


/* FORMULARIOS */
.formulario {
	margin: 0px;  /* si pongo auto en IE se ve cuando termina div lateral*/
}

formulario.td {
	vertical-align: text-top;
}

/* estilos para los formularios con class= estiloform */
input.estiloform, textarea.estiloform, select.estiloform, checkbox.estiloform, file.estiloform {border:1px solid #6787b8;}  

/* estilos para todos los formularios */
fieldset {border:none;}  
label {font-weight:bold;}  
legend {}  



/* BLOQUE DE EDUCASITES.NET */
.educasites {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #66CCFF;
	text-align: center;
}

.letra1 {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	background-color: #66CCFF;
	margin: 0px;
	padding: 0px;
}

.letra2 {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #ff0000;
	letter-spacing: 1px;
	background-color: #66CCFF;
	margin: 0px;
	padding: 0px;
}

.educasites a:link, a:hover, a:visited {
	text-decoration: none; 
	border: none;
}

.educasites p {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ff0000;
	margin: 0px;
	padding: 0px;
}



/* ESTILOS EN EL PIE DE PÁGINA */
.cssbtn {
	BORDER-RIGHT: #cdf 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cdf 1px solid; DISPLAY: inline; PADDING-LEFT: 1px; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #cdf; PADDING-BOTTOM: 1px; MARGIN: 0.2em; VERTICAL-ALIGN: bottom; BORDER-LEFT: #cdf 1px solid; CURSOR: pointer; COLOR: #333; PADDING-TOP: 1px; BORDER-BOTTOM: #cdf 1px solid; FONT-FAMILY: Verdana, Geneva, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.cssbtn STRONG {
	FONT-WEIGHT: bold; BACKGROUND: white; COLOR: #06c
}
.cssbtn:hover {
	background: black;
	color: white; 
	text-decoration: none; 
}
.cssbtn:hover STRONG {
	background: #ccc; 
	color: black; 
	text-decoration: none;
}
.btnw3c {
	background: #96aebb;  /* 06c; */
	color: white;
}


/* CALENDARIO */
#calendar-container {
	float: none; 
	text-align: center;
}

.special { 
	background-color: #000; 
	color: #fff; 
}


.tabla1 {
	vertical-align: text-top;
	border: 1px solid #A2B5CD; 
	border-collapse: collapse;
	border-width: 0;
}

.tabla1 td {
	border: 1px solid #A2B5CD; 
	margin: 0px;
	padding: 5px;
}


/*------------(CSS LOGO TAW)------------*/
.tawlogo {
font-family: arial, sans-serif;
border: 1px solid #555;
vertical-align: 0.3em;
font-weight: bold;
color: #fff;
font-size: 0.9em;
background-color: #555;
padding: 0;
}

.tawlogo .tnivel {
padding: 0 0.4em ;
border-bottom: 0px;
background-color: #555;
color: #fff;
font-size: 0.8em;
}

.tawlogo abbr {
border-bottom: 0px;
}

.tawlogo acronym{
border-bottom: 0px;
padding: 0 0.3em;
background-color: #fff;
color: #000;
}

.tawlogo sup{
padding: 0em;
vertical-align: 0.6em;
font-size: 0.6em;
}
/*------------(CSS LOGO TAW)------------*/