/* ----- HTML GENERAL ----- */


body        { font-size: 11px; font-family: Verdana; background-color: #e3f1f2; background-image: url(../images/fondo.jpg); background-repeat: repeat; background-position: 0 0; text-align: center; margin: auto; width: 916px }
#bg_izq     { position: absolute; bottom: 0; left: 0; width: 198px; height: 202px }
#bg_der  { background-image: url(../images/bg_der.jpg); background-repeat: no-repeat; position: absolute; top: 0; right: 0; width: 155px; height: 480px }


a   { outline-width: 0 }
.bold { font-weight: bold }
#titulos      { color: #037d80; font-size: 16px; font-family: Arial; font-weight: bold; text-align: left; word-spacing: -3px; margin-bottom: 4px; padding-left: 4px; height: 20px; border-bottom: 4px solid #e3b603 }
#titulos2       { color: #037d80; font-size: 16px; font-family: Arial; font-weight: bold; text-align: left; word-spacing: -3px; margin-bottom: 30px; padding-left: 4px; height: 20px; border-bottom: 4px solid #e3b603 }
.td       { color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; background-color: #53a0a5; background-image: url(../images/td.gif); background-repeat: repeat-x; padding: 2px 2px 2px 5px; height: 12px }
#textos  { color: #161616; font-size: 11px; text-align: left }
#animacionhome    { margin-top: 110px; margin-bottom: 10px; height: 168px }


/* ----- CAJAS Y FONDOS ----- */


#contenedor     { text-align: center; margin: -240px 0 0 -403px; padding: 0; position: absolute; z-index: 3; top: 50%; left: 50%; width: 806px; height: 480px; overflow-x: hidden; overflow-y: hidden  }
#columna1             { width: 172px; height: 480px; float: left }
#columna2          { width: 634px; height: 480px; float: left }
#logo { margin-top: 10px }
*html #footer     { color: #000; font-size: 11px; background-image: url(../images/bgfooter.gif); background-repeat: no-repeat; background-position: right bottom; text-align: right; padding-top: 7px; padding-right: 54px; height: 30px }
#footer     { color: #000; font-size: 11px; background-image: url(../images/bgfooter.gif); background-repeat: no-repeat; background-position: right bottom; text-align: right; padding-top: 7px; padding-right: 54px; height: 23px }
#contenido      { height: 450px }
*html #contenido2       { margin-top: 95px; height: 355px }
#contenido2       { margin-top: 91px; height: 359px }

#contenidoindex     { height: 340px }
*html #contenidoindex     { height: 450px }
.links  { color: #fff; font-size: 11px; text-decoration: none }
.links:hover { text-decoration: underline }
/*MENU LATERAL PARA EXPLORER*/


* { list-style: none; margin: 0; padding: 0 }
*html #menulateral { margin-top: 32px; width: 172px; border-size: 1px  }
*html #menulateral li a { color: #037d80; font-size: 11px; text-decoration: none; background-image: url(../images/menu.gif); background-repeat: no-repeat; text-align: right; display: block; padding-top: 6px; padding-right: 20px; width: 172px; height: 29px; voice-family: inherit   }
*html #menulateral li a:hover { color: #593828; background-image: url(../images/menu.gif); background-repeat: no-repeat; background-position: 0 -29px }
*html #menulateral li a:active { color: #593828; background-image: url(../images/menu.gif); background-repeat: no-repeat; background-position: 0 -29px }


/*MENU LATERAL PARA FIREFOX*/


* { list-style: none; margin: 0; padding: 0 }
#menulateral { margin-top: 32px; width: 172px; border-size: 1px  }
#menulateral li a { color: #037d80; font-size: 11px; text-decoration: none; background-image: url(../images/menu.gif); background-repeat: no-repeat; text-align: right; display: block; padding-top: 6px; padding-right: 20px; width: 152px; height: 23px; voice-family: inherit    }
#menulateral li a:hover { color: #593828; background-image: url(../images/menu.gif); background-repeat: no-repeat; background-position: 0 -29px }
#menulateral li .active { color: #593828; background-image: url(../images/menu.gif); background-repeat: no-repeat; background-position: 0 -29px }


/*CONTACTO*/


.campos     { color: #000; font-size: 10px; font-family: Verdana; font-weight: bold; background-color: #fff; padding-top: 3px; padding-right: 5px; padding-left: 5px; width: 160px; height: 21px; border: solid 1px #037d80 }
.textarea      { font-size: 10px; font-family: Verdana; font-weight: bold; background-color: #fff; padding: 3px 5px; width: 160px; height: 146px; border: solid 1px #037d80 }
.btnenviar  { color: #fff; font-size: 10px; font-family: Verdana; font-weight: bold; background-image: url(../images/btnenviar.gif); background-repeat: no-repeat; text-align: center; width: 61px; height: 20px; border-width: 0 }
.etiqueta   { color: #000; font-size: 11px; font-family: Arial }
.etiquetaobligatorio    { color: #000; font-size: 11px; font-family: Arial; background-image: url(../images/asterisco.gif); background-repeat: no-repeat; background-position: right 0; padding-right: 3px }
.rojo  { color: #ef4136; font-size: 9px; font-family: Verdana }


/*SERVICIOS*/


.numero  { color: #000; font-size: 18px; font-family: Arial; font-weight: bold }
#animacion_servicios  { background-color: #66f; width: 634px; height: 84px }
.titulo_servicios  { color: #036; font-size: 14px; font-family: Arial; font-weight: bold }
.texto_servicios { color: #373636; font-size: 11px; font-family: Arial }


/*QUIENES SOMOS*/


#fotoquienes      { background-color: #66f; margin-bottom: 7px; height: 168px }


/*CLIENTES*/


#clientes        { }
#clientes1          { text-align: left; width: 200px; float: left }
#clientes2           { text-align: left; margin-right: 17px; margin-left: 17px; width: 200px; float: left }
#clientes3           { text-align: left; width: 200px; float: left }
.vinetaclientes   { color: #373636; font-size: 10px; font-family: Verdana; line-height: 18px; text-decoration: none; background-image: url(../images/vineta.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 8px }
.vinetaclientes:hover { color: #ee483e }
#volver  { text-align: right; margin-top: 20px }


.meses    { color: #037d80; font-size: 11px; font-weight: bold; text-decoration: none }
.meses:hover    { color: #000 }

.numero_eventos   { color: #484747; font-size: 11px; text-decoration: none }
.tdclientes     { padding-bottom: 6px; border-bottom: 2px solid #e3b603 }
.ano    { color: #484747; font-size: 16px; font-weight: bold }
