@charset "utf-8";
/* CSS Document */
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	/*--- Maquetacion ---*/
	#contenedor{
		width:100%;
	}
	/*--- Cabecera ----*/
	#cabecera p{
		display:none;
	}
	.logo{
		margin-right:0px;
	}
	/*--- Menu ---*/
	#menu{
	width:100%;
	height:auto;
	}
	#menu li{
		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);	
	}
	
		#col-izq{
		margin:0 auto;
		margin-bottom:15px;
		float:none;
	}
	#col-izq img{
		width:100%;
		height:auto;
	}
	#col-centro{
		margin:0 auto;
		margin-bottom:15px;
		float:none;
	}
	
	#col-centro img{
		width:100%;
		height:auto;
	}
	
	#col-der{
		margin:0 auto;
		margin-bottom:15px;
		float:none;
	}
	#col-der img{
		width:100%;
		height:auto;
	}
	/*--- Banner ---*/
	#banner{
		padding:1%;
		/*height:auto;*/
	}
	#banner img{
		width:100%;
		height:auto;
	}
	
	/*--- Coluimnas ---*/
	#col-izq{
		width:50%;
		margin-right:25%;
		margin-bottom:15px
	}
	#col-izq img{
		width:100%;
		height:auto;
	}
	#col-centro{
		width:50%;
		margin:0 auto;
		margin-bottom:15px
	}
	#col-der{
		width:50%;
		margin-bottom:15px
	}
	#col-der img{
		width:100%;
		height:auto;
	}
	#sombra{
		display:none;
	}
	
	#formulario-contact{
	width:100%;	
	}
	
	#aligned{
	padding-left:0;	
	}
	
	#aligned-about img{
	width:90%;
	height:auto;	
	}
	
	#info-contact{
		float:none;
	margin:0 auto;	
	}
	
	#formulario .txtinput{
	width:88%;	
	}
	
	#formulario textarea{
	width:88%;	
	}
	.submitbtn{
	width:100%;	
	}
	
	#banner-clientes{
	height:auto;	
	}
	
	#banner-clientes img{
	width:100%;
	height:auto;
	}
	
	.clientes{
	float:none;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;	
	}
	
	#info-nosotros{
	float:none;
	margin:0 auto;	
	}
	
	#contenido-interior{
	width:100%;	
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	body{
		margin:5px;
	}
	
	#cabecera{
	height:auto;	
	}
	/*--- Cabecera ----*/
	#cabecera ul{
		/*display:none;*/
		float:none;
		margin:0 auto;
	}
	.logo{
		float:none;
		margin-right:0;
		margin:0 auto;
		width:80%;
		height:auto;
	}
	/*--- Coluimnas ---*/
	#col-izq{
		width:100%;
		height:auto;
		margin-right:0;
		margin-bottom:8px
	}
	#col-izq img{
		width:70%;
		height:auto;
	}
	#col-centro{
		width:100%;
		height:auto;
		margin-right:0%;
		margin-bottom:8px
	}
	#col-der{
		width:100%;
		height:auto;
		margin-bottom:8px
	}
	#col-der img{
		width:70%;
		height:auto;
	}
	/*--- Pie pagina ----*/
	#piepagina{
		padding:5px;
	}
	#cajapie{
		width:100%;	
		float:none;
	}
	#cajapie p{
		padding-left:0;
		text-align:center;
	}
	#cajapie img{
		display:block;
		margin:0 auto;
	}
	#piepagina ul{
		float:none;
		margin:0 auto;
	}
	#piepagina span{
		display:none;
	}
	
	#formulario .txtinput{
	width:68%;	
	}
	
	#formulario textarea{
	width:68%;	
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
	#banner{
		padding:2%;
		height:auto;
	}
	#col-izq img{
		width:90%;
		height:auto;
	}
	#col-der img{
		width:90%;
		height:auto;
	}
	.caja{
		width:100%;
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	.logo{
		width:90%;
		height:auto;
	}
	#col-izq img{
		width:100%;
		height:auto;
	}
	#col-der img{
		width:100%;
		height:auto;
	}
	#columnas h1{
		font-size:12px;
		line-height:17px;
	}
	#enlaces li a img{
		width:90%;
		height:auto;
	}
	
}