html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
 background-color: #F0F0F0;
}

#directionsPanel {
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
font-weight:normal
  }


.over_map {
        position:absolute;
        width: 100%;
        height: 100%;
        top:0;
        left:0;
        background-color: black;
        z-index:2;
        filter:alpha(opacity=20);
                -moz-opacity:0.2;
        opacity:0.2;
line-height: 25px;
text-align:center;
 }

.circle{
	width:7vh; 
	height:7vh; 
	border-radius:90px; 
	-moz-border-radius:90px; 
	-webkit-border-radius:90px; 
	background:#7AB51D; 
	text-align:center; 
	font-size:3vh; 
	color:#fff;
	float:left;
	margin-top:5px;
	padding-top:1vh;
}
.circle2{
	width:10vw; 
	height:100%; 
	text-align:center; 
	font-size:6vh; 
	color:#fff;
	float:left;
	margin-top:0%;
}
.circle2 img{
	width:6vh; 
	height:4vh; 
}
.circle3{
	width:8vh; 
	height:8vh; 
	border-radius:90px; 
	-moz-border-radius:90px; 
	-webkit-border-radius:90px; 
	background:#7AB51D; 
	text-align:center; 
	font-size:3vh; 
	color:#fff;
	float:left;
	margin-top:1.5%;
	padding-top:0px;
	margin-left:1%;
}
.circle4{
	width:8vh; 
	height:8vh; 
	border-radius:90px; 
	-moz-border-radius:90px; 
	-webkit-border-radius:90px; 
	text-align:center; 
	font-size:3vh; 
	color:#fff;
	float:left;
	margin-top:1.5%;
	padding-top:0px;
	margin-left:1%;
}
.circle4 img {
	width:6.5vh; 
	height:6.5vh; 
}
.circle4 .navcircle{padding-top:0px}
.navcircle{padding-top:13px}

.navtexto{margin-left:17%;font-size:32pt;line-height:24pt;width:85%;padding-top:1.5%;}
#ulparada .navtexto>h3{font-size:30pt;line-height:30pt;}
#ulparada .navtexto2>h3{font-size:36pt;line-height:36pt;}
#ulparada .navtexto .ui-li-desc {font-size:21pt;max-width:80vw;}
#ulparada .navtexto p {font-size:2vh;}
#ulparada2 a {padding:0;margin:0;}
#ulparada2 .navtexto>h3{font-size:3vh;line-height:3vh;}
#ulparada2 .navtexto2>h3{font-size:4vh;line-height:4vh;}
#ulparada2 .navtexto .ui-li-desc {font-size:2vh;line-height:2vh;max-width:80vw;}
#ulparada2 .navtexto p {font-size:2vh;line-height:2vh;}
#ulparada2 .navtexto3 {color:black;height:17vh;overflow:hidden;}
#ulparada2 .navtexto3>h3{font-size:2.5vh;line-height:2.5vh;font-weight: bold;}
#ulparada2 .navtexto3 .ui-li-desc {font-size:2vh;line-height:2vh;max-width:80vw;font-weight:bold;color:#87b03a;}
#ulparada2 .navtexto3 p {font-size:2vh;line-height:2vh;}

.navtexto2{margin-left:15vw;font-size:4vw;padding-top:5%;padding-bottom:5%;}


#map_canvas { height: 300px; width: 100%; margin: 0px; padding: 0px }


#map_canvas2 { height: 100px; width: 100%; margin: 0px; padding: 0px }

#TuristicoResultados ul{
	float:left;
	list-style:none;
	margin:0px 0 0 0;
	padding:0px;
	display:block;
width:100%;
}

#TuristicoResultados li{
	float:left;
	list-style:none;
	margin:0 0 40px 0px;
padding:0px;
width:100%;
text-align:justify;
}
#TuristicoResultados h1{
color:#7AB51D;
font-size:18px;
}

#TuristicoResultados h2{
color:#7AB51D;
font-size:16px;
}

.TuristicoFoto{
	width:50px;
	height:50px;
	border:1px solid #CCC;
	background-color:#FFF;
	padding:0px;
	margin:0 0px 0 0;
	float:left;
}

.TuristicoDescripcion{
	float:left;

}
.TuristicoDescripcion img{
	width:100px;
	height:100px;
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
	margin:0 20px 0 0;
	float:left;
}

.TuristicoDescripcion a, .TuristicoDescripcion a:hover{
	color:#7ab51d;
	font-size:14px;
	margin:0 0 10px 0;
	text-decoration:none;
}

.Mas{
	width:400px;
	height:50px;
	float:left;
	margin-top:5px;
}

.Mas a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	text-decoration:none;
}
.Mas a:hover {
	text-decoration:underline;
}



.tituloarticulo, .tituloarticulo a {
	color:#7ab51d;
	font-size:17px;
	margin-top:10px;
	text-decoration:none;
	font-weight:bold;
}
.tituloarticulo a:hover {
	text-decoration: underline;
}

.banner-container {
    text-align: center;
}

.img-home {
    margin-top: 30px;
}
.ui-icon-iconobanderaes {
	background-image: url("../img/ico/spain.png");
	background-size: 4.5vw 2.6vh;
	background-repeat: no-repeat;
	background-position: 2vw 1vh;
}
.ui-icon-iconobanderaen {
	background-image: url("../img/ico/uk.png");
	background-size: 4.5vw 2.6vh;
	background-repeat: no-repeat;
	background-position: 2vw 1vh;
}
/**************************************
+++++  TITSA MOVIL NUEVO DISEÑO  +++++
***************************************/
* {
	box-sizing:border-box;
}
#location-error-dialog {
	margin-top: 45px; 
	/*background: url("./img/bg-map.png");
	background-size: 100% auto;*/
	background: rgba(100, 100, 100, 0);
}

#mapa {
	background-color: white;
	background: url("./img/bg-map.png");
	background-size: 100% auto;
	overflow-x:auto;
	overflow-y:auto;
}

#location-error-dialog .ui-content {
	padding-left: 12px;
	padding-right: 12px;
}

#location-error-dialog h3 {
	margin-top: 0;
	margin-bottom: 0;
}

#location-error-dialog .ui-title {
	margin-left: 25px;
}

#location-error-dialog p {
	margin-top: 5px;
}
.nostylebutton {
	background: none !important;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
/*********************
*** TITSA/MOVIL3 ***
*********************/

/* PANEL, ASUMIENDO QUE ES SIEMPRE EL MISMO */
#panelMovil3{
	height: 80vh;
	width: 45vw;
	background-color:white;
	position:fixed;
	overflow:auto;
}
#panelMovil3 ul{
	list-style-type: none;
	margin-left:-50px;
	display:flex;
	flex-flow:column wrap;
	margin-top:0px;
	margin-block-start: -0.3em;
}
#panelMovil3 li:first-child{
	margin-bottom: 3vh;
	border: none;
}
#panelMovil3 li{
	flex-grow:1;
	margin-top:1vh;
	text-align:center;
	border: 1px solid rgba(0,0,0,0.1);
}
#panelMovil3 li>a{
	font-size:0.8em;
	text-decoration: none;
	color:black;
	font-weight: bold;
}
#panelMovil3 li>a>img{
	width:9vh;
	height:9vh;
	margin-left:0%
}
#panelMovil3 .firstlinklist{
	font-size:2em;
	margin-left:0%;
}


/* CABECERA, ASUMIENDO QUE ES SIEMPRE LA MISMA */ 
#cabeceraMovil3 {
	height:7.5vh;
	background-color:#8CB63C;
	display:flex;
	flex-flow:row wrap;
}
#cabeceraMovil3>.divisorCabecera{
	width:75vw;
	display:flex;
	flex-flow:row wrap;
	padding:5px;
}
#cabeceraMovil3>.divisorCabecera>img{
	padding:1vh;
	flex-grow:1;
	max-width:42vw;
	height:5.5vh;
}
#cabeceraMovil3>.biggerbutton{
	font-size:calc(1vw + 1vh + .5vmin);
	right:18%;
	top:15%;
}
#cabeceraMovil3>.biggerbutton2{
	right:-12%;
	top:-8%;
	position:relative;
	bottom: 3px;
}
#cabeceraMovil3>.biggerbutton2 img{
	height:8vh;
	width:8vw;
}
#cabeceraMovil3>.biggerbutton:after{
	background-color: none;
	content: none;
}
/* CONTENIDO, ASUMIENDO QUE ES SIEMPRE EL MISMO */
#contenidoMovil3{
	height:100%;
	overflow:hidden;
}
#contenidoMovil3 .customBlockStyleMovil3{
	margin-left:0%;
	text-align:center;
	font-size:1.5em;
}
#contenidoMovil3 .customBlockStyleMovil3 a{
	text-decoration: none;
	color:black;
	font-size: 0.65em;
}
#contenidoMovil3 .customBlockStyleMovil3 a h4{
	margin: 0vh 0vh 6vh 0vh;
}
#contenidoMovil3 .customBlockStyleMovil3:nth-child(odd){
	margin-left:3%;
	margin-bottom:0%;
}
#contenidoMovil3 .customBlockStyleMovil3:nth-child(even){
	margin-left:-6%;
}
#contenidoMovil3 .customBlockStyleMovil3_IMG{
	width:50%;
	height:100%;
}
.mymargin{
	margin-top: 7%;
}
/* FOOTER, ASUMIENDO QUE ES SIEMPRE EL MISMO */ 
#footerMovil3{
	/* height:7.5vh; */
	display:flex;
	flex-flow:row nowrap;
	font-size:17pt;
	background-color:#8CB63C;
	text-align: left;
	padding: 0.5rem;
}
#footerMovil3 .ens_iso {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
	justify-content: end;
}
#footerMovil3 .ens_iso img {
	max-width: 13vw;
}

#footerMovil3>.divisorFooter1{
	width:25vw;
	display:flex;
	flex-flow:row wrap;
	padding:1vh;
}
#footerMovil3>.divisorFooter1 a{
	flex-grow:0;
	align-self:flex-end;
	margin-left:1vw;

}
#footerMovil3>.divisorFooter1 a img{
	width:4vw;
	height:2vh;
}
#footerMovil3>.divisorFooter2 p {
	text-align: right;
	line-height: 1.5em;
}
#footerMovil3>.divisorFooter2 p a img{
	width:4vw;
	height:2vh;
}
#footerMovil3>.divisorFooter2{
	/* width:73vw;
	display:flex;
	flex-flow:column wrap;
	padding:0px; */
	display: flex;
	flex-flow: row nowrap;
	gap: 4px;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	width: 100vw;
}
#footerMovil3>.divisorFooter2 p:nth-child(1) {
	flex-shrink: 0;
}

#footerMovil3>.divisorFooter2 p{
	font-weight: 100;
	font-size: calc(1vw + 1vh + .5vmin);
	vertical-align:middle;
	align-items:center;
	color:white;
	margin:0;
}
#footerMovil3>.divisorFooter2 img.small{
	flex-grow:1;
	max-width:3vw;
	max-height:32px;
	margin-right: 2vw;
}
/* ARREGLOS PARA BOTONES Y OTRAS COSAS DE JQUERY MOBILE */
.ui-block-a .buttonStylismo{
	width:28vw;
	height:15vh;
	border-radius:100%;
}
.ui-block-b .buttonStylismo{
	width:28vw;
	height:15vh;
	border-radius:100%;
}
#mapa  #opcionesAside{
	display:none;
	flex-flow: column wrap;
	width: 19.5vw;
	vertical-align: top;
}
#mapa  #opcionesAside a{
	flex-grow: 1;
	width:100%;
	height:5vh;
	background-color:#8CB63C;
	padding-left: 5px;
	line-height: 35px;
	color: white;
	text-decoration: none;
}
#flexBoxerContent{
	display:flex;
	flex-flow: row wrap;
}
#capalineas .objetoslista{
	text-align:left;
	font-size:2.4em;
	height:12vh;
}
#capalineas .objetoslista:nth-child(even), 
#ulparada li:nth-child(even), 
#ulparada2 li:nth-child(even), 
#ulparada li:nth-child(even) a, 
#ulparada2 li:nth-child(even) a, 
#termometro li:nth-child(even), 
#termometroinverso li:nth-child(even), 
#termometro1 li:nth-child(even){
	background-color:  #f5f5f5;
}
#capalineas .objetoslista:nth-child(odd), 
#ulparada li:nth-child(odd), 
#ulparada2 li:nth-child(odd), 
#ulparada li:nth-child(odd) a, 
#ulparada2 li:nth-child(odd) a, 
#termometro li:nth-child(odd), 
#termometroinverso li:nth-child(odd), 
#termometro1 li:nth-child(odd) {
	background-color:  #fefefe;
}
#capalineas .objetoslista .navtexto{
	text-decoration: none !important;
	color:black !important;
}
#capalineas .objetoslista a{
	color: rgba(0,0,0,0) !important;
}
#capalineas .objetoslista a:visited{
	color: rgba(0,0,0,0) !important;
}
#termometro .paradatrayecto img, #termometro1 .paradatrayecto img, #termometroinverso .paradatrayecto img {
	width: 30px;
	height: 53px;
}
#termometro .textoparadatrayecto, #termometro1 .textoparadatrayecto, #termometroinverso .textoparadatrayecto{
	font-size: 2em;
}
#termometro .textoparadatrayecto a, #termometroinverso .textoparadatrayecto a{
	color:black !important;
	text-decoration: none !important;
	float:left;
	margin-left:2%;
	margin-top:2%;
	width:90%;
	text-align:left;
	height:7vh;
	font-size: 4.5vw;
}
#termometro .textoparadatrayecto a:visited{
	color:black !important;
	text-decoration: none !important;
}
#termometroinverso .textoparadatrayecto a:visited{
	color:black !important;
	text-decoration: none !important;
}
#page2{
	height:100vh;
}
#listaAgrandar h3{
	font-size:2em;
}
#proxima{
	font-size:2em;
}
#proxima label{
	font-size:1em;
	vertical-align: middle;
}
#proxima input{
	font-size:1em;
	vertical-align: middle;
}
#proxima .ui-input-btn{
	font-size:1.5em;
}
.biggerlenk{
	font-size:1em;
}
#idiomas .biggertext h3{
	font-size:2.5em;
}
.arreglolista {
	background-color:#f9f9f9;
}
.selectedbutton{
	background-color:#8CB63C !important;
	color: white !important;
}
.ui-btn-active{
	border:1px solid #155678 !important;
	background:#7AB51D !important;
	/*background:#4596ce;*/
	font-weight:bold;
	color:#fff !important;
	cursor:pointer;text-shadow:0 -1px 1px #FFF;
	cursor:pointer;text-shadow:0 -1px 1px #fff;
	text-decoration:none;
	background-image:-moz-linear-gradient(top,#7AB51D,#7AB51D);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#7AB51D),color-stop(1,#7AB51D));
	-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')";outline:0
}
.arreglolista .ui-btn-icon-left:after, 
.arreglolista .ui-btn-icon-right:after, 
.arreglolista  .ui-btn-icon-top:after, 
.arreglolista  .ui-btn-icon-bottom:after, 
.arreglolista  .ui-btn-icon-notext:after,
.biggerlenk:after {
	width: 5vw;
    height: 5vw;
	top: 45%;
	background-size: 3.5vw;
	border-radius: 100px;
	right:1vw;
	background-color: rgba(0,0,0,0.3);
}
.landscapebr {display:none}
.verticalbr {display:initial}
@media screen and (orientation: landscape) {
	#cabeceraMovil3 {
		height:13.5vh;
	}
	.ui-icon-iconobanderaes {
		background-size: 2vw 4vh;
		background-position: 1vw 2vh;
	}
	.ui-icon-iconobanderaen {
		background-size: 2vw 4vh;
		background-position: 1vw 2vh;
	}
	#cabeceraMovil3>.divisorCabecera>img{
		max-width:24vw;
		height:10vh;
	}
	#cabeceraMovil3>.biggerbutton2{
		top:15%;
	}
	#footerMovil3{
		height:14.5vh;
	}
	#footerMovil3>.divisorFooter1 a img{
		height:6vh;
		width: 3.5vw;
	}
	#footerMovil3>.divisorFooter2 img{
		margin-right: 1vw;
	}
	#panelMovil3{
		width: 22vw;
		overflow:auto;
	}
	#panelMovil3 li>a>img{
		width:15vh;
		height:15vh;
	}
	.circle2{
		margin-top:2%;
	}
	.circle2 img{
		width:15vh; 
		height:10vh; 
	}
	.navtexto2{margin-left:10vw;font-size:3vw;padding-top:3%;padding-bottom:3%;}

	.arreglolista .ui-btn-icon-left:after, 
	.arreglolista .ui-btn-icon-right:after, 
	.arreglolista  .ui-btn-icon-top:after, 
	.arreglolista  .ui-btn-icon-bottom:after, 
	.arreglolista  .ui-btn-icon-notext:after,
	.biggerlenk:after {
		width: 3vw;
		height: 3vw;
		top: 50%;
		background-size: 2.5vw;
	}
	.circle3{    
		width: 12vh;
		height: 12vh;
		font-size: 5vh;
		color: #fff;
		float: left;
		margin-top: 0.5%;
		padding-top: 1vh;
		margin-left: 1%;
	}
	.navcircle{padding-top:2vh}
	#ulparada2 a {padding:0;margin:0;}
	#ulparada2 .navtexto>h3{font-size:4vh;line-height:4vh;}
	#ulparada2 .navtexto2>h3{font-size:4vh;line-height:4vh;}
	#ulparada2 .navtexto .ui-li-desc {font-size:4vh;line-height:4vh;max-width:80vw;}
	#ulparada2 .navtexto p {font-size:3.5vh;line-height:3.5vh;}
	.biggerlenk {font-size: 5vh;}
	#termometro .textoparadatrayecto a, #termometroinverso .textoparadatrayecto a{
		font-size: 2.5vw;
	}
	.navtexto{margin-left:10%;font-size:32pt;line-height:32pt;width:85%;padding-top:0%;}
	#ulparada .navtexto>h3{font-size:3vh;line-height:3vh;}
	#ulparada .navtexto2>h3{font-size:4vh;line-height:4vh;}
	#ulparada .navtexto .ui-li-desc {font-size:3vh;line-height:3vh;max-width:80vw;}
	#ulparada .navtexto p {font-size:2vh;line-height:2vh;}
	#contenidoMovil3{
		height:100%;
		overflow:hidden;
	}
	#contenidoMovil3 .customBlockStyleMovil3{
		margin-left:0%;
		text-align:center;
		font-size:1.5em;
	}
	#contenidoMovil3 .customBlockStyleMovil3 a{
		text-decoration: none;
		color:black;
		font-size: 0.5em;
	}
	#contenidoMovil3 .customBlockStyleMovil3 a h4{
		margin: 0vh 0vh 6vh 0vh;
	}
	#contenidoMovil3 .customBlockStyleMovil3:nth-child(odd){
		margin-left:15%;
	}
	#contenidoMovil3 .customBlockStyleMovil3:nth-child(even){
		margin-left:-28%;
	}
	#contenidoMovil3 .customBlockStyleMovil3_IMG{
		width:13%;
		height:100%;
	}
	.mymargin{
		margin-top: 0%;
	}
	#capalineas .objetoslista{
		text-align:left;
		font-size:2.4em;
		height:18vh;
	}
	.circle4{
		width:8vh; 
		height:15vh; 
		border-radius:90px; 
		-moz-border-radius:90px; 
		-webkit-border-radius:90px; 
		text-align:center; 
		font-size:3vh; 
		color:#fff;
		float:left;
		margin-top:0%;
		padding-top:0px;
		margin-left:1%;
	}
	.circle4 img {
		width:12vh; 
		height:12vh; 
	}
	#ulparada2 .navtexto3 {color:black;margin-left:10%}
	#ulparada2 .navtexto3>h3{font-size:4.5vh;line-height:4.5vh;}
	#ulparada2 .navtexto3 .ui-li-desc {font-size:3.5vh;line-height:3.5vh;max-width:80vw;font-weight:bold;color:#87b03a;}
	#ulparada2 .navtexto3 p {font-size:2vh;line-height:2vh;}
	.landscapebr {display:initial}
	.verticalbr {display:none}
	
}
/* Si la pantalla es más grande que esto */
@media screen and (min-width: 1024px) {
	.ui-block-a .buttonStylismo{
		width:24vw;
		height:18vh;
	}
	.ui-block-b .buttonStylismo{
		width:24vw;
		height:18vh;
	}
	.mymargin {
		margin-top:3vh
	}
	#cabeceraMovil3 {
		height:12vh;
	}
	#footerMovil3{
		height:12vh;
	}
	#footerMovil3>div:nth-child(1){
		width:25vw;
	}
	#footerMovil3>div:nth-child(2){

	}
	.circle{
		width:10vw; 
		height:15vh; 
		border-radius:150px; 
		-moz-border-radius:150px; 
		-webkit-border-radius:150px; 
		font-size:8vh; 
	}
}
@media screen and (min-width: 1080px) {
	.ui-block-a .buttonStylismo{
		width:7vw;
		height:12vh;
	}
	.ui-block-b .buttonStylismo{
		width:7vw;
		height:12vh;
	}
	/* Especificidad */
	.ui-grid-a>.ui-block-a>.buttonStylismo{
		margin-left: 38%;
	}
	.ui-grid-a>.ui-block-b>.buttonStylismo{
		margin-left: 38%;
	}
	#contenidoMovil3 .customBlockStyleMovil3:nth-child(odd){
		margin-left:20%;
		width:30%;
		margin-bottom:1%;
	}
	#contenidoMovil3 .customBlockStyleMovil3:nth-child(even){
		margin-left:-7%;
		width:30%;
	}
	#contenidoMovil3 .customBlockStyleMovil3_IMG{
		width:20%;
		height:100%;
	}
	#cabeceraMovil3>.biggerbutton{
		font-size:23.5px;
		right:2%;
		top:14%;
	}
	#cabeceraMovil3>.biggerbutton2{
		display:none;
	}
	#mapa #opcionesAside{
		display:inline-flex;
		flex-grow: 1;
	}
	#capalineas .objetoslista{
		font-size:1.3em;
	}
}