﻿/*************  MOVILES  ***************************/
@media screen and (max-width: 1200px) {

    .main {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    
}

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 1000px) {
   
    .contenedorInscripcionActividad {
        width: 100% !important;
    }

     .contenedorDatosOfertaEmpleo {
        width: 100% !important;
    }

    .anchoListViewCursos{
        width:100% !important;
    }
    .ActividadPanelDatos{
        width:100% !important;
    }
    .ActividadPanelContenido{
        width:100% !important;
    }
    .ActividadContenedorFechaHora{
        width:100% !important;
    }
    .anchoListViewActividadHor{
        width:50% !important;
    }
}

@media screen and (max-width: 900px) {
    .contenedorDatosPremioSorteo {
        width: 850px !important;
    }

    .contenedorInscripcionActividad {
        width: 850px !important;
    }

    .contenedorDatosSolAlta {
        width: 850px !important;
    }

    .anchoListViewOfertas{
        width:50%;
    }
}

@media screen and (max-width: 800px) {
    .contenedorDatosPremioSorteo {
        width: 750px !important;
    }

    .contenedorInscripcionActividad {
        width: 750px !important;
    }

    .contenedorDatosSolAlta {
        width: 750px !important;
    }
    .anchoListViewActividadHor{
        width:100% !important;
    }

}

@media screen and (max-width: 990px) {
    .bodyInicio {
        background-image: url(/images/LoginFondoMovil.jpg);
    }

    body {
        font-size: 14px !important;
        max-width: 100%;
    }

    .main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    .paginaHeader h1 {
        font-size: 1.4rem;
    }

    .contenedorDatosPremioSorteo {
        width: 100% !important;
    }

    .contenedorInscripcionActividad {
        width: 100% !important;
    }

    .botonAncho {
        width: 100%;
    }

    .divCabeceraUsuario {
        float: none;
        display: block;
    }

    .cabeceraEscudoyTexto {
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        display: block;
        text-align: center;
    }

    .divRedesSociales {
        /* clear:both;*/
        display: inline-block;
    }

    .ContenedorCampoFiltro {
        padding-left: 0px;
    }

    .responsiveTodoAncho {
        float: none;
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }


    .ContenedorCampoFiltroUnaSolaLinea {
        padding-left: 0px;
    }

    .contenedorModal {
        width: 90% !important;
        overflow-y: visible;
        overflow-x: hidden;
        max-height: 700px;
    }

    .infoUsuarioPseudonimo {
        float: none;
        clear: both;
        max-width: 100%;
        padding: 5px 0px 10px 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .linkIniciarSesion {
        float: right;
    }



    .inicio_textoZonaPrincipal {
        height: auto;
    }



    .soloVisibleMovil {
        display: block;
    }

    .ContenedorNoticia {
        width: 49%;
    }


    #divMenuResponsive {
        /*clear:none;*/
        width: 100%;
        margin-left: 0px;
        min-height: 50px;
    }

    .active {
        display: block;
    }

    .nav {
        width: 100%;
        background: #0066a9;
        margin-top: -10px !important;
    }

        .nav a {
            color: #fff;
        }

            .nav a:hover {
                text-decoration: none;
                background: #005783;
            }

        .nav > li {
            float: none;
        }

            .nav > li > .parent {
                background-position: 95% 50%;
                background-image: url("../Images/downArrow.png");
                background-repeat: no-repeat;
                background-position: 95% 50%;
            }

        .nav li li .parent {
            background-image: url("../Images/downArrow.png");
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

            .nav li li .parent:hover {
                background-image: url("../Images/downArrow.png") !important;
                background-repeat: no-repeat !important;
                background-position: 95% 50% !important;
            }

        .nav li li li a {
            background: #009eee;
        }

            .nav li li li a:hover {
                /*background: #666666;*/
            }

        .nav ul {
            display: block;
            width: 100%;
        }

        .nav > li.hover > ul, .nav li li.hover ul {
            position: static;
        }

        .nav li li a {
            background-color: #007cbb !important;
            color: #fff;
        }

            .nav li li a:hover {
                /*background-color: #22578a;*/
            }
    h1 {
        font-size: 26px;
    }

    .contenedorDatosPremioSorteo {
        width: 100% !important;
    }

    .contenedorDatosSolAlta {
        width: 100% !important;
    }
}

@media screen and (max-height: 600px) {

}

@media screen and (max-width: 520px) {
    .ContenedorNoticia {
        width: 100% !important;
    }


    .imagenCabecera {
    }

    .cabeceraEscudoyTexto {
        text-align: center;
    }
    .anchoListViewOfertas{
        width:100%;
    }

}

@media screen and (max-width: 378px) {
}
/***** FIN MOVILES ***************************************************/
