@charset "utf-8";

/* default.css
----------------------------------------*/


/* COMMON
------------------------------------------------------------*/

body {
 -moz-user-select: -moz-none;
 -webkit-user-select: none;
 font-family: Helvetica,Arial,sans-serif;

}

.nodisplay {
	display: none;
}

/*
no va con android firefox si
.ui-page {
	-webkit-backface-visibility: hidden;
}
*/

/* Imagen HOME inicio APP
---------------------------------------------------------------------*/

#load-background
{
	display: none;
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background-color: black;

}
  
#img-home
{
	/*background-color: aqua;*/
	width: 100%;
	height:50%;
	overflow:hidden;
	
	-webkit-background-position: center center;
    -moz-background-position: center center;
    -o-background-position: center center;
	background-position: center center;
	-webkit-background-repeat: no-repeat;
    -moz-background-repeat: no-repeat;
    -o-background-repeat: no-repeat;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#titulo-home
{
	color:white;
	padding-top: 24px;
	padding-left: 24px;
}

#titulo-home .title
{
	font-size: 36px;
	font-family: Arial;
	text-transform:uppercase;
	color:white;
	text-shadow: 0 0px 0 #fff;
}
  
#titulo-home .subtitle
{
	font-size: 18px;
	font-family: Arial;
	text-transform:uppercase;
	color: #8c8c8c;
	font-weight: 100!important;
	text-shadow: 0 0px 0 #fff;
}
  
  
#logos
{
	position: absolute;
	right: 24px;
	bottom: 24px; 
	color:white;
}


/* ICONOS NAVBAR
------------------------------------------------------------*/

/*
.ui-bar-a {
{
	border: 1px solid #333;
	background-image: none !important;
	background-color: #737373;
}

.nav-header {
	border-bottom: 3px solid #FFCB00;
	background-color: #737373;
}
*/

.nav-option .ui-btn .ui-btn-inner {
	padding-top: 40px !important;
}

.nav-option .ui-btn .ui-icon {
	width: 30px !important;
	height: 30px !important;
	margin-left: -15px !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	-webkit-border-radius: none !important;
	   -moz-border-radius: none !important;
	        border-radius: none !important;
}

/* para que no descuadre los botones navvar */
.ui-mini {
	margin: 0;
}





/* ICONOS BLANCOS
------------------------------------------------------------*/
#btn-play .ui-icon {
	background-size: 24px 24px;
	background:  url(/html/images/layout/button/btn_play.png) 50% 50% no-repeat;
}

#btn-pause .ui-icon {
	background-size: 24px 24px;
	background:  url(/html/images/layout/button/btn_pause.png) 50% 50% no-repeat;
}


.btn-call .ui-icon {
	background-size: 24px 24px;
	background:  url(/html/images/layout/button/btn_call.png) 50% 50% no-repeat;
}


.btn-email .ui-icon {
	background-size: 24px 16px;
	background:  url(/html/images/layout/button/btn_mail.png) 50% 50% no-repeat;
}

.btn-map .ui-icon {
	background-size: 16px 26px;
	background: url(/html/images/layout/button/btn_map.png)50% 50% no-repeat;
}

.btn-web .ui-icon {
	background-size: 26px 26px;
	background: url(/html/images/layout/button/btn_web.png)50% 50% no-repeat;
}

.btn-driving .ui-icon {
	background-size: 24px 24px;
	background:  url(/html/images/layout/button/btn_driving.png) 50% 50% no-repeat;
}

.btn-walking .ui-icon {
	background-size: 24px 24px;
	background:  url(/html/images/layout/button/btn_walking.png) 50% 50% no-repeat;
}

/*

@media only screen and (-webkit-min-device-pixel-ratio:2) {
 
    .btn-map .ui-icon {
    	background: url(/html/images/layout/button/btn_map@2x.png)5% 50% no-repeat;
		background-size: 16px 26px;
		
	}
}

*/

/* LOCALIZACIÓN  y BUSQUEDA
------------------------------------------------------------*/

.display-location {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	cursor: pointer !important;
	background: url(/html/images/layout/button/btn_location.png) 50% 50% no-repeat;
}

.display-search
{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	cursor: pointer !important;
	background: url(/html/images/layout/button/btn_find.png) 50% 50% no-repeat;
}

.search-form {
	padding: 10px 20px;
}


/* TITULO APP
------------------------------------------------------------*/

.main-geo{
	display: block;
	margin: 0 auto;
	font-size: 22px;
	font-weight: lighter !important;
	line-height: 40px;
	text-align: center;
}

.main-geo .prefix {
	font-family: Helvetica,Arial,sans-serif;
	/*font-family: Verdana;*/
	font-weight: bold;
	color: #737373;
}

.main-geo .suffix {
	font-family: Helvetica,Arial,sans-serif;
	/*font-family: Verdana;*/
	font-weight: bold;
	color: #00be00;
}

a.main-geo {
	text-decoration: none;
	color:white !important;
}


/* CREDITOS
------------------------------------------------------------*/

.year {
	display: block;
	margin: 0 auto;
	font-size: 10px;
	font-weight: lighter !important;
	line-height: 20px;
	text-align:center;
}

.company {
	display: block;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #38ae1d!important;
}


/* TABLAS INFO
------------------------------------------------------------*/

#page-info-container {
	padding: 0 10px;
}

th {
	height: 30px;
	vertical-align: middle;
	padding-bottom: 15px;
	text-align: left;
	background-size: 30px;
}

td {
	padding-bottom: 15px;
	color: #999;
}


/* TIEMPO
------------------------------------------------------------*/

#page-weather-container {
	padding: 0 10px;
}


/* BACK BTN
------------------------------------------------------------*/

.backbtn {
	position: absolute;
	display: block;
	width: 100px;
	top: 0;
	left: 0;
	margin-left: 0;
	font-size: 12px;
	line-height: 40px;
	background: url(/html/images/layout/button/btn_back.png) no-repeat ;
}

.backbtn span {
	visibility: hidden;
}

.menubtn {
	position: absolute;
	display: block;
	width: 100px;
	top: 0;
	left: 0;
	margin-left: 0;
	font-size: 12px;
	line-height: 40px;
	background: url(/html/images/layout/button/btn_menu.png) no-repeat ;
}

.menubtn span {
	visibility: hidden;
}


/* IDIOMAS
------------------------------------------------------------*/

.langSelector {
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 15px;
	font-size: 12px;
	line-height: 40px;
}

.seleccionado {
	display: inline;
	font-weight: normal;
	text-decoration: none;
	color: white !important;
	cursor: default !important;
}

.noSel {
	display: inline;
	font-weight: normal;
	text-decoration:none;
	color: #75a514!important;
}


/* MAPA
------------------------------------------------------------*/

#content-map {
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 55px;
	left: 0;
	margin: 0;
	padding: 0;
}

#content-map-canvas {
	width: 100%;
	height: 100%;
}

/* ------------------ VIDEOS -------------------------*/

#content-video
{
	margin-top: 85%;
}

#content-video-video
{
	display:block; 
	width:100%; 
	height:100%; 
	border:none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ---------------- STREETVIEW -----------------------*/

#content-streetview {
	display: inline-block;
	position: relative;
	width: 100%;
	visibility: hidden;
}

#content-streetview-map {
	margin-top: 70%;
}
#content-streetview-panorama {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ------------- CONTENEDOR DATA -----------------------*/
.content-data
{
	padding: 15px !important;
}

.content-data #titulo
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Helvetica,Arial,sans-serif;
}



/* IMG THUMBNAIL
------------------------------------------------------------*/

.ui-li-thumb {
	position: relative;
	max-width: 100px;
	max-height: 80px;
}

/* IMG OFERTAS
------------------------------------------------------------*/

.offer {
	position:absolute;
	z-index:1;
	top:5px;
	left:6px;
	max-width:100px;
	max-height:80px;

}


/* TEXTO DIST
------------------------------------------------------------*/

.ui-list-dist {
	display: none;
	font-size: small;
	color: #2489CE;
}


/* SHARE
------------------------------------------------------------*/

#page-section-container-share {
	float: right;
	padding-top: 30px;
}


/* LINK TLFN
------------------------------------------------------------*/

#page-phone-container {
	padding: 0;
}

.tlfn-link {
	float: right;
	font-family: Courier New, Courier, monospace;
}


/* LINKS
------------------------------------------------------------*/

a {
	text-decoration: none;
}

a:hover {
	color: #2f3e46 !important;
}

#directions_panel {
	direction: ltr;
	cursor: pointer;
}


/* SERVICIOS SPRITE
------------------------------------------------------------*/

/* sprite servicios-*
------------------------------------------------------------*/
.services {
	display: block;
	padding-top: 10px;
}

.sprite-services {
	display: inline-block;
	position: relative;
	width: 26px !important;
	height: 27px !important;
	background-image: url(/html/images/common/services/sprite-services-web.png);
}


/* sprite-services
------------------------------------------------------------*/

.sprite-services.clima       { background-position: 0 0; }
.sprite-services.wifi        { background-position: -26px 0; }
.sprite-services.rest        { background-position: -52px 0; }
.sprite-services.parking     { background-position: -78px 0; }
.sprite-services.pool        { background-position: -104px 0; }
.sprite-services.gym         { background-position: -130px 0; }
.sprite-services.animals     { background-position: -156px 0; }
.sprite-services.roomservice { background-position: -182px 0; }
.sprite-services.meetings    { background-position: -208px 0; }
.sprite-services.access      { background-position: -234px 0; }
.sprite-services.quality     { background-position: -260px 0; }
.sprite-services.internet    { background-position: -286px 0; }



/* sprite social-*
------------------------------------------------------------*/
.social {
	display: block;
	padding-top: 10px;
}

.sprite-social {
	display: inline-block;
	position: relative;
	width: 26px !important;
	height: 27px !important;
	background-image: url(/html/images/common/social/sprite-social-web.png);
}


/* social-services
------------------------------------------------------------*/

.sprite-social.facebook		{ background-position: 0 0; }
.sprite-social.twitter		{ background-position: -26px 0; }
.sprite-social.linkedin		{ background-position: -52px 0; }
.sprite-social.google		{ background-position: -78px 0; }
.sprite-social.myspace		{ background-position: -104px 0; }
.sprite-social.youtube		{ background-position: -130px 0; }
.sprite-social.vimeo		{ background-position: -156px 0; }
.sprite-social.tumblr		{ background-position: -182px 0; }
.sprite-social.pinterest	{ background-position: -208px 0; }
.sprite-social.instagram	{ background-position: -234px 0; }
.sprite-social.flickr		{ background-position: -260px 0; }
.sprite-social.wordpress	{ background-position: -286px 0; }

.sprite-social-link
{
width: 26px;
height: 26px;
}

/* CAMBIOS SOBRE FRAMEWORK
------------------------------------------------------------*/

.ui-li .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li {
	display: block;
	max-height: 80px;
	padding: 5px 15px;
}

.ui-li-heading,
.ui-btn-up-c,
.ui-btn-hover-c {
	font-weight: 400!important;
}

.ui-navbar li .ui-btn .ui-btn-inner {
	padding-top: 2px;
	padding-bottom: 2px;
}

.nav-option .ui-btn .ui-btn-inner {
	padding-top: 35px !important;
}

.ui-li-heading {
	text-transform: none;
}

.ui-listview-filter
{
	background-image:none;
	background:white;
}

/* input search */


.ui-input-text, .ui-input-search, .ui-input-text.ui-focus, .ui-input-search.ui-focus
{
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border: none;
	background: transparent none;
	outline: 0 !important;
}




/* FLECHAS LISTAS  */

.ui-icon 
{
	background-color:  transparent!important;
	background-image: url(/html/images/layout/button/icons-18-black.png);
}

.ui-icon-shadow {
	-moz-box-shadow: 0 0px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: 0 0px 0 rgba(255,255,255,.4);
	box-shadow: 0 0px 0 rgba(255,255,255,.4);
}

/* BUSQUEDA
.ui-icon-searchfield:after {
	background-color:  transparent!important;
}

.ui-input-search, div.ui-input-text {
	background-color: #d9d9d9;
	background-image: none;
}

.ui-shadow-inset {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}
*/
/*
.ui-li-count
{
	border: 0px solid #ccc!important;
	background-color:  transparent!important;
}
*/

/* MODIFICACIONES SOBRE SV */

[data-page-id="page-element_item"] .ui-content {
	padding: 0px !important;
}




/* IOS7 STYLE */

/* IOS 7 mobile */

h3.ui-li-heading {
	font-size: 18px!important;
}

.ui-input-search.ui-mini
{
  background: #eee;
}



#ul_elementos h3
{
	margin-top:2px;
	padding-bottom:3px;
	margin-right:0px;
	margin-left:0px;

}



/* Panel idiomas 
---------------------------------------------------------------------*/

#lng-panel
{
	background-color: #414141;
	padding-top: 41px;

}

.ui-panel-inner
{
	border-top: 1px solid #292929;
}

.ui-panel-inner .sprite-social
{
	margin: 0.5em 0;
}

.ui-panel {
	-webkit-box-shadow: inset -2px 0 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset -2px 0 2px rgba(0,0,0,.05);
	box-shadow: inset -2px 0 5px rgba(0,0,0,.05);
}

.ui-panel .ui-btn-text
{
	/*background-color: #f9f9f9;*/
	background-color: #414141;
}

.ui-panel .ui-icon
{
	display: none;
}



.ui-panel .ui-li-divider 
{
	/*background: #f9f9f9;*/
	background: #414141;
	background-image: none;
	border: 0px solid #eee;
	

}

.ui-panel h1
{
	font-size: 18px!important;
	color:#f2f2f2;

}

.ui-panel h2 
{
	font-size: 18px!important;
	padding-left: 30px;
	color:#f2f2f2;
	text-shadow: 0 0px 0 #fff;

}

.ui-panel .ui-btn-up-c
{
	border: 0px solid #eee;
}

.ui-panel .ui-btn-hover-c
{
	border: 0px solid #eee;
}



.ui-li-divider 
{
	background: #f9f9f9;
	background-image: none;
	border: 1px solid #eee;
	line-height: 40px;
	font-size: 18px!important;
	

}



.ui-li, .ui-li.ui-field-contain {
	border-top-width: 0px!important;
}

.ui-body-c, .ui-overlay-c {
	border: 0px solid #eee;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	background: #f9f9f9;
	background-image: none;

}

.ui-btn-up-c {
	border: 1px solid #eee;
	background: #f9f9f9;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: none;
}

.ui-btn-hover-c{
	border: 1px solid #eee;
	background: #f1f1f1;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: none;
}

/*  imagen thumb redondeado */
.ui-li-thumb{
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

/* header plano */
.ui-bar-c {
	background-image: none;
}

.ui-header .ui-title, .ui-footer .ui-title {
	outline: 0!important;
}

/* quitar geo del titulo */
.ui-header .prefix {
	display: none;
}


/* quitar botones inferiores border */

ul, menu, dir {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}


.ui-navbar ul li a {
    background: #eee; /* Old browsers */
    border-top: 1px solid #dedede;
}

.ui-navbar ul li a.ui-btn-active {
    background: #eee; /* Old browsers */
    border-top: 1px solid #dedede;
}


.weather  .weather div  {


  padding:0px 0px;

  text-align:center;

}


.forecast_img
{
width: 120px;
height: 120px;
-webkit-animation-delay: 1s;

}



.forecast{
width:243px;
margin-left: auto;
margin-right: auto;

}

.forecast div:last-child {
	border-width: 0 !important;
}

/* temperatura */
h6 {
  font-size:90px;
  margin:0px;
  text-align:center;

  font-family: 'Open Sans Condensed', sans-serif;
 
  color: #2A3437;
  -webkit-animation-delay: 2s;
}


/*   situación del tiempo  */
h7 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: 18px;
text-transform: uppercase;
-webkit-animation-delay: 2s;
color:#333333;
margin:10px 10px 10px;
}

/* Humedad y viento */
h5 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:14px;
  font-weight:300;
  color:#7b7b7b;
  margin:10px 10px 15px;
}

/* DAY */
h8 {

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:300;
width:60px;
font-size:15px;
font-weight:bold;
color:#727272;

}



/* MIN/MAX */
h9 {

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:14px;
  font-weight:300;
  color:#7b7b7b;
  max-width:60px;

}

/* MIN/MAX */
h10 {

  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:10px;
  font-weight:300;
  color:#7b7b7b;
  text-align:center;
  float:right;

}

/* Días pronostico */

.day{

  text-align:center;
  width: 60px;
  vertical-align: middle;
  padding-bottom:10px;
  float:left;
  
}

.day img {

 vertical-align: middle;
 width: 30px;
 height:30px;

}

/* Update */
.weather_info{

  width:243px;
  margin-left: auto;
  margin-right: auto;


}

.update_day
{
line-height: 50px;
  color:#7b7b7b;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:12px;
  text-decoration: none;
}

.update_info
{
  color:#5b5b5b;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:12px;
  text-decoration: none;
  font-weight:bold;
}