*{margin: 0;padding: 0;font-family: 'Roboto', sans-serif;}

*{
    -webkit-transition:all 1s ease;
         -moz-transition:all 1s ease;
               -o-transition:all 1s ease;
                     transition:all 1s ease;
}



.thin{font-weight:100;} 
.light{font-weight:300;} 
.normal{font-weight:400;} 
.bold{font-weight:700;} 
.ultra-bold{font-weight:900;} 

.subtitle{font-size: 100%;}
.title{font-size: 150%;}
.big-title{font-size:250%;}

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

.ancho-total{width: 100%;}
.ancho-90{width: 1000px;padding-top: 90px; margin: 0px auto;}
.alto-total{height: auto;}

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

.bg-white{background-color:white;}
.bg-black{background-color:black;}
.bg-red{background-color:#ff0338;}
.bg-green{background-color:#8bd204;}
.bg-fondo{background:#000 url(../img/fondo.jpg) repeat-x center top;}


.padding-left{
	padding-left: 30px;
}

.arialb{
	font-family: arial black;
	font-size: 60pt;
	color: #605d4e;
}
.arial{
	font-family: arial;
	font-size: 40pt;
	color: #f65038;
}
.descriptivo{
	font-family: arial;
	font-size: 12pt;
	color: #3a2a2a;
}
.sencillo{
	font-family: arial;
	font-size: 21pt;
	color: #f4f0f5;
}

.color-white{color:white;}
.color-black{color:black;}
.color-red{color:#ff0338;}
.color-green{color:#8bd204;}

.margin-nav{height: 50px;}
.margin-auto{margin: auto;}

.nav{height: 50px;position: fixed;top:0;}
.logo-nav{height: 35px; margin: 5px 18px;}
.redes{float:right; margin: 13px 15px;}
.logo-yaparate{ width: 40%;}

.padding-top-4{padding-top: 4%;}
.padding-top-2{padding-top: 2%;}
.padding-bottom-2{padding-bottom: 2%}

.iframe{width:600px; height:359px; border:0; }

.vevo{
	width: 640px;
	height: 360px;
}



@media only screen and (max-width: 700px) {


.iframe{width:90%; height:250px; border:0; }
.logo-yaparate{ width: 100%;}

.bg-fondo{background:#000 url(../img/fondo.jpg) repeat-x center top;}

.vevo{
	width: 100%;
	height: 200px;
}
.ancho-90{width: 90%;padding-top: 20%;}


.padding-left{
	padding-left: 5px;
}


.descriptivo{
	font-family: arial;
	font-size: 12pt;
	color: #3a2a2a;
}
.sencillo{
	font-family: arial;
	font-size: 21pt;
	color: #f4f0f5;
}

.arialb{
	font-family: 'Roboto', sans-serif;
	font-size: 37pt;
	color: #f65038;
	font-weight: bold;
}
.arial{
	font-family: 'Roboto', sans-serif;
	font-size: 37pt;
	color: #f65038;
}

}