/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
	color: #222;
}
html {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio, canvas, img, video {
	vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   MASTER - ICONOS Y LOGOS
   ========================================================================== */

.content header .logo, header .menu li.bancaprivada a span, header .menu li.empresas a span, header .menu li.particulares a span, header .submenu li.home a span, header .login .conf .select li.selected span, header .login .conf p span, header .login input[type="submit"], .box li div .logo_inversio, .cta_hagasecliente .logo_hc, .cta_hagasecliente .link_hc a span, #hagasecliente .garantia_pd .logo_GPD, #asesores .contacto_asesor .lellamamos a span, #packplatinum .menu_pp .menu_pp_item.selected > span, #packplatinum .content_pp li span, #chat .links .ico, #servicios .col2 .servicios_menu li .ico, #servicios .col2 .servicios_menu li .flecha, #servicios .col2 .servicios_content li span.fle, #servicios .col2 .servicios_content ul.list_destacados li span.fle, #servicios .col2 .content_productospremium h4 span, #home .fondo-top .img_left, #home .fondo-top .img_right, #home .content2 .col li span, #home .content2 .col3 .lellamamos a span, header .login .enlaces a:first-child, header .login .conf > a span {
	background: url("../Imagenes/iconsandlogos.png") no-repeat;
}
/* ==========================================================================
   MASTER - GENERAL
   ========================================================================== */
ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
body {
	background-color: #eceaea;
	font-family: Verdana, Geneva, sans-serif;
}
.fondo-top {
	background-color: #e25205;
	position: absolute;
	width: 100%;
	height: 540px;
}
.content, .content_bottom {
	position: relative;
	width: 960px;
	background-color: #ffffff;
	margin: 0 auto;
	margin-bottom: 70px;
}
.content_bottom {
	position: relative;
	width: 960px;
	background-color: #eceaea;
	margin: 0 auto;
}
/* ==========================================================================
   MASTER - HEADER
   ========================================================================== */

header {
	position: relative;
	background: #000000;
}
header a, footer a {
	text-decoration: none;
}
header .logo {
	position: relative;
	display: inline-block;
	top: 8px;
	left: 10px;
	width: 276px;
	height: 33px;
	margin-bottom: 21px;
}
header .logo2 {
	width: 117px;
	height: 35px;
	background-position: -1px -150px!important;
	left: 100px;
	top: 11px;
}
header .menu {
	position: relative;
	width: 60%;
}
header .menu li {
	position: relative;
	display: inline-block;
	text-align: center;
	background-color: #323232;
}
header .menu li:hover {
	background-color: #e75500;
}
header .menu li a {
	position: relative;
	display: inline-block;
	width: 166px;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
header .menu li a span {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top: 2px;
	width: 22px;
	height: 17px;
}
header .menu li.particulares a span {
	background-position: 0 -56px;
}
header .menu li.empresas a span {
	background-position: -22px -56px;
}
header .menu li.bancaprivada a span {
	background-position: -44px -56px;
}
header .menu li a:hover {
	background-color: #e75500;
}
header .submenu {
	position: relative;
	background-color: #2a2a2a;
}
header .submenu li {
	position: relative;
	display: inline-block;
	text-align: center;
}
header .submenu li a {
	position: relative;
	display: inline-block;
	width: auto;
	height: 28px;
	line-height: 28px;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 0 7px;
	border-left: 1px solid #515151;
}
header .submenu li a:hover {
	background-color: #e75500;
}
header .submenu li.home a {
	width: 19px;
	background-color: #7b7b7b;
	color: transparent;
	border: none;
}
header .submenu li.home a span {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 19px;
	background-position: -18px -37px;
	top: 0px;
}
header .login .enlaces {
	position: absolute;
	right: 5px;
	bottom: -6px;
	color: #ffffff;
}
header .login .enlaces a {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 34px;
}
header .login .enlaces > a:hover {
	border-bottom: 1px solid #ffffff;
}
header .login .enlaces a:first-child {
	background-position: -2px -185px;
	padding-left: 20px;
}
header .login {
	position: absolute;
	right: 0;
	top: 0;
	width: 366px;
	height: 97px;
}
header .login .conf {
	position: absolute;
	top: 7px;
}
header .login .conf > a {
	display: inline-block;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
header .login .conf > a span {
	position: absolute;
	width: 14px;
	height: 18px;
	left: -20px;
	background-position: 0 -127px;
}
header .login .conf > a:hover span {
	background-position: -15px -127px;
}
header .login .conf .select {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: auto;
	margin-left: 5px;
}
header .login .conf .select li {
	position: relative;
	padding-left: 7px;
	z-index: 5;
	white-space: nowrap;
	overflow: hidden;
	height: 0px;
	transition: 0.5s;
}
header .login .conf .select.open ul {
	border: 1px solid;
	border-top: none;
	display: block;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	color: #FFF;
	background-color: #2d2d2d;
}
header .login .conf .select.open li {
	height: 24px;
	transition: 0.5s;
}
header .login .conf .select.open li:hover {
	background-color: #e75500;
}
header .login .conf .select a {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
header .login .conf .select li.selected {
	cursor: pointer;
	z-index: 6;
	height: 24px;
}
header .login .conf .select li.selected span {
	position: absolute;
	width: 9px;
	height: 9px;
	background-position: -44px -47px;
	top: 11px;
	right: 9px;
}
header .login .conf .select.open li.selected span {
	background-position: -53px -47px;
}
header .login .conf p {
	display: inline-block;
	position: relative;
	vertical-align: top;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	margin-top: 2px;
	width: 156px;
	padding-left: 23px;
}
header .login .conf p a {
	color: #ffffff;
}
header .login .conf p span {
	position: absolute;
	width: 18px;
	height: 19px;
	background-position: 0 -37px;
	left: 2px;
}
header .login form {
	position: absolute;
	right: 30px;
	top: 28px;
	width: 150px;
}
#frmLti label span {
	color: #2c2a29;
	display: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	left: 2px;
	position: absolute;
	z-index: 100;
}
#frmLti label[for="txfUser"] span {
	top: 7px;
}
#frmLti label[for="txfPass"] span {
	top: 32px;
}
header .login input.text {
	display: block;
	position: relative;
	width: 110px;
	height: 19px;
	line-height: 19px;
	padding-left: 2px;
	border: 0;
	border-radius: 4px;
	margin: 4px 0;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
header .login input[type="submit"] {
	position: absolute;
	width: 20px;
	height: 36px;
	background-position: -66px -37px;
	top: 10px;
	right: 7px;
	border: 0;
	padding: 0!important;
}
/* ==========================================================================
   MASTER - MIGA DE PAN
   ========================================================================== */
.migapan {
	margin: 10px 10px 10px 20px;
	margin-bottom: 0;
	color: #858585;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
}
.migapan a {
	color: inherit;
}
/* ==========================================================================
   MASTER - FOOTER
   ========================================================================== */
footer {
	border-top: 1px solid #6c6c6c;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #6c6c6c;
	background-color: #eceaea;
	margin-top: 10px;
}
footer nav {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 500px;
	margin: 10px 0;
}
footer nav a {
	color: inherit;
	padding: 0 3px;
}
footer p {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 0;
	float: right;
	margin-right: 5px;
}
/* ==========================================================================
   MASTER - BOX
   ========================================================================== */
.box {
	background-color: #ffffff;
	position: relative;
}
.box ul {
	margin-left: 4px;
}
.box li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 313px;
	height: 154px;
	border: 1px solid #edebeb;
	border-right: none;
	margin: 5px 0 5px 0;
	color: #6d6d6d;
	font-family: Verdana, Geneva, sans-serif;
}
.box li:last-child {
	border: 1px solid #edebeb;
}
.box li h3 {
	position: relative;
	font-size: 13px;
	padding-left: 10px;
	margin: 5px 0;
}
.box li h3 a {
	color: #2d2d2d!important;
	text-decoration: none;
}
.box li > div {
	position: relative;
	padding: 7px;
	height: 84px;
}
.box li > div img, .box li > div p, .box li > div .logo_inversio {
	position: absolute;
}
.box li > div p {
	left: 100px;
	top: 5;
	margin: 0;
	line-height: 18px;
	font-size: 12px;
}
.box li > div p.mini {
	bottom: 0;
	/*top: 65px;*/
	font-size: 9px;
	line-height: 13px;
}
.box li a {
	color: #e35205;
}
.box li a.detalles {
	position: relative;
	float: right;
	right: 10px;
	margin-top: 8px;
	font-size: 10px;
	color: #e35205;
}
.box li div .logo_inversio {
	position: absolute;
	width: 49px;
	height: 49px;
	background-position: -440px -75px;
	left: 20px;
	top: 12px;
}
.box li.box_twitter p {
	left: 80px;
	font-size: 10px;
	color: #2c2c2c;
}
.box li.box_twitter p.mini {
	top: 30px;
	color: #6d6d6d;
}
.box li.box_mercados img {
	left: 15px;
}
.box li.box_mercados img.actualitza {
	left: auto;
	right: 7px;
	top: -21px;
	cursor: pointer;
}
/* ==========================================================================
   MASTER - HAGASECLIENTE
   ========================================================================== */
.cta_hagasecliente {
	position: relative;
	height: 34px;
	line-height: 34px;
	margin-top: 0px;
}
.cta_hagasecliente .logo_hc {
	position: absolute;
	width: 174px;
	height: 34px;
	background-position: -266px -75px;
	left: 0;
	top: 0;
}
.cta_hagasecliente .link_hc {
	position: absolute;
	left: 174px;
	width: calc(100% - 174px);
	background-color: #ff5100;
	height: 34px;
}
.cta_hagasecliente .link_hc a {
	position: relative;
	display: inline-block;
	left: 40px;
	width: calc(100% - 40px);
	background-color: #2d2d2d;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	text-decoration: none;
	text-align: center;
}
.cta_hagasecliente .link_hc a span {
	position: absolute;
	width: 33px;
	height: 14px;
	background-position: 0 -111px;
	top: 12px;
	margin-left: 10px;
}
#hagasecliente .cta_hagasecliente .link_hc .empty {
	position: relative;
	display: inline-block;
	left: 40px;
	width: calc(100% - 40px);
	height: 34px;
	background-color: #2d2d2d;
}
/* ==========================================================================
   MASTER - TITULO
   ========================================================================== */
.titulo {
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 45px;
	margin-top: 20px;
}
.titulo h1 {
	font-size: 34px;
	margin: 10px 20px;
	color: #e05205;
	font-weight: 100;
}
.titulo h1 p {
	margin: 0 0 10px 0;
	font-size: 15px;
	color: #6c6c6c;
	line-height: 20px;
}
.titulo p {
	margin: 0 0 10px 20px;
	font-size: 15px;
	color: #6c6c6c;
	line-height: 20px;
}
.titulo img {
	margin: 10px;
}
/* ==========================================================================
   HÁGASE CLIENTE
   ========================================================================== */
#hagasecliente .garantia_pd {
	position: relative;
	height: 135px;
	margin: 60px 20px 45px 20px;
}
#hagasecliente .garantia_pd .logo_GPD {
	position: absolute;
	width: 61px;
	height: 135px;
	background-position: -739px 0;
	left: 10px;
}
#hagasecliente .garantia_pd p {
	position: relative;
	margin-left: 85px;
	top: 10px;
	width: 790px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #6c6c6c;
}
#hagasecliente .content {
	margin-bottom: 25px;
}
/* ==========================================================================
   COTIZACIÓN
   ========================================================================== */
#cotizacion .content {
	margin-bottom: 20px;
}
#cotizacion .cta_hagasecliente {
	margin-top: 0px;
}
#cotizacion footer {
	border: none;
}
/* ==========================================================================
   ASESORAMIENTO
   ========================================================================== */
#asesores footer {
	border: none;
}
#asesores .content {
	margin-bottom: 20px;
}
#asesores .puntos_asesoramiento, #asesores .contacto_asesor {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 500px;
	left: 20px;
	margin-bottom: 60px;
	margin-top: 20px;
	font-family: Verdana, Geneva, sans-serif;
}
#asesores .contacto_asesor {
	width: 330px;
	left: 60px;
	text-align: center;
}
#asesores .puntos_asesoramiento li {
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 40px;
}
#asesores .puntos_asesoramiento li h3 {
	font-size: 18px;
	color: #df5205;
	font-weight: 100;
	margin: 0;
}
#asesores .puntos_asesoramiento li p {
	font-size: 15px;
	color: #6c6c6c;
}
#asesores .contacto_asesor img {
	width: 316px;
}
#asesores .contacto_asesor > div {
	width: 314px;
	margin: 0 auto;
	margin-top: 30px;
}
#asesores .contacto_asesor .pedircita {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
}
#asesores .contacto_asesor .pedircita h4 {
	font-size: 16px;
	color: #df5205;
	font-weight: 100;
	margin: 0;
}
#asesores .contacto_asesor .pedircita p {
	font-size: 14px;
	color: #6c6c6c;
	margin-bottom: 5px;
}
#asesores .contacto_asesor .pedircita a {
	font-size: 14px;
	color: #df5205;
	font-weight: bold;
}
#asesores .contacto_asesor .lellamamos {
	background-color: #666666;
	color: #ffffff;
	padding-top: 20px;
}
#asesores .contacto_asesor .lellamamos h4 {
	font-size: 17px;
	font-weight: 100;
	margin: 0;
}
#asesores .contacto_asesor .lellamamos p {
	font-size: 14px;
	margin: 0 0 20px 0;
}
#asesores .contacto_asesor .lellamamos a {
	position: relative;
	display: inline-block;
	width: 175px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding-left: 30px;
	color: #666666;
	background-color: #ffffff;
	margin-bottom: 14px;
	text-decoration: none;
	font-weight: bold;
}
#asesores .contacto_asesor .lellamamos a span {
	position: absolute;
	width: 35px;
	height: 38px;
	background-position: -410px 2px;
	left: 15px;
	top: 5px;
}
/* ==========================================================================
   PACK PLATINUM
   ========================================================================== */
#packplatinum footer {
	border: none;
}
#packplatinum .content {
	margin-bottom: 20px;
	font-family: Verdana, Geneva, sans-serif;
}
#packplatinum .titulo {
	margin-bottom: 20px;
}
#packplatinum .menu_pp {
	position: relative;
	text-align: center;
	border-bottom: 10px solid #e25205;
}
#packplatinum .menu_pp .menu_pp_item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 260px;
	margin: 0 18px 35px 18px;
	cursor: pointer;
}
#packplatinum .menu_pp .menu_pp_item .pp_img {
	position: relative;
	width: 260px;
	height: 126px;
	background: url("../Imagenes/packplatinum.png") no-repeat;
}
#packplatinum .menu_pp .menu_pp_item.todas_las_ventajas .pp_img {
	background-position: 0 -126px;
}
#packplatinum .menu_pp .menu_pp_item.platinum_black .pp_img {
	background-position: -260px -126px;
}
#packplatinum .menu_pp .menu_pp_item.cuenta_platinum .pp_img {
	background-position: -520px -126px;
}
#packplatinum .menu_pp .menu_pp_item.todas_las_ventajas.selected .pp_img {
	background-position: 0 0;
}
#packplatinum .menu_pp .menu_pp_item.platinum_black.selected .pp_img {
	background-position: -260px 0;
}
#packplatinum .menu_pp .menu_pp_item.cuenta_platinum.selected .pp_img {
	background-position: -520px 0;
}
#packplatinum .menu_pp .menu_pp_item .pp_txt {
	position: relative;
	vertical-align: top;
	width: 260px;
	height: 56px;
	line-height: 23px;
	padding-top: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #A1A1A1;
	background-color: #ededed;
}
#packplatinum .menu_pp .menu_pp_item.selected .pp_txt {
	color: #ffffff;
	background-color: #e15205;
	font-weight: bold;
}
#packplatinum .menu_pp .menu_pp_item.selected > span {
	position: relative;
	display: block;
	width: 40px;
	height: 16px;
	background-position: -454px 0;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
}
#packplatinum .content_pp {
	margin: 20px 48px 60px 48px;
}
#packplatinum .content_pp h2 {
	font-size: 28px;
	color: #df5205;
	font-weight: 100;
	margin: 15px 0;
	font-family: Verdana, Geneva, sans-serif;
}
#packplatinum .content_pp h4 {
	font-size: 18px;
	color: #1f1f1f;
	font-weight: 100;
	margin: 0 0 60px;
0;
	font-family: Verdana, Geneva, sans-serif;
}
#packplatinum .content_pp h5 {
	font-size: 14px;
	color: #1f1f1f;
	font-weight: bold;
	margin: 20px 0;
	font-family: Verdana, Geneva, sans-serif;
}
#packplatinum .content_pp p {
	font-size: 14px;
	color: #6c6c6c;
	margin-top: 40px;
	line-height: 24px;
}
#packplatinum .content_pp a {
	color: #df5205;
}
#packplatinum .content_pp li {
	padding-left: 30px;
	margin-left: 10px;
	position: relative;
	margin-bottom: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #6c6c6c;
}
#packplatinum .content_pp li span {
	position: absolute;
	width: 8px;
	height: 9px;
	background-position: -36px -47px;
	left: 14px;
	top: 7px;
}
#packplatinum .content_pp p.condiciones {
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #6c6c6c;
	line-height: 18px;
}
#packplatinum .content_pp p.condiciones span {
	color: #2c2c2c;
}
#packplatinum .cta_hagasecliente {
	margin-top: -80px;
}
/* ==========================================================================
   CHAT EXPERTO
   ========================================================================== */
#chat .content {
	margin-bottom: 25px;
}
#chat .proximochat {
	position: relative;
	margin: 10px 60px;
}
#chat .proximochat h3, #chat .chatantiguo h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #df5205;
}
#chat .proximochat .chat_item, #chat .chatantiguo .chat_item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 20px;
}
#chat .proximochat .chat_item img, #chat .chatantiguo .chat_item img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 153px;
	height: 123px;
}
#chat .proximochat .chat_item > div, #chat .chatantiguo .chat_item > div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 70%;
	font-family: Verdana, Geneva, sans-serif;
	left: 25px;
}
#chat .proximochat .chat_item > div p, #chat .chatantiguo .chat_item > div p {
	margin: 0;
	font-size: 15px;
	color: #6c6c6c;
	line-height: 24px;
}
#chat .proximochat .chat_item > div p span {
	color: #df5205;
}
#chat .proximochat .chat_item > div p.mini, #chat .chatantiguo .chat_item > div p.mini {
	font-size: 11px;
	font-style: italic;
}
#chat .proximochat .chat_item > div .chat_btn, #chat .links a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	background-color: #e25205;
	border-radius: 4px;
	width: 220px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	top: 5px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
#chat .chatantiguo {
	background-color: #f3f3f3;
	position: relative;
	margin: 10px 30px 50px 30px;
	padding: 20px 0;
}
#chat .chatantiguo h3 {
	color: #2c2c2c;
	margin: 20px 30px 50px 30px;
	position: relative;
	font-weight: 100;
}
#chat .chatantiguo .chat_item {
	position: relative;
	margin: 0 0 20px 50px;
	width: 90%;
}
#chat .chatantiguo .chat_item img {
	width: 102px;
	height: 82px;
}
#chat .chatantiguo .chat_item > div {
	width: 80%;
}
#chat .chatantiguo .chat_item > div p {
	line-height: 21px;
}
#chat .chatantiguo .chat_item > div p.mini {
	line-height: 19px;
}
#chat .chatantiguo .chat_item > div p span {
	font-weight: bold;
	line-height: 18px;
}
#chat .chatantiguo .chat_item > div a {
	color: #e25205;
	font-size: 10px;
}
#chat .links {
	position: relative;
	margin: 0 30px 130px 30px;
}
#chat .links > div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 49.5%;
	height: 115px;
}
#chat .links .l_blog .ico {
	position: absolute;
	width: 118px;
	height: 102px;
	background-position: -621px 0;
}
#chat .links .l_estudios .ico {
	position: absolute;
	width: 116px;
	height: 107px;
	background-position: -504px 0;
}
#chat .links .inf {
	width: calc(100% - 125px);
	position: relative;
	left: 125px;
	font-family: Verdana, Geneva, sans-serif;
}
#chat .links .inf p {
	color: #6c6c6c;
	font-size: 13px;
	margin: 0;
}
#chat .links a {
	width: auto;
	padding: 0 10px;
	left: 125px;
	font-size: 13px;
}
/* ==========================================================================
   SERVICIOS Y PRODUCTOS
   ========================================================================== */
#servicios .titulo h1 {
	font-size: 28px;
}
#servicios .col1 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 382px;
	background-color: #e5e5e5;
	margin-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
}
#servicios .col1 img {
	width: 382px;
	margin-bottom: 25px;
}
#servicios .col1 h4 {
	color: #666666;
	font-size: 20px;
	margin: 0 20px;
}
#servicios .col1 p {
	color: #6c6c6c;
	font-size: 12px;
	margin: 5px 20px 25px 20px;
}
#servicios .col2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 510px;
	margin-left: 13px;
	font-family: Verdana, Geneva, sans-serif;/*	margin-bottom: 100px;*/
}
#servicios .col2 .descrip {
	font-size: 18px;
	color: #666666;
	margin-bottom: 20px;/*line-height: 27px;*/
}
#servicios .col2 .servicios_menu {
	position: relative;
}
#servicios .col2 .servicios_menu h4 {
	font-size: 14px;
	color: #2a2a2a;
	margin: 0 0 10px 0;
}
#servicios .col2 .servicios_menu li {
	background-color: #666666;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 95px;
	height: 100px;
	margin: 0 1px 25px 1px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
#servicios .col2 .servicios_menu li.selected {
	background-color: #e15205;
}
#servicios .col2 .servicios_menu li .ico {
	position: absolute;
	width: 47px;
	height: 34px;
	margin: 15px auto;
	margin-left: calc(50% - 23px);
}
#servicios .col2 .servicios_menu li.asesorpersonal .ico {
	background-position: 0 -75px;
}
#servicios .col2 .servicios_menu li.planificacion .ico {
	background-position: -47px -75px;
}
#servicios .col2 .servicios_menu li.operaciones .ico {
	background-position: -94px -75px;
}
#servicios .col2 .servicios_menu li.newsletter .ico {
	background-position: -141px -75px;
}
#servicios .col2 .servicios_menu li.productospremium .ico {
	background-position: -188px -75px;
}
#servicios .col2 .servicios_menu li > p {
	margin-top: 60px;
}
#servicios .col2 .servicios_menu li.selected .flecha {
	position: absolute;
	background-position: -454px 0;
	width: 40px;
	height: 16px;
	bottom: -16px;
	margin-left: calc(50% - 20px);
}
#servicios .col2 .servicios_content {
	position: relative;
}
#servicios .col2 .servicios_content h3 {
	font-size: 15px;
	color: #df5205;
	font-weight: 100;
	margin-bottom: 35px;
}
#servicios .col2 .servicios_content p {
	font-size: 12px;
	color: #6c6c6c;
	margin-bottom: 40px;
}
#servicios .col2 .servicios_content li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 35px;
}
#servicios .col2 .servicios_content li span.fle {
	position: absolute;
	width: 8px;
	height: 9px;
	background-position: -36px -47px;
	left: 14px;
	top: 7px;
}
#servicios .col2 .servicios_content li p {
	margin-bottom: 20px;
}
#servicios .col2 .servicios_content p .sub {
	border-bottom: 1px solid #2c2c2c;
}
#servicios .col2 .servicios_content p a {
	color: #df5205;
}
#servicios .col2 .servicios_content .l2 li {
	margin-bottom: 15px;
	font-size: 12px !important;
}
#servicios .col2 .servicios_content p.destacado {
	font-weight: bold;
	color: #2a2a2a;
	margin-bottom: 10px;
}
#servicios .col2 .servicios_content ul.list_destacados li span.fle {
	position: absolute;
	width: 9px;
	height: 7px;
	background-position: -38px -38px;
}
#servicios ul.list_destacados li .infor {
	color: #df5205;
}
#servicios ul.list_destacados li .inf2 {
	color: #2a2a2a;
}
#servicios .col2 .content_productospremium {
	position: relative;
	transition: 1s;
	white-space: nowrap;
	overflow: hidden;
	height: 80px;
}
#servicios .col2 .content_productospremium.open {
	transition: 1s;
	min-height: 550px;
}
#servicios .col2 .content_productospremium h4 {
	font-family: Verdana, Geneva, sans-serif;
	color: #df5205;
	font-size: 15px;
	position: relative;
	cursor: pointer;
}
#servicios .col2 .content_productospremium h4 span {
	position: absolute;
	width: 30px;
	height: 27px;
	background-position: -35px -112px;
	right: 60px;
	top: 10px;
}
#servicios .col2 .content_productospremium.open h4 span {
	background-position: -65px -112px;
}
#servicios .col2 .content_productospremium li {
	color: #6c6c6c;
}
#servicios .col2 .content_productospremium a {
	color: #df5205;
}
/* ==========================================================================
   HOME
   ========================================================================== */
#home .fondo-top {
	height: 610px;
	white-space: nowrap;
	overflow: hidden;
}
#home .content header {
	z-index: 100;
}
#home .fondo-top > ul {
	position: relative;
	height: 610px;
}
#home .fondo-top li {
	position: relative;
	display: block;
	float: left;
	height: 610px;
	width: 1280px;
}
#home .fondo-top .c_item_1 img {
	height: 610px;
	width: 684px;
}
#home .fondo-top .c_info {
	position: absolute;
	display: inline-block;
	width: 300px;
	height: 300px;
	top: 180px;
	left: 720px;
	z-index: 200;
}
#home .fondo-top .c_item_2 .c_info, #home .fondo-top .c_item_3 .c_info {
	width: 350px;
	right: 260px;
}
#home .fondo-top .c_info {
	font-family: Verdana, Geneva, sans-serif;
	color: #ffffff;
	font-size: 17px;
}
#home .fondo-top .c_info h3 {
	margin: 5px 0 25px 0;
}
#home .fondo-top .c_info p {
	margin: 0;
}
#home .fondo-top .c_info p a {
	color: #ffffff;
}
#home .fondo-top .img_left, #home .fondo-top .img_right {
	position: absolute;
	width: 22px;
	height: 36px;
	background-position: -108px -37px;
	top: 290px;
	right: 20px;
	cursor: pointer;
	z-index: 300;
}
#home .fondo-top .img_left {
	background-position: -86px -37px;
	left: 20px;
}
#home .content2 {
	position: relative;
	height: 447px;
	background-color: #ffffff;
	z-index: 100;
	margin-top: 366px;
	margin-bottom: 25px;
}
#home .content2 .col {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 310px;
	height: 436px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #f0f0f0;/*font-family: Verdana, Geneva, sans-serif;*/
}
#home .content2 .col h5 {
	font-size: 15px;
	color: #e15205;
	margin: 10px 0 10px 10px;
}
#home .content2 .col h5 a {
	position: relative!important;
	display: inline-block;
	font-size: 15px;
	color: #e15205;
	margin: 10px 0 0 13px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
#home .content2 .col .col1_inf {
	font-size: 12px;
	color: #2c2c2c;
	font-weight: bold;
	position: absolute;
	top: 50px;
	right: 35px;
}
#home .content2 .col ul {
	margin-top: 20px;
}
#home .content2 .col li {
	position: relative;
	margin-bottom: 13px;
	padding-left: 60px;
	font-size: 12px;
	height: 33px;
	line-height: 33px;
	color: #6d6d6d;
}
#home .content2 .col li span {
	position: absolute;
	width: 35px;
	height: 35px;
	left: 17px;
	top: 0;
}
#home .content2 .col li.pp_1 span {
	background-position: -130px -38px;
}
#home .content2 .col li.pp_2 span {
	background-position: -165px -38px;
}
#home .content2 .col li.pp_3 span {
	background-position: -200px -38px;
}
#home .content2 .col li.pp_4 span {
	background-position: -235px -38px;
}
#home .content2 .col li.pp_5 span {
	background-position: -270px -38px;
}
#home .content2 .col li.pp_6 span {
	background-position: -305px -38px;
}
#home .content2 .col li.pp_7 span {
	background-position: -340px -38px;
}
#home .content2 .col li.pp_8 span {
	background-position: -375px -38px;
}
#home .content2 .col li.pp_9 span {
	background-position: -410px -38px;
}
#home .content2 .col li.pp_10 span {
	background-position: -445px -38px;
}
#home .content2 .col a {
	font-size: 10px;
	color: #e15205;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#home .content2 .col2 li {
	height: 60px;
	margin-bottom: 4px;
	line-height: 15px;
}
#home .content2 .col3 h5 {
	margin-bottom: 0px;
}
#home .content2 .col3 > p {
	font-size: 12px;
	color: #2c2c2c;
	margin-left: 10px;
	margin-bottom: 24px;
	font-weight: bold;
	line-height: 0px;
}
#home .content2 .col3 .imglink {
	position: relative;
	padding: 0;
	margin: 0!important;
	left: 0;
	top: 0;
}
#home .content2 .col3 img {
	width: 100%;
}
#home .content2 .col3 .lellamamos {
	background-color: #666666;
	color: #ffffff;
	padding-top: 20px;
	height: 130px;
}
#home .content2 .col3 .lellamamos p {
	font-size: 16px;
	margin: 0 0 20px 0;
	text-align: center;
}
#home .content2 .col3 .lellamamos a {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding-left: 25px;
	color: #666666;
	background-color: #ffffff;
	margin-left: calc(50% - 77px);
	margin-bottom: 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#home .content2 .col3 .lellamamos a span {
	position: absolute;
	width: 35px;
	height: 38px;
	background-position: -410px 2px;
	left: 10px;
	top: 5px;
}
#home .bullets {
	position: absolute;
	width: 100%;
	max-width: 960px;
	height: 10px;
	top: 130px;
	left: calc(50% - 480px);
	text-align: right;
}
#home .bullets span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #2d2d2d;
	margin: 0 3px;
	font-size: 0;
}
#home .bullets a.selected span {
	background-color: #ffffff;
}
.box_mercados table {
	width: 100%;
}
.box_mercados thead {
	background-color: #E25205;
}
.box_mercados thead th {
	font-weight: bold;
}
.box_mercados th, .box_mercados td {
	color: #FFF;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 1px;
}
.box_mercados .indice {
	text-align: left;
	padding-left: 5px;
}
.box_mercados .fecha {
	text-align: center;
	padding-right: 2px;
}
.box_mercados tbody tr {
	background-color: #666;
}
.box_mercados tbody tr:nth-child(even) {
	background-color: #575757;
}
.box_mercados .neg .pvar, .box_mercados .neg .var {
	color: #ff5f5f;
}
.box_mercados .pos .pvar, .box_mercados .pos .var {
	color: #A1FE35;
}
.box_mercados .pos .direccion div {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3px 7px 3px;
	border-color: transparent transparent #a1fe35 transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #a1fe35 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	-webkit-transform: rotate(360deg);
	border-style: inset;
	vertical-align: middle;
}
.box_mercados .neg .direccion div {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 3px 0 3px;
	border-color: #ff5f5f transparent transparent transparent;
	line-height: 0px;
	_border-color: #ff5f5f #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	-webkit-transform: rotate(360deg);
	border-style: inset;
	vertical-align: middle;
}
/* ==========================================================================
   MENU HOVER
   ========================================================================== */
header .menu li.selected {
	background-color: #828282;
}
#packplatinum header .submenu li.packplatinum, #chat header .submenu li.chatexperto, #cotizacion header .submenu li.cotizaciones, #hagasecliente header .submenu li.hagasecliente, #asesores header .submenu li.susasesores, #servicios header .submenu li.serviciosexclusivos, #accionistas header .submenu li.accionistas, #bancadigital header .submenu li.bancadigital {
	background-color: #464646;
}
.titulo_iframe {
	color: #e25205;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	margin: 40px 0 0 0;
	font-weight: 100;
}
#politica {
	background: #eaeaea;
	;
	border-bottom: 1px solid;
	display: none;
	font-family: Verdana;
	font-size: 10px;
	height: 0;
	letter-spacing: 0;
	padding: 10px 15px;
}
#politica div {
	margin: 0 auto;
	margin-top: -10px;
	overflow: auto;
	width: 87em;
}
#politica p {
	float: left;
	line-height: 1.5;
	width: 80%;
}
#btncookie {
	background: none repeat scroll 0 0 #828282;
	border: 0 none;
	color: #ffffff;
	float: right;
	font-weight: bold;
	height: 20px;
	margin-top: 22px;
	width: 100px;
}
#politica p a {
	font-weight: bold;
	color: #bb3d00;
	line-height: 1.3;
	text-decoration: none;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
#packplatinum .menu_pp .menu_pp_item.cuenta_platinum /*
 * Image replacement
 */
 .ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .oculto {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
.nota {
	font-family: Verdana;
	font-size: 10px !important;
}