/* general*/

*{margin:0;padding:0;font-family: 'Playfair Display', serif;;color:#424242;}
body{margin:0 auto;color:#DF7401;width:90%;background:white;}
.rompe{clear: both;}
.cartel{display:block;text-align:center;margin: 0 auto;}
.span3{color:red;font-weight:bold;}
.span2{color:#6E6E6E;font-size: 1.4em;letter-spacing: 2px}
p:first-letter{color:#B43104;font-size:1.5em;padding-left:15px;}
ul {list-style:none}
#txt_politica,#txt_aviso,#txt_clausula{text-align: justify;}
.matojo{display:block;margin:auto;width:50px;text-align: center;}
#poli:hover{cursor:pointer;color:#000;}
#aviso:hover{cursor:pointer;color:#000;}
#norma:hover{cursor:pointer;color:#000;}
#mailto:hover{cursor:pointer;color:#000;}
#gps:hover{cursor:pointer;color:#000;}
#twitter:hover,#facebook:hover{cursor:pointer;color:#000;}
.ocupa{display:block;margin:auto;width:140px;text-align: center;}
.notas{display:block;margin:auto;font-size:1.4em;text-align: center;color:red}
.ocupa:hover{cursor:pointer;}
.cartel:hover{cursor:pointer;}
#mailtoico:hover{cursor:pointer;}
.tituloocio{text-align:center;color: #A4A4A4;font-size: 2.1em;}
.ocio{line-height: 2em;font-size:1.3em;text-align:justify;color:#6E6E6E;}
#datepicker{margin-left:25%;overflow-x:auto;}
.subti{width:100%;color: #8A4B08;padding: 0;font-size:0.8em;text-align: center;}
.oculta{display:none;}
.fotica{padding:10px;width:100px;height:100px;}
.rotulo{font-size:3em;text-align: center;color:#FF8000;}
.subrotulo{color:#A4A4A4;text-align: center;font-size:1.3em;letter-spacing: 2px}
hr{color:#A4A4A4;border:1;}
input{height:30px;font-size:medium;border: none;border-bottom: 1px solid black;}
input[type=number]{width:25%;font-size:small;}
input[type=text]{width:100%;font-size:medium;}
input[type=submit]{width:80%;font-size:medium;cursor:pointer;color:#514E4E;}
input[type=checkbox]{font-size:medium;float:left;}
input[type=button]{width:80%;font-size:medium;cursor:pointer;color:#514E4E;}
.formularios{margin-left:10%;width:80%;}
#lbl{font-weight:bold;float:none;text-align:left;padding:15px;color:black;font-size:medium;}
#lbl:hover{color:red;cursor:pointer;}

textarea{width:80%;font-size:small;border: none;border-bottom: 1px solid black;}
.linea0{padding-left:15px;text-align:left;text-decoration:underline;font-size: 1.4em;}
#secreto{display:none;}
.visillo{height:4.5em;}
.comunicaciones{vertical-align: middle;padding-right:3px;width:32px;}
.imagen{display:block;margin-left:auto;margin-right:auto;width:90%;text-align: center;
	-webkit-transition: opacity 2s;
	transition: opacity 2s;
}

.servicios{display:block;text-align:center;margin: 0 auto;width:100%;}
.iconitos{float:left; width:40px; height:60px;}
.final{color:#A4A4A4;width:100%;padding-bottom:5px;text-align: center;line-height: 3em;}
.txtlegal {color:gray;font-size:1.2em;	text-align: justify;padding-left:20px;}
ul.legal{list-style-type: square;margin-left:20px;text-align:justify}

#menu{width:100%;}
#menu li>a{color:#6E6E6E;padding:4px;display:block;text-decoration:none;font-size:1.3em;background:white;}
#menu li>a:hover{color:#1C1C1C;}
#menu>li{float:left;text-align:center;width:25%;}
#menu>li>ul{display:none;}
#menu>li:hover>ul{display:block;}
#bloque{position:absolute;z-index:-2;width:90%;}
.primeraimpresion{float:left;width:60%;padding:5px;padding-right:10px;}
.primeraimpresion2{float:right;width:60%;padding:5px;padding-left:10px;}
.subtitocio{text-align:center;font-size: 2.5em;color: #8A4B08;font-weight: bold;padding-top:20px;}
.txtjcyl{font-size: 1.5em;text-align:center;color: gray;}
.logo{float:left;}
.lista {float: left;overflow-y:scroll;width: 100%;max-height: 200px;min-height: 0px;text-align: left;background: #F2F2F2;}
.fotorama__wrap {margin: 0 auto;} /* para centrar Fotorama en pantalla ummmmmmmm */
.candeledatxt,.linea0{width:98%;line-height:1.8em;padding:20px;text-align:justify;font-size: 1.1em;}
.candeledatitulo{text-align:center;color: #8A4B08;font-size:3em;}
.candeledamapa{margin:0;padding:0;display:block;width:100%;text-align: center;height:400px;}
.video{margin:0 auto;display:block;width:800px;height:496px;text-align: center;padding:5px;border: 2px solid #CCCCCC;}
.candeledatitulofiesta{text-align:center;color:#6E6E6E;font-size:1em;font-weight:bold;}
.wiki{color:#6E6E6E;font-size:0.9em;float:right;}

.tarifaizq{float:left;width:40%;background:#F6E3CE;color:#000;
-webkit-box-shadow: 17px 13px 14px 4px rgba(0,0,0,0.58);
-moz-box-shadow: 17px 13px 14px 4px rgba(0,0,0,0.58);
box-shadow: 17px 13px 14px 4px rgba(0,0,0,0.58);
}

.tarifader{float:right;width:40%;background:#F6E3CE;color:#000;
-webkit-box-shadow: 17px 13px 14px 4px rgba(0,0,0,0.58);
-moz-box-shadow: 17px 13px 14px 4px rgba(0,0,0,0.58);
box-shadow: 17px 13px 14px 4px rgba(0,0,0,0.58);
}

.periodo{text-align: center;font-size:350%;color:#A4A4A4;}
.precio{text-align: center;background:#fff;font-size:400%;color:red;}
.temporada{text-align: center;font-size:1.7em;color:#000;background:#D8D8D8;}

.quever{float:left;width:50%;background:#fff;color:#000;}
.quevertitulo{display:block;margin:0 auto;text-align:center;color:#6E6E6E;font-weight:bold;background:#E6E6E6;width:98%;}
.queverimagen{display:block;margin-left:auto;margin-right:auto;width:98%;}
.quevertxt{padding:8px;width:95%;text-align: justify;color:#6E6E6E;font-size:1.3em;}






/* *****************    Media Querys comprobadas *********************************************** */


/* monitores grandes, mi Acer */
@media (min-width:1024px){
#datepicker{margin-left:17%;}

.rotulo{font-size:3em;text-align: center;color:#FF8000;}
.subrotulo{color:#A4A4A4;text-align: center;font-size:1.3em;letter-spacing: 2px}
.span2{font-size: 1.4em}
input{height:30px;font-size:medium;border: none;border-bottom: 1px solid black;}
input[type=number]{width:25%;font-size:small;}
input[type=text]{width:100%;font-size:medium;}
input[type=submit]{width:80%;font-size:medium;cursor:pointer;color:#514E4E;}
input[type=checkbox]{font-size:medium;float:left;}
input[type=button]{width:80%;font-size:medium;cursor:pointer;color:#514E4E;}
.formularios{margin-left:10%;width:80%;}
#lbl{font-weight:bold;float:none;text-align:left;padding:15px;color:black;font-size:medium;}
#lbl:hover{color:red;cursor:pointer;}
textarea{width:80%;font-size:small;border: none;border-bottom: 1px solid black;}
.comunicaciones{vertical-align: middle;padding-right:3px;width:32px;}
.imagen{display:block;margin-left:auto;margin-right:auto;width:90%;text-align: center;
	-webkit-transition: opacity 2s;
	transition: opacity 2s;
}
.ocupa{display:block;margin:auto;text-align: center;}
.servicios{width:50%;text-align: center;display:block;margin:auto;}
.iconitos{float:left; width:40px; height:60px;}
.final{color:#A4A4A4;width:100%;padding-bottom:5px;text-align: center;line-height: 3em;}
.txtlegal {color:gray;font-size:1.2em;	text-align: justify;padding-left:20px;}
ul.legal{list-style-type: square;margin-left:20px;text-align:justify}
#menu{width:100%;}
#menu li>a{color:#6E6E6E;padding:4px;display:block;text-decoration:none;font-size:1.3em;background:white;}
#menu li>a:hover{color:#1C1C1C;}
#menu>li{float:left;text-align:center;width:25%;}
#menu>li>ul{display:none;}
#menu>li:hover>ul{display:block;}
#bloque{position:absolute;z-index:-2;width:90%;}
.primeraimpresion{float:left;width:60%;padding:5px;padding-right:10px;}
.primeraimpresion2{float:right;width:60%;padding:5px;padding-left:10px;}
.subtitocio{text-align:center;font-size: 2.5em;color: #8A4B08;font-weight: bold;padding-top:20px;}
.txtjcyl{font-size: 1.5em;text-align:center;color: gray;}
.logo{float:left;}
.lista {float: left;overflow-y:scroll;width: 100%;max-height: 200px;min-height: 0px;text-align: left;background: #F2F2F2;}
.fotorama__wrap {margin: 0 auto;} /* para centrar Fotorama en pantalla ummmmmmmm */
.candeledatxt,.linea0{width:98%;line-height:1.8em;padding:20px;text-align:justify;font-size: 1.1em;}
.candeledatitulo{text-align:center;color: #8A4B08;font-size:3em;}
.candeledamapa{margin:0;padding:0;display:block;width:100%;text-align: center;height:400px;}
.video{margin:0 auto;display:block;width:800px;height:496px;text-align: center;padding:5px;border: 2px solid #CCCCCC;}
.candeledatitulofiesta{text-align:center;color:#6E6E6E;font-size:1em;font-weight:bold;}
.wiki{color:#6E6E6E;font-size:0.9em;float:right;}
.quevertitulo{font-size:1.4em;}
}


/* movil toñi apaisado, mio apaisado,  Tablet vertical */
@media (max-width:640px) and (min-width:480px){
.rotulo{font-size:2.3em;}
.subrotulo{font-size:1em;}
.span2{font-size: 1.3em;}
#menu li>a{padding:4px;font-size:1em;}
.ocupa{width:100px;}
#datepicker{margin-left:0;}
.ocio{line-heigh:1.2em;font-size:1.2em;}
.tituloocio{font-size: 1.8em;}
.visillo{height:2em;}
input[type=text]{width:20%;font-size:medium;}
input[type=button]{width:25%;}
input[type=submit]{width:25%;}
.video{width:450px;height:280px;}
.final{font-size:small;padding-bottom:3px;line-height: 2em;}
.tarifaizq,.tarifader{width:48%;}
.periodo{font-size:150%;}
.precio{font-size:400%;}
.temporada{font-size:1.1em;}
.quevertitulo{font-size:1em;}
.quevertxt{padding:8px;width:95%;font-size:0.9em}
}

/* iPhone eXpensive apaisado*/
@media (max-width:768px) and (min-width:641px){
.rotulo{font-size:3em;}
.subrotulo{font-size:1.3em;}
.video{width:500px;height:310px;}
.tituloocio{font-size: 1.8em;}
#datepicker{margin-left:0;}
#menu li>a{padding:4px;font-size:1.9em;}
.periodo{font-size:1.5em;}
.precio{font-size:3.5em;}
.temporada{font-size:1.1em;}
}

/* mi movil vertical, movil toñi vertical */
@media (max-width:480px) and (min-width:320px){
.span2{font-size: 0.5em;}
.tituloocio{font-size: 1.5em;}
.cartel{width:90%;}
.subtitocio{font-size: 1.2em;padding-top:20px;}
#datepicker{margin-left:0;}
.ocio{line-height: 1.7em;font-size:1.1em;}
.final{padding-bottom:1px;line-height: 1em;}
.video{width:90%;height:auto;}
.matojo{width:25px;}
.ocupa{width:80px;}
input[type=text]{width:15%;font-size:medium;}
input[type=button]{width:25%;font-size:medium;}
input[type=submit]{width:25%;font-size:medium;cursor:pointer;color:#514E4E;}
.rotulo{font-size:1em;}
.visillo{height:1.5em;}
.subrotulo{font-size:0.3em;}
#menu li>a{padding:1px;font-size:0.8em;}
.tarifaizq,.tarifader{width:48%;}
.periodo{font-size:1em;}
.precio{font-size:2.5em;}
.temporada{font-size:0.8em;}
.quever{float:left;width:100%;background:#fff;color:#000;}
.quevertxt{padding:8px;width:95%;text-align: justify;font-size:0.9em}
}

/* moviles mas pequeñoos que el mio */
@media (max-width:319px) and (min-width:240px) {
.logo{width:50px;}
#menu li>a{padding:4px;font-size:0.6em;}
.span2{font-size: 0.5em;}
.tituloocio{font-size: 1em;}
.subtitocio{font-size: 1.2em;padding-top:20px;}
.caja1{font-size:1.2em;}
#datepicker{margin-left:0;}
.ocio{line-height: 1.7em;font-size:0.9em;}
.cartel{width:90%;}
.matojo{width:25px;}
.visillo{height:1.5em;}
.ocupa{width:80px;}
.rotulo{font-size:1em;}
.subrotulo{font-size:0.3em;}
input[type=text]{width:15%;font-size:medium;}
input[type=button]{width:25%;font-size:medium;}
input[type=submit]{width:25%;}
.linea0{padding-left:5px;font-size:0.9em;}
#lbl{font-weight:bold;float:none;text-align:left;padding:15px;color:black;font-size:0.6em;}
.subti{font-size:0.8em;}
.primeraimpresion{width:100%;padding-right:5px}
.primeraimpresion2{width:100%;padding-left:5px}
.txtjcyl{font-size: 0.9em;}
.final{font-size: 0.7em;display:block;line-height:1em;}
.fotica{padding:3px;width:70px;height:70px;}
ul.legal{font-size: 1em;}
.txtlegal{font-size:1em;padding:5px;width:100%}
.candeledatxt{width:98%;line-height:1.5em;padding:5px;text-align:justify;font-size: 1.1em;}
.candeledamapa{padding:10px;width:97%;height:200px;}
.candeledatitulo{font-size:1.8em;}
.wiki{color:red;font-size:0.6em;float:right;}
.cendeledapiefoto{font-size:0.8em;} 
.visillo{background:#fff;height:3em;text-align: right;padding-top:2px;padding-right:2px;font-size:0.7em;}
.comunicaciones{width:15px;}
.tarifaizq,.tarifader{width:48%;}
.periodo{font-size:1em;}
.precio{font-size:2em;}
.temporada{font-size:0.8em;}
}

/* mi tablet apaisada*/
@media (max-width:1024px) and (min-width:768px){
.rotulo{font-size:3em;}
.subrotulo{font-size:1.2em;}
.tituloocio{font-size: 2em}
#datepicker{margin-left:0;}
.subti{font-size:1.5em;}
.visillo{height:3em;}
.ocio{line-height: 2em;font-size:1.3em;}
#menu li>a{padding:4px;font-size:1.2em;}
.span2{font-size:0.8em;}
.final{font-size: 1.3em;line-height: 1.5em;}
.video{width:640px;height:397px;}
.periodo{font-size:200%;}
.precio{font-size:400%;}
.temporada{font-size:1.4em;}
}

/* Portatil*/
@media (max-width:1390px) and (min-width:1025px){
.span2{font-size: 1em}
.final{padding-bottom:5px;line-height: 1.5em;}
}