@charset "utf-8";
/* CSS Document */
@font-face{font-family:'BadScript-Regular';src:url('fonts/BadScript-Regular.eot');src:url('fonts/BadScript-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/BadScript-Regular.woff') format('woff'),url('fonts/BadScript-Regular.ttf') format('truetype'),url('fonts/BadScript-Regular.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Yellowtail-Regular';src:url('fonts/Yellowtail-Regular.eot');src:url('fonts/Yellowtail-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Yellowtail-Regular.woff') format('woff'),url('fonts/Yellowtail-Regular.ttf') format('truetype'),url('fonts/Yellowtail-Regular.svg') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'HelveticaNeue';src:url('fonts/HelveticaNeue-Condensed.eot');src:url('fonts/HelveticaNeue-Condensed.eot?#iefix') format('embedded-opentype'),url('fonts/HHelveticaNeue-Condensed.woff') format('woff'),url('fonts/HelveticaNeue-Condensed.ttf') format('truetype'),url('fonts/HelveticaNeue-Condensed.svg') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'CenturyGothic';src:url('fonts/CenturyGothic.eot');src:url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),url('fonts/CenturyGothic.woff') format('woff'),url('fonts/CenturyGothic.ttf') format('truetype'),url('fonts/CenturyGothic.svg') format('svg');font-weight:normal;font-style:normal}



body{  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	 color:  #002F6C;width:100%; margin:0px;	background-color:  #F4F5FD;	font-size:14px;  }



h1{font-size:1.8em; margin:0px;}
h2{font-size:1.6em; margin:0px;}
h3{font-size:1.4em; margin:0px;}
h4{font-size:1.2em; margin:0px;}

p{	 font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	font-size:14px; line-height:25px;color: #002F6C; }

a:link { text-decoration:none;	color: #FFF}
a:visited {color: #FFF}
a:hover {color: #FFF}
a:active {color: #FFF}

a.negroMed:link { text-decoration:none;	color: #000}
a.negroMed:visited {color: #000}
a.negroMed:hover {color: #000}
a.negroMed:active {color: #000}

a.MenuPrinc:link {text-decoration:none;	color:  #002F6C; font-weight:bold; font-size:1em; margin-left:5px; letter-spacing:1px;}
a.MenuPrinc:visited {color:  #002F6C}
a.MenuPrinc:hover {color: #fff}
a.MenuPrinc:active {color:  #002F6C}






#CTop{background-color:    #99a923; text-align:right;padding-right:5%; z-index:999; height:20px; color:#FFF; position:fixed; width:95%;}
#CBottom{background-color:  #6C7C80; text-align: center; ;; z-index:999; height:20px; color:#FFF; width:100%;}


#CapaLogo {	width: auto;	height: auto;	padding:2px;	float: left;	position:  fixed;	left:0px;	top:20px;	background-color: ;	z-index:998;	overflow:hidden; display:inline;}


#CapaLogo2 { display:none;	width: auto;	height: auto;	padding:10px;	float: left;	position:fixed;	left:0px;	top:20px;	background-color: ;	z-index:997;	overflow:hidden;}

#CapaTop {	width:100%;	height: 80px;	overflow:hidden;	position:fixed;	left:0px;	top:20px;	padding:0px;	border-bottom:1px solid #99a923; z-index:899; background-color: #FAFAFA ;}

.CTopD {width: auto; height:80px;	padding:0px 25px;	float: right; text-align:center; border-left:1px solid #CCC; border-right: 1px solid #CCC; }
.CTopD2 {width: auto; height:80px;	padding:25px 25px;	float: right; text-align:center; border-left:1px solid #CCC; border-right: 1px solid #CCC; }
.CTopD2:hover  {
    background-color: #002F6C; color:#FFF;
}
#CTopRS {	width: auto;	height:auto;	padding:11px;	float: right;		overflow:hidden;}

#CTopRS2 {	width: auto;	height:auto;		float:   right;		overflow:hidden; padding-left:100px;}

#CTopRS3 {	width: auto;	height:auto;		float:   right;	border-right:1px solid #666;	overflow:hidden; padding-left:100px; display:none}


.CTRSa {	width: auto;	height:auto;	padding:10px;	float: right;overflow:hidden;}

#portada{	width:100%;	height: auto; margin:0px; margin-top:0px; position:relative; }

#reservas{ position:absolute; top:150px; left:7%; background-color: rgba(255, 255, 255, .6); padding:50px; width:400px; height:250px;   color: !important; z-index:789; line-height:40px;
-webkit-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
-moz-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25); }

#reservas2{ position: relative;  background-color: #FFF; padding:5px; width:100%; height: auto  ; z-index:789; line-height:40px; display: none ; left:0; 
 }

.reservasBT{color:#FFF; background-color:#EB5338; padding:10px; border:0px; font-size:0.7em; 
-webkit-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
-moz-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25); }


#Anuncio{ position:fixed; background-color:  #EB5338;  width:100%; height: auto;  z-index:3333; line-height:40px; text-align:center;  bottom:0px;color:#FFF; }

.capa40{ width:40%; margin-left:30%; text-align:center;}

.capa70{width:70%; margin-left:15%; overflow:hidden}

.capa60{width:68%; margin-left:16%; overflow:hidden}

.capa50{width:46%; float:left; padding:2%;}

.capa33{width:25%; float:left; padding:1%; margin:2%; border:  thin  solid  #E0E0E0; height:460px;}

.capa50B{width:40%; float:left; padding:20px 5%;}
.capa50c{width:50%; float:left; padding:0; margin:0; }

.capa50_100{width:50%; float:left; padding:0; margin:0; }
.deco{ width:calc(94% - 0px); margin:3%; padding:0px; background-color:#EEEFF0; height:400px; background-size: cover;        /* que cubra toda la capa */
    background-position: center;   /* centrada */
    background-repeat: no-repeat; position:relative  /* que no se repita */ }
.deco h2 p{ text-align:center}
.cuadradikoA{background-color:rgba(255,255,255,0.7); margin:0; padding:20px; width:calc(100% - 40px); position:absolute; bottom:0}

#Piedepagina{overflow: hidden;height: auto;	background-color: #F8F8F8;	width:100%;	border-top:solid #3b5b7b 2px; padding-top:20px; bottom:0px; position: static	}
	
.Pies{width:29%;margin:2%;margin-top:0px;float:left;}

.Pies2{width:29%;margin-lef:2%; margin-right:2%;margin-top:0px;float:left;}


#cMENU{ display:none; width:calc(100% - 40px); padding:20px; position:absolute; top:0px; left:0px; background-color:rgba(153, 169, 35, 1); z-index:9999; color:#000}

.artmenu{ padding:10px;}

.artmenuCerrar{ padding:2%; text-align:right; width:96%}


#capaPRI{width:70%; margin-left:15%; margin-top:40px; text-align:center;overflow:hidden}

#capa20 {width: 23%; margin:1%;float:left;text-align:center; overflow:hidden }


#reservasB{ background-color:#EB5338; width:76%; padding-top:15px; padding-bottom:8px; padding-left:23%; padding-right:1%; text-align:right; margin-top:70px; color:#FFF; overflow:hidden;}

.reservasB3{color:#EB5338; background-color: #FFF; padding:3px; border:1px  #000; font-size:0.7em;}


.reservasB3A{float:right; width:auto; width:69%; text-align: right;}
.reservasB3B{float: left; width:auto; width:30%; text-align:center; }


#mapa1{ display: inline}
#mapa2{ display:none}
#mapa3{ display:none}

#mapa1B{ display: inline}
#mapa2B{ display:none}
#mapa3B{ display:none}

#capagris{ height:30px; background-color: #E2E7E2; width:100%; text-align:center; padding-top:10px; color:#EB5338}

.camposform100{padding: 0px 10px; border: 2px solid  #264C5E; margin: 0px auto 20px; line-height: 45px; font-size: 13px; text-decoration: none; box-sizing: border-box; vertical-align: top;  width: 99%; height: 45px; background: none;}
.camposform50{padding: 0px 10px; border: 2px solid #264C5E; margin: 0px auto 20px; line-height: 45px; font-size: 13px; text-decoration: none; box-sizing: border-box; vertical-align: top;  width: 50%; height: 45px; background: none;}



.ajuste{ height:500px; width:100%; display:inline}

.instaA{ width:35%; overflow:hidden; float:right}
.instaB{ width:61%; overflow:hidden; float:right; padding-left:2%; padding-right:2%;}


.formu{ padding:12px;}

.formutxt{ padding:10px; border:1px  #DDD solid;}

.ventana-tramite-incompleto{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fffae6;
    border: 1px solid #f0c040;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    z-index: 2000;
}
.ventana-tramite-incompleto a{
    color: #0066cc;
    font-weight: 600;
    text-decoration: none;
    margin-left: 10px;
}

@media (max-width:1600px) {
	

#reservas{ position:absolute; top:100px; left:7%; background-color: rgba(255, 255, 255, .6); padding:30px; width:400px; height:auto;   color: !important; z-index:789; line-height:40px;
-webkit-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
-moz-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25); }
}

@media (max-width:1400px) {
	
	#mapa2{ display: inline}
	#mapa1{ display: none}
	#mapa3{ display:none}
	
#mapa1B{ display:none }
#mapa2B{ display:inline}
#mapa3B{ display:none}


#reservas{ position:absolute; top:50px; left:5%; background-color: rgba(255, 255, 255, .6); padding:10px; width:auto; height:auto;   color: !important; z-index:789; line-height:40px;
-webkit-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
-moz-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25); }
#capa20 {width: 30%; margin:1%;float:left;text-align:center; }
}
@media (max-width:1200px) {

#reservas{ position:absolute; top:50px; left:3%; background-color: rgba(255, 255, 255, .6); padding:3px; width: auto ; height: auto;   color: !important; z-index:789; line-height:40px;
-webkit-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
-moz-box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25);
box-shadow: 5px 5px 2px 0px rgba(45,10,0,0.25); }
}

@media (max-width:1100px) {
	
.instaA{ width:100%; overflow:hidden; float:right}
.instaB{ width:100%; overflow:hidden; float:right}	
	
	
	.ajuste{ height:100px; width:100%; display: none}
	
#CapaLogo { display:none}

#CapaLogo2 { display:inline}

	#reservasB{ display:none}
	.capa60{width:96%; margin-left:2%; overflow:hidden}
.capa33{width:94%; float:left; padding:1%; height:auto}
	
	#capa20 {width: 48%; margin:1%;float:left;text-align:center; }
	
	.Pies{width:100%;margin:0%;margin-top:20px;float:left; padding-left:15PX;}
	#reservas{ display:none }
	#reservas2{ display:  inline }
	#CTopRS3 { display:inline}
	#CTopRS2 { display:none }
	#CapaLogo2 {	position:    absolute;	}
		#CapaLogo {	width: auto;	height: auto;	padding:5px;	float: left;	position:  fixed;	left:0px;	top:0px;	background-color: ;	z-index:999;	overflow:hidden;}
	#CapaTop {		position: relative;	 background-color: #FFF ;}
	#CapaTop { margin-bottom:20px; }
	.capa40{ width:94%; margin-left:3%; text-align:center;}
	.capa70{width:96%; margin-left:2%;}
	#portada{ display:none}
	#capaPRI{width:96%; margin-left:2%; margin-top:40px}
	.capa50B{width:90%; float:left; padding:5%;}
	.capa50c{width:100%; }	
.capa50_100{width:100%; }		
	#mapa2{ display: none}
	#mapa1{ display: none}
	#mapa3{ display:inline}
	#mapa1B{ display: none}
#mapa2B{ display:none}
#mapa3B{ display:inline}
	
	
	}