a { outline-width: 0 }

/* ----- CAJAS ----- */

#cajacontenedora { text-align: left; margin: 0 auto; width: 774px }
#cajaarriba      { width: 774px; height: 152px; clear: both }
#cajamedio           { width: 774px; height: 308px }
#cajamedio3              { margin-top: 4px; width: 774px; height: 304px }
#cajafooter       { width: 774px; height: 28px }
#footer          { background-image: url(../images/footer.gif); background-repeat: no-repeat; text-indent: -9999px; margin-top: 3px; width: 355px; height: 20px; float: right; overflow: hidden }
#logo               { margin-top: 106px; width: 287px; height: 31px; float: left }

/* ----- TEXTOS ----- */

.textonormal     { color: #62615c; font-size: 11px }
.textobold   { color: #62615c; font-size: 11px; font-weight: bold }
.titulos    { color: #234a6b; font-size: 11px; font-family: Arial; font-weight: bold }

/* ----- QUIENES SOMOS ----- */

#quienes1               { margin-top: 10px; margin-bottom: 10px; width: 288px; height: 288px; float: left }
#textoquienes { text-align: justify }
#quienes2        { padding: 9px; width: 400px; height: 290px; float: right }


/* ----- PRODUCTOS ----- */

#productos1       { margin-top: 10px; margin-bottom: 10px; width: 288px; height: 288px; float: left }
#productos2           { text-align: justify; padding: 9px; width: 468px; height: 290px; float: right }

/* ----- CLIENTES ----- */

#cajaclientes         { padding: 9px; width: 756px; height: 290px }

/* ----- CONTACTO ----- */

#contacto1                     { width: 464px; height: 308px; float: right }
#contacto2          { padding: 9px; width: 292px; height: 290px; float: left }
#contacto9  { position: relative; z-index: 50; top: 0; left: 0 }
.campos        { font-size: 11px; font-family: Arial; background-color: #fff; background-image: url(../images/contacto/bgcampos.gif); background-repeat: repeat-x; padding: 2px; width: 232px; border: solid 1px #ababab }
.textarea         { font-size: 11px; font-family: Arial; background-color: #fff; background-image: url(../images/contacto/bgcampos.gif); background-repeat: repeat-x; padding: 2px; width: 232px; height: 80px; border: solid 1px #ababab }
.enviar     { background-color: #3b74b9; background-image: url(../images/contacto/enviar.gif); background-repeat: no-repeat; background-position: center; width: 232px; height: 20px; border: solid 1px #3568a6 }
#nombre            { background-image: url(../images/contacto/nombre.gif); background-repeat: no-repeat; text-indent: -9999px; width: 41px; height: 10px; overflow: hidden }
#email            { background-image: url(../images/contacto/email.gif); background-repeat: no-repeat; text-indent: -9999px; width: 35px; height: 10px; overflow: hidden }
#telefono           { background-image: url(../images/contacto/fono.gif); background-repeat: no-repeat; text-indent: -9999px; width: 47px; height: 9px; overflow: hidden }
#mensaje           { background-image: url(../images/contacto/mensaje.gif); background-repeat: no-repeat; text-indent: -9999px; width: 46px; height: 10px; overflow: hidden }
#camposobligatorios            { background-image: url(../images/contacto/camposobligatorios.gif); background-repeat: no-repeat; text-indent: -9999px; width: 112px; height: 10px; overflow: hidden }

/* ----- TITULO ----- */

#tituloquienes     { background-image: url(../images/titulos/quienes.gif); background-repeat: no-repeat; text-indent: -9999px; width: 268px; height: 18px; float: left; overflow: hidden }
#titulocontacto    { background-image: url(../images/titulos/contacto.gif); background-repeat: no-repeat; text-indent: -9999px; margin-top: 12px; margin-bottom: 20px; width: 268px; height: 18px; float: left; overflow: hidden }
#tituloclientes     { background-image: url(../images/titulos/clientes.gif); background-repeat: no-repeat; text-indent: -9999px; margin-top: 26px; width: 268px; height: 18px; float: left; overflow: hidden }

/* ----- MENU SECUNDARIO ----- */

#menu2                       { background-repeat: repeat-x; background-position: left top; display: block; margin-top: 127px; height: 25px; float: right }
#menu2 ul  { list-style-type: none; margin: 0; padding: 0 }
#menu2 ul li  { float: left }
#menu2 ul li span   { display: none }
#menu2 ul li.home a        { background-image: url(../images/btnhome.gif); display: block; margin: 0 18px 0 0; width: 30px; height: 7px }
#menu2 ul li.contacto2 a      { background-image: url(../images/btncontacto.gif); display: block; margin: 0 9px 0 0; width: 55px; height: 7px }