* {
    margin: 0;
    padding: 0;
}

html, body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}





/* #help {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	border-radius:17px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 13px;
	text-decoration:none;
}
#help:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
#help:active {
	position:relative;
	top:1px;
} */

@media only screen and (orientation: landscape) {
    #bg { 
        background: 
            url(images/BMweb2007_DIRECCION1.png) no-repeat 48% 3%, 
            url(images/bg_1600x900.jpg) no-repeat center center;
        -webkit-background-size: 33%, cover;
        -moz-background-size: 33%, cover;
        -o-background-size: 33%, cover;
        background-size: 33%, cover;
        width: auto;
        height: 100%;
    }

    #button{
        margin: auto 37% -2%;
        width: 26%;
        height: auto;
        position: absolute;
        bottom: 12%;
    }

 
    #help{
        height: auto;
        position: absolute;
        bottom: 1%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 10%;
    }

    #logopeme{
        height: auto;
        position: absolute;
        bottom: 5%;
        left: 5%;
        transform: translate(-5%, 0);
        width: 20%;
    }
}

@media only screen and (orientation: portrait) {
    #bg { 
        background: url(images/bg_600x900.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: auto;
        height: 100%;
    }

    #button{
        margin: auto 20% 15%;
        width: 60%;
        height: auto;
        position: absolute;
        bottom: 8%;
    }

    #help{
        height: auto;
        position: absolute;
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 30%;
    }
    
        #logopeme{
        height: auto;
        position: absolute;
        top: 1%;
        left: 3%;
        transform: translate(-3%, 0);
        width: 40%;
    }
}