* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

img{ width:100%}

body {
font-size:14px;
    font-size:1em;
    line-height: 1.1em; font-family: 'PT Sans Narrow', sans-serif;
    color: #999;
    background:#fff url(../images/bg.png) repeat-x;
    min-width: 100%;  
	   overflow-x: hidden;
	
}

a { 
	color: #006c54;
	text-decoration: none; 
}
 
a img {
	border: 0; 
}
 
.clear{
	clear:both; 
	height:2px;
}

img.right{ float:right; margin-left:20px; max-width:360px;}

 

/* -------------------------------------------------------------------------------------------------------
----> header
----------------------------------------------------------------------------------------------------------------- */
#header{ 
	width:1200px;
	margin:0 auto; 
	height:200px;  
	clear:both ;  
	padding:0;   
	 }
	
#header a.logo {

	max-width:200px; 
	width:25%;
	margin-left:30px;  
	margin-top:0; 
	float:left; 
	display:block;  
}
#header .datos { 
	width: 74%; 
	float:right; 
	margin-right: 20px;
	font-weight:normal;  
	margin-top:10px;  
	text-align:right; 

 	 }

 #header .datos   img { float:right; max-width:600px;
  margin-right:30px;
 	 }

#header .datos p {	  
	margin-top:10px;
	line-height:0.6em;   
	text-align:right; float:right; 
	font-size: 2.2em; color:#bcd9d2
 	 }

 #header .datos p a.cat{ background:#bcd9d2; display:block; color:#006c54; font-size:0.45em; text-transform:uppercase; border-radius:5px; padding:6px; text-align:center;  margin-top:8px;
 	 }
 #header .datos p a.cat:hover{ background:#006c54;  color:#fff; 
 	 }

 #header p a{    display:block;
	font-size: 0.5em; 
 	 }

 

/**********MENU***************/
 


/***************************/
 /* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none; text-align:right  }


nav#nav-mobile {
  position: relative;
  display: none; }
  
  
  
nav { }

nav#nav-main { float:right;  
	width:72%; padding:0;
	height:35px; 
	margin:30px 0; 
}

nav#nav-main ul {     list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; 
}
nav#nav-main li {
    display: inline-block;
    padding: 0 5px; 
}
nav#nav-main a { font-size:0.9em;
	color: #fff;  line-height:1em;  
	padding:  20px 35px 20px 30px; 
	display:block;     
	text-transform:uppercase; 
}

nav#nav-main a:hover ,
nav#nav-main a.active{
 	color:#81b5a9 }

 
 
 




/**********slider****/
#banner { margin:5px auto; padding:0; width:1200px; height:465px; 
	background:#FFF; box-shadow:#ccc  1px 2px 3px 3px;}
	
#banner img{   margin:0; padding:10px;  
	width: 100%; max-width:1180px;    
	} 

/* -------------------------------------------------------------------------------------------------------
----> MAIN
----------------------------------------------------------------------------------------------------------------- */

#content {
	width:1160px; margin:0 auto;
	padding:20px;
	padding-bottom:50px;  
	background:#fff;  
}

#content  h1, #content  h2{
	line-height:1.5em; 
	font-size:2.6em; padding-left:20px;  
	margin-bottom:10px;
	color:#006c54;	 
	font-weight:normal; text-transform:uppercase;
}
 
#content  h1 a{
	color:#ccc;	 
}
 #content  h1 a:hover{
	color:#888;	 
}
 

#content p.slogan {font-family: 'Satisfy', cursive;text-align:center; font-size:3em; color:#cce3de;
;}


span.gr{ font-size:2em;}


#content#error{ min-height:500px; font-size:1.8em; }
  
#content  h3{ 
	color:#006c54;	 
	line-height:1.5em;
	font-size:1.7em;
	border-bottom:1px solid #eee;
	margin-bottom:15px;
	margin-left:20px
} 


 
#content p { 
	 text-align:justify; 
	 line-height:1.5em;
	 margin-bottom:20px;
	 margin-left:20px; margin-right:20px; 
}

#content ul { margin-top:20px; margin-left:30px; margin-bottom:30px;}
#content ul li{
	margin-left:40px; list-style:url(../images/list.png); line-height:1.9em;
}

#content ul li strong{  color:#006c54; text-transform:uppercase;
}


/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------servicios ----------------------------------------------------------------------------------------------------------------*/
#content .dptos{ margin:18px; margin-top:0; clear:both;text-align:center;}
#content .dptos img{ margin:5px 15px 0 30px;float:right;  max-width:450px;} 
 #content .dptos img.europa{ margin:5px auto;float:none;  max-width:350px;} 

#content .dptos h3{ text-transform:uppercase; font-weight:normal; margin:0 ; margin-bottom:15px; padding:0; text-align:left}
#content .dptos p{  margin:0; padding:0; padding-bottom:15px;
} 



/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------servicios ----------------------------------------------------------------------------------------------------------------*/
#content .actividades{ margin:18px; margin-top:0; float:left; width:30%; text-align:center; min-height:425px;  }
#content .actividades img{  max-width:400px;} 
#content .actividades h3{ text-transform:uppercase; font-weight:normal; margin:0; padding:0}
#content .actividades p{  margin:0; padding:0; margin-bottom:5px;
} 

#content .actividades  a.cat{ background:#006c54; border-radius:5px; color:#fff; float:left; padding:5px 20px 5px 20px; margin-left:15px;
} 
#content .actividades  a.precio{ background:#d9ede8; border-radius:5px; padding:6px;  float:right ;padding:5px 20px 5px 20px; margin-right:15px;
} 
#content .actividades  a.precio:hover,#content .actividades  a.cat:hover{ background:#81b5a9;
} 


/*listado servicios*/
#content  ul.servicios{ font-size:1.5em; width:50%; float:left; margin-left:40px; color:#006c54;}
#content  img.serv{ float:right; width:40%; margin:30px; margin-bottom:0; max-width:460px;}

/*horario*/

#content p.horario {  margin:0; padding:0; width:40%; color:#aaa; font-size:1.2em; line-height:2em; text-align:right }
#content p.horario span {color:#006c54; font-size:1.3em }


.catalogo-movil{ display:none}

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------FOOTER ----------------------------------------------------------------------------------------------------------------*/

#footer { background:#006c54;  padding: 6px 0; width:100%; }
 
#footer p.copy { color:#fff; padding:0; margin:6px auto; width:1100px; font-size:0.9em;    text-align:center;}
#footer p.copy a { color:#fff;   }
#footer p.copy a:hover { text-decoration: none; }
#footer p.copy strong { text-transform:uppercase; color:#bcd9d2; font-size:1.5em}

#footer p.copy span { padding:0 7px; }
#footer p.copy a.by { float:right; font-size: 0.8em; right:20px;   text-transform:uppercase;   color:#333; margin:0; padding:0;}



.galeria  { min-height:200px;;}



.mapa { 
	width:45%; 
	float:right; 
	margin-right:30px;
}

.mapa p { 
	font-size:2.7em; 
	line-height:1.2em; 
	text-align:right;     
}
.mapa p span { 
	background:url(../images/icon.jpg) left top no-repeat; 
	padding-left:50px;
}

.mapa p a{
	 font-size:0.8em;
}



iframe{
		 margin-top:30px; margin-left:20px; height:400px;
		 width:95%; 
}

/*******  CONTACTO *************************************************************************/
/*****direccion ****************/
#content .direccion { 
	width:50%;   text-align:right;  
	float:left; 
	 margin-top:5px; margin-bottom:0; 
}  

#content  .direccion p{ text-align:right;   font-size:1.1em;
 
}

#content .direccion p span{font-size:0.9em} 
#content .direccion  iframe{ height:300px;}
/*****formulario contacto****************/
.contact{ 
	width:47%; 
	float:left;
	 margin-left:30px; 
	 margin-top:15px; 
}



p.aviso{font-family: 'PT Sans Narrow', sans-serif; text-align: left ; font-size:1em;  
	margin: 0;	padding: 3px;   }
	 
.label {margin: 2px 0; color:#222;}
	.field {margin: 0 0 20px 0;}	
	  	div#central {margin: 40px 0px 100px 0px;}
		@media all and (min-width: 768px) and (max-width: 979px) {.content {width: 750px;}}
		@media all and (max-width: 767px) {
			body {margin: 0 auto;word-wrap:break-word}
			.content {width:auto;}
			div#central {	margin: 40px 20px 100px 20px;}
		}
	 	input, textarea {width:100%;padding: 15px;font-size:1em;border: 1px solid #A1A1A1; font-family: 'PT Sans Narrow', sans-serif;	}
		input#aviso { float:left; width:30px; margin:5px; padding:3px}
			button { float:right;
			padding: 12px 60px;
			background: #006c54 ;
			border: none;
			color: #fff;
			font-size:1.3em; 
			cursor: pointer;	
		}
		#message {  padding: 0px 40px 0px 0px; }
		#mail-status {
		margin-top:15px;
			padding: 12px 20px;
			width: 100%;
			display:none; 
			font-size: 1em; 
			color: rgb(40, 40, 40);
		}
	  .error{background-color: #F7902D;  margin-bottom: 40px;}
	  .success{background-color: #75bb7d; }
		.g-recaptcha {margin: 0 0 35px 0;}	  
		#loader-icon img { max-width:90px;} 

/*
.verif{ 
	display: none; 
}

.contact a{ 
	color:#555; 
	text-decoration:underline
}


fieldset { 
	width:85%;
	display: block; 
	padding:15px;
	margin-left:15px;
	padding-left:45px; 
	border:1px dashed #ddd; 
	border-radius:15px; 
}


legend { 
	padding:7px 10px;  
	font-weight:normal; 
	font-size:19px;
	 color:#006c54;  
	 font-weight:bold;
	 text-transform:uppercase 
}


label {
	line-height:1.6em;
	display: inline-block;
	float: left; 
	width: 99px; 
}
label.gr {
	width: 328px; 
	float:left;  
}

 
input.polit{ 
	margin:10px 0; 
	padding:0; 
	float:left;
	position:relative; 
	width:20px;
}

input, textarea, select {
	background:#FFFFFF; 
	margin: 0; 
	width:70%; 
	padding: 2px;  
	color: #666;
	background: #fff; 
	border: 1px solid #ddd;
	margin:5px 0 15px 0; 
	border-radius:3px; 
}   

textarea{ 
	width:70%;
}

input:focus, textarea:focus, select:focus { 
	border: 1px solid #ddd; 
	background-color: #eee; 
	color:#333; 
}

input.submit { 
	cursor: pointer; 
	border: 1px solid #006c54;
	background:#006c54; 
	color:#fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
	width:100px; 
	margin-left:120px;
	font-weight:bold; 
	padding:5px; 
	text-transform:uppercase; 
	font-size:1.2em; 
}

input.submit:hover { 
	background:#ddd ; 
}


span.required{ 
	font-size: 13px; color: #ff0000; 
} /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../imagenes/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

.success_page  { display: block; height: 45px; line-height: 25px; background: #FBE3E4 url('../imagenes/success.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#contactform{ margin:170px auto; width:600px; height:400px; padding:50px;    font-size:1.1em;
    line-height: 1.5em; font-family: 'PT Sans Narrow', sans-serif;
    color: #999;
  background:#FFFFFF; } 




/**cookies*******************/
#cookies { box-shadow:#ccc 2px 2px 2px; border-top:1px solid #000000; width:350px; height:120px; background:#333;text-align:center; color:#fff ; float:right; border-radius:0 9px 0 0;position:absolute; bottom:0;  z-index:10000; margin:0 auto;    filter:alpha(opacity=80);
    -moz-opacity:.80;opacity:.80;  
	
position:fixed; padding-bottom:18px;
	}
	
#cookies .info{ width:300px; margin:20PX; }

#cookies p{ float:left;font-size:0.95em; margin-bottom:9px; padding-top:2px; padding-top:3px; line-height:16px;}
#cookies img{ float:left; margin-left:15px; margin-right:15px; margin-top:0px; max-width:80px; }
#cookies p a{padding-top:25px; color:#FFFFFF; text-decoration:underline }
	
#cookies span{ background:#fff; border-radius:3px; padding:4px; color:#111; margin-right: 6px; padding-left:4px;font-size:0.90em; }