body {
	scrollbar-arrow-color:#D6D6D6;
	scrollbar-base-color:#F1F1F1;
	scrollbar-shadow-color:#B8B8B8;
	scrollbar-face-color:#F1F1F1;
	scrollbar-highlight-color:#F7F7F7;
	scrollbar-darkshadow-color:#F1F1F1;
	scrollbar-3dlight-color:#B8B8B8;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	text-align: center;	
	background-color: #DFDFDF;
	margin-top: 0px;
}

td{font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 18px; color: #333333;}
strong{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 18px; color: #464A68; font-weight: bold;}


/********************* Fondos ************************/


.A1-Fondo-general{	background-image: url(../graficos/fondo-interno.gif); background-repeat: repeat-y; vertical-align: top; background-position: left top;	width: 763px;}
.A2-Fondo-pie{	font: 11px/16px Tahoma, Verdana, "Trebuchet MS", Arial; color: #333333; vertical-align: top; padding-right: 0px;}
.A2-Fondo-pie A:link { color: #003399; text-decoration: none;}
.A2-Fondo-pie A:hover {  color: #0000CC; text-decoration: none; border-bottom: 1px solid #E6E600;}
.A2-Fondo-pie A:visited { color: #3D6D87; text-decoration: none;}
#links{ height: auto; text-align: left; padding: 5px 5px 10px 10px; vertical-align: top; width: 550px;}
#marca{ background-image: url(../graficos/fondo-pie.gif); background-repeat: no-repeat; background-position: left bottom;}
.A3-Fondo-tarjeta{  font-family: Tahoma, Verdana, "Trebuchet MS", Arial;  font-size: 11px;  line-height: 16px; color: #333333; background-color: #DFDFDF; 	 background-image: url(../graficos/tarjeta-fondo.gif); background-repeat: repeat-y; vertical-align: top; text-align: left; padding: 0px 10px 5px 6px; }
.A4-Fondo-cielo{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 16px; color: #666666; background-image: url(../graficos/fondo-cielo.gif); background-repeat: no-repeat; background-position: right top; vertical-align: top; text-align: left; height: auto; padding: 10px 5px 10px 15px;}
.A5-Col-izq{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 16px; color: #666666; text-align: left; height: auto; padding: 10px 5px 10px 15px; vertical-align: top;}
.A5-Top{ height: auto; 	vertical-align: top;}
.A6-Titulo{ height: 45px; width: 505px;}
.A7-Fondo-linea{ background-image: url(../graficos/tarjeta-sombra.gif); background-repeat: repeat-y; background-color: #FFFFFF; width: 4px; vertical-align: top;}
.A8-Flash{width: 750px;}
.A9-Centro{text-align: center; }
.A10-Fondo-home{ background-image: url(../graficos/fondo-home.gif); background-repeat: repeat-y; vertical-align: top; background-position: center top; width: 758px; text-align: center;}
.sombra{background-image: url(../graficos/sombra.gif); background-repeat: repeat-y; vertical-align:top; width:4px;}

/********************* Columnas tablas dobles ************************/

.B0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px; width: 482px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.B1-Col{ background-color: #D7F2FF; width: 241px; text-align: left; vertical-align: top; padding: 5px;	 border-top-width: 1px; border-top-style: solid; border-top-color: #8F8FB0; }
.B2-Col{ background-color: #F3F3F3; text-align: left; vertical-align: top; padding: 5px; width: 241px; padding: 5px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.B3-Tope{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #003366; line-height: 16px; background-color: #C7E2EE; text-align: left; vertical-align: top; height: 25px; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.B4-Larga{ background-color: #FAFAFA; text-align: left; vertical-align: top; height: 25px; padding: 5px; border-top: 1px solid #CCCCCC;}

/********************* Columnas tablas triples ************************/

.C0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px; width: 482px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.C1-Col{ text-align: left; vertical-align: top; padding: 5px; width: 160px; background-color: #D7F2FF; border-top-width: 1px; border-top-style: solid; border-top-color: #8F8FB0;}
.C2-Col{ background-color: #F3F3F3; text-align: left; vertical-align: top; width: 160px; padding: 5px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.C3-Col{ text-align: left; vertical-align: top; padding: 5px; width: 160px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-color: #FAFAFA;}
.C4-Tope{ color: #003366; background-color: #C7E2EE; text-align: left; vertical-align: top; height: 25px; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }

/********************* Columnas tablas cuadruples 1 ************************/

.D0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px; width: 482px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.D1-Col{ background-color: #D7F2FF; width: 113px; text-align: left; vertical-align: top; padding: 5px;	 border-top-width: 1px; border-top-style: solid; border-top-color: #8F8FB0; }
.D2-Col{ background-color: #F3F3F3; text-align: left; vertical-align: top; padding: 5px; width: 113px; padding: 5px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.D3-Col{ background-color: #FAFAFA; text-align: left; vertical-align: top; padding: 5px; width: 113px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.D4-Col{ background-color: #FAFAFA; text-align: left; vertical-align: top; padding: 5px; width: 113px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.D5-Tope{ background-color: #C7E2EE; text-align: left; vertical-align: top; height: 25px; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}


/********************* Columnas tablas cuadruples 2 ************************/

.E0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px; width: 482px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.E1-Col{ background-color: #D7F2FF; width: 302px; text-align: left; vertical-align: top; padding: 5px;	 border-top: 1px solid #8F8FB0;}
.E2-Col{ background-color: #F3F3F3; text-align: left; vertical-align: top; padding: 5px; width: 50px; padding: 5px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.E3-Col{ background-color: #FAFAFA; text-align: left; vertical-align: top; padding: 5px; width: 50px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.E4-Col{ background-color: #FAFAFA; text-align: left; vertical-align: top; padding: 5px; width: 50px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.E5-Tope{ background-color: #C7E2EE; text-align: left; vertical-align: top; height: 25px; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}


/********************* Columnas express ************************/
.F0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px; width: 228px; }
.F1-Col{ text-align: right; vertical-align: middle; padding: 3px 3px 3px 5px; width: 70px; border-top: 1px solid #EEEEEE;}
.F2-Col{ text-align: left; vertical-align: middle; padding: 3px 1px 3px 5px; width: 158px; border-top: 1px solid #EEEEEE;}
.F3-Tope{ text-align: left; vertical-align: middle; height: 25px; padding: 5px 3px; background-color: #F9F9F9; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10px; color: #666666; line-height: 14px; font-weight: normal;}
.F4-Pie{ text-align: left; vertical-align: middle; height: 25px; padding: 10px 10px 5px 20px;}

/********************* Columnas contacto ************************/

.G0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px;}
.G1-Col{ text-align: right; vertical-align: middle; padding: 3px 3px 3px 5px; width: 100px; border-top: 1px solid #EEEEEE;}
.G2-Col{ text-align: left; vertical-align: middle; padding: 3px 1px 3px 5px; width: 395px; border-top: 1px solid #EEEEEE;}
.G3-Tope{ text-align: left; vertical-align: middle; height: 50px; padding: 5px 3px 5px 5px; font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 15px; font-weight: bold; color: #003366;}
.G4-Pie{ text-align: left; vertical-align: middle; height: 25px; padding: 10px 10px 5px 5px;}


/********************* Columnas aplicaciones ************************/

.H0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px;}
.H1-Col{ text-align: left; vertical-align: middle; padding: 5px 3px 5px 8px; width: 200px; border-top: 1px solid #EEEEEE; font-weight: bold; color: #003366;}
.H2-Col{ text-align: left; vertical-align: middle; padding: 5px 1px 5px 10px; width: 25px; border-top: 1px solid #EEEEEE; border-left-width: 1px; border-left-style: solid; border-left-color: #EEEEEE;}
.H3-Tope{ text-align: left; vertical-align: bottom; padding: 5px 3px 5px 10px; font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 15px; font-weight: bold; color: #003366; height: auto;}


/***************  Tablita descripcion  ****************/

.I0-Tabla{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #333333; line-height: 16px; text-align: left; vertical-align: top; width:470px; padding:5px 5px 5px 10px; border:1px solid #A9A7BF;}


/***************  Cabeceras  ****************/

h1{font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 12px; color: #003366; font-weight: bold; line-height: 13px; border-bottom: solid #5F637A 1px; padding-bottom: 3px; width:auto;	}
h2{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 13px; color: #FFFAEF; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 3px 5px;}
h3{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 13px; color: #003366; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 3px 5px;}
h4{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 20px; color: #657798; font-weight: bold; line-height: 25px; margin: 0px; padding: 0px 0px 0px 10px;}
h5{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 20px; color: #FFFAEF; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 0px 10px;}

sup { font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; line-height: 16px; color: #333333; text-align: center;}
A:link { color: #003399; text-decoration: none; padding: 2px;}
A:hover { color: #003366; text-decoration: underline;}
A:visited { color: #990000; text-decoration: none;}

/***************  Form Express  ****************/


.X1-CampoDeTexto{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #3D6389; background-image: url(../graficos/sombraform.gif); background-position: left top; width: 118px; height: 20px; border-top: 1px solid #9E9BB3; border-right: 1px solid #9E9BB3; border-bottom: 1px solid #9E9BB3; border-left: 2px solid #565461;}
.X2-AreaDeTexto{ font-family: Tahoma, Verdana, "Trebuchet MS", Arial; font-size: 11px; color: #3D6389; height: 100px; width: 118px; border-top: 1px solid #9E9BB3; border-right: 1px solid #9E9BB3; border-bottom: 1px solid #9E9BB3; border-left: 2px solid #565461; background-image: url(../graficos/sombraform.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;


}


.X3-Obligatorios{
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #330000;
	background-image: url(../graficos/sombra-obligatorios.gif);
	background-position: left top;
	width: 118px;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
	height: 20px;
}


/***************  Formularios  ****************/


.Z1-CampoDeTexto{
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3D6389;
	background-image: url(../graficos/sombraform.gif);
	background-position: left top;
	width: 295px;
	height: 20px;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
}

.Z2-Menudesplegable{
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3D6389;
	background-color: #FFFFFF;
	background-image: url(../graficos/sombraform.gif);
	height: 20px;
	width: 295px;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
}

.Z3-AreaDeTexto{
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3D6389;
	height: 100px;
	width: 295px;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
	background-image: url(../graficos/sombraform.gif);
	background-position: left top;

}

.Z4-Botones {
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3D6389;
	background-color: #F7E9CA;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
	height: 20px;
	width: 60px;
}

.Z5-Seleccion,Opcion {
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #3D6389;
	border: 1px solid #660000;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;

}

.Z6-Obligatorios{
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #330000;
	background-image: url(../graficos/sombra-obligatorios.gif);
	background-position: left top;
	width: 295px;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
	height: 20px;
}

.codigo{ 
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #330000;
	background-image: url(../graficos/sombra-obligatorios.gif);
	background-position: left top;
	width: 118px;
	border-top: 1px solid #9E9BB3;
	border-right: 1px solid #9E9BB3;
	border-bottom: 1px solid #9E9BB3;
	border-left: 2px solid #565461;
	height: 20px;
	}



/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


div#qTip {
	font: bold 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #74808B;
	background-color: #EBE9E5;
	text-align: left;
	padding: 3px;
	border-top:3px solid #0026CF;
	border-right: 1px solid #FFE53D;
	border-bottom: 1px solid #FFE53D;
	border-left: 1px solid #FFE53D;
	display: none;
	position: absolute;
	z-index: 1500;

  -moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=90);
	min-width:120px;
}