@charset "utf-8";
/* CSS Document */

@font-face{
    font-family: letraLogo;
    src: url("../fuentes/Impact.eot");
}

@font-face{
	font-family:letraLogo;
	src:url("../fuentes/Impact.ttf");
}

body{
	margin:0;
	background:url(../imagenes/fondo-imagen.jpg) no-repeat #117dab;
	-webkit-background-size: 100%;
   	-moz-background-size: 100%;
   	background-size: 100%;
	}

p, ul{
	font-family:letraLogo;
	font-size:14px;
	margin:0;
	padding:0;
	text-align:justify;
	color:#999;
	font-weight:normal;
}

h1,h2{
	font-family:letraLogo;
	margin:0!important;
	padding:0!important;
	letter-spacing:-1px!important;
	font-weight:normal;
}
	
a{
	text-decoration:none!important;
	background:url(../imagenes/blanco.png);
	}

.main{
	background:url(../imagenes/image-your-herbal.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 370px;

}

/*---Links---*/
.desayuno{
	background:url(../imagenes/desayuno-ideal.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.desayuno h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#f09029;
	padding-top:330px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.desayuno h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.antiarrugas{
	background:url(../imagenes/antiarrugas.jpg);
	background-size: cover;
    background-position: center;
}

.antiarrugas h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#007e86;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.antiarrugas h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.bajar-peso{
	background:url(../imagenes/bajar-peso.jpg);
	background-size: cover;
    background-position: center;
}

.bajar-peso h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#2f8200;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.bajar-peso h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}


.engordar{
	background:url(../imagenes/como-engordar.jpg);
	background-size: cover;
    background-position: center;
}


.engordar h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#01abcc;
	padding-top:330px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.engordar h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}


.energia{
	background:url(../imagenes/energia.jpg);
	background-size: cover;
    background-position: center;
}

.energia h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#d60000;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.energia h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.salud-corazon{
	background:url(../imagenes/corazon.jpg);
	background-size: cover;
    background-position: center;
}

.salud-corazon h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#fff;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.salud-corazon h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.celulitis{
	background:url(../imagenes/celulitis.jpg);
	background-size: cover;
    background-position: center;
}

.celulitis h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#df0b43;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.celulitis h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.aloe{
	background:url(../imagenes/aloe.jpg);
	background-size: cover;
    background-position: center;
}

.aloe h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#6fbe00;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.aloe h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}


.deporte{
	background:url(../imagenes/deporte-2.jpg);
	background-size: cover;
    background-position: center;
}

.deporte h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#000;
	padding-top:330px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.deporte h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}


.fitness{
	background:url(../imagenes/fitness.jpg);
	background-size: cover;
    background-position: center;
    box-shadow: inset 10px 0px 0px 0px 0px red;

}

.fitness h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#fff;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.fitness h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}


.salud{
	background:url(../imagenes/salud.jpg);
	background-size: cover;
    background-position: center;
}

.salud h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#7ece00;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.salud h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.hombre{
	background:url(../imagenes/hombres.jpg);
	background-size: cover;
    background-position: center;
}

.hombre h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#006899;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.hombre h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}

.mujer{
	background:url(../imagenes/mujeres.jpg);
	background-size: cover;
    background-position: center;
}

.mujer h2 a{
	width:100%;
	height:auto;
	display:block;
	text-align:right;
	color:#e97aae;
	padding-top:135px;
	opacity:0;
	filter: alpha(opacity=0);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.mujer h2 a:hover{
	opacity:1;
	filter: alpha(opacity=50);
}