@charset "utf-8";
/* Autor: Francisco Camarena , triplewsystems.com */

@import url('https://fonts.googleapis.com/css?family=Roboto');

header, nav, section, article, aside, figure, footer{
	display:block;
	
}

.limpiar{
	clear:both;
}
a img{
	border:none;
}

a:link {
	text-decoration: none;
	color: #000;
}

a:visited {
	text-decoration: none;
	color: #000;	
}

a:hover {
	text-decoration: none;
	color: #000;	
}

a:active {
	text-decoration: none;
	color: #000;	
}

#categoria{
	float:left; 
	width:33%; 
	padding:10px; 
	height:auto; 
	background:;
	margin-bottom:50px;
}

#categoria_3{
	float:left; 
	width:33%; 
	padding:10px;
	height:auto; 
	background:;
	margin-bottom:30px;
}

#categoria_4{
	float:left; 
	box-sizing:border-box;
	width:25%; 
	padding:10px;
	height:auto; 
	background:;
}

#categoria_5{
	float:left; 
	box-sizing:border-box;
	width:20%; 
	padding:10px;
	margin-bottom:10px;
	height:auto; 
	background:;
}


#categoria_8{
	float:left; 
	box-sizing:border-box;
	width:120px;
	height:120px;
	margin-right:10px;
	margin-bottom:10px;
	background:;
}

#categoria_foto{
	box-sizing:border-box;
	border:1px solid #E5097F;
	
	float:left;
	width: 120px;
	height: 120px;
	padding:0px;
	background:;
}

#categoria_foto img{
	box-sizing:border-box;
	width:100%;
	height:auto;
}


#categoria_cabecera{
	float:left;
	width:100%;
	height:auto;
	background-color:;
	margin-bottom:0px;
	margin-top:0px;
}




@media only screen and (max-width:1800px){

	#categoria{
		margin-bottom:30px;
	}
	
	#categoria_3{
		margin-bottom:20px;
	}

	#categoria_cabecera{
		margin-bottom:0px;
	}


	#categoria_foto{
	  float:left;
	  width: 100%;
	  height: auto;
	  margin-bottom:0px;
	  background:;
	}

	
	#categoria_foto img{
	  float:left;
	  width: 100%;
	  height: auto;
	}

	
}



/******************************************/
/***    DISEÑO PARA TABLETAS  HORIZONTAL   ****/
/******************************************/
@media only screen and (max-width:1650px){

	
}

@media only screen and (max-width:1250px){

	
}

@media only screen and (max-width:1100px){



}

@media only screen and (max-width:1024px){

	#categoria{
		float:left; 
		width:100%; 
		padding:10px; 
		height:auto; 
		background:;
		margin-bottom:35px;
	}
	
	#categoria_3{
		float:left; 
		width:100%; 
		padding:10px;
		height:auto; 
		background:;
		margin-bottom:10px;
	}

	#categoria_4{
		float:left; 
		width:50%; 
		padding:10px;
		height:auto; 
		background:;
		margin-bottom:0px;
	}
	
	#categoria_5{
		float:left; 
		width:33%;

		height:auto; 
		background:;
	}	


	
}


@media only screen and (max-width:900px){

	#categoria{
		float:left; 
		width:100%; 
		padding:10px; 
		height:auto; 
		background:;
		margin-bottom:35px;
	}
	
	#categoria_3{
		float:left; 
		width:100%; 
		padding:10px;
		height:auto; 
		background:;
		margin-bottom:10px;
	}

	#categoria_4{
		float:left; 
		width:50%; 
		padding:10px;
		height:auto; 
		background:;
		margin-bottom:0px;
	}
	
	#categoria_5{
		box-sizing:border-box;
		float:left;
		width:50%;
		padding:10px;
		height:auto; 
		background:;
	}
	
	#categoria_8{
		width:23.2% !important;
		height:23.2% !important;
		margin-right:1%;
		margin-bottom:1%;
		background:#06C;
	}


	#categoria_foto{
		box-sizing:border-box;
		border:1px solid #E5097F;
		
		float:left;
		width: 100%;
		height: 100%;
		padding:0px;
		background:;
	}	
	
	
}


/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/

@media only screen and (max-width:768px){


}

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


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



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

}