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

/* CSS Reset */


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-size: 12px;
	/* line-height: 1; */
			font-family: Arial;
	text-align: left;
	vertical-align: baseline;
		}
	
body {background:#fff !important;}
p{ font-family:"arial"; color:#FFFFFF; font-size:12px;}
p#f_w{font-size:18px; color:#FFFFFF; margin:0px 10px;}
p#f{color:#4d4d4d; text-align:justify;}
p#f2{color:#000; text-align:justify; font-size:9px;}
p#f3{color:#999999; font-size:12px;}
p#f4{color:#999999; font-size:12px;}
p#f5{font-size:20px; color:#4DA045;}
p#f6{color:#000; font-size:12px; font-weight:bold;}
.f7{color:#000; font-size:12px; font-weight:bold;}
p#f_b1{color:#000000; font-size:12px; font-weight:bold; margin:0px 20px; }
p#f_b2{color:#000000; font-size:10px; margin:0px 20px;}
div#top_w{margin:5px auto 0px; width:1036px; height:29px; background-image:url(images/top.jpg);}
div#wrapper_g{margin:0px auto; width:1090px; height:1180px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000;}
div#down_w{margin:0px auto; width:1032px; height:6px; background-image:url(images/down.jpg); float:left; position:relative; }
div#wrapper{margin:0px auto; width:1030px; height:990px; }
div#content_header{margin:0px auto; width:1000px; height:210px; position:relative;}
div#content_log_menu{margin:0px auto; width:590px; height:210px;}
div#log_men{
	position:absolute;
	left: 284px;
	top: 32px;
}
div#idioma{
	margin:0px auto;
	width:190px;
	height:58px;
	float:right;
	position:absolute;
	left: 836px;
	top: 58px;
}
div#ecolog{
	margin:0px auto;
	width:135px;
	height:91px;
	position:absolute;
	left: 761px;
	top: 99px;
}
div#sep{margin:0px auto; width:592px; height:168px;}
div#menu{
	margin:10px 0px 0px 10px;
	width:615px;
	height:30px;
	
}
.map a:link {  text-decoration:none; font-family:"Gill Sans MT";  }
.map a:visited {font-family:"Gill Sans MT";  text-decoration:none;  }
 
div#branding{margin:15px auto 2px; width:1025px; height:351px; background-color:#000000; float:right;}
div#img_branding{margin:15px auto 0px; width:985px; height:322px;}
div#separador{ width:1036px; height:10px; float:left;}
div#cent{margin:0px auto; width:1025px; height:186px; float:right;}
div#bx{margin:0px 0px 0px .5px; width:500px; height:186px; float:left; background-image:url(images/in1.jpg);}
div#bx2{margin:0px 0px 0px .5px; width:522px; height:186px; float:left; background-image:url(images/in.jpg);}

div#tex{margin:18px 20px; width:429px; height:108px;}
div#content_down{
	margin:0px auto;
	width:1000px;
	height:191px;
	position:relative;
	border-bottom:2px solid  #777;
	float:right;
	background-image:url(images/fondo_footer.gif);
	
}
div#logos{margin:10px auto; width:1000px; height:127px;}
div#logo{margin:25px 10px; width:150px; height:90px; float:left;}
div#log{margin:0px 20px; width:375px; height:90px; float:left;}
div#cont_form{margin:0px auto; width:370px; height:90px; float:left;}
div#form{margin:0px auto; width:278px; height:88px; float:left; border:1px solid #777; background-image:url(images/form.jpg);}
div#forma{margin:0px auto; width:190px; height:81px; float:right;}
div#mail{margin:0px auto; width:87px; height:83px; float:right;}
div#box_date{margin:0px auto; width:185px; height:53px; float:right;}

/*filosofia */
div#content_fil{margin:40px auto; position:relative; width:756px; height:724px; border:1px solid #999999;}
div#img_fil{
	position:absolute;
	left: 23px;
	top: 26px;
	width: 246px;
	height: 469px;
}

div#sep_fil{margin:0px auto; width:756px; height:50px;}
div#txt_fil{
	margin:0px auto 0px;
	width:402px;
	height:586px;
	position:absolute;
	left: 321px;
	top: 28px;
}

/*industrias */
div#ind{margin:0px auto 0px; width:700px; height:417px;}

div#img_ind{margin:0px 0px 0px 0px; width:342px; height:396px; float:left;}
div#txt_ind{
	margin:0px 0px 0px;
	width:287px;
	height:390px;
	float:right;
	left: 621px;
	top: 339px;
}

/*ecologic */
div#content_eco{margin:40px auto; width:756px; height:534px; border:1px solid #999999;}

/*productos */
div#content_productos{margin:40px auto; width:756px; height:410px; border:1px solid #999999;}
div#prod1{margin:0px 30px 0px 25px; float:left; width:319px; height:353px; border:1px solid #B42026;}
div#prod2{margin:0px 35px 0px 20px; float:right; width:319px; height:353px; border:1px solid #237EC2;}
div#part1{margin:0px auto; width:319px; height:90px;}
div#part2{margin:0px auto; width:319px; height:203px;}
div#cent_pr{margin:10px auto; width:223px; height:176px;}
div#part3{ margin:0px auto; width:319px; height:60px;}
div#pc{margin:50px auto 10px; width:798px; height:auto;}
div#pc1{margin:0px auto; width:798px; height:142px;}
div#img_pc{margin:0px auto; width:238px; height:102px; float:left;}
div#tx_pc{margin:0px auto; width:440px; height:102px; float:right;}
div#tx_p{margin:10px 0px 0px 30px; width:389px; height:94px;}
div#pc2{margin:0px auto; width:678px; height:auto;}
div#opc{margin:0px auto; width:678px; height:48px; background-color:#999999;}

/* intrucciones*/
div#content_inst{margin:40px auto; width:921px; height:750px; position:relative;}
div#sist{
	margin:0px auto;
	width:444px;
	height:114px;
	position:absolute;
	left: 2px;
	top: 18px;
}
div#bx_sist{
	margin:0px auto;
	width:884px;
	height:680px;
	border:1px solid #999999;
	position:absolute;
	left: 34px;
	top: 58px;
}
div#boton{
	margin:0px auto;
	width:203px;
	height:47px;
	position:absolute;
	border:2px outset #999999;
	background-image:url(images/boton.png);
	left: 499px;
	top: 0px;
}
div#boton2{
	margin:0px auto;
	width:203px;
	height:47px;
	position:absolute;
	background-image:url(images/boton2.png);
	border:2px outset #999999;
	left: 711px;
	top: 0px;
}

div#img_ins{
	margin:0px auto;
	width:861px;
	height:257px;
	position:absolute;
	left: 58px;
	top: 73px;
}
div#texto{
	margin:0px auto;
	width:797px;
	height:397px;
	position:absolute;
	left: 119px;
	top: 358px;
}
div#t_num{margin:5px auto 0px; width:790px; height:55px;}
div#num{margin:0px auto; width:33px; height:55px; float:left;}
div#num_tx{margin:0px auto; width:660px; height:55px; float:left;}
div#tx_tlo{margin:15px 15px 0px 15px; width:150px; height:27px;}

div#fil_img{margin:0px 30px; width:261px; height:344px; float:left;}
div#fil_tx{margin:30px 30px; width:359px; height:241px; float:right;}

div#ct{margin:0px 80px; width:900px; height:320px; position:relative; float:left; border:1px solid #999999;}
div#it{
	margin:0px auto;
	width:263px;
	height:308px;
	position:absolute;
	left: 560px;
	top: 8px;
}
div#tt{
	margin:0px auto;
	width:467px;
	height:188px;
	position:absolute;
	left: 39px;
	top: 104px;
}
div#zt{
	margin:0px auto;
	width:178px;
	height:114px;
	position:absolute;
	left: -30px;
	top: -34px;
}
div#content_preguntas2{padding-bottom:20px;margin:40px auto; width:856px;border:1px solid #999999;}
div#tlopre2{margin:0px auto; width:751px; height:50px; }
div#dwpre2{margin:0px auto; width:680px; height:35px; margin-left:30px;}

div#content_preguntas{margin:40px auto; width:856px; height:510px; border:1px solid #999999;}
div#pre1{margin:0px 40px; width:343px; height:378px; float:left; border-right:2px  inset #eaeaea;}
div#tlopre{margin:0px auto; width:751px; height:71px; }
div#dwpre{margin:0px auto; width:751px; height:35px; float:left;}



/* Contacto */
 label { float: left;  width:130px; text-align:right; padding-right:5px;}

fieldset { width:100%; margin: .5em 0em 0em 0em;  padding: 0; font-size:14px; border:none; } 
legend { margin-left: 0em;   font-weight: bold; border:none; color:#000; background-color:#fff;} 
legend span { position: absolute;  margin-top: 0em;  font-size: 135%; }
fieldset ol { padding: 0em 0em 0 0em;  list-style: none; font-weight:900; font-size:14px; } 
fieldset li { padding-bottom: 0em; padding-left:1em; margin-top:0px;   color:#666666;  font-family:"arial";} 
fieldset input{border:1px solid #aeaeae; margin:2px 0px;}
fieldset select{border:1px solid #aeaeae; width:305px;}
fieldset textarea{
	border:1px solid #aeaeae; margin:10px auto;
	
}
fieldset.submit { margin:10px auto; float:right; width: auto;  border-style: none;  padding-left:0em;  }

div#tabl{margin:0px auto; width:676px; height:285px; }
div#ta1{margin:0px auto; width:87px; height:285px; float:left;}
	div#tab1{margin:0px auto; width:78px; height:75px;}
div#ta2{margin:0px auto; width:306px; height:285px; float:left; }
	div#tab2{margin:0px auto; width:292px; height:75px;}
	div#imtab2{margin:5px auto 0px; width:58px; height:66px; border:1px solid #000; float:left;}
	div#txttab2{margin:10px 10px 0px; width:208px; height:66px; float:left;}
div#ta3{margin:0px auto; width:129px; height:285px; float:left;}
	div#tab3{margin:0px auto; width:115px; height:75px; float:right;}
div#ta4{margin:0px auto; width:147px; height:285px; float:left;}
	div#tab4{margin:0px auto; width:136px; height:75px;}
	table.stats 
{

  text-align: center; 
  font-family:"verdana"; text-align:justify;
  
  font-weight:800;
  font-size: 12px;
  color: #54627D;
  width: 645px;
  
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin:0px auto;
  
}
table.stats td 
{
  color: #404040; font-size:9px; font-weight:400;  
 
  text-align:justify;
  border: 1px #ccc solid; position:relative;
}
table.stats td.hed
{

  
 color: #fff; font-size:14px; padding-top:5px;
  text-align:center; border:1px solid #ccc; height:25px;
  font-weight: bold;

} 
#ocultar{
	position:absolute;
	left: 627px;
	top: 3px;
	width: 108px;
	height: 14px;
}
#content_categorias{width:750px; height:100%; margin:0px auto; position:relative; overflow:hidden;}
#content_tlo{ width:748px; border:1px solid #ccc; height:30px; margin:0px auto;}
#tlo_cat{ border: 1px #cccccc solid; width:740px; margin:2px auto 0px; height:24px; position:relative; background-color:#999999;}
#nombre_cat{
	position:absolute;
	left: 7px;
	top: 1px;
	width: 470px;
	height: 16px;
}

#climabx{width:100px; height:auto; position:relative; float:left;    margin:5px 2px 0px 0px; border:1px solid #ccc; }
#descripbx{width:295px; height:auto; position:relative; float:left;  margin:5px 2px 0px 5px; border:1px solid #ccc;}
#superficiesbx{width:165px; height:auto; position:relative; float:left;   margin:5px 2px 0px 5px; border:1px solid #ccc; }
#coloresbx{width:160px; height:auto; position:relative; float:left;   margin:5px 0px 0px 5px; border:1px solid #ccc; }

#climabox{width:90px; height:auto; margin:10px auto;    position:relative;}
#descripbox{width:280px; height:auto; position:relative;    margin:10px auto; border:1px solid #ccc; }
#superficiesbox{width:150px; height:auto; position:relative;  margin:10px auto; border:1px solid #ccc;}
#coloresbox{width:150px; height:auto; position:relative;   margin:10px auto; border:1px solid #ccc; }


#clima{width:90px; height:110px; position:relative; margin:10px auto; border-bottom:1px solid #ccc; position:relative;}
#descripcion{width:280px; height:110px; margin:10px auto; position:relative;  border-bottom:1px solid #ccc;  }
#fto_des{ width:53px; height:71px; margin:5px 2px 0px 0px; border:1px solid #787677; float:left;}
#txt_des{ width:210px; height:110px; float:left; margin:0px 0px 0px 5px;}
#superficies{width:150px; height:110px; margin:10px auto; position:relative;  border-bottom:1px solid #ccc;  }
#icon_sup{ position:absolute;  left:10px;}
#color{width:140px; height:110px; margin:10px auto; position:relative;   border-bottom:1px solid #ccc;}
#icon_color{float:left; width:34px; height:45px; margin:2px 0px; position:relative;}

#concreto{ width:45px; height:60px; background-image:url(images/concreto.png); position:relative; margin:0px 2px 0px 0px;  float:left;}
#madera{ width:45px; height:60px; background-image:url(images/madera.png); position:relative; margin:0px 3px; float:left; }
#lamina{ width:45px; height:60px; background-image:url(images/lamina.png); position:relative; margin:0px 3px; float:left; }
#clima_tlo{width:90px; height:30px; margin:2px auto; background-color:#0033FF; position:relative;}
#descripcion_tlo{width:280px; height:30px; margin:0px auto;  background-color:#0033FF;}
#superficies_tlo{width:150px; height:30px; margin:0px auto; background-color:#0033FF; }
#color_tlo{width:150px; height:30px; margin:0px auto; background-color:#0033FF;}

#cont_prod{width:700px; height:850px; margin:100px auto; position:relative; border:1px solid #ccc;}
#fotProd{
	width:253px;
	height:337px;
	position:absolute;
	left: 57px;
	top: 59px;
}
#contenido_pd{
	position:absolute;
	border-left:2px solid #eaeaea;
	left: 392px;
	top: 62px;
	width: 298px;
	height: 662px;
}
#tlo_pd{position:absolute;}
#tabla2{
	width:350px;
	height:168px;
	background-image:url(images/tabla.png);
	position:absolute;
	left: 18px;
	top: 431px;
}
#t1{
	position:absolute;
	left: 118px;
	top: 42px;
	width: 100px;
	height: 28px;
}
#t2{
	position:absolute;
	left: 117px;
	top: 89px;
	width: 103px;
	height: 28px;
}
#t3{
	position:absolute;
	left: 116px;
	top: 134px;
	width: 104px;
	height: 28px;
}
#t4{
	position:absolute;
	left: 239px;
	top: 40px;
	width: 108px;
	height: 33px;
}
#t5{
	position:absolute;
	left: 239px;
	top: 87px;
	width: 108px;
	height: 32px;
}
#t6{
	position:absolute;
	left: 240px;
	top: 131px;
	width: 108px;
	height: 32px;
}
#log_footer{
	position:absolute;
	left: 619px;
	top: 23px;
}
#date_footer{
	position:absolute;
	background-image:url(images/date.gif);
	width:102px;
	height:48px;
	left: 810px;
	top: 24px;
}
#mail_corp{
	position:absolute;
	left: 929px;
	top: -1px;
}
#pdf{
	position:absolute;
	left: 517px;
	top: 773px;
}

/* Imagen grande Familia y Comunidad */
#fc2{
	position:absolute;
	margin-left:650px;
	margin-top:-100px;
}
/* Separador entre menu y Familia y Comunidad */
.sep{
	height:70px;
}
.post{
	border-bottom:1px #000 dashed;
	padding-bottom:10px;
	margin-bottom:20px;
}
.post .cizq{
	float:left;
	width:300px;
}
.post .cder{
	float:right;
	width:370px;
}
.post .cder h3{
	margin:0px;
	padding:0px;
	color:#4DA246;
	font-size:19px;
	margin-bottom:5px;
}
.post .cder h4{
	margin:0px;
	padding:0px;
	color:#666666;
	font-weight:100;
	
}
.post .cder p{
color:#666666;
}
#mapa{
	margin-left:auto;
	margin-right:auto;
	width:748px;
}
#mapa img{
	z-index:2;
}
#props{
	width:500px;
	height:230px;
	background:url(images/wt.png);
	border:1px solid #CF6758;
	z-index:4;
	margin-top:320px;
	margin-left:-30px;
	position:absolute;
	padding:20px;
}
#map_canvas{
	float:left;
}
#direc{
	float:right;
	margin-top:25px;
	font-size:10px;
}