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

body {
	font-family: arial;
	font-size: 12px;
	color:#646464;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:13px;
}
a {
	color:#646464;
	text-decoration:underline;
}
h1 {
	color:#22b24c;
	font-size:24px;
	margin:28px 0 0 0;
	padding:0;
}
h2 {
	color:#22b24c;
	font-size:14px;
	margin:18px 0 0 0;
	padding:0;
}
h3 {
	color:#969696;
	background-color:#FFF;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	margin-bottom:10px;
	padding-left:5px;
	text-align:center;
}
h4 {
	font-size:12px;
}
#fondo {
	background-image:url(../imagenes/fondo-encabezado.jpg);
	background-position:top;
	background-repeat:repeat-x;
	min-height:174px;
	height:auto;
	width:100%;
}
#contenedor {
	width: 880px;
	height: auto;
	margin-right: auto;
	margin-left: auto;	
}
.transp { /* make the div translucent */
	opacity: 0.4;
	filter: "alpha(opacity=40)"; /* expected to work in IE 8 */
	filter: alpha(opacity=40);   /* IE 4-7 */
	zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
}
/*---------- Capa encabezado --------------*/
#encabezado {
	width:100%;
	height:130px;
	padding-top:5px;
}
#primernivel {
	width:100%;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#rss {
	float:right;
	height:20px;
	margin-top:3px;
}
#menu_pestagnas{	
	float:left;
}
#menu_pestagnas li {
	/* Indicamos que la posición de 'li' se adjunte siempre a la izquierda */
	float:left;
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type:none;
}
#menu_pestagnas ul li {
	margin-right:10px;
}
/* Por defecto ul genera una separación hacia la derecha. con margin:0 queda anulada */
#menu_pestagnas ul {
	margin:0;
	padding:0;
}
#menu_pestagnas a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-image:url(../imagenes/pestagna-gris.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:130px;
	height:20px;
	padding: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 20px;
}
/* El primer recuadro, no tiene la linea izquierda. Aqui se la colocamos */
#menu_pestagnas a#activo {
	color:#000;
	background-image:url(../imagenes/pestagna-activa.jpg);
	vertical-align:middle;
}
#segundonivel {
	margin-top:5px;
}
#segundonivel_izq {
	float:left;
	width:452px;
}
#segundonivel_dcha {
	float:right;
	width:251px;
	margin-top:18px;
	font-size:10px;
	font-weight:bold;
}
/*--------Fin Capa Encabezado --------------*/

/*----------Capa contenido ----------------*/
#contenido {
	width: 100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
}
#navegacion {
	width: 100%;
	height: 31px;
}
#contenido_central {
	width:100%;
	min-height:475px;
	margin:10px 0px 0px 0px;
}
#contenido_central_izq {
	float:left;
	margin-right:10px;
}
#contenido_central_dcha {
	float:right;
	font-size:12px;
}
.contenido_central_izq {
	float:left;
	margin-right:10px;
}
.contenido_central_dcha {
	float:right;
	font-size:12px;
}
#cont_izq{
	width:212px;
}
#cont_dcha {
	float:right;
}
#destacados {
	width:100%;
	height:auto;
}
#destacados p {
	margin-top:5px;
	padding-top:0px;
}
#secciones, #seccionesMarginTop28 {
	width:100%;
	height:176px;
	margin-top:20px;
	padding:0px;
	background-image:url(../imagenes/fondo-secciones880.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	color:#646464;
}
#seccionesMarginTop28 {
	margin-top:28px;
}
#secciones p, #seccionesMarginTop28 p {
	padding-top:13px;
	margin:0px;
	/*margin-top:13px;*/
}
#ventajas {
	width:606px;
	height:auto;
	float:left;
	margin-right:54px;
	margin-top:28px;
}
#aplicaciones, #sostenibilidad, .colores {
	width:434px;
	height:auto;
	margin-top:27px;
}
.colores {
	margin-top:0px;
}
#sostenibilidad, .colores, .texto_colores, .certificaciones, .produccion, .mapa {
	width:100%;
}
#aplicaciones ul, .colores ul, .texto_colores ul, .certificaciones ul, .produccion ul, .mapa ul {
	display:inline;
}
.mapa {
	margin-top:20px;
	margin-left:30px;
	width:200px;
	float:left;
}
#aplicaciones ul li, .colores ul li, .certificaciones ul li, .produccion ul li {
	float:left;
	margin-top:10px;
	list-style-type:none;
	width:101px;
}
.colores ul li {
	width:168px;
	margin-top:27px;
}
.certificaciones ul li, .produccion ul li {
	width:212px;
}
.mapa ul li {
	width:250px;
	margin-left:20px;
	margin-bottom:15px;
}
.certificaciones ul li p {
	color:#969696;
	text-align:justify;
	margin-top:10px;
	margin-bottom:5px;
	line-height:13px;
}
.produccion ul li p {
	text-align:justify;
	margin:0px;
	margin-top:10px;
	color:#969696;
}
.texto_colores ul li {
	float:left;
	margin-top:10px;
	list-style-type:none;
	width:auto;
	height:25px;
	padding:10px;
}
#li_texto_color_346 {
	width:326px;
	background-color:#e1e1e1;
	color:#969696;
	margin-right:10px;
}
#li_texto_color_524 {
	width:504px;
	background-color:#e1e1e1;
	color:#969696;
}
.conMargenDcho {
	margin-right:10px;
}
.certificadoImpar, .certificadoPar {
	background-color:#c8ecd2;
	padding-right:10px;
	padding-left:10px;
	text-align:justify;
	margin-top:10px;
	width:638px;
}
.certificadoPar{
	background-color:#d8d8d8;
}

/* ---------- Pie ------------ */
#pie {
	width:100%;
	height:46px;
	margin-bottom:30px;
}
#pie p {
	font-size:11px;
	margin:0px;
}
#pie p a {
	text-decoration:none;
}
#pie ul {
	display:inline;
}
#pie ul li {
	float:left;
	list-style-type:none;
	font-size:11px;
}
#pie ul li a {
	text-decoration:none;
}
/* ------------ Clases -------------*/
.verde {
	color:#22b24c;
}
.gris {
	color:#646464;
}
.gris_catorce{
	color:#646464;
	font-size:14px;
}
.gris_claro_justify {
	color:#969696;
	text-align:justify;
}
.gris_claro {
	color:#969696;
}
.verde_catorce {
	color:#22b24c;
	font-size:14px;
}
.verde_24 {
	color:#22b24c;
	font-size:24px;
}
.azul_doce {
	color:#1c6bc9;
}
.azul_catorce {
	color:#1c6bc9;
	font-size:14px;
}
.marron_doce {
	color:#bf601b;
}
.marron_catorce {
	color:#bf601b;
	font-size:14px;
}
.rojo {
	color:#c70440;
}
.negro {
	color:#000;
}
.marronclaro {
	color:#aba089;
}
.font14 {
	font-size:14px;
	text-align:justify;
}
.columna_contacto {
	width:212px;
	float:left;
}
.columna_documentacion {
	width:203px;
	float:left;
	margin-left:19px;
}
.columna_multimedia {
	width:201px;
	float:left;
	margin-left:21px;
}
.columna_escribenos {
	width:190px;
	float:left;
	margin-left:19px;
}
.destacado {
	float:left;
	height:200px;
	width:283px;
	margin-right:10px;
}
.mas_inf {
	margin-top:5px;
	display:block;
}
.estilotextarea {
	/*width:202px;*/
	width:185px;
	height:73px;
	border: 1px solid #b6b6b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	background-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-dark-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	margin:0px;
	padding:0px;
	overflow:hidden;
	padding-left:5px;
	padding-top:5px;
}
.textarea_enviado {
	color:#22b24c;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

.columna_escribenos input {
	border: 1px solid #b6b6b6;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	height:18px;
}

.datos {
	border: 1px solid #b6b6b6;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	width:140px;
	height:14px;
	margin:0px;
	padding:0px;
	/*margin-right:5px;*/
	padding-left:5px;
	padding-top:5px;
	vertical-align:middle;
	line-height:10px;
}
.enviar {
	border: 1px solid #b6b6b6;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7d7d7d;
	font-weight:bold;
	width:43px;
	height:21px;
	margin:0px;
	padding:0px;
	/*margin-top:5px;*/
	vertical-align:middle;
	line-height:10px;
}
.marginocho{
	margin-bottom:8px;
}
.marginTop21 {
	margin-top:21px;
	margin-bottom:0px;
}
.marginTop18 {
	margin-top:18px;
	margin-bottom:0px;
	line-height:13px;
}
.marginTop28 {
	margin-top:28px;
	margin-bottom:0px;
}
.marginTop13 {
	margin-top:13px;
	margin-bottom:0px;
}
.justify {
	text-align:justify;
}
.marginTop10 {
	margin-top:10px;
}
.marginTop49 {
	margin-top:49px;
}
.marginCero {
	margin-top:0px;
	margin-bottom:0px;
}
.underline {
	text-decoration:underline;
}
.columna434 {
	width:434px;
	float:left;
	text-align:justify;
	margin-right:10px;
}
#columna434 {
	width:434px;
}
#columnaVentajas {
	width:438px;
}
.columna436 {
	width:436px;
	float:left;
	text-align:justify;
}
.columnaAuto {
	float:left;
	width:auto;
	margin-left:10px;
	margin-top:27px;
}
.columna433izq, .columna433dcha, .columna434izq, .columna434dcha {
	width:433px;
	float:left;
	text-align:justify;
}
.columna433dcha {
	margin-left:9px;
}
.columna434izq, .columna434dcha {
	width:434px;
}
.columna434dcha
{
	margin-left:10px;
}
.columnaventajas {
	width:274px;
	float:left;
	margin-right:30px;
	margin-top:18px;
	color:#969696;
}
.columnaventajas3 {
	width:272px;
	float:left;
	margin-right:0px;
	margin-top:18px;
	color:#969696;
}
.limpiar {
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0px;
	height:0px;
}
/*--------Formulario para solicitar expositor-----*/
#formulario {
	width:50%;
	margin:auto;
	margin-top:28px;
}
#formulario #form1 {
	margin: 0px;
	/*width:50%;*/
	border: 1px solid #b6b6b6;
}
#formulario {
	padding-top: 8px;
	padding-right: 11px;
	padding-bottom: 4px;
	padding-left: 11px;
	text-align: right;
}
#formulario p {
	margin: 0px;
	vertical-align: middle;
	margin-bottom:10px;
	margin-top:10px;
}


.campos {
	border: 1px solid #b6b6b6;
	height: 15px;
	width: 245px;
	vertical-align: middle;
	margin-right: 15px;
	margin-left:5px;
}
.campo_area {
	border: 1px solid #b6b6b6;
	width: 245px;
	vertical-align: top;
	margin-right: 15px;
}
.boton {
	border: 1px solid #b6b6b6;
	height: 19px;
	width: 90px;
	font-family: arial;
	font-size: 12px;
	line-height:12px;
	color: #FFFFFF;
	vertical-align: middle;
	margin-right: 15px;
	background-color: #22b24c;
	font-weight: bold;
}
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
/*--------Fin Formulario -------------------------*/
.left22 {
	margin-left:22px;
}
.par {
	background-color:#fbfbfb;
}
.botella_rota {
	margin-top:100px;
	margin-left:90px;
	margin-right:89px;
}
.img_eco {
	margin-top:102px;
}
#usos_eco, #cradle {
	width:434px;
	text-align:justify;
	color:#969696;
}
.barra_horiz {
	margin-top:10px;
	margin-bottom:19px;
}
.barra_horiz_produccion {
	margin-top:10px;
	margin-bottom:0px;
}
.esquema_produccion {
	margin-top:92px;
}
#preguntas_frecuentes {
	width:100%;
	height:auto;
	margin-top:21px;
	margin-bottom:28px;
}
#preguntas_frecuentes p {
	margin-top:10px;
	margin-bottom:0px;
	line-height:13px;
}
#preguntas_frecuentes h1 {
	margin-top:21px;
	margin-bottom:0px;
	font-family: arial;
	font-size: 12px;
	color:#646464;
	line-height:13px;
}
#texto-campana {
	float:right;
	width:345px;
	text-align:justify;
	padding-right:10px;
	color:#969696;
}
/****menu*****/

.capa-limpia {
	float: left;
}

#navegacion * {margin:0; padding:0}
#navegacion ul,#navegacion li {list-style-type:none;}

.wrapper {
	width:880px;
	margin:auto;
	float: right;
}

.menuholder {
	height:29px;
	background-color: #fff;
	background-image:url(../imagenes/menu_garantia.jpg);
}
.menuholder li {float:left;}
.menuholder a {
	display:block;
	text-indent:-9000%;
	height:29px;
	background-image:url(../imagenes/menu_garantia.jpg);
}

.menu_home a { width:59px;}
.menu_eco a { width:113px; background-position:-59px 0px;}
.menu_colours a { width:68px;  background-position:-172px 0px;}
.menu_advantages a { width:73px;  background-position:-240px 0px;}
.menu_uses a { width:103px;  background-position:-313px 0px;}
.menu_certifications a { width:110px;  background-position:-416px 0px;}
.menu_production a { width:88px; background-position:-526px 0px;}
.menu_garantia a { width:84px; background-position:-614px 0px;}
.menu_expositor a { width:182px; background-position:-698px 0px;}

/**************/