@charset "utf-8";
/* CSS Document */
img, div { behavior: url(../Scripts/iepngfix/iepngfix.htc) }

@font-face {
    font-family: 'BookmanRegularItalic';
    src: url('../fonts/bookman-regularitalic-webfont.eot');
    src: url('../fonts/bookman-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bookman-regularitalic-webfont.woff') format('woff'),
         url('../fonts/bookman-regularitalic-webfont.ttf') format('truetype'),
         url('../fonts/bookman-regularitalic-webfont.svg#BookmanRegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
  padding:0px;
  margin:auto;
  background:#FFF url('images/fondo.png') top left no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}

.extracontenedor{
  width: 1200px;
  margin: auto;
  
}

.contenedor{
  margin:auto;
  border:0px solid #000000;
  width:960px;
}

.cabecera{
  width:100%;
  height:165px;
  position:relative;
  z-index: 500;
  overflow: visible;
}

a img{
  border:0px;	
}

.cabecera_texto{
  width: 325px;
  height: 81px;
  position: absolute;
  padding: 5px;
  color: #FFF;
  font-size: 16px;
  text-align: right;
  top:0px;
  right: 0px;
}

.cabecera_texto a:link{
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

.cabecera_link{
  position: absolute;
  right: 5px;
  top: 85px;
  color: #FFF;
}

.centro{
  width:100%;
  height:100%;
  clear:both;
  overflow:hidden;
  position: relative;
  min-height: 440px;
  padding-bottom: 20px;
  z-index: 200;
  background:#FFF url('images/linea_pie.png') bottom left no-repeat;
}

.centro#ini{
  min-height: 100px;
  padding-bottom: 0px;
}

.menu_izq{
  float: left;
  width:243px;
  height:100%;
  overflow: hidden;
  z-index: 100;
  margin-right: 10px;
  padding-bottom: 150px;
}

.boton_izq{
  margin-top: 5px;
  padding-top:15px;
  padding-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  background-color: #006F7C;
}

.menu{
  margin-top: 5px;
  background: url('images/fondo_menu.png') left top repeat-x;
  position: absolute;
  width:100%;
  height:50px;
  z-index: 100;
}

.lista_botones{
  padding-right:0px;
  padding-top:0px;
  width: 100%;
  position: relative;
  height: 35px;
}

.lista_botones_2{
  color:#FFF;
  padding-top: 25px;
  padding-left: 20px;
}

.lista_botones_2 a{
  color: #FFF;
}

.boton{
  cursor: pointer;
  width:auto;
  height:24px;
  float:right;
  line-height:24px;
  margin-top: 13px;
  margin-left: 4px;
  margin-right: 5px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  color: #FFF;
  background: url('images/boton.png') top center repeat-x;
}

.boton#bt_productos{
  padding:0px;
  width: 190px;
}

.boton:hover{
  background: url('images/boton_selected.png') top center repeat-x;
}

.boton a:link,
.boton a:visited{
  color:#FFF;
  text-decoration:none;
} 

.boton a:hover{
  color:#000;
  text-decoration:none;
}

.boton a img{
  border:0px;	
}

.boton.selected{
  background: url('images/boton_selected.png') top center repeat-x;
}

.boton.selected a{
  color:#000;
}  

.cuerpo{
  height:100%;
  width:100%;
  margin: auto;
  padding-bottom:20px;
  padding-top:10px;
  min-height:100px;
  overflow: hidden;
}

.cuerpo#inicio{
  text-align: center;
  overflow: hidden;
  padding:0px;
}

.cuerpo#inicio img{
  cursor: pointer;
}

.pie{
  clear: both;
  position:relative;
  width:100%;
  height:50px; 
  z-index: 300;
}

.pie_texto{
  left: 0px;
  width: 100%;
  height: 40px;
  z-index: 100;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#000;
  text-align:center;
  padding-top:5px;
}

.pie_texto a:link,
.pie_texto a:visited{
  color:#000;
  text-decoration:none;
}

.pie_texto a:hover{
  color:#A4BFD5;
  text-decoration:none;
}

.logo_pie{
  position: absolute;
  width: 175px;
  height: 60px;
  right: 15px;
  top: 45px;
}

.desarrollado{
  position: absolute;
  right: 10px;
  bottom: -10px;
  padding-top: 5px;
  text-align: right;
  font-size: 12px;
  color:#000;
}

.desarrollado a{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.pie_link{
  position:absolute;
  left:0px;
  top:30px;
  width: 235px;
  height: 36px;
  line-height: 36px;
  text-align: left;
  z-index: 100;
}

.pie_link a img{
  border:0px;
}

/*--TITULO--*/
.titulo{
  margin-bottom:10px;
  width:94%;
  margin:auto;
  border-bottom:1px solid #0E2955;
  height:30px;
  color: #000;
}

.titulo .texto{
  height:24px;
  margin-left:0px;
  font-family: "BookmanRegularItalic", serif;
  font-size:24px;
}

/*--INICIO--*/
.inicio{
  width:970px;
  margin:auto;
  clear:both;
}

.inicio_infos{
  background-color: #314266;
  height: 160px;
  width: 100%;
  margin-top: 10px;
  padding-left: 2%;
  overflow: hidden;
}

.inicio_info{
  width: 30%;
  float: left;
  margin-top: 15px;
  text-align: left;
}

.inicio_info_titulo{
  display: block;
  color:#FFF;
  font-size: 16px;
  padding-bottom: 5px;
}

.inicio_sep{
  margin-top: 15px;
  width: 3%;
  text-align: center;
  float: left;
}

.inicio_empresa{
  width: 50%;
  float: left;
  padding: 2%;
  text-align: justify;
}

.inicio_empresa_imagen1{
  float: left;
  padding: 10px;
  background-color: #314266;
  margin-top: 10px;
  height: 180px;
}
.inicio_empresa_imagen2{
  float: left;
  padding: 10px;
  margin-left: 25px;
  margin-top: 10px;
  background-color: #b1b1b1;
  height: 180px;
}

#mas{
  float: right;
  clear: both;
}

/*--EMPRESA--*/
.empresa{
  width:95%;
  margin:auto;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
  border:0px solid #000000;
}

.empresa_texto{
  float:left;
  width:65%;
  margin-right:15px;
  margin-left:10px;
  margin-top:0px;
  overflow:auto;
  border:0px solid #000000;
}

.empresa_imagen{
  clear:none;
  width:30%;
  overflow:hidden;
  text-align:center;
  margin-top:10px;
  padding-left:10px;
  border:0px solid #000000;
}

.empresa_imagen a{
  margin-top:10px;

}

.empresa_imagen a img{
  border:0px solid #000000;
    margin-bottom: 10px;
}

.empresa_imgs{
  clear:both;
  margin-top:25px;
  margin-bottom:20px;
  text-align:left;
}

.empresa_imgs a img{
  border:0px solid #000000;
  margin-left:35px;
}

/*--SERVICIOS--*/
.servicios_texto{
  padding-top: 10px;
  width:90%;
  margin:auto;
  overflow:auto;
  border:0px solid #000000;
}

.servicios_imagen{
  clear:none;
  width:100%;
  overflow:hidden;
  text-align:center;
  padding-top:15px;
  border:0px solid #000000;
}

.servicios_imagen a img{
  border:0px solid #000000;
  padding-left: 25px;
}

/*--CONTACTO--*/
.contacto{
  margin-top:15px;
  margin:auto;
  width:90%;
  clear:both;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
}
/*--ERRORES Y AVISOS--*/
.aviso_error{
  background-color: #ffcccc;
  color: #ff0000;
  padding: 0px;
  font-size: 14px;
  width: 500px;
  margin: auto;
  height: 100%;
}

.aviso_error ul{
  padding: 10px;
  list-style: none;
  line-height: 14px;
  border: 0px solid #000;
}

.aviso_ok{
  background-color: #ccffcc;
  color: #009900;
  padding: 0px;
  font-size: 14px;
  width: 500px;
  margin: auto;
  height: 100%;
  text-align: center;
}

.aviso_ok ul{
  padding: 10px;
  list-style: none;
  line-height: 14px;
  border: 0px solid #000;
}

.aviso_info{
  background-color: #ffffcc;
  color: #000000;
  padding: 0px;
  font-size: 16px;
  width: 100%;
  margin: auto;
  height: 100%;
  text-align: left;
  font-weight: bold;
}

.aviso_info ul{
  padding: 10px;
  list-style: none;
  line-height: 16px;
  border: 0px solid #000;
}

/*--UBICACION--*/
.ubicacion{
  text-align:center;
  margin-top:15px;
}

.ubicacion_texto{
  font-size:16px;
  font-weight:bold;
  margin-bottom:15px;
}

.ubicacion a img{
  border:0px solid #666666;
}

.link_map{
  text-align:center;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}

.link_map a{
  color:#000000;
  text-decoration:none;
}

.link_map a img{
  border:0px;
}

/*--TRABAJOS--*/
.lista_productos{
  width:95%;
  border:0px solid #FF0000;
  padding-left:0px;
  margin:auto;
}

.producto{
  float:left;
  width: 200px;
  height: 195px;
  margin-top:10px;
  margin-left:10px;
  overflow:hidden;
  border: 1px solid #dddddd;
}

.producto_imagen{
  text-align: center;
  height: 150px;
  padding-top: 10px;
}


.producto_imagen a:link img,
.producto_imagen a:visited img{
  border:0px solid #000000;
}

.producto_imagen a:hover img{
  border:0px solid #999999;
}

.producto_info{
  clear:right;
  overflow:hidden;
}

.producto_titulo a:link,
.producto_titulo a:visited{
  text-decoration:none;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
}

.producto_titulo{
  clear:right;
  overflow:hidden;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#333333;
  padding-left:10px;
}

.producto_desc{
  clear:right;
  overflow:hidden;
  border:0px solid #000000;
  padding-left:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}

.producto_mas{
  padding-top:5px;
  overflow:hidden;
}

.producto_mas a{
  padding-left:10px;

}

.producto_mas a:link,
.producto_mas a:visited{
  font-weight:bold;
  text-decoration:none;
  color:#000000;
}

/*--OBRA DETALLE--*/
.producto_cont{
  width:95%;
  margin:auto;}

.producto_detalle{
  clear:left;
  width:65%;
  margin-top:15px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  border:#FF0000 0px solid;
  overflow:hidden;
  text-align: justify;
}

.producto_imagenes{
  clear:both;
  overflow:hidden;
  text-align:center;
  padding-top:25px;
  margin:auto;
  margin-top:15px;

  margin-bottom:10px;
  border:0px solid #FF0000;
}

.imagen_principal{
  float:right;
  width:210px;
  margin-right:0px;
  padding:0px;
  border:0px solid #000000;
}

.imagen_principal a{
  color:#000000;
  text-decoration:none;
}

.imagen_principal2{
  text-align:center;
  margin:auto;
}

.imagen_principal a img{
  border:0px solid #000000;
}

.producto_imagen_2{
  float:left;
  margin-top:5px;
  margin-left:15px;
}

.producto_imagen_2 a img{
  border:0px solid #000000;
}

/*--CLIENTES--*/
.lista_productos#clientes{
  width:650px;
  margin-left:35px;
  border:0px solid #000000;
  float:left;
  overflow:hidden;
}

.cliente_imagenes{
  width:200px;
  height:100%;
  overflow:hidden;
  clear:right;
  border:0px solid #000000;

}

/*--VOLVER--*/
.volver{
  z-index:200;
  margin-left:35px;
  height:30px;
  width:500px;
  overflow:hidden;
  color:#000000;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-bottom:25px;

}

.volver a{
  cursor:pointer;
}
.volver a:link,
.volver a:visited{
  color:#000000;
  text-decoration:none;
  cursor:pointer;
}


/*--PAGINACION--*/
.paginacion{
  width: 100%;
  clear: both;
  padding-top: 10px;
  font-size: 18px;
  text-align: center;
}

.paginacion a{
  padding: 5px;
 color: #000;
 text-decoration: none;
}

.paginacion a img{
  border: 0px;
}

.paginacion .selected{
  padding: 5px;
  font-weight: bold;
  background-color: #DDD;
}
/*--GALERIA--*/
.galeria{
  width: 100%;
  margin: auto;
}

.galeria a img{
  border: 0px;
}

.galeria_imagen{
  width: 120px;
  height: 120px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #CCC;
  text-align: center;
  position: relative;
}


.centro#centroProductos{
  
}

.cuerpo#productos{
  clear: right;
  width: 95%;
}

.lista_categorias{
  padding-top: 64px;
  float: left;
  clear: both;
  width: 200px;
}

.categoria{
  clear: both;
  width: 165px;
  height: 25px;
  padding: 15px;
  position: relative;
  text-indent: 5px;
  border: 1px solid #ddd;
  background-color: #eee;
  font-size: 16px;
  line-height: 25px;
}

.categoria a{
  color: #000;
  text-decoration: none;
}

/*--ARCHIVOS DESCARGAS--*/

.archivo{
  margin: auto;
  width: 90%;
  clear: both;
  height:35px;
  text-indent: 30px;
  padding: 10px;
  margin-top: 5px;
  background-color:#fdf5ce; 
  line-height: 35px;
  cursor: pointer;
}

.archivo:hover{
  background-color: #fbcb09;
}

.archivo a{
  text-align: right;
  float: right;  
}

/*-LISTA VERTICAL--*/

.boton.selected #nav2 li a.top_link{
  color:#000;
}

#nav2 {padding:0; margin:0;; list-style:none; height:24px; position:relative; z-index:100; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%;}
#nav2 li.top {display:block; float:none; width:100%; position: relative;}
#nav2 li a.top_link {display:block;float:none; line-height:24px; color:#FFF; text-decoration:none; font-size:26px; font-weight:bold; padding:0 0 0 0; cursor:pointer; border:0px solid #ddd; vertical-align:top;height:24px}
#nav2 li a.top_link span {float:left; display:block; padding:0px 0px 0px 0px;height:24px /*background:url(images/blank.gif) right top;*/}
#nav2 li a.top_link span img { border:0px;
}
#nav2 li a.top_link span.down a img { border:0px;
}
#nav2 li a.top_link span.down {
  width:112px;
  height: 24px;
  padding: 0px;
  line-height: 24px;
  text-indent:5px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, serif;
  float:left; display:block; padding-right: 0px; width:100%;
                               border:0px solid #ddd; text-align:center;
                               /* background:url(images/blanka.gif) no-repeat right top;*/font-weight: normal;}
#nav2 li a.top_link:hover {color:#000; border:0px solid #Ddd;/*background: url(images/blank_over.gif) no-repeat;*/}
#nav2 li a.top_link:hover span {color:#000;/*background:url(images/blank_over.gif) no-repeat right top;*/}
#nav2 li a.top_link:hover span.down {border:0px solid #ddd;color:#000;/*background:url(images/blank_overa.gif) no-repeat right top;*/}

#nav2 li:hover > a.top_link {color:#000; /*background: url(images/blank_over.gif) no-repeat;*/}
#nav2 li:hover > a.top_link span {/*background:url(images/blank_over.gif) no-repeat right top;*/}
#nav2 li:hover > a.top_link span.down {/*background:url(images/blank_overa.gif) no-repeat right top;*/}

/* Default list styling */

#nav2 li:hover {position:relative; z-index:100;}

/* keep the 'next' level invisible by placing it off screen. */
#nav2 ul, 
#nav2 li:hover ul ul,
#nav2 li:hover ul li:hover ul ul,
#nav2 li:hover ul li:hover ul li:hover ul ul,
#nav2 li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin-left:0px; padding:0; list-style:none; color:#000;}

#nav2 li:hover ul.sub
{left:0px; top:22px; background:#ffffff; padding:3px; border:1px solid #000000 /*#3a93d2*/; white-space:nowrap; width:200px; height:auto; z-index:300; color:#000;}
#nav2 li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal; color:#000;}
#nav2 li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; text-align:left;}
#nav2 li ul.sub li a.fly
{background:#FFF url(images/arrow.gif) 193px 7px no-repeat;}
#nav2 li:hover ul.sub li a:hover 
{background:/*#3a93d2*/#999999; color:#fff;}
#nav2 li:hover ul.sub li a.fly:hover
{background:/*#3a93d2*/#999999 url(images/arrow_over.gif) 193px 7px no-repeat; color:#fff;}

#nav2 li:hover ul li:hover > a.fly {background:/*#3a93d2*/#999999 url(images/arrow_over.gif) 163px 7px no-repeat; color:#fff;} 

#nav2 li:hover ul li:hover ul,
#nav2 li:hover ul li:hover ul li:hover ul,
#nav2 li:hover ul li:hover ul li:hover ul li:hover ul,
#nav2 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:197px; top:-4px; background: #ffffff; padding:3px; border:1px solid #000000/*#3a93d2*/; white-space:nowrap; width:200px; z-index:100; height:auto;}