@charset "utf-8";
/* smartphone.css */
* {
	margin: 0;
	padding: 0;
}
@media screen and (max-width:480px) {
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#wrapper {
	margin: 0;
	padding: 0;
}
#header {
	background-color: #202322;
	width: 100%;
	height: 40px;
	border-bottom: 4px #00a261 solid;
}
detPROD {
	margin: 0;
	padding: 0;
}
#belowContainer {
	display: none;
}
#content {
	margin: 0 auto;
	width: 100%;
	height: auto;
}
/*inicia slider	*/
/*#BoxSlider {
	width: auto;
	height: 320px;
	background-position: center;
}*/
/*termina slider*/
#content p {
	width: 80%;
	margin: 0 auto;
	padding: 50px 20px 50px 20px;
	color: #414042;
	font-size: 28px;
	line-height: 42px;
	text-align: center;
	font-family: MyriadProLigth;
}
#wrap_FOOTER {
	width: 100%;
	height: 400px;
	margin-top: 100px;
}
#footer {
	margin: 0 auto;
	width: 100%;
	height: 400px;
}
#mapasitio {
	margin: 0 auto;
	width: 100%;
	height: 400px;
}
#linea {
	margin: 0 auto;
	margin-bottom: 120px;
	padding: 0;
	border-top: 1px solid #d1d3d4;
	width: 70%;
	height: 1px;
}
/*ESTILOS GARCINIA*/
#bodyPROD_GARCINIA {
	background: url(../imgs/products/garcinia_02.jpg) no-repeat top center;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
}
#headPROD_GARCINIA {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	padding: 0;
}
#wrapPROD {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0;
}
#descriptGARCINIA {
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding: 0;
	float: none;
}
#descriptGARCINIA h1, #descriptGARCINIA h2, #descriptGARCINIA p {
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: MyriadProLigth;
}
#descriptGARCINIA h1 {
	margin-top: 76px;
	margin-bottom: 0;
	font-size: 50px;
	color: #abb53d;
	padding: 0 20px;
}
#descriptGARCINIA h2 {
	margin-bottom: 30px;
	font-size: 20px;
	font-family: MyriadProSemiBold;
	color: gray;
	padding: 0 20px;
}
#descriptGARCINIA p {
	color: #414042;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0px;
}
#descriptIMAGE {
	margin: 0 auto;
	width: 40%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 0px;
	float: none;
}
#descriptIMAGE img {
	display: block;
	margin: 0 auto;
}
#detPROD #lineaVER_GARCINIA {
	margin: 0px auto;
	margin-top: 0px;
	width: 1px;
	height: 50px;
	border-right: 1px solid #abb53d;
}
#detPROD #circulitoGARCINIA {
	margin: 0 auto;
	align: center;
	width: 9px;
	height: 9px;
	border: 1px solid #abb53d;
	border-radius: 10px;
}
#finPROD {
	/*	background:purple;*/
	width: 100%;
	height: 64px;
}
#finPROD #lineaGARCINIA {
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 50px;
	padding: 0;
	border-top: 1px solid #d1d3d4;
	width: 70%;
	height: 1px;
}
/*ESTILOS GARCINIA*/
/*ESTILOS MAXAMIN*/	
#bodyPROD_MAXAMIN {
	background: url(../imgs/products/maxamin_02.jpg) no-repeat top center;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
}
#headPROD_MAXAMIN {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	padding: 0;
}
#wrapPROD-MAXAMIN {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0;
}
#descriptMAXAMIN {
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding: 0;
	float: none;
}
#descriptMAXAMIN h1, #descriptMAXAMIN h2, #descriptMAXAMIN p {
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: MyriadProLigth;
}
#descriptMAXAMIN h1 {
	margin-top: 76px;
	margin-bottom: 0;
	font-size: 50px;
	color: #075aaa;
	padding: 0 20px;
}
#descriptMAXAMIN h2 {
	margin-bottom: 30px;
	font-size: 20px;
	font-family: MyriadProSemiBold;
	color: gray;
	padding: 0 20px;
}
#descriptMAXAMIN p {
	color: #414042;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0px;
}
#descriptIMAGE-MAXAMIN {
	margin: 0 auto;
	width: 40%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 0px;
	float: none;
}
#descriptIMAGE-MAXAMIN img {
	display: block;
	margin: 0 auto;
}
#detPROD-MAXAMIN #lineaVER_MAXAMIN {
	margin: 0px auto;
	margin-top: 0px;
	width: 1px;
	height: 50px;
	border-right: 1px solid #075aaa;
}
#detPROD-MAXAMIN #circulitoMAXAMIN {
	margin: 0 auto;
	align: center;
	width: 9px;
	height: 9px;
	border: 1px solid #075aaa;
	border-radius: 10px;
}
#finPROD-MAXAMIN {
	/*	background:purple;*/
	width: 100%;
	height: 64px;
}
#finPROD-MAXAMIN #lineaMAXAMIN {
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 50px;
	padding: 0;
	border-top: 1px solid #d1d3d4;
	width: 70%;
	height: 1px;
}
/*ESTILOS MAXAMIN*/
/*ESTILOS HAIR*/	
#bodyPROD_HAIR {
	background: url(../imgs/products/hair_02.jpg) no-repeat top center;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
}
#headPROD_HAIR {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	padding: 0;
}
#wrapPROD-HAIR {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0;
}
#descriptHAIR {
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding: 0;
	float: none;
}
#descriptHAIR h1, #descriptHAIR h2, #descriptHAIR p {
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: MyriadProLigth;
}
#descriptHAIR h1 {
	margin-top: 90px;
	margin-bottom: 0;
	font-size: 50px;
	color: #8f191d;
	padding: 0 20px;
}
#descriptHAIR h2 {
	margin-bottom: 30px;
	font-size: 20px;
	font-family: MyriadProSemiBold;
	color: gray;
	padding: 0 20px;
}
#descriptHAIR p {
	color: #414042;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0px;
}
#descriptIMAGE-HAIR {
	padding: 2%;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-top: 50px;
	padding-bottom: 0px;
	float: none;
}
#descriptIMAGE-HAIR img {
	display: block;
	margin: 0 auto;
}
#detPROD-HAIR #lineaVER_HAIR {
	margin: 0px auto;
	margin-top: 0px;
	width: 1px;
	height: 50px;
	border-right: 1px solid #8f191d;
}
#detPROD-HAIR #circulitoHAIR {
	margin: 0 auto;
	align: center;
	width: 9px;
	height: 9px;
	border: 1px solid #8f191d;
	border-radius: 10px;
}
#finPROD-HAIR {
	/*	background:purple;*/
	width: 100%;
	height: 64px;
}
#finPROD-HAIR #lineaHAIR {
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
	border-top: 1px solid #d1d3d4;
	width: 70%;
	height: 1px;
}
/*ESTILOS HAIR*/
/*ESTILOS MUSCLE*/
#bodyPROD_MUSCLE {
	background: url(../imgs/products/muscle_02.jpg) no-repeat top center;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
}
#headPROD_MUSCLE {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	padding: 0;
}
#wrapPROD-MUSCLE {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0;
}
#descriptMUSCLE {
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding: 0;
	float: none;
}
#descriptMUSCLE h1, #descriptMUSCLE h2, #descriptMUSCLE p {
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: MyriadProLigth;
}
#descriptMUSCLE h1 {
	margin-top: 76px;
	margin-bottom: 0;
	font-size: 50px;
	color: #5e4585;
	padding: 0 20px;
}
#descriptMUSCLE h2 {
	margin-bottom: 30px;
	font-size: 20px;
	font-family: MyriadProSemiBold;
	color: gray;
	padding: 0 20px;
}
#descriptMUSCLE p {
	color: #414042;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0px;
}
#descriptIMAGE-MUSCLE {
	margin: 0 auto;
	width: 40%;
	height: auto;
	padding-top: 70px;
	padding-bottom: 0px;
	float: none;
}
#descriptIMAGE-MUSCLE img {
	display: block;
	margin: 0 auto;
}
#detPROD-MUSCLE #lineaVER_MUSCLE {
	margin: 0px auto;
	margin-top: 0px;
	width: 1px;
	height: 50px;
	border-right: 1px solid #5e4585;
}
#detPROD-MUSCLE #circulitoMUSCLE {
	margin: 0 auto;
	align: center;
	width: 9px;
	height: 9px;
	border: 1px solid #5e4585;
	border-radius: 10px;
}
#finPROD-MUSCLE {
	/*	background:purple;*/
	width: 100%;
	height: 64px;
}
#finPROD-MUSCLE #lineaMUSCLE {
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 50px;
	padding: 0;
	border-top: 1px solid #d1d3d4;
	width: 70%;
	height: 1px;
}
/*ESTILOS MUSCLE*/
/*ESTILOS APETITE */
#bodyPROD_APETITE {
 background:url(../imgs/products/apetite_02.jpg) no-repeat top center;
 width:100%;
 margin:50px 0 0 0;
 padding:0;
}
#headPROD_APETITE {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	padding: 0;
}
#wrapPROD-APETITE {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 0;
}
#descriptAPETITE {
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding: 0;
	float: none;
}
#descriptAPETITE h1, #descriptAPETITE h2, #descriptAPETITE p {
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: MyriadProLigth;
}
#descriptAPETITE h1 {
	margin-top: 76px;
	margin-bottom: 0;
	font-size: 50px;
	color: #f22d57;
	padding: 0 20px;
}
#descriptAPETITE h2 {
	margin-bottom: 30px;
	font-size: 20px;
	font-family: MyriadProSemiBold;
	color: gray;
	padding: 0 20px;
}
#descriptAPETITE p {
	color: #414042;
	line-height: 26px;
	margin-bottom: 10px;
	padding: 0px;
}
#descriptIMAGE-APETITE {
	margin: 0 auto;
	width: 40%;
	height: auto;
	padding-top: 70px;
	padding-bottom: 0px;
	float: none;
}
#descriptIMAGE-APETITE img {
	display: block;
	margin: 0 auto;
}
#detPROD-APETITE #lineaVER_APETITE {
	margin: 0px auto;
	margin-top: 0px;
	width: 1px;
	height: 50px;
	border-right: 1px solid #f22d57;
}
#detPROD-APETITE #circulitoAPETITE {
	margin: 0 auto;
	align: center;
	width: 9px;
	height: 9px;
	border: 1px solid #f22d57;
	border-radius: 10px;
}
#finPROD-APETITE {
	/*	background:purple;*/
	width: 100%;
	height: 64px;
}
#finPROD-APETITE #lineaAPETITE {
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
	border-top: 1px solid #d1d3d4;
	width: 70%;
	height: 1px;
}
/*ESTILOS APETITE*/
#logo-white img {
	margin: 0 auto;
	padding-top: 5px;
	display: block;
}
#mapita {
	width: 55%;
	height: 250px;
	float: left;
}
#ifai {
	margin-top: 50px;
	width: 100%;
	height: auto;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	text-align: center;
	padding-top: 5px;
}
#copyright {
	width: 100%;
	height: auto;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
	padding-top: 5px;
}
#privacy, #privacy p {
	width: 90%;
}
/*desmadre*/
.parallax-window {
	display: none;
}
}
