/**
 * Droid sans
 */
@font-face {
    font-family: 'Droid Sans';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DroidSans/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans/DroidSans-webfont.svg#droid_sansregular') format('svg');
}

@font-face {
    font-family: 'Droid Sans';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/DroidSans/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
}



.displaynone,
.ocultatotal,
.info-invisible,
.adminfast {
    display:none;
}
.displayblock {
    display: block;
}

.info-visible-fondo {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.info-visible {
    display:block;
    position:fixed;
    left:4%;
    top:10px;
    width:90%;
    background: #fff;
    border:1px solid #FF7400;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:0;
    box-shadow: 5px 5px 5px #ccc;
    opacity:0.95;
    z-index: 1002;
}


div.info-visible > p,
div.info-visible > h4 {
    color:#555;
    text-align: center;
    padding:10px 30px;

}
a:visited {
    color:#00f;
}

h1 a:visited {
    color:inherit;
}



.info-visible a.cerrar {
    display:inline-block;
    width:5%;
    float:right;
    text-align:right;
    color:#fff;
    margin:5px 10px;
}
.info-visible h3 {
    padding:10px 40px;
    margin-top:0;
    background-color:#FF7400;
    color:#fff;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

.info-visible h3::before {
    content: "?";
    background-color: #fff;
    color:#FF7400;
    border-radius:25%;
    -webkit-border-radius:50%;
    margin:0 10px 0 0;
    padding:0 10px;
}


div#solo-identificados h3::before,
div#solo-intranet h3::before {
    content: "!";
}


div.info-visible ul {
    color:#555;
}
#ayudas-contextuales {
    display:block;
    background: #fff;
}

#barra_menu_principal,
ul.micuenta {
    display:none;
}
/**
 * Mensaje de aviso de cookies
 */
#aviso-cookies {
    font-family: "Droid Sans",sans-serif;
    line-height: 1.5em;
    background: none repeat scroll 0 0 #444444;
    color: #BBBBBB;
    padding: 0.25em 3em;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    opacity: 0.85;
}

#aviso-cookies .titulo {
    color: #FFFFFF;
    display: inline-block;
    margin: 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
}

#aviso-cookies .cerrar {
    display: inline-block;
    float: right;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.25em;
}

#aviso-cookies .cerrar:hover {
    color: #BBBBBB;
}

#aviso-cookies .texto {
    margin: 0.25em 0;
}

#aviso-cookies .texto a {
    text-decoration: underline;
    color: #FF8888;
}

#aviso-cookies .texto a:hover {
    color: #DD1E21;
}


/**
 * Clases flex comunes
 */

.flexrow {
    display: -webkit-flex;
    -webkit-flex-direction: row;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.justify-space-between {
    justify-content: space-between;
}
.justify-space-around {
    justify-content: space-around;
}
.justify-flex-start {
    justify-content: flex-start;
}
.justify-flex-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content:center;
}


html {
    background:#ddd;
    font-family: "Droid Sans",sans-serif;
}

body {
    font-size:large;
    max-width:760px;
    margin:10px auto;
    background: #fff;
}

ul {
    list-style:none;
}
h1,
h2,
h3,
h4 {
    color:#FF7400;
    padding:0;
    margin:5px 0;
}
a {
    text-decoration: none;
}
div.paginador ul a {
    background:#FF7400;
}
.paginador a:visited {
    color:#fff;
}
div.paginador ul a:hover {
    background: #c65a00;  
}
div.paginador ul span.current {
    background: #c65a00;
}
/*#contenedor-bvms {
    padding-top:30px;
}*/
#contenedor-bvms {
    position:static;
    top:0px;
    padding-top:75px;
}
#menu_bvms {
    display: -webkit-flex;
    -webkit-flex-direction: row;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:0;
    /*padding:100px 0 0;*/
    padding:0;
}
#menu_bvms > * {
    flex-basis:100%;
    justify-content:center;
}

#menu_bvms > li > a {
    display:block;
    text-align: center;
    background: url('../imagenes/fondo-menu.png');
    color:#fff;
    text-decoration: none;
    padding:5px 0;
    margin-top:5px;
}
#menu_bvms > li.cerrar-menu > a/*,
div#usuario.displayblock span#cerrar-usuario*/ {
    background:#333;
    text-align:right;
    padding-right: 10px;
}
/*div#usuario.displayblock span#cerrar-usuario a {
    display:block;
}*/
/****************************************
USUARIO  ********************************
*****************************************/
div#usuario {
    background:rgba(204,204,204,0.8);
    height:1000px;
    color:#000;
    padding:10px;
    position:fixed;
    top:0px;
    left:0px;
    z-index:99999;
    width:100%;
    box-sizing: border-box;
}

div#usuario > div {
    width:100%;
    margin:0;
    background:rgb(247,141,47,0.9);
    padding:10px 20px;
    border-radius: 10px;
    -webkit-border-radius:10px;
    box-sizing: border-box;
}

div#usuario.displaynone {
    display:none;
}
div#usuario input {
    color:#333;
}

div#usuario form *,
div#usuario a {
    width:100%;
    font-size:140%;
    margin:20px 0;
    display:block;
}
div#usuario > div > a {
    text-decoration: underline;
}

a.desconectar{
    background:url('../../usuarios/imagenes/logout.png') no-repeat left center;
    background-size: 25px;
    padding-left:40px;
    box-sizing: border-box;
}
div#usuario h2 {
    color:#333;
    text-align: center;
}

#cerrar-usuario a::before {
    content: '  X  ';

}
span#cerrar-usuario {
    text-align: right;
}
ul#micuenta {
    display:none;
}

div#usuario img {
    width:100px;
    border-radius:50%;
    -webkit-border-radius:50%;
    margin:0 auto;
    display:block;
}
div#usuario * {
    color:#fff;
}



#menu_bvms > li > span {
    display:none;
}
#menu_bvms #acceso-banco {
    display: none;
}

#pie-biblioteca {
    text-align:center;
    font-size:80%;
    margin:0;
    padding:20px 0;
    border-top:1px dotted #FF7400;
}

#pie-biblioteca img {
    max-width:90%;
    margin:0 auto;
}

#pcbe a.info,
#bvms_otros_recursos a.info,
.recursos-az a.info {
    display:inline-block;
    background:#ff7100;
    padding:1px 8px;
    border-radius:10px;
    -webkit-border-radius:10px;
    color:#fff;
    font-size:65%;
    margin-left:10px;
    font-weight: bold;
    box-shadow: 4px 4px 4px #ddd;
}

#pcbe a.info:hover, #bvms_otros_recursos a.info:hover {
    background:#333;
    box-shadow: 4px 4px 4px #aaa;
}
div#login {
    order:1;
}
ul#menu_bvms {
    order:2;
}



.advertencia-grande {
    padding:20px 100px;
    background:#fff1d7;
    font-size:100%;
    border:1px dotted #bbbbbb;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius:5px;
    margin:10px;
    background-image:url('../imagenes/advertencia-grande.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.advertencia-pequena {
    background:url('../imagenes/advertencia.png') no-repeat left 5px;
    padding-left:20px;
}

#coronavirus {
	margin:0 auto;
	padding:2px 25px;
	background:#EAD5E9;
	color:#333;
	font-weight: bold;
	border-bottom:1px dotted #964D8D;
	margin-bottom:10px;
}

/*RESPONSIVE
   ========================================================================= */
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {

    body {
        font-size:medium;
        max-width:1000px;
    }
    .info-visible {
        left:20%;
        top:20%;
        width:60%;
    }
    #contenedor-bvms {
        margin:0;
        padding:0;
    }
    #encabezado {
        position:relative;
        height: auto;
    }
    #menu_bvms {
        background: url('../imagenes/fondo-menu.png');
        justify-content: space-around;
        flex:1 1 75%;
        padding:5px 0;
    }


    #menu_bvms > * {
        flex-basis:auto;
    }
    #menu_bvms > li > a {
        padding:5px;
        background: transparent;
        margin:0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #menu_bvms > li > span {
        padding:5px;
        display:inline-block;
        background: rgba(255,255,255,0.5);
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #menu_bvms > li > a:hover {
        background: rgba(255,255,255,0.5);
        color:#555;
    }

    #menu_bvms #acceso-banco {
        display: inline;
    }
    #menu_bvms #acceso-preevid {
        display: none;
    }

    .solomovil {
        display:none;
    }
    div#barra_menu_principal {
        order:1;
    }
    ul#menu_bvms {
        order:1;
    }


    a.nueva-ventana {
        padding-right:20px;
        background:url('../../bvms/imagenes/nueva-ventana.png') right center no-repeat;
    }

    div#login input {
       font-size:100%;
    }
}
 
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
    body {
        max-width:1400px;
    }
    .flexrow-no-movil {
        display: -webkit-flex;
        -webkit-flex-direction: row;

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #menu_bvms,
    #barra_menu_principal {
        font-size:90%;
    }
    div#barra_menu_principal {
        display: -webkit-flex;
        -webkit-flex-direction: row;

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        flex:1 1 20%;
        background-color:#f78e2f;
        justify-content: center;
    }
    ul#micuenta {
        margin:0;
        padding:7px 10px;

        box-sizing:border-box;
        text-align:center;
        display: -webkit-flex;
        -webkit-flex-direction: row;

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    ul#micuenta li:first-child {
        background:url('../../encabezado/imagenes/user2.png') no-repeat left center;
        padding-left:20px;
        background-size:20px;
    }
    ul#micuenta a {
        color:#fff;
        padding:0 5px;
    }
    ul#micuenta li:first-child a {
        padding-left:25px;

    }

    ul#micuenta li:not(:last-child) a {
        border-right:1px solid #fff;
    }
    div#usuario > div {
        width:300px;
        margin:100px auto;
        font-size:80%;
    }
    div#usuario form *,
    div#usuario a {
        margin:8px 0;
    }
}