@import url('https://fonts.googleapis.com/css?family=Kanit:700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:900');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Syncopate:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');


body.back-gris {
    background-color: #fbfbfb;
}

.c-font-kanit {
    font-family: 'Kanit', sans-serif, Verdana;
}
.c-font-kanit-700 {
    font-weight:700;
}
.c-font-montserrat {
    font-family: 'Montserrat', sans-serif;
}
.c-font-montserrat-900 {
    font-weight:900;
}
.c-font-anton {
    font-family: 'Anton', sans-serif;
}
.c-font-syncopate {
    font-family: 'Syncopate', sans-serif;
}
.c-font-syncopate-700 {
    font-weight:700;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
}

#logo img{
    width: 170px;
}

a{
   color: #000;
}

a:hover{
    text-decoration:none;
    color: #000000;
}

a:active{
       text-decoration:none;
    color: #000000;
}

a:focus{
       text-decoration:none;
    color: #000000;
}

a:visited{
       text-decoration:none;
    color: #000000;
}



.idioma{
  position: absolute;
    z-index: 1010;
    /* right: 45px; */
    top: -100px;    
    /* text-transform: uppercase; */
    font-size: 14px;
    width: 100%;
    background-color: #fff;
    height: 30px;
    color: #fff;
    font-family: 'Montserrat Alternates';
    padding-top: 5px;
    border-bottom: 0.5px solid #ccc;
}

@media all and (-ms-high-contrast:none) {
     .idioma {  top: 0px;  } /* IE10 */ 
     *::-ms-backdrop, .idioma {  top: 0px;  } /* IE11 */ }

.idioma a{
    margin: 0px 60px;
}

.idioma a:hover{
    color:#ff6a00;
}

span.sub {
    font-weight: bold;
}


body {
    /*background-color: #ff6a00;*/
    position: relative;
    color: #efefef;
    text-align: center;
    font-family: 'Raleway', 'Montserrat', 'Lato','Roboto','Open Sans', sans-serif;
}


img:hover{
    filter: contrast(110%);
}

nav a, nav a:visited {
  /*color: #efefef;*/
  text-decoration: none;
  color: #ffffff;
  font-size: 1.05em;
}

.section-text{
    text-align:left;    
    font-size: 1.3em;
}


.slick-slide, .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.subnav{
  /*display: inline-block;*/
  background: #ff6a00;
  width: 100%;
  margin-bottom: -10px;
  /*float: right;*/
}
.subnav ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 1.15em;
  border-right: 1px solid #ffffff2b;
  margin: 5px 0px;
}
.subnav ul li a {
  display: block;
  padding: 10px 15px;
}
.subnav ul li a:hover {
  background-color: rgba(255, 255, 255, 0.18);
  text-decoration: none;
  color: #fff;
}

.main-slider {
  position: relative;
  width: 100%;
  height: 600px;
  min-height: 8vw;
  /*margin-bottom: 30px;*/
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  margin-top: 0px;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

.slick-slide {
  position: relative;
  height: 600px;
  cursor:pointer;
}

.slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.slick-slide figure {
  position: relative;
  height: 100%;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {     
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  font-family:  'Montserrat', 'Raleway','Lato',  'Open Sans', sans-serif;
}

.slick-slide.slick-active .subcaption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.main-slider ul{
    margin-top: -35px;
}
.caption {
  position: absolute;
  top: 75%;
  left: 5%;
  text-align: center;
  padding: 20px;
  text-transform:uppercase;
  /*border: 3px solid;*/
  color: #fff;
  margin: 0;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: .02em;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);    
}

    .caption a {
         color: #fff;
         font-size: 0.5em;
    }

.subcaption {
  position: absolute;
  top: 84%;
  left: 5%;
  text-align: center;
  padding: 20px;
  text-transform:uppercase;
  /*border: 3px solid;*/
  color: #fff;
  margin: 0;
  font-size: 1.5em;
  /*font-weight: bold;*/
  letter-spacing: .02em;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.slick-dots {
  text-align: center;
  padding-top: 5px;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: rgba(0, 51, 23, 0);
  background-color: rgba(255, 127, 0, 0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .4;
  padding: 0px;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  
}
.slick-dots li.slick-active button {
  border-color: #ffffff;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
  opacity: .3;
}

.container {
  width:100%;
 
  color: #000;
  line-height: 1.6;
  padding:0;
}

.jumbotron{
    background-color: #262626;
}

/*.container {
    width:100%;
  background-color: #f2f2f2;
  color: #000;
  line-height: 1.6;
  padding: 40px 0;
}*/
/*.container .content {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}*/
/*.container p {
  margin-bottom: 40px;
}*/

@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}

.title{
    /*margin-left:45px;*/
}

.title h1{
    /*font-family: 'Roboto', 'Roboto Slab', 'Crete Round', 'Share', 'Patua One', 'Baloo Chettan';*/    
    font-family: 'Kanit', sans-serif, Verdana;
    font-size:3.3em;
    color:#222222;
    margin-boxottom:15px;
    /*color: #1f1f1f;*/
    /*text-transform:uppercase;*/
    letter-spacing:1px;
    font-weight:700;
    /*font-weight: 600;*/
}

.title h3{
    /*font-style:italic;*/
}

.title h1 span{
    font-size: .7em;
    text-transform: none;
    color: white;
}

.title h1 i{
    font-size:35px;
    color:#e26309;
}

.titulo-nota{
    font-size: 2em;
}

.txt-nota{
    font-size: 1.5em;
}

.txt-nota.small, small{
    font-size: 70%;
}

.txt-nota.big, big{
    font-size: 120%;
}

.box{
    -webkit-box-shadow: 4px 4px 20px 0px rgba(214,214,214,0.74);
-moz-box-shadow: 4px 4px 20px 0px rgba(214,214,214,0.74);
box-shadow: 4px 4px 20px 0px rgba(214,214,214,0.74);
    padding: 20px;
}

.boletin{
    /*height: 250px;*/
    /*background-color: #fff;
    color: #000;*/
        background-color:#f47a20; /*#5e707fdb;*/
    color: #fff;
    padding: 10px 5px;
}

.boletin input[type=email], .boletin input[type=text]{
    width: 80%;
    height: 50px;
    font-size: 20px;
}

 .boletin button{
         background-color: #ff974f;
    border-color: #ff974f;
    color: #fff;
    border-radius: 0;
    padding: 8px 10px;
    margin-top: 0px;
 }

  .boletin button:hover{
    background-color: #ff7500;
    color:#fff;
 }

.form-control:focus{
    border-color: #f47b20;
}


.boletin button i {
    font-size: 30px;
}

 
.blur:hover {
    filter: blur(2px);
}

.btn-default{
    background-color: #163e00;
    border-color: #163e00;
    color: #fff;
    border-radius: 0;
}

.btn-default:hover{
  background-color: #1e5102;
    color:#fff;
}

.search{
    background-color: #fff;
    border-color: #fff;
    color: #8c8a8a;
    border-radius: 0;
}

 /********  ACADEMIA **********/

 .noticiaAcedemia {
  position: relative;

}

 .noticiaAcedemia .titulo {
  /*background-color: rgba(255, 255, 255, 0.67);*/
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    padding: 5px 15px 5px 5px;
    color: #fbfbfb;
    font-size: 1.5em;
    /*text-transform: uppercase;*/
    /*-webkit-box-shadow: 4px 4px 10px 0px rgba(58, 58, 58, 0.49);
    -moz-box-shadow: 4px 4px 10px 0px rgba(58, 58, 58, 0.49);
    box-shadow: 4px 4px 10px 0px rgba(58, 58, 58, 0.49);*/

    width: 100%;
    background-image: -webkit-linear-gradient(bottom, #000000d4, transparent);
    bottom: -10px;
    /*font-weight: 600;*/
}

   .noticiaAcedemia .titulo .fecha{
   font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-align: left;
}

  .noticiaAcedemia .titulo .txtTitulo{
   font-size: 1.3em;
}

.imgNoticiaAcademia {
  display: block;
  width: 100%;
  height: auto;
}

.overlayAcademia {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.9);
}

.noticiaAcedemia:hover .overlayAcademia {
  opacity: .8;
}

.textAcademia {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.textAcademia p{
  font-size: 17px;
}

.textAcademia p a{
  color: white;
}

.minMargen{
    padding:1px;
    margin:0;
}





 /*********  CENTROS DE APRENDIZAJE ************/
 .boxCentroAprendizaje{
         margin: 2px;
         display:block;
 }
 .boxCentroAprendizaje img{
     max-width: 150px;
    display: inline-block;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
 }

    .boxCentroAprendizaje img:hover {
       filter: opacity(.8);
    }


    .boxCentroAprendizaje h2 {
        display: inline-block;
        max-width: 400px;
        text-align: left;
        padding: 0 15px 0 15px;
        text-transform: uppercase;
        font-size: 18px;

    }

     .boxCentroAprendizaje h2:first-letter {
        font-size: 24px;
    }


     .eventoAcedemico{
         box-shadow: 4px 4px 10px 0px rgba(177, 177, 177, 0.21);
     }

        .eventoAcedemico p {
            text-align: left;
        }

     .eventoAcedemico .dia{
         font-size: 36px;
    text-align: left;
    color: #e26308;

     }
     
     .eventoAcedemico .mes{
         padding: 3px;
    text-align: left;

     }

     .eventoAcedemico h1{
             font-size: 15px;
    margin-top: 0;
    text-align: left;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
     }

        .eventoAcedemico h1:first-letter {
          font-size: 18px;
        }


         /*********  CENTROS DE APRENDIZAJE ************/


/********  FIN ACADEMIA **********/

.space-10 {
    padding:5px;
}

.space-20 {
    padding:10px;
}

.space-30 {
    padding:15px;
}

.space-40 {
    padding:20px;
}

.space-50 {
    padding:25px;
}

.space-100 {
    padding:50px;
}

#principal{
    background-color:#fff;/*2f373c*/
    color:#000;
    /*background-color:#1b2f3c;
    color:#fff;*/
}

button{
    padding: 15px 25px;
    color: #f47a20;
    background-color: rgba(238, 238, 238, 0.15);
    text-transform: uppercase;
    border: solid 1px #f47a20;
    margin: 5px;
}

button:hover{
        color: #ffffff;
    background-color: rgba(255, 115, 0, 0.75);
}

.buttonInvert {
     background-color: rgba(255, 115, 0, 0.75);
     color: #ffffff;
}

.buttonInvert:hover {
     background-color: rgba(238, 238, 238, 0.15);
     color: #f47a20;
}
#principal button{
    padding: 15px 25px;
    text-transform: uppercase;
    border: solid 1px #f47a20;
    color: #f47a20;
    background-color: rgba(238, 238, 238, 0.15);
}

#principal button:hover{
       color: #ffffff;
    background-color: rgba(255, 115, 0, 0.75);
}


/********     EVENTOS      *****/

.boxEvento{
        /*padding: 15px*/
    box-shadow: 0px 4px 10px 0px rgba(94, 112, 127, 0.24);
    margin: 15px;
    min-height: 400px;
    background: #fff;
}

.boxEvento.promo{
    min-height: 340px;
}
.boxEvento img{
    /*border-bottom: solid 1px #ff8100;*/
    border-bottom: solid 1px rgba(255, 129, 0, 0.28);    
}

.boxEvento span{
        font-size: 1.1em;
}



.fechaEvento {
    position: absolute;
    background-color: #FAAF40;
    /* top: 0; */
    /* left: 0; */
    right: 50px;
    /* margin: 0 auto; */
    width: 50px;
    /* top: 43%; */
    padding: 5px;
    color: #fff;
    font-weight: 700;
    float: right;
    margin-top: -30px;
    margin-right: 10px;
    text-transform: uppercase;
}

.detalleEvento{
    background: #fff;
    margin-top: 0px;
    padding: 10px;
}

.tituloEvento{
    font-size: 1.2em;
    text-align: left;
    /* margin-left: 5px; */
    color: #de6b15; /* #c35300;*/
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 5px;
}


.tituloEvento span{
   color: #000;
    font-size: .7em;
    font-weight: 700;
}


.descripcionEvento{
    text-align: left;
    padding: 0px 5px;
    /*font-weight: 600;*/
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
}


/********   FIN EVENTOS      *****/




/*********** HERO SECTION  ************/
.hero-image {
  background-color: rgba(0,0,0,0.8);
  height: 45vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;  
  background-attachment: fixed;
}

.hero-image-corto{
  background-color: rgba(0,0,0,0.8);
  height: 20vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;  
  background-attachment: fixed;
  color:#000000;  
}

.hero-image-corto div.col-md-4 {      
      padding: 40px;
}

.hero-image-corto hr{
    border-top:2px solid #f70;
    margin: 20px 35%;
}

.hero-image-corto span{     
    font-size: 1.7em;        
    color:#fff;
    text-align: center;
}

.hero-image:hover{
  /*background-image: url("../images/4_b.jpg");*/
    /*filter: blur(2px);*/
}

.hero-image .boxOferta{
    background-color: rgba(41, 41, 41, 0.79); /*rgba(0, 0, 0, 0.5);*/
    height: 45vw; 
    margin: 0px 100px;
}

.hero-image .boxOferta ul li{
       text-align: left;
    padding: 15px 50px;
    font-size: 2em;
}

.hero-image .boxOferta ul li a{
    color:#fff;
}

.hero-image .boxOferta ul li a:hover{
    color:#eaeaea;
}


.hero-text {
    text-align: center;
    position: absolute;
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(0%, 100%);*/
    transform: translate(0%, 70%);
    left: 0%;
    color: white;
    text-shadow: 2px 1px black;
    width: 100%;
}


.hero-text h1{
    font-size:3.5em; 
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    width: 70%;
    margin: 0 auto;
    text-transform: uppercase;
    /*font-family: 'Roboto', 'Roboto Slab', 'Crete Round', 'Share', 'Patua One', 'Baloo Chettan';*/
    font-family: 'Kanit', Verdana;

}

.hero-text-movil h1{
    font-size: 1.5em;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    text-transform: uppercase;
    font-family: 'Roboto', 'Roboto Slab', 'Crete Round', 'Share', 'Patua One', 'Baloo Chettan';
    padding: 15px 0px 10px 50px;
    text-align: left;
}

.hero-text p{
    font-size:2em; 
    /*font-style: italic;*/
}

.hero-text button {
outline: 0;
    display: inline-block;
    padding: 10px 25px;
    /*color: white;
    background-color: #00000087;*/
     background-color: #ff7300;
     color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ff7300;
    text-transform: none;
    font-size: 1.3em;
}

.hero-text button:hover {
  background-color: #ffffff;
  color: #ff6900;

}

.hero-image-footer {  
  height: 25vw;
    background-color: rgba(0,0,0,0.8);
    /* height: 45vw; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

.header-banner {  
  height: 20vw;
  background-color: rgba(0,0,0,0.8);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;  
  background-attachment: fixed;
}

.header-banner .banner-text {
    text-align: center;
    color: white;
    width: 100%;
    margin-top: 60px;
}

.header-banner .banner-text h1{
    /*font-size: 3.5em;*/
    /*font-weight: 600;*/
    font-size: 68px;
    font-weight:700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    width: 70%;
    margin: auto auto;
    text-transform: uppercase;
    /*font-family: 'Raleway', 'Montserrat';*/
    font-family: 'Kanit', sans-serif, Verdana;
    padding: 100px 0px;
    padding: 120px 0px;
    letter-spacing:1px;
}
/*********** FIN HERO SECTION  ************/
.footerHeader{
    height:60px;
    background-color: #353535;
}

.footerBody{
    background-color: #353535;
    color: #000;
    text-align: left;
    border-bottom: 2px solid #fff;
    padding-bottom: 30px;
}

.footerBody ul li a{
    color: #b5b5b5;    
    text-decoration:none;
}

.footerBody ul li a:hover{    
    color: #fff;  
}

.footerBody .redes li{
    display: inline-block;
}

.footerBody .redes li a{
    color: #b5b5b5;
    font-weight: 700;
    font-size: 2em;
    padding: 10px;

}

#redes{
     margin: 10px 50px;
}

#redes .redes li{
     display: inline-block;
}

#redes .redes li a{
    color: #aeaeae;
    font-weight: 700;
    font-size: 2em;
    padding: 10px;
}

.fb:hover{
    color: #425A9E;
}

.ints:hover{
    color: #000;
}


.tw:hover{
    color: #3B9DF0;
}

.yt:hover{
    color: #FA0016;
}

.in:hover{
    color: #2574B3;
}

.shp:hover{
    color: #FA6919;
}




.fechaEventoMovil {
    background-color: #f47a20;
    font-size: 1.8em;
    color: #fff;
}


.row {
    padding: 0px; 
        margin-right: 0px;
    margin-left: 0px;
    }



#campania{
    background-color:#fff;
    /*border-bottom: solid 5px #26824f;*/
}

.nav-pills>li>a{
    padding: 15px 25px;
    color: #FAAF40;
    background-color: rgba(238, 238, 238, 0.15);
    text-transform: uppercase;
    border: solid 1px #FAAF40;
    margin: 5px;
        border-radius: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    padding: 15px 25px;
    /*color: #f47a20;
    background-color: #eeeeee24;*/
    color: #ffffff;
    background-color: #FAAF40;
    text-transform: uppercase;
    border: solid 1px #FAAF40;
    margin: 5px;
        border-radius: 0px;
}

.nav-pills>li>a:focus, .nav-pills>li>a:hover{
      background-color: #f8f8f8;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #ffffff;
    color:#f47a20;
}



/*************   breadcrumb  ****************/
.breadcrumb{
    text-align: left;
    padding-left: 50px;
    color: #000;
}

.breadcrumb-item{
    color: #000;
    text-transform:uppercase;

}

.breadcrumb-item:hover{
     color:#f47a20;
}

.breadcrumb-item:active{
     color:#f47a20;
     text-decoration:none;
}

.breadcrumb-item.active:hover{    
    color: #777;
}

.nav-interno p{
    font-size:1.3em;
    color:#f47a20;
    font-weight:600;
}


.nav-interno a{
    font-size:1.3em;
    margin:0px 15px;     
    color:#000;
    font-weight:400;
    display: inline-block;
}

.nav-interno a:hover{
    border-bottom: solid 1px #f47a20;
    color:#f47a20;
}

/*************   Fin breadcrumb  ****************/


/******************** MODAL *********************/
/*.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}*/

.modal-title{
        color: #2c2c2c;
}

.modal-header span{
    font-size: 3em;
}

.modal-body form{
   padding: 100px 0px;
}

.modal-body input{
    margin: 0 auto;
    height: 60px;
    font-size: 2em;
    border: 2px solid #ff7e00;
    padding: 20px;
    color: #000;
    max-width: 90%;

  outline: none;

}

.modal-content{
    background-color: rgba(255, 255, 255, 0.9);
}
    
/******************** FIN MODAL *********************/

.boxText{
    text-align: center;
    left: 0%;
    color: white;
    text-shadow: 2px 1px black;
    width: 100%;
}

.boxText h1{
    font-size: 3.5em;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
    width: 70%;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: 'Kanit', Verdana;
}


.boxWhite{
 background: rgba(255, 255, 255, 0.78);
    margin: 5px;
    color: #000;
padding: 30px 15px 50px 15px;
    width: 45%;
    float: left;
    font-size: 1.5em;
}

.boxWhite h1{
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;

}

.videoVimeo{
    width:100%;
    height:360px;
}

/*****    Estilos BIG SCREEN     ***/
@media (min-width: 2000px) {
	.container{
		max-width: 1920px;
		margin: 0 auto;
	}
	
    .main-slider {
    height: 1000px;
    }


    .slick-slide {
      height: 1000px;
    }

    nav a, nav a:visited {
      font-size: 1.5em;
    }

    .tituloEvento {
        font-size: 1.5em;
    }

    .descripcionEvento {
        font-size: 1.6em;
    }

    .hero-text h1 {
        font-size: 5em;
    }

    .hero-text p {
        font-size: 3em;
    }

    .hero-text button {
        font-size: 2.5em;
    }

    .hero-image .boxOferta ul li {
        font-size: 2.5em;
    }

    .title h1 span {
        font-size: .7em;
    }

    .videoVimeo {
        height: 630px;
    }

    .title h1 {
        font-size: 5em;
    }

    .boxEvento span {
        font-size: 1.5em;
    }

   
    p{
        font-size:1.5em;
    }

    .titulo-nota{
    font-size: 3em;
	}

    .txt-nota{
        font-size: 2em;
    }
	
	.fechaEvento{
    width: 70px;
    margin-top: -50px;
	font-size: 1.3em;
	}
 	
	.caption{
		font-size: 4em;		
	}
	
	.subcaption{
		font-size: 2.5em;
	}
	

}     
/****   FIN   Estilos BIG SCREEN        ****/


/******* ESTILOS MD  ********/
@media (max-width: 1200px) {

      .caption {
      top: 55%;
      text-align:left;
    }

    .subcaption {
      top: 75%;
      text-align:left;
    }

    #logo img{
        width: 120px;
        margin-top: 10px;
    }

    .hero-image {
    height: 70vw;
    background-attachment:local;
    }

    .hero-image .boxOferta {
    height: 70vw;
    margin: 0px 10px;
    }

}
/******* FIN ESTILOS MD  ********/


/******* ESTILOS TABLET  ********/
@media (max-width: 990px) {
    .main-slider {
    margin-top: 0px;
    /*height: 55vw;*/
    }

      .caption {
      top: 55%;
      text-align:left;
    }

    .subcaption {
      top: 75%;
      text-align:left;
    }

    .hero-image-corto {        
        height: 95vw;
    }

    .hero-image-corto .hero-text{        
           transform: translate(0%, 20%);
    }

    .hero-image {
    height: 60vw;
     background-attachment: local;
    }
    .hero-image .boxOferta {
    height: 60vw;
    margin: 0px 10px;
    }

    .hero-image .boxOferta ul li {
    font-size: 1.5em;
    }

    .hero-text{
        transform: translate(0%, 30%);
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

      .header-banner .banner-text h1 {
    font-size: 3em;
    padding: 30px 0px;
    }
}

/******* FIN ESTILOS TABLET  ********/



/******* ESTILOS PARA MOBILES, MENOR A TABLET ********/
@media only screen and (max-width: 767px) {
    .row {
    padding: 0px; 
        margin-right: 0px;
    margin-left: 0px;
    }

    .caption {
      top: 10%;
      text-align: left;
      font-size: 1.5em;
    }

      .caption a {
         color: #fff;
         font-size: 1em;
    }

    .subcaption {
      top: 40%;
      text-align: left;
      font-size: 1em;
    }

    .title h1{
        font-size:3em;
    }

    .hero-text h1{
        font-size:1.8em; 
    }

     .hero-text p{ 
        font-size:1.1em; 
    }

     nav a, nav a:visited {
      font-size: .79em;
    }

    .subnav ul li {
      margin: 0px;
      font-size: 1.15em;
    }

    .subnav ul li a {        
        padding: 5px 2px;
    }   

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #000;
        font-size: 1.1em;
    }

    .main-slider {
      margin-top: 0px;
      height: 55vw;
    }

    .slick-slide {
      height: 55vw;
    }

    .hero-image {    
        height: 100vw;   
    }

    .hero-image .boxOferta{
        background-color: rgba(41, 41, 41, 0.79); /*rgba(0, 0, 0, 0.5);*/
        height: 100vw;
        margin: 0px 10px;
    }

    .hero-image .boxOferta ul li{
        text-align: left;
        padding: 10px 50px;
        font-size: 1em;
    }

    .hero-image .boxOferta ul li a{
        color:#fff;
    }

    .hero-image .boxOferta ul li a:hover{
        color:#eaeaea;
    }

    .hero-image-corto {        
        height: 230vw;
    }

    .boxEvento {
        min-height: 0;
    }

    .boxEvento.promo {
        min-height: 0;
    }

    .hero-image-footer{
        height: 40vw;
    }

    .header-banner .banner-text h1 {
    font-size: 1.5em;
    padding: 15px 0px;
    }

    
    #redes{
         margin: 15px auto;
         width:100%
    }


    #redes .redes li a{
        font-size: 1.5em;
    }

    .videoVimeo{    
    height:170px;
    }

    .responsiveUL{
        min-height: 515px;
    }
}
/******* FIN ESTILOS PARA MOBILES, MENOR A TABLET ********/




.c-letter-spacing-1 {
    letter-spacing:1px;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0px
}

.breadcrumb ul li {
    font-size:16px;
    padding: 0px 15px;
    position: relative;
    text-transform: none !important;
    display: inline-block;
    font-family: 'Kanit', sans-serif, Verdana;
}

.breadcrumb ul li:first-child {
    padding-left: 0px
}

.breadcrumb ul li a {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
    .breadcrumb ul li a:hover {
        color:#ED7800;
    }

.breadcrumb ul li:after {
    position: absolute;
    top: 0px;
    right: 0
}

.breadcrumb.slash ul li:after {
    content: '/';
}

.breadcrumb.arrow ul li:after {
    content: '\e649';
    right: -5px;
    font-family: 'themify';
    font-size: 8px
}

.breadcrumb.dotted ul li:after {
    content: '\e6e2';
    right: -6px;
    font-family: 'themify';
    font-size: 8px;
}

.breadcrumb.dash ul li:after {
    content: '-';
    right: -6px;
    font-family: 'themify';
    font-size: 8px;
}

.breadcrumb ul li:last-child:after {
    content: '';
}
.bloque-breadcrumb {
    width: 100%;
    height: 40px;
    padding: 10px;
    /*background-color: #ff6a00;*/
}
[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.detalleEvento h4:hover,
.detalleEvento h1:hover,
.c-link-titulo-nota:hover {
    color: #fe953f;
}
p:hover.descripcionEvento,
.c-link-txt-nota:hover {
    color:#4c4c4c;
}
.pdd-btm-20 {
    padding-bottom: 20px !important;
}
.pdd-top-40 {
    padding-top: 40px !important;
}
.pdd-horizon-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.content-intro {
   width:70%;
   margin: 0 auto;
   color: black;
}
.contenedor-notas {
    min-height:215px;
}
.contenedor-noticias {
    min-height:145px;
}

/* IMAGE OVERLAY */

/*.image {
  display: block;
  width: 100%;
  height: auto;
}*/

/*.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 5%;
  height: auto;
  width: 90%;
  opacity: 1;
  transition: .5s ease;
  color:white;
  text-shadow: 0.1em 0.1em 0.05em #333
}

.containerimage:hover .overlay {
  opacity: 0.8;
  background-color: #fff;
}*/

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  display: none;
}

/* FIN IMAGE OVERLAY */

/* BANNER SIN PARALLAX */
.banner-sin {
    position: relative;
    display: inline-block;
    text-align: center;
}

.texto-encima {
    position: absolute;
    top: 10px;
    left: 10px;
}

.derecho {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
}

img.img-responsive.sin-p {
    max-height: 360px;
    width: 100%;
}

/* FIN BANNER FIN PARALLAX */


/* Estilo banner pilar footer */

h3.tituloArte {
    text-align: left;
    font-family: 'Kanit', sans-serif, Verdana;
}


h2.foot {
    font-weight: 800;
    font-family: 'Kanit', sans-serif, Verdana;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 35px;
    text-shadow: 2px 2px #000;
	text-align: center;
}

.btn-foot-d{
	text-align: center;
}

.contenedor.foot{
    margin: 0 auto;
    max-width: 1360px;
    text-align: left;
}

button.btn-foot {
    background-color: white;
    color: black;
    font-size: 18px;
    font-weight: 800;
}

    button.btn-foot:hover {
        background-color: #f47b20;
        color: white;
        font-size: 18px;
        font-weight: 800;
        border: solid 1px white;
    }

.contenedor.foot.izq{
    text-align: right;
}

/* Fin Estilo banner pilar footer */

h2.title, h3.title{
    color: black;
}

.progress-bar{
    background-color: #f47b20;
}

.img-profesores {
    width: 60%;
    margin: 0 auto;
    padding-top: 60px;
}

p.profesores {
    color: black;
}

.btn-foot-div{
    text-align: center;
}

h2.subtitle-pilar, h3{
	color: black;
    font-family: 'Montserrat Alternates';
}

.modal.in .modal-dialog{
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal-content{
    width: 100%;
    height: 100%;
} 

.title.container.intra{
	text-align: right;
	padding-right: 5px;
}

.text-sports {
    text-align: left;
    border-left: 5px solid #ff6a00;
    padding-left: 12px;
}



/*.hero-text h1{
    font-size: 2.5em;
}*/

h3.tituloArte:hover {
    color: #fe953f;
}

.contenedor-notas-sm{
    min-height: 100px;
}

@media only screen and (max-width: 767px) {
.hero-image .boxOferta.equipos ul li {
        text-align: left;
        padding: 5px 50px;
        font-size: 1em;
    }
}

.btn-academia-w {
    width: 250px;
}

/*.btn-academia-w a {
    color: white;
}*/


ul.redes{
    text-align: center;
    
}

ul.center-cinta {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    list-style-type: none;
}

@media only screen and (max-width: 769px){
    ul.center-cinta {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5em;
        list-style-type: none;
    }
}

@media only screen and (max-width: 441px) {
    ul.center-cinta {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 35%;
        transform: translate(-50%, -50%);
        font-size: 13px !important;
        list-style-type: none;
    }
}


.centrar-foo{
    height: 306px;
}

.test {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.row.foot {
    /*height: 306px;*/
}


.row.foot.center-block {
    background-image: url("../images/arteycultura/f1.jpg");   
    width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;   
}

/* COLOR POR CATEGORIA */

/* EVENTOS */

a.congresos {
    border: solid 1px #F47C1E !important;
    color: #F47C1E !important;
}


a.congresos:hover {
    background-color: #F47C1E !important;
    color: white !important;
}

a.congresos:active, 
a.congresos:focus,
.nav-pills>li.active>a.congresos{
        background-color: #F47C1E !important;
        color: white !important;
}

.fechaEventoCongresos {
    position: absolute;
    background-color: #F47C1E;
    /* top: 0; */
    /* left: 0; */
    right: 50px;
    /* margin: 0 auto; */
    width: 50px;
    /* top: 43%; */
    padding: 5px;
    color: #fff;
    font-weight: 700;
    float: right;
    margin-top: -30px;
    margin-right: 10px;
    text-transform: uppercase;
}

.fechaEventoMovilCongresos {
    background-color: #F47C1E;
    font-size: 1.8em;
    color: #fff;
}

a.culturales {
    border: solid 1px #00B2A9 !important;
    color: #00B2A9 !important;
}

a.culturales:hover {
    background-color: #00B2A9 !important;
    color: white !important;
}

a.culturales:active,
a.culturales:focus,
.nav-pills > li.active > a.culturales {
    background-color: #00B2A9 !important;
    color: white !important;
}

.fechaEventoCulturales {
    position: absolute;
    background-color: #00B2A9;
    /* top: 0; */
    /* left: 0; */
    right: 50px;
    /* margin: 0 auto; */
    width: 50px;
    /* top: 43%; */
    padding: 5px;
    color: #fff;
    font-weight: 700;
    float: right;
    margin-top: -30px;
    margin-right: 10px;
    text-transform: uppercase;
}

.fechaEventoMovilCulturales {
    background-color: #00B2A9;
    font-size: 1.8em;
    color: #fff;
}

a.deportivos {
    border: solid 1px #154734 !important;
    color: #154734 !important;
}

a.deportivos:hover {
    background-color: #154734 !important;
    color: white !important;
}

a.deportivos:active,
a.deportivos:focus,
.nav-pills > li.active > a.deportivos {
    background-color: #154734 !important;
    color: white !important;
}

.fechaEventoDeportivo {
    position: absolute;
    background-color: #154734;
    /* top: 0; */
    /* left: 0; */
    right: 50px;
    /* margin: 0 auto; */
    width: 50px;
    /* top: 43%; */
    padding: 5px;
    color: #fff;
    font-weight: 700;
    float: right;
    margin-top: -30px;
    margin-right: 10px;
    text-transform: uppercase;
}

.fechaEventoMovilDeportivo {
    background-color: #154734;
    font-size: 1.8em;
    color: #fff;
}

/* FIN EVENTOS */

/* NOTICIAS */

a.academicas {
    border: solid 1px #F47C1E  !important;
    color: #F47C1E  !important;
}


    a.academicas:hover {
        background-color: #F47C1E  !important;
        color: white !important;
    }

a.academicas:active, 
a.academicas:focus,
.nav-pills>li.active>a.academicas{
        background-color: #F47C1E  !important;
        color: white !important;
}

.tituloEvento span {
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
}



span.CatAcademicas {
    border-left: 10px solid #F47C1E;
    padding-left: 5px;
}

.tituloEvento{
    line-height: 25px;
}

a.notculturales {
    border: solid 1px #00B2A9 !important;
    color: #00B2A9 !important;
}


a.notculturales:hover {
    background-color:  #00B2A9 !important;
    color: white !important;
}

a.notculturales:active, 
a.notculturales:focus,
.nav-pills>li.active>a.notculturales{
        background-color:  #00B2A9 !important;
        color: white !important;
}

span.CatCulturales {
    border-left: 10px solid #00B2A9;
    padding-left: 5px;
}

a.notdeportivas {
    border: solid 1px #154734 !important;
    color: #154734 !important;
}


a.notdeportivas:hover {
    background-color: #154734 !important;
    color: white !important;
}

a.notdeportivas:active, 
a.notdeportivas:focus,
.nav-pills>li.active>a.notdeportivas{
        background-color: #154734 !important;
        color: white !important;
}

span.CatDeportivas {
    border-left: 10px solid #154734;
    padding-left: 5px;
}

span.NotDestacada {
    border-left: 10px solid #000;
    padding-left: 5px;
}

/* FIN NOTICIAS */


/* FIN COLOR POR CATEGORIA */

form.form-vinculacion{
    max-width: 680px;
    margin: 0 auto;
    text-align: left;
    color: black !important;
}

.validationsummary ul {
    display: none;
}

input#ctl00_contenido_btnEnviar {
    background-color: #00502f !important;
    color: white !important;
    font-weight: 800 !important;
    font-size: 18px;
    width: auto !important;
    border-color: white !important;
}


@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
       .hero-text {       
        transform: translate(0%, 25%);                
    }
}


@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

    .hero-text {       
        transform: translate(0%, 25%);                
    }

}


@media screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1100px) 
  { 
    .hero-text {       
        transform: translate(0%, 20%);                
      }
    }



.covid19{
    margin-top:100px !important;
    WIDTH: 100%;
    BACKGROUND-COLOR: WHITE;
    Z-INDEX: 1;
    TEXT-ALIGN: LEFT;
    height: 70px;
}

i.fas.fa-info-circle{
    color: #820000;
    padding: 22px;
    font-size: 25px;
}

.linkcorona{
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
    font-family: 'Source Sans Pro', sans-serif;
}

.linkcorona:hover{
    margin-left: .25em;
    margin-right: .15em;
    transition: margin .25s ease;
}
 
i.fas.fa-chevron-right{
    font-size: 10px;
}

@media (max-width: 600px) {
    .covid19{
        margin-top: 68px !important;
    }

    .linkcorona{
        font-size: 16px;
        font-weight: 700;
        text-decoration: underline;
        font-family: 'Source Sans Pro', sans-serif;
    }

    i.fas.fa-info-circle{
        color: #820000;
        padding: 22px;
        font-size: 20px;
    }
    
  }