*{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;
}
.color-cafe {
    
    
    color: #523624;
}


.arial{font-family: 'Arial black';}


.arialb{
	font-family: arial black;
	font-size: 40pt;
	color: #fff;
}
.arial{
	font-family: arial;
	font-size: 40pt;
	color: #fff;
}
.back-cuadro {
    
    background-color: rgba(0, 0, 0, 0.6);
    padding-left: 20px;
    border-radius: 10px;
    padding-right: 10px;
    padding-bottom: 15px;

    
}

.margin-right {
    
    margin-right: 10%;
}

..text-arial ol{
    

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

.margin-nav{margin-top: 59px;}
.bg-uno{background-image: url(../img/mon.jpg);

    width: 100% !important;

    background-size: cover !important;
    background-position: right !important;


}
.bg-dos{background-image: ;}
/*.bg-uno,.bg-dos{background-repeat: no-repeat;} */
.bg-red{background-color: #ef4035;}
.bg-gray{background-color: #4c4c4c;}

.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%; padding-bottom: 50px;}
.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;}

.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;}

.vevo{width: 640px;height: 360px;}
.open{font-family: 'Open Sans', sans-serif;
list-style: none}
.sombra {text-shadow: 0px 3px 4px #000;}
.padding-20px{padding: 20px;}
.youtube{width: 100%;height: 400px;}



/******************************MENU LATERAL***************************/
/******************************MENU LATERAL***************************/

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

@media screen and (max-width: 980px) {
.alto-total{height: 60%;}
.contenedor-btn{margin:5px;}	
}


@media screen and (max-width: 800px) {
	.alto-total{height: 55%;}
	.contenedor-texto{width: 40%;}
    .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;}

}

@media screen and (max-width: 640px) {
	.alto-total{height: auto; padding-bottom: 30px;}
	.margin-nav{margin-top:80px;}
	.big-title{font-size:150%}
    .sub-title{font-size:130%}
    .title{font-size:120%}
    .contenedor-texto{width: 80%;}
    .vevo{width: 100%;height: 200px;}


}