
.medida_750x {width: 750px;}
.medida_x30 {height: 30px;}
.medida_tablamenu_162x {width: 162px; height:px }


/*Colores del fondo de página*/

.color_fondopagina_amarillo {background-color:#FBFBF7}
.color_fondopagina_azul {background-color:#FCFDFF}
.color_fondopagina_gris {background-color:#FCFCFC}
.color_fondopagina_marron {background-color:#F4F1EC}
.color_fondopagina_naranja {background-color:#FBF9F7}
.color_fondopagina_rojo {background-color:#FCFAFA}
.color_fondopagina_turquesa {background-color:#F7FBFC}


/*Medidas y colores de celda*/

.celda_1x1 {width: 162px; height: 30px; border-right: 1px; background-color:#FFFFFF}


.celda_1x2_amarillo {width: 590px; height: 30px; background-color:#FBFBF7}
.celda_1x2_azul {width: 590px; height: 30px; background-color:#FCFDFF}
.celda_1x2_gris {width: 590px; height: 30px; background-color:#FCFCFC}
.celda_1x2_marron {width: 590pxx; height: 30px; background-color:#F4F1EC}
.celda_1x2_naranja {width: 590px; height: 30px; background-color:#FBF9F7}
.celda_1x2_rojo {width: 590px; height: 30px; background-color:#FCFAFA}
.celda_1x2_turquesa {width: 590px; height: 30px; background-color:#F7FBFC}

.celda_3x1_amarillo {width: 162px; height: 30px; background-color: #F9F2C5; border-right: 1px solid #9E9C9C; border-bottom: 1px solid #9E9C9C;}
.celda_3x1_azul {width: 162px; height: 30px; background-color:#647BB0; border-right: 1px solid #535353; border-bottom: 1px solid #535353;}
.celda_3x1_gris {width: 162px; height: 30px; background-color:#9F9C9C; border-right: 1px solid #535353; border-bottom: 1px solid #535353;}
.celda_3x1_marron {width: 162px; height: 30px; background-color:#ABA092; border-right: 1px solid #535353; border-bottom: 1px solid #535353;}
.celda_3x1_naranja {width: 162px; height: 30px; background-color:#E8BF7F; border-right: 1px solid #535353; border-bottom: 1px solid #535353;}
.celda_3x1_rojo {width: 162px; height: 30px; background-color:#C17878; border-right: 1px solid #535353; border-bottom: 1px solid #535353;}
.celda_3x1_turquesa {width: 162px; height: 30px; background-color:#77ADB3; border-right: 1px solid #535353; border-bottom: 1px solid #535353;}

.celda_3x2_amarillo {background-color: #F1DE94; border-bottom: 1px solid #9E9C9C;}
.celda_3x2_azul {background-color: #0F2A6A; border-bottom: 1px solid #535353;}
.celda_3x2_gris {background-color: #464444; border-bottom: 1px solid #535353;}
.celda_3x2_marron {background-color: #786A58; border-bottom: 1px solid #535353;}
.celda_3x2_naranja {background-color: #E68D00; border-bottom: 1px solid #535353;}
.celda_3x2_rojo {background-color: #8F0000; border-bottom: 1px solid #535353;}
.celda_3x2_turquesa {background-color: #246B73; border-bottom: 1px solid #535353;}

			
/*Dos formatos de las celdas del contenido para cada color: diferentes entre plantillas normales y con margen a la derecha*/
			
.celda_4x2_contenido_amarillo {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#FBFBF7}
.celda_4x2_contenido_azul {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#FCFDFF}
.celda_4x2_contenido_gris {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#FCFCFC}
.celda_4x2_contenido_marron {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#F4F1EC}
.celda_4x2_contenido_naranja {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#FBF9F7}
.celda_4x2_contenido_rojo {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#FCFAFA}
.celda_4x2_contenido_turquesa {width: 590px; vertical-align: top; padding: 25px 30px 35px 35px; background-color:#F7FBFC}

.celda_4x2_contenidoconmargen_amarillo {padding: 25px 20px 35px 35px; background-color:#FBFBF7; width: 428px;}
.celda_4x2_contenidoconmargen_azul {padding: 25px 20px 35px 35px; background-color:#FCFDFF; width: 428px;}
.celda_4x2_contenidoconmargen_gris {padding: 25px 20px 35px 35px; background-color:#FCFCFC; width: 428px;}
.celda_4x2_contenidoconmargen_marron {padding: 25px 20px 35px 35px; background-color:#F4F1EC; width: 428px;}
.celda_4x2_contenidoconmargen_naranja {padding: 25px 20px 35px 35px; background-color:#FBF9F7; width: 428px;}
.celda_4x2_contenidoconmargen_rojo {padding: 25px 20px 35px 35px; background-color:#FCFAFA; width: 428px;}
.celda_4x2_contenidoconmargen_turquesa {padding: 25px 20px 35px 35px; background-color:#F7FBFC; width: 428px;}

/*Margen derecho, si lo hubiera*/
		
.celda_4x3_margenderecho_amarillo {padding: 5px; background-color: #FCFCEE; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
.celda_4x3_margenderecho_azul {padding: 5px; background-color: #F0F3F9; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
.celda_4x3_margenderecho_gris {padding: 5px; background-color: #EBEBEB; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
.celda_4x3_margenderecho_marron {padding: 5px; background-color: #E7E0D9; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
.celda_4x3_margenderecho_naranja {padding: 5px; background-color: #F0E6DE; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
.celda_4x3_margenderecho_rojo {padding: 5px; background-color: #F6EBEB; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
.celda_4x3_margenderecho_turquesa {padding: 5px; background-color: #DDEBED; border-right: 1px solid #9E9C9C; border-left: 1px solid #9E9C9C; width: 162px;}
		


/*bordes de celda. Colores: gris claro, gris oscuro y blanco*/

.borde_drcho_grisclaro {border-right: 1px solid #9E9C9C;}
.borde_izq_grisclaro {border-right: 1px solid #9E9C9C;}
.borde_inf_grisclaro {border-bottom: 1px solid #9E9C9C;}
.borde_sup_grisclaro {border-top: 2px solid #9E9C9C;}

.borde_drcho_grisoscuro {border-right: 1px solid #535353;}
.borde_izq_grisoscuro {border-right: 1px solid #535353;}
.borde_inf_grisoscuro {border-bottom: 1px solid #535353;}
.borde_sup_grisoscuro {border-top: 2px solid #535353;}

.borde_sup_blanco {border-top: 2px solid #FFFFFF;}
.borde_inf_blanco {border-bottom: 2px solid #FFFFFF;}
		

		
/*el formato del titulo es igual en todos (negrita blanco) excepto en la plantilla amarilla que es oscuro*/
	
.titulo_amarillo {	font-size: 15px; font-family: Geneva, Arial, Helvetica; color: #3B3B39; text-decoration: none; font-weight: bold; padding: 8px 15px 7px 35px}					
.titulo_resto    {	font-size: 15px; font-family: Geneva, Arial, Helvetica; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 8px 15px 7px 35px}
					
						
/*cuerpo1: cabecera del contenido, en negrita. El color es diferente según color de plantilla*/

.cuerpo1_paraamarillo {	font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #131102; text-decoration: none; font-weight: bold; padding-bottom: 22px}
.cuerpo1_paraazul {	font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #2F3570; text-decoration: none; font-weight: bold; padding-bottom: 22px}
.cuerpo1_paragris {	font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #333333; text-decoration: none; font-weight: bold; padding-bottom: 22px}
.cuerpo1_paramarron {font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #333333; text-decoration: none; font-weight: bold; padding-bottom: 22px}
.cuerpo1_paranaranja {font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #660033; text-decoration: none; font-weight: bold; padding-bottom: 22px}
.cuerpo1_pararojo {	font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #470000; text-decoration: none; font-weight: bold; padding-bottom: 22px}
.cuerpo1_paraturquesa {	font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #012E52; text-decoration: none; font-weight: bold; padding-bottom: 22px}
							
										
																
/*cuerpo2: resto del contenido. Formato común a todas las plantillas*/
			
.cuerpo2_paratodos {	font-size: 11px;
						font-family: Verdana, Arial, Helvetica;
						color: #333333;
						text-decoration: none}
			
			


/*celda de menu, siempre blanca*/
.celda_4x1_menu {width: 162px;
				vertical-align: top; 
				background-color: #FFFFFF; 
				padding-top: 25px; 
				border-right: 1px solid #9E9C9C;}
				

/*subceldas de cada boton del menu princiapal es mismo formato para todas*/
.margen_botones {padding: 2px 10px;
				font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: normal;}


/*links del menu de la izquierda*/

a.menu{			font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}

a.menu:active  {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}
				
a.menu:visited {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}

a.menu:hover   {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}


/*links del menu de la izquierda*/

a.menu1{			font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}

a.menu1:active  {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}
				
a.menu1:visited {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}

a.menu1:hover   {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #686868; 
				text-decoration: none; 
				font-weight: bold;}

				
/*links del submenus de la izquierda*/

a.submenu{		font-size: 10px;
				font-family: Verdana, Arial, Helvetica; 
				color: #807F7F; 
				text-decoration: none; 
				font-weight: normal;
				padding: 0px 0px 0px 8px;}

a.submenu:active {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #292828; 
				text-decoration: normal; 
				font-weight: normal;
				background-image: url(images/puntero_rojo.gif);
				background-repeat: no-repeat;
				background-position: left;
				padding: 0px 0px 0px 8px;}
				
a.submenu:visited {	font-size: 10px; 
					font-family: Verdana, Arial, Helvetica; 
					color: #807F7F; 
					text-decoration: none; 
					font-weight: normal;
					font-weight: normal;
					padding: 0px 0px 0px 8px;}

a.submenu:hover {font-size: 10px; 
				font-family: Verdana, Arial, Helvetica; 
				color: #7D423E; 
				text-decoration: normal; 
				font-weight: normal;
				background-image: url(images/puntero_naranja.gif);
				background-repeat: no-repeat;
				background-position: left;
				padding: 0px 0px 0px 8px;}







/*el pie de página*/

.celda_5x1_pie_amarillo {height: 20px; border-top: 1px solid #535353; background-color: #FBFBF7}
.celda_5x1_pie_azul {height: 20px; border-top: 1px solid #535353; background-color: #FCFDFF}
.celda_5x1_pie_gris {height: 20px; border-top: 1px solid #535353; background-color: #FCFCFC}
.celda_5x1_pie_marron {height: 20px; border-top: 1px solid #535353; background-color: #F4F1EC}
.celda_5x1_pie_naranja {height: 20px; border-top: 1px solid #535353; background-color: #FBF9F7}
.celda_5x1_pie_rojo {height: 20px; border-top: 1px solid #535353; background-color: #FCFAFA}
.celda_5x1_pie_turquesa {height: 20px; border-top: 1px solid #535353; background-color: #F7FBFC}

.celda_5x2_pie_amarillo {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #FBFBF7}
.celda_5x2_pie_azul {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #FCFDFF}
.celda_5x2_pie_gris {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #FCFCFC}
.celda_5x2_pie_marron {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #F4F1EC}
.celda_5x2_pie_naranja {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #FBF9F7}
.celda_5x2_pie_rojo {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #FCFAFA}
.celda_5x2_pie_turquesa {height: 20px; padding: 4px 0px 3px 0px; border-top: 1px solid #535353; background-color: #F7FBFC}
			
			
			
			
/*texto del pie de página igual para todos los colores*/
					
.textopie {	font-size: 11px; 
			font-family: Arial, Helvetica; 
			color: #686868; 
			text-decoration: none; 
			font-weight: normal;
			width: 550px;}

			
			
			
			
			<!-- 

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;}


/* Menu position that can be changed at will */
#menu {position: absolute; 
		top: 175;
		left: 0;}
		
		
#menu {width: ;}


#menu dt {	cursor: pointer;
			margin: 2px 0;   /* MARGEN ENTRE CELDAS PRINCIPALES */
			height: 18px;
			line-height: 18px;
			text-align: left;
			padding-left:10px;
			padding-bottom: 5px;
			font-weight: bold;
			border: 0px solid gray;
			background: #FFFFFF;}
			
			
#menu dd {border: 15px; color: #D53535;
			height: 20px;
			line-height: 20px;
			text-align: left;
			padding-left:10px;
			padding-bottom: 10px;
			font-weight: bold;
			border: 0px solid gray;
			background: #FFFFFF;
			height: 100%;}


/* cuadro donde estan los submenus */
#menu li {text-align: left; padding-left:0px;}   


/* enlaces de menu y submenu */
#menu li a, #menu dt a {display: block;
						border: 0 none;
						height: 100%;}
						
						
						
/* color y formato de los enlaces de menu y submenu respectivamente*/

#menu li a:{}
#menu li a:active {} 
#menu li a:hover {} 

#menu dt a:{}  
#menu dt a:active {}
#menu dt a:hover {} 


.indice {
font-size:0.7em;	
font-family: Verdana, Arial, Helvetica; 
	}
p.indice a{
color:#000000;
text-decoration:none;
}
p.indice a:link{
color:#000000;
text-decoration:none;
}

p.indice a:hover{
color:#FF0000;
text-decoration:underline;
}

p.indice a:visited{
color:grey;
text-decoration:none;
}

.peq {
font-size:0.8em;	
color:#099;
}
-->**************************************************************************
******************************************************************************



