body {
	background: #C6BE08;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	margin: 0;
	padding: 0;
	text-align: center;
}

div {
	text-align: left;
}

ul{
	padding:0.4em 0 1.2em 2em; 
	margin:0;
}

a {
	text-decoration: none;
	color: #2B7D95;
	border:0;
}

img {
	vertical-align: middle;
	border: 0;
}

form {
	margin: 0;
	border: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

.centrado {
	text-align:center;
	padding: 0.6em 0 0.6em 0em;
}

.main_text, table, input, textarea, font, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #6B6B6B;
	text-decoration: none;
	text-align: justify;
	border-color: #D6D6D6;
}

select {
	height: 19px;
	border: 1px solid #2B7D95;
	background-color: #ffffff;
}

.encuadre {
	text-align:center;
	width: 880px;
	margin:0 auto 0 auto;
	background-color: #FFFFFF;
}

.separador {
	width: 100%;
	height: 1.7em;
	float:left;
}

.separador2 {
	width: 100%;
	height: 0.71em;
	float:left;
}

/* Cabecera. */
.cabecera {
	width: 100%;
	clear: both;
	float: left;
	padding:0 0 0 2em;
}

.cabecera_1 {
	float: left;
	padding: 0.8em 0 0 2em;
}

.cabecera_2 {
	float: right;
	padding: 0.8em 5.8em 0 0;
}

/***** Izquierda ********/
.contenido_izquierda {
	width: 20%;
	float: left;
	padding: 1em 0em 0 3.8em;
	clear: left;
}

.contenido_izquierda_1 {
	max-size: 160px;
	padding: 1em 0 0 0;
	font-weight:bold;
	color:#CCCC00;
}

.contenido_izquierda_1_1 {
	float: left;
	margin: 0.2em 0 0 0;
	font-weight:normal;
	font-size:7pt;
	font-style:italic;
}

.contenido_izquierda_1_1 a {
	color: #CCCC00;
}

.contenido_izquierda_1_1 a:hover {
	color: #2B7D95;
}

.contenido_izquierda_1_2 {
	float: right;
	margin: 0.2em 1.2em 0 0; 
	clear: right;
}

.contenido_izquierda_1_2 a {
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../images/ir_claro_3.jpg);
}

.contenido_izquierda_1_2 a:hover {
	width: 27px;
	height: 27px;
	background-image: url(../images/ir_oscuro_3.jpg);
}

.menu {
	float: left;
	padding: 3.5em 0 0 0;
	margin: 0 0 0 0em;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 9pt;
	width: 160px;
}

.menu_1 {
	padding: 0.7em 0 0.7em 0;
	border-top: 1px solid #CCCC00;
}

.menu_1 a {
	color:#2B7D95;
}

.menu_1 a:hover {
	color:#CCCC00;
}

.menu_2 {
	padding: 0.7em 0 0.7em 0;
	border-top: 1px solid #2B7D95;
}

.menu_2 a {
	color:#CCCC00;
}

.menu_2 a:hover {
	color: #2B7D95;
}

.menu_3 {
	padding: 0.2em 0 0em 0em;
}

.menu_3 a {
	color:#CCCC00;
}

.menu_3 a:hover {
	color: #2B7D95;
}

.espacio_menu{
	padding: 0.7em 0 1em 0;
}
/******Centro*********/
.contenido_centro {
	width: 56%;
	float: left;
	padding: 1.2em 0.4em 0em 0.8em;
	text-align: center;
}

.contenido_registro {
	width: 68%;
	float: left;
	padding: 1.2em 0.3em 0em 1.2em;
	text-align: center;
}

/**** Derecha ********/
.contenido_derecha {
	font-size: 8pt;
	width: 12%;
	float: left;
	clear: right;
	padding: 1.2em 0em 0 0em;
	color: #2B7D95;
}

.boton_marco {
	float:right;
	padding:0em 0.8em 0.7em 0;
}

.boton_marco a {
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../images/ir_oscuro.jpg);
}

.boton_marco a:hover {
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../images/ir_claro.jpg);
}

.boton_marco2 {
	float:right;
	padding:0em 0.8em 0.7em 0;
}

.boton_marco2 a {
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../images/ir_oscuro_2.jpg);
}

.boton_marco2 a:hover {
	display: block;
	width: 27px;
	height: 27px;
	background-image: url(../images/ir_claro_2.jpg);
}

.marco_contenido {
	float: left;
	width: 100%;
	margin: 0em 0em 0em 0em;
}

.marco_contenido_form{
	float: right;
	background-color:white;
	width: 98%;
	height:450px;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	margin: 0.7em 0.3em 0.7em 0em;
}

.marco_contenido_input {
	float: left;
	width: 100%;
	margin: 0 0 0.2em 0.6em;
}

.titprin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #2B7D95;
	font-weight: 800;
}

.nota
{
	font-size: 9px;
}

.cajasalida {
	height:17px;
	border-style: none;
	background-color: #F7F7E7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E6E6E;
}

.cajasalidacentrado {
	height:17px;
	border-style: none;
	background-color: #F7F7E7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E6E6E;
	text-align: center;
}

.cajasalidanumerico {
	height:17px;
	border-style: none;
	background-color: #F7F7E7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E6E6E;
	text-align: right;
}

.cajatexto {
	height:17px;
	border:1px solid #2B7D95;
	padding-left:5px;
	font:Arial, Helvetica, sans-serif;
	color:#6B696B;
}

.cajanumerico {
	height:17px;
	border:1px solid #2B7D95;
	padding-left:5px;
	font:Arial, Helvetica, sans-serif;
	color:#6B696B;
	text-align: right;
}

.enlace {
	color: #CD3301;
}


/*****Botones*********/
.boton1 {
	float: right;
	margin: 0.7em 0 0 0;
	clear: right;
}

.boton1 a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/Cancelar_claro.jpg);
}

.boton1 a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/Cancelar_oscuro.jpg);
}

.boton2 {
	float: right;
	margin: 0.7em 1em 0 0;
	/*clear: right;*/
}

.boton2 a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/Enviar_claro.jpg);
}

.boton2 a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/Enviar_oscuro.jpg);
}

.atras {
	float: right;
	margin: 0.7em 1em 0 0;
	/*clear: right;*/
}

.atras a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/atras_claro.jpg);
}

.atras a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/atras_oscuro.jpg);
}

.boton_aceptar a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/aceptar_claro.jpg);
}

.boton_aceptar a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/aceptar_oscuro.jpg);
}

.cerrar {
	float: right;
	margin: 0.7em 1em 0 0;
	/*clear: right;*/
}

.cerrar a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/cerrar_claro.jpg);
}

.cerrar a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/cerrar_oscuro.jpg);
}

.calcular {
	clear: both;
	text-align: right;
	float:right;
	margin: 0.7em 1em 0 0;
	/*clear: right;*/
}

.calcular a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/calcular_claro.jpg);
}

.calcular a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/calcular_oscuro.jpg);
}

.seleccionar {
	float: right;
	margin: 0.7em 1em 0 0;
}

.seleccionar a {
	display: block;
	width: 104px;
	height: 25px;
	background-image: url(../images/seleccionar_claro.jpg);
}

.seleccionar a:hover {
	width: 104px;
	height: 25px;
	background-image: url(../images/seleccionar_oscuro.jpg);
}

.boton_cuentanos
{
	float: right;
	margin: 0.7em 1em 0 0;
}

.boton_cuentanos a 
{
	display: block;
	width: 174px;
	height: 25px;
	background-image: url(../images/cuentanos_verde.jpg);
}

.boton_cuentanos a:hover 
{
	display: block;
	width: 174px;
	height: 25px;
	background-image: url(../images/cuentanos_azul.jpg);
}



/*****Tabla********/
.cabecera_tabla {
	background-color: #2B7D95;
	text-align: left;
	color:#FFFFFF;
	font-weight: bold;
	border: 1px solid #297D94;
}
.block1
{
	background: #F7FBFF;
}
.block1 a 
{
	text-decoration: underline;
	color: #2B7D95;
	border:0;
}

/*****Errores*******/
.warning
{
	color: Red;
	text-align: center;
	width: 100%;
}

.warning_login {
	color: Red;
	text-align: left;
	float: left;
	margin: 1em 0 0 0;
	font-weight:normal;
	font-size:8pt;
	font-style:italic;
}

/*******Ayuda************/
.ayuda a {
	color:#2B7D95;
}

.ayuda a:hover {
	color:#CCCC00;
}

.panelAyuda
{
	color: #297D94;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 3em 2em 3em 2em;
	border: 2px solid #297D94;
	margin: 8px 8px 8px 8px;
	background-color: #DEEBEF;
	text-align: justify;
	float: right;
	width: 550px;
}
/*******Bienvenida**********/
.texto_centro {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #6B6B6B;
	padding: 1.5em 4.3em 1.5em 4.3em;
	text-align: justify;
}
.titsec {
	color:#CCCC00;
}
.titsec_bold{
	color:#CCCC00;
	font-weight:bold;
}
.titsec2 {
	font-weight:bold;
	color:#2B7D95;
	padding:0 0 0 1em;
	margin:0px;
}
.solucion {
	font-weight:bold;
	color:#2B7D95;
}
.cajasolucion{
	font-weight:bold;
	height:17px;
	border-style: none;
	background-color: #F7F7E7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E6E6E;
	text-align: right;
}
/********Oficinas************/
.oficinas {
	background-color: #FFFFFF;
	width:730px;
	height:100%;
}

/****** Pie. *******/
.pie {
	color: #CCCC00;
	padding: 0.4em 0 4.1em 5em;
	text-align: center;
	clear: both;
	font-size: 7pt;
}

.pie a {
	color: #CCCC00;
}

.pie a:hover {
	color: #2B7D95;
}

.pie_izquierda {
	width: 20%;
	float: left;
	padding: 1em 0.5em 0 0;
}

.pie_derecha {
	width: 12%;
	float: right;
	padding: 1em 0 0 0;
}

.pie_centro {
	width: 65%;
	float: left;
	margin: 0.5em 0em 0em 1.8em;
	text-align: center;
}

.pie_centro_izquierda {
	float: left;
}

.pie_centro_derecha {
	float: right;
	color:#2B7D95;
	padding:0 0.3em 0 0;	
}
/*****************************/

/************ Marcos *****************/
/******Marcos entrada datos*****/

.cajatexto_input {
	border:0px;
	margin:0.2em 0 0 0;
	font:Arial, Helvetica, sans-serif;
}

.marco_input {
	float: left;
	text-align: left;
	width: 100%;
	background-color: #FFFFFF;
	margin: 0px;
	width: 160px;
}

.marco_log_SI {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_login_sup_izq.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.marco_log_SD {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_login_sup_der.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.marco_log_II {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_login_inf_izq.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.marco_log_ID {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_login_inf_der.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.marco_log_Inf {
	float: left;
	width: 100%;
	background-image: url(../images/puntoclaro.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.marco_log_Sup {
	float: left;
	width: 100%;
	background-image: url(../images/puntoclaro.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.marco_log_Der {
	float: left;
	width: 100%;
	background-image: url(../images/puntoclaro.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.marco_log_Izq {
	float: left;
	width: 100%;
	background-image: url(../images/puntoclaro.gif);
	background-position: left;
	background-repeat: repeat-y;
}
/****************************/

/*******Marcos encuadre exterior******/
.marco_encuadre {
	float: left;
	width: 100%;
	margin:4em 0em 2em 0em;
}
.marco_encSI {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_sup_izq.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.marco_encSD {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_sup_der.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.marco_encII {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_aba_izq.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.marco_encID {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_aba_der.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.marco_encBorInf {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_abajo.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.marco_encBorSup {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_arriba.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.marco_encBorDer {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_derecha.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

.marco_encBorIzq {
	float: left;
	width: 100%;
	background-image: url(../images/exterior_izquierda.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
/******************************/


/****Marcos columna derecha****/
.marco1 {
	float: left;
	width: 100%;
	background-color: #F7F7E7;
}

.marco2 {
	float: left;
	width: 100%;
	background-color: #DEEBEF;
}

.marco3 {
	float: left;
	text-align: left;
	width: 100%;
	background-color: #FFFFFF;
}

.marco_esqSI {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_izq_arr.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.marco_esqSD {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_der_arr.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.marco_esqII {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_izq_abj.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.marco_esqID {
	float: left;
	width: 100%;
	background-image: url(../images/esquina_der_abj.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.marco_borInf {
	float: left;
	width: 100%;
	background-image: url(../images/punto.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.marco_borSup {
	float: left;
	width: 100%;
	background-image: url(../images/punto.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.marco_borDer {
	float: left;
	width: 100%;
	background-image: url(../images/punto.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

.marco_borIzq {
	float: left;
	width: 100%;
	background-image: url(../images/punto.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
/************************************/
.contacto_azul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #2B7D95;
	font-weight: normal;
}

.contacto_rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #EE1C23;
	font-weight: bold;
	padding-top:0.4em;
}

.marco_contacto1 {
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	width:425px;
	padding-left:2em;
	height: 220px;
}

.marco_contacto2 {
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	width:425px;
	padding-left:2em;
	height: 150px;
}

.marco_arroba {
	float: left;
	margin-top: -240px;
	background-image: url(../images/arroba.gif);
	background-position: 55px 0;
	background-repeat: no-repeat;
	height: 100px;
	width: 120px;
}
.marco_telefono{
	float: left;
	margin-top: -240px;
	background-image: url(../images/telefono.gif);
	background-position: 55px 0;
	background-repeat: no-repeat;
	height: 100px;
	width: 120px;
}


/* Tooltip styles */
a:hover 
{
	position: relative;
}

.tooltip_header
{
	font-size: 8pt;
	width:300px;
	background:#C4D5E3;
	border:1px solid #C4D5E3;
	font-weight:bold;
	padding: 4px;
}

.tooltip_body
{
	font-size: 8pt;
	width:300px;
	background:#FFFFFF;
	border-left:1px solid #C4D5E3;
	border-right:1px solid #C4D5E3;
	border-bottom:1px solid #C4D5E3;
	padding:4px;
}

.alert 
{
	background: #fff6bf url(../images/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}

.info 
{
	background: #f8fafc url(../images/information.png) 15px 50% no-repeat;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}

.jqmWindow 
{
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay 
{ 
	background-color: #000; 
}