.margenes_logo {
    margin-bottom: 0px;
}


/* -- estilos solo ordenadores de la aplicacion 
@media only screen and (min-device-width: 600px)
{
	.contenedor
	{
		width: 300px;
	}

	.margenes_logo
	{
		margin-bottom: 100px;
	}

	.contenedor_derecha
	{
		width: 65%;
	}
}

-- */

.contenedor {
    text-align: center;
}

.contenedor_410px {
    width: 410px;
    text-align: center;
}

.contenedor_margenes {
    margin-bottom: 10px;
    padding-top: 20px;
}

.sinmargenes {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.margenes {
    margin: 4px 8px 0px 8px;
}

.margenesBotones {
    margin: 4px 0 3px 0;
}

.margenesParrafos {
    margin: 3px 3px 1px 0;
}

.margenesSesion {
    margin: 5px 10px 5px 5px;
}

.margenesBienvenida {
    /*display: inline-block;*/ /*float: right; /*width:40%;*/
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.contenedor_izquierdo {
    display: block;
    float: left; /*width: 35%;*/ /*height: 110px;*/
    margin-right: 10px; /*margin-top:10px;*/
}

.contenedor_derecha {
    /*display: block;*/
    float: right;
}

.contenedor_total {
    height: 50px;
    width: 100%;
}

.contenedorPrincipal {
    margin: -11px 16px 16px 16px;
}

.migas {
    display: block;
    float: left;
    width: 100%;
}

.menu {
    padding-bottom: 10px;
}

.contenedorErrores {
    text-align: center;
    padding: 5px;
}

.contenedorAdvertencias {
    text-align: center;
    padding: 5px;
}

.margenesSubInterior {
    margin-top: 20px !important;
}
/* Menú general ......................................*/
.menu {
    font-size: 0.7em;
    width: 100%;
}

.menu-btnCampaniaEPIS {
    display: flex !important;
    justify-content: center !important;
}

.menu ul {
    list-style-type: none;
    display: block;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

.menu a {
    display: block;
    position: relative;
    text-decoration: none;
    text-indent: 2px;
    color: #fff;
    padding: 8px;
    background-image: url(imagenes/marcadormigasdepan.gif);
    background-repeat: no-repeat;
    background-position: -10px 12px;
    padding-left: 12px;
    padding-right: 20px;
}

/* nivel 1 ...........................................*/
.menu ul li.nivel1 {
    float: left;
    background: transparent url(imagenes/fondo_cabecera_tabalas.gif) repeat-x scroll left bottom;
    padding-left: 15px;
    font-weight: bold;
    margin-left: 2px; /*width:190px;*/
}

.menu ul li:hover a.nivel1 {
    padding: 8px;
    background-image: url(imagenes/marcadormigasdepanrojo.gif);
    background-repeat: no-repeat;
    background-position: -10px 12px;
    text-decoration: underline;
    padding-left: 12px;
    padding-right: 20px;
    cursor: pointer;
}

.menu ul li.correo, .menu a.correo, .menu ul li:hover a.correo {
    background: none;
}

.correo a {
    padding-left: 0px;
    padding-right: 7px;
    padding-top: 0px;
    background-color: #0034a0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
/* Contenedor ...........................................*/

.contenedor_elementos {
    overflow: auto; /*margin: 7.9px 0.1px 16px 0.2px;*/
    margin: 7.9px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
    clear: left;
}

.contenedor_formu {
    float: left;
    width: 97.4%;
    padding: 8px 0px 8px 1%;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.tabla_esq_inf_izq {
    float: left; /*overflow:hidden;*/
    width: 100%;
    background: url(imagenes/esq_inf_izq.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.tabla_esq_inf_dcha {
    float: left;
    overflow: auto;
    width: 100%;
    background: url(imagenes/esq_inf_dcha.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.tabla_esq_sup_izq {
    float: left; /*overflow:hidden;*/
    width: 100%; /*background: url(imagenes/esq_sup_izq.gif);*/
    background: url(imagenes/esq_sup_izq_rojo_g.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 0px;
}

.tabla_esq_sup_dcha {
    float: left; /*overflow:hidden;*/
    width: 100%; /*background: url(imagenes/esq_sup_dcha.gif);*/
    background: url(imagenes/esq_sup_dcha_rojo_g.gif);
    background-repeat: no-repeat;
    background-position: right top;
}


.tabla_esq_sup_izq_nar {
    float: left;
    width: 100%;
    background: url(imagenes/esq_sup_izq_nar_g.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 0px;
}

.tabla_esq_sup_dcha_nar {
    float: left;
    width: 100%;
    background: url(imagenes/esq_sup_dcha_nar_g.gif);
    background-repeat: no-repeat;
    background-position: right top;
}


.tabla_linea_vs {
    float: left; /*overflow:hidden;*/
    width: 100%;
    background: url(imagenes/pixel.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.tabla_linea_vi {
    float: left; /*overflow:hidden;*/
    width: 100%;
    background: url(imagenes/pixel.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.tabla_linea_hi {
    float: left; /*overflow:hidden;*/
    width: 100%; /*no poner nunca a 100%, ie6*/
    background: url(imagenes/pixel.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

.tabla_linea_hd {
    float: left; /*overflow:hidden;*/
    width: 100%; /*no poner nunca a 100%, ie6*/
    background: url(imagenes/pixel.gif);
    background-repeat: repeat-y;
    background-position: right top;
}

/* Contenedor con titulo ..................................*/
.contenedor_titulo {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.contenedor_titulo_interior {
    width: 95%;
    margin: 0px;
    text-decoration: none;
    color: inherit;
    padding: 5px 0px 5px 3px;
}


/* -- estilos solo ordenadores de la aplicacion -- */
@media only screen and (min-device-width: 600px) {
    .contenedor_titulo_interior {
        padding: 5px 0px 5px 18px;
    }
}

.contenedor_interior {
    padding: 2px;
    padding-bottom: 8px;
    margin: 2px;
}

.contenedor_interiorMaestro {
    padding: 11px;
    margin: 11px;
}

.clearer {
    clear: both;
    width: 100%;
}

.pie {
    background: #0034a0 url(imagenes/fondo_cabecera_tabalas.gif) repeat-x;
    padding-top: 3px;
    padding-bottom: 3px;
    float: left;
    width: 100%;
}

.divisor_interior_50_footer_centrado {
    margin-left: auto;
    margin-right: auto;
    width: 49%;
    min-width: 49%;
}

.divisor_interior_50_footer {
    float: left;
    width: 49%;
    min-width: 49%;
}

.divisor_interior_50_right_footer {
    text-align: right;
}

.formulario label {
    font-weight: bold;
}

.formulario {
    margin: 5px 5px 5px 5px;
}

.formulario_32 {
    margin: 0px 0px 5px 0px;
    display: block;
    float: left;
    width: 32%;
}

.formulario_99 {
    margin: 5px 10px 5px 10px;
    display: block;
    float: left;
    width: 99%;
}

.ancho_40 {
    width: 40%;
    display: block;
    float: right;
}

.acciones {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}

.divisor_interior_solo {
    /*min-width: 320px;*/
    clear: left;
}

.ancho_auto {
    width: auto !important;
}

.divisor_interior_100PorCiento {
    float: left;
    padding: 5px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    min-width: 97%;
    clear: left;
}

.divisor_interior_100 {
    float: left;
    padding: 5px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    width: 97%;
    min-width: 97%;
    clear: left;
}

.divisor_interior_100Bloque {
    float: left; /*padding: 5px 0px 15px 0px; 	margin: 0px 0px 0px 0px;*/
    display: block;
}

.divisor_interior_50_OnlyRight {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    min-width: 50%;
    max-width: 100%;
    float: left;
}

.divisor_interior_50 {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_65 {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_34 {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_150 {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    width: 250px;
    min-width: 250px;
}
/* -- estilos solo ordenadores de la aplicacion -- */
@media only screen and (min-device-width: 600px) {
    .contenedorInterno {
        margin: 0px 20px 16px 10px;
    }

    .divisor_interior_tam_fijo {
        padding: 8px;
        margin: 0px 0px 0px 0px;
        width: 1000px;
        height: 1750px;
        clear: left;
    }

    .divisor_interior {
        padding: 8px;
        margin: 0px 0px 0px 0px;
        min-width: 98%;
        clear: left;
    }

    .divisor_interior_100Bloque {
        width: 97%;
        min-width: 97%;
    }

    .divisor_interior_50 {
        float: left;
        width: 49%;
        min-width: 49%;
        height: 20px;
    }

    .sinHeight {
        height: auto;
    }

    .divisor_interior_65 {
        float: left;
        width: 65%;
        min-width: 65%;
    }

    .divisor_interior_34 {
        float: left;
        width: 34%;
        min-width: 34%;
        height: 20px;
    }

    .divisor_interior_centrado {
        width: 49%;
        min-width: 49%;
        padding: 5px 0px 5px 0px;
        height: 20px;
    }
}

.divisor_interior_50_right {
    float: right;
    width: 49%;
    min-width: 49%;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_50_left {
    float: left;
    text-align: left;
    width: 49%;
    min-width: 49%;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_50_left_PaddingUp {
    float: left;
    text-align: left;
    width: 49%;
    min-width: 49%;
    padding: 20px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_25 {
    float: left;
    width: 25%;
    min-width: 25%;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.divisor_interior_32 {
    float: left;
    width: 32%;
    min-width: 32%;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.width_39 {
    float: left;
    width: 29%; /* 	text-align:right; 	min-width: 39%; 	padding: 0px 0px 0px 0px; 	margin: 0px 0px 0px 0px;*/
}

.width_60 {
    float: right;
    width: 70%; /* 	text-align:right; 	min-width: 60%; 	padding: 0px 0px 0px 0px; 	margin: 0px 0px 0px 0px;*/
}

.separacion {
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
}

.width_32L {
    float: left;
    width: 32%;
}

.width_30R {
    /*float: right; 	width: 30%;*/ /*display: block !important;     float: left !important;     width: 100% !important;*/
}

.margin_49Left {
    margin: 0px 0px 0px 55px;
}

.separador_nomina_diaria {
    display: none;
}

.centrado_nomina_diaria {
    margin-left: auto;
    margin-right: auto;
}

#Nomina_diaria_importes td {
    text-align: right;
}

@media (max-width: 400px) {

    .divisor_interior_50_footer {
        float: left;
        width: 100%;
        min-width: 100%;
    }

    .separador_nomina_diaria {
        display: inherit;
    }

    .centrado_nomina_diaria {
        margin-left: 20px;
    }
}

/* Campaña EPIS ...........................................*/
#ctl00_ContentPlaceHolder1_btnCampaniaEpis {
    display: flex;
    justify-content: center;
}

.pnlVideosGenerales {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}

    .pnlVideosGenerales video {
        width: 100%;
        height: auto;
        overflow: hidden;
        object-fit: cover;
    }

.pnlPildoras {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px;
}

    .pnlPildoras video {
        margin-right: 8px;
    }

.pnlVideoSpan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: black;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .pnlVideoSpan video {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        background-color: black;
    }

@media (max-width: 768px) {

    .pnlVideosGenerales video {
        object-fit: contain; 
        max-height: 100vh; 
    }

    .pnlPildoras {
        flex-direction: column;
        align-items: center;
    }

        .pnlPildoras video {
            width: 100%;
            max-width: 500px;
            margin: 0;
            margin-bottom: 8px;
        }

    .pnlVideoSpan {
        flex-direction: column; 
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh; 
        overflow: hidden;
    }

        .pnlVideoSpan video {
            width: 100%;
            height: auto;
            max-height: 100vh; 
            object-fit: contain; 
            margin: 0 auto;
        }
}

@media (max-width: 768px) and (orientation: landscape) {
    .pnlVideoSpan {
        flex-direction: row;
        flex-wrap: nowrap; 
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh; 
    }

        .pnlVideoSpan video {
            width: auto;
            height: 100%;
            max-width: 100vw; 
            aspect-ratio: 16 / 9; 
            object-fit: contain;
        }
}