﻿
html, body, div, span, applet, object, iframe, 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, dl, dt, dd, ol, ul, li fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

:focus {
    outline: 0;
}


table {
    /*PRUEBA PARA PARTE ECONOMICA, 1 version con la siguiente linea*/
    /*border-collapse: collapse;*/
    border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

input, textarea {
    margin: 0;
    padding: 0;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px;
}

/* Layout */

body {
    background-color: #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: .8em;
}

.margenes {
    padding-left: 10%;
    padding-right: 10%;
}

#wrapper {
    width: 100%;
    padding-top: 10px;
}


#content {
    float: right;
    width: 75%;
    overflow: hidden;
    margin-top: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
}


.centrado {
    text-align: center;
    margin: auto;
}

.salto {
    page-break-before: always;
}

/* Enlaces */
a {
    text-decoration: underline;
    color: #000;
}

    a:hover {
        text-decoration: none;
        color: #057EB8;
    }

/* Menu */

#columnaIzq {
    float: left;
    overflow: inherit;
    width: 22%;
    padding-left: 15px;
}




/* Botones */
.submit {
    margin-top: 11px;
    margin-left: 20px;
    margin-bottom: 11px;
    padding: 0.18em;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
}


/* Formularios */

form {
}


input.text {
    width: 450px;
    background-color: #eee;
}

input.mayusculas {
    width: 450px;
    background-color: #eee;
    text-transform: uppercase;
}

input.corto {
    width: 40px;
    background-color: #eee;
}


input.idAccion {
    width: 70px;
    background-color: #eee;
}

form dt label {
    display: block;
    float: left;
    width: 250px;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
}

dd {
    padding-left: 25px;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
}

    dd textarea {
        overflow: auto;
    }

dt {
    padding-top: 20px;
    padding-left: 20px;
}

form .required {
    font-weight: bolder;
}
/* uses class instead of div, more efficient */

form br {
    clear: left;
}

input {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
}

textarea {
    width: 100%;
    border: 1px solid #CCCCCC;
}

/*Tabla seg. social :-) */

table.ss {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0pt 0pt 2em;
    width: 100%;
    border-bottom-color: #666666;
    overflow: auto;
}

    table.ss td {
        text-align: center;
        padding: 0.6em;
        vertical-align: top;
        border: 0.5px solid lightGray;
    }

        table.ss td.izqui {
            text-align: left;
        }

        table.ss td.num {
            font-size: 0.8em;
            font-weight: bold;
            text-align: center;
            white-space: nowrap;
            color: #744519;
        }

tr.seleccionado {
    color: #fff;
    background-color: #8EA9D6;
}

table.ss tr.seleccionado td {
    color: #fff;
    background-color: #8EA9D6;
}

table.ss tr.noConforme {
    background-color: #ddd;
}

table.ss tr.negro {
    background-color: #000000;
    color: #FFFFFF;
}

table.ss th {
    font-weight: bold;
    border: medium none;
    padding: 0.3em 0.6em;
    vertical-align: top;
    background-color: #2D508A;
    color: #F8F4F1;
}

    table.ss th.azul {
        font-weight: bold;
        border-left: solid 2px #000000;
        border-right: solid 2px #000000;
        padding: 0.3em 0.6em;
        vertical-align: top;
        background-color: #C3DAF9;
        color: #F8F4F1;
    }

table.ss tfoot td {
    border: medium none;
    padding: 0.3em 0.6em;
    vertical-align: top;
    background-color: #2D508A;
    color: #F8F4F1;
}

    table.ss tfoot td.moroso {
        background-color: Red;
    }

    table.ss tfoot td.amarillo {
        background-color: #FFFF99;
    }

    table.ss tfoot td.azul {
        background-color: #C3DAF9;
    }

    table.ss tfoot td.letrarojo {
        color: Red;
    }

.letrarojo {
    color: Red;
}




table.ss tfoot td.aprobada {
    background-color: #5AC20D;
}



/* LightBox */
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid #eee;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    text-align: center;
    color: #000;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.4em;
}

    .white_content p {
        line-height: 1.8em;
        padding-top: 100px;
    }

/*Estilo contenido*/

.titulo {
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0.5em;
    background-color: #DDEEAA;
    width: 95%;
}

h2 {
    text-align: center;
    color: #000;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.4em;
    font-size: 1.8em;
    letter-spacing: -1px;
}


h3 {
    /*
	font-size: 13px;
	letter-spacing: -1px;
	*/
    text-align: left;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
    padding: 0.5em;
    padding-left: 0.7em;
}

h4 {
    text-align: left;
    padding: 0.5em;
    padding-left: 0.7em;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
}

.cajaRoja {
    background-color: #8EA9D6;
    border: 0.2em solid #230A68;
    padding: 0.6%;
    margin: 0.7%;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.08em;
    text-align: left;
    box-shadow: 0.2em 0.2em 0.2em 0.2em #999;
}



.lightBoxCerrar {
    font-size: 2em;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.4em;
    font-size: 1.8em;
    letter-spacing: -1px;
}

#validacion {
    background-color: #EC4C51;
    border: 2px solid #230A68;
    padding: 15px;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -1px;
    text-align: left;
}

#validacionOculta {
    display: none;
}

.par {
    background-color: #DDDBCF;
    /*background-color: #F8F4F1;
	background-color: #D8E4F8;*/
}

.negro {
    background-color: #000000;
    color: #FFFFFF;
}


.rojo {
    background-color: #E09187;
    /*background-color: #D8E4F8;*/
}

.rojoListado {
    background-color: #E09187;
    border: solid 1px;
    /*background-color: #D8E4F8;*/
}

.verde {
    background-color: #CCF0C3;
    /*background-color: #D8E4F8;*/
}



.fondo {
}

/********************************
/********************************
/****AYUDA**********************/

#ayuda {
    color: #0174DF;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.4em;
}

ayuda.imagen {
    float: left;
}

.error {
    color: Red;
}

.alerta {
    padding: 10px;
    border: 1px;
    background-color: #F5A9A9;
    font-weight: bold;
    color: #000;
}

/********************************/

p {
    padding-left: 25px;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
}

.combostyle {
    width: 454px;
    background-color: #EEE;
}

.areastyle {
    background-color: #EEE;
    width: 454px;
}

.ayuda {
    display: none;
    text-align: justify;
    background-color: Transparent;
    font-weight: normal;
    margin: auto;
    color: #0174DF;
    font-size: 1em;
    letter-spacing: -1px;
    line-height: 1.4em;
}

table.ss tfoot td.rojo {
    background-color: red;
}

table.ss tfoot td.negro {
    background-color: #000000;
    color: #FFFFFF;
}

.paginadorGrid {
    background-color: #2D508A;
    color: white;
    letter-spacing: -1px;
    line-height: 1.4em;
    padding: 1px;
    text-align: center;
}

.moroso {
    background-color: Red;
}

.azul {
    background-color: #C3DAF9;
    border-left: solid 2px #AABBFF;
    border-right: solid 2px #AABBFF;
}

.amarillo {
    background-color: #FFFF99;
}



.aprobada {
    background-color: #5AC20D;
}

div.parrafo.tituloImpresion {
    border: 2px;
    padding: 10px;
    color: #000;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -1px;
}

.tituloLeyend {
    text-align: left;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0.5em;
    padding-left: 0.7em;
    color: #2d508a;
    font-size: 1em;
    line-height: 1.4em;
}



/*Tabla check Economia*/
.checkEconomia {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2%;
    width: 100%;
}

.celdaEconomia {
    width: 15%;
}

.TabArea {
    width: 100%;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
}


.tamanio10 {
    width: 40px;
}

.tamanio20 {
    width: 63px;
}

.tamanio60 {
    width: 200px;
}


.cajaInformacion {
    background-color: #547AC1;
    border: 2px solid #230A68;
    padding: 15px;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -1px;
    text-align: left;
}

/* INICIO CONTROL USUARIO INFOAYUDA */
.infoAyuda{
    font-family: inherit;
    display: inline-block;
    vertical-align: bottom;
    text-align: justify;
}

.txtMensajeInfoAyuda {
    font-family: inherit;
    color: #2d508a !important;
}
/* FIN CONTROL USUARIO INFOAYUDA */

/*********************************************************************************************************************/
/* CSS CREADA POCO A POCO PARA LA VERSION 2.0*/

/*ESTILOS PARA LA PAGINA MASTER*/

/*Cabecera*/
#header {
    clear: both;
    float: left;
    width: 97%;
    background: rgb(59,103,158); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(32,124,202,1) 29%, rgba(32,124,202,1) 44%, rgba(43,136,217,1) 52%, rgba(125,185,232,1) 87%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(29%,rgba(32,124,202,1)), color-stop(44%,rgba(32,124,202,1)), color-stop(52%,rgba(43,136,217,1)), color-stop(87%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(32,124,202,1) 29%,rgba(32,124,202,1) 44%,rgba(43,136,217,1) 52%,rgba(125,185,232,1) 87%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(32,124,202,1) 29%,rgba(32,124,202,1) 44%,rgba(43,136,217,1) 52%,rgba(125,185,232,1) 87%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(32,124,202,1) 29%,rgba(32,124,202,1) 44%,rgba(43,136,217,1) 52%,rgba(125,185,232,1) 87%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(32,124,202,1) 29%,rgba(32,124,202,1) 44%,rgba(43,136,217,1) 52%,rgba(125,185,232,1) 87%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    height: 5%;
    padding-bottom: 0.5%;
    padding-top: 0.5%;
    padding-left: 2%;
    padding-right: 1%;
}

#versionActual {
    width: 98.6%;
    background: #264A85;
    height: 3%;
    text-align: right;
    color: white;
    padding-right: 1.4%;
    padding-bottom: 0.3%;
    padding-top: 0.3%;
}

#loginCabecera {
    float: right;
    text-align: right;
    width: 30%;
    line-height: 1.4em;
}

#loginBox {
    background-color: transparent;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1%;
}
/*Fin de la cabecera*/

/*Cuerpo del GA*/
#cuerpoGestor {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}

#contenedorColumnas {
    clear: both;
    float: left;
    width: 99.5%;
    padding-right: 0.5%;
    overflow: hidden;
    position: relative;
}

#columnaMenu {
    float: left;
    width: 24%;
    background: #f3f2eb;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-left: 0.5%;
    overflow: hidden;
    position: relative;
    /*truquito para que se rellene la columna del menu cuando es mas pequeña que la del contenido*/
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

#columnaContenido {
    float: left;
    width: 74%;
    padding: 0.5%;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    /*truquito para que se rellene la columna del contenido cuando es mas pequeña que el menu*/
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

/**Menu**/

#cajaInformacionMenuPrincipal {
    background-color: #8EA9D6;
    border: 0.1em solid #230A68;
    padding: 2%;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.08em;
    text-align: left;
    margin-top: 1%;
}

#cajaMensajeEnRojoMenuPrincipal {
    background-color: #EC4C51;
    border: 0.2em solid #230A68;
    padding: 2%;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.08em;
    text-align: left;
}

#menuEntidadUsuario {
    color: black;
    font-weight: bold;
    padding: 2%;
    font-size: 1em;
    line-height: 1.4em;
    letter-spacing: -0.08em;
    text-align: left;
    margin-top: 1%;
}

#menu {
    color: #946a31;
    width: 92%;
    padding-top: 1%;
    height: 100%;
    margin: 4%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
}

    #menu ul {
        background-color: #fff;
    }

    #menu li {
        list-style: none;
    }

        #menu li h6 {
            color: #230A68;
            font-size: 1em;
            font-weight: bold;
            padding-top: 0.8em;
            padding-bottom: 0.6em;
        }

        #menu li a {
            background-color: transparent;
            color: #230A68;
            text-decoration: none;
            display: block;
            padding: 0.3em 0 0.3em 0.8em;
            font-size: 1em;
        }

            #menu li a:hover {
                background-color: transparent;
                color: #230A68;
                text-decoration: underline;
                font-weight: bold;
            }


ul#menu > li {
    margin-bottom: 1em;
}

#menu li.actual a, #menu li.actual a:link, #menu li.actual a:visited {
    font-weight: bold;
    background-color: #8EA9D6;
    color: #FFF;
}
/**Fin del menu**/

#contenedorRutaMigas {
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: table-row;
    background-color: #FFF;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -1px;
    padding-bottom: 0.5%;
}


#rutaMigas {
    margin-top: 1.5%;
    padding-left: 1%;
    width: 69%;
    float: left;
    display: table-cell;
}

#iconoFAQs {
    float: left;
    text-align: right;
    width: 30%;
    display: table-cell;
}
/*Fin del cuerpo*/

/*Pie del GA*/
#pieGestor {
    position: relative;
    clear: both;
    display: table-row;
    float: left;
    width: 99.5%;
    padding-right: 0.5%;
    overflow: hidden;
    background: #ffffff;
}

#columnaLogoPie {
    float: left;
    width: 24.5%;
    padding-right: 0.5%;
    background: #ffffff;
    display: table-cell;
    border-top: thin solid #CCCCCC;
}

#columnaDireccionPie {
    float: left;
    width: 74%;
    background: #ffffff;
    color: #003366;
    font-size: .75em;
    text-align: right;
    line-height: 1.5em;
    background-color: #AAC6E2;
    border-top: thin solid #CCCCCC;
    display: table-cell;
    padding-right: 1%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.txtPieDer {
    clear: both;
    float: left;
    text-align: left;
    width: 60%;
    padding: 0 0 0 1em;
}

    .txtPieDer a {
        color: #003366;
    }

/*Fin del pie*/

/* MODULO DE COMUNICACIONES*/
.estiloBotonera {
    box-shadow: 0.2em 0.2em 0.2em 0.2em #999;
}
/* FIN MODULO DE COMUNICACIONES*/



/*CLASES QUE SE PUEDEN REUTILIZAR EN OTRAS PANTALLAS*/


form fieldset {
    clear: both;
    border-color: #CCC;
    border-width: 0.1em;
    border-style: solid; /*margin:  0em 1em 1em 1em;*/
    padding: .8em;
    margin-right: .8em;
    margin-bottom: .8em;
}

    form fieldset legend {
        text-align: left;
        font-weight: bold;
        letter-spacing: -0.08em;
        padding: 0.5em;
        padding-left: 0.7em;
        color: #2d508a;
        font-size: 1em;
        line-height: 1.4em;
    }

div.contenedorScroll {
    overflow: scroll;
}

div.parrafo {
    padding: 1%;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: -0.08em;
}

div.botones {
    text-align: center;
}

div.ayudaNota {
    color: #0174DF;
    font-size: 0.85em;
    font-weight: normal;
    letter-spacing: -0.08px;
    line-height: 1.4em;
}

div.caja {
    text-align: left;
    background: #F3F2EB none repeat scroll 0%;
    padding: 0.5%;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #2d508a;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.08em;
}

div.caja2 {
    text-align: center;
    background-color: #87A3D3;
    color: #FFF;
    font-size: 1em;
    letter-spacing: -0.08em;
    line-height: 1.5em;
    font-weight: normal;
    font-size: 1.1em;
    padding: 0.5%;
}

/*MODULO DE ESTILOS PARA DESPLIEGUE DE CONTENIDOS EN PÁGINAS EXTENSAS - TRIANGULOS*/
.trianguloCaja {
    display: inline-block;
    left: 10px;
    top: 2px;
    height: 0;
    border-left: 19px solid transparent;
    position: relative;
}

    .trianguloCaja.abierto {
        border-top: 15px solid #2d508a;
    }

    .trianguloCaja.cerrado {
        border-bottom: 15px solid #2d508a;
    }


.trianguloCaja2 {
    position: relative;
    left: 10px;
    top: 3px;
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

    .trianguloCaja2.abierto {
        border-top: 0px solid #2d508a;
        border-bottom: 16px solid #2d508a;
    }

    .trianguloCaja2.cerrado {
        border-top: 16px solid #2d508a;
        border-bottom: 0px solid #2d508a;
    }
/*FIN MODULO DE ESTILOS PARA DESPLIEGUE DE CONTENIDOS EN PÁGINAS EXTENSAS - TRIANGULOS*/

div.negrita {
    font-weight: bold;
}

div.mensajeError {
    background-color: #EC4C51;
    border: 0.2em solid #230A68;
    padding: 0.6%;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.08em;
    text-align: left;
    box-shadow: 0.2em 0.2em 0.2em 0.2em #999;
}

div.mensajeInformacion {
    background-color: #e2facf;
    border: 0.2em solid #230A68;
    padding: 0.6%;
    margin: 0.7%;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.08em;
    text-align: left;
    box-shadow: 0.2em 0.2em 0.2em 0.2em #999;
}

/*Modulo de catalogacion*/

table.gridcata {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: auto;
    /*width: 100%;*/
    text-align: center;
    border-bottom-color: #666666;
    overflow: auto;
}

    table.gridcata td {
        text-align: center;
        padding: 0.6em;
        vertical-align: top;
        border: 0.5px solid lightGray;
    }

        table.gridcata td.izqui {
            text-align: left;
        }

        table.gridcata td.num {
            font-size: 0.8em;
            font-weight: bold;
            text-align: center;
            white-space: nowrap;
            color: #744519;
        }


    table.gridcata tr.seleccionado td {
        color: #fff;
        background-color: #8EA9D6;
    }


    table.gridcata tr.negro {
        background-color: #000000;
        color: #FFFFFF;
    }

    table.gridcata th {
        font-weight: bold;
        border: medium none;
        padding: 0.3em 0.6em;
        vertical-align: top;
        background-color: #2D508A;
        color: #F8F4F1;
    }

        table.gridcata th.azul {
            font-weight: bold;
            border-left: solid 2px #000000;
            border-right: solid 2px #000000;
            padding: 0.3em 0.6em;
            vertical-align: top;
            background-color: #C3DAF9;
            color: #F8F4F1;
        }

    table.gridcata tfoot td {
        border: medium none;
        padding: 0.3em 0.6em;
        vertical-align: top;
        background-color: #2D508A;
        color: #F8F4F1;
    }
/*NEXO*/

/*Modal LOPD*/
.modalLOPD {
    position: fixed;
    font-family: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    overflow-y: scroll;
}

    .modalLOPD ul {
        padding-left: 3em;
        letter-spacing: 0px;
        line-height: 1.4;
        word-spacing: 1px;
        font-family: inherit;
    }

    .modalLOPD p {
        padding-left: 0;
        letter-spacing: 0;
        margin-bottom: 0.5em;
    }

    .modalLOPD:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalLOPD > div {
        width: 60%;
        position: relative;
        margin: 8% auto;
        padding: 5px 20px 13px 20px;
        text-align: justify;
        background: #eaeaea;
        background: -moz-linear-gradient(#fff, #eaeaea);
        background: -webkit-linear-gradient(#fff, #eaeaea);
    }

.closeModalLOPD {
    background: #aac6e2;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

    .closeModalLOPD:hover {
        background: #003366;
    }

/*Cookies*/
#overbox3 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: none;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    /*height: 58px;*/
    width: 100%;
    text-align:center;
    background-color: rgba(0,0,0,.5);
}
#infobox3 p {
    /*line-height:58px;*/
    font-size:12px;
    text-align:center;
    color: white;
    font-weight: bold;
}
#infobox3 p a {
    color: white;
    font-weight: bold;
    margin-right:5px;
    text-decoration: underline;
}
