html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    background-color: #f7f7f7;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #777777;
    line-height: 1em;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/*
blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
}
*/
/* remember to define focus styles! */
/*
:focus {
	outline: 0;
}
*/

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**********************************************************/
/* Genéricos FLOTI */
/**********************************************************/
body, input, select, button, textarea, table, th, td {
    /*font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;*/
    line-height: 1.3em;
}

p {
    margin: 1em 0;
}

a, a:visited {
    color: #9A9A7F
}

a img {
    border: 0;
}

legend {
    font-style: oblique;
    color: #666666;
}

dl {
    font-size: 11px;
}

dt {
    font-weight: normal;
    display: block;
    float: left;
    clear: left;
    width: 200px;
}

dd {
    font-weight: bold;
}

dt, dd {
    margin-bottom: 0.4em;
}

/**********************************************************/
/* Estructura principal */
/**********************************************************/
#contenedorPrincipal {
    margin: 0 auto;
    width: 1024px;
    border-top: 0;
}

#centroPantalla {
    clear: both;
}

#contenido {
    position: relative;
    float: right;
    width: 700px;
    min-height: 310px;
    background-color: #FFFFFF;
    padding: 15px 85px 0 20px;
    text-align: justify;
    margin-top: -20px;
    margin-bottom: 10px;

}

#contenidoAviso {
    position: relative;
    float: right;
    width: 750px;
    padding: 25px 25px 45px 25px;
    text-align: justify;
    margin: auto;
    border: 0;

}

/* \*/
* html #contenido {
    height: 310px;
}

/* */

#protector {
    cursor: wait;
}

/* */
#protector #mensaje-progreso {
    width: 150px;
    height: 55px;
    border: 3px solid #666666;
    background: #FFFFFF url(/propiedad/images/reloj_animado.gif) center left no-repeat;
    vertical-align: middle;
    padding: 0 0 0 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px; /* (55 + 3 + 3) / 2 */
    margin-left: -83px; /* (150 + 60 + 3 + 3) / 2 */
}

#protector #mensaje-progreso p {
    padding: 1em;
}

/* ========================================================= */
/* CABECERA */
/* ========================================================= */
#cabecera {
    height: 130px;
    color: #999;
    /*background: #333 url(../images/body-bar.png) top no-repeat;*/
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border-bottom: 20px #c41230 solid;
}

#cabecera a {
    color: #424242;
    text-decoration: none;
}

#cabecera a:hover {
    text-decoration: underline;
}

#cabecera #contenidoCabecera {
    clear: both; /*min- height: 50px;*/
    height: 92px;
    /*background: transparent url(../images/logo-registradores.png) top left no-repeat;*/
    background: transparent url(../images/logo-registradores.png) top left no-repeat ;
}

#cabecera #usuarioConectado {
    font-weight: normal;
    text-decoration: none;
    /*margin: 80px 0 0 100px;*/
    margin-top: 27px;
    clear:both;
    float: right;
    color:white;
}

#cabecera #linksPortalCabecera {
    float: right;
}

#cabecera #linksPortalCabecera span#separator {
    padding-left: 8px;
    padding-right: 8px;
}

/* */

/* ========================================================= */
/* MENÚ DE LA ESQUINA */
/* ========================================================= */

/* ---- 		  */
/* MENÚ AUXILIAR  */
/* ---- 		  */
#cabecera #menuSuperior {
    margin-top: 20px;
    float: right;
    width: 115px;
}

#cabecera #menuSuperior ul {
    text-align: right;
}

#cabecera #menuSuperior li {
    font-size: 9px;
    list-style: none;
    text-transform: capitalize;
    line-height: 2em;
}

#cabecera  #menuSuperior a {
    margin: 0;
    padding: 3px 20px 20px 0;
}

#cabecera #menuSuperior #inicio {
    background: url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat top right;
}

#cabecera #menuSuperior #contacto {
    background: url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat top right;
}

#cabecera #menuSuperior #descargas {
    background: url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat top right;
}

#cabecera #menuSuperior #idiomas {
    background: url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat top right;
}

#cabecera #menuSuperior #enlaces {
    background: url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat top right;
}

.popup #menuSuperior,
#modal .menu {
    margin-top: 30px;
    float: right;
    width: 115px;
}

.popup #menuSuperior ul,
#modal .menu ul {
    margin-right: 10px;
}

.popup #menuSuperior li,
#modal .menu li {
    font-size: 9px;
    list-style: none;
    text-transform: capitalize;
}

.popup #menuSuperior #cerrar,
#modal .menu #cerrar {
    background: url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat top right;
}

/* BARRA DONDE ESTÁ LA INFO DEL USUARIO */
/* */

/* ========================================================= */
/* HOME */
/* ========================================================= */

.home #info {
    /*background: url(../images/infoMerInterHome.gif) no-repeat top left;*/
    background: url(../images/fondoHome.jpg) no-repeat top left;
    font-family: Arial, Helvetica, sans-serif;
    height: 250px;
    width: 700px;
    margin-left: 100px;
    margin-top: 20px;
    padding-top: 10px;
}

.home #info #enlaces {
    margin-left: 90px;
}

.home #info #side-a {
    color: #FFFFFF;
    float: left;
    font-size: 25px;
    line-height: 1.1em;
    margin-left: 30px;
    margin-top: 20px;
    width: 260px;
}

.home #info #side-b {
    float: left;
    height: 1%;
    margin: 0;
    width: 330px;
}

.home #info #titulo1 {
    font-size: 25px;
    line-height: 1.1em;
}

.home #info #titulo2 {
    font-size: 40px;
    line-height: 1.1em;
    margin-bottom: 20px;
}

.home #info a {
    font-size: 11px;
    color: #c41230;
    line-height: 1.8em;
    text-decoration: none;
}

.home #info a:hover {
    text-decoration: underline;
}

#verisign {
    height: 60px;
    width: 140px;
    margin: 20px 0 10px 70px;
}

/* ========================================================= */
/* Páginas de información sin sesión */
/* ========================================================= */
.condiciones, .avisoLegal, .faq {
    font-size: 12px;
    padding-bottom: 1em;
}

.condiciones {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 2em;
}

.condiciones #telefono {
    font-weight: bold;
    text-align: center;
    padding: 1em 0 0 0;
}

.condiciones h2, .avisoLegal h2, .faq h2 {
    margin: 3em 0 1em 0;
    font-size: 12px;
    font-weight: bold;
}

.condiciones h2 {
    text-transform: uppercase;
}

.avisoLegal h2 {
    border-bottom: 1px solid #d1d1d1
}

.faq h2 {
    margin: 2em 0 0 0;
}

.condiciones h3 {
    text-align: left;
    margin: 1em 0;
    font-size: 12px;
    font-weight: bold;
}

.faq p {
    margin: 0;
}

.condiciones ul, .avisoLegal ul {
    list-style: disc;
    margin: 1em 0 1em 3em;
}

ul#indice {
    list-style: none;
    margin: 0 0 3em 0;
}

.faq  ul#indice {
    font-weight: bold;
    margin-left: 2em;
    text-indent: -2em;
}

.condiciones ul#indice {
    text-transform: uppercase;
}

.privacidad h2, .avisoLegal h1, .descargas h2 {
    font-size: 12px;
    font-weight: bold;
    color: #c41230;
    padding-bottom: 1em;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 2em;
}

.descargas h2 {
    text-transform: uppercase;
}

.lopd ul, .privacidad ul {
    list-style: inside url("../images/ptoRojo.gif");
}

.lopd li, .privacidad li {
    margin: 1em 0;
}

.fax {
    margin-bottom: 2em;
    font-weight: bold;
}

.fax h2 {
    text-transform: uppercase;
    color: #333333;
    margin: 1em 0;
    border-bottom: 1px solid #E5E5E5;
}

.fax .instrucciones {
    font-weight: normal;
}

.fax table {
    font-size: 11px;
    color: #666666;
}

.fax table td.etiqueta {
    width: 140px;
    padding-left: 11px;
    font-weight: bold;
}

.fax table td.valor {
    font-weight: normal;
}

.fax .firma {
    margin-top: 3em;
}

#copyright {
    font-weight: bold;
    margin: 4em 0 2em 0;
    padding-bottom: 3em;
    border-bottom: 1px solid #e5e5e5;
}

#fuera-servicio {
    width: 70%;
    margin: 0 auto;
    background: #F7F7F7;
    text-align: center;
    padding: 0.5em 0 2.5em 0;
}

#fuera-servicio p {
    padding: 1.5em 0;
}

h2 a.subir {
    display: block;
    float: right;
    font-weight: normal;
    text-transform: none;
}

a.subir {
    font-size: 11px;
    color: #9A9A7F;
    background: url("../images/subir.gif") no-repeat left center;
    padding-left: 1em;
    min-height: 9px;
}

.cabeceraSeccionForm {
    font-size: 11px;
    background-color: #F1F1F1;
    color: #aaaaaa;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
}

.cabeceraSubSeccionForm {
    font-size: 10px;
    color: #aaaaaa;
    line-height: 17px;
    vertical-align: top;
}

/* --------------- Formulario de abonarse --------------- */
#divRepresentanteEmpresa {
    padding-bottom: 20px;
    padding-top: 5px;
    margin-top: 1em;
    clear: left;
}

.campoForm, .campoFormRadio,
.campoForm0, .campoForm1,
.campoForm2, .campoForm2b, .campoForm3,
.campoForm4, .campoForm4b,
.campoForm5, .campoForm6, .campoForm7,
.campoForm0NotaOnline, .campoForm0Seccion {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

/* \*/
* html .campoForm0, * html .campoForm3,
* html .campoForm4,
* html .campoForm6 {
    margin-right: 10px;
}

.campoForm label,
.campoForm0 label,
.campoForm1 label,
.campoForm2 label,
.campoForm2b label,
.campoForm3 label,
.campoForm4 label,
.campoForm4b label,
.campoForm5 label,
.campoForm6 label,
.campoForm7 label,
.campoForm0NotaOnline,
.campoForm0Seccion {
    display: block;
}

.campoForm0 {
    width: 160px;
}

.campoForm0 select {
    width: 140px;
}

.campoForm0NotaOnline {
    width: 260px;
}

.campoForm0NotaOnline select {
    width: 255px;
}

.campoForm0Seccion select {
    width: 60px;
}

/* \*/
* html .campoForm0 {
    width: 140px;
}

/* */

/* \*/
* html .campoForm0NotaOnline {
    width: 260px;
}

/* */
/* \*/
* html .campoForm0Seccion {
    width: 260px;
}

/* */

.campoForm1 {
    width: 540px;
}

/* \*/
* html .campoForm1 {
    width: 520px;
}

/* */

.campoForm2 {
    width: 240px;
}

/* \*/
* html .campoForm2 {
    width: 220px;
}

/* */

* html .campoForm7 {
    width: 220px;
}

.campoForm3 {
    width: 340px;
}

/* \*/
* html .campoForm3 {
    width: 315px;
}

/* */

.campoForm4 {
    width: 70px;
}

/* \*/
* html .campoForm4 {
    width: 60px;
}

/* */

.campoForm5 {
    width: 50px;
}

/* \*/
* html .campoForm5 {
    width: 40px;
    margin-right: 8px;
}

/* */

.campoForm6 {
    width: 20px;
}

/* \*/
* html .campoForm6 {
    margin-right: 10px;
}

/* */

.campoForm7 {
    width: 240px;
    font-weight: bold;
}

.campoFormRadio {
    width: 500px;
}

.campoForm4b {
    width: 100px;
}

.lineaForm {
    position: relative;
    clear: left;
    padding-top: 5px;
    min-height: 25px;
}

.lineaForm .aclaracionForm {
    clear: left;
}

/* ========================================================= */
/* Acceso */
/* ========================================================= */

#acceso {
    font-size: 11px;
    color: #666666;
}

#acceso ul {
    text-align: right;
    border-top: 1px solid #E5E5E5;
    padding: 20px 100px 0 0;
}

#acceso li {
    padding: 0.1em;
}

#acceso label {
    margin-right: 1em;
    font-weight: bold;
}

/* ========================================================= */
/* Tarjeta  */
/* ========================================================= */

.seccionForm3 .datosForm .campoForm2 input,
.seccionForm3 .datosForm .campoForm2 select {
    width: 240px;
}

/* \*/
* html .seccionForm3 .datosForm .campoForm2 input,
* html .seccionForm3 .datosForm .campoForm2 select {
    width: 215px;
}

* html .seccionForm3 .datosForm .campoForm2 {
    margin-top: 0;
}

/* */

.seccionForm3 .datosForm div.radio input {
    width: auto;
}

/* ========================================================= */
/* Genéricos  */
/* ========================================================= */
.telefono {
    color: #c41230;
}

.notaForm {
    font-size: 9px;
    color: #c41230;
    line-height: 14px;
    vertical-align: top;
}

/* TODO Revisar los dos siguientes */
.cajaForm {
    font-size: 9px;
    width: 100%
}

.cajaForm2 {
    font-size: 9px;
    width: 75%
}

.aclaracionForm {
    font-size: 9px;
    color: #999999;
    line-height: 17px;
    vertical-align: bottom;
}

.condicionesForm {
    color: #333333;
    font-style: italic;
    clear: left;
    padding: 5px 0 0 0;
    margin: 0 0 15px 0;
}

.condicionesForm label {
    color: #666666;
    font-style: normal;
    text-transform: uppercase;
    padding-right: 2em;
    padding-left: 0.6em;
}

.avisoTxt {
    color: #333333;
}

a.avisoTxt {
    color: #333333;
}



.avisoMigracion {
    font-size: 11px;
    color: #666666;
    font-weight: 700;
    text-align: center;
    padding: 1em;
    background-color: #ffffff;
    border: 1px solid #8D8D8D;
    margin: auto;
    width: 700px;
    clear: left;
}

.seccionForm, .seccionForm2 {
    clear: left;
    margin-top: 20px;
}

ul.seleccion {
    font-size: 12px;
    color: #5B5B58;
    font-weight: bold;
    margin-left: 120px;
}

/* ========================================================= */
/* Encabezados */
/* ========================================================= */
/*
TODO simplificar en la medida de lo posible (ver si se pueden sustituir todos por H2, H3, etc)
*/

.interiorTitulo, .interiorTitulo2 {
    font-size: 12px;
    color: #c41230;
    font-weight: bold;
    text-transform: uppercase;
}

.interiorTitulo2 {
    margin: 0 0 1em 0;
    padding: 0 0 7px 0;
    border-bottom: 1px solid #E5E5E5;
}

/* \*/
* html .interiorTitulo2 {
    height: 1%;
}

/* */

.interiorTituloForm {
    font-size: 12px;
    color: #6140aa;
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #E8E8E8;
    border-bottom: 2px solid #E8E8E8;
    margin-bottom: 1em;
}

.interiorSubtitulo, .interiorSubtituloB, .interiorSubtitulo2, .interiorSubtitulo4 {
    font-size: 12px;
    color: #5B5B58;
    text-transform: none;
}

.interiorSubtituloB {
    font-weight: bold;
    margin-left: 15px;
}

span.interiorSubtituloB {
    margin: 0;
}

.interiorSubtitulo2 {
    margin: 0 0 1em 0;
    border-bottom: 1px solid #E5E5E5;
    font-weight: bold;
}

.interiorSubtitulo3 {
    font-size: 11px;
    color: #333333;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #E5E5E5;
    background: url(../images/ptoVioleta.gif) no-repeat left center;
    padding-left: 11px;
    font-weight: bold;
}

.interiorSubtitulo4 {
    margin: 2em 0 0 0;
    border-bottom: 1px solid #E5E5E5;
}

/* \*/
* html .interiorSubtitulo4 {
    height: 1%;
}

/* */

/* ========================================================= */
/* Peticiones */
/* ========================================================= */

.visa, .mastercard {
    padding-top: 15px;
    padding-bottom: 15px;
}

.visa {
    float: left;
}

.mastercard {
    padding-left: 90px;
}

.resultadoBusqueda {
    clear: left;
}

.datos-registrales div {
    padding-top: 12px;
}

.titular .seccionForm3 {
    margin: 25px 0;
    padding: 0;
}

.titular label {
    display: block;
}

.titular .tipos li, .titular .tipos label {
    display: inline;
}

.titular .condicionesForm {
    margin: 15px 0;
}

table.titulares, .titulares table {
    width: 100%;
    text-align: left;
    margin-top: 15px;
}

.titulares th {
    border-bottom: 1px solid #E5E5E5;
}

.titulares .seleccionado {
    background-color: #D3D5DC;
}

.titulares .titular {
    font-size: 12px;
    color: #5B5B58;
    text-transform: none;
    text-align: center;
    margin-top: 20px;
}

.titulares .titular p {
    margin: 0.1em;
}

.titulares .titular .dato {
    font-weight: bold;
}

.cert {
    padding-right: 38px;
    background: url(../images/certificate_icon.jpg) no-repeat center right;
    min-height: 27px;
}

/* \*/
* html .cert {
    height: 27px;
}

/* */

.listaLugares li {
    display: block;
    float: left;
    width: 182px;
    text-align: left;
}

.listaLugares .capital {
    font-weight: bold;
}

.campoFormIdufir {
    text-align: center;
}

.campoFormIdufir label {
    display: block;
}

.seccionForm3 {
    clear: left;
    padding: 5px 0 20px 0;
}

#datos-envio li {
    margin: 1em 0;
}

#datos-envio label {
    display: block;
    width: 170px;
    float: left;
    clear: left;
    padding-top: 3px;
}

#datos-envio p {
    clear: left;
}

#datos-envio .condicionesForm {
    margin: 0;
    padding: 20px 0 0 0;
    clear: both;
}

#datos-envio #mail-certificacion {
    margin: 20px 0 0 0;
}

#datos-envio #mail-certificacion input {
    float: left;
}

#datos-envio #mail-certificacion label {
    width: 520px;
    float: right;
    clear: none;
}

#datos-envio #datos-bbva {
    margin-top: 2em;
    padding-bottom: 2em;
}

#datos-envio #datos-bbva li {
    margin: 2px 0;
}

#datos-envio #datos-bbva ul li {
    float: left;
    margin-right: 20px;
}

#datos-envio #datos-bbva ul label {
    clear: none;
    float: none;
    width: auto;
}

#datos-interesado label {
    display: block;
    width: 170px;
    float: left;
    clear: left;
    padding-top: 3px;
}

#datos-interesado p {
    clear: left;
}

#datos-interesado li {
    padding-bottom: 25px
}


#datos-interesado input {
    float: left;
}



#otros-datos li {
    clear: both;
}

#otros-datos li label {
    display: block;
    width: 270px;
    float: left;
    padding-top: 2px;
}

#otros-datos li button {
    float: right;
    margin: 1px 6px 4px 0;
}

/* \*/
* html #otros-datos li button {
    margin-right: 2px;
}

/* */

#otros-datos li input, #otros-datos li textarea {
    width: 270px;
    margin-bottom: 2px;
}

#otros-datos .detalleDireccion li input {
    width: 5em;
}

.importe {
    font-weight: bold;
}

.confirmacion {
    clear: left;
    padding: 0 15px 1em 15px;
    background-color: #F7F7F7;
    border: 1px solid #999999;
}

.confirmacion p {
    margin: 0;
    clear: both;
}

.confirmacion p.apartado {
    font-weight: bold;
    margin-top: 0.8em;
}

.confirmacion p.txtIdntificador,
.confirmacion p.txtIdentificador {
    background-color: #D6D7D6;
    font-weight: bold;
    margin: 1em 0;
    padding: 5px;
}

.confirmacion span.txtIdentificador {
    font-weight: bold;
}

.correo li label {
    display: block;
    width: 7em;
    float: left;
    clear: left;
}

/* -- Certificaciones-- */
div.tabla_honorarios {
    height: 350px;
    position: absolute;
    z-index: 9;
    left: 0;
    margin-top: 10px;
    overflow: hidden;
    visibility: hidden;
    top: 200px;
    background-color: white;
    border: 2px solid #c41230;
    text-align: center;
    padding-left: 6em;
    padding-right: 6em;
    padding-top: 1em;
    display: none;
}

div.tabla_honorarios p {
    font-size: 12px;
    color: #c41230;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 3em;

}

div.tabla_honorarios table {
    text-align: center;
    border-collapse: collapse;
    margin: 1em auto 20px;

}

div.tabla_honorarios td {
    text-align: center;
    border: 1px solid;
    padding: 0.5em;
}

div.tabla_honorarios th {
    color: white;
    background-color: #c41230;
    text-align: center;
    padding: 0.5em;
    border: 1px solid #c41230;

}

div.tabla_honorarios a {
    text-align: center;
}

div.tabla_honorarios_uso {
    z-index: 9;
    left: 0;
    margin-top: 10px;
    overflow: hidden;
    visibility: visible;
    background-color: white;
    border-style: solid;
    text-align: center;
    padding-left: 6em;
    padding-right: 6em;
    padding-top: 1em;
    display: block;
}

div.tabla_honorarios_uso p {
    font-size: 12px;
    color: #c41230;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 3em;

}

div.tabla_honorarios_uso table {
    text-align: center;
    border-collapse: collapse;
    margin: 1em auto 20px;

}

div.tabla_honorarios_uso td {
    text-align: center;
    border: 1px solid;
    padding: 0.5em;
    white-space: nowrap;
}

div.tabla_honorarios_uso th {
    color: white;
    background-color: #c41230;
    text-align: center;
    padding: 0.5em;
    border: 1px solid #c41230;

}

div.tabla_honorarios_uso a {
    text-align: center;
}

#informacion {
    width: 540px;
}

#informacion .seccion {
    border-bottom: 1px solid #E5E5E5;
    margin: 1em 0;
}

#informacion .seccion h2,
#informacion .seccion .dato {
    font-weight: bold;
}

#mensaje {
    width: 540px;
    font-weight: bold;
}

#mensaje .botonera {
    text-align: center;
    margin: 2em 0;
    font-weight: normal;
}

.interiorSubtitulo3SinPto {
    font-size: 11px;
    color: #333333;
    margin: 1em 0 1em 0;
    padding-left: 11px;
    font-weight: bold;
}

.acceso-libros .campoForm4 {
    text-align: center;
}

.acceso-libros .interiorSubtitulo3 {
    font-size: 11px;
    color: #333333;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #E5E5E5;
    background: url(../images/ptoVioleta.gif) no-repeat left center;
    padding-left: 11px;
    font-weight: bold;
}

.acceso-libros #contenido {
    width: 700px;
    padding: 15px 85px 0 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    overflow-x: auto;
}

/* --Nota Online-- */

table.acceso-libros {
    font-size: 11px;
    border-collapse: separate;
    border-spacing: 1.3px; /*    border-spacing: 2px;*/
    width: 550px;

}

table.acceso-libros th {
    color: #ffffff;
    background-color: #c41230;
    text-align: center;
}

table.acceso-libros th, .acceso-libros td {
    padding: 2px;
    margin: 2px;
}

table.acceso-libros th.columnaordenable {
    color: #ffffff;
    background-color: #e1cdeb;
}

table.acceso-libros th.columnaordenada {
    color: #ffffff;
    background-color: #CEDCCD;
}

table.acceso-libros tr.seleccion td {
    color: black;
    background-color: #dddddd;
}

table.letrasupermini td, table.letrasupermini th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #666666;
}

table.online {
    margin-top: 1em;
    margin-bottom: 20px;
}

table.online td, table.online th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #666666;
}

table.online th {
    text-align: left;
    vertical-align: middle;
}

table.online td {
    padding: 1em;
}

table.online .par td {
    background: #FFFFFF;
    height: 3px;
}

table.online .impar td {
    background: #F7F3EF;
    height: 3px;
}

table.online a.boton {
    font-weight: bold;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
    /*    margin: 5px 5px 5px 0;
    */
}

table.online td a {

    font-weight: bold;
    color: blue;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    text-decoration: none;
    margin: 1px 1px 1px 0;
    padding: 1px;
}

table.online div.botonera {

    font-weight: bold;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    text-decoration: none;
    margin: 1px 1px 1px 0;
    padding: 1px;
}

table.acceso-libros label.identificador {
    color: black;
    font-size: 10px;
    text-align: center;
}

table.online td.xml {
    text-align: right;
}

table.online tr.registro {
    border-top: 1px solid;
}

table.online td.registro {
    white-space: nowrap;
}

table.online td.idpeticion {
    font-size: 11px;
    text-align: center;
}

.leyenda {
    background-color: #f7f7f7;
    margin-left: 50px;
    margin-bottom: 2em;
}

div.acceso-libros {

}

div.acceso-libros ul {
    margin: 1em 0;
}

div.acceso-libros li {
    margin: 0.8em 0 0.2em 0;
}

#observacionesonline {
    margin: 2em 0em 0em 0em;
}

div.acceso-libros p.ok,
div.acceso-libros p.error,
div.acceso-libros .cn,
div.acceso-libros .sello {
    font-weight: bold;
}

div.acceso-libros .ok,
div.acceso-libros .error {
    min-height: 16px;
    padding-left: 18px;
}

/* \*/
* html div.acceso-libros .ok,
* html div.acceso-libros .error {
    height: 16px;
}

/* */

div.acceso-libros p.ok {
    color: #008b00;
    background: url('../images/key_go.gif') no-repeat left top;
    font-size: 12px;
}

div.acceso-libros p.error {
    background: url('../images/key_mal.gif') no-repeat left top;
    font-size: 12px;
}

div.acceso-libros li.ok,
div.acceso-libros li.error {
    font-weight: normal;
    margin: 0.2em 0;
}

div.acceso-libros li.ok {
    background: url('../images/bullet_0.gif') no-repeat left top;
}

div.acceso-libros li.error {
    background: url('../images/bullet_2.gif') no-repeat left top;
}

div.acceso-libros .cn {

}

div.acceso-libros .sello {

}

div.acceso-libros .confirmacion {
    margin-top: 2em;
}

div.acceso-libros .confirmacion .apartado {
    font-weight: normal;
}

div.acceso-libros .confirmacion .telefono {
    color: #666;
    font-weight: bold;
}

div.acceso-libros .botonera {
    text-align: left;
    margin: 1em 0 1.5em 0;
}

/*  ................................  nuevo del formulario Online ....................................      */

.classvisible {
    display: block;
}

.classhidden {
    display: none;
}

.classblock {
    display: block
}

.classnone {
    display: none
}

.textomensaje {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #4F4D4D;
    text-align: center;
    margin-top: 5em;
}

div.botonera {
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 3em;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.botoneraright {
    text-align: right;
    margin-top: 1.5em;
    margin-bottom: 3em;
    padding-top: 2px;
    padding-bottom: 2px;
}

#progress {
    background: transparent;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 12;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
}

div.barra-progreso {
    text-align: center;
    margin-top: 25%;
}

input, select, button, textarea, table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

input, select, textarea, table {
    color: #282823;
}

.mensaje {
    font-weight: 700;
    text-align: center;
    padding: 1em;
}

.error {
    color: #8b0000;
}

#listado {
    padding-top: 15px;
}

.listado table, table.listado, table.listadoid {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

.listado table, table.listado {
    border: 1px solid #000;
}

table.listadoid {
    border: 1px solid #BEC4BF;
}

.listado th, .listado td {
    padding: 1px 10px;
}

.listado th, .listadoid th {
    background-color: #BEC4BF;
}

.listado th {
    text-align: justify;
}

.listadoid th {
    text-align: center;
    padding: 6px;
}

.listadoid td {
    background-color: white;
    text-align: center;
}

.clicable tr:hover td, .clicable tr.over td {
    background: #9DB9C8;
    cursor: pointer;
}

.clicable tr.marcada {
    background-color: #CCC;
}

.labelcell {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #464244;
    background-color: transparent;
    width: 220px;
}

.labelcell_estrecho {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #464244;
    background-color: transparent;
    width: 120px;
}

.fieldcell input {
    width: 70px;
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
    color: #102132;
    border: 1px solid #4F4D4D;
    margin-right: 0;
}

.fieldcellfile input {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
    color: #102132;
    border: 1px solid #4F4D4D;
    margin-right: 0;
}

.fieldcell input.inputancho {
    width: 200px;
}

.fieldcell select {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
    color: #102132;
    border: 1px solid #4F4D4D;
}

.linea_separacion {
    border-top: 1px solid;
}

table.letramini {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

table.registros {
    margin: 1em 0 0 0;
}

table.registros td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    padding: 0.2em 0.5em;
    text-align: left;
}

tr.peticiones_cambiadas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #8b0000; /*background-color:#006400;*/
}

form.online fieldset.otorgamiento {
    border-top: 1px solid #e5e5e5;
    margin: 2em 0 2em;
    clear: both;
}

form.online fieldset {
    border-top: 1px solid #e5e5e5;
    margin: 3em 0;
    clear: both;
}

form.online fieldset.datos_registrales {
    border-top: 1px solid #e5e5e5;
    margin: 2em 0;
    clear: both;
}

form.online fieldset {
    border: 0;
    margin: 0;
}

form.online .campoForm0 {
    width: 200px;
    margin-right: 3px;
}

form.online fieldset fieldset {
    border: 0;
    margin: 0;
}

form.online .campoForm0 {
    width: 180px;
    margin-right: 3px;
}

form.online .referencia {
    width: 180px;
    margin-left: 110px;
}

form.online .campoForm0NotaOnline {
    width: 260px;
    margin-right: 3px;
}

form.online .campoForm0Seccion {
    width: 90px;
    margin-right: 175px;
}

/* \*/
* html form.online .campoForm0 {
    width: 180px;
}

/* */
form.online #datos-envio {
    padding: 15px;
}

/*  ................................  fin del formulario Online ....................................      */

/* ========================================================= */
/* Consulta al índice */
/* ========================================================= */

.presentacionLista {
    font-size: 11px;
    color: #000000;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    text-align: left;
}

.cabeceraListaPrincipal {
    font-size: 11px;
    background-color: #c41230;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.cabeceraListaSecundaria {
    font-size: 11px;
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.datosLista {
    font-size: 11px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.datosListaSeleccionado {
    font-size: 11px;
    background-color: #D3D5DC;
    color: #000000;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.mensajesLista {
    font-size: 11px;
    color: #000000;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

/**********************************************************/
/* Estado de la cuenta */
/**********************************************************/
.estado-cuenta #contenido {

    /* padding-right: 40px;*/
}

.estado-cuenta .contenidoBuscar, .estado-cuenta .mantenimiento {
    font-size: 11px;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 10px;
    background-color: #f3f3f3;
}

.estado-cuenta .contenidoAyuda {
    margin: 0 10px 10px 22px;
    padding: 10px 0 10px 10px;
    background-color: #f3f3f3;
}

.estado-cuenta .contenidoAyuda p {
    margin: 0.4em 0;
}

.estado-cuenta ul.seleccion {
    border-top: 1px solid #f3f3f3;
    margin: 20px 0 0 0;
    padding: 20px 0 20px 200px;
}

.estado-cuenta dt {
    font-weight: bold;
}

.estado-cuenta dd {
    font-weight: normal;
    margin-bottom: 20px;
}

.estado-cuenta .mantenimiento dd {
    margin-bottom: 6px;
}

.estado-cuenta .contenidoBuscar .seccionForm {
    width: 240px;
    margin: 0 30px 0 0;
    float: left;
}

/* \*/
* html .estado-cuenta li {
    height: 0;
}

/* */

.estado-cuenta .seccionForm ul li, .estado-cuenta .mantenimiento ul li {
    padding-bottom: 6px;
    clear: left;
}

.estado-cuenta .seccionForm ul label {
    width: 80px;
    font-weight: bold;
    display: block;
    text-align: left;
    float: left;
    padding-bottom: 1em;
}

.estado-cuenta .mantenimiento ul {
    padding-bottom: 6px;
    clear: left;
}

.estado-cuenta .mantenimiento ul label {
    width: 120px;
    font-weight: bold;
    display: block;
    float: left;
}

.estado-cuenta .seccionForm ul ul label {
    width: 50px;
    font-weight: normal;
    padding-bottom: 0;
}

.estado-cuenta .seccionForm ul ul li {
    clear: none;
    padding-bottom: 0;
}

.estado-cuenta .seccionForm2 {
    clear: none;
    margin: 0 0 0 30px;
    font-weight: bold;
    padding-top: 20px;
}

.estado-cuenta .seccionForm2 input, .estado-cuenta .seccionForm2 select {
    font-weight: normal;
}

.estado-cuenta .seccionForm2 ul li {
    padding-bottom: 8px;
    clear: none;
}

.estado-cuenta .seccionForm2 label {
    float: left;
    width: 80px;
}

.estado-cuenta .seccionForm2 input {
    float: left;
}

.estado-cuenta .botonera {
    margin: 10px 0 30px 0;
    text-align: center;
}

.estado-cuenta .contenidoBuscar .botonera {
    margin: 4em 40px 0 0;
    text-align: right;
    clear: both;
}

.estado-cuenta .contenidoBuscar .botonera .boton3 {
    margin-top: 0;
}

.estado-cuenta .mantenimiento .botonera {
    margin: 0;
}

.estado-cuenta .mantenimiento .ayuda {
    margin: 0;
    font-weight: bold;
    text-align: right;
}

.estado-cuenta .mantenimiento .ayuda button {
    margin: 0;
    font-weight: bold;
}

.estado-cuenta p button.boton3 {
    margin: 0 0 0 1em;
}

.estado-cuenta table.lista {
    font-size: 11px;
    border-spacing: 2px;
    border-collapse: separate;
}

.estado-cuenta table.lista th, table.lista td {
    text-align: left;
    padding: 2px;
    position: relative;
}

.estado-cuenta table.lista .par td {
    background: #FFFFFF;
}

.estado-cuenta table.lista .impar td {
    background: #F3F3F3;
}

.estado-cuenta table.lista,
.estado-cuenta table.facturas {
    width: 100%
}

.estado-cuenta table.facturas th,
.estado-cuenta table.facturas td {
    padding: 0 0.6em;
    text-align: left;
}

.estado-cuenta table.lista th#id-peticion {
    width: 10%
}

.estado-cuenta table.lista th#email,
.estado-cuenta table.lista th#fecha-peticion,
.estado-cuenta table.lista th#fecha-salida {
    width: 16%
}

.estado-cuenta table.lista th#importe,
.estado-cuenta table.lista th#estado {
    width: 12%
}

.estado-cuenta table.lista th#registro {
    width: 18%
}

.estado-cuenta .resumen {
    text-align: right;
    background: #f3f3f3;
    padding: 4px 0.5em 4px 0;
    margin-top: 4px;
}

.estado-cuenta .resumen p {
    margin: 0;
    padding: 0;
    min-height: 16px;
}

/* \*/
* html .estado-cuenta .resumen p {
    height: 16px;
}

/* */

.estado-cuenta p.descarga, .estado-cuenta p.no-descarga {
    float: left;
    text-align: left;
    padding-left: 20px;
}

.estado-cuenta .descarga {
    background: transparent url("../images/descDoc.gif") no-repeat left center;
}

/**********************************************************/
/* BOTONES */
/**********************************************************/
.botoneraPaginacion select {
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px;
}

div.botoneraPie {
    text-align: right;
    margin: 1em 0;
    padding: 5px 0 2px 0;
    border-top: 1px solid #E5E5E5;
    color: #666666;
    clear: both;
}

div.botoneraPie h1 {
    color: #c41230;
}

div.botoneraPie p, div.botoneraPie h1 {
    margin: 0;
    font-size: 10px;
    text-align: left;
}

.boton, .boton2, .boton3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 10px 10px 10px 0;
    padding: 2px 5px 1px 5px;
}

/* \*/
* html button.boton, * html button.boton2, * html button.boton3 {
    padding: 0 3px;
}

/* */
/* \*/
* html input.boton, * html input.boton2, * html input.boton3 {
    padding: 2px 3px;
}

/* */
/* \*/
* html .estado-cuenta .boton3 {
    margin: 0 10px;
}

/* */
/* \*/
* html .estado-cuenta .botoneraPaginacion .boton3 {
    margin: 10px;
}

/* */

.boton {
    color: #FFFFFF;
    background: #c41230 /*url(../images/lateral-menu-top-page-morado.png) left repeat-x*/;
    border: 1px solid #c41230;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 1px;
}

a.boton, a:visited.boton {
    color: #FFFFFF;
    text-decoration: none;
}

.boton2 {
    color: #c41230;
    background-color: #FFFFFF;
    border: 1px solid #c41230;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 1px;
}

a.boton2 {
    color: #c41230;
    text-decoration: none
}

.boton3 {
    color: #c41230;
    background-color: #FFFFFF;
    border: 1px solid #c41230;
}

a.boton3 {
    color: #c41230;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}

.botonAnterior {
    background: url(../images/flecha_izq.gif) no-repeat 3% 50%;
    padding-left: 5px;
}

.botonSiguiente {
    background: url(../images/flecha_derch.gif) no-repeat 97% 50%;
    padding-right: 5px;
}

/**********************************************************/
/* PIE */
/**********************************************************/

#pie {
    height: 100px;
    color: #ffffff;
    /*background: #333 url(../images/body-bar.png) bottom no-repeat;*/
    background-color:#191919;
    margin-top: 25px;
    clear: both;
    padding: 10px;
}

#pie a {
    color: #ffffff;
    text-decoration: none;
}

#pie a:hover, #pie a:visited {
    text-decoration: underline;
}

#pie #logoPie {
    float: left;
    background: transparent url(../images/logo-pie.png) top left no-repeat;
    height:80px;
}

#pie #logoPie #logoPieData {
    padding-top: 21px;
    padding-left: 85px;
}

#pie #logoPie #logoPieData p {
    margin: 0;
}

#pie #linksPortalPie {
    float: right;
    padding-top: 80px;
}

#pie #linksPortalPie span#separator {
    padding-left: 8px;
    padding-right: 8px;
}

#pie #contacto span {
    color: #c7a3dd;
    text-decoration: none;
    padding: 3px 12px 5px 30px;
    font-size: 12px;
    text-align: right;
    background: url(../images/telefono.gif) no-repeat top left;

}

/**********************************************************/
/*MENU IZQUIERDO*/
/**********************************************************/

#cabeceraSeccionPagina {
    margin-top: 12px;
    padding-bottom: 4px;
    clear: both;
}

#cabeceraSeccionPagina #tituloPortal {
    background: white /*url(../images/lateral-menu-top-page-morado.png) left repeat-x*/;
    background-color: #c41230;
    float: left;
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#cabeceraSeccionPagina #tituloPortal #texto {
    padding-left: 10px;
    color: #FFFFFF;
    font-size: 14px;
}

#navMenu {
    float: left;
    width: 200px;
    /*background: url("../images/images_laterlal-menu-shadow.png") no-repeat left bottom;*/
    padding-bottom: 20px;
}

/* \*/
* html #navMenu {
    overflow-x: hidden;
}

/* */

#navMenu ul {
    list-style: none;
}

#navMenu li {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* \*/
* html #navMenu li {
    height: 0;
    border-bottom: 0;
}

/* */

#navMenu a {
    display: block;
    text-decoration: none;
    color: #333333;
    padding: 9px 30px 9px 10px;
    background: #FFFFFF url(../images/menu-third-level-bullet-more-info-rojo.png) no-repeat 97% 50%;
}

#navMenu a:hover, #navMenu .selec a, #navMenu a.selec {
    color: #FFFFFF;
    background: #555 url(../images/lateral-menu-open-rojo.png) no-repeat 97% 50%;
}

#navMenu ul ul a, #navMenu .selec ul a {
    color: #000000;
    background: #DDDDDD;
}

#navMenu ul ul a:hover, #navMenu ul ul .selec a, #navMenu ul ul a.selec {
    color: #5B5B58;
}

/**********************************************************/
/* POP UP */
/**********************************************************/
.popup #contenedorPrincipal {
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
}

.popup #cabecera {
    margin: 0;
    width: auto;
    height: 175px;
    /*background: #333 url(../images/body-bar.png) top no-repeat;*/
    background-color: white;
}

.popup #cabecera h1 {
    margin: 0 55px 0 76px;
    padding: 70px 0 0 0;
    float: none;
}

.popup #usuarioConectado {
    float: none;
    width: auto;
    margin: 0 0 0 130px;
}

.popup #contenido,
#modal .contenido {
    position: static;
    float: none;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 40px 34px 0 40px;
    padding: 0 20px 0 20px;
}

.popup #contenido .seleccion,
#modal .contenido .seleccion {
    background: #F5F5F5;
    padding: 35px 10px 0 100px;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
}

.popup #acceso {
    margin-bottom: 20px;
    width: auto;
}

.popup #acceso label {
    font-weight: normal;
}

.popup .botoneraPie {
    padding: 0;
    margin: 0 0 0 20px;
}

.popup #contenido .seleccion .botoneraPie {
    border-top: 0;
    margin: 0;
}

.popup #pie {
    /*background: #333 url(../images/body-bar.png) bottom no-repeat;*/
    color: #999;
    margin: 10px 0 0 0;
    padding: 0;
    width: auto;
    height: 100px;
}

/*
.popup .mensajeFloti {
    width: auto;
    margin: 20px;
}
.popup #contenido .mensajeFloti {
    width: auto;
    margin: 0 0 20px -50px;
}
*/
.detalle dt {
    font-weight: bold;
    width: 150px;
}

.detalle dd {
    font-weight: normal;
}

.detalle h2 {
    clear: left;
    font-size: 11px;
    font-weight: bold;
    background: #F7F3EF;
    margin-bottom: 0.4em;
}

.detalle table {
    font-size: 11px;
    width: 100%;
}

.detalle table th, .detalle table td {
    text-align: left;
    padding-bottom: 0.4em;
    padding-right: 1em;
}

.popup .botonera .boton3 {
    margin: 0;
}

#modal {
    display: none;
    position: absolute;
    width: 640px;
    height: 300px;
    background-color: white;
    border: 2px outset black;
    z-index: 3;
    top: 50px;
    left: 25%;
}

#modal #menuSuperior ul {
    text-align: right;
}

#modal .contenido {
    padding-top: 3em;
}

#modal .menu #cerrar {
    padding-bottom: 11px;
    padding-right: 22px;
}

/**********************************************************/
/* Callejero */
/**********************************************************/
.callejero {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 36px 12px 0 12px;
}

.callejero h1 {
    font-size: 15px;
    font-weight: bold;
    color: #2D2D2D;
    padding-bottom: 5px;
    border-bottom: 1px #585858 dashed;
    margin: 0 66px 22px 66px;
}

.callejero #volver {
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    float: right;
    margin: 0 66px 0 0;
}

.callejero #volver a {
    color: #2D2D2D;
    text-decoration: underline;
}

.callejero #volver a:hover {
    text-decoration: none;
}

.callejero .menu, .callejero .menu:visited {
    color: #2B2B2B;
    line-height: 16px;
    text-decoration: none;
    background: url(../images/i_flechita_.gif) no-repeat left center;
    padding-left: 10px;
}

.callejero a.menu:hover {
    background-color: #4D4D4D;
    color: #FFFFFF;
}

.callejero label {
    font-weight: bold;
    line-height: 1.5em;
    color: #333333;
    background: url(../images/cuared.gif) no-repeat left center;
    padding-left: 20px;
    display: block;
    float: left;
    clear: left;
    width: 117px;
}

.callejero select {
    color: #FFFFFF;
    border: 0;
    background-color: #8311b8;
    width: 250px;
    margin-left: 137px;
}

.callejero .criterio {
    color: #333333;
    background-color: #EEEFE9;
    border: 0;
    width: 100px;
    line-height: 16px;
}

.callejero .texto {
    line-height: 1.5em;
    color: #333333;
    text-decoration: none;
    text-align: justify;
}

.callejero .registro {
    font-weight: normal;
    text-transform: uppercase;
    color: #2D2D2D;
    text-decoration: underline;
    margin-left: 20px;
}

.callejero .registro:hover {
    text-decoration: none;
}

/*
    NOTAS:
    ¿Cambiar todos los interiorTitulo* por H2? ¿Sólo los de peticiones?

*/

/* TODO eliminar todos estos estilos en el HTML */

/* ------------------------ Para las ventanas con botón de cerrar ------------------  */
.txtIconos {
    font-size: 9px;
    color: #7F7F7F;
    text-decoration: none;
}

a.txtIconos, a.txtIconos:hover, a.txtIconos:visited {
    color: #7F7F7F;
    text-decoration: none;
}

/* ------------------------ Para el menú antiguo ------------------  */
#migasNivel1 {
    position: relative;
    font-family: Georgia, Times, Times New Roman, serif;
    font-size: 12px;
    color: #323232;
    text-decoration: none;
}

#migasNivel2 {
    position: relative;
    font-size: 11px;
    color: #999999;
}

/* --- Genéricos --- */
.txt {
    font-size: 12px;
    color: #666666;
}

.txt10 {
    font-size: 10px;
    color: #666666;
}

a.txt10 {
    color: #666666;
}

.txt10Rojo {
    font-size: 10px;
    color: #c41230;
}

.txt11 {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.txt11B {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.literalForm {
    font-size: 9px;
    color: #666666;
    line-height: 17px;
    vertical-align: top;
}

.datosForm {
    clear: left;
}

#capamensaje {
    background-color: white;
    border: 3px solid #c41230;
    display: none;
    left: 33%;
    padding: 0 2em;
    position: absolute;
    top: 400px;
    width: 440px;
    z-index: 10;
}

#idTraducion {
    background-color: white;
    border: 3px solid #c41230;
    text-align: center;
}

#contenido_acceso {
    position: relative;
    float: right;
    width: 700px;
    min-height: 310px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    padding: 15px 85px 0 20px;
    text-align: justify;
    margin-bottom: 10px;
    margin-top: 20px;
}

#tooltip {
    position: relative;
}

/*
#tooltip span{
/*

    background: #F7E570;
    z-index:300;
    display: none;

    display: none;
    z-index:-1;
}
*/
/*
#tooltip label{
    position: relative;
    left:20px;
    z-index:-1;
}
*/
/*
#tooltip input{
    position: absolute;
    z-index:-1;
}
*/

/*
#txt_int{
    position: relative;
    left:20px;
    z-index:-1;
}
*/

/*
#tooltip:hover span{
border: 2px solid #A69002;
left:20px;
top:10px;
display: block;
position: absolute;
width: 50em;
background: #F7E570;
color: #0B0B0B;
font-size: 8pt;
text-align: left;
padding-left: 2px ;
padding-right: 2px;
z-index:-50;    

}
*/
label.tooltip {
    text-decoration: none;
}

label.tooltip:hover {
    text-decoration: none;
    cursor: help;
}

label.tooltip span, h3.tooltip span {
    display: none;
    margin: 0 0 0 10px;
    padding: 5px 5px;
}

label.tooltip:hover span, h3.tooltip:hover span {
    left: 100px;
    display: inline;
    position: absolute;
    border: 2px solid #A69002;
    width: 50em;
    background: #F7E570;
    color: #0B0B0B;
    font-size: 8pt;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;

}

.captcha p {
    color: #333333;
    margin: 2em 0 0 0;
}

.captcha img {
    display: block;
    margin: 1em 0;
}

.captcha-error p {
    color: #8b0000;
    font-weight: bold;
}

.avisoCambio {
    font-size: 11px;
    color: #8b0000;
    font-weight: 700;
    text-align: center;
    padding: 1em;
    background-color: #F7F7F7;
    border: 3px double #8b0000;
    margin: 20px 0 0 20px;
    width: 450px;
    clear: left;
}

div#contenedorCaptcha {
    padding: 0;
    width: 650px;
    text-align: center;
    height: auto;
    background: transparent;
    margin: 0 auto 0 200px; /* TODO revisar esta propiedad */
}

div.contenidoCaptcha {
    padding: 0;
    width: 144px;
    float: left;
    background: transparent;
    height: auto;
}

div#refreshCaptcha {
    padding: 5px 0 0 0;
    width: 20px;
    float: left;
    background: transparent;
    height: 15px;
}


#silverlightControlHost {
    width: 803px;
    height:500px;
    border:0;
    margin:0 0 0 -19px;
    padding:0;
}

#instrucciones-visor-geobase {
    color: #333;
    margin: 2em 0;
}
#instrucciones-visor-geobase p {

}
#instrucciones-visor-geobase ol {
    list-style: decimal inside;
    margin-top: -0.8em;
}

#instrucciones-visor-geobase ol li {
    margin: 0.2em 0;
}

#instrucciones-visor-geobase img {
    display: inline;
    position: relative;
    bottom: -5px;
    margin: 0 0.2em;
}


/* -- Condiciones traduccion-- */
div.condiciones_traduccion {
    height: 600px;
    position: absolute;
    z-index: 9;
    left: 0;
    margin-top: 10px;
    overflow: hidden;
    visibility: hidden;
    top: 50px;
    background-color: white;
    border: 2px solid #c41230;
    text-align: justify;
    padding-left: 6em;
    padding-right: 6em;
    padding-top: 1em;
    display: none;
}

div.condiciones_traduccion p {
    margin-top: 1px;
}

div.condiciones_traduccion span {
    text-align:right;
}


#chktrad p {
}
#chktrad label {
    display:block;
    margin-left:25px;
}
#chktrad input {
    float:left;
}

/* @group Blink */
.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}


.envioscert {
    position:absolute;
    display: none;
    bottom: 0px;
    left: 120px;
    background-color: #f3eff7;
    margin-top: 10px;
    overflow: hidden;
    border: 2px solid #c41230;
    text-align: justify;
    padding-left: 6em;
    padding-right: 6em;
    padding-top: 1em;
    z-index: 1;
}

.botonenvios3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 10px 10px 10px 0;
    padding: 2px 5px 1px 5px;
    color: #c41230;
    background-color: #FFFFFF;
}


iframe {
/*    border-top: #337AB7 1px dotted;
    border-right: #337AB7 2px dotted;
    border-left: #337AB7 2px dotted;
    border-bottom: #337AB7 4px dotted;
*/
    display: block;
/*    background-color:#eeeeee;*/
    width:800px;
    height:600px;
/*    z-index: 9002; */
/*    position:absolute;*/
    margin-left: -10px;
    margin-top: -10px;
    border: 0px;
}



/* modal */

.modal-contenido{
    text-align: left;
    font-size: 11px;
    color: #666666;
    font-weight: 700;
    background-color: #F7F7F7;
    border: 1px solid #8D8D8D;
    width:  80%;
    clear: left;
    padding: 10px 20px;
    margin: 5% auto;
    position: relative;
    line-height: 1em;

}

#cerrar {
    text-align: right;
}
.modal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
  overflow-y: scroll;
  height: 750px;

}
#miModal:target{
  opacity:1;
  pointer-events:auto;
}

#miModal.p {
    margin: 0 0;
}