/************ INICIO ESTRUCTURA PRINCIPAL = tablaPrincipal(celdaSuperior,celdaCentral,celdaIzquierda,celdaDerecha) ************/
TABLE.tablaPrincipal {		
	border-width:			0px;
	border-style: 			dashed;
	width:				760px;
	height:				100%;
	text-align:				center;
	font-family:			sans-serif;
}
TD.celdaSuperior {
	background-attachment: 		scroll;
	background-repeat: 		no-repeat;
	height:				135px;
	vertical-align:			top;
	background-color: 		#BCBFC3;
}
TD.celdaSuperiorHome {
	background-attachment: 		scroll;
	background-repeat: 		no-repeat;
	height:				90px;
	vertical-align:			top;
	background-color: 		#BCBFC3;
}
TD.celdaCentral {
	width:				100%;
	height:				25px;
}
TD.celdaIzquierda {
	width:				200px;
	height:				100%;
	vertical-align:			top;
	background-color: 		#B5CBF0;
}
TD.celdaDerecha {
	width:				570px;
	height:				100%;
}
/************  FIN #### ESTRUCTURA PRINCIPAL = tablaPrincipal(celdaSuperior,celdaCentral,celdaIzquierda,celdaDerecha) }************/

/************  INICIO #### celdaCentral = tablaCeldaCentral(celdaCentralCorta,celdaCentralLarga) ************/

TABLE.tablaCeldaCentral {
	border-width:			0px;
	border-style: 			dashed;
	width:				100%;
	height:				100%;
}
TD.celdaCentralCorta {
	background-color: 		#BCBFC3;
	vertical-align:			middle;
	font-size: 			13px;
	font-weight: 			bold;
	color: 				#002F63;
	height:				55px;
	text-align:			left;
}
TD.celdaCentralLarga {
	width:				200px;
	background-color: 		#BCBFC3;
	vertical-align:			middle;
	font-size: 			13px;
	font-weight: 			bold;
	color: 				#002F63;
}
/************  FIN #### celdaCentral = tablaCeldaCentral(celdaCentralCorta,celdaCentralLarga) ************/

/************  INICIO #### celdaIzquierda = tablaCeldaIzquierda(cabeceraMenuIzquierda,opcionMenuIzquierda) ************/
TABLE.tablaCeldaIzquierda {
	border-width:			0px;
	border-style: 			dashed;
	width:				200px;
	height:				100%;
	text-align:				center;
}
TD.cabeceraMenuIzquierda {
	height:				40px;
	background-color: 		#B5CBF0;
	vertical-align:			middle;
	text-align:			center;
	font-size: 			12px;
	font-weight: 			bold;
	color: 				#002F63;
	font-family:			sans-serif;
}
TD.opcionMenuIzquierda {
	height:				100%;
	background-color: 		#B5CBF0;
	vertical-align:			top;
	font-size: 			11px;
	color: 				#002F63;
	text-align:			left;
}
/************ FIN #### celdaIzquierda = tablaCeldaIzquierda(cabeceraMenuIzquierda,opcionMenuIzquierda) ************/

/************  INICIO #### MENÚ DE LA DERECHA ************/
TD.opcionMenuDerecha {
	height:				100%;
	background-color: 		#BCBFC3;
	vertical-align:			top;
	font-size: 			11px;
	font-weight: 			bold;
	color: 				#002F63;
}
/************  FIN #### MENÚ DE LA DERECHA ************/

/************   INICIO #### celdaDerecha = tablaCeldaDerecha(contenido) ************/
TABLE.tablaCeldaDerecha {
	border-width:			0px;
	border-style: 			dashed;
	width:				100%;
	height:				100%;
	text-align:				center;
}
TD.contenido {
	width:				100%;
	height:				100%;
	background-color: 		#FFFFFF;
	vertical-align:			top;
}
/************    FIN #### celdaDerecha = tablaCeldaDerecha(contenido) ************/

/************    INICIO #### ESTILOS DE PÁRRAFOS O TEXTOS INDEPENDIENTES ************/
P.textoAzul {
	font-size: 			12px;
	font-weight: 			bold;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
	text-align:			left;

}
P.textoAzulSinNegrita {
	font-size: 			12px;
	color: 				#002F63;
	font-family:			sans-serif;
	text-align:			left;
}
P.textoAzulGrande {
	font-size: 			24px;
	font-weight: 			bold;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
	text-align:			left;
}
P.textoAzulMediano {
	font-size: 			16px;
	font-weight: 			bold;
	color: 				#002F63;
	font-family:			sans-serif;
	text-align:			left;
}
P.tituloGrandeAzulClaro {
	font-weight:			bold;
	text-align:			center;
	font-family:			sans-serif;
	font-size:			22px;
	font-weight:			bold;
	color:				#297FF0;
	text-align:			center;
}
P.tituloMedianoAzulClaro {
	font-weight:			bold;
	text-align:			center;
	font-family:			sans-serif;
	font-size:			16px;
	font-weight:			bold;
	color:				#297FF0;
	text-align:			center;
}
P.tituloMenu {
	width:				70%;
	font-size:			11px;
	font-weight:			bold;
	color:				#FFFFFF;
	background-color:		#002F63;
	margin-top:			20px;
	margin-bottom:			20px;
	padding-top:			2px;
	padding-bottom:			2px;
	text-align:			center;
	font-family:			sans-serif;
}
P.numeroTelefono {
	width:				80%;
	font-size:			20px;
	font-weight:			bold;
	color:				#002F63;
	padding-top:			2px;
	padding-bottom:			2px;
	text-align:			center;
	font-family:			sans-serif;
}
P.buscador {
	font-size: 			12px;
	font-weight: 			bold;
	text-align:			left;
	font-family:			sans-serif;
}

H1.tituloMuyGrande {
	font-weight:			bold;
	text-align:			center;
	font-family:			sans-serif;
	font-size:			36px;
	color:				#002F63;
	text-align:			center;
}
H1.tituloGrandeAzulClaro {
	font-weight:			bold;
	text-align:			center;
	font-family:			sans-serif;
	font-size:			22px;
	color:				#297FF0;
	text-align:			center;
}
H1.tituloMedioGrandeAzulClaro {
	font-weight:			bold;
	text-align:			center;
	font-family:			sans-serif;
	font-size:			19px;
	color:				#297FF0;
	text-align:			center;
}
H1.tituloMedianoAzulClaro {
	font-weight:			bold;
	font-family:			sans-serif;
	font-size:			16px;
	color:				#297FF0;
	margin-left:			10px;
}
H1.textoMediano {
	font-weight:			bold;
	font-family:			sans-serif;
	font-size:			14px;
	color:				#002F63;
}
H1.formTitulo {
	font-weight:			bold;
	font-family:			sans-serif;
	font-size:			12px;
	color:				#FFFFFF;
	background-color:		#002F63;
	margin-left:			3px;
	margin-right:			7px;
	margin-top:			0px;
	margin-bottom:			0px;
	text-align:			left;
}
H3.menuDerechoX {
	font-size:			11px;
	text-decoration:		none;
	margin:				0px;
	padding:			0px;
	line-height:			14px;	
}

INPUT.formTitulo {
	font-family:			sans-serif;
	font-size:			10px;
	color:				#002F63;
	margin-left:			0px;
	margin-right:			0px;
	margin-top:			0px;
	margin-bottom:			0px;
	text-align:			left;
}
TEXTAREA.formTitulo {
	font-family:			sans-serif;
	font-size:			10px;
	color:				#002F63;
	margin-left:			0px;
	margin-right:			0px;
	margin-top:			0px;
	margin-bottom:			0px;
	text-align:			left;
}
SELECT.formTitulo {
	font-family:			sans-serif;
	font-size:			10px;
	color:				#002F63;
	margin-left:			0px;
	margin-right:			0px;
	margin-top:			0px;
	margin-bottom:			0px;
	text-align:			left;
}

TD.formTitulo {
	font-family:			sans-serif;
	font-size:			11px;
	color:				#002F63;
	text-align:			left;
}
TD.cajaTexto {
	vertical-align:			top;
	text-align:			center;
	font-size: 			12px;
	font-weight: 			bold;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
}
TD.cajaTextoAzul {
	vertical-align:			top;
	font-size: 			11px;
	color: 				#002F63;
	font-family:			sans-serif;
}
TD.tituloMenu {
	font-size:			11px;
	font-weight:			bold;
	color:				#FFFFFF;
	background-color:		#002F63;
	margin-top:			0px;
	margin-bottom:			0px;
	padding-top:			3px;
	padding-bottom:			2px;
	text-align:			center;
	font-family:			sans-serif;
}

B.textoAzulClaro {
	font-size: 			16px;
	font-weight: 			bold;
	color: 				#297FF0;
	text-align:			left;
}
B.textoAzulGrande {
	font-size: 			22px;
	font-weight: 			bold;
	color: 				#297FF0;
	text-align:			left;
}
B.textoAzulMuyGrande {
	font-size: 			26px;
	font-weight: 			bold;
	color: 				#297FF0;
	text-align:			left;
}
B.textoAzulMediano {
	font-size: 			22px;
	font-weight: 			bold;
	color: 				#002F63;
	font-family:			sans-serif;
	text-align:			left;
}
B.textoAzulMedianoPortada {
	font-size: 			20px;
	font-weight: 			bold;
	color: 				#002F63;
	font-family:			sans-serif;
	text-align:			left;
	text-decoration:	underline;
	background-color:		#FFFFFF;
}
B.textoAzulOscuroMedio {
	font-size: 			16px;
	font-weight: 			bold;
	color: 				#002F63;
	font-family:			sans-serif;
	text-align:			left;
}
TD.piePagina {
	color:				#6f6f6f;
	font-family:			sans-serif;
	font-size:			11px;
}
/************     FIN #### ESTILOS DE PÁRRAFOS O TEXTOS INDEPENDIENTES ************/

/************     INICIO #### ESTILOS DE ENLACES MENÚ IZQUIERDA ************/
A.opcionMenuIzquierda {
	vertical-align:			middle;
	font-size: 			11px;
	font-weight: 			bold;
	color: 				#002F63;
	text-decoration:		none;
	font-family:			arial;
}
A.opcionMenuIzquierda:hover {
	color: 				#FFFFFF;
}

A.opcionMenuIzquierdaSeleccionado {
	vertical-align:			middle;
	font-size: 			11px;
	font-weight: 			bold;
	color: 				#FFFFFF;
	text-decoration:		none;
	font-family:			arial;
}
/************     FIN #### ESTILOS DE ENLACES MENÚ IZQUIERDA ************/

/************     INICIO #### ESTILOS DE ENLACES MENÚ SUPERIOR ************/
A.menuSuperior {
	width:				200px;
	background-color: 		#BCBFC3;
	vertical-align:			middle;
	font-size: 			13px;
	font-weight: 			bold;
	color: 				#002F63;
	text-decoration:		none;
}
A.menuSuperior:hover {
	color: 				#FFFFFF;
}

A.menuSuperiorSeleccionado {
	width:				200px;
	background-color: 		#BCBFC3;
	vertical-align:			middle;
	font-size: 			13px;
	font-weight: 			bold;
	color: 				#FFFFFF;
	text-decoration:		none;
}
/************     FIN #### ESTILOS DE ENLACES MENÚ SUPERIOR ************/


/************     INICIO #### ESTILOS PARA LOS CORCHETES CON ENLACE ************/
DIV.corchetes {
	height:				100px;
	text-align:			center;
	font-size:			12px;
	color:				#002F63;
	font-weight:			bold;
	vertical-align:			middle;
	white-space:			nowrap;
}
A.corchetes {
	height:				100px;
	text-align:			center;
	font-size:			12px;
	color:				#002F63;
	font-weight:			bold;
	vertical-align:			middle;
	text-decoration:		none;
	cursor:				pointer;
}
/************     FIN #### ESTILOS PARA LOS CORCHETES CON ENLACE ************/

/************     INICIO #### ESTILOS PARA LOS ENLACES INDEPENDIENTES ************/
A.piePagina {
	color:				#6f6f6f;
	font-family:			sans-serif;
	font-size:			11px;
	text-decoration:		none;
}
A.piePagina:hover {
	text-decoration:		underline;
}
A.textoAzulMediano {
	font-size: 			16px;
	font-weight: 			bold;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
	text-align:			left;
	text-decoration:		none;
}
A.textoAzulMediano:hover {
	text-decoration:		underline;
}

A.textoAzulMedianoPortada {
	font-size: 			14px;
	font-weight: 			bold;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
	text-align:			left;
	text-decoration:		none;
}
A.textoAzulMedianoPortada:hover {
	text-decoration:		underline;
}

A.textoAzulMedianoEmail {
	font-size: 			16px;
	font-weight: 			bold;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
	text-align:			left;
	text-decoration:		none;
}
A.textoAzulMedianoEmail:hover {
	color: 				#297FF0;
	text-decoration:		underline;
}

A.textoAzulGrandeSinNegrita {
	font-size: 			18px;
	color: 				#002F63;
	width: 				80%;
	font-family:			sans-serif;
	text-align:			left;
	text-decoration:		none;
}
A.textoAzulGrandeSinNegrita:hover {
	text-decoration:		underline;
}
A.atencionCliente {
	font-size:			12px;
	color:				#FFFFFF;
	font-weight:			bold;
	text-decoration:		none;
	padding:			0px;
}
A.atencionCliente:hover {
	color:				#002F63;
	font-weight:			bold;
	background-color:		#FFFFFF;
}
A.cajaTextoAzulLink {
	text-decoration:		none;
	vertical-align:			top;
	font-size: 			11px;
	color: 				#002F63;
	font-family:			sans-serif;
}
A.cajaTextoAzulLink:hover {
	font-weight: 			bold;
}
/************    FIN #### ESTILOS PARA LOS ENLACES INDEPENDIENTES ************/

/************    INICIO Y FIN #### A BORRAR DE AQUÍ EN ADELANTE ************/
FONT.menuSuperiorSeleccionado {
	color:				#FFFFFF;
}