/*HTML GENERAL*/


body    { font-size: 11px; font-family: Tahoma; background-color: #494949; margin: 0; padding: 0 }
a { outline-width: 0 }


/*CAJAS*/


#contenedor              { margin: -205px 0 0 -452px; padding: 0; position: absolute; top: 50%; left: 50%; width: 904px; height: 410px; overflow-x: hidden; overflow-y: hidden       }
#cajaarriba       { width: 904px; height: 18px; float: left }
#cajamedio   { background-image: url(../images/bg.gif); width: 904px; height: 392px; float: left }
#cajaizquierda    { width: 200px; height: 392px; float: left }
#cajaderecha    { width: 704px; height: 392px; float: left }
#cajacontenido     { width: 704px; height: 362px; float: left }
#cajafooter     { width: 704px; height: 30px; float: left }
#cajalogo { margin-bottom: 4px; width: 180px; height: 161px }
#lateral   { margin-top: 9px; margin-left: 14px }
#contenido   { margin-top: 10px; width: 690px; height: 340px }
#cajacontacto  { background-image: url(../images/bgcontacto.jpg); margin-top: 10px; width: 690px; height: 340px }
#cajaasesorias  { margin-top: 10px; width: 690px; height: 340px }
#cajahistoria  { margin-top: 10px; width: 690px; height: 340px }
#cajapolizas { margin-top: 10px; width: 690px; height: 340px }
#cajaseguros      { background-color: #3a6584; background-position: right 0; margin-top: 10px; width: 690px; height: 340px }
#cajatrabajos   { background-image: url(../images/bgseguros.jpg); background-repeat: no-repeat; background-position: right 0; margin-top: 10px; width: 690px; height: 340px }
#cajahome   { background-image: url(../images/bghome.jpg); margin-top: 10px; width: 690px; height: 340px }
#trespasos      { margin: 15px; position: absolute; z-index: 100; right: 0; bottom: 0; width: 139px; height: 7px }
/*TEXTOS*/


.txtblanco { color: #fff; font-size: 11px }
.linkblanco   { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none }
.linkblanco:hover   { color: #7ab0d6; font-size: 11px; font-weight: bold; text-decoration: none }


/*INDEX*/


#cajaindex   { background-color: #fff; width: 100%; height: 198px }
#index           { display: block; height: 9px }
#index ul   { list-style-type: none; margin: 0; padding: 0 }
#index ul li       { float: left }
#index ul li span { display: none }
#index ul li.index a    { background-image: url(../images/index.jpg); display: block; width: 490px; height: 198px }
#index ul li.index a:hover  { background-image: url(../images/index.jpg); background-position: left -198px }


/*MENU*/


#menu                { display: block; width: 180px; height: 206px }
#menu ul   { list-style-type: none; margin: 0; padding: 0 }
#menu ul li        { margin-bottom: 4px }
*html #menu ul li        { margin-bottom: 2px }
#menu ul li span  { display: none; margin: 0; padding: 0 }
#menu ul li.home a         { background-image: url(../images/menu/home.gif); background-repeat: no-repeat; background-position: left top; display: block; width: 180px; height: 31px }
#menu ul li.home a:hover    { background-image: url(../images/menu/home.gif); background-position: left -31px }
#menu ul li.historia a       { background-image: url(../images/menu/historia.gif); background-repeat: no-repeat; background-position: left top; display: block; width: 180px; height: 31px }
#menu ul li.historia a:hover    { background-image: url(../images/menu/historia.gif); background-position: left -31px }
#menu ul li.seguros a      { background-image: url(../images/menu/seguros.gif); display: block; width: 180px; height: 31px }
#menu ul li.seguros a:hover    { background-image: url(../images/menu/seguros.gif); background-position: left -31px }
#menu ul li.asesorias a      { background-image: url(../images/menu/asesorias.gif); display: block; width: 180px; height: 31px }
#menu ul li.asesorias a:hover    { background-image: url(../images/menu/asesorias.gif); background-position: left -31px }
#menu ul li.polizas a      { background-image: url(../images/menu/polizas.gif); display: block; width: 180px; height: 31px }
#menu ul li.polizas a:hover    { background-image: url(../images/menu/polizas.gif); background-position: left -31px }
#menu ul li.contacto a     { background-image: url(../images/menu/contacto.gif); display: block; width: 180px; height: 31px }
#menu ul li.contacto a:hover  { background-image: url(../images/menu/contacto.gif); background-position: left -31px }


/*MENU SECUNDARIO*/


#menusecundario          { display: block; height: 9px; float: right }
#menusecundario ul   { list-style-type: none; margin: 0; padding: 0 }
#menusecundario ul li      { float: left }
#menusecundario ul li span { display: none }
#menusecundario ul li.home a    { background-image: url(../images/btn_home.gif); display: block; width: 29px; height: 9px }
#menusecundario ul li.home a:hover  { background-image: url(../images/btn_home.gif); background-position: left -9px }
#menusecundario ul li.contacto a   { background: url(../images/btn_contacto.gif); display: block; width: 53px; height: 9px }
#menusecundario ul li.contacto a:hover  { background-image: url(../images/btn_contacto.gif); background-position: left -9px }


/*FOOTER*/


#footer        { background-image: url(../images/footer.gif); background-repeat: no-repeat; text-indent: -9999px; width: 251px; height: 30px; float: right; overflow: hidden }


/*CONTACTO*/


.campos { color: #666; font-size: 11px; font-family: Tahoma; background-color: #fff; padding: 2px; width: 200px; border-width: 0 }
.etiqueta { color: #fff; font-size: 11px }
.camposobligatorios { color: #c30; font-size: 11px; font-weight: bold }
.btnenviar     { background-image: url(../images/btnenviar.gif); width: 38px; height: 11px; border-width: 0; outline-width: 0 }
.textarea  { color: #666; font-size: 11px; font-family: Tahoma; background-color: #fff; padding: 2px; width: 200px; height: 90px; border-width: 0 }


/*ASESORIAS*/


#asesorias         { background-image: url(../images/asesorias.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 690px; height: 340px; overflow: hidden }


/*HISTORIA*/


#historia          { background-image: url(../images/historia.jpg); background-repeat: no-repeat; width: 690px; height: 340px }


/*IMAGENES SEGUROS*/


#segurodevida          { background-image: url(../images/infoseguros/segurodevida.gif); background-repeat: no-repeat; text-indent: -9999px; width: 494px; height: 317px; overflow: hidden }
#segurodesalud          { background-image: url(../images/infoseguros/segurodesalud.gif); background-repeat: no-repeat; text-indent: -9999px; width: 494px; height: 317px; overflow: hidden }
#segurosgenerales  { background-color: #3a6683; background-image: url(../images/infoseguros/segurosgenerales.gif); background-repeat: no-repeat; background-position: 0 top; width: 494px; height: 340px }
#asistencias           { background-color: #3a6683; background-image: url(../images/infoseguros/asistencias.gif); background-repeat: no-repeat; background-position: 0 top; text-indent: -9999px; width: 494px; height: 340px; overflow: hidden }
#segurosprevisionales { background-color: #3a6683; background-image: url(../images/infoseguros/segurosprevisionales.gif); background-repeat: no-repeat; background-position: 0 top; width: 494px; height: 340px }




/*SIMULAR PLAN*/

.td_header    { color: #fff; font-size: 10px; font-weight: bold; background-color: #1b374d; height: 20px }
.td1  { color: #fff; font-size: 10px }
.td2   { color: #49687d; font-size: 10px; background-color: #fff }
.campo_simula { font-size: 10px; font-family: Arial; width: 100px }
.campo_simula2  { font-size: 10px; font-family: Arial }
.btn_continuar { background-image: url(../images/btn_continuar2.jpg); background-repeat: no-repeat; width: 91px; height: 35px; border-width: 0 }
.td_header2    { color: #fff; font-size: 10px; font-weight: bold; background-color: #49687d; height: 20px }
.btn_enviar_simulacion { color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; background-color: #de743c; text-transform: uppercase; padding: 3px; border: solid 2px }