*:focus{outline:0px; }
* {-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.navbar-brand img:nth-child(2){margin-left: 25px}
body{background-image: url('../img/bg.jpg'); font-family: 'Arial'}
.navbar-toggler {border: 1px solid #000; }
nav ul li.nav-item a.nav-link{border-right: solid 1px #000; padding: 0; color: #4D4D4D; position: relative;}
nav ul li.nav-item.active a.nav-link{ color: #000;}
nav ul li.nav-item:hover a.nav-link:after,
nav ul li.nav-item.active a.nav-link:after {content: ''; width: 90%; position: absolute; left: 4%; bottom: 0px; border-width: 0 0 2px; border-style: solid; }
nav ul li.nav-item.active:hover a.nav-link:after,
nav ul li.nav-item:hover a.nav-link:after
{width: 47%;-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
nav ul li.nav-item:last-child a.nav-link {border-right: 0;}
nav ul li a{color: #1D1D1B; letter-spacing: 5px; font-size: 18px;}
nav ul li a:hover{color: #1D1D1B;}
.inline-YTPlayer{max-width: 100%!important;}
.bg-light {background-color: transparent!important;}
#video {position: relative; background-image: url('../img/video.jpg');background-size: cover;
background-position: center; }
#pausa{display: none}
.botonplay {text-align: center;cursor: pointer;width: 100%;top: 0;left: 0;right: 0;bottom: 0;height: 100%;overflow: hidden;display: block;position: absolute;}
.botonplay img {position: absolute;top: 60%; left: 50%; margin-top: -40px; margin-left: -40px; right: 0; bottom: 0;}
.videot {opacity: 0;}
section#mitos_section h2 {padding: 20px 0; margin: 30px 0; background-color: rgba(0,0,0,0.3);}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
#texto_oscuro{background-color: rgba(29, 29, 27, 0.3); padding: 50px 0}
#texto_oscuro p{text-transform: uppercase; font-size: 29px; font-weight: 900; text-align: center; letter-spacing: 5px; }
#texto_oscuro p b{color:#fff;}
hr {border: 0; margin: 0; background-color: rgba(29, 29, 27, 0.3);padding: 15px;}
.boton_mas{text-align: center;color: #000; display: block;margin: 60px 0;}
.boton_mas:hover{color: #000; text-decoration: none; }
#texto_claro{ padding: 50px }
#texto_claro p{ text-align: center; letter-spacing: 4px; }
#texto_claro p:first-child{ font-weight: 900 }
#mitos_texto .carousel-fade .carousel-item {padding: 50px; font-size: 18px}
#mitos h5 a {color: #fff; text-transform: uppercase;}
/* ---------------- SECCION BRECHAS -----------------*/
#brecha_causas .nav-tabs {background-color: #b2b2b2; border: 0; margin: 20px 0}
#brecha_causas .nav-tabs .nav-item {font-size: 15px; border: 0; border-radius: 0; color: #000; text-transform: uppercase; width: 33.33333%; text-align: center; font-weight: 700; padding: 22px; }
#brecha_causas .nav-tabs .nav-link.active {color: #fff; background-color: #666; }
#mitos_brechas h2{padding: 20px 0; margin: 30px 0; background-color: rgba(0,0,0,0.3); text-align: center;}
#mitos_brechas .tab-pane{padding: 25px}
#mitos_brechas .nav-tabs .nav-item{padding: 0; width: 20%; height: 200px; text-transform: uppercase; border: 0; border-radius: 0; background-size: cover; background-position: center; filter: grayscale(100%); z-index: 99999; position: relative;}
#mitos_brechas .nav-tabs .nav-item span{background-color: rgba(0,0,0,0.5); width: 100%; display: block; position: absolute; top: 30%; min-height: 88px; color: white; text-align: center; padding: 20px;}
#mitos_brechas .nav-tabs .nav-item.active,
#mitos_brechas .nav-tabs .nav-item:hover {filter: grayscale(0);}
#mitos_brechas .nav-tabs .nav-item:nth-child(1){background-image: url('../img/boton_1.jpg');}
#mitos_brechas .nav-tabs .nav-item:nth-child(2){background-image: url('../img/boton_2.jpg');}
#mitos_brechas .nav-tabs .nav-item:nth-child(3){background-image: url('../img/boton_3.jpg');}
#mitos_brechas .nav-tabs .nav-item:nth-child(4){background-image: url('../img/boton_4.jpg');}
#mitos_brechas .nav-tabs .nav-item:nth-child(5){background-image: url('../img/boton_5.jpg');}
#orientacion .col-md-1.relleno{background-color: rgba(29, 29, 27, 0.3); padding: 35px;}
#orientacion .col-md-5 {background-color: rgba(29, 29, 27, 0.3); padding: 35px;}
#orientacion .col-md-5 a {display: inline;}
#orientacion .col-md-5 h2{min-height: 76px}
#orientacion .col-md-5 p{line-height: 27px;}
#orientacion .col-md-5:first-child,
#orientacion .col-md-5:last-child {background-color: transparent;}
#orientacion .col-md-5:nth-child(2n){text-align: right}
.carousel-caption {font-size: 11px; right: 0; bottom: 34%; left: 0; padding-top: 55px; padding-bottom: 50px; background-color: rgba(0,0,0,0.5); width: 100%;}
.carousel-control-next, .carousel-control-prev {z-index: 20}
.carousel-indicators > li {border-radius: 50%;width: 20px; height: 20px; }
section#orientacion	.boton_mas{text-align: right;} 
section#orientacion	h2{text-transform: uppercase;} 
section#orientacion .nav-tabs {background-color: #b2b2b2; border: 0; margin: 25px 0 35px}
section#orientacion .nav-tabs .nav-item {font-size: 15px; border: 0; border-radius: 0; color: #000; text-transform: uppercase; width: 25%; text-align: center; font-weight: 700; padding: 22px; }
section#orientacion .nav-tabs .nav-link.active {color: #fff; background-color: #666; }
#brecha_texto {padding: 30px}
#brecha_texto h2{margin-bottom: 25px}
#brecha_causas a,
#brecha_texto a {text-align: right;}
#recursos{}
#recursos_texto{padding: 30px;}
#recursos_texto ul li{margin-bottom: 20px;}
#mitos_section .container{padding: 0;}


#ficha {padding: 50px;}
#ficha .list-group-item {background-color: transparent;}
#ficha h3{text-transform: uppercase; margin-bottom: 20px;}
.rounded-circle {background-color: #fff;padding: 10%;}
section#comision .row div{margin-bottom: 20px;}
section#comision_titulo {background-color: rgba(0,0,0,0.3); margin: 50px 0; padding: 20px 0}
section#comision_titulo h2{text-transform: uppercase; text-align: center;}
section#comision h3{text-align: center; font-size: 14px;margin: 15px 0;}
	
footer{background-color: rgba(255,255,255, 0.6); padding: 20px 0; margin-top: 50px;}
footer ul li:first-child{border-right: solid 1px; padding-right: 16px!important;}
footer ul li a{color: #000; letter-spacing: 2px}
/*  ----------------------------- RESPONSIVE MOBILE---------------------------- */
@media (max-width: 767px) { 
#video {background-image: url('../img/video_m.jpg');}
nav ul li.nav-item a.nav-link{text-align: center;     border: 0;}
nav ul li.nav-item:hover a.nav-link:after,
nav ul li.nav-item.active a.nav-link:after {width: 40%; left: 30%;}
#texto_oscuro{    padding: 50px 16px;}
#texto_oscuro p {font-size: 16px; letter-spacing: 3px;}
#texto_claro {padding: 40px 10px; }
#orientacion .col-md-5 h2 {min-height: 0; }
#orientacion .col-md-5:first-child,
#orientacion .col-md-5:last-child {background-color: rgba(29, 29, 27, 0.3);}
#orientacion .col-md-5:nth-child(2n){background-color: transparent;}
.carousel-caption {top: 0; bottom: 0}
.carousel-caption h5{font-size: 12px;}
/* ----------------------Brechas ----------------------*/
#brecha_causas .nav-tabs .nav-item {font-size: 11px;}
#mitos_brechas .nav-tabs .nav-item  {height: 130px;}
#mitos_brechas .nav-tabs .nav-item span {font-size: 11px;top: 15%; padding: 25px 1px;}
/*-------------------ORIENTACION -------------------*/
section#orientacion .nav-tabs .nav-item {font-size: 12px; padding: 8px; }
footer,
footer ul.list-inline.text-right {text-align: center!important; margin-top: 15px;}
}