@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100;
  src: local('overpass thin'), local('overpass-thin'), url(https://bci-cdn.azureedge.net/uploads/1a4d27a6-825d-41f7-88b9-bbe0ae1aaebf/original/overpass-thin.otf) format('opentype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 200;
  src: local('overpass light'), local('overpass-light'), url(https://bci-cdn.azureedge.net/uploads/fc5b87ab-9929-449c-91ac-c005743de83d/original/overpass-light.otf) format('opentype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: local('overpass-regular'), url(https://bci-cdn.azureedge.net/uploads/e885f7af-0a38-48e1-984d-6bf619987a55/original/overpass-regular.otf) format('opentype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 700;
  src: local('overpass bold'), local('overpass-bold'), url(https://bci-cdn.azureedge.net/uploads/0b2490a2-5759-4160-a4c0-70df42b19055/original/overpass-bold.otf) format('opentype');
}

/* MINIMAL FULL V.1.1 */
















@font-face {
    font-family: 'icomoon';
    src:url('https://bci-cdn.azureedge.net/uploads/0ed141ee-768e-42fc-ac1e-5758f24ed4be/original/icomoon.eot?-d6aet3');
	src:url('https://bci-cdn.azureedge.net/uploads/0ed141ee-768e-42fc-ac1e-5758f24ed4be/original/icomoon.eot?#iefix-d6aet3') format('embedded-opentype'),
		url('https://bci-cdn.azureedge.net/uploads/99735ef6-56cf-4c88-9aa1-db9f2cf089e9/original/icomoon.woff?-d6aet3') format('woff'),
		url('https://bci-cdn.azureedge.net/uploads/60c39c34-863d-43b0-836e-75f36a451e0b/original/icomoon.ttf?-d6aet3') format('truetype'),
		url('https://bci-cdn.azureedge.net/uploads/ba96b1cb-867a-40a3-bbb9-15090cc090fa/original/icomoon.svg?-d6aet3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icobci-"], [class*=" icobci-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icobci-svg:before {
	content: "\e600";
}
.icobci-svg2:before {
	content: "\e601";
}
.icobci-svg3:before {
	content: "\e602";
}
.icobci-svg4:before {
	content: "\e603";
}
.icobci-svg5:before {
	content: "\e604";
}
.icobci-svg6:before {
	content: "\e605";
}
.icobci-svg7:before {
	content: "\e606";
}
.icobci-svg8:before {
	content: "\e607";
}
.icobci-svg9:before {
	content: "\e608";
}
.icobci-svg10:before {
	content: "\e609";
}
.icobci-svg11:before {
	content: "\e60a";
}
.icobci-svg12:before {
	content: "\e60b";
}
.icobci-svg13:before {
	content: "\e60c";
}
.icobci-svg14:before {
	content: "\e60d";
}
.icobci-svg15:before {
	content: "\e60e";
}
.icobci-svg16:before {
	content: "\e60f";
}
.icobci-svg17:before {
	content: "\e610";
}
.icobci-svg18:before {
	content: "\e611";
}
.icobci-svg19:before {
	content: "\e612";
}
.icobci-svg20:before {
	content: "\e613";
}
.icobci-svg21:before {
	content: "\e614";
}
.icobci-svg22:before {
	content: "\e615";
}
.icobci-svg23:before {
	content: "\e616";
}
.icobci-svg24:before {
	content: "\e617";
}
.icobci-svg25:before {
	content: "\e618";
}
.icobci-svg26:before {
	content: "\e619";
}
.icobci-svg27:before {
	content: "\e61a";
}
.icobci-svg28:before {
	content: "\e61b";
}
.icobci-svg29:before {
	content: "\e61c";
}
.icobci-svg30:before {
	content: "\e61d";
}
.icobci-svg31:before {
	content: "\e61e";
}
.icobci-svg32:before {
	content: "\e61f";
}
.icobci-svg33:before {
	content: "\e620";
}
.icobci-svg34:before {
	content: "\e621";
}
.icobci-svg35:before {
	content: "\e622";
}
.icobci-svg36:before {
	content: "\e623";
}
.icobci-svg37:before {
	content: "\e624";
}
.icobci-svg38:before {
	content: "\e625";
}
.icobci-svg39:before {
	content: "\e626";
}
.icobci-svg40:before {
	content: "\e627";
}
.icobci-svg41:before {
	content: "\e628";
}
.icobci-svg42:before {
	content: "\e629";
}
.icobci-svg43:before {
	content: "\e62a";
}
.icobci-svg44:before {
	content: "\e62b";
}
.icobci-svg45:before {
	content: "\e62c";
}
.icobci-svg46:before {
	content: "\e62d";
}
.icobci-svg47:before {
	content: "\e62e";
}
.icobci-svg48:before {
	content: "\e62f";
}
.icobci-svg49:before {
	content: "\e630";
}
.icobci-svg50:before {
	content: "\e631";
}
.icobci-svg51:before {
	content: "\e632";
}
.icobci-svg52:before {
	content: "\e633";
}
.icobci-svg53:before {
	content: "\e634";
}
.icobci-svg54:before {
	content: "\e635";
}
.icobci-svg55:before {
	content: "\e636";
}
.icobci-svg56:before {
	content: "\e637";
}
.icobci-svg57:before {
	content: "\e638";
}
.icobci-svg58:before {
	content: "\e639";
}
.icobci-svg59:before {
	content: "\e63a";
}
.icobci-svg60:before {
	content: "\e63b";
}
.icobci-svg61:before {
	content: "\e63c";
}
.icobci-svg62:before {
	content: "\e63d";
}
.icobci-svg63:before {
	content: "\e63e";
}
.icobci-svg64:before {
	content: "\e63f";
}
.icobci-svg65:before {
	content: "\e640";
}
.icobci-svg66:before {
	content: "\e641";
}
.icobci-svg67:before {
	content: "\e642";
}
.icobci-svg68:before {
	content: "\e643";
}
.icobci-svg69:before {
	content: "\e644";
}
.icobci-svg70:before {
	content: "\e645";
}
.icobci-svg71:before {
	content: "\e646";
}
.icobci-svg72:before {
	content: "\e647";
}
.icobci-svg73:before {
	content: "\e648";
}
.icobci-svg74:before {
	content: "\e649";
}
.icobci-svg75:before {
	content: "\e64a";
}
.icobci-svg76:before {
	content: "\e64b";
}
.icobci-svg77:before {
	content: "\e64c";
}
.icobci-svg78:before {
	content: "\e64d";
}
.icobci-svg79:before {
	content: "\e64e";
}
.icobci-svg80:before {
	content: "\e64f";
}
.icobci-svg81:before {
	content: "\e650";
}
.icobci-svg82:before {
	content: "\e651";
}
.icobci-svg83:before {
	content: "\e652";
}
.icobci-svg84:before {
	content: "\e653";
}
.icobci-svg85:before {
	content: "\e654";
}
.icobci-svg86:before {
	content: "\e655";
}
.icobci-svg87:before {
	content: "\e656";
}
.icobci-svg88:before {
	content: "\e657";
}
.icobci-svg89:before {
	content: "\e658";
}
.icobci-svg90:before {
	content: "\e659";
}
.icobci-svg91:before {
	content: "\e65a";
}
.icobci-svg92:before {
	content: "\e65b";
}
.icobci-svg93:before {
	content: "\e65c";
}
.icobci-svg94:before {
	content: "\e65d";
}
.icobci-svg95:before {
	content: "\e65e";
}
.icobci-svg96:before {
	content: "\e65f";
}
.icobci-svg97:before {
	content: "\e660";
}
.icobci-svg98:before {
	content: "\e661";
}
.icobci-svg99:before {
	content: "\e662";
}
.icobci-svg100:before {
	content: "\e663";
}
.icobci-svg101:before {
	content: "\e664";
}
.icobci-svg102:before {
	content: "\e665";
}
.icobci-svg103:before {
	content: "\e666";
}


/* Big Video Hack */
.vjs-default-skin .vjs-progress-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-time-divider,
.vjs-default-skin .vjs-captions-button,
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-fullscreen-control,
#big-video-wrap {
    display: none;  /* Hide Video.js statistics */
}
.context-home-show#home {background:url(https://bci-cdn.azureedge.net/uploads/63937c0a-9ee9-4b6e-9288-1a1de17b80f8/original/cielo.jpg);background-size: cover;}
.sidr h3 {
    background-image: inherit;
    margin: 25px 25px 10px 9px!important;
}
.panel-lvl li.active .wrap-menu {
    z-index: 2;
}
#menu-panel small {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    color: #ccc;
    margin: 25px;
    margin-top: 0;
}
#menu-panel h3 {
    color: #FFF;
    font-weight: 300;
    font-size: 36px;
    margin: 25px 25px 0 25px;
}
#close-right-menu {
    margin-left: 370px;
    margin-top: 8px;
    display: block;
}
#menu-panel li a {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 5px 20px;
    color: #f3efe0;
    text-transform: uppercase;
    text-shadow: 0 0 1px #3f3f3f;
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a;
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #4d4d4d;
}
.wrap-menu {
    top: 0;
    bottom: 0;
    right: -300px;
    width: 300px;
    background: #000;
    position: absolute;
    background: #3C3C3C;
    padding-top: 132px;
}
#menu-panel ul {
    list-style: none;
    margin: 0;
}
.sidr.right {
overflow: visible;
}


html {overflow-x:hidden;}
body {margin:0;padding:0;}

video, object {
	top:0;
    left:0;
	position:absolute;
}

#widget-b20605{
    display:none;
}
.category-box{  
  display: inline-block;
  padding: 2px 3px 2px 3px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 3px;
  margin-bottom: 5px;
  font-size:11px;
}
.box-red{
    background-color: #EA0909;
}
.box-green{
    background-color: #079D31;
}
.box-yellow{
    background-color: #F2CB07;
}
.box-blue{
    background-color: #007ECB;
}
.tabs-full .nav-tabs { border-bottom: 0; }
.tabs-full { margin: -30px; margin-bottom: 30px; }

.tabs-full .nav-tabs>.active>a, 
.tabs-full .nav-tabs>.active>a:hover, 
.tabs-full .nav-tabs>.active>a:focus { border: 0; background: #e9f2f6; border-radius: 0; }
.tabs-full .nav-tabs>li>a { padding: 20px; margin: 0; border: 0; }
.tabs-full .nav-tabs>li { border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.tabs-full .nav-tabs>li:last-child { border-right: 0; }
.tabs-full img { height: 30px; }

.pdf-list a { text-align: center; display: block; border-radius: 4px; border: 1px solid #EEE; box-shadow: 3px 3px 0 rgba(0,0,0,.2); padding: 10px; color: #333; height: 180px; }
.pdf-list a:hover { background: #f4f4f4; color: #333; }
.pdf-list a h4 { font-size: 18px; font-weight: 600; margin: 10px 0; }
.pdf-list a p { font-size: 14px; color: #666; }
.pdf-list a [class^="icobci-"], 
.pdf-list a [class*=" icobci-"] { font-size: 42px; color: #888; }


/* GALLERY PRODUCTS */

#gal1 .active img { opacity: 1 }
#gal1 img { opacity: .4; }
.zoomWrapper { width: 320px; }


/* SIDE R */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:240px;overflow-x:none;overflow-y:auto;font-family: 'Overpass', sans-serif;font-size:15px;background:#333;color:#fff;}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-240px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
.sidr .dropdown-menu li>a:hover {
    background: #444;
}
.sidr .nav>li>a:hover,
.sidr .nav>li>a:focus { background: #444; }
.sidr ul.dropdown-menu {position: static; border-radius: 0; box-shadow: none; border: 0; float: none; background: none; }
.sidr ul li span { display: inline; padding: 0; }
.sidr .dropdown-menu>li>a { line-height: 35px; }
.sidr .dropdown-menu>li>a span { padding-left: 0; }
.sidr .dropdown-toggle .caret { margin-top: 23px; margin-left: 10px; }

/* =============================================
RESET
=============================================== */

h1 { font-size: 42px; font-family: 'Overpass', sans-serif;; font-weight: 300; }
h2 { font-size: 42px;   font-family: 'Overpass', sans-serif;; font-weight: 300; }
h3,.widget h3 { font-size: 32px; font-family: 'Overpass', sans-serif;; font-weight: 300; }
h4,.widget h4 { font-size: 21px; font-family: 'Overpass', sans-serif;; font-weight: 300; }
h5 { font-size: 16px;   font-family: 'Overpass', sans-serif;; font-weight: 300; }
h6 { font-size: 11.9px; font-family: 'Overpass', sans-serif;; font-weight: 300; }


[class*="spana"],
[class*="spano"]{
    float: none;
    margin: 0;
}
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; }
#page-content { padding: 0; margin-bottom: 0; }
small, .meta { font-size: 11px; }
.media > .pull-left { margin-right: 25px; }
.media > .pull-right { margin-left: 25px; }
.media > .pull-left:empty,
.media > .pull-left:empty { margin: 0; }
.tab-content { overflow: visible; }
.cover img { border-radius: 0; }
.thumbnail,
.thumbs-fluid a img:hover, 
.gallery-images a:hover img { box-shadow: none; border-radius: 0; }
.gallery-images>li { margin-right: 0; }
.container { background: none;  }
header h1 { padding: 0; margin-top: 10px; }
a,a:hover { color: #f6303e; }
a:focus { outline: none; }
.breadcrumb-inner { margin: auto; }
#page-title { border: 0; background: none; padding: 35px 0;}
#search-nav { margin: 0; }
.main-col-inner, .main-inner, .sidebar-inner { padding: 0; }
.interact-box { padding: 0; }

.sidebar-menu li.current a { background: #f6303e; color: #FFF }
.sidebar-menu a { border-radius: 0; background: #FFF; }

.save-box { background: none; }
#top { padding: 1em 0; border: 0; background: #FFF; margin: 0; }
form { margin: 0; }
#main, #sidebar { margin-bottom: 0; }

.well { border-radius: 0; box-shadow: none; background: #f3f3f3; border-bottom: 3px solid #EEE; }

/* MODYO LOGIN BAR */

html #modyo-session { display: none; }
html #modyo-session * { 
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

html .modyo-bar-top a {
    border-radius: 0;
    box-shadow: none;
    border-left: 1px solid #f6303e;;
    border-top: 1px solid #f6303e;;
    border-right: 1px solid #f6303e;;
    box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset;
    background: #f6303e;
    color: #FFF;
}
html #modyo-session.logged .modyo-tabs {
    border-radius: 0;
    background: #f6303e;
}
html #modyo-session.logged .modyo-tabs a { color: #FFF; }


/* BODY */

body {
    background: #FFF;
    color: #000;
    font-size: 15px;
    font-family: 'Overpass', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;}
}
input,select,textarea {
    font-family: 'Overpass', sans-serif;;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}
.logohome img{
    width:208px;
    height:50px;
}

#mesa-ayuda { background: #f4f4f4; }
.context-layouts-show-reconocimientos #top-header{
    position: relative;
  background: url("https://bci-cdn.azureedge.net/uploads/1c4b485f-6224-437e-855c-7bf7403a58b3/original/imagen-premios.jpg");
  background-size: cover;
  height: 265px;
}
/* =============================================
TOP NAV
=============================================== */

#top-nav { text-align: right; padding: 0; background: #000; position: relative; z-index: 1002; }
#top-nav ul { list-style: none; margin: 0; padding: 0; }
#top-nav li { display: inline-block; margin-left: 5px; font-size: 14px;margin-top: 22px;}
#top-nav a { color: #A5A3A3; text-decoration: none; padding: 5px 10px; font-weight: 600; font-size: 13px;}
#top-nav a:hover { color: #fff; text-decoration: none; }
#top-nav .rest-menu img { 
    /*height: 23px;*/
    height: 14px;
    margin-right: 7px;
}
@-webkit-keyframes pulse_animation {
    0% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scale(1); }
    40% { -webkit-transform: scale(1.1); }
	50% { -webkit-transform: scale(1); }
	60% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(1.07); }
	80% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(1); }
}
li.rest-menu button { 
    background: none;
    border: 0;
    border-bottom: 4px solid transparent;
    box-shadow: none;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-family: 'Overpass', sans-serif;
   /* -webkit-animation-name: 'pulse_animation';
    -webkit-animation-duration: 5000ms;
    -webkit-transform-origin: 70% 70%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;*/
}
li.rest-menu button:focus {
    outline: 0;
}
li.rest-menu button:hover {
    color:#ff0;
}
.container{
    background: transparent;
}
/* =============================================
SECOND LEVEL STANDAR
=============================================== */

#breadcrumb {
    font-size: 14px;
    background: rgba(255,255,255,.8);
    border: 0;
    position: relative;
    z-index: 2;
    color: #333;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    border-top: 1px solid #EEE;
}
.breadcrumb{
    display:none;
}
#breadcrumb a {
    color: #666;
}

#breadcrumb ul { list-style: none; padding: 0; margin: 0; }
#breadcrumb ul:after {
    display: table; overflow: hidden; content: ''; clear: both;
}
#breadcrumb li { float: left; margin-right: 10px; padding: 6px; }



.descarga-file {
    list-style: none;
    margin-top: 20px;
}
.descarga-file li {
    float: left;
    overflow: hidden;
    width: 33%;
    text-align: center;
    font-size: 16px;
    color: #0C7BA3;
}
.descarga-file li img{
    margin-bottom: 16px;
}
.descarga-file li span{
    width: 80%;
    overflow: hidden;
    display: block;
    margin: auto;
    line-height: 16px;
}
figure.effect-zoom img {
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,0) scale(1.12);
    transform: translate3d(0,0,0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-zoom:hover img {
    opacity: 0.8;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
}
#top-header {
    padding: 40px 0;
    position: relative;
}

#top-header small {
    font-size: 18px;
    display: block;
}

.container.mtop {
    padding: 30px;
    background-color: #fff;
    position: relative;
}

/* === TOP HEADER LINKS FOOTER  === */
.container.mtop {
  padding: 30px;
  margin-top: -230px;
  background-color: #fff;
  position: relative;
}

/*.context-layouts-show-ley-fatca #top-header {
  margin-bottom: 30px;
  position: relative;
  background: url("https://bci-cdn.azureedge.net/uploads/f214cc33-e7c6-405f-9ab7-ded80e76b850/original/header-ley-fatca2.jpg");
  background-size: cover;
  height: 380px;
}

.context-layouts-show-politicas-de-seguridad #top-header {
  margin-bottom: 30px;
  position: relative;
  background: url("https://bci-cdn.azureedge.net/uploads/24e15cfe-3cb1-4df7-add2-e692df46d41a/original/header-politicas-de-creatividad.jpg");
  background-size: cover;
  height: 380px;
}
.context-layouts-show-tarifas-y-comisiones #top-header {
  margin-bottom: 30px;
  color: #FFF;
  background-image: url("https://bci-cdn.azureedge.net/uploads/a9e8f168-1ee0-488e-a70c-081041263b1b/original/bg-top-posts.jpg");
  background-size: cover;
  height: 200px;
}

.context-layouts-show-politicas-y-procedimientos #top-header {
  margin-bottom: 30px;
  position: relative;
  background: url("https://bci-cdn.azureedge.net/uploads/dfdaa794-77e2-43d2-9466-9bc1b6f71b33/original/bg-top-corporativo1.jpg");
  background-size: cover;
  height: 380px;
}
*/
/* -- Límite Garantías Estatal -- */
#top-header h2 { margin-top: 1%; }
#top-header .pull-left { width:80%; }
#top-header {
    margin-bottom:30px;
    position: relative;
    background: url("https://bci-cdn.azureedge.net/uploads/7c21bc9c-84a0-4905-b1f7-d7ffabd14c57/original/bg-top-corporativo2.jpg");
    background-size: cover;
    height: 372px;
}
/* === FIN TOP HEADER LINKS FOOTER === */

.context-layouts-show-politicas-de-seguridad #accordion h4 a {
    background-color: #eee;
    padding: 10px;
    display: block;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: 400;
    font-size: 18px; 
}
.context-layouts-show-politicas-de-seguridad #accordion h4 a:hover { background-color:#dfdede; }
.context-layouts-show-politicas-de-seguridad #accordion p,
.context-layouts-show-politicas-de-seguridad #accordion li {
    margin-left: 12px;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* =============================================
NAV MENU
=============================================== */

#nav-menu:after {
    display: table; overflow: hidden; content: ''; clear: both
}

#nav-menu .dropdown { position: static; }
#nav-menu .dropdown-menu { width: 1130px; }
#nav-menu { font-size: 14px;  }
#nav-menu > .pull-left { 
    margin-left: 226px;
    font-size: 21px;
}
.right-menu img { width: 34px; }
.right-menu {
    float: right;
    position: relative;
    z-index: 1;
}

#nav-menu > .pull-left > ul,
.right-menu > ul { list-style: none; margin: 0; padding: 0; }

#nav-menu > .pull-left > ul > li,
.right-menu > ul > li { float: left; }

#nav-menu > .pull-left > ul > li > a { 
    color: #000;
    padding: 38px 15px 13px 15px;
    display: block;
    border-bottom: 4px solid transparent;
}
#nav-menu > .pull-left > ul > li > a.item-personas.active,
#nav-menu > .pull-left > ul > li > a.item-personas:hover,
#nav-menu > .pull-left > ul > li > a.item-personas.active:hover {
    border-bottom: 4px solid #007cc6;
    text-decoration: none;
}
#nav-menu > .pull-left > ul > li > a.item-servicios.active,
#nav-menu > .pull-left > ul > li > a.item-servicios:hover,
#nav-menu > .pull-left > ul > li > a.item-servicios.active:hover {
    border-bottom: 4px solid #00a94a;
    text-decoration: none;
}
#nav-menu > .pull-left > ul > li > a.item-soluciones.active,
#nav-menu > .pull-left > ul > li > a.item-soluciones:hover,
#nav-menu > .pull-left > ul > li > a.item-soluciones.active:hover {
    border-bottom: 4px solid #f6303e;
    text-decoration: none;
}

/*#nav-menu > .pull-left > ul > li > a:hover,
#nav-menu > .pull-left > ul > li > a:focus {
    text-decoration: none;
    border-bottom: 4px solid rgba(0,0,0,.1);
}*/

.client-access a { 
    margin-top: 10px;
    margin-left: 10px; 
    margin-top: 13px;
    margin-left: 17px;
}
.search-menu { font-size: 20px; }
/* =============================================
WIDGETS
=============================================== */

.widget { margin-bottom: 0; }
.widget h3 { border: 0; }
.container-widget-full .widget > .inner { width: 940px; margin: auto; }

/* =============================================
MODAL
=============================================== */

.modal { 
    border-radius: 0; 
    box-shadow: 0 0 1000px rgba(0,0,0,.8);
    width: 80%;
    height: 80%;
    border: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

button.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    background: none;
    font-size: 36px;
}


/* =============================================
DROPDOWN
=============================================== */

.dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 0;
}
.dropdown-menu li>a:hover, 
.dropdown-menu li>a:focus, 
.dropdown-submenu:hover>a {
    background: #f6303e;
}


/* =============================================
NAVBAR MENU
=============================================== */

.navbar .nav>li>a:focus, 
.navbar .nav>li>a:hover, 
.navbar .dropdown.hover>a {
    background: #f6303e;
    color: #FFF;
}

.navbar .nav>.active>a, 
.navbar .nav>.active>a:focus,
.navbar .nav>.active>a:hover {
    background: #f6303e;
    color: #FFF;
}

.nav .dropdown-toggle .caret {
    border-top-color: #666;
    border-bottom-color: #666;
}
.nav .dropdown-toggle:hover 
.caret, .nav .dropdown-toggle:focus .caret {
    border-top-color: #999;
    border-bottom-color: #999; 
}

.navbar .dropdown-menu {
    background: #f6303e;
    padding: 0;
}
.navbar .dropdown-menu li>a:hover, 
.navbar .dropdown-menu li>a:focus, 
.navbar .dropdown-submenu:hover>a {
    background: rgba(255,255,255,.1);
}
.navbar .nav li.dropdown>a:hover .caret, 
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.hover .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

.navbar .nav>li>a {
    text-shadow: none;
}

.icon-bar {
    display: block !important;
    width: 22px;
    height: 4px;
    background-color: #FFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 4px;
}
.icon-bar:last-child { margin-bottom: 0; }

.off-screen-nav-button {
    display: none;
    padding: 14px;
    float: left;
    background: #f6303e;
}
/* =============================================
COLUMNS
=============================================== */

.columns {
    margin: 0;
    margin-left: -2%;
    list-style: none;
}
.columns:after {
    clear: both;
    content: '';
    display: table;
    overflow: hidden;
}
.columns > li {
    margin-left: 2%;
    float: left;
    margin-bottom: 2%;
}
.columns-2 > li {
    width: 48%;
}
.columns-3 > li {
    width: 31.33%;
}
.columns-4 > li {
    width: 23%;
}
.columns-5 > li {
    width: 18%;
}
.columns-6 > li {
    width: 14.66%;
}
.columns-7 > li {
    width: 12.28%;
}
.columns-8 > li {
    width: 10.5%;
}
.columns-9 > li {
    width: 9.11%;
}




/* =============================================
COLUMNS COLLAPSED
=============================================== */

.columns.collapsed {
    margin-left: 0;
}
.columns.collapsed > li {
    margin-left: 0;
    margin-bottom: 0;
}

.columns.collapsed.columns-2 > li {
    width: 50%;
}
.columns.collapsed.columns-3 > li {
    width: 33.33%;
}
.columns.collapsed.columns-4 > li {
    width: 25%;
}
.columns.collapsed.columns-5 > li {
    width: 20%;
}

.columns.collapsed.columns-6 > li {
    width: 16.66%;
}
.columns.collapsed.columns-7 > li {
    width: 14.285%;
}
.columns.collapsed.columns-8 > li {
    width: 12.5%;
}
.columns.collapsed.columns-9 > li {
    width: 11.11%;
}



/* =============================================
BUTTONS
=============================================== */

.btn { 
    background: #f4f4f4; 
    border-radius: 0; 
    filter: none; 
    box-shadow: none; 
    border: 0;
    color: #333;
    box-shadow: 0 -3px 0 rgba(0,0,0,.2) inset;
    border-radius: 3px;
    padding: 15px 30px;
    font-size: 18px;
    font-family: 'Overpass', sans-serif;;
}

.btn-small { padding: 4px 10px; font-size: 12px; }
.btn-large { padding: 15px 30px; }

.btn:hover, 
.btn:focus, 
.btn:active, 
.btn.active {
    background-color: #EEE; 
}



.btn.disabled, 
.btn[disabled],
.btn.disabled:hover, 
.btn[disabled]:hover,
.btn.disabled:focus, 
.btn[disabled]:focus,
.btn.disabled:active, 
.btn[disabled]:active,
a.btn.disabled,
a.btn.disabled:hover,
a.btn.disabled:focus,
a.btn.disabled:active
button.btn.disabled,
button.btn.disabled:hover,
button.btn.disabled:active,
button.btn.disabled:focus {
    color: #DDD;
    background: #CCC;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

/*.btn-large {
    padding: 11px 19px;
    font-size: 18px;
    font-weight: 400;
    padding: 25px 50px;
}*/

.btn-primary { 
    background: #007cc6; 
    color: #FFF;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: #006cad; 
}

.btn-primary-green { 
    background: #00a94a; 
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
}
.btn-primary-green:hover, 
.btn-primary-green:focus, 
.btn-primary-green:active {
    background-color: #009340; 
    color: #FFF;
}

.btn-danger {
    background: #e00000;
    color: #FFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: #b50000;
}

.btn-info{
    background: #49afcd;
    color: #FFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background: #3d92ab;
}
.btn-success{
    background: #5dcb03;
    color: #FFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #4eaa03;
}

.btn-warning{
    background: #ffbd0c;
    color: #FFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: #ffbd0c;
}

.btn-inverse{
    background: #222;
    color: #FFF;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active {
    background: #333;
}


.btn-group>.btn:first-child { border-radius: 0; }
.btn-group>.btn+.dropdown-toggle { border-radius: 0; box-shadow: none; }

.btn-transparent {
    border-radius: 3px;
    color: #FFF;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.5);
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;;
}
.btn-transparent:hover {
    background: none !important;
    color: #FFF;
    border-color: rgba(255,255,255,1);
}

.btn-transparent-black {
    border-radius: 3px;
    background-color: transparent;
    border: 2px solid rgba(0,0,0,.3);
    box-shadow: none;
    font-size: 12px;
    text-transform: none;
    color:#555;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease;;
}

.btn-transparent-black:hover {
    background: none !important;
    border-color: rgba(0,0,0,.6);
    color:#555;
}

/* =============================================
FORMS
=============================================== */

select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    border-radius: 0; 
    height: auto;
    padding: 10px;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus,
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
    border-color: #CCC;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px  rgba(0,0,0,.2);
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: -17px;
}
#search-wrap { position: relative; }
#search-wrap input[type="search"]{
    background: url("https://bci-cdn.azureedge.net/uploads/01dc000c-5072-464f-8e57-3fce5f3074b6/original/lupa.png") no-repeat scroll right 10px top 2px transparent;
    width: 200px;
    text-indent: 0;
    cursor: text;
    color: #fff;
    box-shadow: none;
    background-color: rgba(0,0,0,1);
    outline: 0;
    border-radius: 33px;
    height: 15px;
    margin-bottom: 0;
    margin-top: 0;
    border: 1px solid #666;
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'Overpass', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-weight: normal;
}
#search-wrap input[type="search"]::-webkit-input-placeholder { opacity: 1; font-style:normal}
#search-wrap input[type="search"]:-moz-placeholder { /* Firefox 18- */ opacity: 1; font-style:normal}


#st-container .search-menu {
    font-size: 11px;
}
#st-container #top-nav {
    padding: 0px;
}
#st-container #search-wrap input[type="search"] {
/*padding: 12px;*/
    padding: 4px;
    margin: 3px;
}


/* =============================================
ACCORDION
=============================================== */

.accordion-group {
    border: 0;
    border-radius: 0;
}
.accordion-heading .accordion-toggle {
    background:url("https://bci-cdn.azureedge.net/uploads/fc613bf0-df4e-438e-b355-e70309b20bed/original/icon-accordion2.png") no-repeat right #fff;
    color: #333;
    text-decoration: none;
    border: 1px solid #DDD;
    border-radius: 4px;
}
.accordion-heading .accordion-toggle:focus,
.accordion-heading .accordion-toggle:active {
   text-decoration: none;
}
.accordion-heading .accordion-toggle:hover {
    text-decoration: none;
    
}

.accordion-heading .accordion-toggle.active {
    background:url("https://bci-cdn.azureedge.net/uploads/9f95ceb5-7320-4a50-b473-b86988f62b0b/original/icon-accordion1.png") no-repeat right #007cc6;
    color: #FFF;
}
.tabs-full .accordion-heading .accordion-toggle.active {
    background:url("https://bci-cdn.azureedge.net/uploads/e8410e29-8114-4a7d-8417-4be892dc5aef/original/icon-accordion1.png") no-repeat right #fff;
    color: #333;
}
/* ================================
    HOME
================================= */


.brand-bci-blank {
    float: left;
    padding: 0;
    /*height: 34px;*/
}
.brand-bci-blank img {
    width:124px;
    max-height: 100%;
    margin:4px 0 7px;
}

#cont-corpora{
    position: relative;
    /*background: url("https://bci-cdn.azureedge.net/uploads/576ec131-4bb6-4669-99fb-d42ff3a9a8b0/original/bg-corporacion.jpg");*/
    background-size: cover;
    /* height:790px; */
    padding-top: 0;
    background-attachment: fixed;
}
.sombra-home{
    background-color: rgba(0,0,0,0.6);
    text-align:center;
    padding-top:20px;
}

.sombra-home2 {
    background-image: url(https://bci-cdn.azureedge.net/uploads/fce9e977-f814-499d-9e81-849dcb255aa7/original/edificio.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 40px;
    z-index: 99;
    position: relative;
}
.sombra-home2:after {
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    z-index: 100;
} 
.penta{
    width: 650px;
    height: 590px;
    margin: auto;
    margin-top:3%;
    margin-bottom: 10%;
}
.titulo-centro{
    text-align: center;
    color:#fff;
    position: relative;
    z-index: 999;
}
/*#accesos.titulo-centro {
    margin-top: 150px;
    margin-bottom: 60px;
    }*/
    
    #accesos.titulo-centro {
    margin-bottom: 170px;
    }
    
.bancos li {list-style-type: none; list-style: none; background: url("") !important;}
.titulo-centro .row-fluid{
    margin-top: 40px;
    background-color: rgba(0, 0, 0, 0.58);
    padding: 30px;
    border-radius: 6px;
    text-align:left;
}
.titulo-centro .row-fluid ul{
    list-style:none;
}
.marca-right{
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.marca-right .nav-header > a:hover { background: none !important; }
.titulo-centro .row-fluid ul li{
    padding: 10px 0px 10px 18px;
    background:url("https://bci-cdn.azureedge.net/uploads/167fe674-aa1a-4580-91b0-237afa84688f/original/fecha-azul.png")no-repeat top left;
}
.titulo-centro .row-fluid ul li a{
    color:#fff;
    padding:4px 7px 4px 7px;
    font-size: 15px;
}
.titulo-centro .row-fluid ul li a:hover{
    color:#fff;
    background-color:#555;
    padding:4px 7px 4px 7px;
    border-radius:3px;

}
.titulo-centro .row-fluid ul .tit-list-home{
    font-size: 22px;
    margin-bottom: 30px;
    padding:0;
    background: transparent;
}
.sombra-home p{
    color:#fff;
    margin-top:10px;
}
.penta ul{
    list-style:none;
    overflow:hidden;
    margin:0;
}
.penta ul li{
    float:left;
    text-align:left;
}
.img-full{
    height: 300px;
    background: url("https://bci-cdn.azureedge.net/uploads/576ec131-4bb6-4669-99fb-d42ff3a9a8b0/original/bg-corporacion.jpg");
    background-size: cover;
}
.info-blanco{
    padding: 45px;
    background-color: #fff;
    text-align: center;
}
.info-blanco p{
    width: 1070px;
    margin: auto;
    font-size: 22px;
    line-height: 26px;
    margin-top: 6px;
}
.logos-bancos{
    position: absolute;
    z-index: 99;
    margin-left: 35px;
    margin-top: 63px;
}
.op-tbanc {
    margin-left: 0;
    margin-top: 35px;
}
.op-cb {
margin-left: 10px;
margin-top: 51px;
}
.op-empresarios {
margin-left: -15px;
margin-top: 50px;
}
.op-empresas {
margin-left: 4px;
margin-top: 50px;
}
.op-bcinova {
margin-left: 1px;
margin-top: 52px;
}
.celda1{
    overflow: hidden;
    height: 175px;
}
.sombra-home2 .celda1 li{
    background-color: rgba(0,0,0,0.4);
    width: 168px;
    height: 168px;
    margin-left: 57px;
    margin-top: 2px;
    border-radius: 50%;
    border:2px solid #fff;
    float:left;
}
.sombra-home2 .celda1 ul{
    list-style:none;
}
.sombra-home2 .celda1{
    overflow: hidden;
    height: 175px;
    width: 790px;
    margin-left: 142px;
    margin-top: 40px;
    position: relative;
    z-index: 999;
}
.celda1 li{
    background-color: rgba(0,0,0,0.4);
    width: 168px;
    height: 168px;
    margin-left: 239px;
    margin-top: 2px;
    border-radius: 50%;
    border:2px solid #fff;
}

.celda2{
    overflow: hidden;
    height: 314px;
}
.celda2 li{
    background-color: rgba(0,0,0,0.4);
    width: 168px;
    height: 168px;
    border-radius: 50%;
    overflow:hidden;
    border:2px solid #fff;
}
.celda2 .esfera-center{
    width: 300px;
    height: 300px;
    margin: 7px;
    margin-top: 14px;
    background: url("https://bci-cdn.azureedge.net/uploads/3f471889-1e59-4e70-a6e6-5daae045afa5/original/esfera-central.png") no-repeat #fff;
}
.celda3{
    overflow: hidden;
    height: 170px;
    margin-top: -28px;
}
.celda3 li{
    background-color: rgba(0,0,0,0.4);
    width: 168px;
    height: 168px;
    border-radius: 50%;
    border:2px solid #fff;
}
.celda3 .esfera-ajuste{
    margin-left: 90px;
    margin-right: 133px;
}
.mar-top{
    margin-top:50px;
}
header{
    display:none;
}
/*--- efecto hover esferas home ---- */
.effect-milo .img-efecto {
    /*width: -webkit-calc(100% + 0px);
    width: calc(100% + 0px);*/
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-43px,-19px,0) scale(0.75);
    transform: translate3d(-43px,-19px,0) scale(0.75);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.effect-milo:hover .img-efecto {
    -webkit-transform: translate3d(-43px,-19px,0) scale(0.95);
    transform: translate3d(-43px,-19px,0) scale(0.95);
    opacity: 1;
}
.esfera-center .effect-milo:hover .img-efecto {
    -webkit-transform: translate3d(-41px,-17px,0) scale(1);
    transform: translate3d(-41px,-17px,0) scale(1);
    opacity: 1;
}
.effect-milo .img-efecto {
    position: relative;
    display: block;
    max-width:none;
}
.effect-milo figcaption span{
    position:absolute;
    margin-top: -118px;
    margin-left: 15px;
}
.effect-milo figcaption p{
    font-size: 14px;
    position:absolute;
    color:#fff;
    line-height: 16px;
	text-align: left;
    margin-left: -5px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-60px,0,0);
}
.effect-milo:hover figcaption p{
    -webkit-transform: translate3d(0,-90px, 0);
    transform: translate3d(0,-90px,0);
    opacity: 1;
}
.esfera-center .effect-milo figcaption p{
    margin-left:25px;
    font-size:20px;
}
.esfera-center .effect-milo:hover figcaption p{
    -webkit-transform: translate3d(0,-130px, 0);
    transform: translate3d(0,-130px,0);
    opacity: 1;
}

.context-layouts-show-ley-fatca .container.mtop {
    padding: 30px;
    /*margin-top: -246px;*/
    background-color: #fff;
    position: relative;
}
.context-layouts-show-ley-fatca #accordion h4 a {
    background-color: #eee;
    padding: 10px;
    display: block;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: 400;
    font-size: 18px;
}
#sub-bci{
    overflow: hidden;
    height: 0px;
    margin-top: 30px;
    border-radius: 5px;
    background: url("https://bci-cdn.azureedge.net/uploads/0c3dd6ff-0aed-4e35-a391-7aa87f0a0fdb/original/logo-bci-bg.png") no-repeat left;
    background-color: rgba(0, 0, 0, 0.58);
    color:#fff;
}
#sub-nova{
    overflow: hidden;
    height: 0px;
    border-radius: 5px;
    background: url("https://bci-cdn.azureedge.net/uploads/0b1a4049-6794-49e8-beb5-0df5a803556f/original/logo-bci-nova-bg.png") no-repeat left;
    background-color: rgba(0, 0, 0, 0.58);
    color:#fff;
}
#clickclose{
    display: block;
    text-align: right;
    cursor: pointer;
    padding:7px;
}
#clickclose2{
    display: block;
    text-align: right;
    cursor: pointer;
    padding: 7px;
}
.cont-bci{
    display: block;
    margin: auto;
    width: 77%;
    margin-top: -18px;
}
#sub-nova .cont-bci {
    width: 46%;
}
.cont-bci ul{
    list-style: none;
    margin-left: 0;
    overflow: hidden;
}
.cont-bci ul li{
    float: left;
    background: url("https://bci-cdn.azureedge.net/uploads/d80c1440-b1d8-4698-8e59-f9e12f46b19d/original/fecha-verde.png")no-repeat top left;
    background-position-x: 16px;
    background-position-y: 9px;
}
.cont-bci ul li a{
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    padding: 19px 40px 23px 40px;
    display: inherit;
    margin-left: 4px;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
}
.cont-bci ul li a:hover{

    background-color: rgba(255, 255, 255, 0.25);
}
#widget-b28f39{
    display:none;
}
#mep_0{
    position: absolute;
    top: 0px;
    z-index: 1;
}
#sub-bci .marca-flecha{
    margin-top: -30px;
    margin-left: 301px;
    width: 100px;
    display: inline;
    float: left;
}
.mejs-container .mejs-controls {
    display: none;
}
#content,
#footer-logos,
footer{
    position: relative;
    z-index:999;
}
footer .pull-left{
    margin-top: 6px;
}

/* =============================================
BIG VIDEO
=============================================== */
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}


/* =============================================
PREMIOS
=============================================== */
.context-files-show #page-title h1 {
    display:inline;
    float:left;
    width: 60%;
}

.context-files-show #page-title .btn {
    box-shadow: 0 0 150px 100px #FFF;
}



/* =============================================
PREMIOS
=============================================== */


.context-layouts-show-reconocimientos .figcaption span {
    font-size: 21px;
}
#content-promo .bann-prom02.dosc {
width: 49%;
margin-right: 20px;
float: left;
}
#content-promo .bann-prom.dosc {
width: 49%;
}
#content-promo .row-fluid.nombot{
    margin-bottom:0;
}

#content-promo .bann-prom02.smallsup {
    width: 47%;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}
#content-promo .bann-prom.smallsup {
    width: 47%;
    overflow: hidden;
    position: relative;
    float: left;
}
#content-promo .bann-prom02.smallinf {
    width: 23%;
    overflow: hidden;
    position: relative;
    margin-right: 0px;
    float: left;
    margin-bottom: 20px;
}
#content-promo .bann-prom.smallinf {
    width: 23%;
    overflow: hidden;
    position: relative;
    float: left;
    margin-left: 25px;
}
#content-promo .span12.mleft{
    margin-left:0;
}
#content-promo .infosmall .bnn01 .figcaption {
margin-left: 10px;
}

#promociones-banners {
    padding: 60px 0;
    background: #007cc6;
}
#promociones-banners a { display: block; }
#content-promo{
    margin: auto;
    width: 1130px;
}

#content-promo .span4{
    background-color: #ccc;
}
#content-promo .bann-prom{
  width:100%;
  overflow:hidden;
  position:relative;
}
#content-promo .bann-prom02{
  width:100%;
  overflow:hidden;
  position:relative;
  margin-bottom:20px;
}
#content-promo .bnn01{
    overflow:hidden;
    background-color:#000;
    border: 1px solid #ccc;
}
#content-promo .bnn01 img{
    max-width: none;
    opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
	
}
#content-promo .bnn01:hover img{
    -webkit-transform: translate3d(0,0, 0);
    transform: translate3d(0,0,0);
    opacity: 0.8;
}

#content-promo .bnn01 .figcaption {
    top: auto;
	bottom: 0;
    font-size: 14px;
    position:absolute;
    margin-left: 280px;
    color:#fff;
    line-height: 16px;
	text-align: left;
    border-left: 4px solid #ff0;
    padding-left: 10px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,200px,0);
    transform: translate3d(0,200px,0);
}
#content-promo .bnn01:hover .figcaption {
    -webkit-transform: translate3d(0,-50px, 0);
    transform: translate3d(0,-50px,0);
    opacity: 0.9;
}

#content-promo .bnn01 .figcaption-fijo {
    color: #fff;
    padding: 25px;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.71);
    width: 100%;
    font-weight: 600;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#content-promo .bnn01:hover .figcaption-fijo {
    -webkit-transform: translate3d(0,160px, 0);
    transform: translate3d(0,160px,0);
}

#content-promo .bnn01 .figcaption2 {
    top: auto;
    bottom: 0;
    font-size: 14px;
    position:absolute;
    margin-left: 150px;
    color:#fff;
    line-height: 16px;
	text-align: left;
    border-left: 4px solid #ff0;
    padding-left: 10px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,120px,0);
    transform: translate3d(0,120px,0);
}
#content-promo .bnn01:hover .figcaption2 {
    -webkit-transform: translate3d(0,-50px, 0);
    transform: translate3d(0,-50px,0);
    opacity: 0.9;
}

#info-premio{
width: 90%;
    font-size: 12px;
    line-height: 15px;
    color: #868585;
    margin: 5%;
}
#info-premio span{
    font-size:14px;
    font-weight: 700;
}
.figcaption-fijo{
    color: #fff;
    padding: 25px;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.71);
    width: 100%;
    font-weight: 600;
}
.letra-chica{
    font-size: 12px;
    line-height: 16px;
}


.sobre-header{
    margin-top: -158px;
    overflow: hidden;
    position: relative;
}
.recono{
    width: 1172px!important;
    background-color: #fff;
    padding: 18px 18px 0px 18px;
}
.recono2{
    width: 1172px!important;
    background-color: #fff;
    padding: 0px 18px 18px 18px;
}
.destaca-cuadro{
    background: rgba(0,0,0,0.5);
    padding: 2px 4px 2px 4px;
    font-size: 12px!important;
    margin-top: 7px;
    color: #fff;
    font-weight: 600!important;
    display: table;
}



/* ========================================
LISTADO-POSTS-FILES
=========================================*/
.context-posts-list #page-content #main,
.context-files-list #page-content #main{
    width:100%;
}
.context-posts-list #page-content #main ul li,
.context-files-list #page-content #main ul li{
    overflow: hidden;
    padding: 0px 11px 10px 0px;
    width: 32%;
    float: left;
    margin-right: 15px;
    border-bottom: 0px;
    margin-bottom: 0;
    margin-left: 0;
    height: 103px;
}


.context-posts-list #page-content #main .pagination ul li,
.context-files-list #page-content #main .pagination ul li{
    margin-bottom: 2%;
    border-top: 0px dotted #ccc;
    overflow: hidden;
    padding: 0;
    width: inherit;
    float: none;
    height: inherit;
}   
    
.context-posts-list #page-content #main ul li .media-body,
.context-files-list #page-content #main ul li .information-detail{
    padding-top: 11px;

}
.context-posts-list #page-content #main ul li h3,
.context-files-list #page-content #main ul li .information-detail h3{
    line-height: 22px;
    font-weight: 400;
    margin: 0 0 4px;
    padding-left: 17px;
    border-bottom: 1px dotted #ccc;
    background: url("https://bci-cdn.azureedge.net/uploads/6a22854e-c5d3-416f-ace3-784cb30f0dac/original/flecha-roja.jpg") no-repeat left top;
}
.context-posts-list #page-content #main ul li small,
.context-files-list #page-content #main ul li .information-detail small{
    font-size: 11px;
    background-color: rgba(108, 176, 200, 1);
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    margin-left:17px;
}
.context-posts-list #page-content #main ul li a,
.context-files-list #page-content #main ul li .information-detail a{
    color: #303030;
    font-size: 18px;
}
.context-posts-list #page-content #main ul li .description{
    font-size: 14px;
    color: #3D3D3D;
    margin-top:10px;
    margin-left:17px;
    display:none;
}

.context-files-show #page-title h1{
    display: inline;
    float: left;
}

#internal.context-posts-show #links-externos{
   background-color: #eee;
    padding-top: 37px; 
}
#internal.context-posts-show #links-externos .circular-cover {
    width: 70px;
    height: 70px;
    background: #fff;
    padding: 0px;
}
.context-layouts-show-reconocimientos #top-header .pull-left {width: 50%;}


body.context-layouts.context-layouts-show .brand-bci-blank img {
    max-height: 57px;
}

body.context-layouts.context-layouts-show  #top-nav ul>li> strong a {
    display: flex;
}

body.context-layouts.context-layouts-show  #top-nav ul>li> strong a > i {
    margin-right: 5px;
}

/* =============================================
MEDIA QUERYS
=============================================== */
@media (max-width: 1366px) {
      
}

@media (max-width: 979px) {
    #destacados iframe {
    height: 254px;
}
#destacados .columns a {
    height: auto;
}
#destacados .caption {
    padding-top: 20px;
}
#destacados .btn-transparent {
    padding: 7px;
}
#widget-48269f {
    background-position: 0 0;
}
#widget-d2b504 {
    background-image: none;
}
#widget-d2b504 .wg-title,
#widget-d2b504 .columns {
    width: 100%;
    float: none;
}
#widget-334135 {
    background-image: none;
}
#beneficiarios-home .span3 {
    width: 33.3333%;
}
#beneficiarios-home .span9 {
    width: 66.6666%;
    margin-left: 0;
}
#beneficiarios-home {
    background-position: -135px 0;
    background-size: 75% auto;
}
.new-tabs h2.pull-right {
    margin: 10px 0 30px!important;
    float: none;
    text-align: center;
}
#highlight-travel .span4 {
    width: 40%;
}
#highlight-travel .span5 {
    width: 58%;
    margin-left: 2%;
}
#highlight-travel .span3 {
    width: 100%;
    margin: 20px 0;
}
.tab-principal h2 {
    font-size: 18px;
}
#highlight-travel .media > .pull-right {
    margin-left: 10px;
}
.box-default-6.main-product .item-box h3 {
    font-size: 18px;
}
.box-default-4 li {height: 180px;}
.box-default-4 a h4 {display:none;}
.box-default-4 a h3 {font-size: 25px;}

.box-productos img {width: 100%;}
.box-productos figcaption {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.tabs-productos .nav > li.active > a:after {    border-top-color: rgba(0, 0, 0, 0);}

.demo-app .tab-content {background:none;padding: 0;margin-bottom:20px;}
.mapa {display:none;}
.cont-socios div {width: 25%;}


}

@media (max-width: 768px) {
.accordion-inner .columns-4.pdf-list {margin: 20px 0;}
.accordion-inner .columns-4.pdf-list li {width: 100%;margin: 0;}
.accordion-inner .columns-4.pdf-list li a {box-shadow: none;border: none;border-bottom: 1px solid #eee;border-radius: 0;height: auto;text-align: left;}
.accordion-inner .columns-4.pdf-list li a i {display: inline-block;font-size: 20px;width: 5%;}
.accordion-inner .columns-4.pdf-list li a h4 {display: inline-block;font-size: 16px;width: 94%;vertical-align: middle;margin: 0;font-weight: 400;}
.tabCollapse .tabs-full {margin: 0px;}
.tabCollapse .tab-content {display:none}
.tabCollapse .accordion-group {margin-bottom: 5px;}    
.context-layouts-show-reconocimientos #top-header .pull-left {width: 100%;}
.accordion-inner .content-promo2 {margin: 5% 0 5% 0 !important;padding: 0;}
#content-promo.content-promo2 .bann-prom.smallinf {width: 100% !important;}
#content-promo.content-promo2 .bnn01 {height: auto !important;}
#content-promo .bnn01 img {display:none}
#content-promo.content-promo2 #info-premio {position: relative;width: 100%;margin: 20px;padding-left: 20px;top: 0;}
    /* =============================================
UI
=============================================== */
.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

h1 { font-size: 32px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }


/* HIGHLIGHT TEXT */

 
/* BUTTONS */

.btn {
    padding: 7px 10px
}
.btn-large {
    font-size: 18px;
    padding: 12px 40px;
}

/* MISSELANIUS */

section.wg-text > div { padding: 20px 0; }

.wg-title { margin-bottom: 30px; }
.wg-title p { font-size: 15px; }

.call-action { margin-top: 20px; }
.row-fluid [class*="span"] { min-height: 0; margin-top: 15px; }


/* =============================================
HEADER
=============================================== */

header .client-access a {
    padding: 7px 10px;
    margin-top: 5px;
}
#navigation .container { padding: 0 5px; }

/* =============================================
MENU
=============================================== */

.off-screen-nav-button {
  display: block;
  position: relative;
  z-index: 2;
}

#nav-menu > .pull-right { display: none; }
.client-access a { margin-top: 5px; margin-left: 0; }

header h1 { margin: 0; }
.logohome img { height: 24px; margin-top: 4px; width: auto; }
header h1 { padding: 6px 0; }
#dropdowns { display: none; }



/* SIDR */
.sidr form input[type="search"] {
  background: #FFF;
  color: #333;
}
.sidr form {
  margin: 0;
  margin-left: -10px;
  padding: 10px;
  padding-bottom: 0;
}
.sidr ul li {
  line-height: 2.5;
  padding-left: 10px;
  font-size: 14px;
}
.nav-responsive a:after {
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: -20px;
  content: "\f105";
  color: #444;
  font-size: 30px;
}
.nav-responsive a {
  position: relative;
}
.sidr ul li:hover, 
.sidr ul li.active, 
.sidr ul li.sidr-class-active {
  line-height: 2.5;
}
.sidr h4 {
    background: #000;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}
.sidr h4 a {
    color: #DACC00;
    padding: 10px;
    display: block;
    font-size: 24px;
    text-align: right;
}

/* =============================================
HOME
=============================================== */

/* FEATURED WIDGET */

.valign-text { padding: 20px 0; }



section.wg-text > div {
    padding: 25px 0;
}
.wg-title h2 {
    margin-bottom: 10px;
}
.indicadoreBg .v-mas {
    display: none;
}
.media-wrap-holder .columns {
    margin: 0;
}
#destacados .collapsed.columns-2 > li {
    width: 100%;
    margin: 0!important;
}
#destacados .columns li ul li {
    width: auto;
    float: none;
    margin: 0;
}
#destacados .iconoplay {
    display: none;
}
#media-wrap-holder li a img {
    width: 150px;
    margin-right: 20px;
    float: left;
    display: block;
}
#destacados .columns a {
    background-color: #55565B;
    margin-bottom: 10px;
    cursor: pointer;
}
#destacados .columns a:hover {
    background-color: #4E4F54;   
}
#destacados .caption {
    background: transparent;
    position: static;
    opacity: 1;
}
#destacados .columns a:hover .caption {
    transition: none;
}
#destacados .btn-transparent {
    display: none;
}
#destacados iframe {
    height: 370px;
}
#media-wrap-holder .columns {
    margin-left: 0;
}
#media-wrap-holder .caption {
    height: 100px;
    padding: 0;
    text-align: left;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#media-wrap-holder .caption h4 {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
#widget-d2b504 .columns {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
}
#widget-d2b504 .columns li {
    margin-bottom: 5%;
}
#widget-d2b504 a {
    width: 160px;
    height: 160px;
}
#prop-valor .description h3 {
    font-size: 23px;
}
#beneficiarios-home h2 {
    font-size: 30px;
}
#beneficiarios-home li {
    font-size: 16px;
}
#beneficiarios-home {
    background-position: -170px 0;
    background-size: 90% auto;
}

/* TRAVEL */

#highlight-travel > .container {
    padding-left: 0;
    padding-right: 0;
}
.new-tabs .tab-content {
    padding: 25px!important;
}
.box-default-6 > li {
    margin-bottom: 10px;
}
.box-default-6 .item-box {
    background-color: #fff;
    padding: 10px;
}
.box-default-6.main-product .item-box {
    background-color: transparent;
    padding: 0;
}
.box-default-6 .item-box .item-pic {
    height: 84px;
    margin-right: 10px;
    border-radius: 0;
}
.box-default-6.main-product .item-box .item-pic {
    width: 100%;
    float: none;    
}
.box-default-6 .item-box .item-description .info-viaje span {
    position: static;
}
.box-default-6 .item-box .item-description .info-viaje .ico-plane {
    background: transparent url("https://bci-cdn.azureedge.net/uploads/a7729347-3a07-4e66-90e3-e1872f33ca07/original/icon-normal-plane.png") no-repeat;
}
.box-default-6 .item-box .item-description .info-viaje .ico-hotel {
    background: transparent url("https://bci-cdn.azureedge.net/uploads/6e11f5de-3d4f-462b-b4a7-d202960d3cce/original/icon-normal-hotel.png") no-repeat;
}
.box-default-6 .item-box .item-description .info-viaje .ico-car {
    background: transparent url("https://bci-cdn.azureedge.net/uploads/645a789d-ddde-4b38-b1f9-79d661feb441/original/icon-normal-car.png") no-repeat;
}
.box-default-4 li {height: 120px;}

.brand-bci-blank img{
    width:90px;
    margin:6px 0 7px;
}

.columns-3.privilegios-home li {width: 98%;}
.columns-3.privilegios-home li img {float: left;width: 45%;}
.columns-3.privilegios-home li article {width: 50%;float: right;}

.demo-app .nav-tabs li {width: 30%;}
.accordion-body {padding: 0px 20px;}
.accordion-body .accordion-inner {padding: 0;border-top: none}
.cont-post .tab-content, .cont-tarjetas .tab-content {display:none;}
.accordion-heading .accordion-toggle p {margin:0;}

/**/
.marca-right{
    border-right: 0 solid rgba(255, 255, 255, 0.18);
}
ul.nav.nav-list.bancos {
    text-align: center !important;
}
.marca-right ul li, .tit-list-home {
text-align: center !important;
}
.titulo-centro .row-fluid ul li {
    padding: 10px 0px 10px 0;
    background: none;
    text-align: center;
}
.widget h3 {
font-size: 24px;
}
}
.widget h3 span {
font-style: italic;
font-size: 90%;
}


}

@media (max-width: 480px) {
    .client-access a {
  margin-top: 8px;
  font-size: 12px;
  padding: 4px 6px;
  width: auto;
  min-width: 0;
  margin-left: 0;
}
.logohome img { width: auto height: 23px; }
.off-screen-nav-button { 
    margin-top: 4px; 
    margin-right: 0; 
    padding: 10px 7px;
    position: relative;
    z-index: 2;
}
#nav-menu > .pull-right { margin-right: -10px; }




/* =============================================================================
    PLACES
================================================================================ */

#map .info-map h2 { line-height: 1; }
#map .info-map { right: 20px; bottom: 20px; }
#map .info-map p { font-size: 12px; }

.context-place-list #clear-com { display: none; }
.inline.places-filters select { display: none; }
.context-place-list #tabs-sucursales .columns > li .cv { height: 110px; }
.context-place-list #tabs-sucursales .columns > li .cv h3 { font-size: 14px; font-weight: 400; }

/* =============================================================================
    HOME
================================================================================ */

/* DESTACADOS */

#widget-48269f {
    background-image: none;
}
#destacados iframe {
    height: 245px;
}

/* PRODUCTOS */

#widget-d2b504 {
    padding: 30px 0;
}
#widget-d2b504 .columns {
    width: 100%;
}
#widget-d2b504 a {
    height: 120px;
    width: 120px;
}
#widget-d2b504 .caption h3 {
    font-size: 14px;
}

/* BENEFICIARIOS */

#beneficiarios-home {
    background-image: none;
    padding: 20px 0;
}
#beneficiarios-home .span3 {
    display: none;
}
#beneficiarios-home .span9 {
    width: 100%;
}
#beneficiarios-home h2 {
    font-size: 28px;
}
#beneficiarios-home li {
    font-size: 14px;
}

/* PROPUESTA DE VALOR */

#prop-valor .columns {
    width: 100%;
    margin: 0 auto;
}
#prop-valor .columns-3 > li {
    background-color: #333;
    width: 100%;
    margin-bottom: 15px;
}
#prop-valor .columns-3 > li .description {
    padding: 5px 15px;
}

#beneficiarios-home .span9 {
    margin: 0 auto;
    width: 90%;
}

/* TRAVEL */

.new-tabs {
    background-image: none;
}
.new-tabs .tab-content {
    padding: 25px 15px !important;
}
.new-tabs .nav li a {
    width: 130px!important;
    font-size: 20px!important;
}
#highlight-travel .span4 {
    width: 100%;
    margin-bottom: 10px;
}
.box-default-6.main-product .item-box .item-pic {
    width: 40%;
    height: 176px;
    margin-right: 15px;
    float: left;
}
#highlight-travel .media > .pull-right {
    margin-left: 0!important;
}
.box-default-6.main-product .info-viaje small {
    text-align: left;
}
#highlight-travel .span5 {
    width: 100%;
    margin-left: 0;
}
.box-default-6 .item-box .item-pic {
    width: 105px;
    height: auto;
}


.box-default-4 li {width: 100% !important;margin-left: 0;}
.columns-2.box-productos li {width: 98%;}
.demo-app .nav-tabs li {width: 100%;}
.demo-app .nav-tabs li a {margin-bottom:20px;}
.demo-app .nav-tabs li a img {width: 12%;float: left;}
.demo-app .nav-tabs li a span {width: 85% !important;float: right;text-align: left;}
.demo-app .nav-tabs li a small {width: 85% !important;float: right;text-align: left;}
.demo-app .tab-content {display:none;}

#top-header p, #top-header small{display:none;}
#top-header .pull-left {width: 100%;}
#top-header {height: 320px;}
#top-header .pull-left br {display: none;}

.tabla thead {display:none}
.tabla td,.tabla th {
    display: block;
    width: 100%;
    text-align: left !important;
    border: none;
}
.tabla tr {border-bottom: 2px solid #EEE;}
.cont-oficina .cont-oficina-desc span {width: 99%;}
.cont-socios div {width: 42%;}
.demo-app.demo-web .tab-content .span4 {margin: 0;width: 100%;}
.demo-app.demo-web .nav-tabs li.active a, .demo-app.demo-web .nav-tabs li.active {color: #777;background: none;border: none;}
.cont-tarjetas .cover-tarjeta .pull-left {width: 60%;margin: 5% 10% 6% 16%;box-shadow: 0px 0px 35px rgba(255,255,255,1);border-radius: 5px;}
.privilegios-home p {display:none}
.productos-home {display:none;}
.productos-home-r {display:block;}
#breadcrumb {display:none;}
}

@media (max-width: 320px) {
    /* UI */

h2 {
    font-size: 18px;
}

/* HEADER */
.client-access a {
    font-size: 12px;
    man-width: none;
    padding: 6px;
}
.logohome img,
header.fixed.active .logohome img { height: 25px; }

header h1 { padding: 10px 0px; }


/* Royal Slider */
.rsOverflow {
    height: 200px !important
}
.royalSlider img {
    margin-top: 0 !important
} 

/* DESTACADOS */

#destacados iframe {
    height: 159px;
}
#destacados .columns a {
    margin-bottom: 7px;
}
#media-wrap-holder li a img {
    width: 110px;
}
#media-wrap-holder .caption {
    height: 73px;
}
#media-wrap-holder .caption h4 {
    padding-right: 10px;
    font-size: 13px;
}

/* PRODUCTOS */

#widget-d2b504 {
    padding: 20px 0 15px;
}
#widget-d2b504 a {
    height: 85px;
    width: 85px;
} 
#widget-d2b504 .caption h3 {
    font-size: 10px;
} 
#widget-d2b504 .caption .description::after {
    font-size: 22px;
}

/* PROPUESTA DE VALOR */

#prop-valor .columns {
    width: 100%;
}
#prop-valor .columns-3 > li {
    margin-left: 0;
}
#prop-valor .description h3 {
    font-size: 20px;
}
#prop-valor .description p {
    font-size: 14px;
}

/* BENEFICIARIOS */

#beneficiarios-home .span9 {
    width: 100%;
}
#beneficiarios-home h2 {
    font-size: 23px;
    text-align: center;
}

/* TRAVEL */

.new-tabs .nav li a {
    font-size: 15px !important;
    width: 95px !important;
}
.tab-principal h2 {
    text-align: center;
}
.cont-socios div {width: 100%;}
}