/******** GENERAL ***********/
* {padding: 0px;outline: 0;margin: 0px;}
a {text-decoration: none; cursor:pointer;}
body {behavior:url("csshover.htc");}
img {behavior: url("iepngfix.htc");}
div {behavior: url("iepngfix.htc");}
#contenedor {width: 1020px;margin-right: auto;margin-left: auto;}
#etac {background-image: url(img/etac.jpg);background-repeat: no-repeat;background-position: left;float: left;height: 58px;width: 975px;}
#header {background-repeat: no-repeat;float: left; position:relative; width: 1020px;height: 220px;}
#menu {float: left;height: 40px;width: 1020px;background-color: #333; display: block;}
#pie {background-color: #be5b00;float: left;height: 14px;width: 100%;color: #fff;font-family: Arial, Helvetica, sans-serif;
font-size: 10px;font-weight: bold;text-align: center;padding: 3px 0 0 3px; margin:0 0 10px 0;}
#info {float: left;height: auto;width: 1020px; min-height:330px;height:auto;_height:330px;padding-top: 30px;}
#info p {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666; padding:0; margin:0;}
.enlaces, .enlaces a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666; font-style:italic;}
.enlaces:hover {color:  #be5b00;}


/******** MENU ***********/
#menu p {font-family: Arial, Helvetica, sans-serif;font-size: 10px;text-transform: uppercase;color: #666;text-align: right;
padding: 15px 10px 0 0;}
#menu ul {list-style-type: none;}
#menu ul li {display: block;float: left;height: 15px;width: auto;padding:15px 10px 10px 10px; font-size: 10px;text-transform: uppercase;color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;}
#menu ul li a  {color: #fff;}
#menu ul li a:hover, #menu ul li a.activo  {color: #F47400; background-image: url(img/vineta.jpg);background-repeat: no-repeat;
background-position: center center; padding-bottom:25px;}


/*********  TITULOS  **********/
.titulo {background-repeat: no-repeat;float: left;height: 15px;width: 320px;display: block;margin-bottom: 20px;
border-bottom: dotted 2px #ccc; clear:both;}
.etac {background-image: url(img/titulos/etac.jpg);}
.obras {background-image: url(img/titulos/obras.jpg);}
.noticias {background-image: url(img/titulos/noticias.jpg);}
.productos {background-image: url(img/titulos/produc_ventas.jpg); }
.produc_arriendo {background-image: url(img/titulos/produc_arriendo.jpg); }
.servicios {background-image: url(img/titulos/servicios.jpg);}
.paso1 {background-image: url(img/titulos/paso1.jpg);}
.directorio {background-image: url(img/titulos/directorio.jpg);}
.links {background-image: url(img/titulos/links.jpg);}
.adm {background-image: url(img/titulos/adm.jpg);}
.contacto {background-image: url(img/titulos/contacto.jpg);}


/*********  INDEX **********/
.colum_izq, .colum_centro, .colum_der, .colum_link {width: 320px;padding:0 10px 30px 10px; float:left; position:relative;}
.colum_der {min-height:180px;}
.colum_izq p, .colum_centro p, .colum_der p{width: 315px; float:left; display:block;
font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666666; text-align:justify;}
.lista_etac {font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-size: 11px;text-indent: 25px; list-style-type:none;
padding-top:10px;}
.lista_etac li a {margin: 10px 0 0 0px; background-image: url(img/vineta3.jpg); background-repeat: no-repeat; display:block; height:16px;
color: #333;}
.lista_obras {font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;text-indent: 5px; margin-left:20px; line-height:15px;
list-style-type:square;}
.lista_links {list-style-type:none;}
.lista_links li a{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666; list-style-type:none;}
.lista_links li a:hover{color: #be5b00;}
.leer {background-image:url(img/leer.jpg); background-repeat:no-repeat; position:absolute; top:-3px; left:285px; width:43px; height:13px;
display:block; background-color:#be5b00;_top:1000px;_left:900px;}
.leer a img {border:none;}
.fecha {background-color:#be5b00;position:absolute;top:-3px;left:230px;width:100px;height:13px;font-family: Arial, Helvetica, sans-serif;
font-size: 11px;color: #FFFFFF;text-align: center;letter-spacing: 1px;}
.fecha a, .fecha a:visited {color: #fff;}
.ver {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #be5b00;text-align: right;display: block;float: left;height: 15px;
width: 315px; margin-top: 5px;}


/********* OBRAS **********/
.box_obras {float: left; width:900px;}
.principales_obras {width:1000px;} 


/********* PRODUCTOS **********/
.catalogo_productos {float: left;width: 620px;margin-bottom: 30px;//padding-bottom: 20px;}
.titulo_productos, .titulo_dir {font-family: Arial, Helvetica, sans-serif;font-size: 14px;text-transform: uppercase;
color: #555;font-weight: bolder; background-image: url(img/vineta3.jpg);background-repeat: no-repeat;background-position: left;
padding-left: 30px;margin-bottom: 15px; width: 580px;}
.subtitulo_productos {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-transform: capitalize;color: #555;font-weight: bold;
padding-left: 30px;margin: 10px 0 10px 0;background-color: #FFE6CE;width: 580px;float: left;}
.lista_productos{width: 600px;height:auto;margin-bottom: 5px;display: inline;float: left;//padding-bottom: 1px;border-bottom: 1px dotted #bbb;}
.pdcto {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: normal;padding-left: 30px;display: inline;  width: 440px;height:auto;float: left;}
.pdf {float: left; padding-left:20px; background-image: url(img/pdf.jpg);background-repeat: no-repeat; background-position: left;height: 17px;width: auto; display: inline-block; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.arriendos {background-image:url(img/arriendos.jpg); background-repeat:no-repeat; width:129px; height:13px; float:left; margin-top:20px; }
.btn_vtas {background-image:url(img/ventas.jpg); background-repeat:no-repeat; width:129px; height:13px; float:left; margin-top:20px; }

/********* SERVICIOS **********/
.bg_servicios {background-repeat: no-repeat;background-position: right top;float: left;height: 409px;
width: 536px;background-image: url(img/bg_servicios.jpg);}
.lista_serv ul {float: left;width: 550px;}
.lista_serv {font-family: Arial, Helvetica, sans-serif;color: #5a5a5a;font-size: 12px;display: block;float: left;width: 900px; 
list-style-type: none;text-indent: 50px;font-weight: bold;}
.lista_serv li { margin-bottom:20px; background-image: url(img/vineta2.jpg); background-repeat: no-repeat; background-position:30px;}


/*********  CLIENTES  **********/
.buscador { height:30px; width:800px; float:left;}
.buscar {border: none; background-color:#999; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px;
font-weight:bold; float:left;}
.btn_clientes {background-color:#be5b00; width:70px; text-align:center; margin-left:20px; font-family:Arial, Helvetica, sans-serif; 
font-size:10px; color: #fff; float:left; border:none; cursor:pointer;}



/*********  ADM  **********/
.bg_directorio {background-repeat: no-repeat;background-position: right top;float: left;height: 409px;
width: 536px;background-image: url(img/bg_directorio.jpg);}
.box_diradm {float: left;width: 660px;margin-bottom: 30px;//padding-bottom: 20px;}

.lista_directorio {font-family: Arial, Helvetica, sans-serif;color: #3e3e3e;font-size: 12px;display: block;float: left;width: 450px; 
list-style-type: none; text-indent:10px; font-weight:bold;}
.lista_directorio li {background-image: url(img/vineta2.jpg); background-repeat: no-repeat; }

.lista_directorio span {font-weight: normal; width:100px; display:inline-block;}
.cargo, .nombre, .mail {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #3e3e3e;
display: inline-block;float: left;width: 260px; min-height:20px; _height:20px;overflow:hidden;}
.nombre {font-weight:bold;width: 200px;}
.mail {width: 200px;}



/*********  CONTACTO  **********/
.bg_contacto {background-repeat: no-repeat;background-position: right top;float: left;height: 409px;
width: 536px;background-image: url(img/bg_contacto.jpg);}
dl {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666; background-image:url(img/vineta2.jpg); background-repeat:no-repeat;
float:left; width:200px; margin-bottom:25px; background-position: 0px 5px;}
dt {margin-top: 5px; text-indent:10px; font-weight:bold;color: #3e3e3e; text-transform: uppercase;font-size: 11px;}
dd {margin-left: 10px;}
.box_contactos { width:600px;}

/*********  DETALLE  **********/
.detalle {float: left;width: 1020px;_margin-bottom: 30px;margin-bottom: 20px;}
.titulo_detalle {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #be5b00;
background-image: url(img/vineta3.jpg);background-repeat: no-repeat;background-position: left;padding-left: 30px;margin-bottom: 20px;}
.txt_detalle {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #5a5a5a;width: 1020px;float: left;text-align: justify;}
.img_detalle {width: 300px;float: right;margin-left: 10px;}
.img_detalle img {border: 1px solid #be5b00;margin-bottom: 5px;}

/*********  NOTICIA  **********/
.lista_serv a, .lista_serv a:visited {color: #5a5a5a;}
.lista_serv a:hover { text-decoration:underline; color:#be5b00;}
