/*especiales banner*/

@media  (max-width: 1199px){ 
/**********slider****/
#banner {   width:auto ;height:440px;min-height:440px; max-height:440px;  }
#banner img{ width: 98%; margin-left:9px;    max-height:440px;
	} 
	}
 
@media   (max-width: 1079px){ 
/**********slider****/
#banner {   width:auto ;height:380px;min-height:380px; max-height:380px;  }
#banner img{ width: 98%; margin-left:9px;    max-height:380px;
	}
	
	 }
@media(max-width: 978px) {  


/**********slider****/
#banner {   width:auto ;height:320px;min-height:320px; max-height:320px;   }
#banner img{ width: 98%; margin-left:9px;    max-height:320px;
	}
}
@media(max-width: 840px) {  


/**********slider****/
#banner {   width:auto ;height:270px;min-height:270px; max-height:270px;  }
#banner img{ width: 98%; margin-left:9px;    max-height:270px;
	}
}



@media  (max-width: 658px) {
#banner {   width:auto ;height:220px;min-height:220px; max-height:220px;    }
#banner img{ width: 98%; margin-left:9px;    max-height:220px;
	}
}
@media  (max-width: 520px) {
#banner {   width:auto ;height:;min-height:170px; max-height:170px;   }
#banner img{ width: 98%; margin-left:9px;    max-height:170px;
	}
}
@media  (max-width: 400px) {
#banner {   width:auto ;height:130px;min-height:130px; max-height:130px;   }
#banner img{ width: 98%; margin-left:9px;    max-height:130px;
	}
}
@media  (max-width: 300px) {
#banner {   width:auto ;height:100px;min-height:100px; max-height:100px; }
#banner img{ width: 98%; margin-left:9px;    max-height:100px;
	}
}

/**********************

************************************************************************/ 
/********* responsive styles *******************************************/ 
/**********************************************************************************************/ 


@media (min-width: 979px)  and (max-width: 1199px){  
body{
    background:#fff url(../images/bg.png) 0 -17px repeat-x;
}
#header{ 
	width:auto;   
	height:180px;  
}
	
#header a.logo {
	max-width:180px; 
	width:22%;
	margin-left:10px; 
}

 #header .datos   img { float:right; max-width:500px;
  margin-right:10px;
 	 }
nav#nav-main {  
	width:80%;   
	margin:20px 0; 
}
 nav#nav-main a {
	color: #fff;  line-height:1em;  
	padding:  20px 20px 20px 30px; 
	display:block;     
	text-transform:uppercase; 
}




#content,#footer p.copy {
	width:auto; 
}

.contact{ 
	 margin-left:10px; 
}



/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------servicios ----------------------------------------------------------------------------------------------------------------*/
#content .actividades {width:29%; min-height:435px;  }
 #content .actividades  a.cat, 
#content .actividades  a.precio{ display:block; float:none; margin:5px;;
} 




}


 
@media (min-width: 769px) and (max-width: 978px) { /* -------------------------------------------------------------------------------------------------------
 */

body{
    background:#fff url(../images/bg.png) 0 -23px repeat-x;
}
#header{ 
	width:auto;  
	height:180px;  
}
	
#header .datos { 
	width: 73%; font-size:0.9em;
 
 	 }
#header a.logo {
	max-width:170px;  
	width:24%;
	margin-left:10px; 
}

 #header .datos   img { float:right; max-width:360px; margin-top:15px;
 margin-left:10px;
 	 }


nav#nav-main {  
	width:74%;   
	margin:20px 0; 
}
 nav#nav-main a {
 	font-size:0.9em;
	padding:  20px 20px 20px 10px; 
	display:block;     
	text-transform:uppercase; 
 
}

/**********slider****/
#banner {   box-shadow:none;}
	
#banner img{   padding:0px;     
	} 



#content h1, #content h2{ line-height:1em;}

#content,#footer p.copy {
	width:auto; 
}
#content .datos img{ max-width:350px;} 

 


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

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

#content .direccion p span{font-size:0.9em} 
#content .direccion  iframe{ height:300px;}
/*****formulario contacto****************/
.contact{ 
	width:49%; 
	float:left;  
	 margin-left:0px; 
}
label.gr {
	width: 258px; 
	float:left;  
}
fieldset { 
	width:85%;
	display: block; 
	padding:15px;
	margin-left:15px;
	padding-left:25px; 
	
	}
input, textarea, select {
	width:60%; 
	margin:5px 0  5px 0; }

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------servicios ----------------------------------------------------------------------------------------------------------------*/
#content .actividades {width:90%; float:none; min-height:265px;  }

#content .actividades img{ float:right;  max-width:300px; margin:10px 0 10px 25px;} 
#content .actividades h3{ text-align:left;}

 #content .actividades  a.cat, 
#content .actividades  a.precio{ display:block; float:none; width:250px;; margin:5px;;
} 


}

@media only screen and (max-width: 768px) { /************* MENU RESPONSIVE *********************/
body {
    font-size:1.1em;
    background:#fff ;
	
}

#header { width:100%; height:185px; 
}
 
 
#header a.logo { background:#006c54; 
	max-width:160px; 
	width:34%;
	margin-left:10px;   
} 
 
#header .datos { 
	width: 100%; 
	float:none; 
	margin:5px 0px; 
	text-align:left; 
}

 #header .datos   img {  max-width:490px;
 margin:0; width:63%;
 margin-top:3px;  
 
 	 }

#header .datos p {	
	line-height:0.8em;   
	text-align:center; float:none; 
	font-size: 1.3em; color:#bcd9d2
 	 }

 #header .datos p a.cat{  display:inline;   padding:3px; 	font-size: 0.5em; 
 	 }
  #header .datos p a{    display:inline;
	font-size: 0.85em; 
 	 }

 





/**********slider****/
#banner {   box-shadow:none;}
	
#banner img{   padding:0px;     
	} 





   #nav-trigger span {
   	margin:5px;
	margin-top:12px;
	margin-right:25px;
	margin-left:0px;
    display: inline-block;
    padding:  0px  10px 14px 20px;;
    background-color: #006c54;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 37px; 
      height: 34px;
      content: "";
	  background:url(../images/open.png)  0 12px no-repeat;  
      }
    #nav-trigger span:hover {
      background-color: #81b5a9; }
    #nav-trigger span.open:after { 
	  background:url(../images/open.png)  0 12px no-repeat; }



  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute; z-index:100000000000000000000;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #006c54; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #1c8b72; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px  }
    nav#nav-mobile a:hover {
      background-color: #81b5a9;
      color: #fff; }
	  
	  
	  

#content  h1, #content  h2{
	line-height:1em; 
	font-size:2em; padding:5px;  
}  
	
#content p.slogan {  font-size:2em; 
;}
  
	  
#content,#footer p.copy {
	width:auto; padding:8px;
} 
 

 
#content p {
	font-size:0.9em; 
	 line-height:1.4em;
	 margin-bottom:20px;
	 margin-left:10px; margin-right:10px; 
}


#content .dptos h3{ line-height:1em; font-size:1.8em; margin-bottom:15px; }
#content .dptos img{ margin:10px;float:none;  max-width:450px;} 

	
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*------servicios ----------------------------------------------------------------------------------------------------------------*/
#content .actividades {width:90%; float:none; margin:8px; margin-bottom:20px; min-height:265px;  }

#content .actividades img{ float:none;  max-width:400px; margin:10px;} 
#content .actividades h3{ text-align:left;}

 #content .actividades  a.cat, 
#content .actividades  a.precio{ display:block; float:none;  margin:5px;;
} 
  
	  
	  
	  
.catalogo{ display:none}
	  
.catalogo-movil{ display:block}

 

}
@media all and (max-width: 768px) {

  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }
	
	
	
 
@media (max-width: 420px) {   
#header{ 
	height:240px; 	 }
	
#header a.logo {  
	max-width:150px; 
	width:47%;
	margin-left:5px;   
} 
 
#header .datos { 
	width: 100%; 
	float:none; 
	margin:5px 0px;
	text-align:left; 
}

 #header .datos   img { text-align:left; width:100%; float:none; max-width:420px;
 margin:3px 0 0 0;
 	 }

#header .datos p {	
	line-height:0.8em;   
	text-align:center; float:none; 
	font-size: 1em; color:#bcd9d2
 	 }

 #header .datos p a.cat{  display:inline;   padding:3px; 
 	 }
  #header .datos p a{    display:inline;
	font-size: 0.75em; 
 	 }

 
 
 

   #nav-trigger span {
   	margin:5px;
	margin-top:80px;
	margin-right:15px;}
 
 
 
 
 
 
 
 
   
  
  
/********** ****/
#banner ,
#content {
	width:100%;
	padding:0px;
}
#banner img{   
	width: 97%;   
	} 
#content  h1{
	line-height:1.1em; 
	font-size:2em; 
}
























/*****formulario contacto****************/
.contact{ 
	width:90%;  
	float:none; 
}

fieldset {  
	padding:15px;   
}

input, textarea, select, label ,
label.gr {
	font-size:0.9em;
	width:85%;
}   
 
legend { 
	padding:5px;  
	font-size:14px;
}

 
 
#footer p.copy { 
	font-size: 0.8em;
	line-height:1em; 
}



 }