/* CSS Document */

body {
margin:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #555555;
}

.enlace a {color: #555555; text-decoration:underline}
img {border:0}
p {margin:0; padding:0}
input {font-family:Tahoma; font-size:12px; color:black}
textarea {font-family:Tahoma; font-size:12px; color:black}
form {margin:0; padding:0}

#contenedor {
width: 970px;
height: 570px;
margin:0 auto;
}

#cabecera {
height: 142px;
width: 970px;
text-align:center;
}

#menu {
width: 970px;
height: 26px;
background: url(../../images/fondo_menu.gif) repeat-x;
}

#cuerpo {
width: 970px;
height: 404px;
}

#pie {
width: 970px;
height: 19px;
background: url(../../images/fondo_pie.gif) repeat-x;
}

#pie .direccion {
color:white;
text-align:center;
padding:2px 0 0 0;
}

#pie .firma {
text-align:right;
font-size:10px;
margin:5px 25px 0 0;
}

#pie .firma img {float:right}

#menu ul {
margin:0;
padding:0 0 0 55px;
list-style:none}

#menu li {
display:inline;
float:left;
}

#menu li a {
display:block;
height: 26px;
text-indent: -9999px;

}

#menu li a:hover {background-position: 0 -26px}
#menu li #on {background-position: 0 -26px}

#menu li .b_inicio {background: url(../../images/menu/b_inicio.jpg); width: 100px}
#menu li .b_nosotros {background: url(../../images/menu/b_nosotros.jpg); width: 135px}
#menu li .b_productos {background: url(../../images/menu/b_productos.jpg); width: 244px}
#menu li .b_trabajos {background: url(../../images/menu/b_trabajos.jpg); width: 132px}
#menu li .b_ubicacion {background: url(../../images/menu/b_ubicacion.jpg); width: 251px}

/*** Sección Portada ***/

#portada {
margin: 0 0 0 0;
width: 899px;
height: 400px;
background:url(../../images/fondo_portada.gif) no-repeat;
position:absolute;
}

#portada h1 {
width: 473px;
height: 84px;
margin:0;
padding:0;
text-indent: -9999px;
background: url(../../images/titulo_home.gif) no-repeat;
position:absolute;
margin-top: 52px;
}

#portada .imagen {
margin-top: 145px;
width: 470px;
position:absolute;
}

#portada .texto {
width: 180px;
margin: 193px 0 0 490px;
text-align: center;
position:absolute;
}

#portada .texto p {
text-align:left
}

#portada .banners {
width: 358px;
margin: 20px 0 0 640px;
position:absolute;
text-align:center
}

/*** Sección Trabajos ***/

#trabajos {
margin: 0 0 0 0;
width: 899px;
height: 524px;
background: url(../../images/fondo_trabajos.gif) no-repeat 0 0 ;
position:absolute;
}

#trabajos h1 {
width: 473px;
height: 84px;
margin:0;
padding:0;
text-indent: -9999px;
background: url(../../images/titulo_trabajos.gif) no-repeat;
position:absolute;
margin-top: 52px;
}

#trabajos .menu {
margin: 159px 0 0 16px;
position:absolute;
width: 383px;
height: 205px;
background:url(../../images/fondo_menu_trabajos.gif) no-repeat;
padding:11px;
}

#trabajos .menu .paginado {
position:absolute;
width: 383px;
margin-top:269px;
}

#trabajos .menu .paginado ul {
margin:0;
padding:0;
list-style:none;
}

#trabajos .menu .paginado li {
float:left;
margin-right: 5px;
font-size: 11px;
font-weight:normal;
line-height:15px;
background:#60796C;
color:white;
}

#trabajos .menu .paginado li a {
display:inline;
padding: 0 4px;
height: 12px;
border: 1px solid #60796C;
color: black;
text-decoration:none;
text-align:center;
background: white;
}

#trabajos .menu .paginado li a#on2 {
display:inline;
padding: 0 4px;
height: 12px;
border: 1px solid #60796C;
color: white;
text-decoration:none;
text-align:center;
background: #60796C;
cursor:default
}

#trabajos .menu .paginado li a:hover {
border: 1px solid #60796C;
background:#F0F0F0;
color: black;
}

#trabajos .menu ul {
margin:0;
padding:0;
list-style: none;
}

#trabajos .menu li {
margin-bottom:4px;
}

#trabajos .menu li a {
display:block;
padding:1px 0 0 6px;
width: 376px;
height: 16px;
background: #E0E0E0;
color: #545454;
font-weight:bold;
text-decoration:none
}

#trabajos .menu li a:hover {
background: #545454;
color: white;
}

#trabajos .menu li a#activo {
background: #545454;
color: white;
}

#trabajos .ficha {
width: 461px;
height: 492px;
position:absolute;
margin: 3px 0 0 492px;
}

#trabajos .ficha .titulo {
width: 461px;
height: 25px;
border-bottom: 1px solid #545454
}

#trabajos .ficha .contenido {
padding-top:5px;
height: 50px;
}

#trabajos .ficha .galeria {
width: 449px;
height: 309px;
border: 1px solid #545454;
padding:3px;
}

#trabajos .ficha .galeria .grande {margin-bottom:4px}

#trabajos .ficha .galeria .miniaturas { }
#trabajos .ficha .galeria .miniaturas a {
float:left;
margin-right:9px;
_margin-right:8px;
border: 1px solid white;
display:inline;
}
#trabajos .ficha .galeria .miniaturas a:hover {border: 1px solid #545454}

/*** Sección Ubicación ***/

#ubicacion {
margin: 0 0 0 0px;
width: 899px;
height: 524px;
background: url(../../images/fondo_trabajos.gif) no-repeat 0 0 ;
position:absolute;
}

#ubicacion h1 {
width: 473px;
height: 84px;
margin:0;
padding:0;
text-indent: -9999px;
background: url(../../images/titulo_ubicacion.gif) no-repeat;
position:absolute;
margin-top: 52px;
}

#ubicacion .formulario {
width: 465px;
height: 125px;
margin-top:212px;
position:absolute;
background:white;
}

#ubicacion .formulario a {color: #555555; text-decoration:underline; font-weight:bold}

#ubicacion input {
width: 258px;
height: 20px;
border: 1px solid #545454;
}

#ubicacion textarea {
width: 258px;
height:110px;
overflow:hidden;
border: 1px solid #545454;
}

#ubicacion td.tipo1 {width: 160px; text-align:right; padding-right:11px}
#ubicacion td {padding-top:10px}

#ubicacion .direccion {
width: 461px;
position:absolute;
margin: 10px 0 0 492px;
}

#ubicacion .direccion .titulo {
margin-bottom:7px;
}

#ubicacion .direccion #map {
width: 459px;
height: 350px;
border: 1px solid #545454
}

a.b_borrar {
width: 72px;
height: 17px;
background:url(../../images/b_borrar.gif) no-repeat;
text-indent: -9999px;
display:block;
float:right;
margin-right:10px;
}

a.b_borrar:hover {background-position: 0 -17px}

a.b_enviar {
width: 72px;
height: 17px;
background:url(../../images/b_enviar.gif) no-repeat;
text-indent: -9999px;
display:block;
float:right;
margin-right:34px;
}

a.b_enviar:hover {background-position: 0 -17px}

/*** Sección nosotros ***/

#nosotros {
margin: 0 0 0 3px;
width: 899px;
height: 524px;
position:absolute;
}

#nosotros h1 {
width: 372px;
height: 37px;
margin:0;
padding:0;
text-indent: -9999px;
background: url(../../images/titulo_nosotros.gif) no-repeat;
position:absolute;
margin: 16px 0 0 16px;
}

#nosotros .imagen {
width: 327px;
height: 341px;
border: 1px solid #545454;
position:absolute;
margin: 52px 0 0 16px;
}

#nosotros .texto {
margin: 10px 0 0 438px;
width: 503px;
position:absolute
}

#nosotros .texto p {margin-left: 43px; text-align:justify}

#nosotros .texto .titulo {
margin-bottom:7px;
}

/*** Sección Proyectos ***/

#productos {
margin: 0 0 0 0;
width: 899px;
height: 524px;
background: url(../../images/fondo_portada.gif) no-repeat 0 0 ;
position:absolute;
}

#productos .titulo {
width: 431px;
height: 84px;
margin:0;
padding:0;
text-indent: -9999px;
background: url(../../images/titulo_productos.gif) no-repeat;
position:absolute;
margin-top: 52px;
}

#productos .menu {
width: 340px;
position:absolute;
margin: 114px 0 0 20px;
background:url(../../images/productos/fondo_menu.gif) no-repeat;
z-index: 2;
}

#productos .menu ul {
margin:0;
padding:0;
list-style:none;
}

#productos .menu li {
float:left;
margin-right:25px;
}

#productos .menu a.productos {
display:block;
width: 154px;
height: 16px;
text-indent: -9999px;
background:url(../../images/productos/boton01.gif) no-repeat;
}

#productos .menu a.productos:hover {background-position: 0 -16px}

#productos .menu a.ventajas {
display:block;
width: 130px;
height: 16px;
text-indent: -9999px;
background:url(../../images/productos/boton02.gif) no-repeat;
}

#productos .menu a.ventajas:hover {background-position: 0 -16px}

#productos .menu #encendido {background-position: 0 -16px}

#productos .imagen {
width: 378px;
height: 307px;
margin-top: 145px;
position:absolute;
}

#productos .imagen2 {
width: 436px;
height: 327px;
margin: 145px 0 0 1px;
position:absolute;
}

#productos .textos {
width: 467px;
position:absolute;
margin: 15px 0 0 482px;
}

#productos .textos .numeros {
width: 29px;
float:left;
}

#productos .textos .texto {
width: 437px;
text-align: justify;
float:right;
}

#productos .textos p {text-align: justify}

#productos .limpia {clear:both; font-size:1px; margin-bottom:10px}

.caja_pinteres {
border: 1px solid white;
background: #4F6E5E;
color:white;
width:150px;
padding:5px;
}

a.lupa {
display:block;
position:absolute;
width: 20px;
height: 20px;
background: url(../../images/lupa.gif);
margin:10px 0 0 10px;
text-indent: -9999px;
}