@charset "UTF-8";
* { margin:0px; padding:0px; }
html { overflow: -moz-scrollbars-vertical; }
body { font:normal 12px/18px Verdana, Geneva, sans-serif; color: #555; background-color:#ececec;}
a, a img { border:none; outline:none; }
h1, h2 { margin-bottom:20px; }

.clr { clear:both; }
.lineclr { clear:both; border-bottom:1px solid #E2E2E2; margin:20px 0; }

.wrap { background:#a6c8df url(images/bk_content.jpg) no-repeat center top; width:100%; border-bottom:1px solid #fff;}

#header { width:900px; height:118px; margin:0 auto; position:relative; z-index:100; }
.logo { width:200px; height:90px; position:absolute; top:27px; left:0; background:url(images/logo.png) no-repeat; }
.logo h1 { display:none; }
.logo a { width:200px; height:90px; display:block; }
.slogan {position:absolute; top:33px; right:0;}

.gf-result {width:200px; border-bottom:1px solid #d2d2d2; padding-bottom:10px;}
.gf-title { color:#c00; font-weight:700; margin:0; padding:0; text-decoration:none; }
.gf-title a:hover {color:#000;}
.gf-relativePublishedDate, .gf-spacer, .gf-author {font-size:0; line-height:0; height:0;}
.gf-snippet { font-family:Arial, Helvetica; font-size:11px; line-height:15px; }

/* NAVIGATION -------------------------- */
#menu {width: 661px; height: 37px; margin: 0 auto; padding-left:14px; background: url(images/bk_menuok.jpg) no-repeat top left; position:absolute; top:81px; right:0; }

ul#nav { list-style: none; position:relative; line-height:37px; clear:both; z-index:1000;}
ul#nav ul { padding: 0; margin: 0; list-style: none; }
ul#nav li { float: left;  }
ul#nav li a {  padding: 0 12px; display: block; font:bold 14px/37px Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; }
ul#nav li a:hover { background-color:#112c62;}
.first { margin-left:0; }

ul#nav li ul, ul#nav li:hover ul ul, ul#nav li.sfhover ul ul { position: absolute; width: 160px; left: -999em; background-color: #112c62; }
ul#nav li li { margin:0; padding:0; float:left;  }
ul#nav li li  a { background-image:none; padding:6px 12px; border-bottom:1px solid #45609c; width:136px; display:block; font-weight:normal;  color:#fff; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none; }
ul#nav li li  a:hover {  color:#fff; background-color:#112043; }
ul#nav li:hover ul {	left: auto; cursor:pointer;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;  }

/* >>> BANNER <<< */
#banner { width:900px; margin:0 auto; }
#bannerinterior { width:900px; height:109px; margin:0 auto; background:url(images/banner_conocenos.png) no-repeat top right; }


.banner_900 { width:900px; height:332px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; width:900px; display:none; padding:0; margin:0; }
.previous { background:url(images/btn_previous.png) no-repeat top right; width:36px; height:46px; position:absolute; top:130px; left:0;  }
.previous:hover {background:url(images/btn_previous.png) no-repeat top left;}
.next { background:url(images/btn_next.png) no-repeat; width:36px; height:46px; position:absolute; top:130px; right:0; }
.next:hover {background:url(images/btn_next.png) no-repeat top right;}
.previous span, .next span { display:none; }


#slides .slides_container {width:900px; height:332px; display:none;}		
#slides .slides_container div {width:570px; height:170px; display:block;}
		
#slides_two .slides_container {width:230px; display:none;}
#slides_two .slides_container div {width:230px; height:250px; display:block;}


/* >>> CONTENIDO <<< */
#container {background: #FFF url(images/bk_footer.jpg) no-repeat center top; border-bottom:1px solid #bbb; }
.contenido { font-size:13px; margin:0 auto; width:900px; overflow:hidden; padding:50px 0 35px 0; }

/* colWide -----------------------------------------*/
.colWide {	width: 640px; float:left;}
.colWide h1 {  font:normal 30px/34px Verdana, Geneva, sans-serif; color:#1d3b78; }
.colWide h2 {  font:normal 20px/25px Verdana, Geneva, sans-serif; color:#929292; }
.colWide h3 {  font:normal 18px/22px Verdana, Geneva, sans-serif; color:#b30000; margin:30px 0 20px 0;}
.colWide h4 {  font:normal 16px/20px Verdana, Geneva, sans-serif; color:#333; margin-bottom:10px;}
.colWide h5 { width:324px; height:28px; margin:0; margin-bottom:10px; }
.colWide h5 span { display:none; }
.colWide h5.nomina { background:url(images/logo_nomina.gif) no-repeat; }
.colWide h5.productivo { background:url(images/logo_productivo.gif) no-repeat; }
.colWide h5.profesional { background:url(images/logo_profesional.gif) no-repeat; }
.colWide h5.automatico { background:url(images/logo_automatico.gif) no-repeat; }
.colWide h5.alavista { background:url(images/logo_alavista.gif) no-repeat; }
.colWide h5.aplazo { background:url(images/logo_aplazo.gif) no-repeat; }
.colWide h5.salud { background:url(images/logo_salud.gif) no-repeat; }
.colWide h5.personal { background:url(images/logo_personal.gif) no-repeat; }
.colWide h5.saludprofesional { background:url(images/logo_saludprofesional.gif) no-repeat; }
.colWide h4 a, .colWide h4 a:visited {color:#333; text-decoration:none;}
.colWide h4 a:hover {text-decoration:underline; }
.colWide h6 { font:normal 10px/20px Verdana, Geneva, sans-serif; color:#666; margin-bottom:15px;}
.colWide ul {list-style:none; padding-left: 20px; margin:10px 0 40px 0;}
.colWide li { padding: 5px 0 5px 12px; background:url(images/bullet.gif) no-repeat 0 12px;}
.colWide li ul {list-style:none; padding-left: 20px; margin:10px 0 0 0;}
.colWide li ul li { padding: 5px 0 5px 12px; background:url(images/bullet.gif) no-repeat 0 50%;}
.colWide a { color:#C00; text-decoration:none;}
.colWide a:hover { color:#C00; text-decoration:underline; }

.izquierda {	width: 310px; float:left;}
.derecha {	width: 310px; float:right;}
.ulinversion {margin-bottom:10px;}
.fotointerior {float: right; background-color: #d3e9ef; padding: 5px; margin: 0 0 10px 10px; height: 190px; width: 255px;}

.thmb {float:left; width:190px; margin:0 20px 20px 0; text-align:center; }
.thmb img {margin-bottom:10px; background-color:#d3e9ef; padding:5px;}
.thmb p {margin-bottom:20px;}
.last {margin-right:0;}

.thmb_gal {float:left; width:135px;  margin:0 20px 20px 0; text-align:center; background-color:#d3e9ef;  padding:5px;}

.col {width:200px; float:left; margin:0 20px 0 0;}
.col h3 { width:200px; height:30px; margin:0; }
.col h3 span { display:none; }
.col h3.credito { background:url(images/title_credito.png) no-repeat; }
.col h3.inversion { background:url(images/title_inversion.png) no-repeat; }
.col h3.confianza { background:url(images/title_confianza.png) no-repeat; }
.col p {font-size:11px; line-height:16px; padding:15px 15px 0 15px; width:170px; background:#c5dded; }
.end {with:200px; height: 50px; background: #c5dded url(images/round_btm_col.png) no-repeat bottom left;}
.end a, .end a:visited {color:#001133; text-decoration:none; background:url(images/bullet_col.png) no-repeat 0 50%; padding:25px;}
.end a:hover { color:#b30000; }
.last { margin:0;}
.bajo { margin-bottom:35px; }
.imagen_izq { float:right; margin:0 0 25px 25px; }

.descarga { float:left; margin-bottom:10px; display:block; }

.banner_calculadora { float:left; width:420px; margin-bottom:11px; }

.tipodeacambio {width:200px; float:right; margin-bottom:15px; background: #ececec url(images/end_cambio.gif) no-repeat bottom left; padding-bottom: 15px;}
.tipodeacambio h3 { width:200px; height:30px; margin:0; }
.tipodeacambio h3 span { display:none; }
.tipodeacambio h3.cambio { background:url(images/title_cambio.png) no-repeat; }
.tipodeacambio p { font-size:10px; }

table.productos { width:230px; margin-left:12px;}
table.productos th { border-bottom:1px solid #232323; text-align:left; background-color: #3e3e3e; padding:0 15px; font-size:15px; height:36px; line-height:36px; color:#fff; }
table.productos td { border-bottom:1px solid #999; padding:8px 0;  }
table.productos td strong {color:#C00;} 
table.productos p { margin:0; }

table.fns { width:640px; margin:10px 0;}
table.fns th { border-bottom:1px solid #232323; text-align:left; background-color: #3e3e3e; padding:0 15px; font-size:15px; height:36px; line-height:36px; color:#fff; }
table.fns td { border-bottom:1px solid #999; padding:8px 0;  }
table.fns td strong {color:#C00;} 
table.fns p { margin:0; }


/* colNarrow -----------------------------------------*/
.video {float:right; width: 230px; margin-bottom:20px; overflow:hidden; position:relative; cursor:pointer;}
.video2 {float:left; width: 600px; margin-bottom:20px;}

#ytvideo, #ytvideo2 {float: left; margin-bottom:10px; width:230px; }
.yt_holder { width:230px; float:right; margin-bottom:15px;}
.yt_holder ul {float:left; margin:0; padding: 0; width:230px;}
.yt_holder ul li {list-style-type:none; display:block; background:#f1f1f1; float:left; width:70px; margin:0 5px 10px 0;}
.yt_holder ul li img {width:70px; float:left; margin-right:5px; border:1px solid #999; }
.yt_holder ul li a {font-family:georgia; text-decoration:none; display:block; color:#000;}
.currentvideo {	background:#e6e6e6; }

.colNarrow {float:right; width: 230px;}
.colnoticias {width: 230px; margin-bottom:20px;}
.titlenoticias { background:url(images/title_noticias.png) no-repeat; width:230px; height:32px; border-bottom:1px solid #0b2354; }
.titlenoticias span { display:none; }
.colNarrow ul {width:230px; padding:10px 15px 0 15px; list-style-type:none; background-color:#ececec; line-height:16px; font-size:11px;}
.colNarrow li { display:block; width:200px; padding:8px 0; border-bottom:1px solid #d2d2d2; } 
.colNarrow li a {color:#4a4a4a; text-decoration:none; display:block;}
.colNarrow li a:hover { color:#000;}
.endnoticias { with:215px; height: 10px; background: #ececec url(images/round_btm_noticias.png) no-repeat bottom left; padding:0 0 5px 0; margin-bottom:0;}
.rojo {font: bold 22px/28px Arial, Helvetica, sans-serif; color:#C00;}

.colseccion {margin-bottom:20px;}
.colseccion h3 {width:230px; height:32px; margin:0;}
.colseccion h3 span {display:none;}
.colseccion h3.plancredito { background:url(images/title_planescredito.png) no-repeat; border-bottom:1px solid #0b2354;}
.colseccion h3.planinversion { background:url(images/title_planesinversion.png) no-repeat; border-bottom:1px solid #0b2354;}
.colseccion h3.nuestrosplanes { background:url(images/title_nuestrosplanes.png) no-repeat; border-bottom:1px solid #0b2354; }
.colseccion h3.columnas { background:url(images/title_columnas.png) no-repeat; border-bottom:1px solid #0b2354; }
.colseccion ul {width:230px; padding:0 15px 10px 15px; list-style-type:none; background: #ececec url(images/round_btm_noticias.png) no-repeat bottom left;}
.colseccion li { display:block; width:200px; padding:5px 0; border-bottom:1px solid #d2d2d2; } 
.colseccion li a {color:#4a4a4a; text-decoration:none; display:block;}
.colseccion li a:hover { color:#000; background:url(images/bullet_seccion.gif) no-repeat 0 50%; padding-left:10px;}

.colcontacto {width:230px; float:right;}
.colcontacto h3 { width:230px; height:30px; margin:0; }
.colcontacto h3 span { display:none; }
.colcontacto h3.contactenos { background:url(images/title_contacto.png) no-repeat; }
.colcontacto p {font-size:11px; line-height:16px; padding:15px 15px 0 15px; width:200px; background:#c5dded;}
.endcontacto {with:230px; height: 50px; background: #c5dded url(images/round_btm_contacto.png) no-repeat bottom left; margin-bottom:20px;}
.endcontacto a, .endcontacto a:visited {color:#001133; text-decoration:none; background:url(images/bullet_col.png) no-repeat 0 50%; padding:25px;}
.endcontacto a:hover { color:#b30000; }

/* >>> SIMULADOR <<< */
.simulador {width:600px; padding:30px; background:#fff url(images/bk_simulador.jpg) repeat-x top left;}
.simulador h3 {  font:normal 26px Verdana, Geneva, sans-serif; color:#b30000;}

.simuladorinv {width:400px; padding:30px; background:#fff url(images/bk_simulador.jpg) repeat-x top left; overflow:hidden;}
.simuladorinv h3 {  font:normal 26px Verdana, Geneva, sans-serif; color:#b30000;}

table.datos {margin-bottom:25px;}
table.datos td { padding:6px 10px 6px 0;}
table.datos td strong { color:#000; } 
table.datos p { margin:0;}

/* TABLA DATOS -------------------------- */
.tituloresultado {color: #b30000;}

/* >>> FOOTER <<< */
#footer { font-size:11px; margin:0 auto; width:900px; overflow:hidden; padding:30px 0 50px 0; }
.logos { width:235px; float:left; margin:0 25px 0 0;  }
.logos p { margin-bottom:10px; }
.datos { color:#555; float:left; width:480px; margin-top:30px; }
.datos strong{ color:#C00; }
.datos a { color:#000; text-decoration:none;}
.datos a:hover { color:#000; text-decoration:underline; }
.siguenos { width:130px; height:18px; float:right;}
.siguenos p {display:block; margin-bottom:10px;}
.siguenos img { float:left; margin-right:15px;}

#footerline { background:#bbbbbb;}
.footerline { margin:0 auto; width:900px; overflow:hidden; padding:15px 0;}
.trost { width:130px; height:18px; float:right;}
.trost a, .trost a:visited { font-size:11px; color:#555; text-decoration: none; background:url(images/logo_trost.gif) no-repeat right; padding:5px 55px 5px 0;}
.trost a:hover { color:#000; text-decoration:underline; }


/* >>> MENOS <<< */
.menos {width:400px;}
.menos h3 {  font:normal 18px/22px Verdana, Geneva, sans-serif; color:#b30000; margin-bottom:5px;}
.menos h4 {  font:normal 16px/20px Verdana, Geneva, sans-serif; color:#333; margin-bottom:20px;}
.menos p {margin-bottom:0;}