/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 2, 2017, 4:23:13 PM
    Author     : Ale
*/
.bg_body{
    background-image: url('../images/bg3.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg_contenido{
    background-image: url('../images/bg_contenido.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.m-t-15{
    margin-top: 15%;
}
.bg-redondo{
    background: rgba(254, 254, 254, 0.5);
    border-radius: 15em;
}
.titulo{
    font-size: 40px;
    color: #000;
    text-shadow: 0px 0px 8px #42a1a1, 0px 0px 5px #005d67, 0px 0px 3px #fafd12;
}
.header{
    background-image: url('../images/bg_header.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 80px;
}
.bg-mensaje{
    background-image: url('../images/bg_mensaje.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.abajo{
    position: fixed;
    bottom: 0px;    
}
.footer{
    background-image: url('../images/footer.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: auto;
}
.bg-contenido{
    background-image: url('../images/bg_contenido.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: auto;
}
.bg-titulo{
    background-image: url('../images/bg_titulo.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto;
    padding: 15px 60px;
}
.ancho-15{
    width: 10%;
}
.alto-16{
    min-height: 16.67%;
    height: 16.67%;
}
.texto_index{
    color: white;
    font-size: 1.2em;
}
.texto_menu{
    color: #106269;
    font-size: 1em;
    font-weight: bold;
    text-shadow: -2px -2px 1px #fff, 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff;
}
.texto_botones{
    font-size: 0.8em;
}
.somos{
    color: #652c90;
    text-shadow: 2px 0px 2px #ffffff;
    font-weight: bold;
    font-size: 0.8em;
}
#video-background {
    /*  making the video fullscreen  */
    position: fixed;
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: 100%; 
    height: auto;
    z-index: -100;
}
.m-b-10{
    margin-bottom: 10px;
}
.m-b-50{
    margin-bottom: 70px;
}
.bg-header{
    background-image: url('../images/bg_header.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.p-t-30{
    padding-top: 30px;
}
.p-b-10{
    padding-bottom: 10px;
}
.p-10{
    padding: 10px;
}
.p-30{
    padding: 10px;
}
.m-r-10{
    margin-right: 15px
}
.m-l-5{
    margin-left: 5px;
}
.centrar{
    margin-left: auto !important;
    margin-right: auto !important;
}
.fondo_menu2{
    background-color: rgba(254, 254, 254, 0.5);
    border-radius: 10px;
    border: 3px #652c90 solid;
}
.botones{
    position: fixed;
    top: 60%;
}
.texto-footer{
    color: black;
    font-size: 0.8em;
}
.texto_contacto_header{
    color: #383b3b;
    font-size: 0.7em;
}
.p-15{
    padding-left: 10px;
    padding-right: 10px;
}
.m-t{
    margin-top: 0px;
}
.m-t-20{
    margin-top: 20px;
}
.bg-menu{
    background: rgba(255, 255, 255, 0.9);
}
.ocultar{
    width: 50%;
}
.vin{
    list-style: url('../images/vin_verde.png')
}
.bolsa_trabajo{
    width: 100%;
    left: 0;
    top: 10%;
    position: fixed;
   
}

@media (min-width: 576px) {
    .bg-header{
        background-size: 100% auto;
    }
    .texto_menu{
        font-size: 1em;
    }

    .header{
        height: 90px;
    }
    .texto_index{
        font-size: 1.2em;
    }
    .texto_contacto_header{
        color: #383b3b;
        font-size: 0.8em;
    }
}

@media (min-width: 768px) {
    .bg-header{
        background-size: 100% auto;
    }
    .texto_menu{
        font-size: 1.1em;
    }
    .texto_botones{
        font-size: 1em;
    }
    .somos{
        font-size: 1em;
    }
    .texto-footer{
        color: white;
        font-size: 0.9em;
    }
    .header{
        height: 120px;
    }
    .footer{
        height: 120px;
    }
    .texto_index{
        font-size: 1.4em;
    }
    .m-t{
        margin-top: 5px;
    }
    .texto_contacto_header{
        color: #383b3b;
        font-size: 0.9em;
    }
    .bg-menu{
        background: transparent;
    }
    .ocultar{
        height: 100%;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .texto_menu{
        font-size: 1.2em;
    }
    .texto_botones{
        font-size: 1.2em;
    }
    .somos{
        font-size: 1.2em;
    }
    .texto-footer{
        color: white;
        font-size: 1em;
    }
    .header{
        height: 150px;
    }
    .footer{
        height: 130px;
    }
    .texto_index{
        font-size: 1.6em;
    }
    .m-t{
        margin-top: 10px;
    }
    .texto_contacto_header{
        color: white;
        font-size: 1em;
    }
    .bg-menu{
        background: transparent;
    }
    .ocultar{
        height: 100%;
        width: 100%;
    }
    .bolsa_trabajo{
        top: 20%;
    }
}

@media (min-width: 1200px) {   
    .texto_menu{
        font-size: 1.2em;
    }
    .texto_botones{
        font-size: 1.5em;
    }
    .somos{
        font-size: 1.5em;
    }
    .texto-footer{
        color: white;
        font-size: 1em;
    }
    .header{
        height: 200px;
    }
    .footer{
        height: 145px;
    }
    .texto_index{
        font-size: 1.8em;
    }
    .m-t{
        margin-top: 20px;
    }
    .texto_contacto_header{
        color: white;
        font-size: 1.1em;
    }
    .bg-menu{
        background: transparent;
    }
    .ocultar{
        height: 100%;
        width: 100%;
    }
    .bolsa_trabajo{
        top: 20%;
    }
}