@charset "utf-8";
/* CSS Document */
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	/*--- Maquetacion ---*/
	#contenedor{
		width:100%;
	}
	/*--- Cabecera ----*/
	#cabecera{
	height:100%;
	background:#5F6C72;
	border-radius: 24px 24px 24px 24px;
-moz-border-radius: 24px 24px 24px 24px;
-webkit-border-radius: 24px 24px 24px 24px;
border: 0px solid #000000;
	}
	
	#cabecera p{
		
		float:none;
		margin:0 auto;
	}
	
	#cabecera ul{
	float:none;
	margin:0 auto;	
	}
	.logo{
		float:none;
		margin:0 auto;
	}
	/*--- Menu ---*/
	#menu{
		height:auto;
		background:none;
	}
	#menu ul{
		display:none;
		height:auto;
	}
	#menu li{
		width:100%;
		float:none;
	}
	#menu li a{
		line-height:40px;
		padding:0;
		border-right:none;
		text-align:center;
		margin-bottom:1px;
		background:linear-gradient(top,#fafafa,#d7d6d6);
		background:-moz-linear-gradient(top,#fafafa,#d7d6d6);
		background:-o-linear-gradient(top,#fafafa,#d7d6d6);
		background:-ms-linear-gradient(top,#fafafa,#d7d6d6);
		background:-webkit-linear-gradient(top,#fafafa,#d7d6d6);	
	}
	#menu a#mmovil{
		display:block;
		background:#a4abb0;
		width:96%;
		padding-left:4%;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size:13px;
		line-height:40px;
		text-decoration:none;
		text-align:left;
		position:relative;
	}
	#menu a#mmovil:after{
		content:"";
		background:url(../imagenes/menu-movil.png) no-repeat;
		width:30px;
		height:30px;
		display:inline-block;
		position:absolute;
		right:8px;
		top:7px;
	}
	/*--- Banner ---*/
	#banner{
		padding:1%;
	}
	#banner img{
		width:100%;
		height:100%;
	}
	/*** banners inferiores ***/
	
		#col-izq{
		float:none;
		margin:8px auto;
		}
		#col-centro{
		float:none;
		margin:8px auto;
		}
		#col-der{
		float:none;
		margin:8px auto;
		}
		
		#cajapie{
	width:100%;
	text-align:center;	
	}
	
	#piepagina ul{
	width:100%;
	text-align:center;
	}

#sombra{
		display:none;
	}
	
	/*** NOSOTROS ***/
	#banner-interior{
	height:auto;	
	}
	#banner-interior img{
	width:100%;
	height:auto;	
	}
	
/*** galeria ***/
.contenedor-galeria2{
margin:0 auto;
float:none;
margin-bottom:15px;
}

.galeria-imagen{
float:none;
margin:0 auto;
padding:10px;
}

h2{
text-align:center;
width:100%;
}

/*** contacto ***/
#info-contact{
float:none;
margin:0 auto;	
}

#formulario-contact{
float:none;
margin:0 auto;	
}

#aligned{
padding-left:0;	
}

#formulario .txtinput{
width:100%;	
}

#formulario textarea{
width:100%;	
}

#buttons #button{
width:100%;	
}

.galeria-imagen-grande{
width:100%;
height:auto;
}
.galeria-imagen-grande img{
width:100%;
height:auto;
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	body{
		margin:5px;
	}

}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){

}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){

	
}