@charset "utf-8";
/* CSS Document */
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	/*--- Maquetacion ---*/
	img{
	  max-width: 100%;
       
        height: auto;
	}
	#contenedor{
		width:100%;
	}
	/*--- Cabecera ----*/
	#cabecera{
    height: 100%;
    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;
	height:70px;
	}
	.logo{
		float:none;
		margin:0 auto;
	}
	/*--- Menu ---*/
	/*
	.menu_bar {
		width: 100%;
		background:#E6344A;
		display: block;
	
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color:#fff;
		overflow: hidden;
		font-size:25px;
		font-weight:bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	#menu{
		width: 80%;
		height: calc(100% - 80px);
		right:100%; 
	
		margin: 0;
		position:fixed;
		overflow:scroll;
		top: 80px;
	}

	#menu ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	#menu ul li a {
		display: block;
	}

	#menu ul li:hover .children{
		display: none;
	}

	#menu ul li .children {
		width: 100%;
		position: relative;
	
	}

	#menu ul li .children li a{
		margin-left:20px;
	}

	#menu ul li .caret {
		float: right;
	}*/

	/*--- Banner ---*/
	#banner{
		padding:1%;
		height:auto;
	}
	#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){

	
}