*{
	margin: 0;
	padding: 0;
	font-family: 'Exo 2', sans-serif;
}

body{
	width: 100%;
	box-sizing: border-box;
}

/*-------MENU--------------------------------------------*/
nav{
	width: 100%;
	box-sizing: border-box;
	float: left;
	background-color: #272209;
}
/*-------DIVISION----------------------------------------*/
.division-1{
	width: 100%;
	height: 4px;
	background-color: #99cf15;
	box-sizing: border-box;
	text-align: center;
	float: left;
}
/*---------SLIDER--------------------------------------------------------*/
#slider{
	width: 100%;
	box-sizing: border-box;
	float: left;
}
#slider figure img{
	width: 100%;
	height: auto;
}
/*---------MENU LOGOS------------------------------------------------------*/
.menu-logos{
	width: 100%;
	box-sizing: border-box;
	float: left;
	padding: 10px;
	text-align: center;
}
.menu-logos figure{
	width: 5.5%;
	box-sizing: border-box;
	float: left;
	margin-left: 1.1%;
}
.menu-logos figure img{
	width: 100%;
	height: auto;
}
/*-----------MAIN----------------------------------------------------------*/
main{
	width: 80%;
	box-sizing: border-box;
	padding: 20px;
	float: left;
	background-color: #fff;
}

main .articulo{
	width: 50%;
	height: 270px;
	float: left;
	box-sizing: border-box;
	padding: 15px;
}

main .articulo figure{
	width: 110px;
	float: left;
	box-sizing: border-box;
}

main .articulo figure img{
	width: 100%;
	height: auto;
}

main .articulo div{
	width: calc(100% - 110px);
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}

main .articulo div h3{
	width: 100%;
	float: left;
	box-sizing: border-box;
	color: orange;
	font-size: 1.5em;
}

main .articulo div h4{
	width: 100%;
	float: left;
	box-sizing: border-box;
	border-bottom: solid 1px;
}

main .articulo div p{
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-top: 10px;
}

main .articulo div a{
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-top: 10px;
}





/*-----------NOSOTROS------------------------------------------------------*/

.nosotros{
	padding: 80px;
}
.nosotros p{
	text-align: justify;
	margin-bottom: 40px;
}


/*-----------ASIDE---------------------------------------------------------*/
aside{
	width: 20%;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
}
aside h4{
	font-size: 1.5em;
}
aside figure img{
	width: 80%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}



/*------------SUBIR--------------------------------------------------------*/

.subir{
	width: 100%;
	float: left;
	box-sizing: border-box;
	text-align: center;
	padding: 10px;
	background-color: #332c0c;
	text-decoration: none;
	color: #fff;
}
.subir:hover{
	background-color: #40380f;
}




/*------------FOOTER-------------------------------------------------------*/
footer{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	float: left;
	background-color: #272209;
	color: #c7c6c1;
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
}
footer figure img{
	width: 10%;
	height: auto;
}




/*-------PRODUCTO---------------------------------------------------------------------------*/

#main-producto{
	width: 100%;
	box-sizing: border-box;
}
.producto-cb{
	width: 100%;
	box-sizing: border-box;
}
.producto-cb img{
	width: 100%;
	height: auto;
}
article{
	width: 70%;
	box-sizing: border-box;
	float: left;
}
article p{
	text-align: justify;
}
article p span{
	font-weight: bold;
}
article > hr{
	margin-top: 10px;
	margin-bottom: 10px;
}
article > h3{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.recomendaciones{
	text-align: center;
}
#imgs-prod{
	width: 30%;
	box-sizing: border-box;
	float: left;
	padding: 35px;
	text-align: center;
}
#imgs-prod img{
	width: 80%;
	height: auto;
}



/*---------------MEDIA QUERYS-------------------------------------------------------------------------------------------------------------------------------*/

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

	main{
		width: 100%;
		padding: 0;
	}
	aside{
		width: 100%;
	}
	/*footer > .telefonos{
		display: none;
	}*/
	footer figure img{
		width: 30%;
		height: auto;
	}
	main h1{
		width: 100%;
		text-align: center;
		font-size: 1.1em;
	}
	

main .articulo{
	width: 100%;
	height: 400px;
	float: left;
	box-sizing: border-box;
	padding: 0;
	border-bottom: solid 1px;
	margin-bottom: 15px;
}

main .articulo figure{
	width: 100%;
	float: left;
	box-sizing: border-box;
	text-align: center;
}

main .articulo figure img{
	width: 70px;
	height: auto;
}

main .articulo div{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}

main .articulo div h3{
	width: 100%;
	float: left;
	box-sizing: border-box;
	color: orange;
	font-size: 1.5em;
	text-align: center;
}

main .articulo div h4{
	width: 100%;
	float: left;
	box-sizing: border-box;
	border-bottom: none;
	text-align: center;
}

main .articulo div p{
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-top: 10px;
}

main .articulo div a{
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-top: 10px;
}



/*----------MAIN-PRODUCTO--------------------------------------------------------------*/


	.menu-logos{
		display: none;
	}
	#main-producto{
		padding: 5px;
	}
	#main-producto article{
		width: 100%;
	}
	#main-producto article .texto-producto{
		font-size: 1.3em;
	}
	#main-producto #imgs-prod{
		width: 100%;
	}
	#main-producto h2{
		width: 100%;
		text-align: center;
	}
	#imgs-prod img{
		width: 60%;
		height: auto;
	}
}