﻿/* Reset Global */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body { line-height: 1;  }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }



/*Estilos Comunes*/
h2 { font: 15px Verdana, Arial, Helvetica, sans-serif; color: #062933; margin: 10px 0;}
.clr { clear: both; }
.hr { width: 266px; height: 3px; margin: 0 auto; background: url('imagenes/pleca_cuadros.gif') no-repeat top left; }
ul#barra_herramientas li a.herr_activo { background-position: bottom; }
#encabezado, #pie, #contenido { width: 950px; margin: 20px auto 0 auto; }
ul#barra_herramientas { width: 590px; height: 30px; float: right; }
ul#menu_encabezado { width: 688px; height: 40px; margin: 10px 0 0 0; float: right; background: #000753 url('imagenes/fondo_menu.gif') no-repeat top left; }
#pie p { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #062933; }
#contenido p { font: 14px Verdana, Arial, Helvetica, sans-serif; color: White; margin: 15px 0 10px 0; }
#col_izq { width: 250px; float: left; margin: 50px 0 0 10px; display: inline; }
#col_der { width: 690px; min-height: 200px; float: right; margin: 30px 0 0 0; }
#col_der ul { margin: 0 0 15px 15px;}
#col_der ul li { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #062933; list-style: url('../imagenes/bullet.gif') inside; line-height: 1.5em; }
div#contenido div#col_der div#acordeon_contenido p.paloma { font: 14px Verdana, Arial, Helvetica, sans-serif; color: White; background: url('../imagenes/bullet.gif') no-repeat 0 5%; padding: 0 0 0 18px; margin: 0; line-height: 1em; }
.boton { float: right; margin: 0 10px 0 30px;}
.boton a:link, .boton a:visited { display: block; width: 190px; height: 26px; padding: 10px 0 0 19px; background: url('imagenes/boton.gif') no-repeat top left; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.boton a:hover { color: #CCC;}
.boton_sesion { float: left; margin: 0 0 0 10px;}
.boton_sesion a:link, .boton_sesion a:visited { display: block; width: 179px; height: 26px; padding: 9px 0 0 30px; background: url('imagenes/boton.gif') no-repeat top left; font: 14px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.boton_sesion a:hover { color: #CCC;}
.boton_grande a:link, .boton_grande a:visited { display: block; width: 567px; height: 26px; padding: 9px 0 0 30px; margin: 5px 0; background: url('imagenes/boton_grande.gif') no-repeat top left; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.boton_grande a:hover { color: #CCC;}
.flota_der { float: right; }
.flota_izq { float: left; }
.margen { margin: 0 0px; }
.flecha { background: url('imagenes/flecha_negra.gif') no-repeat 0 10%; padding: 0 0 0 15px;}
#ul_ubicaciones { width: 600px; background: url('imagenes/mapa.jpg') no-repeat top left;}
p.ubicaciones { background: url('imagenes/flecha_negra.gif') no-repeat top left; font-weight: bold;}

/*Cuadros Azules de la Portada*/
.cuadro { width: 310px; height: 242px; background: url('imagenes/bot_fondo_cuadros.gif') no-repeat top left; float: right; margin: 0 6px 0 0; }
.cuadro h1, #contenido .cuadro p, .cuadro a:link, .cuadro a:visited { color: White; }
.cuadro h1 { height: 55px; font: 1.5em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 20px 0 0 0; }
#contenido .cuadro p { margin: 15px 20px 0 25px; line-height: 1.3em;}
.portafolio, .caminante, .traje { width: 60px; height: 60px; margin: 10px 10px 10px 25px; float: left; display: inline; }
.portafolio { background: url('imagenes/portafolio.jpg') no-repeat top left; }
.caminante { background: url('imagenes/caminante.jpg') no-repeat top left; }
.traje { background: url('imagenes/traje.jpg') no-repeat top left; }


/*Encabezado*/
#encabezado h1 a { display: block; width: 217px; height: 120px; background: url('imagenes/logopng.png') no-repeat top left; text-decoration: none; float: left; }
#encabezado h1 a span { visibility: hidden; }
#encabezado a:link span, #encabezado a:visited span { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: white; text-align:center; }
#encabezado a:hover span { color: #CCC; }
#encabezado ul li { background: black; float: left; text-align:center; }
ul#barra_herramientas li { float: right; margin: 0 0 0 10px; }
a#lenguaje:link, a#lenguaje:visited { display: block; width: 38px; height: 22px; padding: 8px 0 0 0px; background: url('imagenes/bot_lenguaje3.gif') no-repeat top left; }
a#acceso:link, a#acceso:visited { display: block; width: 121px; height: 22px; padding: 8px 0 0 40px; background: url('imagenes/bot_accesos.gif') no-repeat top left; }
a#polizas:link, a#polizas:visited { display: block; width: 121px; height: 22px; padding: 8px 0 0 40px; background: url('imagenes/bot_polizas.gif') no-repeat top left; }
ul#menu_encabezado li { background: transparent; }
ul#menu_encabezado li a span { font: 14px Verdana, Arial, Helvetica, sans-serif; text-align:center; }
ul#menu_encabezado li a.activo { background: #172C84; }
ul#menu_encabezado li a#inicio.activo {background: #172C84 url('imagenes/bot_orilla_izq.gif') no-repeat top left; }
ul#menu_encabezado li a#contacto.activo {background: #172C84 url('imagenes/bot_orilla_der.gif') no-repeat top right; }
a#inicio:link, a#inicio:visited { display: block; width: 63px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }
a#acerca:link, a#acerca:visited { display: block; width: 115px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }
a#servicios:link, a#servicios:visited { display: block; width: 73px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }
a#alianzas:link, a#alianzas:visited { display: block; width: 65px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }
a#mercados:link, a#mercados:visited { display: block; width: 70px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }
a#ubicaciones:link, a#ubicaciones:visited { display: block; width: 90px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }
a#contacto:link, a#contacto:visited { display: block; width: 72px; height: 25px; padding: 15px 10px 0 10px; vertical-align:middle; text-align:center; }


/*Pie de Página*/
#pie { padding: 15px 0 0 0; background: url('imagenes/pleca_pie.gif') no-repeat top center; }

/*Imagenes de contenidos*/
.img_portada { width: 940px; height: 302px; margin: 0 auto; background: url('imagenes/ic_nueva.jpg') no-repeat top left; }
.img_acerca { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_acerca.jpg') no-repeat top left;}
.img_servicios { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_servicios.jpg') no-repeat top left;}
.img_cotizar { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_cotizar.jpg') no-repeat top left;}
.img_alianzas { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_alianzas.jpg') no-repeat top left;}
.img_mercados { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_mercados.jpg') no-repeat top left;}
.img_ubicaciones { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_ubicaciones.jpg') no-repeat top left;}
.img_contacto { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_contacto.jpg') no-repeat top left;}
.img_clientes { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_clientes.jpg') no-repeat top left;}
.img_polizas { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_polizas.jpg') no-repeat top left;}
.img_empresariales { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_servicios_emp.jpg') no-repeat top left;}
.img_personales { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_servicios_per.jpg') no-repeat top left;}
.img_fianzas { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_servicios_fin.jpg') no-repeat top left;}
.img_movimientos { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_movimientos.jpg') no-repeat top left;}
.img_privacidad { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_priv.jpg') no-repeat top left;}
.img_privacy { width: 950px; height: 182px; margin: 0 auto; background: url('imagenes/img_privacy.jpg') no-repeat top left;}
/*Submenu*/
ul#submenu { width: 220px; height: 123px; background-color: #000753; }
ul#submenu li { border-bottom: 1px white solid; }
ul#submenu li a:link, ul#submenu li a:visited { display: block; width: 195px; height: 29px; color: white; padding: 12px 0 0 25px; background: url('imagenes/flecha.gif') no-repeat 10px 50%; font: 14px Verdana, Arial, Helvetica, sans-serif; }
ul#submenu li a:hover { background: #193089;}
ul#submenu li a.sub_activo { background: #38849A; }

/*Acordeones*/
.accordion_toggle { display: block; height: 30px; width: 215px; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0; }
.accordion_content { overflow: hidden; font: 12px Verdana, Arial, Helvetica, sans-serif; }
div#acordeon_contenido div.accordion_content p { font-size: 12px;}
div#acordeon_contenido div.accordion_content a:link, div#acordeon_contenido div.accordion_content a:visited { color: #38849A; }
div.mapa { background: url('imagenes/mapa.gif') no-repeat top right;}

/*Formas*/
label { font: 14px Verdana, Arial, Helvetica, sans-serif;  }
div#col_der ul#admmenu li { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #062933; list-style-type: circle; list-style-image: none; margin: 5px 0 0 0; }
div#col_der ul#admmenu li a:link, div#col_der ul#admmenu li a:visited { color: #062933; }
div#col_der ul#admmenu li a:hover { color: #666; }
h3.cerrar_sesion a:link, h3.cerrar_sesion a:visited { font: 18px Verdana, Arial, Helvetica, sans-serif; color: #062933; margin: 0 0 20px 0; }
div#col_der table tr td { padding: 3px;}
ul#admenu li { list-style: none;}

/*text*/
.texterror {color: red;}
.innerError {color: red;}

.tbres {border : 1px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px;}
.tbres th {background : #000753; color : white; padding: 4px 10px;}
