@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

body {
	position:absolute;
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
}

#volver {
	position:absolute;
	width:20%;
	height:20%;
	top:80%;
	left:80%;
	z-index:2;
}

#canarias {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}

#fondo {
	position:absolute;
	width:20%;
	height:20%;
	top:80%;
	left:80%;
	z-index:0;
	display:none;
}

#fondo img, .isla img {
	width:100%;
	height:auto;
}

#lapalma {
	position:absolute;
	width:13.23%;
	height:auto;
	left:4%;
	top:17.33%;
}

#elhierro {
	position:absolute;
	width:10.31%;
	height:auto;
	left:0;
	top:78.33%;
}

#lagomera {
	position:absolute;
	width:9.15%;
	height:auto;
	left:17.08%;
	top:64.67%;
}

#tenerife {
	position:absolute;
	width:20.92%;
	height:auto;
	left:29.08%;
	top:37.33%;
}

#grancanaria {
	position:absolute;
	width:12%;
	height:auto;
	left:50%;
	top:62.83%;
}

#fuerteventura {
	position:absolute;
	width:19.31%;
	height:auto;
	left:72%;
	top:28.33%;
}

#lanzarote {
	position:absolute;
	width:12.54%;
	height:auto;
	left:86.23%;
	top:2%;
}

#semana {
	position:absolute;
	width:100%;
	display:none;
	z-index:2;
}

#semana > ul, #semana > ul > li {
	margin:0;
	padding:0;
	list-style:none;
}

#semana > ul > li {
	float:left;
	width:14.28%;
	height:100%;
	text-align:center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color:#FFF;
	font-size:2vw;
	padding:2% 0;
	background-color:#001D25;
	background: #002b36; /* Old browsers */
	background: -moz-linear-gradient(top, #002b36 0%, #000c10 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002b36), color-stop(100%,#000c10)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #002b36 0%,#000c10 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #002b36 0%,#000c10 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #002b36 0%,#000c10 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002b36 0%,#000c10 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b36', endColorstr='#000c10',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
}

#semana > ul > li:hover {
	background-color:#5D4E36;
	background: #004F62; /* Old browsers */
	background: -moz-linear-gradient(top, #004F62 0%, #002835 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004F62), color-stop(100%,#002835)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004F62 0%,#002835 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004F62 0%,#002835 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004F62 0%,#002835 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004F62 0%,#002835 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004F62', endColorstr='#002835',GradientType=0 ); /* IE6-9 */
}

#semana > ul > li.activo {
	background-color:#5D4E36;
	background: #8d7753; /* Old browsers */
	background: -moz-linear-gradient(top, #8d7753 0%, #292217 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d7753), color-stop(100%,#292217)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8d7753 0%,#292217 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8d7753 0%,#292217 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8d7753 0%,#292217 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8d7753 0%,#292217 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d7753', endColorstr='#292217',GradientType=0 ); /* IE6-9 */
}
/*
#semana > ul > li > div {
}

#semana > ul > li > div > div {
	position:relative;
	padding-top:18%;
	text-align:center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color:#FFF;
	font-size:25px;
}

#semana > ul > li.activo > div {
	position:absolute;
	width:14.28%;
	height:100%;
}

.clear {
	clear:both;
}
*/

.contenido {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
}

#contenido_lapalma {
	background-image:url(../imagenes/contenido_lapalma.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

#contenido_elhierro {
	background-image:url(../imagenes/contenido_elhierro.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

#contenido_lagomera {
	background-image:url(../imagenes/contenido_lagomera.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

#contenido_tenerife {
	background-image:url(../imagenes/contenido_tenerife.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

#contenido_grancanaria {
	background-image:url(../imagenes/contenido_grancanaria.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

#contenido_fuerteventura {
	background-image:url(../imagenes/contenido_fuerteventura.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

#contenido_lanzarote {
	background-image:url(../imagenes/contenido_lanzarote.png);
	background-repeat:no-repeat;
	background-size:100% auto;		
}

.indicador {
	position:absolute;
	width:60px;
	height:60px;
}

.simbolo {
	max-width:60px;
	max-height:60px;
	width:5%;
}

.simbolo > img {
	width:100%;
	height:auto;
}

.max, .min {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:26px;
	width:60px;
	text-align:center;
	text-shadow: #000000 1px 1px 1px;
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1, Color=#000000)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0, Color=#000000)"; 
}

.max {
	color:#F00;
}

.min {
	color:#0CF;
}

#tf_1 {
	display:none;
	top:70.41%;
	left:33.75%;
}

#tf_2 {
	display:none;
	top:55.89%;
	left:30.94%;
}

#tf_3 {
	display:none;
	top:39.81%;
	left:44.71%;
}

#tf_4 {
	display:none;
	top:41.85%;
	left:55.52%;
}

#tf_5 {
	display:none;
	top:29.44%;
	left:63.75%;
}

#gc_1 {
	display:none;
	top:25.81%;
	left:50.71%;
}

#gc_2 {
	display:none;
	top:33.89%;
	left:35.94%;
}

#gc_3 {
	display:none;
	top:77.81%;
	left:34.71%;
}

#gc_4 {
	display:none;
	top:68.85%;
	left:58.52%;
}

#lp_1 {
	display:none;
	top:63.41%;
	left:40.75%;
}

#lp_2 {
	display:none;
	top:45.89%;
	left:54.94%;
}

#hi_1 {
	display:none;
	top:45.41%;
	left:62.75%;
}

#go_1 {
	display:none;
	top:60.41%;
	left:28.75%;
}

#lz_1 {
	display:none;
	top:70.41%;
	left:33.75%;
}

#lz_2 {
	display:none;
	top:39.81%;
	left:49.71%;
}

#lz_3 {
	display:none;
	top:70.81%;
	left:50.71%;
}

#fv_1 {
	display:none;
	top:67.41%;
	left:42.75%;
}

#fv_2 {
	display:none;
	top:26.89%;
	left:58.94%;
}

#fv_3 {
	display:none;
	top:59.81%;
	left:56.71%;
}

@media all and (min-width: 300px) {
	.max, .min {
		font-size:10px;
	}
	#tf_1_temp {
		display:none;
		top:68.41%;
		left:32.38%;
	}
	
	#tf_2_temp {
		display:none;
		top:53.89%;
		left:29.57%;
	}
	
	#tf_3_temp {
		display:none;
		top:37.81%;
		left:43.34%;
	}
	
	#tf_4_temp {
		display:none;
		top:39.85%;
		left:54.15%;
	}
	
	#tf_5_temp {
		display:none;
		top:27.44%;
		left:62.38%;
	}

	#gc_1_temp {
		display:none;
		top:23.81%;
		left:49.34%;
	}
	
	#gc_2_temp {
		display:none;
		top:31.89%;
		left:34.57%;
	}
	
	#gc_3_temp {
		display:none;
		top:75.81%;
		left:33.34%;
	}
	
	#gc_4_temp {
		display:none;
		top:66.85%;
		left:57.15%;
	}

	#lp_1_temp {
		display:none;
		top:61.41%;
		left:39.38%;
	}
	
	#lp_2_temp {
		display:none;
		top:43.89%;
		left:53.57%;
	}

	#go_1_temp {
		display:none;
		top:58.41%;
		left:27.38%;
	}
	
	#hi_1_temp {
		display:none;
		top:43.41%;
		left:61.38%;
	}
	
	#lz_1_temp {
		display:none;
		top:68.41%;
		left:32.38%;
	}
	
	#lz_2_temp {
		display:none;
		top:37.81%;
		left:48.34%;
	}
	
	#lz_3_temp {
		display:none;
		top:68.81%;
		left:49.34%;
	}
	
	#fv_1_temp {
		display:none;
		top:65.41%;
		left:41.38%;
	}
	
	#fv_2_temp {
		display:none;
		top:24.89%;
		left:57.57%;
	}
	
	#fv_3_temp {
		display:none;
		top:57.81%;
		left:55.34%;
	}
}

@media all and (min-width: 400px) {
	.max, .min {
		font-size:12px;
	}
}

@media all and (min-width: 500px) {
	.max, .min {
		font-size:14px;
	}
}

@media all and (min-width: 600px) {
	.max, .min {
		font-size:16px;
	}
}

@media all and (min-width: 700px) {
	.max, .min {
		font-size:18px;
	}
}

@media all and (min-width: 800px) {
	.max, .min {
		font-size:20px;
	}
}

@media all and (min-width: 900px) {
	.max, .min {
		font-size:22px;
	}

	#tf_1_temp {
		display:none;
		top:70.41%;
		left:37.38%;
	}
	
	#tf_2_temp {
		display:none;
		top:55.89%;
		left:34.57%;
	}
	
	#tf_3_temp {
		display:none;
		top:39.81%;
		left:48.34%;
	}
	
	#tf_4_temp {
		display:none;
		top:41.85%;
		left:59.15%;
	}
	
	#tf_5_temp {
		display:none;
		top:29.44%;
		left:67.38%;
	}

	#gc_1_temp {
		display:none;
		top:25.81%;
		left:54.34%;
	}
	
	#gc_2_temp {
		display:none;
		top:33.89%;
		left:39.57%;
	}
	
	#gc_3_temp {
		display:none;
		top:77.81%;
		left:38.34%;
	}
	
	#gc_4_temp {
		display:none;
		top:68.85%;
		left:62.15%;
	}

	#lp_1_temp {
		display:none;
		top:63.41%;
		left:44.38%;
	}
	
	#lp_2_temp {
		display:none;
		top:45.89%;
		left:58.57%;
	}

	#go_1_temp {
		display:none;
		top:60.41%;
		left:32.38%;
	}
	
	#hi_1_temp {
		display:none;
		top:45.41%;
		left:66.38%;
	}
	
	#lz_1_temp {
		display:none;
		top:70.41%;
		left:37.38%;
	}
	
	#lz_2_temp {
		display:none;
		top:39.81%;
		left:53.34%;
	}
	
	#lz_3_temp {
		display:none;
		top:70.81%;
		left:54.34%;
	}
	
	#fv_1_temp {
		display:none;
		top:67.41%;
		left:46.38%;
	}
	
	#fv_2_temp {
		display:none;
		top:26.89%;
		left:62.57%;
	}
	
	#fv_3_temp {
		display:none;
		top:59.81%;
		left:60.34%;
	}
}

@media all and (min-width: 1000px) {
	.max, .min {
		font-size:24px;
	}
}

@media all and (min-width: 1200px) {
	.max, .min {
		font-size:26px;
	}
}