body{
  background:#eeeeee;
  margin:0;
  margin-bottom:15px;
  FONT: 11px Verdana, Geneva, sans-serif;
  color:#808080;
}
#cargando{
  position:absolute; 
  width:100%; 
  height:700px;
  z-index:100; 
  background:#FFFFFF;
  text-align:center
}
#cargando IMG{
  margin-top:150px
}
#cargando P{ 
  margin-top:-100px;
  color:#bbb
}
#cargando SPAN{
  color:#395645
}

#container{
  position:relative;
  background:#fff;
  width:850px;
  height:auto;
  margin-right:auto;
  margin-left:auto;
}

/* CABECERA */
#cabecera{
  position:relative;
  background:#0A3F00 url(a/headTR.jpg) no-repeat;
  background-position:550px 0px;
  width:850px;
  top:0px;
  height:130px;
  FONT: 22px verdana,arial,sans-serif ;color:#fff;
}

#SE {
  background:url(a/hdr.jpg);width:260px;height:90px;
  margin-top:0px;margin-left:80px;}
/*   MENU   */

#menu{
  position:relative;top:125px;text-align:center;background:#0A3F00;padding-top:5px;font-size:10px;
  border-bottom:1px #fff solid; z-index:20}
#menu A{
  padding:0px 20px 5px 20px;border-bottom:1px #fff solid;color:#fff;text-decoration:none;background:#0A3F00}
#menu a:hover{
  color:#cccccc;text-decoration:none;}
/* fin MENU */

#cornerL {
  position:absolute;top:137px;left:170px;background: url(a/cornerL.png) no-repeat;width:10px;height:10px;z-index:21}
#cornerR {
  position:absolute;top:137px;right:170px;background: url(a/cornerR.png) no-repeat;width:8px;height:10px;z-index:21}
#margen { 
  position:relative;top:35px;height:35px;background:#fff url(a/margen.jpg) repeat-x ;}
/* fin CABECERA */


/* INICIO */

#contenido{
  position:relative;
  height:auto; background-color:#fff;
  padding:20px 30px 0px 230px;
  font-family: Arial, Helvetica, sans-serif;font-size:12px;
  margin-top:45px;
  text-align:justify;
}
h3{
  text-align:left;FONT: 15px Arial,Helvetica,sans-serif ;color:#395645; padding:5px; margin:0px; border-bottom:1px #395645 solid}
#main1{
  margin-top:20px;
  padding:0px 40px 20px 20px;
  text-align:justify;
}
.slogan{
  margin-left:10px;padding-top:13px;font-size:12px; color:#607060; text-align:center}
.logo{
  position:relative;margin-left:185px; margin-top:50px;padding-bottom:110px}

#main1 B{ 
  color:#395645; margin-left:20px; display:list-item }
#main1 H2{
  color:#395645; font-size:16px}
#main2,#main3 { 
  position:relative;margin-left:20px; padding:20px 30px 0px 20px; border-top:1px #ccc dotted}
#main2 SPAN{
  color:#303030}
#main2 STRONG{
  color:#505050
}
/* fin INICIO */

/*  SERVICIOS  */
.usos{  
  color:#395645;font-size:14px}
.metod{
  font-family:Helvetica, Arial, sans-serif;color:#303030}

#pasos{
  position:relative; display:block;left:10px;width:500px; height:350px; background:#f7f7f7 url(a/bordeDo.jpg) no-repeat;background-position:bottom }
#pasos P{ 
  position:relative;padding-right:30px;margin-left:35px; margin-bottom:20px;display:list-item; color:#395645}
#pasos B{ 
  position:relative; display:block; width:500px;line-height:10px;background:#f7f7f7 url(a/bordeUp.jpg) no-repeat; }
#main3 SPAN{
  color:#303030}
/* fin SERVICIOS */

/*  PRODUCTOS  */
#d_campo,#d_pavimento{
  position:relative; width:500px; height:330px; background:#f7f7f7 url(a/bordeDo.jpg) no-repeat;background-position:bottom }
#d_pavimento{
  margin-top:7px; height:auto !important;padding-bottom:10px}
#d_campo B{
  position:relative;display:block; width:500px; color:#395645; background:#f7f7f7 url(a/bordeUp.jpg) no-repeat;text-indent:10px; font-size:14px; padding:10px 0px 5px 0px }
#d_pavimento B{
  position:relative; display:block; width:500px;line-height:30px;text-indent:10px; color:#707070; background:#f7f7f7 url(a/bordeUp.jpg) no-repeat; }
.img_campo{ 
  padding:0px 3px 3px 3px;margin-left:4px; border:0 }
#d_campo P,#d_pavimento P{ 
  padding:0px 10px 10px 10px
}

#d_tabla{  
  position:relative;width:462px; padding-left:15px }
H4 {
  position:relative; display:block; width:100%; color:#fff; background:#808080; padding:0px 1px 2px 7px; background-color: #aaa; font-size:13px }

#div_tabla{margin-left:80px}

#tabla{ position:relative; display:block; width:327px; height:auto; text-align:right}
.tr{ height:30px; color:#395645}
.td{color:#fff; background:#aaa;border:1px #fff solid}
.colu1{ width:75px; border:1px #fff solid; color:#395645; padding:1px 5px 1px 1px}
.colu2{ width:75px; background:#efefef;border:1px #fff solid; padding:1px 5px 1px 1px;}
/*  fin PRODUCTOS  */

/* CLIENTES  */
.clientes{color:#fff;padding:18px;background:url(a/marco.jpg) no-repeat}

#clientes{margin-top:25px;width:500px;background:#f7f7f7 url(a/bordeDo.jpg) no-repeat;background-position:bottom;
color:#395645;padding-bottom:10px}

#clientes_top{width:500px;background:#f7f7f7 url(a/bordeUp.jpg) no-repeat;background-position:top}
#cl_tabla{width:440px; margin-left:30px;font-family:Verdana, arial, sans-serif}
#cl_tabla P{border-bottom:2px #fff solid; padding-bottom:3px}
#cl_tabla A{color:#395645; text-decoration:none}

.fin{color:#395645; font-size:13px; text-align:center; font-weight:bold}

/* fin CLIENTES  */

/*  CONTACTO  */
#contacto1{margin-left:30px}
#contacto1 P{line-height:19px}
.dejenos{ position:relative; display:block; font-size:13px;border-bottom:1px #aaa dotted; padding:40px 2px 2px 2px; font-weight:bold}

#div_form{ position:relative;width:310px; height:290px;margin-left:15px; margin-top:25px; text-align:left}

#errores{ position:relative;padding:5px 0px 5px 0px; color:#905050; font-size:11px }
.aviso {color:#905050}
#datos{position:absolute; width:150px;text-align:right; margin-top:30px}
#formulario{position:absolute; width:210px;height:200px; background:#fff; margin-left:155px}

#col { width:210px;background:#fff url("a/formUp.jpg"); background-repeat:no-repeat; height:25px}
.col1{width:145px;color:#909090; padding:4px 5px 4px 2px; border:0px}
#col2{ width:200px; background:#fbfbfb; border:1px #fbfbfb solid}
#col3 {background:#fff url("a/formDo.jpg"); background-repeat:no-repeat; height:25px}
#nombre, #email, #telefono, #asunto, #consulta{ width:180px; margin:0px 0px 3px 3px; border:1px #dedede solid}

/*  fin CONTACTO  */
/*  left  */
#left{position:absolute;top:200px;left:0px;width:210px;height:auto;font-size:10px}
#left1{width:180px;height:200px;margin-left:15px;padding:10px}
.titulo01{ position:relative; display:block;font-size:12px;color:#707070;background:url(a/titulo01.jpg) no-repeat; width:190px; height:30px;margin-left:-7px}
.titulo02{ position:relative; display:block;font-size:12px;color:#707070;background:url(a/titulo02.jpg) no-repeat; width:190px; height:30px;margin-left:-7px}
.none{ display:none}
#left1 A{color:#707070; text-decoration:none}
#left2{width:200px;height:200px;background:#fff;margin-left:5px;margin-top:20px;padding:0px 10px 10px 10px;}

#lf { background:#395645;color:#FFFFFF; cursor:default;padding:5px 5px 5px 110px}
#li_,#li_1,#li_2{position:relative;background:#f3f3f3 url("a/flecha.png") no-repeat;background-position:right}


/*  menu left  */
#menucito{
	position:relative;
	z-index:1;
	top:3px;
	left:0;
	padding:0px;
	margin:0px;
	list-style:none;
}
li ul{
	position:relative;
	display:none;
	padding:0px;
	margin:0px;
              list-style:none;
              background-color:#fff;
           
}
li{
	position:relative;
	background-color:#f3f3f3;
              padding:7px;
	margin-bottom:3px;
	color:#707070;
}
.subMenu{
	background-repeat:no-repeat;
}

.click ul{
	display:block;
}

li:hover{
	cursor:pointer;
	color:#395645;
        background-color:#fff;   
}
li ul li,li ul li:hover{color:#707070;background-color:#fff
}

/* fin menu left  */
#pdf,#pdf1{ position:relative; display:block; width:170px; height:28px; padding:7px 0px 0px 35px;color:#395645; font-size:11px; text-decoration:none;background:url(a/pdf.png) no-repeat;background-position:left}
#pdf:hover,#pdf1:hover{color:#808080}
/*  fin left  */

/*  footer  */
#pie{
background:#0A3F00;
border-top: 1px #fff solid;
position:relative;
width:850px;height:35px;
font-family:verdana,arial,sans-serif;
font-size:11px;color:#808080;
}

#dir{margin-left:10px;color:#aaa;margin-top:-15px}

#firma{text-align:right;margin-right:30px;margin-top:0px;}
#firma a:link,a:active,a:visited{color:#dedede;text-decoration:none;}
#firma a:hover{ color:#FFFFFF}
#PM{margin-bottom:-8px;}
#margenB {height:30px;background:url(a/margenB.jpg)}
#validator { text-align:center; background:#eee; padding-top:5px}

/*  fin footer  */