@charset "utf-8";
/*inicio reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
body {
	background-color: #0160b6;
	background-image: url(../img/fondo_03.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

/*fin reset*/

#contenedor {
	width: 910px;
	position: relative;
	margin: auto;
}
#fondo {
	background-color: #FFFFFF;
	float: left;
	width: 910px;
	height: auto;
	padding-bottom: 15px;
}
#contenido {
	float: left;
	margin-left: 20px;
	width: 870px;
}


#logo {
	float: left;
	height: 130px;
	width: 780px;
}
#idiomas {
	float: left;
	height: 100px;
	width: 130px;
	text-align: right;
	padding-top: 30px;
	font-size: 12px;
	color: #0060B6;
	text-transform: uppercase;
	line-height: 12pt;
	font-weight: bold;
}
.link_idioma {
	color: #8C8C8C;
	text-decoration: none;
}
.link_idioma:hover {
	color: #8C8C8C;
	text-decoration: underline;
}


#navegacion {
	float: left;
	height: 35px;
	width: 910px;
	margin-bottom: 15px;
}
#navegacion li {
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
}
.btn_actual {
	background-color: #10357E;
	color: #FFFFFF;
	background-image: url(../img/btn_esquina_09.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-right: 35px;
	margin-right: 10px;
}
.btn_nav {
	color: #FFFFFF;
	background-image: url(../img/btn_degrade_11.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-right: 35px;
	margin-right: 10px;
	display: block;
	text-decoration: none;
}
.btn_nav:hover {
	color: #FFFFFF;
	background-image: url(../img/btn_esquina_09.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-right: 35px;
	margin-right: 10px;
	display: block;
	text-decoration: none;
	background-color: #10357E;
}

#img_principal {
	float: left;
	height: 230px;
	width: 550px;
}
#funcionamiento {
	float: left;
	height: 205px;
	width: 320px;
	padding-top: 25px;
}
#funcionamiento img {
	float: left;
}

.titulo22 {
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin-left: 50px;
	margin-bottom: 15px;
}
.item_funciona {
	float: left;
	height: auto;
	width: 300px;
	margin-bottom: 15px;
}

.texto_naranja {
	font-size: 15px;
	color: #FA7F00;
}

.cuadro_pregunta {
	float: left;
	height: auto;
	width: 270px;
	background-image: url(../img/titulo_cuadro_25.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.cuadro_pregunta h1 {
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
}

#faq {
	float: left;
	height: auto;
	width: 570px;
	background-color: #BDDBF3;
	background-image: url(../img/fondo_faq.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.link_faq {
	color: #000000;
	text-decoration: none;
}
.link_faq:hover {
	color: #000000;
	text-decoration: underline;
}


#faq  h1,#referencias h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	text-decoration: none;
}

#referencias {
	float: left;
	height: auto;
	width: 280px;
	margin-left: 20px;
	font-size: 12px;
}
#referencias #detalle {
	border: 2px solid #FF7F00;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}
#detalle p {
	margin-bottom: 5px;
}


.texto_aqua {
	font-size: 11px;
	color: #00A0C6;
}

#pie {
	float: left;
	height: 50px;
	width: 910px;
	background-color: #0160b6;
	margin-top: 15px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
.link_pie {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.link_pie:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
/*estilos de la pagina FAQ*/
#faq_preguntas
 {
	float: left;
	height: auto;
	width: 685px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#icono_faq {
	float: left;
}

.item_ordago {
	font-size: 16px;
	color: #00A0C6;
	text-decoration: none;
	line-height: 1.5em;
	font-weight: bold;
}
.item_flecha {
	font-size: 19px;
	color: #00A0C6;
	text-decoration: none;
	background-image: url(../img/item_flecha_06.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	line-height: 1.5em;
}
.faq_respuesta {
	float: right;
	height: auto;
	width: 650px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 15px;
}
.titulo_respuesta {
	font-size: 19px;
	font-weight: normal;
	background-color: #BDDBF2;
	height: 35px;
	line-height: 1.5em;
	padding-left: 15px;
	margin-bottom: 20px;
}
.subir_respuesta {
	margin-top: 15px;
}
/*pagina formulario*/

#form_uno {
	background-image: url(../img/paso_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
}
#form_dos {
	background-image: url(../img/paso_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
}
#form_tres {
	background-image: url(../img/paso_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
}
#form_cuatro {
	background-image: url(../img/paso_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
}
#form_cinco {
	background-image: url(../img/paso_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
	text-align: right;
}
#form_firma_uno {
	background-image: url(../img/paso_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 735px;
	font-size: 14px;
}
#form_firma_dos {
	background-image: url(../img/paso_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 735px;
	font-size: 14px;
}
#form_firma_tres {
	background-image: url(../img/paso_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 735px;
	font-size: 14px;
}
.resumen {
	float: right;
}

.borde_tabla {
	border: 1px solid #333333;
	padding: 2px;
}

#form_seis {
	background-image: url(../img/paso_06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
}
#form_siete {
	float: left;
	height: auto;
	padding-left: 50px;
	width: 900px;
	font-size: 14px;
	padding-top: 15px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0160B6;
}

.linea_fac {
	border: 1px solid #666666;
	float: left;
	padding: 10px;
	width: 730px;
}

#linea_facError {
	float: left;
	width: 670px;
	float: left;
	height: auto;
	border: 1px solid #FF0000;
	padding-left: 75px;
	font-size: 14px;
	padding-top: 25px;
	margin-bottom: 15px;
	
	padding-bottom: 15px;
	background-image: url(../img/warning.jpg);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}

.titulo_form {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	background-color: #BDDBF2;
	line-height: 35px;
	padding-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
}
.rotulo {
	float: left;
	height: auto;
	width: 150px;
}
.rotuloMax {
	float: left;
	height: auto;
	width: 200px;
}
.rotulonegrita {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.span {
	font-size: 14px;
	font-style: normal;
}
.label {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;	
}
.campo {
	height: auto;
	width: 150px;
	margin-bottom: 10px;
}
.campolabel {
	height: auto;
	width: 150px;
	margin-bottom: 5px;
}
.campoError {
	height: auto;
	width: 150px;
	margin-bottom: 10px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.comments {
	height: auto;
	margin-bottom: 5px;
}
.commentsError {
	height: auto;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campodesc {
	height: auto;
	width: 300px;
	margin-bottom: 5px;
}
.campoNumber {
	height: auto;
	width: 150px;
	margin-bottom: 10px;
	text-align: right;
}
.campodescError {
	height: auto;
	width: 300px;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.itemdesc {
	height: auto;
	width: 500px;
	margin-bottom: 5px;
}
.itemdescError {
	height: auto;
	width: 500px;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campoNumberError {
	height: auto;
	width: 150px;
	margin-bottom: 10px;
	text-align: right;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.item_linea_desc {
	float: left;
	height: auto;
	width: 255px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.item_linea {
	float: left;
	height: auto;
	width: 155px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.item_linea_angosto {
	float: left;
	height: auto;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.item_linea_default {
	float: left;
	height: auto;
	margin-right: 20px;
	margin-bottom: 15px;
}
.campoiban {
	height: auto;
	width: 250px;
	margin-bottom: 5px;
}
.campoibanError {
	height: auto;
	width: 250px;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campochico {
	height: auto;
	width: 90px;
	margin-bottom: 5px;
}
.campochiconumber {
	height: auto;
	width: 110px;
	text-align: right;
	margin-bottom: 5px;
}
.campopeq {
	height: auto;
	width: 60px;
	margin-bottom: 5px;
}
.campopeqnumber {
	height: auto;
	width: 60px;
	text-align: right;
	margin-bottom: 5px;
}
.labelPercent {
	height: auto;
	margin-bottom: 5px;
}
.campomininumber {
	height: auto;
	width: 50px;
	text-align: left;
	margin-bottom: 5px;
}
.campochicoError {
	height: auto;
	width: 90px;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campochiconumberError {
	height: auto;
	width: 110px;
	text-align: right;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campopeqError {
	height: auto;
	width: 60px;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campopeqnumberError {
	height: auto;
	width: 60px;
	text-align: right;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campomininumberError {
	height: auto;
	width: 50px;
	text-align: right;
	margin-bottom: 5px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}
.campototal {
	height: auto;
	width: 130px;
	background-color: #BDDBF2;
}
.oculto {
	display: none;
}
#errorList {
	float: left;
	height: auto;
	padding-left: 75px;
	width: 790px;
	font-size: 14px;
	padding-top: 25px;
	margin-bottom: 15px;
	border: 1px solid #FF0000;
	padding-bottom: 15px;
	background-image: url(../img/warning.jpg);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}

#errores {
	height: auto;
	width: 730px;
	border: 1px solid #FF0000;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	float: right;
	text-align: left;
	margin-bottom: 15px;
	margin-right: 40px;
}

#appletAlert {
	float: left;
	height: auto;
	padding-left: 35px;
	width: 835px;
	color: #666666;
	font-size: 14px;
	padding-top: 25px;
	margin-bottom: 15px;
	border: 1px solid #FF0000;
	padding-bottom: 15px;
	padding-right: 40px;
}

.errorForm {
	float: right;
	height: auto;
	padding-left: 120px;
	width: 750px;
	font-size: 14px;
}
.errorMessage {
	font-weight: normal;
	text-align: center;
	color: red;
	font-size: 14px;
}

#ayuda {
	height: auto;
	width: 379px;
	border: 1px solid #FF7F00;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	float: right;
	margin-top: -140px;
}
.ayuda2 {
	height: auto;
	width: 379px;
	border: 1px solid #FF7F00;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	float: right;
	margin-top: -200px;
}
#ayuda3 {
	height: auto;
	width: 379px;
	border: 1px solid #FF7F00;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	float: left;
	text-align: left;
}
.ayuda4 {
	height: auto;
	width: 730px;
	border: 1px solid #FF7F00;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	float: left;
	text-align: left;
	margin-bottom: 15px;
}
.ayudaPdf {
	height: auto;
	width: 710px;
	border: 2px solid #FF7F00;
	font-size: 14px;
	padding: 10px;
	float: left;
	text-align: left;
	margin-bottom: 15px;
}
.ayudaPortal {
	height: auto;
	width: 795px;
	border: 2px solid #FF7F00;
	font-size: 14px;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	text-align: left;
	margin-bottom: 15px;
}
.ayudaPortalCancel {
	height: auto;
	padding-left: 50px;
	width: 790px;
	border: 2px solid #FF7F00;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	text-align: left;
	margin-bottom: 15px;
}

/*extras en pagina firma*/
#firma_text {
	font-size: 14px;
	float: left;
	padding: 15px;
}
#waiting {
	font-size: 14px;
	float: left;
	padding: 15px;
}

#resultOK {
	float: left;
	height: auto;
	padding-left: 75px;
	width: 790px;
	font-size: 14px;
	padding-top: 25px;
	margin-bottom: 15px;
	border: 1px solid #009900;
	padding-bottom: 15px;
	background-image: url(../img/button_ok_3.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-color: #ddffdd;
}

#signCanceled {
	float: left;
	height: auto;
	padding-left: 50px;
	width: 790px;
	font-size: 14px;
	padding-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color: #FFECEC;
	border: 1px solid #FF0000;
}

/* TABLE */


    /*********************************
       Project: CSS Table Galery
       Title: Like Adwords
       Author: Cleiton Francisco
       URL: http://www.cleiton.net/
       Country: Brazil
       Update: 2005-12-18
     *******************************/

.table {
    border-collapse: collapse;
    border: 2px solid #74B3DC;
    color: #000;
    background: #fff;
    width: 100%;
    font-size: 12px;
}
    .table caption {
        padding: 0 0.6em 0.8em;
        font-size: 1.3em;
        font-weight: bold;
        text-align: left;
        color: #000;
        background: transparent;
    }
    /* For Tapestry's contribTable */
    .table th table, .table th table td {
        width: 100%;
        border: 0px;
    }
    .contribTable th {
        padding: 0px !important;
        background: #d7e9f5;
    }
    .contribTable th .tableHeaderTable {
        margin: 0px !important;
    }
    .table td, .table th, .tableHeaderTable td {
        border: 1px solid #e0e0e0;
        padding: 0.5em;
    }
    .table thead th, .tableHeaderTable td {
        border: 1px solid #e0e0e0;
        text-align: left;
        font-size: 1em;
        font-weight: bold;
        background: #d7e9f5;
    }
    .tableHeaderTable td a {
        text-decoration: none !important;
    }
    .table tfoot th, tfoot td {
        border: 1px solid #e0e0e0;
        text-align: left;
        font-size: 1em;
        background: #e8e8cf;
    }
    .table tfoot th {
        font-weight: bold;
    }
    .table tbody td a {
        background: transparent;
        text-decoration: underline;
    }
    .table tbody td a:hover {
        background: transparent;
        text-decoration: underline;
    }
    .table tbody th a {
        background: transparent;
        text-decoration: underline;
        font-weight: bold;
    }
    .table tbody th, .table tbody td {
        text-align: left;
    }
    .table tfoot td {
        border: 1px solid #996;
    }
    .table tbody tr:hover, .table tr.over, .contribTable tr:hover {
        background: #ffffd9 !important; /* important needed for Tapestry, as is .table tr:hover */
    }
    .contribTable tr.even {
        background: #fff !important;
    }
    .contribTable tr.odd {
        background: #eee !important;
            }
    .even {
        background: #fff !important;
    }
    .odd {
        background: #eee !important;
            }
/* END TABLE */

.enxendra_link {
	color: #00a0c6;
	text-decoration: none;
	font-weight: bold;
}
.divClosed {
}

.divOpened {
	font-weight: bold;
}
.divClosedError {
	color: red;
}

.divOpenedError {
	font-weight: bold;
	color: red;
}

.sello {
	position: absolute;
	top: -140px;
	right: 300px;
}