@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}

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

p{	font-family:Century Gothic;	font-size:14px; line-height:25px;color: #666; }

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 {font-family: BadScript-Regular; text-decoration:none;	color:    #6C7C80; font-weight:bold; font-size:1.2em; margin-left:20px; letter-spacing:4px;}
a.MenuPrinc:visited {color:  #6C7C80}
a.MenuPrinc:hover {color: #5c9ccd}
a.MenuPrinc:active {color:  #6C7C80}



barra{border:none;border-top: thin solid #853B3C;}

body{ font-family:Century Gothic;	 color:  #333;width:100%; margin:0px;	background-color:  #FFF;	font-size:14px;  }

#CTop{background-color: #264E36; text-align:right;padding-right:5%; z-index:999; height:20px; color:#FFF; position:fixed; width:95%;}
#CBottom{background-color:  #264E36; 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 #853B3C; z-index:899; background-color: #FAFAFA ;}

.CTopD {width: auto; height:80px;	padding:30px;	float: right;}

#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;font-family:Century Gothic;
-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;font-family:Century Gothic; 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;font-family:Century Gothic; 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; min-height:460px; height:auto}

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

#Piedepagina{overflow: hidden;height: auto;	background-color: #F8F8F8;	width:100%;	border-top:solid #853B3C 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:auto; padding:20px; position:absolute; top:0px; right:0px; background-color:#254A5D; z-index:9999}
.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}

#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;}

.capa50100{ float:left; width:48%; padding:1%;}

.capa360A{width:70%; margin-left:15%; overflow:hidden; display:inline}
.capa360B{width:70%; margin-left:15%; overflow:hidden; display: none}

@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;font-family:Century Gothic;
-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}

#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;font-family:Century Gothic;
-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;font-family:Century Gothic;
-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) {
.capa50100{ float:left; width:98%; padding:1%;}	
.instaA{ width:100%; overflow:hidden; float:right}
.instaB{ width:100%; overflow:hidden; float:right}	
	

.capa360A{width:70%; margin-left:15%; overflow:hidden; display:none}
.capa360B{width:70%; margin-left:15%; overflow:hidden; display: inline}	
	.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; }
	#cMENU{ display:none; width:auto; padding:20px; position:absolute; top:0px; right:0px; background-color:#254A5D; z-index:9999}
	
	.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%;}
	
	#capaPRI{width:96%; margin-left:2%; margin-top:40px}
	.capa50B{width:90%; float:left; padding:5%;}
	.capa50c{width:100%; }	
		
	#mapa2{ display: none}
	#mapa1{ display: none}
	#mapa3{ display:inline}
	}