.banner { 
	position: relative; overflow: auto; 
	color: #fff; text-align: center; }
.banner ul li { 
	float: left; list-style: none; background-size: 100% auto;}
.banner ul .sombra{
	text-shadow: 0 0 8px #000;}
.banner ul .sin{
	color: #023158; text-shadow: 0 0 10px #fff;}
.banner h2{
	font-weight: 100;
	background: url(../imagenes/fondo-color.png);
	padding: 20px; display: inline-block;}
.banner .btn{
	border: 2px solid #fff; padding: 5px 10px 3px 10px; margin: 12px auto;
	font-size: 12px;
	display: block; color: #fff; width: 100px;}
.banner .btn:hover{
	background: url(../imagenes/fondo-color.png);}
@media only screen 
and (max-width : 370px){
.banner {
	font-size: 17px; }
.banner ul li { 
	height: 200px; }
.banner h2{
	font-size: 19px; margin: 20% auto 0 auto; width: 90%;
    font-weight: 700;
    padding: 5px 0;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-m2.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-m2.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-m2.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-m2.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 371px)
and (max-width : 480px) {
.banner {
	font-size: 17px; }
.banner ul li { 
	height: 230px; }
.banner h2{
	font-size: 19px; margin: 20% auto 0 auto; width: 90%;
    font-weight: 700;
    padding: 5px 0;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-m.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-m.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-m.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-m.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 481px)
and (max-width : 580px) {
.banner {
	font-size: 17px; }
.banner ul li { 
	height: 270px; }
.banner h2{
	font-size: 20px; margin: 20% auto 0 auto; width: 90%;
	font-weight: 700;
    padding: 10px 0;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-m.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-m.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-m.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-m.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 581px)
and (max-width : 670px) {
.banner {
	font-size: 17px; }
.banner ul li { 
	height: 220px; }
.banner h2{
	font-size: 20px; margin: 15% auto 0 auto; 
	font-weight: 700;
    padding: 10px;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-t.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-t.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-t.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-t.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 671px)
and (max-width : 750px) {
.banner {
	font-size: 19px; }
.banner ul li { 
	height: 250px; }
.banner h2{
	font-size: 24px; margin: 20% auto 0 auto; 
	font-weight: 400;
    padding: 10px;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-t.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-t.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-t.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-t.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 751px)
and (max-width : 835px) {
.banner {
	font-size: 20px;}
.banner ul li { 
	height: 285px; }
.banner h2{
	font-size: 26px; margin: 20% auto 5px auto; 
    padding: 15px;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-t.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-t.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-t.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-t.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 836px)
and (max-width : 920px) {
.banner {
	font-size: 20px;}
.banner ul li { 
	height: 320px; }
.banner h2{
	font-size: 30px; margin: 20% 0 5px 0;}
.banner ul p, .banner ul .sombra, .banner ul .sin{
    text-shadow: none; color: #023158; background: url(../imagenes/blanco.png); 
	width: 90%; margin: 0 auto; padding: 5px 0; line-height: 1.4em; }
.banner .btn{
	display: none;}
.elev{
	background: url(../banner/elevamos-t.jpg) no-repeat center top;}
.inst{
	background: url(../banner/instalacion-t.jpg) no-repeat center top;}
.mant{
	background: url(../banner/mantenimiento-t.jpg) no-repeat center top;}
.local{
	background: url(../banner/instalacion2-t.jpg) no-repeat center top;}}
@media only screen 
and (min-width : 921px)
and (max-width : 1199px) {
.banner {
	font-size: 20px;}
.banner ul li { 
	height: 360px; }
.banner h2{
	font-size: 40px; margin: 15% 0 0 0;}
.elev{
	background: url(../banner/elevamos-t.jpg) no-repeat center center;}
.inst{
	background: url(../banner/instalacion-t.jpg) no-repeat center center;}
.mant{
	background: url(../banner/mantenimiento-t.jpg) no-repeat center center;}
.local{
	background: url(../banner/instalacion2-t.jpg) no-repeat center center;}}
	
@media only screen 
and (min-width : 1200px){ 
.banner {
	font-size: 20px;}
.banner ul li { 
	height: 440px; }
.banner h2{
	font-size: 40px; margin: 250px 0 7px 0;}
.elev{
	background: url(../banner/elevamos.jpg) no-repeat center center;}
.inst{
	background: url(../banner/instalacion.jpg) no-repeat center center;}
.mant{
	background: url(../banner/mantenimiento.jpg) no-repeat center center;}
.local{
	background: url(../banner/instalacion2.jpg) no-repeat center center;}
}