/*
Theme Name: Vivibanco
Theme URI: http://brainingbrands.com
Description: Responsive WordPress theme with all the Twitter Bootstrap elements and features.
	
CSS Rules: Sorted alphabetically for better organization.
*/
input:focus, textarea:focus{
	outline: none;
	box-shadow: none;
}
input[type=file]:focus{
	outline: none !important;
	background: transparent !important;
}
body {
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	background-color: #336FB7;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	background-image: url('images/background.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right top;
}
fieldset{
	padding: 0;
}
/* Titles */
h1, h2, h3, h4, h5, h6 { color: #f1c12a; font-family: 'Montserrat', sans-serif; font-weight: 300; }

h1 { font-size: 35px; margin-bottom: 30px; margin-top: 30px; }

.author-avatar img { -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }


/* Paragraph & Typographic */
p { font-size: 15px; line-height: 17px; margin-bottom: 10px; font-weight: 300;}

.centered { text-align: center; }

/* Links */
a {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	color: #0047B3;
	transition: color 0.1s ease-in, background 0.1s ease-in;
	word-wrap: break-word;
}

a:hover,
a:focus { color: #F1C12A; outline: 0; text-decoration: none; }

a:before,
a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}


.navbar { margin-bottom: 0px; text-transform: uppercase; }

.navbar-inverse { padding-bottom: 10px; padding-top: 40px; }

.navbar-inverse { background-color: transparent; border-color: transparent; }

.navbar-inverse .navbar-nav > li > a { color: white; text-transform: none;}

.navbar-inverse .navbar-nav > li > a:hover { color: #253e8d; background: #eecd0e; }

.navbar-brand { font-size: 20px; font-weight: 700; letter-spacing: 2px; }

.navbar-inverse .navbar-brand { color: white; }

.navbar-inverse .navbar-toggle { border-color: transparent; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background: #eecd0e; color: #253e8d; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background: #eecd0e; color: #253e8d; }

.progress-bar-theme { background-color: #eecd0e; }
.navbar-nav>li>a {
  padding-top: 3px;
  padding-bottom: 3px;
  max-width: 130px;
  text-align: center;
  line-height: 15px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background:  #283b91; color: #fff; }

/* Helpers */

.mt { margin-bottom: 40px; margin-top: 40px; }

.pt { padding-bottom: 50px; padding-top: 50px; }


/* +++++ WRAP SECTIONS +++++ */

#ww { background-color: transparent; padding-bottom: 20px; padding-top: 4px; }


#footer { background-color: transparent; padding-top: 75px; }

#footer p { color: white; }

#footer h4 { color: white; padding-bottom: 20px; text-transform: uppercase; }


/* +++++ Color Wraps / Blog Page +++++ */

#grey { background-color: #f2f2f2; padding-bottom: 60px; padding-top: 60px; }

#white { background-color: transparent; padding-bottom: 60px; padding-top: 60px; }



/* Blog Date*/
bd {
	color: #d2d2d2;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

/* Blog Author*/
ba { font-size: 12px; padding-left: 5px; text-transform: uppercase; }

/* Blog Quote */
.bq { font-size: 22px; padding-top: 30px; }

/* Blog Tags */
bt { font-size: 12px; }

/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
/* Effects also are controled by hover.zoom.js */
.zoom { 
    display:block; 
    position:relative; 
    overflow:hidden; 
    background:transparent url(images/loader.gif) no-repeat center;
}


.zoomOverlay {
    position:absolute;
    top:0; left:0;
    bottom:0; right:0;
    display:none;
    background-image:url(images/zoom.png);
    background-repeat:no-repeat;
    background-position:center;
}

.zoom2 {
	opacity: 1;
}

.zoom2:hover {
	opacity: 0.5;
}

/* glyphicon Configuration */

.glyphicon { color: #1abc9c; font-size: 40px; }

/* WP User Avatar */

.wp-user-avatar {margin: 0;}

.mr15{
	margin-right: 15px;
}
.ml15{
	margin-left: 15px;
}
.w75{
	width: 75%;
}
.w100{
	width: 100%;
}
.mt15{
	margin-top: 15px;
	margin-bottom: 15px;
}
.pt15{
 padding-top: 15px;
}
/*BRAINING -- CAMBIO DE DISENIO EN EL SLIDER */
div[class*="huge_it_slideshow_image_wrap"] {
	background: transparent !important; 
}
#huge_it_slideshow_left_1 {	
	background:url(../../plugins/slider-image/Front_images/arrows/arrow.vivibanco.left.png) left  top no-repeat !important; 
}
					
#huge_it_slideshow_right_1 {
	background:url(../../plugins/slider-image/Front_images/arrows/arrow.vivibanco.right.png) right top no-repeat !important; 
}
div[class*="huge_it_slideshow_dots_1 huge_it_slideshow_dot"] {
	display: none;
}
/*DROPDOWN MENU */
.dropdown-menu{
	background: #f0b61a;
	max-width: 320px;
	min-width: 300px;
	border: 0px;
    border-radius: 0px;
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #2163ad;
  white-space: normal;
  font-size: 12px;
  text-transform: none;
}
.dropdown-menu li{
	  border-bottom: 1px solid rgba(255,255,255,0.4);
}
/*HOME */
.tipo_cambio{
	color: #fff;
}
.panel-banca{
	border: 0px;
  	background: #467cbf;
  	border-radius: 0px;
}
.panel-banca .panel-heading{
	background: #253e8d;
	border-radius: 0px;
}
.panel-banca .panel-body{
	color: #fff;
	padding: 20px 30px;
}
.panel-banca .panel-heading .panel-title{
	padding:12px 15px;
}
.btn{
	border-radius: 0px !important;
}
.btn-warning{
	background: #f1c12a;
	border: 0px;
	color: #253e8d;
}
.text-yellow{
	color: #f1c12a;	
}
.text-blue{
	color: #283b91;
}
.text-yellow:hover{
	color: #cda529
}
.text-medium{
	font-size: 13px;
	line-height: 15px;
}
.bg-blue{
	background: #244d9c;
}
.bg-blue2{
	background: #2264ad;
}
.bg-blue .w3eden .ptitle { 
	color: #f1c12a !important;	
}
.btn-white{
	background: #fff;
}
.btn-white:hover{
	background: #fdecb9;
}
.text-small{
	font-size: 11px;
	line-height: 13px;
}
.text-white{
	color: #fff;
}
.imagecentered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.esquina{
  width: 0;
  height: 0;
  border-left: 39px solid transparent;
  border-right: 0px solid transparent;
  border-top: 35px solid #f2c12a;
  left: 100%;
  margin-left: -54px;
  position: absolute;
  margin-top: -11px;
}
.arrow-right {
  width: 0px;
  height: 0px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid rgb(242, 193, 42);
  margin: 3px 15px 0;
}
.PBX-t{
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 45px solid rgb(242, 193, 42);
	margin-top: 0px;
	position: absolute;
	margin-left: -29px;
}
.PBX{
	font-size: 32px;
	font-weight: bold;
	background-color: #f2c12a;
	letter-spacing: -2px;
	padding: 3px 20px;
}
ul.menu > li.menu-item{
  padding: 20px 0;
  background: url(images/hr-menu.png) center bottom no-repeat; 
}
ul.menu > li.menu-item:hover{
  color: #f0b61a;
}

ul.menu > li.menu-item a{
	color: #fff;
}
ul.menu > li.menu-item a:hover{
	color: #f0b61a;
}
ul.menu > li.menu-item::before{
	content: url(images/arrow-right-w.png);
	margin-top: -7px;
	float: right;
}
ul.menu > li.menu-item:hover::before{
	content: url(images/arrow-right-y.png);
	margin-top: -7px;
	float: right;
	color: #f0b61a;
}
ul.menu li.menu-item:last-child{
	background-image: url('');
}
ul.dropdown-menu li.menu-item ul.dropdown-menu{
	background-color: #244d9c;
}
ul.dropdown-menu li.menu-item ul.dropdown-menu li.menu-item a{
	color: #fff;
}
ul.dropdown-menu li.menu-item ul.dropdown-menu li.menu-item a:hover{
	color:#244d9c;
}
li.menu-item > ul.sub-menu{
  list-style-type: none;
  background: #244d9c;
  margin-top: 13px;
}
li.menu-item > ul.sub-menu li{
	padding: 5px 15px;	
}
li.menu-item > ul.sub-menu li:hover{
	background: #f0b61a;
}
li.menu-item > ul.sub-menu li a:hover{
	color: #244d9c;
}
li.menu-item > ul.sub-menu::before{
	content: "";
}
.banner{
	min-height: 320px;
	width: 100%;
	background-position-x: left;
	background-position-y: center;
  	background-size: cover;
  	background-repeat: no-repeat;
}
.banner h2{
	max-width: 190px;
    position: absolute;
    top: 0%;
    margin-top: 65px;
    margin-left: 40px;
    color: #283b91;
}
.contenido_post{
	padding-top: 20px;	
	text-align: justify;
}
.contenido_post h3{
	color: #f1c12a;	
	font-size: 20px;
}
.contenido_post h3.btn-warning{
	color: #283b91;
	width: 340px;
	text-align: left;
}
.contenido_post .equipo{
	background: rgba(0,0,0,0.12);
	padding: 5px 50px 5px 13px;
}
.nav-tabs{
	border: 0px;
}
.nav-tabs>li>a {
  margin-right: 0px;
  background: #244d9c;
  padding: 15px 35px;
  border-radius: 0px;
  border: 0px;
  color: #f0b61a;
  font-size: 23px;
  font-weight: 100;
  letter-spacing: -1px;
}
.nav-tabs>li>a i {
	font-size: 32px;
	float: right;
	margin: 0 15px;
	color: #fff;
}
.nav-tabs.cotizador>li>a{
	font-size: 18px;
}
.nav-tabs>li>a:hover {
	background: #244d9c;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  cursor: default;
  border: 0px;
  background-color: #204180;
}
.tab-content > div{ 
	background: #204180;
    padding: 25px 40px 30px;
}
.tabla_vivibanco{
	max-width: 570px;
	border: 1px solid #fff;
}
.tabla_vivibanco tr td{
	padding: 3px 25px;
}
.tabla_vivibanco tr:first-child {
	border: 1px solid #fff;
}
.tabla_vivibanco tr td:last-child {
	background: #f0b61a;
}
/* CONTACT FORM */
div.wpcf7 input[type=submit]{
	background: #f1c12a;
	color: #283b91;
	border: 0px;
	border-radius: 0px;
	padding: 3px 25px;
}
div.wpcf7 input, div.wpcf7 textarea{
	margin: 3px 0 5px;
	padding: 5px 15px;
}
div.wpcf7 input[type=file]{
  	margin-top: -22px;
  	margin-left: 40px;
}
/* BOLSA DE TRABAJO */
.add_posts_content .title a{
	color: #f1c12a;	
}
.add_posts_content .title a:hover{
	color: #fff;
}
.add_posts_content h4{
	margin-bottom: 0;
}
.add_posts_content p{
	display: none;
}
.add_posts_content i{
	font-size: 35px;
  	position: absolute;
  	top: 15px;
  	right: 30px;
  	color: #fff;
}
.add_posts_content i:hover{
	color: #f1c12a;
}
.add_posts_content {
	background: #1c5795;
	padding: 5px 20px 10px;
}
.add_posts_content:hover {
	background: #0E4783;
}
.add_posts_content .readmore{
	color: #fff;
}

/*single */
.bg-post-single{
	background: rgba(0,0,0,0.15);
	padding: 15px 25px;
}
.mb15{
	margin-bottom: 15px;
}
.descargas-blue{
padding-top: 10px;
padding-bottom: 20px;
}
.descargas-title, .descargas-blue{
	margin-right: 0 !important;
  	margin-left: 0 !important;
  	color:  #283b91 !important;

}
.descargas-title{
	font-size: 18px;
	  padding: 10px;
  background: #FCB01C;
}
/* google maps */
.window_map{
	color: #000;
}
.window_map h1{
	margin: 0 0 5px;
	font-size: 24px;
}
.lugares h3 {
	margin-left: 45px;
}
.lugares i{
	top: 33px;
  	font-size: 32px;
  	color: #fff;
  	position: absolute;
}
.lugares{
	margin-bottom: 40px;
}
.w3eden .link-btn{
	border:1px solid rgba(255,255,255,0.2);
	border-radius: 0px !important;
	margin: 2px;
}
form.cotizador label{
	color: #fff;
}
form.cotizador input{
	border-radius: 0 !important;
}
form.cotizador .form-group{
	margin-bottom: 10px;
}
.tasadeinteres, .isr{
	float: right;
	font-size: 21px;
	margin-top: 0px;
}
.intereses, .isr, .aportes{
	float: right;
	font-size: 21px;
	margin-top: 0px;
}
.intereses_recibir{
	color: #f1c12a;	
	font-size: 22px;
	float: right;
	margin-top: 0px;
}
.saldo_final{
	color: #f1c12a;
  font-size: 24px;
  float: right;
  margin-top: 0px;
  padding: 0 25px;
  background: #2983C2;
  width: 100%;
  text-align: center;
}
.pdf_layer .imagen{
  background-color: rgba(255,255,255,1);
  padding: 5px 15px;
  width: 100%;
}
.pdf_layer iframe{
	width: 100% !important;
	border: 0px solid rgba(255,255,255,0);
	margin-bottom: 100px;
}
.pdf_layer .carousel-indicators li {
  display: inline-block;
  width: 50px;
  height: 22px;
  margin: 1px;
  text-indent: 0px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0,0,0,0);
  border: 1px solid #E2A700;
  border-radius: 0px;
  margin-right: 30px;
  background-color: #E2A700;
}
.pdf_layer .carousel-indicators li::after{
	content: "";
  display: inline-block;
  width: 36px;
  cursor: pointer;
  border-bottom: 3px solid #E2A700;
  border-radius: 0px;
  position: absolute;
  margin-top: 10px;
  margin-left: 9px;
}
.pdf_layer .carousel-indicators  li.ultimo::after{
	content: "";
	border: 0 !important;
}
.pdf_layer .carousel-indicators  i{
  font-size: 22px;
  margin-right: 20px;
}
.pdf_layer .carousel-indicators  p{
	display: none;
}
.pdf_layer .carousel-indicators li.active{
	background-color: #E2A700;
}
.pdf_layer .carousel-indicators li span{
  position: absolute;
  margin-top: 20px;
  margin-left: -25px;
  font-size: 13px;
  color: #fff;
}
.pdf_layer .carousel-indicators li{
	color: #336FB7;
}

.pdf_layer .carousel-indicators {
  bottom: 65px;
}
a.btn{
	white-space: pre-line;
}
li#wpfb-cat-1 > span a, li#wpfb-cat-2 > span a, li#wpfb-cat-3 > span a {
	color: transparent !important;
}
.tab-content.cotiza form .form-group label{
	font-size: 15px;
}
.tab-content.cotiza form .form-group .btn-warning{
	margin-right: 15px;
}
.leyenda{
	font-size: 11px;
  display: inline-block;
  line-height: 1.4;
  margin-top: 45px;
}
.li_sorteo a, .li_hipo a{
  padding-left: 65px !important;
  background-color: #2653A8 !important;
}
.li_cdpf a{
  padding-left: 65px !important;
  background-color: #2653A8 !important;
}
#logo img{
	  margin-bottom: 25px;
}
.pdf_memoria{
	width: 100%;
	height: 420px;
	border: 0px;
}
#menu-menuprincipal{
	float: left !important;
  	margin-top: 15px;
  	margin-left: 15px;
}
#wpfb-filebrowser-1{
	padding: 20px;
}

/* alex rodas */

#ingresocuenta{
	color: #fff !important ;
}

.w3eden .link-btn .label-default{
display: none !important;
}

#tipseguridad1 {
    color: #fff;
}

#tipseguridad2 {
	color: #EDBF2C;
}

/* alex rodas */
.treeview.drag-drop{
 background-color: white !important;
}
@media screen and (min-width: 1024px) {
.modal-dialog {
    width: 800px;
    margin: 30px auto;
}