/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}

@font-face {
	font-family: 'JosefinSans-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('JosefinSans-Regular'), url('JosefinSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'JosefinSans-Light';
	font-style: normal;
	font-weight: normal;
	src: local('JosefinSans-Light'), url('JosefinSans-Light.woff') format('woff');
}
@font-face {
	font-family: 'JosefinSans-Bold';
	font-style: normal;
	font-weight: normal;
	src: local('JosefinSans-Bold'), url('JosefinSans-Bold.woff') format('woff');
}

body {
	font-family: 'JosefinSans-Light';
	text-align:center;
	margin:0 auto;
	background:#FFF;
	width:100%;
	height:100%;
}

.clearer{
    display:block;
    clear: both;
}

/*INICIO*/
#cabecera{
	width:100%;
	padding:0;
	background:#FFF;
	position:fixed;
	z-index:2000;
	display:table;
}
#logotipo{
	width:30%;
	float:left;
	text-align:center;
	padding:10px 0;
}
#cabecera_derecha{
	width:70%;
	float:left;
}
#menu{
	width:100%;
	position:absolute;
	bottom:0;
	background:#2D612A;
	padding:10px 0;
	display:table;
}
#menu ul{
	width:100%;
	list-style:none;
}
#menu ul li{
	width:17%;
	float:left;
	text-align:center;
	font-size:13px;
	position:relative;
}
#menu ul li a{
	width:100%;
	padding:10px 0;
	text-decoration:none;
	color:#FFF;
	display:block;
}
#lin_1, #lin_2, #lin_3, #lin_4, #lin_5, #lin_6, #lin_7, #lin_8{
	display:none;
}
#submenu{
	position:absolute;
	top:44px;
	width:100%;
	display:none;
}
#submenu ul{
	width:100%;
	height:auto;
	display:table;
	background:rgba(0,102,51,0.3);
}
#submenu ul li{
	width:83%;
	text-align:left;
}
#submenu ul li a{
	padding:10px 10%;
}
#submenu ul li a:hover{
	width:100%;
	background:#2D612A;
}
#idiomas{
	position:absolute;
	right:50px;
	top:25px;
	font-size:15px;
}
#idiomas ul li{
	width:auto;
	padding:1px 10px;
	float:left;
	border-right:solid 1px #2D612A;
}
#idiomas ul li a{
	text-decoration:none;
	color:#2D612A;
}
#slide{
	width:100%;
	height:100%;
	background:url(../images/stevia_fondo.jpg);
	background-size:cover;
	position:absolute;
	top:140px;
	display:block;
}
#datos{
	padding-top:200px;
}
#datos_1{
	font-size:40px;
	font-family: 'JosefinSans-Bold';
	color:#FFF;
}
#datos_2{
	padding:10px 0;
	font-size:70px;
	font-family: 'JosefinSans-Bold';
	color:#2D612A;
}
#datos_3{
	padding:10px 0;
	font-size:50px;
	font-family: 'JosefinSans-Regular';
	color:#2D612A;
}
#datos_4{
	padding:10px 20px;
	font-size:25px;
	font-family: 'JosefinSans-Regular';
	background:#2D612A;
	color:#FFF;
	display:table;
	margin:0 auto;
}
#detalles_home{
	width:100%;
	height:400px;
	display:table;
}
#detalles_home_1{
	width:40%;
	float:left;
	text-align:left;
	padding-top:200px;
}
#detalles_home_1 img{
	width:90%;
}
#detalles_home_2{
	width:15%;
	float:left;
	text-align:center;
	padding-left:5%;
}
#detalles_home_3{
	width:40%;
	float:left;
	text-align:right;
	padding-top:150px;
	position:relative;
}
#detalles_home_3 img{
	width:85%;
}
#hoja{
	width:90%;
	margin-left:10%;
	position:absolute;
	top:200px;
	text-align:center;
}
#imagenes_footer{
	width:100%;
	height:auto;
}
#imagenes_footer img{
	width:100%;
}
#footer{
	width:90%;
	padding:30px 5%;
	background:#2D612A;
	font-size:13PX;
	color:#FFF;
	display:table;
	position:relative;
	z-index:40000;
}
#footer_izq{
	width:70%;
	float:left;
	text-align:left;
}
#footer_der{
	width:30%;
	float:left;
	text-align:right;
}

/*PRODUCTOS*/
#slide_productos{
	width:100%;
	height:100%;
	background:url(../images/stevia_fondo_productos.jpg);
	background-size:100% 100%;
	position:absolute;
	top:140px;
	display:block;
}
#producto_1, #producto_1_b, #producto_2, #producto_2_b, #producto_3{
	width:33%;
	float:left;
	text-align:center;
}
#producto_1 img, #producto_1_b img, #producto_2 img, #producto_2_b img{
	width:99%;
}
#prod_1{
	width:20%;
	padding:50px 15%;
	float:left;
	text-align:center;
}
#prod_2{
	width:10%;
	float:left;
	text-align:center;
}
#prod_1 img{
	width:100%;
}
#prod_3{
	width:40%;
	float:left;
	text-align:right;
	position:relative;
}
#datos_productos{
	padding:10px 0;
	font-size:50px;
	font-family: 'JosefinSans-Regular';
	color:#2D612A;
}
#datos_p1{
	/*position:absolute;
	right:0;
	width:80%;
	padding:20px 5%;
	background:#2D612A;
	text-align:left;
	color:#FFF;
	top:200px;*/
	width:20%;
	padding:20px 5%;
	background:#2D612A;
	text-align:left;
	color:#FFF;
	float:left;
}
#datos_p2{
	/*position:absolute;
	left:3%;
	width:20%;
	padding:20px 5%;
	background:#2D612A;
	text-align:left;
	color:#FFF;
	top:370px;*/
	width:20%;
	padding:20px 5%;
	background:#2D612A;
	text-align:left;
	color:#FFF;
	margin-left:3%;
	float:left;
}
#datos_p3{
	position:absolute;
	right:0;
	width:80%;
	padding:20px 5%;
	background:#2D612A;
	text-align:left;
	color:#FFF;
	top:600px;
}
#hoja_footer{
	width:25%;
	position:absolute;
	bottom:76px;
	left:0;
}
#hoja_footer img{
	width:100%;
	z-index:1000;
}
.titulos_productos{
	font-family: 'JosefinSans-Bold';
}

/*BENEFICIOS*/
#slide_beneficios{
	width:100%;
	height:100%;
	background:url(../images/stevia_fondo_beneficios.jpg);
	background-size:100% 100%;
	position:absolute;
	top:140px;
	display:block;
}
#opcion_beneficios{
	width:17%;
	float:left;
	text-align:center;
	font-size:20px;
	font-family: 'JosefinSans-Bold';
}
#opcion_beneficios a{
	text-decoration:none;
	color:#FFF;
}
#iconos{
	width:100%;
	padding:10px 0;
	text-align:center;
}
#icono_1, #icono_2, #icono_3, #icono_4{
	display:none;
}
#titulo_1, #titulo_2, #titulo_3, #titulo_4{
	border-right:solid 1px #2D612A;
}
#titulo_1_b, #titulo_2_b, #titulo_3_b, #titulo_4_b{
	padding:5px;
	background:#2D612A;
	font-size:20px;
	margin:0 10px;
	color:#FFF;
	display:none;
}
#desc_1, #desc_2, #desc_3, #desc_4{
	font-family: 'JosefinSans-Light';
	padding:30px 20px;
	background:rgba(0,102,51,0.5);
	font-size:16px;
	color:#FFF;
	margin:0 10px;
	display:none;
}
#verde_beneficios{
	width:100%;
	padding:50px 0;
	background:#2D612A;
	font-size:13px;
	color:#FFF;
	display:table;
}
#verde_beneficios_izq{
	width:30%;
	padding:30px 9%;
	text-align:left;
	font-size:16px;
	float:left;
	border-right:solid 1px #FFFFFF;
}
#verde_beneficios_der{
	width:30%;
	padding:30px 10%;
	text-align:left;
	font-size:16px;
	float:left;
}
#galeria_beneficios{
	width:100%;
	height:auto;
	display:table;
	background:#063;
	position:relative;
}
#flecha_atras_1, #flecha_atras_2, #flecha_atras_3, #flecha_atras_4{
	position:absolute;
	top:40%;
	left:20%;
}
#flecha_adelante_1, #flecha_adelante_2, #flecha_adelante_3, #flecha_adelante_4{
	position:absolute;
	top:40%;
	right:20%;
}
#mascara{
	width:100%;
}
#mascara img{
	width:100%;
}
#gale_2, #gale_3, #gale_4{
	display:none;
}

/*PREGUNTAS*/
#slide_preguntas{
	width:100%;
	height:100%;
	background:url(../images/stevia_fondo_preguntas.jpg);
	background-size:100% 100%;
	position:absolute;
	top:140px;
	display:block;
}
#preguntas_texto_1{
	width:50%;
	padding:10px 25%;
	text-align:left;
	font-size:20px;
	color:#FFF;
}
#graficos_1{
	width:100%;
	height:auto;
	display:table;
	padding:50px 0;
	position:relative;
}
#graficos_1_izq{
	width:60%;
	float:left;
	text-align:center;
	position:relative;
}
#graficos_1_der{
	width:30%;
	padding:0 5%;
	float:left;
	text-align:center;
}
#controles{
	width:100%;
	position:absolute;
	bottom:50px;
	display:table;
}
#controles ul{
	width:100%;
}
#controles ul li{
	width:5%;
	padding:0.85%;
	float:left;
}
#controles ul li a{
	padding:4px 9px;
	border:solid 1px #006666;
	text-decoration:none;
	border-radius:15px;
}
#controles ul li a:hover{
	background:#2D612A;
}
.seleccionado{
	background:#2D612A;
}
#c2, #c3, #c5, #c6, #ctrl_2, #ctrl_2_b, #ctrl_3, #ctrl_3_b{
	display:none;
}
#graficos_titulo{
	width:90%;
	padding:10px 5%;
	text-align:center;
	font-size:15px;
	color:#FFF;
	background:#2D612A;
}
#texto_preguntas{
	width:90%;
	padding:20px 5%;
	text-align:left;
	color:#666;
}
#separador_gris{
	width:80%;
	margin:1px 10%;
	border-bottom:solid 1px #666;
}
#linea_horizontal_1{
	position:absolute;
	bottom:-100px;
	left:26%;
}#graficos_2{
	width:100%;
	height:auto;
	display:table;
	padding:50px 0;
	position:relative;
}

#graficos_2_izq{
	width:30%;
	padding:40px 10%;
	float:left;
	background:#2D612A;
	text-align:justify;
	font-size:16px;
	color:#FFF;
}
#graficos_2_der{
	width:50%;
	float:left;
	text-align:center;
	position:relative;
}
#separador_blanco{
	width:80%;
	margin:1px 10%;
	border-bottom:solid 1px #FFF;
}
#graficos_3{
	width:100%;
	height:auto;
	display:table;
	padding:10px 0;
	position:relative;
}
#graficos_3_izq{
	width:50%;
	float:left;
	text-align:left;
}
#graficos_3_izq img{
	width:90%;
}
#graficos_3_der{
	width:40%;
	padding:0 5%;
	float:left;
	text-align:center;
}
#titulo_verde_preguntas{
	width:100%;
	padding:40px 0;
	text-align:center;
	color:#2D612A;
	font-family: 'JosefinSans-Regular';
	font-size:30px;
}
#texto_gris_preguntas{
	width:100%;
	padding:10px 0;
	text-align:justify;
	color:#666;
	font-size:17px;
}
#pverde{
	width:100%;
	height:auto;
	position:relative;
}
#pverde img{
	width:100%;
}
#titulo_verde_2{
	width:100%;
	text-align:center;
	color:#2D612A;
	font-family: 'JosefinSans-Regular';
	font-size:30px;
	position:absolute;
	top:20%;
}
#texto_gris_2{
	width:30%;
	padding:10px 35%;
	text-align:justify;
	color:#666;
	font-size:17px;
	position:absolute;
	top:30%;
}
#slide_preguntas_2{
	width:100%;
	height:auto;
	background:url(../images/stevia_fondo_preguntas_2.jpg);
	background-size:cover;
	position:relative;
	display:block;
	padding-top:-150px;
}
#titulo_blanco_2{
	width:100%;
	padding:70px 0;
	text-align:center;
	color:#FFF;
	font-family: 'JosefinSans-Regular';
	font-size:30px;
}
#texto_gris_3{
	width:30%;
	padding:70px 35%;
	text-align:justify;
	color:#FFF;
	font-size:17px;
}
#titulo_25{
	width:100%;
	position:relative;
	text-align:left;
	font-size:13px;
}
#titulo_25 img{
	width:90%;
}
#titulo_verde_3{
	width:100%;
	padding:70px 0;
	text-align:center;
	color:#2D612A;
	font-family: 'JosefinSans-Regular';
	font-size:30px;
}
#texto_gris_4{
	width:30%;
	padding:30px 35%;
	text-align:justify;
	color:#666;
	font-size:17px;
}
#fondo_verde{
	width:100%;
	height:auto;
	background:#2D612A;
	border-top:medium dotted #FFFFFF;
	text-align:center;
}
#fondo_verde img{
	
}
.strg{
	font-family: 'JosefinSans-Bold';
}
#tabla_1_b img{
	width:120%;
}

/*CONTACTO*/
#contacto{
	width:70%;
	padding:30px 15%;
	height:auto;
	display:table;
}
#contacto_izq{
	width:60%;
	float:left;
}
#contacto_der{
	width:30%;
	padding:0 5%;
	text-align:left;
	float:left;
	color:#FFF;
}
.txt{
	width:90%;
	padding:10px;
	border:none;
	background:rgba(0,102,51,0.5);
	color:#FFF;
	font-size:15px;
}
.txt2{
	width:90%;
	height:120px;
	padding:10px;
	border:none;
	background:rgba(0,102,51,0.5);
	color:#FFF;
	font-size:15px;
}
.enviar{
	width:94%;
	padding:20px 10px;
	border:none;
	background:rgba(0,102,51,0.8);
	color:#FFF;
	font-size:15px;
	cursor:pointer;
}
#separador_verde{
	width:100%;
	margin:10px 0;
	border-bottom:solid 1px #2D612A;
}
/*FIN DEL BLOQUE*/