/* diseño y front-end por Rafael Olea sking.cl@gmail.com www.rafaelolea.cl */
@import url("font-awesome/css/font-awesome.min.css");
a { color: #0050AD;  }
p { font-weight: 400; }
h2 { font-size: 1.3em; }
.img-thumbnail { border: none; }
.clear { clear: both; }

/* HEADER */
.logo img { max-width: 250px; height: auto; padding: 10px 0 15px 0; }
.h-header { justify-content:space-between;}
.h-cont {text-align: right; font-size: 12px;}
.h-cont h2 {color: #0b5fa2; margin:0; padding:0; font-size: 16px; }
.h-cont h2 a {color: #81b700; margin: 0; padding: 0;}
.h-cont p {margin: 0; padding: 0; color: #6e6e6e; font-size: 14px;}
.h-cont p strong {color: #0b5fa2;}
.h-cont p a {color: #29b7da;}
#footer {margin-top: 2em; }
.custom-search-form { margin-top:5px; float: right; width: 50%; margin-bottom: 1em; }

/* CONTENIDOS GENERAL */
.paginador { margin: 5px 15px; font-size: .9em; }
.paginador ol { background: #fff; }
.paginador ol a { font-weight: 500; color: #777; }
.breadcrumb { margin-bottom: 0; padding: 0; }

/* MENÚ */
.nav { font-size: .9em; font-weight: bold; }
.navbar { border-radius: 0; margin-bottom: 0; min-height: 40px; }
.navbar-default .navbar-nav > li > a {color: #0050AD; font-weight: 500;}
.navbar-default .navbar-nav > li > a:hover {color: #2AB6DB;}
.navbar-nav > li > a { padding: .5em 1em; }
.navbar-default .navbar-nav > .open > a { background: #f9f9f9 !important; }
.nav-mombre { display: none; }
.m-center { margin: 0 auto; display: block; justify-content: center; display: flex;}
.nav-color { background: #fff; border: none; border-bottom: 3px solid #45BBDC; }
.glyphicon {color:#444; }
.glyphicon:hover { color: #2AB6DB; }

/* TÍTULOS */
.titulos h1 { font-size: 2.1em; text-align: center; margin-bottom: 20px; }
.titulos2 { text-align: left; margin: 1em 0; background: url(../images/linea-gris.png) repeat-x top; }
.titulos2 img {margin-right: 10px;}
.titulos2 h2 { font-size: 30px; font-weight: 300; background: #fff; display: inline-block; margin: 0; padding: 0; color:#0050AD; }
.titulos h2 { font-size: 1.5em; }
.titulos-interior { margin: 1em 0; padding-bottom: 5px; display: flex;}
.titulos-interior h1 { color: #0050AD; text-align: left; font-size: 2em; padding: 0 15px; display: inline-block; background: #fff; margin: 0; justify-content: flex-start;}

.panel-title { font-size: 1em; color: #0050AD; }
.panel-body h2 { font-size: 1em; font-weight: bold; }

/* IMÁGENES */
.img-left { padding: 0px; margin-right: 20px; margin-bottom: 10px; float: left; }
.img-right { margin: 0px 0px 10px 30px; padding: 0px; float: right; }
.img-center { display: block; margin: 10px auto; }

.banner-portada img {margin-bottom: 20px; transition: box-shadow .3s;}
.banner-portada img:hover { opacity: .8; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.prod-btn a {margin-top: 10px;}
.especialidades-portada h3 {color: #0b5fa2; font-size: 20px; margin: 20px 10px;}
.especialidades-portada ul {list-style: none; padding: 0; color: #0D5597;}
.especialidades-portada ul li {list-style: none; padding: 0; color: #6e6e6e; font-size: 18px; font-weight: 400; line-height: 22px;}
.especialidades-portada ul li i {color:#005FA7; font-size: 20px; margin-right: 5px;}

/* PAGINA INTERIOR */
.pag-int p {font-size: 1em; color: #666; font-weight: 300; letter-spacing: .03em;  margin: 1em 0; line-height: 1.3em; }
.pag-int p span { font-style: italic; }
.pag-int h1 { color: #0050AD; font-size: 1.6em; font-weight: 300; }
.pag-int h2 { font-weight: 300; font-size: 1.5em; }
.pag-int h3 { font-weight: 300; font-size: 1em; }
.pag-int iframe { width: 100%; height: auto; min-height: 450px; }
.pag-int ul li { color: #777;}

/* Convenios*/
.convenios img {max-width: 727px; margin: 0 auto;}

/* MENÚ IZQUIERDO */
.panel-danger { border-color: #fff; background: #FAFAFA; }
.panel-heading h2 { font-weight: 300; text-transform: uppercase; font-size: 1.2em; margin: 0; color: #fff; }
.panel-danger > .panel-heading { background: #82B700; border-color: #fff; padding: 10px; }
.list-group-item { padding: 7px 10px; background: #FAFAFA; border: none; } 
.list-group-item:hover { background: #eee; }
.list-group-item.active { background: #0050AD;  }
.list-group-item.active:hover { background: #2AB6DB; border-color: #000; }

/* PORTADA NOTICIAS */
.p-noticias { padding:0; margin: 0; }
.p-noticias img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 1.5em; }
.p-noticias h2 { font-weight: 700; font-size: 1.1em; padding: 0; margin: 0 0 5px 0; }
.p-noticias h2 a { color: #0A56A1; }
.p-noticias a:hover { color: #000; text-decoration: none !important; }
.p-noticias p { font-size: 1em; line-height: 1em; font-weight: 300; color: #414141; margin: 5px 0 0 0; padding: 0; }
.p-noticias p span { font-style: italic; font-weight: 300; color: #8f8f8f; font-weight: .9em; }
.p-noticias button { margin-top: 1em; }

/* PORTADA NOTICIAS LISTAS */
.noticias-listas a { margin: 0; padding: 0; color: #CF2026; font-size: .9em; line-height: 1em; }
.noticias-listas a:hover {color: #CF2026; }
.noticias-listas a span { margin: 0; padding: 0; color: #161616; }
.p-not-mini h2 { font-size: 1em; margin-bottom: .95em; }

/* PORTADA NOTICIAS y NOTICIAS INTERIOR */
.noticias-item { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em;}
.noticias-item p, .noticias-item h2, .noticias-item h3 { margin: 0; padding: 0; }
.noticias-item p span { font-size: .9em; margin: 0; padding: 0; }
.noticias-item button { margin-top: 10px; }
.noticias-item img { margin: 0 0 1em 0; }
.noticia-mini { min-height: 250px; }
.noticia-mini h2 { font-size: 1.3em; color: #333; font-weight: 300; }
.noticia-mini img { margin:0 0 10px 0; }
.noticia-mini button { margin-top: 10px; }

/* FORMULARIOS */
.formulario { padding: 2em; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.mapa iframe { width: 100%; max-height: 300px; margin: 2em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* PORTADA ITEMS */
.p-items {background: #ededed; min-height: 300px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px;}
.p-items h2 { margin: 0; padding: 0; font-size: 1.6em; color:#3c3c3c; }
.p-item-empresa { margin-top: 4em; }

.equipo {min-height: 470px; max-height: 470px; text-align: center;}
.equipo img { margin: 0 auto 10px auto; width: 140px; height: auto;}
.equipo h2 {color: #0050AD; font-size: 18px; font-weight: 400; margin: 0; padding: 0;}
.equipo h3 {margin: 0; padding: 0; font-size: 14px;}
.equipo p {font-size: .95em; font-weight: 400;}

/* NOTICIAS */
.noticias-horizontal { margin-bottom: 2em; }
.noticias-horizontal h2 { font-weight: 700; font-size: 1.3em; color: #0A56A1; }
.noticias-horizontal h4 { color: #000; margin: 0; padding: 0; }
.noticias-detalle p { margin: .8em 0; }
.noticias-detalle img { margin: 1em 0; }
.noticias-detalle h2 { font-weight: 700; font-size: 1.3em; color: #0A56A1; }
.noticias-detalle h4 { color: #000; margin: 0; padding: 0; }
.btn-volver { margin-bottom: 10px; }

/* buscador mini noticias */
.buscador-mini .checkbox { margin-top: 0; }
.buscador-mini { color: #fff;  margin: 1em; color: #666666; }

/* Mesa Directiva */
.mesa-directorio { background: #f7f7f7; margin: 1em auto; padding: 1em; text-align: center; }
.mesa-directorio img { max-width: 120px; margin: 1em; border: 3px solid #ccc; }
.mesa-directorio h2 { font-size: 1.3em; margin: 0; padding: 0; color: #CF1928; }
.mesa-directorio h3 { font-size: 1.1em; margin: 0; padding: 0; }
.mesa-directorio p {font-size: 1.1em; margin: 0; padding: 0; font-weight: 300; }

/* ex-presidentes */
.expresidentes { height: 270px; border: 1px solid #eee; margin: 1em 0; padding: 1em .5em; text-align: center; }
.expresidentes img { max-width: 120px; margin: 1em; }
.expresidentes h2 { font-size: 1em; margin: 0; padding: 0; color: #CF1928; }
.expresidentes h3 { font-size: 1.1em; margin: 0; padding: 0; }
.expresidentes p {font-size: 1.1em; margin: 0; padding: 0; font-weight: 300; }
.expresidentes h2 strong { color: #000; }

/* Otros */
.p-capacitaciones img, .p-socios img { min-width: 330px; }
.p-socios { margin: 2em 0; }
.col-center { float: none; margin: 0 auto; }

.p-clientes p {margin-left: 65px;}

/* TAB LISTAS */
.tablitas { padding: 1em; }
.tablitas .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #0050AD;}
.portada-clientes { max-width: 1080px; margin: 0 auto; }

/* menu noticias */
.menu-noticias-c a { font-size: 1.3em; color: #000; }
.menu-noticias-mini a { color: #535353; }
.menu-noticias-mini a span { color: #D9152F; font-weight: 600; }

/* acceso socios */
.acceso-socios-info { max-width: 900px; margin: 1em auto; text-align: center; }
.acceso-socios { max-width: 600px; margin: 2em auto 4em auto; background: #f1f1f1; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.acceso-socios-box { max-width: 90%; margin: 2em auto 4em auto; padding: 1em; }

/* CONTACTO */
.info-contacto { border-left: 1px solid #ddd; margin-left: 1em; padding-left: 2em; }
.info-contacto-p { margin-bottom: 1em; padding: 1em 0; }
.info-contacto-p p { margin: 0; padding: 0; }
.info-contacto-gral  {  padding: 1em 0; }
.info-contacto-gral p { margin: 0; padding: 0; }
.titulo-contacto h2 { color: #444; font-size: 1.5em; font-weight: 300; margin-bottom: 1em; }
.mapa-contacto iframe { width: 100%; min-height: 370px; margin-top: 2em; }

/* CONTENIDOS NOTAS */
.nota-confirmado,.nota-mensaje,.nota-alarma { display: block; padding: 10px 20px; margin-bottom: 10px; border-radius: 3px; }
.nota-confirmado { color: #77a145; background-color: #f4fbe9; border: 1px solid #daefc1;  }
.nota-mensaje { color: #af954e; background-color: #fdfbe7; border: 1px solid #f6ecc4; }
.nota-alarma { color: #d66666; background-color: #fff4f4; border: 1px solid #f7d8d8; }
.nota-alarma ul,.nota-alarma li { margin: 5px 15px; padding: 0px; }

/* Buscador de empresa */
.busca-empresa { border-bottom: 1px solid #ddd; margin:0 10px 2em 0; padding-bottom: 1em; }
.busca-empresa p { margin: 0; padding: 0; font-size: .9em; }
.busca-empresa p strong { color: #000; } 
.busca-empresa button { margin-top: 1em; }

.box-info h2 {color: #29B6DA; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.box-info h2 i {color: #0C5496; font-size: 16px;}
.box-info p {min-height: 50px; padding-bottom: 10px;}

.fotos-market {max-width: 290px; height: auto;}
.fotos-market img {width: 100%; height: auto;}
.fotos-market a img:hover {opacity: .8;}
.fotos-market p {font-size: 18px; text-align: center; color: #0C5496; font-weight: bold;}

/* formulario */
.fondo-formulario { background: #f8f8f8; padding: 1em; }
.required {display: inline-block; width: 50px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-capcha-valor {display: inline-block; width: 80px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.agenda-hora {padding: 1em;}

/* FOOTER */
.footer-menu {text-align: center; background: #0C5496;}
.footer-menu a {display: inline-block; color: #fff; font-size: 12px; padding: 10px; font-weight: 300;}
.footer-menu a:hover {color: #45BBDC; text-decoration: none;}
.f-cont { color: #fff; margin: 0 auto; padding: 1em 0 0 0; display: flex; justify-content: space-around; }
.f-cont p { margin: 0; padding: 0; }
.f-cont h2 { font-size: 1.1em; margin: 0; padding: 0; }
.f-cont h3 { color: #000; font-size: 1.2em; margin: 0; padding: 0; }
.f-item { margin: 0 1em; color: #000; }
.f-item p {color: #a2a2a2; font-size: 12px;}
.f-item i {color: #0C5496;}
.f-item a { color: #0050AD; } 
.f-item a:hover { color: #000; text-decoration: none; }
.f-item h3 { margin-bottom: 1em;}
.f-item-logo img { max-width: 250px; margin: 0 auto 1em auto; text-align: center;}
.f-item-logo a { color: #4f4f4f; font-size: .9em; font-style: italic; }
.f-item-logo a:hover { color: #CF1928; }
.f-titulo h3 {text-align: right !important; }
.f-gral-f { padding: 1em 0; }
.f-gral-f h3 {text-align: left; color: #45BBDC; font-size: 12px; margin-bottom: 15px;}
.r-social {  text-align: right; }
.r-social img { margin-left:8px;}
.r-social a:hover { opacity: .6; }
.visual {text-align: right; padding: 10px 0;}
.visual a {color: #a9bdc4; margin: 0; padding: 0; font-size: 10px; }

/* Efectos animación imágenes */
/* Grow */
.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); }
/* Shrink */
.hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); }

/* <<<<<<<<<<< MEDIA QUERIES >>>>>>>>>> */
@media only screen and (max-width: 1200px) {
    .perfiles { text-align: center; min-height: 235px; }
    .equipo p {font-size: .85em; font-weight: 400;}

}
@media only screen and (max-width: 900px) {
    .equipo {min-height: 370px; max-height: 370px; text-align: center;}
    .pag-int {margin: 10px;}
}
@media only screen and (max-width: 766px) {
    .nav { width: 100%;}
    .navbar { border-radius: 0; margin-bottom: 0; }
    .navbar-header  { margin-bottom: 0; border:1px solid #f1f1f1; }
    .nav-mombre { display: block; padding: 1em 2em; font-weight: bold; color: #005FA7;}
    .r-social { text-align: left !important; margin: 0 1em; padding: 0; }
    .f-gral-f {padding: 0 1em;}
    .f-gral-f h3 { text-align: left; margin: 10px 1em; padding: 0; display: flex;}
    .f-item-linea { border-right: none;}
    .equipo {min-height: 310px; max-height: 310px; text-align: center;}
    .titulos-interior h1 {font-size: 1.5em;}
    .info-contacto {border-left: none; margin-left: 0; padding-left: 0;}

}
@media only screen and (max-width: 480px) {
    .f-item-linea { border-right: none;}
    .fotos-market p {font-size: 12px; height: 40px; }
    .equipo {min-height: 365px; max-height: 365px; text-align: center;}
    .container {padding: 0;}