/*Gruas y Maniobras. e-Lab 2006. MoCoSo*/
/*LAYOUT/ACOMODO*/
body
{ margin: 0; padding: 0; background: url(../imagenes/fondo_body.jpg) repeat-y; }
#gancho
{ width: 216px; height: 346px; position: absolute; margin-left: -95px; }
#envoltura
{ width: 807px; margin-left: auto; margin-right: auto; }
#encabezado
{ background: url(../imagenes/encabezado.jpg) no-repeat top; height: 143px; padding-top: 30px; /*white-space:nowrap; text-align: left; */}
#encabezado ul
{
margin: 0;
list-style-type: none;
width: 300px;
text-align: left;
float: right;
padding: 0 100px 0 0;
}
#encabezado ul li
{width: 50px; float: left; list-style: none; padding: 0; margin: 0;}
#encabezado ul li a {
padding: 0;
margin:0;
display: block;
width: 10px;
height: 20px;
}
#menu
{ background:url(../imagenes/menu.jpg) no-repeat top; color:#FFF; font:11px Arial, Helvetica, sans-serif; height: 45px; }
#menu table tr td p { margin-bottom: 0px;  }
#contenido
{ width: 606px; background: url(../imagenes/fondo_contenido.jpg) no-repeat top left #E6A13A; }
#banners
{ width: 201px; background: #E6A13A; text-align: right; vertical-align: text-top; }
#piepagina
{ width: 807px; margin-left: auto; margin-right: auto; padding-top: 50px; font: 9px Arial, Helvetica, sans-serif; text-align: center; background: #E6A13A; } #piepagina p { margin: 0; padding: 0; }
.recuadros
{ width: 466px; margin-top: 60px; margin-left: 90px; background: url(../imagenes/fondo_p.jpg) repeat-y; }
.centro
{ width: 400px; margin-left: auto; margin-right: auto; font: 11px Arial, Helvetica, sans-serif; }
h3
{ background: url(../imagenes/bullet.gif) no-repeat top left; font: 14px Arial, Helvetica, sans-serif; padding-left: 20px; }
h4
{ background: url(../imagenes/linea.jpg) no-repeat bottom center; font: 14px Arial, Helvetica, sans-serif; padding-bottom: 10px; }
#maquina
{ font: 11px Arial, Helvetica, sans-serif; width: 400px; text-align: center; border: solid thin #000; }
#maquina th
{ font: bold 14px Arial, Helvetica, sans-serif; }
#maquina tr td
{ border-top: solid thin #000; }
#encabezado a:link, #encabezado a:visited
{ font: 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding-right: 230px; }
.titulo
{ width: 466px; height: 29px; background: url(../imagenes/fondo_h1.jpg) no-repeat; font: 14px Arial, Helvetica, sans-serif; color: #CFCFCF; text-align: right; }
.titulo2
{ width: 466px; height: 29px; background: url(../imagenes/fondo_arriba.jpg) no-repeat; font: 14px Arial, Helvetica, sans-serif; color: #CFCFCF; text-align: right; }
.pie_recuadro
{ width: 466px; height: 20px; background: url(../imagenes/fondo_foot.jpg) no-repeat }
ul li
{ list-style-image: url(../imagenes/bullet.gif); list-style-position: outside; }
ul li a:link, ul li a:visited
{ text-decoration: none; color: #000; }
ul li a:hover
{ text-decoration: underline; }
.serv li
{ list-style-type: square; list-style-image: none; }
#menu a:link, #menu a:visited
{ font: 11px Arial, Helvetica, sans-serif; color: #CCC; text-decoration: none; }
#menu table tr td p
{ margin-left: 4px; }
.fotos
{ background: url(../imagenes/bullet_2.gif) no-repeat left; font: 9px Arial, Helvetica, sans-serif; margin-left: 20px; padding-left: 9px; }
#maqui li
{ margin-bottom: 10px; }
#maqui2 li
{ margin-bottom: 10px; text-align:right; font-weight:bold; list-style-image:url(../imagenes/bulls.jpg); }
#maqui2 a:link{ color:#000000; font-weight:bold; text-decoration:none;}
#maqui2 a:hover{ color:#E6A13A; font-weight:bold; text-decoration:none;}
.volver
{ width:550px; margin:0; padding:0; text-align: right; font: 9px Arial, Helvetica, sans-serif; }
.volver a:link, .volver a:visited
{ color: #000; }
.volver a:hover
{ text-decoration: none; }
#somos a:hover { color: #E6A13A; }
#maquinaria a:hover { color: #E6A13A; }
#servicios a:hover { color: #E6A13A; }
#equipo a:hover { color: #E6A13A; }
#exito a:hover { color: #E6A13A; }
#contacto a:hover { color: #E6A13A; }
#somos .flecha { visibility: hidden; }
#maquinaria .flecha { visibility: hidden; }
#servicios .flecha { visibility: hidden; }
#equipo .flecha { visibility: hidden; }
#exito .flecha { visibility: hidden; }
#contacto .flecha { visibility: hidden; }
#flechas { color:#FFF; }
img {border:none;}