@charset "utf-8";
/* CSS Document */
/****************************************************************** ETIQUETAS HTML */
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: verdana, sans-serif, arial;
	font-size: 12px;
	color: #666666;
	/*background-image:url(../imagenes/cart%C3%B3n-web.jpg);*/
	
	
}

a:link, a:visited, a:hover
{
	text-decoration: none;
}

a, img
{
	border: none;
}

ul
{
	list-style-type: none;
}


/****************************************************************** CAPAS */
.principal
{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:760px;
	background:-moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 65%,
	rgb(208,209,186) 100%
	
    
);
	background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(208,209,186)),
    color-stop(0, rgb(255,255,255)),
    color-stop(0.54, rgb(255,255,255))
);
	/*background-image:url(../imagenes/tierra.jpg);
	background-repeat:no-repeat;*/
	background-image:url(../imagenes/1337.png);
	
}
/****************************************************************** CABECERA */
.principal .cabecera
{
	height:183px;
	background-color:#FFF;
}
.principal .cabecera .menu
{
	float:left;
	margin-top:104px;
	background-color:#545f1d;
	width:793px;
	height:24px;
	padding-top:8px;
}
.principal .menu ul
{
	margin:0px;
	padding:0px;
}
.principal .cabecera .menu ul li
{
	color:#FFF;
	display:inline;
	font-size:14px;
}
.principal .cabecera .menu ul li a
{
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:7px;
	
}

.principal .cabecera .menu ul li a:hover
{
	background-color:#808000;
}

.principal .cabecera .logoSoyNatura
{
	position:absolute;
	background-color:#FFF;
	width:222px;
	height:155px;
	left: 780px;
	top:0px;
	
}
.principal .cabecera .logoSoyNatura .logo
{
	width:180px;
	margin-left:17px;
	margin-top:22px;
}
/*.principal .cabecera .logoSoyNatura .rounded
{
	background-image:url(../imagenes/rounded.gif);
	height:32px;
}*/
/****************************************************************** CONTENIDO IZQ */
/*.principal .contenido
{
	background-color:#FFF;
}*/
.principal .contenido .izq
{
	float:left;
	width:270px;
	height:300px;

	
}
.principal .contenido .izq .seccion3
{
	/*background-color:#ff5a00;*/
	background-color:#E96F00;
	width:226px;
	height:20px;
	padding-top:5px;
	font-size:9px;
	padding-left:5px;
	margin-left:20px;

}
.principal .contenido .izq .agenda
{
	background-color:#FFF;
	margin-left:20px;
	width:230px;
	height:260px;
	margin-top:10px;
	/*background-image:url(../imagenes/diapo0.jpg);*/
	color:#000;
	
}
.principal .contenido .izq .agenda ul
{
	padding:8px;
	margin-top:5px;
		
}
.principal .contenido .izq .agenda ul li
{
	padding-top:5px;
	padding-bottom:5px;
	
	font-size:11px;
	
}
.principal .contenido .izq .agenda a
{
	font-size:12px;
	color:#FFF;
	background-color:#000;
	padding:5px;
	padding-left:6px;
	padding-right:6px;
	float:left;
	margin-right:9px;
	margin-bottom:5px;
	
}
.principal .contenido .izq .agenda a:hover
{
	/*background-color:#ff5a00;*/
	background-color:#E96F00;
}
/****************************************************************** PUBLI */
.principal .contenido .izq .publicidad
{
	background-color:#E9E9E9;
	width:225px;
	/*height:85px;*/
	margin-top:18px;
	margin-left:25px;
	/*background-color:#FFF
	margin-left:55px;
	margin-top:10px;
	width:150px;*/
	
	
}
.principal .contenido .izq .publicidad .banner
{
	/*width:150px;*/
}
/****************************************************************** CONTENIDO DCHA */
.principal .contenido .dcha
{
	margin-left:270px;
	
}

.principal .contenido .dcha .seccion
{
	margin-top:20px;
	background-color:#545f1d;
	/*background-color:#808000;*/
	width:697px;
	height:20px;
	padding-top:5px;
	font-size:9px;
	padding-left:5px;
	
}

/****************************************************************** SLIDER NOVEDADES */
#slider ul, #slider li, #slider2 ul, #slider2 li
{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:260px;
		overflow:hidden;
}

.principal .contenido .dcha #slider
{
	margin-top:10px;
	position:relative;
}

/****************************************************************** SLIDE 1 */
.principal .contenido .dcha .slide1
{
	background-color:#FFF;
	height:260px;
	background-image:url(../imagenes/slide1.jpg);
	color: #000;
	font-size:12px;
	padding-left:180px;
	padding-top:5px;
	line-height:1.3;
}

.principal .contenido .dcha .slide1 .destacado
{
	padding-top:160px;
	font-size:28px;
	padding-bottom:5px;
}
.principal .contenido .dcha .slide1 a
{
	color: #000;
	font-weight:bold;
}
.principal .contenido .dcha .slide1 a:hover
{
	color:#ff5a00;
}
/****************************************************************** SLIDE 2 */
.principal .contenido .dcha .slide2
{
	width:700px;
	height:260px;
}
.principal .contenido .dcha .slide2 .uno
{
	float:left;
	width:220px;
	height:260px;
	background-image:url(../imagenes/diapo4.jpg);
	padding-top:225px;
	
}

.principal .contenido .dcha .slide2 .uno a
{
	margin-left:10px;
	color:#FFF;
	background-color:#999;
	padding:5px;
		/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;	
	
}
.principal .contenido .dcha .slide2 .uno a:hover
{
	/*background-color:#ff5a00;*/
	background-color:#808000;
	padding-right:65px;
	
}
.principal .contenido .dcha .slide2 .dos
{
	float:left;
	margin-left:20px;
	width:220px;
	height:260px;
	background-image:url(../imagenes/diaposalud.jpg);
	padding-top:225px;
}
.principal .contenido .dcha .slide2 .dos .destacado
{
	font-size:26px;
	padding:12px;
}
.principal .contenido .dcha .slide2 .dos a
{
	margin-left:10px;
	color:#FFF;
	background-color:#999;
	padding:5px;
		/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;	
}
.principal .contenido .dcha .slide2 .dos a:hover
{
	background-color:#808000;
	padding-right:65px;
}
.principal .contenido .dcha .slide2 .tres
{
	float:right;
	width:220px;
	height:260px;
	background-image:url(../imagenes/diapo8.jpg);
}
.principal .contenido .dcha .slide2 .tres .destacado
{
	font-size:26px;
	padding:12px;
	padding-bottom:2px;
}
.principal .contenido .dcha .slide2 .tres p
{
	margin-left:10px;
	line-height:1,5;
	color:#000;
}

.principal .contenido .dcha .slide2 .tres a
{
	margin-left:10px;
	color:#FFF;
	background-color:#999;
	padding:5px;
		/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;	
}
.principal .contenido .dcha .slide2 .tres a:hover
{
	background-color:#808000;
	padding-right:65px;
}
/****************************************************************** SLIDE 3 */
.principal .contenido .dcha .slide3
{
	background-color:#FFF;
	height:260px;
	background-image:url(../imagenes/slide3.jpg);
	color: #000;
	font-size:12px;
	padding-left:20px;
	padding-top:85px;
	line-height:1.3;
}

.principal .contenido .dcha .slide3 .destacado
{
	padding-top:50px;
	font-size:26px;
	padding-bottom:5px;
}
.principal .contenido .dcha .slide3 a
{
	color: #000;
	font-weight:bold;
}
.principal .contenido .dcha .slide3 a:hover
{
	color:#ff5a00;
}
/****************************************************************** SLIDE 4 */
.principal .contenido .dcha .slide4
{
	width:700px;
	height:260px;
}
.principal .contenido .dcha .slide4 .uno
{
	float:left;
	width:220px;
	height:260px;
	background-image:url(../imagenes/diapotur.jpg);
	padding-top:225px;
}

.principal .contenido .dcha .slide4 .uno p
{
	margin-top:48px;
	margin-left:10px;
	line-height:1,5;
	color:#000;
}
.principal .contenido .dcha .slide4 .uno a
{
	margin-left:10px;
	color:#FFF;
	background-color:#999;
	padding:5px;
		/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;	
}
.principal .contenido .dcha .slide4 .uno a:hover
{
	background-color:#E96F00;
	padding-right:65px;
}
.principal .contenido .dcha .slide4 .dos
{
	float:left;
	margin-left:20px;
	width:220px;
	height:260px;
	background-image:url(../imagenes/diapo9.jpg);
}
.principal .contenido .dcha .slide4 .dos .destacado
{
	font-size:26px;
	padding:12px;
	padding-bottom:1px;

}
.principal .contenido .dcha .slide4 .dos p
{
	margin-top:0px;
	margin-left:10px;
	line-height:1,5;
	color:#000;
}
.principal .contenido .dcha .slide4 .dos a
{
	margin-left:10px;
	color:#FFF;
	background-color:#999;
	padding:5px;
		/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;	
}
.principal .contenido .dcha .slide4 .dos a:hover
{
	background-color:#E96F00;
	padding-right:65px;
}

.principal .contenido .dcha .slide4 .tres
{
	float:right;
	width:220px;
	height:260px;
	background-image:url(../imagenes/naturakids.jpg);
	background-color:#FFF;
	
}
.principal .contenido .dcha .slide4 .tres .destacado
{
	font-size:24px;
	padding:12px;
	margin-top:0px;
	

}
.principal .contenido .dcha .slide4 .tres a
{
	margin-left:10px;
	color:#FFF;
	background-color:#999;
	padding:5px;
		/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;	
}
.principal .contenido .dcha .slide4 .tres a:hover
{
	background-color:#E96F00;
	padding-right:65px;
}
/****************************************************************** NOTICIAS */
.principal .contenido .dcha .seccion2
{
	margin-top:20px;
	background-color:#000;
	width:697px;
	height:20px;
	padding-top:5px;
	font-size:9px;
	padding-left:5px;
	
}
.principal .contenido .dcha .noticias
{
	width:692px;
	height:166px;
	margin-top:15px;
	background-color:#FFF;
	padding:6px;
}

.principal .contenido .dcha .noticias .noticia1
{
	float:left;
	width:219px;
	margin-top:10px;
	
}
.principal .contenido .dcha .noticias .noticia2
{
	float:left;
	margin-left:17px;
	width:219px;
	margin-top:10px;
	
}
.principal .contenido .dcha .noticias .noticia3
{
	float:left;
	margin-left:17px;
	width:219px;
	margin-top:10px;
}
.principal .contenido .dcha .noticias .destacado
{
	font-size:17px;
	text-align:justify;
}
.principal .contenido .dcha .noticias h2
{
	font-size:11px;
	text-align:justify;
	margin-top:11px;
	font-weight:500;
}
.principal .contenido .dcha .noticias a
{
	color:#FFF;
	position:relative;
		
			/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, padding-right;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;
	background-color:#000;
	padding:5px;

	
}
.principal .contenido .dcha .noticias a:hover
{
	/*background-color:#ff5a00;*/
	position:relative;
		
				/* Animation (Webkit, Gecko &amp; Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, padding-right;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;
	background-color:#E96F00;
	padding-right:35px;

}
.principal .expositores .tituloexpo
{
	margin-left:25px;
	margin-top:25px;
	margin-right:0px;
}
.principal .expositores .listado
{
	margin-left:0px;
}
/****************************************************************** COLABORADORES */
/*.principal .contenido .dcha .seccion4
{
	margin-top:20px;
	background-color:#808000;
	width:697px;
	height:20px;
	padding-top:5px;
	font-size:9px;
	padding-left:5px;
	
}
.principal .contenido .dcha .colaboradores
{
	background-image:url(../imagenes/colaboradores.jpg);
	background-repeat:no-repeat;
	height:130px;
}
/****************************************************************** PIE */
.tierra
{
	margin-top:40px;
	background-image:url(../imagenes/tierra.jpg);
	height:155px;
	background-repeat:no-repeat;
}
.pie
{
	height:280px;
	background-image:url(../imagenes/pieverde.jpg);
	/*background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.36, rgb(76,84,8)),
    color-stop(0.81, rgb(121,133,13))
);
	background:-moz-linear-gradient(
    center bottom,
    rgb(76,84,8) 36%,
    rgb(121,133,13) 81%
);
	/*background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, rgb(168,189,10)),
    color-stop(0.79, rgb(71,82,3))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(168,189,10) 9%,
    rgb(71,82,3) 79%
);*/
}
.pie .infopie
{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:200px;
}
.pie .infopie ul
{
	padding-top:30px;
	position:absolute;
	left: 518px;
}

.pie .infopie ul li
{
	display:inline;
	font-size:15px;
	margin-right:100px;
}
.pie .infopie .comunica
{
	color:#FFF;
	font-size:11px;
	position:absolute;
	top: 109px;
	left: 219px;
}
.pie .infopie .logocomunica
{
	position:absolute;
	top: 33px;
	left: 11px;
}
.pie .infopie .socialmedia
{
	width:120px;
	position:absolute;
	left: 512px;
	top: 74px;
}
.pie .infopie .socialmedia a
{
	color:#FFF;
	text-align:center;
	font-size:10px;
	margin:0px;
	padding:0px;
}
.pie .infopie .social
{
	width:35px;
	margin:0px;
	padding:0px;
	
}
.pie .infopie .contacto
{
	font-size:11px;
	color:#FFF;
	font-weight:300;
	position:absolute;
	left: 699px;
	top: 63px;
}
.pie .infopie .contacto a
{
	color:#FFF;
}
.pie .infopie .contacto a:hover
{
	font-weight:500;
}
