/* 
    Document   : formato
    Created on : 25/01/2011, 12:17:00 PM
    Author     : ROBBEN
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*Formato principal*/
/*________________________________________________________________________*/
body {
        margin-top: 0px;
        padding-top: 0px;
        background-color: #DDDDDD;
	font-family: Verdana, Arial, Helevtica, sans-serif;
}

principal{
        margin-top: 0px;
        padding-top: 0px;
        background-color: #DDDDDD;
	font-family: Verdana, Arial, Helevtica, sans-serif;
}

.tabla_principal {
	width: 980px;
	height: 700px;
	padding: 0px;
	border-spacing: 0px;
        background: no-repeat;
        background-image: url(../Imagenes/Inicio/fondo.png);
}
/*________________________________________________________________________*/
/*FIN Formato Principal*/

/*Formato encabezado*/
/*________________________________________________________________________*/
.encabezado_alto {
	height: 90px;
	vertical-align: top;
        background: no-repeat;
        background-image: url(../Imagenes/Encabezado/fondo.png);
}

.encabezado_frame {
	width: 967px;
	height: 85px;
	vertical-align: top;        
}
/*________________________________________________________________________*/
/*FIN Formato encabezado*/

/*Formato mapa_navegacion*/
/*________________________________________________________________________*/
.mapa_navegacion_alto {
	height: 25px;
	vertical-align: top;
}

.mapa_navegacion_tabla {
	width: 970px;
        padding: 0px;
	border-spacing: 2px;
        font-size: 11px;
}

.mapa_navegacion_tabla a{
        color: #85c70c;
        text-decoration: none;
}

.mapa_navegacion_tabla a:hover{
        color: #85c70c;
        text-decoration: none;
}

.mapa_navegacion_tabla_izq {
	width: 40%;
        text-align: left;
}

.mapa_navegacion_tabla_der {
	width: 60%;
        text-align: right;
}

.mapa_navegacion_ayuda {    
	font-weight: bolder;
}

.mapa_navegacion_tabla_der img{
        vertical-align: middle;
	width: 16px;
        height: 16px;
        border: none;
}
/*________________________________________________________________________*/
/*FIN Formato mapa_navegacion*/

/*Formato menu_lateral*/
/*________________________________________________________________________*/
.menu_lateral {
	/*width: 20%;*/
        width: 173px;
	vertical-align: top;
        background-image: url(../Imagenes/Inicio/lateral.png);
}
/*________________________________________________________________________*/
/*FIN Formato menu_lateral*/

/*Formato area_trabajo*/
/*________________________________________________________________________*/
.area_trabajo {
        /*width: 80%;*/
        width: 800px;
	vertical-align: top;
}

.area_trabajo_index_alto {
	height: 280px;
	vertical-align: top;
        background-image: url(../Imagenes/Inicio/promo.png);
        background-repeat: no-repeat;
}

.area_trabajo_index_acceso_alto {
	height: 280px;
	vertical-align: top;
}

.area_trabajo_index_tabla_acceso {
	width: 100%;
        vertical-align: top;
}

.area_trabajo_index_tabla_acceso_izq {
	width: 70%;
        vertical-align: top;
}

.ati_tabla_acceso_form {
        width: 80%;
}

.ati_tabla_acceso_form_titulo {
        font-weight: bolder;
        text-align: left;
}

.ati_tabla_acceso_form_separacion {
        height: 45px;
        font-size: 12px;
        font-weight: bolder;
}

.area_trabajo_index_tabla_acceso_der {
	width: 30%;
        vertical-align: top;
}

.cuenta_titulo {
        font-size: 20px;
        font-weight: bolder;
        color: #d9eddb;
}

.cuenta_contenido {
        font-weight: bolder;
}

.cuenta_contenido a{
        color: #d9eddb;
}

.cuenta_contenido a:hover{
        color: #d9eddb;
}

.area_trabajo_index_alto2 {
	height: 225px;
	vertical-align: top;
}

.area_trabajo_alto {
	height: 486px;
	vertical-align: top;
}

.area_trabajo_tabla {
	width: 796px;
        padding: 0px;
	border-spacing: 0px;
}

.area_trabajo_titulo {
	font-weight: bolder;
        font-size: 18px;
}

.area_trabajo_scroll {
        vertical-align: top;
	height: 456px;
	overflow: auto;
}

.area_trabajo_inicio {
        text-align: center;
}

.area_trabajo_inicio img{
        width: 200px;
        height: 100px;
        border: none;
}

.indice_ayuda {
        color: #85c70c;
        text-decoration: none;        
}

.area_trabajo_facturas_scroll {
        vertical-align: top;
	height: 394px;
	overflow: auto;
}

.tabla_form_activacion {
        width: 80%;
        font-size: 14px;
	font-family: Verdana, Arial, Helevtica, sans-serif;
}

.tabla_form_activacion_alto {
        height: 30px;
}

.form_activacion_izq {
        width: 30%;
	text-align: right;
}

.form_activacion_der {
        width: 70%;
	text-align: left;
}

.form_cambio {
        color: #FF4040;
        font-weight: bolder;
}
/*_________________________________*/
/*________________________________________________________________________*/
/*FIN Formato area_trabajo*/

.index_acceso_error {
	color: #F00;
        font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	text-align: justify;
}

/*________________________________________________________________________*/
/*FIN Formato area_index*/

/*Formato pie de pagina*/
/*________________________________________________________________________*/
.pie_pagina_alto {
	height: 60px;
        /*background-color: #dedeca;*/
        background: no-repeat;
        background-image: url(../Imagenes/Inicio/fondo_gris.png);
}

.pie_pagina_frame {
	width: 100%;
	height: 60px;
	vertical-align: top;        
}

/*________________________________________________________________________*/
/*FIN Formato pie de pagina*/

/*Formato pie de pagina*/
/*________________________________________________________________________*/
.validadores_alto {
	height: 25px;
        background: no-repeat;
        background-image: url(../Imagenes/Inicio/fondo_gris.png);
}

.validadores_alto td{
	vertical-align: middle;
        text-align: right;
}

.validadores_alto img{
	width: 68px;
	height: 24px;
	border: none;
}

.sombra_alto{
        height: 10px;
}
/*________________________________________________________________________*/
/*FIN Formato pie de pagina*/

/*Formato facturas*/
/*________________________________________________________________________*/
.tabla_formulario_facturas{
        width: 100%;
        padding: 0px;
	border-spacing: 0px;        
}

.tabla_facturas {
        width: 100%;
        padding: 0px;
	border-spacing: 2px;
}

.tabla_facturas_celda {
        width: 25%;
        vertical-align: top;
}
/*________________________________________________________________________*/
/*FIN Formato facturas*/

/*Formato factura*/
/*________________________________________________________________________*/
.tabla_factura {
        width: 100%;
        padding: 0px;
	border-spacing: 0px;
        font-size: 11px;        
}

.tabla_factura_img{
        border: none;
        width: 64px;
        height: 64px;
}

.tabla_factura_imgs img{
        border: none;
        width: 32px;
        height: 32px;
}

.factura_fecha {
        font-weight: bolder;
}

/*________________________________________________________________________*/
/*FIN Formato factura*/

/*Formato ayuda*/
/*________________________________________________________________________*/
.ayuda {
        font-size: 13px;
}

.ayuda img{
        width: 790px;
        height: 225px;
        border: none;        
}

.indice_ayuda a{
        color: #85c70c;
        text-decoration: none;
}

.indice_ayuda a:hover{
        color: #85c70c;
        text-decoration: none;
}

.scroll_ayuda_facturas {
        vertical-align: top;
	height: 183px;
	overflow: auto;
}

.ayuda_2{
        font-size: 13px;
}
/*________________________________________________________________________*/
/*FIN Formato ayuda*/

/*Formato formularios*/
/*________________________________________________________________________*/
.formulario_superior {
        width: 25%;
	text-align: left;
        vertical-align: bottom;
        font-size: 15px;
}

.formulario_superior_alto {
        height: 30px;
        background-color: #dedeca;
}

.formulario_inferior {
        width: 25%;
	text-align: left;
        vertical-align: top;
        font-size: 15px;
}

.formulario_inferior_alto {
        height: 30px;
        background-color: #dedeca;
}

.elemento_formulario {
        font-size: 12px;
	font-family: Verdana, Arial, Helevtica, sans-serif;
}

.elemento_formulario_borde {
        font-size: 12px;
	font-family: Verdana, Arial, Helevtica, sans-serif;
	border: 2px solid #85c70c;
}

.elemento_formulario_inactivo {
        font-size: 12px;
	font-family: Verdana, Arial, Helevtica, sans-serif;
	border: 2px solid #dedeca;
}

.campo_seleccionado {
	font-size: 12px;
	font-family: Verdana, Arial, Helevtica, sans-serif;
	border: 2px solid #FF4040;
}

.campo_no_seleccionado{
	font-size: 12px;
	font-family: Verdana, Arial, Helevtica, sans-serif;
	border: 2px solid #85c70c;
}

.error-message, label.error {
        color: #FF0000;
        margin: 0;
        display: block;
        font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 12px;
}

.correct-message {
        color: #090;
        margin: 0;
        display: block;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        line-height: 12px;
}

.valor_elemento {
	font-weight: bold;
}
/*________________________________________________________________________*/
/*FIN Formato formularios*/
.izquierda{
	text-align: left;
}

.centro{
	text-align: center;
}

.derecha{
	text-align: right;
}