@charset "utf-8";
/* CSS Document */
*{
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

@font-face {
    font-family: 'GothamBlack';
    src: url('../fonts/GothamBlack.woff2') format('woff2'),
        url('../fonts/GothamBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/GothamMedium.woff2') format('woff2'),
        url('../fonts/GothamMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.woff2') format('woff2'),
        url('../fonts/GothamBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{
  background-image: url('../images/back-body.png');
  background-position: top left ;
  background-repeat: repeat-x;

}
.navbar-default{ margin: 0; }
.nopadding{ padding-left: 0!important; padding-right: 0!important; }
.nopadding-right{ padding-right: 0; }

.header{ position: fixed; width: 100%; top: 0; z-index: 500; background-color: #F1F1F1;}
.header, .header *{  -webkit-backface-visibility: hidden; }
.header .noscroll{ display: block; }
.header .siscroll{ display: none;     width: 100%;    max-width: 312px; }
.navbar{ min-height: 100px; }
.navbar-default{ background-color: transparent; border: none; }
.navbar-default li a{ font-family: 'GothamBook'; color:#767676; padding: 35px 15px;}
.navbar-default li a span{ border-bottom:3px solid #F1F1F1; padding: 0 0 10px 0;}
.navbar-default li a.active span,
.navbar-default li a:hover span{ color:#ec8526; border-bottom:3px solid #ec8526;}
.navbar-brand > img{ width: 100%; max-width: 113px; }

/*scrolled*/
.header.scrolled {
	-webkit-box-shadow: 0px 3px 9px -4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 9px -4px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 9px -4px rgba(0,0,0,0.5);
}
.header.scrolled .navbar-default li a{ padding: 15px; }
.header.scrolled .navbar { min-height: 50px; }
.header.scrolled .noscroll{ display: none; }
.header.scrolled .siscroll{ display: block; }
.header.scrolled .navbar-brand{ padding: 10px 15px}

section.novedades { width: 100%; padding:100px 0 0 0;}
section.novedades .videonovedades,
section.novedades .textnovedades{ margin-bottom: 15px; }
section.novedades .videonovedades{ overflow: hidden; border-radius: 8px; height: 508px;}
section.novedades .videonovedades video,
section.novedades .videonovedades iframe{ width: 100%!important; height: 100%!important; max-height: 508px!important; background-color: #000; }
section.novedades .videonovedades video[poster]{ object-fit: cover; }
section.novedades .textnovedades { width: 100%; padding: 30px; background-color: #ec8526; color: #fff; border-radius: 8px; }
section.novedades .textnovedades h2{ margin: 0; font-family: 'GothamBook'; color: #fff; font-size: 28px; }
section.novedades .textnovedades h3{ margin: 5px 0 15px 0; font-family: 'GothamMedium'; color: #fff; font-size: 26px; }
section.novedades .textnovedades p{ margin: 35px 0 20px 0; font-family: 'GothamBook'; color: #fff; text-align: left; font-size: 14px; line-height: 22px; }
section.novedades .textnovedades a.leermas{ font-size: 14px; font-family: 'GothamMedium'; float: left; background-color: #fff; clear: both; text-transform: uppercase; padding: 10px 30px; border-radius: 5px; color: #ec8526; border: 2px solid #fff; }
section.novedades .textnovedades a.leermas:hover{ background-color: #ec8526; color: #fff; text-decoration: none; }

section.decano{ width: 100%; padding:0; background-color: #f1f1f1; }
section.decano .content-redes{  }
section.decano .pic{ position: relative; min-height: 390px; text-align: center; overflow: hidden;}
section.decano .pic img{ height: 100%; max-height: 390px}
section.decano .pic .caption{ text-align: left; position: absolute; bottom:0; width: 100%; background-color: rgba(236,133,38,0.75); padding: 5px 10px; color: #fff; font-size: 14px; font-family: 'GothamMedium'; text-transform: uppercase; }
section.decano .redes { min-height: 350px; background-color: #e7e6e6; margin: 20px 0;}
section.decano .redes h2{ width: 100%; text-align: left; float: left; padding: 8px 10px; margin: 0 0 15px 0;}
section.decano .redes.pahlen h2{ background-color: #ec8526; color: #fff; font-size: 15px; font-weight: bold; text-transform: uppercase;}
section.decano .redes.face h2{ background-color: #3b5998;}
section.decano .redes.twitter h2{ background-color: #00cdff;}
section.decano .redes.wikipedia h2{ background-color: #b3b9ba;}
section.decano .content-redes .content-widget{ clear: both; width: 100%; padding: 0 14px; }

section.plan{ background-color: #ffffff; padding: 70px 0 30px 0;}
section.plan h2{  font-family: 'GothamBook'; color: #818181; margin: 0 0 30px 0; text-align: center;}
section.plan .item-slide{text-align: center; padding: 0 40px;}
section.plan .item-slide img{ margin: auto;}
section.plan .item-slide h4{ font-family: 'GothamMedium'; color: #ec8526; margin: 25px 0; font-size: 20px; }
section.plan .item-slide p{ font-family: 'GothamBook'; color: #818181; margin: 0 0 25px 0; font-size: 14px; line-height:22px; }
:focus{ outline: none; }
.slick-prev, .slick-next{ top: 35%!important; z-index: 200; }
.slick-prev { left: 0!important; }
.slick-next { right: 0!important; }
.slick-prev:before { color: #ec8526!important;font-size: 70px!important; content: '\f104'!important; font-family: 'FontAwesome'!important;}
.slick-next:before { color: #ec8526!important;font-size: 70px!important; content: '\f105'!important; font-family: 'FontAwesome'!important;}
.ContentSliderDesk{ display: block}
.ContentSliderMobile{ display: none; }

section.escucha{ background-color: #f1f1f1; }
section.escucha .picEscucha{ background-color:#ec8526; padding: 30px 0; text-align: center;}
section.escucha .content-input{ border:1px solid #fff; position: relative;}
section.escucha .content-input i{ float: left; width: 10%; padding: 18px 25px; color: #9a9a9a; position: absolute; left: 0; top:0;}
section.escucha .content-input input,
section.escucha .content-input textarea{ border: 0; float: left; width: 100%; padding: 15px 0 15px 60px; background-color: #f1f1f1; color: #c4c4c4; }
section.escucha .content-input select{ border: 0; float: left; width: 100%; padding: 16px 0 16px 60px; background-color: #f1f1f1; color: #9a9a9a; }
section.escucha .content-input textarea:focus,
section.escucha .content-input input:focus{ background-color: #fff; color: #9a9a9a; }
section.escucha .content-input textarea{ min-height: 165px; max-height: 165px; width: 100%; max-width: 100%; min-width: 100%; }
section.escucha .content-btn{ padding:28px 0px 28px 25px; }
section.escucha .content-btn button{ font-size: 14px; font-family: 'GothamMedium';float: left;background-color: #ec8526;clear: both;text-transform: uppercase;padding: 10px 30px;border-radius: 5px;color: #fff;border: 2px solid #ec8526;}
section.escucha .content-btn button:not(.sending):hover{ background-color: #fff; color: #ec8526; text-decoration: none; }
section.escucha .content-btn button.sending { background: #ccc; border-color: #ccc; }
section.escucha .alertForm{ display: none; width: 100%; font-family: 'GothamMedium'; text-transform: uppercase; padding: 10px 30px; border: 2px solid; text-align: center; font-size: 14px; border-radius: 5px; }
section.escucha .alertForm.send-alert{ border: 2px solid #d40000; color: #fff; background-color: rgba(212,0,0,0.5); }
section.escucha .alertForm.send-ok{ border: 2px solid #14d400; color: #fff; background-color: rgba(20,212,0,0.5); }
div.tope{ width: 100%; background-color: #fff; height: 55px; }

section.contacto{ width: 100%; padding: 30px 0;}
section.contacto h2{ font-family: 'GothamBook'; color: #818181; margin: 0 0 30px 0; text-align: left; text-transform: uppercase;}
section.contacto p{     font-family: 'GothamBook';    color: #818181;    margin: 0 0 25px 0;    font-size: 14px;    line-height: 22px; }
section.contacto p a{ color:#ec8526; }
section.contacto i{ color:#ec8526; float: left; text-align: center; width: 60px; height: 60px; background-color: #f1f1f1; margin: 0 15px 15px 0; padding: 15px 0; font-size: 30px; border-radius: 35px; }
section.contacto i:hover{ color:#fff; background-color: #ec8526; }

footer{ background-color: #6d6d6d; text-align: center; font-size: 14px; color: #f1f1f1; padding: 15px 0;}


div.pin {
    width: 100%;
    height: 0px;
    margin-top: -70px;
    position: absolute;
}

#decano-escucha .content-btn .msg { display: none; margin-top: 20px }
#decano-escucha .msg.error p i {margin-right: 7px; font-size: 15px; color: #fff; background: #ce5959; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 4px; }
#decano-escucha .msg.success p i {margin-right: 7px; font-size: 15px; color: #fff; background: #7bce59; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 4px; }










/**/