/* 
* Le da el estilo del cuerpo del documento
*/
body {
	text-align: center;
	margin: 0px;
	background-image: url(../img/estilos/fondo.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
/** 
* error es una clase para manejar el cuadrito cuando
* debe mostrar un error en algunos casos
*/
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
	background-color: #FFFFCC;
	text-align: justify;
	border: 2px solid #FF0000;
	display: none;
	width: 80%;
}
/**
* Con esta clase se maneja todo el 
* tema del cabezote.
*/
#header {
	text-align: left;
	width: 100%;
	background-image: url(../img/header/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/**
* Container se le aplica al id container 
* que es la que encierra todo.
*
*
*/
#container {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
/**
* Se el aplica al objeto con id messenger 
* y es donde se muestran los mensajes
*/
#messenger {
	margin: 10px;
	text-align: left;
}
/**
* se le aplica al objeto con id cuerpo 
* es donde realmente se muestra todo.
*/
#cuerpo {
	margin: 10px;
	text-align: center;
}
/**
* Esta se le aplica a las fuentes del titulo del objeto con id messenger 
* 
*/
p.fuenteMessengerTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	margin: 10px;
}
/**
* Esta se le aplica a las fuentes del texto del objeto con id messenger 
* 
*/
p.fuenteMessengerTexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	text-align: justify;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#divLeyenda {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* Esta es solo para los perfiles */
p.fuenteMessengerTexto2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	margin: 23px;
	text-align: justify;
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #E4EEf4;
	padding: 2px;
}
p.fuenteMessengerTexto3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 18px;
	text-align: right;
	padding: 2px;
}

.btnModificar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	background-image: url(../img/estilos/bot_modificar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 99px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #DDE2EB;
	margin-top: 3px;
}
.btnCerrarVentana {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	background-image: url(../img/estilos/bot_cerrar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 96px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #DDE2EB;
	margin-top: 3px;
}
.btnGuardar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	background-image: url(../img/estilos/bot_guardar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 86px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #DDE2EB;
	margin-top: 3px;
}

/**
* Esta se le aplica a las fuentes del titulo de cada pantalla 
* del objeto title por ejemplo donde dice "cargos"
*/

#title {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 95%;
}
#botones img {
	float: left;
}
.btnContinuar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 100px;
	background-image: url(../img/estilos/bot_siguiente.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnRegresarMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 25px;
	width: 170px;
	background-image: url(../img/estilos/bot_reshv.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnSalir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 24px;
	width: 78px;
	background-image: url(../img/estilos/bot_salir.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnSi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 54px;
	background-image: url(../img/estilos/bot_si.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnNo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 54px;
	background-image: url(../img/estilos/bot_no.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnNuevoEstudio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 140px;
	background-image: url(../img/estilos/bot_agregarestudio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnActualizarEstudio{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 154px;
	background-image: url(../img/estilos/bot_actestudio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnNuevoEmpleo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 140px;
	background-image: url(../img/estilos/bot_agregarempleo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnActualizarEmpleo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 154px;
	background-image: url(../img/estilos/bot_actempleo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnNuevaReferencia{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 170px;
	background-image: url(../img/estilos/bot_adicionaref.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnActualizarReferencia{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 174px;
	background-image: url(../img/estilos/bot_actref.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnIngresar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 24px;
	width: 93px;
	background-image: url(../img/estilos/bot_ingreso.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
.btnCambiarClave {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F1F4F9;
	text-decoration: none;
	height: 26px;
	width: 131px;
	background-image: url(../img/estilos/bot_cambiarclave.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F1F4F9;
	margin-top: 3px;
}
/*
  Se le aplica al objeto que tiene como class="ventanaCedula"
  que es la ventana de login.
*/
.ventanaCedula {
	background-color: #FFFFFF;
	width: 300px;
	height: 170px;
}
/*
  Se le aplica a todas las etiquetas p dentro de la pagina
*/
p {
	margin: 5px;
}
/*
  Es el estilo que se le aplica a todos los botones del sitio
*/
.btnButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #272C54;
	height: auto;
	width: auto;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	margin-right: 10px;
}
/*
  TABLACEDULA
  Se le aplica a la tabla que contiene el textbox de cedula y clave
  en la ventana de login
*/
.tablaCedula {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	margin: 10px;
	width: 90%;
	
}
.tablaCedula td{
 padding: 5px;
}
/*
  FINAL TABLACEDULA
*/
.tablaEnpotrada {
	text-align: left;
	width: 100%;
	
}
.req {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	background-image: url(../img/estilos/bullet_nar.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px;
}
.reqNo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	padding: 4px;
}
.tablaEnpotradatd{
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #375782;
	text-decoration: none;
}
.tablaEnpotradath {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #375782;
	text-decoration: none;
}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	width: 170px;
}

.inputboxSelect1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #375782;
	width: 160px;
	font-weight: normal;
}

.inputboxSelect2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #375782;
	width: 60px;
}

#about {
	text-align: left;
	width: 95%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}


.botones {
	text-align: left;
	margin: 10px;
}
form {
	margin: 10px;
	width: auto;
}

.botonesDerecha {
	text-align: right;
	clear: both;
	background-image: url(../img/estilos/imagen_bg_inferiores.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #b2c0cd;
	height: 30px;
	width: 95%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#linea {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.botonesCentro {
	text-align: center;
	margin: 5px;
}
.tablaRegistros {
	margin: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #c7d2e2;
	border-left-color: #c7d2e2;
}
.thRegistros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #7d97bd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7d2e2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c7d2e2;
	padding: 3px;
}
.thRegistrosActivo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #476fa5;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c7d2e2;
	border-bottom-color: #c7d2e2;
}
.btnEditarRegistro {
	background-color: #BAC8DC;
	background-image: url(../img/estilos/bot_ref_modificar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width: 70px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #bac8dc;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.thRegistros2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #87a4cb;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c7d2e2;
	border-bottom-color: #c7d2e2;
}
.tdRegistros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7d2e2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c7d2e2;
	padding: 3px;
	background-color: #bac8dc;
}


#tablaRegistros {
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}



.ventanaCedula h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/ventanas/background.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	height: 22px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	padding-left: 2px;
}
label.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF6600;
	text-decoration: none;
	margin-left: 5px;
}
.ventanaEmergente {
	background-color: #F1F4F9;
	width: 400px;
	height: 300px;
	margin-top: -150px;
	margin-left: -200px;
	border: 1px solid #B2C0CD;
	position: absolute;
	visibility: hidden;
	left: 50%;
	top: 50%;
	text-align: left;
}
.ventanaEmergente h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF6600;
	text-decoration: none;
	margin: 0px;
	height: 22px;
	border-bottom-style: solid;
	text-align: center;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #B2C0CD;
	vertical-align: middle;
	width: 400px;
}
.ventanaEmergente form {
}
.mensajeVentanaEmergente {
	width: 95%;
}

.tablaEmergente {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	width: auto;	
}
.tablaEmergente td{
 padding: 5px;
}
/*
  Hoja preguntas esta deshabilitado porque estos estilos se manejan
  en la hoja de estilos preguntas.css
*/
.ventanaPreguntas {
	background-color: #FFFFFF;
	width: 600px;
	height: 400px;
	margin-top: -200px;
	margin-left: -300px;
	border: 1px solid #419ED9;
	position: absolute;
	visibility: hidden;
	left: 50%;
	top: 50%;
	overflow: auto;
	text-align: left;
}
.ventanaPreguntas h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/ventanas/background.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	height: 22px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	padding-left: 2px;
}
.tablaPreguntas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: left;
	width: 80%;	
}
.tablaPreguntas td{
 padding: 5px;
}
p.enunciado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.ordinal {
	vertical-align: top;
	margin-bottom: 32px;
}
#mensaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	background-color: #C6DAE8;
	margin: 10px;
	padding: 3px;
}
#mensaje p{
	text-align: right;
	
}
#about {
	visibility: hidden;
}
/*final preguntas(DESHABILITADO)*/
/*
  Esta se le aplica a el icono que da vueltas mientras se procesa 
  una directiva desde el servidor. esperar
*/
#esperar {
	display: none;
	height: 30px;
	width: 32px;
	margin-top: -15px;
	margin-left: -15px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#mensajeBoton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #BDD6E6;
	margin: 5px;
	text-align: justify;
	padding: 10px;
}
#ventanaInfo {
	background-color: #B7D1E3;
}
/*
  Estas clase aplican para crear los tab del menu principal
  hasta donde dice FINAL TABS

*/
#tab {
	/*border-bottom : 1px solid #ccc;*/
	margin : 0;
	padding-left : 10px;
	padding-bottom: 19px;
}
#tab ul, #tab li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
#tab a:link, #tab a:visited	{
	background : #E8EBF0;
	/*border : 1px solid #ccc;*/
	color : #666;
	float : left;
	font-size : 11px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 2px;
	text-decoration : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
}

#tab a:link.active, #tab a:visited.active	{
	background : #fff;
	/*border-bottom : 1px solid #fff;*/
	color : #000;
}

#tab a:hover	{
}
#tab li#nav-1 a, 
#tab li#nav-2 a,
#tab li#nav-3 a,
#tab li#nav-4 a,
#tab li#nav-5 a,
#tab li#nav-6 a,
#tab li#nav-7 a {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	background-color: #E8EBF0;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	/*border-bottom: 1px solid #CCCCCC; */
}
/*
  FINAL TABS
*/
.textoRes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

#tab ul a:hover {
}
#contents {
	clear : both;
	margin : 0px;
	padding : 15px;
	background-color: #DDE2EB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #375782;
	text-decoration: none;
}
#tablaPerfiles {
	text-align: left;
}
.columnasPerfiles {
	margin-top: 5px;
	margin-right: 0px;
	width: 300px;
	float: left;
}
.insidePerfiles {
	background-color: #e4eef4;
	margin: 0px;
}

.columnasPerfiles h3 {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
	margin: 0px;
}
.columnasPerfiles label {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	margin-bottom: 5px;
}


.tablaObjetosMenu {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000099;
	border-left-color: #000099;
}
.th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000099;
	text-align: center;
}
.td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000099;
	border-bottom-color: #000099;
	text-align: left;
	text-indent: 2px;
}
.tablaLogin {
	margin: 5px;
}
#tablaPreguntas {
	width: 55%;
	text-align: left;
	background-color: #E4EEf4;
	border: 1px solid #B2C0CD;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
}
#cualMedicamento {
	display: none;
}
#q_financiar_casa {
	display: none;
}
#q_carro_asegurado {
	display: none;
}
#temExequiales {
	display: none;
}
#nuevoPariente {
	display: none;
}

/*Para mostrar el texto del splash*/
#tablaPreguntasSplash {
	width: 80%;
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
}
.btnBorrarRegistro {
	background-image: url(../img/estilos/bot_ref_borrar.gif);
	height: 14px;
	width: 52px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #BAC8DC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #bac8dc;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.btnGeneralSinBack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #7B94BC;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: groove;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	height: 20px;
	margin-right: 10px;
}
.inputboxpeq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 17px;
	width: 100px;
	border: 1px solid #2E4C88;
}


.header1 {
	background-image: url(../img/estilos/bgCabezote1.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.inputboxSelect {
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #375782;
}
.inputBoxIndicativo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 60px;
	color: #375782;
	margin-right: 6px;
}
.inputboxNormal {
	width: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #375782;
}
.inputboxSelectFechas{
	width: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #375782;
}
.letreroFinal {
	text-align: left;
	margin: 5px;
	clear: both;
	/*height: 80px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	padding: 2px;
}
.textoBoldSplash {
	text-align: left;
	margin: 5px;
	clear: both;
	/*background-image: url(../img/estilos/imagen_bg_inferiores.jpg);
	background-repeat: repeat-x;
	background-position: left top;*/
	/*border: 1px solid #b2c0cd;*/
	/*height: 80px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	padding: 2px;
}
.ventanaLoginIndex {
	background-color: #F1F4F9;
	width: 380px;
	height: 120px;
	margin-top: -75px;
	margin-left: -150px;
	border: 1px solid #B2C0CD;
	position: absolute;
	visibility: visible;
	left: 50%;
	top: 50%;
	text-align: left;
}
#columna1{
	display: none;
}
#columna2{
	display: none;
}
#columna3{
	display: none;
}
/* La descripcion de cada uno de los perfiles */
#descrPerfil1{
	display: none;
	background-color: #D6E3F6;
	padding: 5px;
	border: 1px solid #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	text-align: justify;
	width: 200px;
}
#descrPerfil2{
	display: none;
	background-color: #D6E3F6;
	padding: 5px;
	border: 1px solid #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	text-align: justify;
	width: 200px;
}
#descrPerfil3{
	display: none;
	background-color: #D6E3F6;
	padding: 5px;
	border: 1px solid #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	text-align: justify;
	width: 200px;
}
.objCheckbox {
	margin-right: 2px;
	text-align: justify;
}
.Gracias {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #375782;
	text-decoration: none;
	text-align: center;
}