@charset "utf-8";

/* Aquí va el código para portátiles y PCs - Aspecto mayor a 13/9 */

html{
	height:100%;
    font-family: 'Oxygen', sans-serif;

    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;

}

body {
	height: 95%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../imagenes/img-index-general.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family: 'Oxygen', sans-serif;
}

.contenedor-txt {
    background-image: url(../imagenes/txt-bienvenido2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0% 0 0 12.5%;
    width: 33%;
    margin: 5% 0% 5% 6%;
    height: 30%;
}

.texto{
    font-size:2vw;
    padding:1% 0 0 11.5%;
    width:35%;
    color:#FFF;
}

.boton{
	width: 12%;
    padding: 1%;
    text-align: center;
    font-size: 2vw;
    -webkit-border-radius: 100px;
    -moz-border-radius: 10px 10px;
    outline: 0;
    color: #ffec00;
    cursor: pointer;
    border: thick solid;
    background-color: rgb(1 42 68);
    margin: 1% 0% 0% 11.5%;
}

@media only screen and (max-aspect-ratio: 1/1)
{

    body {
        background-image: url(../imagenes/img-index-general-portrait.jpg);
    }
    
    .contenedor-txt{
        width: 54%;
	    margin: 12% 0% 0% 15%;
    }

    .texto {
        font-size: 5vw;
        width: 80%;
    }
}


@media only screen and (max-aspect-ratio: 20/35)
{

    body {
        background-image: url(../imagenes/img-index-general-portrait.jpg);
    }
    
    .contenedor-txt{
        width: 54%;
	    margin: 12% 0% 0% 15%;
    }

    .texto {
        font-size: 5vw;
        width: 80%;
    }

}