* {margin:0; padding:0;}
body{text-align:center;	width:auto;	height:100%; font-family: 'Montserrat', sans-serif; }
html, body {height:100%; }
header {width:100%; background:#FFFFFF; position:fixed; top:0; z-index:55; border-bottom:#1127AA solid 5px;}
nav {display:inline-block;}
p {line-height:2em; font-size:1vw; font-weight:bold;}
li {font-weight:bold;}
.muro h1 {margin:1em;}
ul {display:inline-block;}
.idiomas {opacity:0.5}
.muro h2 {padding-top:150px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color:#1127AA; font-size:calc(24px + .9vw)}

h3 {font-size: 2vw;}

/*MENÚ INICIAL*/
#menu {margin-right:auto; margin-left:auto;  display:inline-block; margin-top:20px;  font-size: 12px; padding-left:6em; padding-right:6em; }	
#menu li { position:relative; }	
#menu> li { display:inline-block; padding:0.625rem;}
#menu>li>a {text-decoration:none; padding:0.625rem; padding-bottom:5px; font-size:calc(10px + .4vw); text-transform:uppercase; color:#1127AA; } 
#menu li:hover>ul { visibility:visible;}
#menu>li:hover>a {color:#FFC602;}
#home #menu .home, #servicios #menu .servicios, #barcos #menu .barcos, #equipo #menu .equipo, #contacto #menu .contacto, #faq #menu .faq, #galeria #menu .galeria {border-bottom:solid #FFC602  2px; }

/*IDIOMAS*/
.idiomas {display:inline-block;  text-decoration:none; padding-left:3em; }
.idiomas li {display:inline-block; padding:0.625em;}
#idiomas { display:block}

/*TELÉFONO*/

header p {display:inline-block;  text-decoration:none;  font-size:calc(8px + .5vw);  position:relative; margin-left:20px; }
header p:before {content:""; width:100%; height:100%; position:absolute; top:0; left:-6em; background-image:url(../img/Optimizadas/llamad.png); background-size:contain; background-position:center; padding:1px; background-repeat:no-repeat;}


/*TITULO WEB*/
.titulo {position:absolute; left:0px; top:0px; z-index:70}
.titulo h1 {font-size:5px; margin-top:0.75em; margin-left:1.5em}
.titulo a {text-decoration:none;  text-align:left; visibility:hidden;}
.titulo img {position:absolute; left:2.5em; top:-6em; visibility:visible;  }



/*RESERVA AHORA*/
.gocontact a {text-transform:uppercase; color:white; padding:0.5em; background-color:#FFC602; text-decoration:none; position:absolute; font-weight:bold; border-radius:5px; }
.gocontact:hover a {box-shadow: 3px 2px 2px #1127AA; }

/*FOOTER*/

footer {position:relative; background-color:white;}

		
.footermenu {display:inline-block; padding:0.5em; z-index:3; position:relative; font-size:calc(8px + .5vw)}
.footermenu li {display:inline-block; padding:0.2em 2em;}
.footermenu a {color: #1127AA;  text-decoration:none; font-weight:bold }

.footermenu a:hover {border-bottom:2px solid #FFC602;}



/*SECCIÓN - CONTACTO*/

.contact{background-image:url(../img/Optimizadas/fondo-azul-1mini.jpg); background-size:cover;  color:white; position:relative; text-align:left; width:100%;  }
.contact h2 {font-size:calc(25px + .5vw); color:#FFC602; margin-bottom:1em; margin-top:2em}
.contact h3 { font-size:calc(15px + .3vw);}
.left ul {display:block; list-style:none; text-align: left; margin-left:3.5rem;}
.contact li {padding:0.5rem; margin-bottom:0.5rem; font-size: calc(10px + .3vw)}
.l p {margin-top:1em; font-size: calc(15px + .3vw)}
.left p {font-size: calc(10px + .3vw)}
.l h3+ p { margin-left:auto; margin-right:auto; font-style:italic;}
.l h4 { font-style:italic; font-size: calc(13px + .3vw)}
.left span {color:#FFC602; position:absolute; left:-1em; }
.line span {left:2em; }




.left { width:40%; display:inline-block; margin-left:15%; position:relative;   }
.right{ width:40%; display:inline-block;}
iframe {border:2px solid #FFC602; height:400px; width:100%; margin-top:2em }

	

		/*Redes sociales*/


.social a {list-style:none; color:white; font-size: calc(5px + .2vw)}
.social {  display:inline-block; width:100%; margin:1em 0   }
.social span {visibility:hidden}
aside {text-align:center;}
.social li { display:inline-block;  }
.social li:nth-child(1) a {background-image:url(../img/Optimizadas/f1.png); background-repeat:no-repeat; background-size:cover; padding: 3em 2.5em; background-position:center; transition:0.1s linear; margin-right: 20px}
.social li:nth-child(2) a {background-image:url(../img/Optimizadas/in1.png); background-repeat:no-repeat;  padding:3em 2.5em; background-size:cover; background-position:center; transition:0.1s linear;}
.social li:nth-child(1):hover a {background-image:url(../img/Optimizadas/f2.png);}
.social li:nth-child(2):hover a {background-image:url(../img/Optimizadas/in2.png);}

	
@media screen and (max-width:1350px){
				iframe {width:100%;}
				.titulo img {width:170px; left: 1em; top: -2.5em;}
				
}

@media screen and (min-width:1351px) and (max-width:1500px){
				.titulo img {width:250px; left: 1em;     top: -4.5em;}
}
 
@media screen and (min-width:1100px){ 
.contact {display:flex;}
}
@media screen and (max-width:1100px){
				
				.left, .right {display:block;}
				.left {padding-top:0.1em; margin-right:auto; margin-left:auto; width:50%; padding-bottom:0.5em}

				.right {margin-top:1em; margin-right:auto; margin-left:auto; width:80%; text-align:center;}
				.titulo img {width:140px; left: 0em; top: -1.5em;}

				

}

.cookies {position: fixed; bottom: 0; left: 0; right: 0; background: black; color: white; font-family: arial; text-align: center; padding:0.5em; z-index:100}

.cookies__boton {background: initial; border: 2px solid white; font-size: 1rem; color: white;  text-align: center; width:40px; padding:5px}
.cookies__titulo {font-size:20px;}
.cookies__texto {font-size:15px;}
.cookies button:hover {cursor: pointer; }



/*HEADER MENU*/

	@media screen and (max-width:1300px){
		.menu>#menu>li {padding:0.2em; }
		.titulo img {}
	}

			/* HEADER MENU TRAMO GRANDE*/
				
				@media screen and (min-width:1001px) {
				.icon-menu{display:none;}
				#menu {display:block !important; top:10px}
				#menu li {position:relative;}
				
				}
				/*HEADER MENU TRAMO PEQUEÑO*/
				
				@media screen and (max-width:1000px) {
				.menu {width:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative; height:65px }
				#menu {position:absolute; top:30px; left:50%; transform:translateX(-50%); width:100%; background:white; }
				.menu #menu li a {text-decoration:none; background-color:white; }
				header #menu>li {display:block; list-style:none; margin:1em; position:relative; font-size:1vw; }
				#home #menu .home, #servicios #menu .servicios, #barcos #menu .barcos, #equipo #menu .equipo, #contacto #menu .contacto, #faq #menu .faq, #galeria #menu .galeria {border-bottom:none; color:#FFC602; }
				header {border-bottom:none !important; position:fixed;}
				header .p {position:absolute; top:3px; right:1em;}
				
				.icon-menu {color:#FFC602; font-size:18px; position:absolute; top:20px; right:0; left:0; width:100%; z-index:20}

				.titulo img {width:200px; left: 0em; top: -4em;}

				

				#idiomas {position:absolute; top:1.5em; right:0.5em; background:none; z-index:25; }
				#idiomas .idiomas li { padding:0em; }
				#idiomas img {width:15px; height:15px; margin:5px;}
				#idiomas .idiomas {opacity:1;}

			    
				.cookies__titulo {font-size:15px;}
                .cookies__texto {font-size:10px;}

				}
				
			/*FOOTER + HEADER */
				
				@media screen and (max-width:500px){
				.muro h2 {padding-top:100px;}
				header .p:before {display:none;}
				.footermenu li { font-size:7px;}
				iframe {height:300px; margin-bottom:20px;}
				.contact li {padding:0;}
.titulo img {width:120px; left: 1em; top: -2em;}
#menu>li>a {padding:0;}
}


@media screen and (max-width:300px){
.footermenu	li { font-size:5px;}
iframe {height:250px;}
.line span {left:2em; }
.left ul {margin-left:2em;}
.titulo img {width:100px; left: 0em; top: -1em;}


}