@charset "utf-8";
/* CSS Document */

html            		   			{ margin:0; padding:0; background:url(../imgs/fondo.png) center repeat; height:100%;}
body    		           			{ width:100%; height:100%; max-height:1200px; margin:0; padding:0; font-size:14px; font-family: 'Berkshire Swash', Helvetica, sans-serif;}



/* * * * * *  html 5 fix  * * * * * */

section,
article,
header,
footer,
nav,
aside,
hgroup						{ display: block;}



/* * * * * *  resets  * * * * * */

nav, a 						{ text-decoration:none; color:inherit;}
img							{ border:none;}


/* * * * * * estructura  * * * * * */

header, footer				{ width:100%; background-color:#020202; border-bottom:1px solid #dfab00;
								box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.8);
								-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.8);}
header						{ position:absolute; z-index:500; top:0px;}
#cuerpo, #cuerpoInterior	{ height:100%; width:100%; max-width:900px; margin:0 auto; overflow-y:hidden;
								box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.8);
								-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.8);}
#cuerpo						{ background:url(../imgs/imgMar.jpg) no-repeat center; background-size:cover; }
#cuerpoInterior				{ background:url(../imgs/fondoInterior.png) repeat top left;}
.contenedor					{ box-sizing:border-box; margin:117px 0 73px 0; padding:4% 25px 4% 5%; overflow-y:auto;
								height:-webkit-calc(100% - 190px);
								height:-moz-calc(100% - 190px);
								height: calc(100% - 190px);}
footer						{ position:absolute; bottom:0px; z-index:500; border-top:1px solid #dfab00; text-align:center;}


/* * * * * * elementos  * * * * * */

/* * Portada * */
#logo						{ margin-left:2%;}
#logo img					{ height:116px; vertical-align:bottom;}
.contenedorAncho			{ max-width:885px; padding-right:15px; margin:0 auto;}
.piePortada					{ position:relative; display:table; width:100%; max-width:885px; margin:0 auto;}
.pie-vinculos, .pie-centro, .pie-conecta
							{ display:table-cell; vertical-align:middle;}
.pie-vinculos				{ width:23%; padding-left:2%; text-align:left;}
.pie-centro					{ width:50%; text-align:center;}
.pie-conecta				{ width:23%; padding-right:2%; text-align:right;}
/* * Listado de viajes * */
.cabeceraListado			{ position:relative; margin-bottom:35px;}
.botoneraListado			{ float:right; margin-top:-15px;}
.elementoListado			{ display:block; margin-bottom:30px; padding:5px 1em 5px 50px ; border-radius:10px; background:#ded7bd url(../imgs/fondoElemLista.png) repeat-y;
								box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8);
								-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.8);}
.elementoListado:hover		{ box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
								-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);}								
.miniaturaViaje				{ box-sizing:border-box; width:25%; border:solid 1px #939082; border-right-color:#f5f0dc;border-bottom-color:#f5f0dc; vertical-align:top;}
.elemListaDesripcion		{ box-sizing:border-box; display:inline-block; width:50%; padding-left:10px;}
.elemListaEtiqueta			{ box-sizing:border-box; float:right; position:relative; top:-15px; line-height:15px; padding:0 10px 5px 10px; text-align:center; border:3px solid #ebc852; border-radius:10px; background-color:#FFF; 
								box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
								-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.6);}
.huecoEtiqueta				{ display:inline-block; width:40%; height:5px; vertical-align: super; border-radius:3px; background-color:#ded7bd;
								box-shadow: inset 3px 3px 3px rgba(0,0,0,0.6);
								-webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.6);}							
/* * Viaje * */
.imagenViaje				{ float:left; width:45%; margin-right:5%; border:solid 1px #deac07; vertical-align:top;
								box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
								-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}
.viajeDatos					{ clear:both; position:relative; padding:30px 0;}
.viajeNavegacionDatos		{}
.viajeTabSeccion, .viajeTabSeccionOn, .viajeTabSeccion:hover
							{ display:inline-block; width:24%; text-align:center; border-bottom:1px solid #222; border-top-left-radius:10px; border-top-right-radius:10px; font: 1.286em/*18:14*//40px 'Berkshire Swash', Helvetica, sans-serif; color:#ffc400; background-color:#5e5e5e;}
.viajeTabSeccionOn, .viajeTabSeccion:hover
							{ cursor:default; border-bottom:1px solid #ffc400; background-color:#333;
								box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4), 0px 0px 2px 0px rgba(0,0,0,1);
								-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4), 0px 0px 2px 0px rgba(0,0,0,1);}
.viajeTabSeccion:hover		{ cursor:pointer; background-color:#494949;}
.viajeTextoDatos			{ height:90%; padding:5%; z-index:10; background-color:#dcd6c1;
								box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
								-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);}
#itinerario .viajeTabSeccionOn, #itinerario2 .viajeTabSeccionOn
							{ position:absolute; top:30px; left:0;}
#precios .viajeTabSeccionOn	{ position:absolute; top:30px; left:24.37%;}
#info .viajeTabSeccionOn	{ position:absolute; top:30px; left:48.7%;}
#incluye .viajeTabSeccionOn	{ position:absolute; top:30px; left:73.05%;}
.viajeTextoDatos:not(:target)
							{ display:none;}
#itinerario2				{ display:block;}							
#itinerario:target, #precios:target, #info:target, #incluye:target
							{ display:block;}
#itinerario:target~#itinerario2, #precios:target~#itinerario2, #info:target~#itinerario2, #incluye:target~#itinerario2
							{ display:none;}

/* * ventana popup * */
.modal						{ display:none; position:fixed; top:25%; left:25%; z-index:100; width:50%; max-width:649px;}


/* * * * * * genericos  * * * * * */


.left						{ float:left;}
.right						{ float:right;}
.vertical					{ vertical-align:middle;}
.alineaD					{ text-align:right;}
.alineaC					{ text-align:center;}
.in-block					{ display:inline-block;}
.inline						{ display:inline;}
.unaLinea					{ white-space: nowrap;}



/* * * * * * texto  * * * * * */

.mainTit, .mainTxt, .navegacion, .pieGr, .pieMd, .piePq, .contacto
							{ font: 2em/*28:14*/ 'Berkshire Swash', Helvetica, sans-serif;}
.sombra						{ text-shadow:
							0px 1px 1px rgba(0, 0, 0, 1),
							-1px 0px 1px rgba(0, 0, 0, 1),
							0px -1px 1px rgba(0, 0, 0, 1),
							1px 0px 1px rgba(0, 0, 0, 1)}
.mainTxt, .pieMd			{ font-size: 1.286em/*18:14*/;}
.navegacion					{ font-size: 1.214em/*17:14*/;}
.pieGr						{ font-size: 1.571em/*22:14*/;}
.piePq						{ font-size: 0.928em/*13:14*/;}
.contacto					{ font-size: 1.143em/*16:14*/;}

.textoBloque				{ font-family:'Overlock', Arial, Helvetica, sans-serif; text-shadow: 0px 0px 1px rgba(0,0,0,0.5);}

.blanco						{ color:#FFF;}
.amarillo					{ color:#ffc400;}
.marron						{ color:#856600;}
.negro						{ color:#000;}
.gris						{ color:#666;}
.marronOscuro				{ color:#2c2200;}


/* * * * * *  botones  * * * * * */

/* * Cabecera y pie * */

.boton-CabGr, .pie-botConecta{ position:relative; display:inline-block; width:118px; height:40px;  border:0px solid rgba(0,0,0,0); background-size:100% 100%,1% 1%; background-position:50% 50%; background-color:transparent; box-sizing:border-box; background-origin: border-box; background-repeat:no-repeat;
							-moz-background-clip: padding;
		  		  		    -webkit-background-clip: padding;
  							background-clip: padding-box;
							-webkit-transition: background-size 0.1s, transform 0.8s, border 0.8s;
							-moz-transition: background-size 0.1s, transform 0.8s, border 0.8s;
							-o-transition: background-size 0.1s, transform 0.8s, border 0.8s;
							-ms-transition: background-size 0.1s, transform 0.8s, border 0.8s;
							transition: background-size 0.1s, transform 0.8s, border 0.8s;}
#precio						{ background-image:url(../imgs/cab-botPrecio.png),url(../imgs/fondoBot.png);}
#duracion					{ background-image:url(../imgs/cab-botDuracion.png),url(../imgs/fondoBot.png);}
#ofertas					{ background-image:url(../imgs/cab-botOfertas.png),url(../imgs/fondoBot.png);}
#destino					{ background-image:url(../imgs/cab-botDestinos.png),url(../imgs/fondoBot.png);}
#combinados					{ background-image:url(../imgs/cab-botCombinados.png),url(../imgs/fondoBot.png);}
#medida						{ background-image:url(../imgs/cab-botAmedida.png),url(../imgs/fondoBot.png);}
#tematicos					{ background-image:url(../imgs/cab-botTematicos.png),url(../imgs/fondoBot.png);}
.pie-botConecta				{ width:40px; height:40px;}
#correo						{ background-image:url(../imgs/pie-botCorreo.png),url(../imgs/fondoBot.png);}
#facebook					{ background-image:url(../imgs/pie-botFacebook.png),url(../imgs/fondoBot.png);}
#twitter					{ background-image:url(../imgs/pie-botTwitter.png),url(../imgs/fondoBot.png);}
.boton-CabGr:hover, .pie-botConecta:hover
							{ background-size:100%, 90% 90%; transform:scale(1.2); border:5px solid rgba(80,80,80,0); transition:all  0.5s;}
header a.amarillo:hover, footer a.amarillo:hover
							{ text-shadow:
							0px 1px 1px rgba(0, 0, 0, 1),
							-1px 0px 1px rgba(0, 0, 0, 1),
							0px -1px 1px rgba(0, 0, 0, 1),
							1px 0px 1px rgba(0, 0, 0, 1),
							0px 1px 2px rgba(255,196,0,0.5),
							-1px 0px 3px rgba(255,196,0,0.5),
							0px -1px 7px rgba(255,196,0,0.5),
							1px 0px 3px rgba(255,196,0,0.5);
							color:#fde9a6;}	
/* * listado * */

.botonReordenar				{ display:inline-block; width:77px; height:55px;}							

/* * * * *  Media queries  * * * * */

@media screen and (max-width:810px){
	#logo img					{ height:80px;}
	.boton-CabGr				{ width:40px; height:40px;}
	#precio						{ background-image:url(../imgs/cab-icoPrecio.png),url(../imgs/fondoBot.png);}
	#duracion					{ background-image:url(../imgs/cab-icoDuracion.png),url(../imgs/fondoBot.png);}
	#ofertas					{ background-image:url(../imgs/cab-icoOfertas.png),url(../imgs/fondoBot.png);}
	#destino					{ background-image:url(../imgs/cab-icoDestinos.png),url(../imgs/fondoBot.png);}
	#combinados					{ background-image:url(../imgs/cab-icoCombinados.png),url(../imgs/fondoBot.png);}
	#medida						{ background-image:url(../imgs/cab-icoAmedida.png),url(../imgs/fondoBot.png);}
	#tematicos					{ background-image:url(../imgs/cab-icoTematicos.png),url(../imgs/fondoBot.png);}
	.boton-CabGr:hover			{ background-size:100%, 90% 90%;}
	.boton-CabGr:hover:after	{ position:absolute; top:28px; right:0px; font: 1em/*14*/ 'Berkshire Swash', Helvetica, sans-serif; color:#ffc400; content:"";}
	#precio:hover:after			{ content:"Precio";}
	#duracion:hover:after		{ content:"Duración";}
	#ofertas:hover:after		{ content:"Ofertas";}
	#destino:hover:after		{ content:"Destino";}
	#combinados:hover:after		{ content:"Combinados";}
	#medida:hover:after			{ content:"A\00a0medida";}
	#tematicos:hover:after		{ content:"Temáticos";}
	#contactoCab				{ position:absolute; bottom:3px; right:5px;}
	.modal						{ display:none; position:fixed; top:25%; left:10%; z-index:100; width:80%; max-width:649px;}
	.pieGr						{ font-size: 1.286em/*18:14*/;}
}
@media screen and (max-width:590px){
	.boton-CabGr				{ width:46px; height:49px; background-size:100%; position:absolute; transition:none;}
	#precio						{ background-image:url(../imgs/dpeq-botPrecio.png); left:0; top:170px;}
	#duracion					{ background-image:url(../imgs/dpeq-botDuracion.png);left:0; top:220px;}
	#ofertas					{ background-image:url(../imgs/dpeq-botOfertas.png); right:0; top:170px;}
	#destino					{ background-image:url(../imgs/dpeq-botDestinos.png);left:0; top:120px;}
	#combinados					{ background-image:url(../imgs/dpeq-botCombinados.png);left:0; top:270px;}
	#medida						{ background-image:url(../imgs/dpeq-botAmedida.png); right:0; top:120px;}
	#tematicos					{ background-image:url(../imgs/dpeq-botTematicos.png); right:0; top:220px;}
	.boton-CabGr:hover			{ background-size:100%; transform:scale(1); border:none; transition:none;}
	.boton-CabGr:hover:after	{ display:none;}
	#precio:hover				{ background-image:url(../imgs/dpeq-botPrecioOver.png);}
	#duracion:hover				{ background-image:url(../imgs/dpeq-botDuracionOver.png);}
	#ofertas:hover				{ background-image:url(../imgs/dpeq-botOfertasOver.png);}
	#destino:hover				{ background-image:url(../imgs/dpeq-botDestinosOver.png);}
	#combinados:hover			{ background-image:url(../imgs/dpeq-botCombinadosOver.png);}
	#medida:hover				{ background-image:url(../imgs/dpeq-botAmedidaOver.png);}
	#tematicos:hover			{ background-image:url(../imgs/dpeq-botTematicosOver.png);}
	.pie-vinculos				{ width:50%;}
	.pie-centro					{ display:none;}
	.pie-conecta				{ width:50%;}
	.pieMd, .pieGr, .piePq		{ font-size: 1em;}
}