.img-nexia{
  margin-left: auto;
  margin-right: auto;
}
.img-navbar{
  padding-top: 20px;
}
.carousel-caption {
    top: 0;
    bottom: auto;
    text-align: left;
}
.nav-ul-style{
  padding-right: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.nav-style{
  margin-bottom: 0px;
  padding-left: 60px;
}
.item{
  width: 100%;
  height: 540px;
  background-size: cover;
}
.carousel-img1{
  background: url(../img/c-1-1.jpg) no-repeat center center fixed;
  background-size: cover;
}
.carousel-img1 h1{
  font-size: 3.5em;
}
.carousel-img2{
  background: url(../img/c-2-2.jpg) no-repeat center center fixed;
  background-size: cover;
}
.carousel-img2 h1{
  font-size: 3.5em;
}
.carousel-img3{
  background: url(../img/c-3-1.jpg) no-repeat center center fixed;
  background-size: cover;
}
.carousel-img3 h1{
  font-size: 3.5em;
}
#main-content{
  padding-left: 80px;
  padding-right: 80px;  
}
hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  background-color: rgb(0, 178, 169); /* Modern Browsers */
}
hr.hr-footer{
  border: none;
  height: 1px;
  /* Set the hr color */
  background-color: rgb(0, 0, 0);
}
.principal{
  color: rgb(0, 178, 169);
}
.img-flag{
  width: 50%;
}
/*ALL JUMBOTRONS STYLES*/
div.jumbotron {
  background: url(../img/carousel-3.jpeg) no-repeat center center fixed;
  height: 250px;
  background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
div.jumbotron.contact{
  background: url(../img/contact-us.jpg) no-repeat center center fixed;
  height: 250px;
  background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
div.jumbotron.events{
  background: url(../img/events.jpg) no-repeat center center ;
  height: 250px;
  background-position: 0% 70%;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
div.jumbotron.join{
  background-color: gray;
  background: url(../img/join.jpeg) no-repeat center center ;
  height: 250px;
  background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
div.jumbotron.multimedia{
  background: url(../img/multimedia.jpg) no-repeat center center fixed;
  height: 250px;
  background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
.jumbotron h1{
  text-align: right;
  text-shadow: 2px 2px 5px black;
}
/*END OF ALL JUMBOTRON STYLES*/
/*footer section*/
.logo-footer{
  width: 15%;
}
.footer-container{
  padding: 20px;
  background-color: #1985C3;
}
.copyright{
  background: black;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
span.span-light{
  padding-right: 10px;
  color: #ffffff;
}
span.span-dark{
  padding-right: 10px;
  color: #121e1e;
}
a.a-clean{
  color: black;
  text-decoration: none;
}
a:hover.a-clean{
  color: #666666;
  text-decoration: none;
}
.nav-pills a{
  color:black;
}
/*END OF FOOTER SECTION*/
.blue-square{
  padding: 5px 20px;
  background-color: #ED9034;
}

/*NAVBAR AUTO GENERATED CONFIGURATION*/
.navbar-default {
  background-color: #ffffff;
  border-color: #f2f2f2;
}
.navbar-default .navbar-brand {
  color: #2f2f2f;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #00a39b;
}
.navbar-default .navbar-text {
  color: #2f2f2f;
}
.navbar-default .navbar-nav > li > a {
  color: #2f2f2f;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #00a39b;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #00a39b;
  background-color: #f2f2f2;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #00a39b;
  background-color: #f2f2f2;
}
.navbar-default .navbar-toggle {
  border-color: #f2f2f2;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f2f2f2;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #2f2f2f;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #2f2f2f;
}
.navbar-default .navbar-link {
  color: #2f2f2f;
}
.navbar-default .navbar-link:hover {
  color: #00a39b;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #2f2f2f;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #00a39b;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #00a39b;
    background-color: #f2f2f2;
  }
}
/*END OF NAVBAR AUTO GENERATED CONFIGURATION*/

/* AUTO GENERATED BUTTONS*/
/* FACEBOOK BUTTON*/
.btn-facebook { 
  color: #ffffff; 
  background-color: #3B5998; 
  border-color: #8B9DC3; 
} 

.btn-facebook:hover, 
.btn-facebook:focus, 
.btn-facebook:active, 
.btn-facebook.active, 
.open .dropdown-toggle.btn-facebook { 
  color: #ffffff; 
  background-color: #8B9DC3; 
  border-color: #8B9DC3; 
} 

.btn-facebook:active, 
.btn-facebook.active, 
.open .dropdown-toggle.btn-facebook { 
  background-image: none; 
} 

.btn-facebook.disabled, 
.btn-facebook[disabled], 
fieldset[disabled] .btn-facebook, 
.btn-facebook.disabled:hover, 
.btn-facebook[disabled]:hover, 
fieldset[disabled] .btn-facebook:hover, 
.btn-facebook.disabled:focus, 
.btn-facebook[disabled]:focus, 
fieldset[disabled] .btn-facebook:focus, 
.btn-facebook.disabled:active, 
.btn-facebook[disabled]:active, 
fieldset[disabled] .btn-facebook:active, 
.btn-facebook.disabled.active, 
.btn-facebook[disabled].active, 
fieldset[disabled] .btn-facebook.active { 
  background-color: #3B5998; 
  border-color: #8B9DC3; 
} 

.btn-facebook .badge { 
  color: #3B5998; 
  background-color: #ffffff; 
}
/*END OF FACEBOOK BUTTON*/
/*TWITTER BUTTON*/
.btn-twitter { 
  color: #ffffff; 
  background-color: #0084B4; 
  border-color: #00ACED; 
} 

.btn-twitter:hover, 
.btn-twitter:focus, 
.btn-twitter:active, 
.btn-twitter.active, 
.open .dropdown-toggle.btn-twitter { 
  color: #ffffff; 
  background-color: #00ACED; 
  border-color: #00ACED; 
} 

.btn-twitter:active, 
.btn-twitter.active, 
.open .dropdown-toggle.btn-twitter { 
  background-image: none; 
} 

.btn-twitter.disabled, 
.btn-twitter[disabled], 
fieldset[disabled] .btn-twitter, 
.btn-twitter.disabled:hover, 
.btn-twitter[disabled]:hover, 
fieldset[disabled] .btn-twitter:hover, 
.btn-twitter.disabled:focus, 
.btn-twitter[disabled]:focus, 
fieldset[disabled] .btn-twitter:focus, 
.btn-twitter.disabled:active, 
.btn-twitter[disabled]:active, 
fieldset[disabled] .btn-twitter:active, 
.btn-twitter.disabled.active, 
.btn-twitter[disabled].active, 
fieldset[disabled] .btn-twitter.active { 
  background-color: #0084B4; 
  border-color: #00ACED; 
} 

.btn-twitter .badge { 
  color: #0084B4; 
  background-color: #ffffff; 
}
/*END OF TWITTER BUTTON*/
/*YOUTUBE BUTTON*/
.btn-youtube { 
  color: #ffffff; 
  background-color: #B31217; 
  border-color: #E52D27; 
} 

.btn-youtube:hover, 
.btn-youtube:focus, 
.btn-youtube:active, 
.btn-youtube.active, 
.open .dropdown-toggle.btn-youtube { 
  color: #ffffff; 
  background-color: #e52d27; 
  border-color: #E52D27; 
} 

.btn-youtube:active, 
.btn-youtube.active, 
.open .dropdown-toggle.btn-youtube { 
  background-image: none; 
} 

.btn-youtube.disabled, 
.btn-youtube[disabled], 
fieldset[disabled] .btn-youtube, 
.btn-youtube.disabled:hover, 
.btn-youtube[disabled]:hover, 
fieldset[disabled] .btn-youtube:hover, 
.btn-youtube.disabled:focus, 
.btn-youtube[disabled]:focus, 
fieldset[disabled] .btn-youtube:focus, 
.btn-youtube.disabled:active, 
.btn-youtube[disabled]:active, 
fieldset[disabled] .btn-youtube:active, 
.btn-youtube.disabled.active, 
.btn-youtube[disabled].active, 
fieldset[disabled] .btn-youtube.active { 
  background-color: #B31217; 
  border-color: #E52D27; 
} 

.btn-youtube .badge { 
  color: #B31217; 
  background-color: #ffffff; 
}
.overlay {
   background:transparent; 
   position:relative; 
   width:640px;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}
/*END OF YOUTUBE BUTTON*/
/*EFECTOS*/
.slideanim {visibility:hidden;}
.slides {
  /* The name of the animation */
  animation-name: slides;
  -webkit-animation-name: slides; 
  /* The duration of the animation */
  animation-duration: 1s; 
  -webkit-animation-duration: 1s;
  /* Make the element visible */
  visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slides {
  0% {
    opacity: 0;
    transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    transform: translateY(0%);
  } 
}
@-webkit-keyframes slides {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}