/*******************************/
/* Generales */
/*******************************/

body { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 130%; color: #212121; background-color: #F8F8F8; }
h1, h2, h3 { margin: 0 0 15px 0; padding-bottom: 15px; font-size: 20px; font-weight: 500; border-bottom: 2px #4C78C2 solid; color: #00274D; }
strong { font-weight: 500; }
a { color: #ec8c98; /*#F56E00*/ }
a:hover, a:focus { text-decoration: none; color: #161961; /*#4D79BF*/ }
/*.container {
  width: 1170px;
  max-width: none !important;
}*/

ul.nm { margin: 0; padding: 0; list-style: none; }
.caja { margin-bottom: 45px; padding: 25px 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 6px; background-color: #FFF; }
/*******************************/
/* Header */
/*******************************/

#header { padding: 20px 0; background-color: #FFF; }
/* Logo */
#header .logo img { height: 60px; margin: 0 auto; }
 @media (min-width: 768px) {
#header .logo img { height: 100px; margin-top: 18px; margin-left: 0; }
}
/* Links - redes */
#links-redes ul { text-align: center; }
#links-redes ul li { min-height: 30px; }
 @media (min-width: 768px) {
#links-redes ul li { min-height: 100px;/*background: url(../img/comunes/separador-vertical-links.png) repeat-y;*/
}
}
 @media (min-width: 992px) {
#links-redes ul { margin-top: 5px; }
}
#links-redes ul li:nth-child(1) { background: none; }
#links-redes ul li:nth-child(3) { padding-top: 25px; padding-bottom: 10px; }
 @media (min-width: 768px) {
#links-redes ul li:nth-child(3) { padding-top: 0; padding-bottom: 0; }
}
/* Conoce nuestra historia */
#links-redes .btn-historia { display: block; margin-top: 25px; margin-left: 0; padding-top: 4px; padding-left: 75px; height: 48px; line-height: 120%; font-size: 11px; color: #392C92; background: url(../img/comunes/logo-dimesa-anterior.png) no-repeat; }
#links-redes .btn-historia:hover { opacity: 0.8; }
 @media (min-width: 992px) {
#links-redes .btn-historia { margin-left: 20px; }
}
/* Patrocinador oficial Sultanes */
#links-redes .patrocinio-sultanes { display: block; margin-top: 15px; padding-top: 65px; font-size: 10px; background: url(../img/comunes/logo-banxico.png) no-repeat center center; }
/* Síguenos */
#links-redes .siguenos { display: inline-block; margin-top: 0; font-size: 11px; line-height: 24px; }
 @media (min-width: 768px) {
#links-redes .mensaje-mx { margin-top: 12px; }
#links-redes .siguenos { margin-top: 10px; }
}
#links-redes a.facebook, #links-redes a.twitter { display: inline-block; width: 24px; height: 24px; margin-left: 5px; text-indent: -9999px; background: url(../img/comunes/sprite-redes-header.png) no-repeat left center; }
#links-redes a.twitter { background-position: -24px center; }
#links-redes a.facebook:hover, #links-redes a.twitter:hover { opacity: 0.8; }
.telefonos-contacto { margin: 14px auto 10px auto; font-size: 14px; text-align: center; }
.telefonos-contacto, .telefonos-contacto tr, .telefonos-contacto td { padding: 2px; }
.telefonos-contacto tr:last-child td { padding-top: 6px; }
 @media (min-width: 768px) {
.telefonos-contacto { margin-top: 40px auto 6px auto; font-size: 18px; }
}
@media (max-width: 767px) {
.telefonos-contacto {margin-top: 10px;}
}
/* Mini banners */
img.mini-banner { border: 2px solid #ec8c99; }
/*******************************/
/* Menu principal */
/*******************************/

#menu-principal { padding-top: 10px; padding-bottom: 10px; background: #00294D; }
 @media (min-width: 768px) {
#menu-principal { padding-top: 0; padding-bottom: 0; }
}
#menu-principal ul { display: none; font-size: 0; }
#menu-principal ul.visible { display: block; }
#menu-principal ul li { display: block; }
#menu-principal ul li a { display: block; font-size: 14px; padding: 0 15px; line-height: 36px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; color: #FFF; background-color: transparent; }
#menu-principal ul li a:hover { color: #ec8c98; /*#F56E00*/ background-color: rgba(255,255,255,0.06); }
#menu-principal ul li a.sel { color: #FFF; background-color: rgba(255,255,255,0.05); }
 @media (min-width: 768px) {
#menu-principal ul { display: block; }
#menu-principal ul li { display: inline-block; }
#menu-principal ul li a { padding: 0 7px; font-size: 12px; line-height: 60px; }
}
 @media (min-width: 992px) {
#menu-principal ul li a { padding: 0 15px; font-size: 15px; line-height: 60px; }
}
 @media (min-width: 1200px) {
#menu-principal ul li a { padding: 0 25px; font-size: 15px; }
}
/* Contenedor */
.contenedor-menu-principal a.btn-menu { display: block; padding: 10px; font-size: 15px; text-transform: uppercase; text-align: center; color: #FFF; }
.contenedor-menu-principal a.btn-menu:hover { color: #ec8c98; /*#F56E00*/ }
/*******************************/
/* Slide */
/*******************************/

#slide { min-height: 420px; border-bottom: 1px #DDD solid; background: #ec8c99;/*background: url(../img/portada/fondo-slide-rosa.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;*/
}
/*******************************/
/* Middle */
/*******************************/

#middle { padding: 35px 0 0 0; }
 @media (min-width: 768px) {
#middle { padding: 45px 0 0 0; }
}
/*******************************/
/* Slide */
/*******************************/

#slide { }
/* Banner principal */
#banner-principal { margin-top: 30px; padding: 0 !important; }
#banner-principal .carousel-control { width: 5% !important; background-image: none !important; }
#banner-principal .carousel-inner .item img { margin: 0 auto; }
#banner-principal .carousel-control .glyphicon-chevron-left { margin-left: 0; }
#banner-principal .carousel-control .glyphicon-chevron-right { margin-right: 0; }
/* Calendario Sultanes */
#calendario-sultanes { /*padding: 18px 0;*/
font-size: 15px; color: #00284E; text-align: center; }
#calendario-sultanes .caja { margin-top: 45px; margin-bottom: 0; }
#calendario-sultanes span { display: inline-block; padding: 10px 0 10px 70px; line-height: 140%; background: url(../img/comunes/logo-sultanes.png) no-repeat left center; }
#calendario-sultanes strong { display: block; }
 @media (min-width: 768px) {
#calendario-sultanes { font-size: 17px; }
#calendario-sultanes span { padding: 10px 0 10px 100px; }
}
/*******************************/
/* Formulario portada */
/*******************************/

#forma-portada { padding: 20px; color: #FFF; background-color: #00294D; }
#forma-portada span.titulo { display: block; margin-bottom: 15px; padding: 0 !important; padding-bottom: 12px !important; font-weight: 400; font-size: 22px; text-align: center; text-transform: uppercase; color: #FFF; border-bottom: 2px solid #4C78C2; line-height: 100% !important; background: none !important; }
#forma-portada p { font-size: 15px; text-align: left; }
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"], select[multiple] { -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.form-group { margin-bottom: 10px; }
.form-group label { margin-bottom: 0px !important; font-weight: normal; font-size: 18px; }
.form-control { height: 50px; border: 2px solid #F1F1F1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.form-control:focus { border-color: #CCC; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type="submit"].btn-gde { width: 100%; margin: 0 auto; padding: 20px; border: 0; font-weight: 400; font-size: 22px; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #4C78C2; }
/*******************************/
/* Interiores */
/*******************************/


/* Bievenida */
#bienvenida { font-size: 16px; }
#bienvenida p { margin-bottom: 0; }
.marquee-bienvenida { width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 2px solid #e37c8a; background-color: #ec8c98; }
.marquee-bienvenida p { margin: 0; font-size: 16px; }
/* Puentes - Investing */
#puentes-investing h2 { margin: 0 0 15px 0; padding-bottom: 15px; font-size: 20px; font-weight: 500; border-bottom: 2px #4C78C2 solid; color: #00274D; }
#puentes-investing .interbancario { }
#puentes-investing .mercado { margin-top: 30px; }
#puentes-investing .mercado ul { margin: 0; padding: 0; list-style-type: none; }
#puentes-investing .mercado ul li { margin-bottom: 10px; padding: 0 10px 10px 10px; border-bottom: 1px solid #DDD; }
#puentes-investing .mercado ul li:last-child { margin: 0; padding-bottom: 0; border-bottom: 0; }
 @media (min-width: 768px) {
#puentes-investing .mercado { margin-top: 0; }
}
/* Listado sucursales */
#listado-sucursales .titulo { margin: 0 0 15px 0; padding-bottom: 15px; font-size: 20px; border-bottom: 2px #4C78C2 solid; color: #00274D; }
#listado-sucursales ul { text-align: center; }
#listado-sucursales ul li { margin: 15px 0; font-size: 13px; line-height: 120%; }
#listado-sucursales ul li:nth-child(1), #listado-sucursales ul li:nth-child(2), #listado-sucursales ul li:nth-child(3), #listado-sucursales ul li:nth-child(4) { margin-top: 10px; }
#listado-sucursales ul li:nth-child(10) { margin-bottom: 10px; }
#listado-sucursales ul li strong { display: block; margin-bottom: 5px; font-size: 16px; }
#listado-sucursales ul li img { display: block; margin: 0 auto; margin-bottom: 10px; padding: 3px; border: 1px #DDD solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* Historia */
#historia { /*padding-bottom: 330px;*/
font-size: 16px;/*background: #FFF url(../img/dimesa/fondo-contenido.jpg) no-repeat right bottom;*/
}
#historia .logos-dimesa { display: block; margin: 30px auto 0 auto; }
 @media (min-width: 768px) {
#historia .logos-dimesa { margin: 50px auto; }
}
/* Servicios */
#servicios { /*padding-bottom: 410px;*/
font-size: 16px;/*background: #FFF url(../img/servicios/fondo-contenido.jpg) no-repeat left bottom;*/
}
#servicios .servicio { margin-top: 40px; padding: 0 30px; }
#servicios .servicio h2 { border-bottom: 0; padding-bottom: 0; }
#servicios .alert { padding-top: 30px; padding-bottom: 30px; font-size: 24px; }
/* Bolsa de trabajo */
#bolsa-trabajo { font-size: 16px; }
#bolsa-trabajo .alert { margin-top: 30px; }
#formulario { padding: 20px 20px 0 20px; }
#formulario input, #formulario select, #formulario textarea { /*padding: 10px;*/
border: 2px #DDD solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; color: #999; }
/*#formulario input {
  padding: 18px 10px;
}*/

#formulario label { margin-bottom: 5px; font-size: 14px; font-weight: 400; }
#formulario table.captcha { width: 240px; }
#formulario table.captcha td { width: 120px; text-align: center; }
#formulario button { display: block; margin: 0 auto; margin-top: 10px; padding: 15px 30px; border: 0; line-height: 100%; color: #FFF; font-weight: 300; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background: #ec8c98; /*#F56E00*/ }
#formulario button:hover { background-color: #161961; /*#4D79BF*/ }
/* Sucursales */
#sucursales-dimesa { font-size: 16px; }
#sucursales-dimesa .titulo { margin: 0 0 15px 0; padding-bottom: 15px; font-size: 20px; border-bottom: 2px #4C78C2 solid; color: #00274D; }
/* Sucursal */
.sucursal { margin-top: 30px; }
.sucursal p { margin: 0; padding: 15px; font-size: 13px; text-align: center; border: 1px solid #EEE; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #FFF; }
.sucursal p strong { display: block; margin-bottom: 12px; font-size: 18px; }
.sucursal .btn-mapa { display: table; margin: 0 auto; margin-top: 15px; padding: 15px 30px; border: 0; line-height: 100%; color: #FFF; font-size: 14px; font-weight: 300; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background: #ec8c98; /*#F56E00*/ }
.sucursal .btn-mapa:hover { background-color: #161961; /*#4D79BF*/ }
.sucursal .proximamente { display: inline-block; margin-top: 10px; padding: 4px 8px; color: #FFF; background-color: #F00; }
/* Acerca de CNBV */
#acerca-cnbv { font-size: 16px; }
#acerca-cnbv .btn-oficio { display: inline-block; margin: 0 auto; margin-top: 30px; padding: 15px 30px; border: 0; line-height: 100%; color: #FFF; font-weight: 300; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background: #ec8c98; /*#F56E00*/ }
#acerca-cnbv .btn-oficio:hover { background-color: #161961; /*#4D79BF*/ }
/* Aviso privacidad */
#aviso-privacidad { font-size: 16px; }
/* Servicio domicilio */
#servicio-domicilio { font-size: 16px; }
/* TC Oficial */


/*******************************/
/* Sidebar */
/*******************************/

#sidebar { text-align: center; }
/* Widget tipo de cambio */
#widget-tipo-cambio { margin: 24px auto; border: 2px rgba(255,255,255,0.5) solid; /* #4E7AC0 */ background: rgba(244,244,244,1); }
#widget-tipo-cambio .titulo { display: block; padding: 12px 0; font-size: 16px; font-weight: bold; color: #00294D; cursor: pointer; background: #ec8c98; /* #4E7AC0 */ }
#widget-tipo-cambio table { width: 92%; margin: 2% 4%; margin-bottom: 0; font-size: 12px; }
#widget-tipo-cambio table tr { border-top: 1px #EDEDED solid; }
#widget-tipo-cambio table tr:nth-child(1) { border-top: 0; }
#widget-tipo-cambio table td { border-left: 1px #EDEDED solid; background: url(../img/comunes/fondo-widget-tipo-cambio.png) repeat-y left center; }
#widget-tipo-cambio table td:nth-child(1) { border-left: 0; background: none; }
#widget-tipo-cambio span.dollar, #widget-tipo-cambio span.euro, #widget-tipo-cambio span.gbp, #widget-tipo-cambio span.cad, #widget-tipo-cambio span.chf, #widget-tipo-cambio span.aud, #widget-tipo-cambio span.jpy { display: block; width: 70px; height: 56px; margin: 0 auto; background: url(../img/comunes/sprite-widget-tipo-cambio.png) no-repeat left center; }
#widget-tipo-cambio span.euro { background-position: -70px center; }
#widget-tipo-cambio span.gbp { background-position: -140px center; }
#widget-tipo-cambio span.cad { background-position: -210px center; }
#widget-tipo-cambio span.chf { background-position: -280px center; }
#widget-tipo-cambio span.aud { background-position: -350px center; }
#widget-tipo-cambio span.jpy { background-position: -420px center; }
#widget-tipo-cambio table span { display: block; font-size: 20px; font-weight: 400; color: #F26C00; line-height: 100%; }
#widget-tipo-cambio .fecha-actualizacion { display: block; width: 92%; margin: 0 auto; padding: 10px 4%; color: #161961; /*#4D79BF*/ font-size: 13px; border-top: 1px #EDEDED solid; }
#widget-tipo-cambio.interior { margin-top: 0; }
/* Widget convertidor moneda */
#widget-convertidor-moneda { margin-top: 25px; margin-bottom: 24px; border: 2px rgba(255,255,255,0.5) solid; /* #4E7AC0 */ background: rgba(255,255,255,1); }
#widget-convertidor-moneda .titulo { display: block; padding: 12px 0; font-size: 16px; font-weight: bold; color: #00294D; cursor: pointer; background: #ec8c98; /* #4E7AC0 */ }
#widget-convertidor-moneda table { margin: 10px auto; }
#widget-convertidor-moneda table td { width: 25%; text-align: center; }
#widget-convertidor-moneda td.cantidad { padding: 0 !important; border-top: 1px #EDEDED solid; }
#widget-convertidor-moneda td.cantidad span { display: block; padding-top: 30px; padding-bottom: 20px; font-size: 28px; font-weight: bold; color: #F37000; }
#widget-convertidor-moneda input, #widget-convertidor-moneda select, #widget-convertidor-moneda button { width: 86%; margin: 0 auto; }
#widget-convertidor-moneda label { font-weight: normal; }
#widget-convertidor-moneda label.lbl-blanco { display: block; color: #FFF; }
#widget-convertidor-moneda button.btn-convertir { padding: 8px; color: #FFF; border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #F37000; }
/*******************************/
/* Footer */
/*******************************/

#footer { padding-top: 30px; border-top: 4px #E6E6E6 solid; background-color: #EBEBEB; }
 @media (min-width: 768px) {
#footer { padding-top: 55px; }
}
#footer .titulo { margin: 0 0 15px 0; font-size: 20px; font-weight: 500; color: #00274D; }
/* Mapa de sitio */
#mapa-sitio ul { padding: 0; border-top: 1px #DDD solid; }
#mapa-sitio ul li { padding: 12px 10px;/*border-bottom: 1px #DDD solid;*/
}
#mapa-sitio ul li:nth-child(5) { border-bottom: 0; }
/* Matriz */
#matriz { text-align: center; }
#matriz .datos-contacto { display: block; padding: 12px 0; border-top: 1px #DDD solid;  font-size: 17px;}
 @media (min-width: 768px) {
#matriz .datos-contacto { border-bottom: 1px #DDD solid; }
}
#matriz .datos-contacto strong { display: block; margin-top: 5px; font-size: 18px; }
#matriz .siguenos { display: inline-block; margin-top: 15px; font-size: 11px; line-height: 24px; }
#matriz a.facebook, #matriz a.twitter { display: inline-block; width: 24px; height: 24px; margin-left: 5px; text-indent: -9999px; background: url(../img/comunes/sprite-redes-footer.png) no-repeat left center; }
#matriz a.twitter { background-position: -24px center; }
#matriz a.facebook:hover, #matriz a.twitter:hover { opacity: 0.8; }
/* Sucursales */
#sucursales { margin-top: 20px; }
#sucursales .titulo { text-align: center; }
 @media (min-width: 768px) {
#sucursales { margin-top: 0; }
#sucursales .titulo { text-align: left; }
}
#sucursales ul { padding: 0; border-top: 1px #DDD solid; }
#sucursales ul li { padding: 12px 10px;/*border-bottom: 1px #DDD solid;*/
}
#sucursales ul li:nth-child(10) { border-bottom: 0; }
/* Bottom */
#bottom { margin-top: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 30px; font-size: 12px; color: #FFF; background-color: #292929; }
 @media (min-width: 768px) {
#bottom { margin-top: 55px; padding-top: 0; padding-bottom: 0; line-height: 70px; }
}
#bottom a { font-size: 12px; }
/* Aviso Privacidad */
#bottom .dr, #bottom .aviso-privacidad, #bottom .creditos { text-align: center; }
 @media (min-width: 768px) {
#bottom .dr { text-align: left; }
#bottom .creditos { text-align: right; }
}
/* Autorización SAT */
#autorizacion-sat { padding: 0 15px; text-align: center; }
#autorizacion-sat span { display: inline-block; margin: 20px 0; }
#autorizacion-sat span img { display: block; margin: 0 auto; margin-bottom: 10px; }
 @media (min-width: 768px) {
#autorizacion-sat span { margin: 40px 0; }
#autorizacion-sat span img { display: inline-block; margin-right: 15px; margin-bottom: 0; }
}
/*******************************/
/* Mensaje Navidad */
/*******************************/
.mensaje-navidad { padding: 40px 15px; font-size: 22px; color: #A3D900; text-align: center; background: url(../img/comunes/fondo-mensaje-navidad.jpg) no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.mensaje-navidad button { opacity: 0.8; color: #FFF; }
@-webkit-keyframes flash {  from, 75%, to {
 opacity: 1;
}
 25%, 50% {
 opacity: 0;
}
}
 @keyframes flash {  from, 75%, to {
 opacity: 1;
}
 25%, 50% {
 opacity: 0;
}
}
@-webkit-keyframes flash {  from, 75%, to {
 opacity: 1;
}
 25%, 50% {
 opacity: 0;
}
}
 @keyframes flash {  from, 75%, to {
 opacity: 1;
}
 25%, 50% {
 opacity: 0;
}
}
.flash { -webkit-animation-name: flash; animation-name: flash; }
.animated { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }


/*******************************************/
/* nuevos banners en encabezado 2020/10/15 */
/*******************************************/

.logo {margin: 10px 0 0 0;}

.header-3-banners { float:left; width:100%;}
.header-3-banners a {float:left;width: 30%;padding: 2px;margin: 20px 1.5%;border: 1px solid rgb(0 0 0 / 20%);border-radius: 3px;}
.header-3-banners a img { width:100%}

@media (min-width: 767px) {
.flash{margin-top:-18px;}
}