html{
	background-color: #000;
	width: 100% !important;
	height: 100% !important;
}
body{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	width: 100% !important;
	height: 100% !important;
  	-webkit-text-size-adjust:none;
}
a{
	text-decoration: none;
	color: #3c7cbc;
}

#landscape{
	position:absolute;
	position:fixed;
	z-index: -999;
	text-align: center;
	line-height: 10em;
	text-shadow: none;
	color: #444;
	background-color: #fff;
	width: 100%;
	height: 100%;
	/*background: #fff url('../img/orient_alert.png') no-repeat center center;
	background-size: 230px 460px;*/
	font-size:12px;
	display: none;
}
/*
@media screen and (orientation: landscape) {
#landscape{
	display: block;
	z-index: 9999999999;
}
}
*/

.ui-header{
	background-color: #2d2d2d;
	background-image:url("../img/bg_arrow.gif");
	background-repeat: no-repeat;
	background-position: right top;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	z-index: 999;
	position: block !important;/*fixed;*/
	top:0;
}
.ui-header .ui-title{
	overflow: visible;
	width: 153px;
	margin-right: auto;
	margin-left: auto;
}

.boton-activo{
	background: #fff;
	font-weight: bold;
	color: #000 !important;
	cursor: pointer;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
}

#logoimg{
	background-image: url("../img/logo.gif");
	background-repeat: no-repeat;
	display: inline-block;
	width: 153px;
	height: 13px;
}

.ui-btn-left, .ui-btn-right{
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
	text-shadow: none;
	border: none;
	top: 5px !important;
}
.ui-btn-left .ui-btn-inner{
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
	text-shadow: none;
	font-weight: normal;
}

.ui-btn-right .ui-btn-inner{
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
	text-shadow: none;
	background-image: url("../img/arrowdown.gif");
	background-repeat: no-repeat;
	background-position: 25px 6px;
	width: 28px;
	padding-left:6px !important;
}

.ui-btn-right:hover{
	/*background: #404040;*/
}
.ui-footer{
	background: #f8f7f2 !important;
	box-shadow: 0px -2px 3px rgba(0,0,0,0.12);
	border: none;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 444;
	position: fixed !important;
	height: 50px;
}
.ui-footer .ui-btn{
	border-radius: 0px;
	border: none;
	background: none;
	color: #4c4c4c;
	width: 19%;
}
.ui-footer .ui-btn-inner{
	text-shadow: none;
	font-size: 12px;
	border: none;
}
.ui-footer .ui-icon{
	background: none;
	background-image: url("../img/footerbuttons.png");
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0px;
	width: 35px;
	height: 35px;
	border: none;
	margin-left: -16px !important;
	top: 0px !important;
}
.ui-icon-home 		{ background-position: 0px 0px !important;   }
.ui-icon-noticias 	{ background-position: -35px 0px !important; }
.ui-icon-unete  	{ background-position: -70px 0px !important; }
.ui-icon-contacto 	{ background-position: -105px 0px !important; }
.ui-icon-ajustes 	{ background-position: -140px 0px !important; }

.ui-footer .ui-btn:hover .ui-icon, .ui-footer .ui-btn:active .ui-icon, .ui-footer .active .ui-icon{
	background-position-y: -35px !important;
}
.ui-footer .ui-btn:hover {
	/*background: #404040;*/
	/*color: #1689d2;*/
}
.ui-footer .ui-btn:active, .ui-footer .active{
	/*color: #1689d2;*/
}
.ui-listview .ui-li{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 11px;
	font-weight: normal;
	color: #2d2d2d !important;
}

.page{
	position: absolute !important;
	top: 0px;
	padding-top: 0px;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-clip: border-box !important;
	background-origin: padding-box !important;
	background-size: cover !important;
	-webkit-background-clip: border-box !important;
	-webkit-background-origin: padding-box !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

.page h1{
	font-size: 14px;
	font-weight: bold;
}

.menu{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px; /*-200px*/
	height: 0px;
	margin-top: 40px;
	background: rgba(33,33,33,0.9);
	text-shadow: none;
	font-weight: bold;
	font-size: 10px;
	z-index: 500;
	overflow: hidden;
}
.menu table{
	width: 100%;
}
.menu td{
	text-align: center;
	width: 25%;
}
.menu a{
	display: block;
	color: #595959 !important;
	text-decoration: none;
	border-radius: 10px;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 0px;
}
/*
.menu a:hover, .menu a:active{
	color: #888 !important;
	background-color: rgba(150,150,150,0.2);
}
*/
.menu a span{
	display: block;
}
@media only screen and (min-width:500px){ .menu a span{margin-left: 25%; }}
@media only screen and (min-width:700px){ .menu a span{margin-left: 30%; }}
@media only screen and (min-width:900px){ .menu a span{margin-left: 35%; }}
@media only screen and (min-width:1200px){.menu a span{margin-left: 40%; }}
.menu a span{
	margin-left: calc( 50% - 37px);
	margin-left: -webkit-calc( 50% - 37px);
	width: 75px;
	height: 50px;
	background-image: url("../img/empresas.png");
	background-repeat: no-repeat;
	overflow: hidden;
}
@media only screen and (max-width:400px){
	.menu a {
		padding: 0;
		border-radius: 5;
	}
}

.menu .menu2 span, .atlaslogo_aqui{		background-position: -75px 0px; }
.menu .menu3 span, .atlaslogo_aquie{	background-position: -150px 0px; }
.menu .menu4 span, .atlaslogo_plenus{	background-position: -225px 0px; }

.menu .menu5 span, .atlaslogo_cuevas{	background-position:   0px -50px; }
.menu .menu6 span, .atlaslogo_frunatur{	background-position: -75px -50px; }
.menu .menu7 span, .atlaslogo_delisabor{background-position: -150px -50px; }
.menu .menu8 span, .atlaslogo_tomovil{	background-position: -225px -50px; }


.slide{
	background: rgba(255,255,255,0.8);
	width: 100%;
	overflow: hidden !important;
	/*height: 260px;*/
	height: 270px !important;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
}
.slide div, .slide div p{
	font-size: 12px;

}
.blackslide{
	background: rgba(26,26,26,0.5);
}
.slide>div:not(.swipe){
	padding: 10px 14px 0px 10px;
	/*width: 300px;*/
}
.slide, .slide p{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-shadow: none;
	color: #343434;
}
.blackslide p{
	color: #ccc;
}
.slide h1{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-weight: 600;
	/*text-shadow: 0px 1px 1px rgba(0,0,0,0.5);*/
	text-shadow: none;
}
.slide a{
	background: rgba(50,50,50,0.8);
	font-size: 10px;
	color: #ccc !important;
	text-shadow: none;
	text-decoration: none;
	padding: 6px 8px;
	margin-right: 10px;
}
.slide a:hover, .slide a:active{
	color: #fff;
	background: rgba(80,80,80,0.8);
}
ul, li{
	list-style-type: none;
	margin:0;
	padding:0;
}
.ui-listview a{
	color: #2d2d2d !important;
}
.ui-listview h1{
	font-size: 14px;
	margin: 0;
}
.ui-li{
	line-height: 22px;
}

#contacto .ui-listview .ui-li{
	background: #f2f2f2;
}
#contacto .ui-listview .ui-li:active, #contacto .ui-listview .ui-li:hover{
	background: #fff;
}
.ui-listview .ui-li-divider{
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #eee 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#eee)) !important;
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#eee 100%) !important;
	background: -o-linear-gradient(top,  #f2f2f2 0%,#eee 100%) !important;
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#eee 100%) !important;
	background: linear-gradient(to bottom,  #f2f2f2 0%,#eee 100%) !important;
	height: 20px;
	line-height: 22px;
	padding: 5px 15px;
	border-top: 1px solid #ddd !important;
	text-shadow: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #2d2d2d;
	cursor: pointer;
}

#contacto  .ui-bar-b{
	border: none;
}

.detalle, .texto{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-shadow: none;
	color: #2d2d2d;
}
.detalle h1{
	font-size: 14px;
	margin-top: 3px;
	font-weight: bold;
}
.detalle h2{
	font-size: 12px;
	color: #888888;
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: normal;
}
.detalle p{
	margin-top: 0px;
}
.detalle .social{
	display: block;
	margin-top: 20px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.detalle a.social2{
	color: #fff !important;
}
.detalle .social img, .detalle .social2 img{
	vertical-align: middle;
	margin-right: 5px;
}
.detalle .social2 img{
	margin-right: 10px;
}
hr{
	border: none;
	border-top: 1px solid #e2e2e2;
	margin: 0;
	margin-bottom: 10px;
}
.detalle .social2{
	display: block;
	float: left;
	height: 18px;
	margin-top: 15px;
	margin-right: 6px;
	background-color: #c8c8c8;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: 9px 12px 9px 10px;
	color: #fff;
}
.detalle .social2:active, .detalle .social2:hover{
	background-color: #b0b0b0;
	color: #fff !important;
}

#googlemaps{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 90%;
	height: calc(100% - 90px);
}

#contactodetalle #contactoimg{
	/*width: 75px;*/
	/*height: 60px;*/
	/*transform: scale(0.5, 0.5);
	transform-origin: 0% 50%;
	-webkit-transform: scale(0.5, 0.5);
	-webkit-transform-origin: 0% 50%;
	-moz-transform: scale(0.5, 0.5);
	-moz-transform-origin: 0% 50%;
	-o-transform: scale(0.5, 0.5);
	-o-transform-origin: 0% 50%;
	-ms-transform: scale(0.5, 0.5);
	-ms-transform-origin: 0% 50%;
	*/
	zoom: 0.5;
	/*background-color: #444;
	background-image: url("../img/empresas.png");
	background-repeat: no-repeat;
	overflow: hidden;*/
	margin-bottom: 5px;
}




/**** IMAGES NO RETINA ******/
#home{		background-image: url("../img/fondo_home.jpg"); }
#horeca{	background-image: url("../img/fondo_horeca.jpg"); }
#aqui{		background-image: url("../img/fondo_aqui.jpg"); }
#aquie{		background-image: url("../img/fondo_aquie.jpg"); }
#plenus{	background-image: url("../img/fondo_plenus.jpg"); }
#cuevas{	background-image: url("../img/fondo_marronglace.jpg"); }
#frunatur{	background-image: url("../img/fondo_frunatur.jpg"); }
#delisabor{	background-image: url("../img/fondo_delisabor.jpg"); }
#tomovil{	background-image: url("../img/fondo_tomovil.jpg"); }

#horeca .logo{ 		position:absolute; top: 18%; left: 10%; }
#aqui .logo{ 		position:absolute; top: 40%; left: 10%; }
#aquie .logo{ 		position:absolute; top: 20%; left: 40%; }
#plenus .logo{ 		position:absolute; top: 25%; left: 15%; }
#cuevas .logo{ 		position:absolute; top: 20%; right: 15%; }
#frunatur .logo{ 	position:absolute; top: 15%; right: 8%; }
#delisabor .logo{ 	position:absolute; top: 20%; right: 15%; }
#tomovil .logo{ 	position:absolute; top: 30%; left: 40%; left: calc(50% - 75px);}

@media only screen and (max-height:480px){
	#aqui .logo{ 		position:absolute; top: 70px; left: 10%; }
	#tomovil .logo{ 	position:absolute; top: 20%; left: 30%; left: calc(50% - 75px);}
}


/**** IMAGES RETINA ******/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), screen and (min-width: 640px){

	#home{		background-image: url("../img/fondo_home_retina.jpg"); }
	#horeca{	background-image: url("../img/fondo_horeca_retina.jpg"); }
	#aqui{		background-image: url("../img/fondo_aqui_retina.jpg"); }
	#aquie{		background-image: url("../img/fondo_aquie_retina.jpg"); }
	#plenus{	background-image: url("../img/fondo_plenus_retina.jpg"); }
	#cuevas{	background-image: url("../img/fondo_marronglace_retina.jpg"); }
	#frunatur{	background-image: url("../img/fondo_frunatur_retina.jpg"); }
	#delisabor{	background-image: url("../img/fondo_delisabor_retina.jpg"); }
	#tomovil{	background-image: url("../img/fondo_tomovil_retina.jpg"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){

	.ui-btn-right, .ui-btn-right .ui-btn-inner{
		background-image: url("../img/arrowdown_retina.gif");
		background-size: 18px 17px;
		background-repeat: no-repeat;
		background-position: 20px 7px;
	}
	.ui-footer .ui-icon{
		background-size: 175px 70px;
		background-image: url("../img/footerbuttons_retina.png");
		background-repeat: no-repeat;
	}

	.menu a span /*, #contactodetalle #contactoimg*/{
		background-size: 300px 100px;
		background-image: url("../img/empresas_retina.png");
		background-repeat: no-repeat;
	}

	#logoimg{
		background-size: 153px 13px;
		background-image: url("../img/logo_retina.gif");
		background-repeat: no-repeat;
	}
}

/**************************/


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.swipe-wrap div p, .swipe-wrap div h1{
  padding: 0px 14px;
}

.slide nav ul{
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
}
.slide nav ul li{
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:8px;
	background:#dcdadb;
	margin:0 2px;
	cursor:pointer
}
.slide nav ul li.on{
	background-color:#1caee9;
}

#ajustes_contenido div legend, #ajustes_contenido label, #ajustes_contenido span{
	font-size: 13px;
}