/*IMPORTANTE - SCROLL OFF*/
html { overflow:hidden; height: 100%;}
/*IMPORTANTE - SCROLL OFF*/

a{text-decoration: underline!important; color: #fff!important; font-weight: bolder;}
a:hover{text-decoration: none!important;}

.bloque_texto{
    position: absolute;
    z-index: 999999;
    width: 101%;
    /*top: 100%;*/
    top:  85%;
    margin-top: -260px;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    /*background-color: rgba(0,0,0,0.75);*/
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQIW2NkYGD4D8SMQAwHMA6KBLIKuASKNphR6IIgc/8DAACiBQXgDbYOAAAAAElFTkSuQmCC);*/
}

.titular_texto{font-size: 32px;}
.parrafo_texto{font-size: 18px;}

.contenedor-texto{
    width: 100%;
    margin: 0 auto;
}

.logo{
    width: 80%;
    /*width: 200px;*/
    /*margin-left: 90px;*/
}

.email{
    margin-left: 90px;
    margin-top: 0px;
    font-size: 17px;
}

.numero_telefono{
    margin-left: 90px;
    font-size: 23px;
    font-family: Arial;
}

#logo-slider{
    position: absolute;
    z-index: 999999;
    width: 230px;
    height: 180px;
    top: 50%;
    left: 50%;
    margin-top: -375px;
    margin-left: -115px;
}

.titulo-slider{
    font-size: 40px;
    color: white;
}

.pantalla-1{
    color: #163a58;
    height: 100vh;
    font-size: 30px;
    text-align: center;
}

.pantalla-1 p{
    position: absolute;
    top: 50%;
    left: 50%;
     transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 80%;
}

.pantalla-2{
    background-image: url('../img/pantalla-2.jpg');
    background-size: cover;
    background-position: center center;
    height: 100vh;
    font-size: 40px;
    text-align: center;
}

.pantalla-2 p{
    position: absolute;
    top: 65%;
    left: 50%;
    width: 85%;
     transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.pantalla-3{
    background-color: #163a58;
    color: #fff;
    height: 100vh;
    font-size: 30px;
    text-align: left;
}

.pantalla-3 p{
    position: absolute;
    top: 50%;
    left: 50%;
     transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 60%;
}

.pantalla-4{
    background-color: #fff;
    color: #163a58;
    font-size: 30px;
    text-align: center;
}

.pantalla-4 p{
    position: absolute;
    left: 50%;
     transform: translate(-50%);
    -webkit-transform: translate(-50%);
    width: 80%;
    margin-top: 50px;
}

.footer{
    background-color: #412d12;
    color: #fff;
    height: ;
    text-align: center;
    font-size: 14px;
    padding: 40px;
}

.texto-marcado{
    background-color: #163a58;
    color: #fff;
    padding: 3px 5px 3px 5px;
    line-height: 45px;
}

.texto-marcado-blanco{
    background-color: #fff;
    color: #153957;
    padding: 3px 5px 3px 5px;
    line-height: 45px;
}

.texto-marcado-blanco-marron{
    background-color: #fff;
    color: #312012;
    padding: 3px 5px 3px 5px;
    line-height: 45px;
    font-size: 35px;
}

.texto-marron{
    color: #312012;
}

.signo-mas{
    font-size: 70px;
    position: relative;
    top: 12px;
}

.formulario{
    text-align: center;
    padding-top: 170px;
    margin: auto;
}

.form-group{
    margin-bottom: 40px;
}

textarea{
    resize: none;
}

.logo-footer{
    width: 122px;
    margin: auto;
}

.bloque_central{
    width: 60%; float: left; margin-top: -25px; background-color: ;
}

#contenedor_grande{display: block;}
#contenedor_peque{display: none;}
#contenedor_movil{display: none;}

.logo-subvencion {
    width: 100%;
    max-width: 72px!important;
    height:36px;
    padding-right: 25px;
    
}

.texto-subvencion {
    font-weight: 300;
    font-size: 0.8em;
    

}

/*==========  Non-Mobile First Method  ==========*/

    @media only screen and (max-width : 1583px){
        .bloque_central{
            width: 55%; float: left; margin-top: -25px; background-color: ;
        }
    }

    @media only screen and (max-width : 1364px){
        .bloque_central{
            width: 50%; float: left; margin-top: -25px; background-color: ;
        }
    }

    @media only screen and (max-width : 1253px){
        .bloque_central{
            width: 50%; float: left; margin-top: -25px; background-color: ;
        }

        .titular_texto{font-size: 28px;}
        .parrafo_texto{font-size: 15px;}
    }

    @media only screen and (max-width : 1227px){
        .bloque_central{
            width: 45%; float: left; margin-top: -25px; background-color: ;
        }

        .titular_texto{font-size: 28px;}
        .parrafo_texto{font-size: 15px;}
    }

    @media only screen and (max-width : 1227px){
        .bloque_central{
            width: 42%; float: left; margin-top: -25px; background-color: ;
        }

        .titular_texto{font-size: 25px;}
        .parrafo_texto{font-size: 15px;}
    }

    @media only screen and (max-width : 1057px){
        .bloque_central{
            width: 40%; float: left; margin-top: -25px; background-color: ;
        }

        .titular_texto{font-size: 22px;}
        .parrafo_texto{font-size: 14px;}
    }
    
    @media only screen and (max-width : 1057px){
        #contenedor_grande{display: none;}
        #contenedor_movil{display: none;}
        #contenedor_peque{display: block;}
        .email{
            margin-left: 10px;
            margin-top: 15px;
            font-size: 17px;
        }

        .numero_telefono{
            margin-left: 10px;
            font-size: 23px;
            font-family: Arial;
        }

        .bloque_central{
            width: 65%; float: left; margin-top: -25px; background-color: ;
        }
    }

    @media only screen and (max-width : 846px){
        #contenedor_grande{display: none;}
        #contenedor_movil{display: none;}
        #contenedor_peque{display: block;}
        .email{
            margin-left: 10px;
            margin-top: 15px;
            font-size: 17px;
        }

        .numero_telefono{
            margin-left: 10px;
            font-size: 23px;
            font-family: Arial;
        }

        .bloque_central{
            width: 58%; float: left; margin-top: -25px; background-color: ;
        }
    }
    
    @media only screen and (max-width : 708px){
        #contenedor_grande{display: none;}
        #contenedor_movil{display: none;}
        #contenedor_peque{display: block;}
        .email{
            margin-left: 10px;
            margin-top: 15px;
            font-size: 17px;
        }

        .numero_telefono{
            margin-left: 10px;
            font-size: 23px;
            font-family: Arial;
        }

        .bloque_central{
            width: 55%; float: left; margin-top: -25px; background-color: ;
        }
    }

    @media only screen and (max-width : 660px){
        #contenedor_grande{display: none;}
        #contenedor_movil{display: block; text-align: center;}
        #contenedor_peque{display: none;}
        .email{
            margin-left: 10px;
            margin-top: 15px;
            font-size: 17px;
        }

        .numero_telefono{
            margin-left: 10px;
            font-size: 23px;
            font-family: Arial;
        }

        .bloque_central{
            width: 50%; float: none; margin-top: -25px;
        }

        .bloque_texto{
            position: absolute;
            z-index: 999999;
            width: ;
            top: 0%;
            margin-top: -0px;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
        }
    }
 
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px){

    }
 
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px){

    }
 
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px){
        
    }
 
    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px){
        .logo-subvencion {
            padding-right: 0;
            height: 72px;
        }
        
    }
 
    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px){
        
    }