*{
	padding: 0;
	margin: 0;
}

html,body{
	height: 100%;
}


a{text-decoration: none;}

.boton{
	width: 230px; 
	height: 50px; 
	background-color: #ef4035; 
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #bf0b00;
	margin: 10px 0px;
}

.text-boton{
	color: white;
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: lighter;
}

.margin-nav{margin-top: 99px;}

.bg-uno{background-image: url(../img/uno.jpg);}
.bg-dos{background-image: url(../img/dos.jpg);}



.bg-uno, .bg-dos{
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-red{background-color: #ef4035;}
.bg-gray{background-color: #4c4c4c;}


.bg-right{background-position: 250px 0px;}
.bg-left{background-position: -250px 0px;}
.bg-black{background-color: black;}	
.color-white{color: white;}
.color-red{color: #ef4035;}
.color-limon{color:#a3d105;}
.color-orange{color:orange;}



.ancho-total{width: 100%;}
.alto-total{height: 100%;}

.left{float: left;}
.inline{display:inline-block;}
.block{display: block;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}

.contenedor-izquierda{margin-left: 10%;}
.contenedor-centro{margin:auto;}
.contenedor-derecha{margin-left: 45%}

.contenedor-izquierda,.contenedor-centro,.contenedor-derecha{
	padding-top: 20px;
}

.gill{font-family:gill sans;}
.big-title{font-size:250%}
.sub-title{font-size:180%}
.title{font-size:120%}
.text{font-size: 100%;}


.thin{font-weight: 300;}
.normal{font-weight: 400;}
.bold{font-weight:600;}
.ultra-bold{font-weight: 700;}





.open{font-family: 'Open Sans', sans-serif;}


.sombra {text-shadow: 0px 3px 4px #000;}

.padding-20px{
	padding: 20px;
}

.youtube{
	width: 100%;
	height: 400px;
}




/******************************MENU LATERAL***************************/
/******************************MENU LATERAL***************************/
.menu-lateral{
	width:auto;
	height: auto;
	position: fixed;
	margin-top: 30px;
	margin-left: 10px;
}

.contenedor-btn{
	width: 100%;
	height: 50px;
	margin: 10px;
}	
.btn-der{
	width: 50px;
	height: 50px;
	background-image: url(../img/numeros.png);
	background-size: 300px;
}

.btn-der:hover{transition:.5s;}

.btn1{background-position: 0px  0px;}
.btn2{background-position: 0px -50px;}
.btn3{background-position: 0px -100px;}
.btn4{background-position: 0px -150px;}
.btn5{background-position: 0px -200px;}
.btn6{background-position: 0px -250px;}
.btn7{background-position: 0px -300px;}
.btn8{background-position: 0px -350px;}

.btn1:hover, .btn1:visited {background-position: -50px 0px;}
.btn2:hover, .btn2:visited {background-position: -50px -50px;}
.btn3:hover, .btn3:visited {background-position: -50px -100px;}
.btn4:hover, .btn4:visited {background-position: -50px -150px;}
.btn5:hover, .btn5:visited {background-position: -50px -200px;}
.btn6:hover, .btn6:visited {background-position: -50px -250px;}
.btn7:hover, .btn7:visited {background-position: -50px -300px;}
.btn8:hover, .btn7:visited {background-position: -50px -350px;}

.txt-izq{
	width: 200px;
	height: 50px;
	background-image: url(../img/numeros.png);
	background-size: 300px;
	background-position: 200px 0px;
}

.texto2{background-position: 200px -50px;}
.texto3{background-position: 200px -100px;}
.texto4{background-position: 200px -150px;}
.texto5{background-position: 200px -200px;}
.texto6{background-position: 200px -250px;}
.texto7{background-position: 200px -300px;}
.texto8{background-position: 200px -350px;}
/******************************MENU LATERAL***************************/
/******************************MENU LATERAL***************************/

.audio{width: 200px; margin:10px 0px;}
.marco{width: 300px;}
.contenedor-texto{width: 50%;}



@media screen and (max-width: 980px) {
.alto-total{height: 60%;}
.bg-right{background-position: 20px 0px;}
.bg-left{background-position: -400px 0px;}
.contenedor-btn{margin: 5px;}	
}


@media screen and (max-width: 800px) {
	.alto-total{height: 55%;}
	.contenedor-texto{width: 40%;}
	.bg-right{background-position: -50px 0px;}
    .bg-left{background-position: -400px 0px;}
    .marco{width: 250px;}
}

@media screen and (max-width: 768px) {
	.alto-total{height: 100%;}
	.contenedor-texto{width: 70%;}
    .contenedor-derecha{margin-left: 10%}
    .big-title{font-size:200%}
    .sub-title{font-size:130%}
    .title{font-size:100%}
    .marco{width: 200px;}
    .contenedor-izquierda,.contenedor-centro,.contenedor-derecha{
	padding-top: 10px;}
	.menu-lateral{
		display: none;
	}

}

@media screen and (max-width: 768px) {
	.alto-total{height: auto; padding-bottom: 30px;}
	.margin-nav{margin-top: 100px;}
	.big-title{font-size:150%}
    .sub-title{font-size:130%}
    .title{font-size:120%}
    .contenedor-texto{width: 80%;}
    .bg-right{background-position: 100px 0px;}
    .bg-left{background-position: -400px 0px;}

}