@charset "UTF-8";
/* CSS Document */

#appdescarga{ float:left; width:100%;font-family: 'PT Sans', sans-serif; position:fixed; bottom:50px; z-index:9999; display:none  }
.marco-app{float:left; width:100%; position:relative}
.box-app{float:left; width:40%;}
.box-app.der{ text-align:right; padding:0  10% 40px 0;background-color: rgba(191, 52, 27, 0.9); color:#fff}
.box-app.izq{  padding:0 0 40px 10%;background-color: rgba(255, 255,255, 0.9); }
.box-app.der h3{ font-size:2.1rem; font-weight:normal; line-height:1em; margin-top:45px; text-transform:uppercase}
.box-app.der h3 span{font-size:1.85rem; font-weight:bold;}
.box-app.izq h3{ font-size:1.3rem; font-weight:normal; line-height:1em; color:#c0371f;margin-top:45px;text-transform:uppercase}
.box-app.izq h3 span{font-weight:bold;}
.box-app.izq  p{ margin:0}
.box-app.der ul{font-size:0.875rem; margin:0 0 45px 0; padding:0; list-style:none}
.box-app.img{ width:20%; position:absolute; top:0; left:50%; margin-left:-10%; text-align: center}
.box-app.img img{ width:100%; max-width:312px}
.col-app{float:left; width:30%; text-align:center}
.col-app img{width:100%; max-width:124px}
.col-app a img{width:100%; max-width:160px}
#cerrarapp{ position:absolute; right:7%; top:30px;}
#btn_app {position: fixed;  bottom:50px; right: 0; display:none;
background-color: rgba(191, 52, 27, 0.9);
color: #fff; text-align:center;
z-index: 99999;
padding: 10px 25px;
-webkit-border-radius: 7px 0 0px 7px;
border-radius: 7px 0 0px 7px;
text-transform: uppercase; cursor: pointer !important;
}
#btn_app:hover{ opacity:0.8}
#app-movil{ display: none;}
@media only screen and (min-width: 801px) and (max-width: 1025px) {
	.box-app.der h3{ font-size:1.5rem; font-weight:normal; line-height:1em; margin-top:25px; text-transform:uppercase}
.box-app.der h3 span{font-size:1.3rem; font-weight:bold;}
.box-app.der ul{font-size:0.75rem; margin:0 0 25px 0; padding:0; list-style:none}
	.box-app.izq h3{ font-size:1rem; font-weight:normal; line-height:1em; color:#c0371f;margin-top:25px;text-transform:uppercase}
	.col-app{float:left; width:25%; text-align:center; margin:0 4%}
	#cerrarapp{ position:absolute; right:5%; top:0 }
	}
@media only screen and  (max-width: 800px) {
	#appdescarga, .marco-app, .box-app, #btn_app{ display: none;}
	#btn_app{opacity: 0}
		#btn_app:hover{opacity: 0}
	#app-movil{ display: block; position: absolute;; z-index: 9999; top: 22%; background: #f1f1f1; width: 100%}
	#app-movil .foto{ float: left;width: 25%;}
	#app-movil .foto img{ width: 90%;}
	#app-movil .texto{float: left;width: 75%;}
	#app-movil .texto p a{float: left;width: 50%; text-align: center;}
	#app-movil .texto p a img{ width: 70%;}

#app-movil h3{ font-size:0.875rem; font-weight:normal; line-height:1em; color:#c0371f; text-align: center;}
}