/* diseño y front-end por Rafael Olea sking.cl@gmail.com www.rafaelolea.cl */
@import url("font-awesome/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
a { color: #0050AD;  }
p { font-weight: 400; }
h2 { font-size: 1.3em; }
.img-thumbnail { border: none; }
.clear { clear: both; }

/* HEADER */
.fondo-h {background: url(../images/fondo-header.jpg) repeat-x top;}
.menu-h { height: 30px; margin-top: 4px; margin-bottom: 10px; display: flex; justify-content: space-between;}
.menu-h-izq {font-size: 13px;}
.menu-h-izq img {margin: 0 10px;}
.menu-h-izq a {color: #E30808;}
.menu-h-der {font-size: 13px; font-weight: 500;}
.menu-h-der a {color: #000000;}
.menu-h-der a:hover {color: #777;}
.menu-h-der span {font-style: italic; font-weight: 300; border-left: 1px solid #ddd; padding-left: 10px;}
.menu-h-der img {margin: 0 5px 0 10px;}

.logo img { max-width: 250px; height: auto; padding: 0 0 .5em 0; }
.h-header { justify-content:space-between;}
.h-header-right { text-align: right;}
.h-header-right a { font-weight: 400; font-size: .86em; color: #444; } 
.h-header-right a:hover { color: #0050AD; text-decoration: none; }
.h-header-right p { margin: 0; padding: 0; }
.h-header-right h2 { margin: 5px 0 0 0;}
.h-header-right h2 a { color: #0050AD; font-size: 1em; font-weight: 500; }
.h-header-right p a { color: #0050AD; font-size: 1.2em; font-weight: 500; }
#footer {text-align: center; border-top: 4px solid #dd1e0f; margin-top: 2em; background: #000; padding: 2em 0 1em 0; }
.custom-search-form { margin-top:5px; float: right; width: 50%; margin-bottom: 1em; }
.menu-h-cont {display: inline-block; width:auto;}
.menu-h-datos {display: inline-block; width: auto;}
/* 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: 14px; font-weight: bold; }
.navbar { border-radius: 0; margin-top: 32px; min-height: 40px; float:right;}
.navbar-default .navbar-nav > li > a {color: #E30808;}
.navbar-nav > li > a { padding: .5em; font-weight: 400;}
.navbar-default .navbar-nav > .open > a { background: #f9f9f9 !important; }
.nav-mombre { display: none; }
.navbar-collapse {padding: 0;}
.nav-color { background: #fff; border: none; }
.glyphicon {color:#444; }
.glyphicon:hover { color: #000; }
.buscador-lupa { background: #ccc; border-color: #ccc; border-left: none; }
.buscador-lupa:hover { background: #ddd; border-color: #ccc; }

/* TÍTULOS */
.titulos h1 { font-size: 2.1em; text-align: center; margin-bottom: 20px; }
.titulos2 { text-align: center; margin: 1em 0; background: url(../images/fondo-titulos.png) top center no-repeat; height: 56px; }
.titulos2 h2 {font-size: 30px; display: inline-block; margin: 0; padding: 0 1em; color:#000000; font-weight: 400; }
.titulos2 h2 span {color: #e30808;} 
.titulos3 h2 {font-size: 30px; margin: 0; padding: 0; font-weight: 400; color: #fff;}
.titulos3 h2 span {color: #000000;}
.titulos4 {margin: 1em 0; background: url(../images/fondo-titulos.png) top center no-repeat; height: 56px; text-align: center;}
.titulos4 h2 {font-size: 30px; display: inline-block; margin: 0; padding: 0; color:#000000; font-weight: 400; height: 56px; }
.titulos4 h2 span {color: #e30808;} 
.titulos h2 { font-size: 1.5em; }
.titulos-interior { margin: 1em 0 2em 0; padding-bottom: 5px; display: flex; background: #f5f5f5;}
.titulos-interior h1 { color: #dd1e0f; text-align: left; font-size: 1.7em; font-weight: 300; padding: 5px; display: inline-block; 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; }

/* PAGINA INTERIOR */
.pag-int a {color: #dd1e0f; }
.pag-int p { font-size: 1em; color: #777; font-weight: 400; letter-spacing: .04em;  margin: .5em 0; }
.pag-int p span {font-weight: 500; color: #000000; font-size: .8em; }
.pag-int h1 { color: #0050AD; font-size: 1.8em; }
.pag-int h2 { font-weight: 400; font-size: 1.8em; color: #E30808;}
.pag-int h3 { font-weight: 500; font-size: 1.3em; color: #4A4A4A;}
.pag-int iframe { width: 100%; height: auto; min-height: 450px; }
.pag-int ul li { color: #777;}
.pag-int i {color: #e0837c;}

/* Perfil Equipo*/
.perfil-equipo {border: 1px solid #eee; margin: 0 0 20px 0; padding: 5px; }
.perfil-equipo:hover {border: 1px solid #ccc; }
.perfil-equipo img {width: 100%; height: auto;}
.perfil-equipo img:hover {opacity: .7; }
.perfil-equipo .perfil-datos { border-left: 2px solid #E30808; padding-left: 5px; margin-top: 10px;}
.perfil-equipo .perfil-datos h2 {font-size: 1.4em; margin: 5px 0 0 0; padding: 0; color: #666; height: 45px;}
.perfil-equipo .perfil-datos a {font-style: italic;}
.perfil-equipo .perfil-datos p {font-size: 12px; line-height: 14px; height: 55px;}

.perfil-equipo2 {border: 1px solid #eee; margin: 0 0 30px 0; padding: 5px; }
.perfil-equipo2 img {width: 100%; height: auto;}
.perfil-equipo2 .perfil-datos { border-left: 2px solid #E30808; padding-left: 5px; margin-top: 10px;}
.perfil-equipo2 .perfil-datos h2 {font-size: 1.4em; margin: 5px 0 0 0; padding: 0; color: #666;}
.perfil-equipo2 .perfil-datos a {font-style: italic;}
.perfil-equipo2 .perfil-datos p {font-size: 12px; line-height: 14px; height: 30px;}

.perfil-detalle {font-size: 12px; color: #777; font-weight: 400; margin: 0; padding: 0 10px 0 0;}
.perfil-detalle h2 {margin: 0; padding: 0; color: #E30808; font-size: 19px;}
.perfil-detalle a {color: #E30808; font-style: italic;}

.perfil-equipo-areas {border: 1px solid #eee; display: block; margin: 10px 0; background: #fff;}
.perfil-equipo-areas img {float:left; max-width: 150px; margin-right: 10px;}
.perfil-equipo-areas h2 {color: #666 !important; margin: 14px 0 5px 0; padding: 0; font-size: 15px;}

/* HACEMOS */
.hacemos-item {border-left: 2px solid #dd1e0f; background: #f8f8f8; margin-bottom: 1.5em; padding: 20px; transition: box-shadow .3s;}
.hacemos-item:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); background: #ffffff;}

/* ALIANZAS*/
.alianza-items {margin: 2em auto;}
.alianza-items img { padding: 10px; text-align: center; margin: 0 auto;}
.alianza-centro img {margin: 10px auto; }

/* SERVCICIOS PORTADA */
.servicios-gral-p {text-align: center;}
.servicios-p {text-align: center; margin: 20px auto; padding: 0; display: block; vertical-align: top;}
.servicios-p a {transition: box-shadow .3s; display: block; padding: 5px; height: 240px; }
.servicios-p a:hover {text-decoration: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
.servicios-p h2 {color: #e30808; height: 40px; margin: 5px;}
.servicios-p p {color: #4b4b4b; font-size: 15px; margin: 0; padding: 0;} 
.btn-centrar {text-align: center; margin: 10px auto 40px auto;}

/* ALIANZA */
.alianza-p p {margin-top: 15px; text-align: center;}

.escribenos {border: 1px solid #ddd; padding: 0 20px; margin-bottom: 1em; background: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/* 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: #4A4A4A; 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: #dd1e0f;  }
.list-group-item.active:hover { background: #000; border-color: #000; }

/* PORTADA NOTICIAS */
.noticias-fondo {background: #f4f4f4 url(../images/fondo-noticias.png) center top no-repeat; margin: 0; padding: 0 0 2.5em 0;}
.p-noticias { padding:0; margin: 1em 0 0 0; }
.p-noticias img { margin-bottom: 1.5em; }
.p-noticias h2 { font-weight: 500; text-transform: uppercase; font-size: 1.3em; padding: 0; margin: 0 0 5px 0; }
.p-noticias h2 a { color: #dc1e0f; }
.p-noticias a:hover { color: #000; text-decoration: none !important; }
.p-noticias i {color: #e0837c;}
.p-noticias p { font-size: 1.1em; line-height: 1.1em; font-weight: 400; color: #4b4b4b; margin: 5px 0 0 0; padding-bottom: 15px; display: block; background: url(../images/linea-gris.png) no-repeat left bottom; }
.p-noticias span {font-weight: 500; color: #000000; font-size: .8em; }
.p-noticias button { margin-top: 1em; }

/* PORTADA CLIENTE */
.mensaje-cliente {padding: 2em; text-align: center; color: #fff; background: #dc1e0f url(../images/fondo-mensaje-clientes.png) center top no-repeat;}
.mensaje-cliente h3 {font-family: 'Roboto Slab', serif; font-size: 27px; font-weight: 300; margin-bottom: 1em;}
.mensaje-cliente p {font-size: 22px; display: inline-block; max-width: 80%;}

/* 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; }

/* NOTICIAS */
.noticias-detalle p { margin: .8em 0; }
.noticias-detalle img { margin: 1em; height: auto;}
.noticias-detalle h2 { font-weight: 500; font-size: 1.3em; color: #dd1e0f; text-transform: uppercase;}
.noticias-detalle h4 { color: #000; margin: 0; padding: 0; }
.btn-volver { margin-bottom: 10px; }

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

/* 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 a {color: #dd1e0f;}
.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; }

/* 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; }

/* asesorias */
.fondo-formulario { background: #f8f8f8; padding: 1em; }

/* FOOTER */
.footer-cont {color: #fff;}
.footer-cont a {color: #fff;}
.footer-cont p strong {color: #dd1e0f;}
.visual {text-align: right; font-size: 11px;}
.visual a {color: #888; font-weight: 500; }

/* 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); }


form input.error, form input.error, form select.error, form textarea.error { border:1px solid red; }
form div.error { color:red; text-align: left; font-size:85%; display:block; width: auto; padding:4px 0; }

#wraper_ajax { position: fixed; top: 0; left: 0; filter: alpha(opacity=70); z-index: 99999; background-color: black; width: 100%; height: 100%; opacity: 0.7; }
#wraper_ajax .loadding_ajaxcart { z-index: 999999; position: fixed; top: 50%; left: 50%; }
#wraper_ajax .loadding_ajaxcart img { max-width: 100%; height: auto; border: 0; vertical-align: top; }

/* <<<<<<<<<<< MEDIA QUERIES >>>>>>>>>> */
@media only screen and (max-width: 1200px) {
    .perfiles { text-align: center; min-height: 235px; }
    .servicio-gral-p {text-align: center;}
    .servicios-p {margin: 0 auto; display: inline-block;}
    .servicios-p a {height: 250px; margin: 15px 0;}
    .logo {text-align: center;}
    .nav {font-size: 13px;}
    .navbar {min-height: 20px; margin-top: 0; margin-bottom: 5px;}
}
@media only screen and (max-width: 900px) {
    .perfil-detalle {margin: 10px;}
    .info-contacto {border-left: none; margin-left: 0; padding-left: 0;}
    .servicios-p a {height: auto; margin: 15px 0;}

}
@media only screen and (max-width: 766px) {
    .nav { width: 100%; padding: 10px;}
    .navbar { border-radius: 0; margin-bottom: 0; float: none; }
    .navbar-header  { margin-bottom: 10px; border:1px solid #f1f1f1; }
    .nav-mombre { display: block; padding: 1em 2em; font-weight: bold; color: #000;}
    .navbar-collapse {padding: 10px;}
    .r-social { text-align: left !important; margin: 0 1em; padding: 0; }
    .f-gral-f h3 { text-align: left; margin: 0 1em; padding: 0;}
    .f-item-linea { border-right: none;}
    .servicio-gral-p {text-align: center;}
    .servicios-p { margin: 0 auto; display: block;}
    .titulos2 h2 { font-size: 18px;}
    .p-noticias img { margin-left: auto; margin-right: auto; text-align: center; display: block;}
    .p-noticias button {display: block; margin-left: auto; margin-right: auto;}
    .alianza-p {text-align: center; }
    .titulos4 {background: url(../images/fondo-titulos.png) top center no-repeat;}
    .alianza-centro {text-align: center; display: inline-block;}
    .fondo-h {background: none;}
    .logo {margin: 10px 0;}
    .menu-h-der {text-align: right;}
    .menu-h-der span {border-left: none;}
    .menu-h {height: auto; background: url(../images/fondo-header.jpg) repeat-x bottom; padding-bottom: 10%;}
    .noticias-horizontal { margin: 1em 0;}
    .alianza-items img {margin: 0 auto;}
}
@media only screen and (max-width: 480px) {
    .f-item-linea { border-right: none;}
    .servicios-p {max-width: 100%; height: auto;}
    .servicios-p a {height: auto; padding: 10px 0;}
    .mensaje-cliente h3 {font-size: 14px;}
    .mensaje-cliente p {font-size: 12px;}
    .titulos3 h2, .titulos4 h2 {font-size: 20px;}
    .header-min {padding-left: 0; padding-right: 0;}
    .menu-h {display: block;}
    .menu-h-izq {width: 100%; text-align: center;}
    .menu-h-der {text-align: center;}
    .menu-h-cont {display: inline-block; width: 130px;}
    .menu-h-datos {display: inline-block; width: 190px;}
    .noticias-horizontal { margin: 1em 0;}
    .footer-datos p {display: block;}
    .noticias-detalle img {height: auto !important; margin: 10px 0;}
    .perfil-equipo-areas img {float:left; max-width: 130px; margin-right: 10px;}
    .perfil-equipo {padding: 10px; }
.perfil-equipo:hover {border: 1px solid #ccc; }
.perfil-equipo .perfil-datos h2 {height:auto;}
}