.boxLabel label  {
    text-align: right;
    font-weight: bold;
    display: block;
}
.boxLabel {
    padding-top: 13px;
}
.informes {padding:10px 35px;}
.titInformes{
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    /* font-weight: bold; */
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: 'raleway';
    font-style: italic;
    font-weight: 800;
    padding: 4px;
    padding-left: 15px;
    
}
.funcionamiento, #leyes{padding:0;}
.funcionamiento h4 {
    padding-bottom: 10px;
}
.box-informe h1{
    display: block;
    padding: 15px;
    color: #555;
    font-size: 13px;
    /* font-weight: bold; */
    text-transform: uppercase;
    word-spacing: 3px;
    text-decoration: none;
    font-family: 'raleway';
    font-style: italic;
    font-weight: 800;
    padding: 4px;
  }
.boxComunidadInterno .contenido input {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
        box-shadow: none;
}
.portadaOCAL .btnVolver{display:none;}

a.btnVolver {
    float: right;
    background: #fff;
    color: #333;
    padding: 5px 10px;
    cursor: pointer;
}

.noticias-interna, .boxComunidad {
    background: #fff;
    padding: 10px 40px;
}
.verNoticias{color:#333;}
.noticias h1, .institucional h1, .noticias-interna h3, .boxComunidad h1, .boxComunidadInterno h1, .resultadosInformes {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    /* font-weight: bold; */
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: 'raleway';
    font-style: italic;
    font-weight: 800;
    padding: 4px;
}

.boxComunidad h2 {
    display: block;
    color: #5aace5;
    font-size: 16px;
    text-decoration: none;
    padding: 0;
    margin-bottom: 3px;
}
.btnCeleste{
	background: #5aace5;
	padding:5px 10px;
	color:#fff;
	

}

.boxComunidadInterno button {
    float: right;
    background: #6dabe4;
    border: 0;
    color: #fff;
    padding: 8px;
    margin: 18px 0;
}

.noticias {margin-bottom:20px; }

.logoEPTA {
    width: 188px;
}
.comunidad {
    background: #497291;
    margin: 30px 0;
    color: #fff;
    padding: 10px;
    font-family: 'raleway';
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
}
.funcionamiento .well {
    background: none;
    border: 0;
    box-shadow: none;
}
.funcionamiento {
    margin-top: 30px;
}

.funcionamiento .well img {width:60%; margin: 0 auto;}
.btnverFunc {
    font-family: none;
    content: "";
    float: right;
    transition: all 0.5s;
    color: #f7f3f2;
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right;
    transform: rotate(
270deg
);
}


.flechaTransparente{
    font-family: none;
    content: "";
    float: right;
    transition: all 0.5s;
    color: #f7f3f2;
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right;
    
}
	.upper{text-transform:uppercase;}
	.resolucion {font-family: 'raleway';font-style:italic;border-bottom:1px solid #888;}
	#funcionamiento {
    width: 60%;
    margin: 10px auto;
}
.noticiaDgadsIndividual .fechaNoticia {
    width: 100%;
    margin: 20px 0;
    text-align: right;
}
.noticiadgadsIndividual {
    background: #fff;
    padding: 25px;
}

.noticiaDgadsIndividual h1{
	font-family: 'raleway';
	font-size:15px;
	font-weight:bold;
	font-style:italic;
}

.noticiaDgadsIndividual p{
	
	font-size:14px;
	
}
.noticiaDgadsIndividual h2 {
    color: #5db2ea;
    font-size: 17px;
}
   .txtContacto {
    word-break: break-word;
    font-size: 12px;
}

a {color:#6dabe4;}
.section-top-menu {
    background: #fff;
    padding: 15px;
    padding-top: 30px;
}

div#mySidenav a:hover {
    color: #333;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #333;
}
img.logoObservatorio {
    width: 220px;
    margin-right: 26%;
}

.txtObservatorio img { width: 220px;}

img.logoHCDN {
    width: 100px;
}
.txtObservatorio {
    padding-top: 32px;
}

.navbar-toggle {
    position: absolute;
    left: 10%;
    top: 72px;
}


div#mySidenav a {
    color: #ddd;
    font-size: 13px;
    padding: 7px;
    margin-left: 30px;
    text-transform: uppercase;
    line-height: 15px;
}

.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 11px;
    font-size: 36px;
    margin-left: 50px;
}
a.closebtn {
    font-size: 28px!important;
}
/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

#main {
    transition: margin-left .5s;
    padding: 29px 140px;
    padding-bottom: 20px;
}


  

body {
    background: #f1f3f0;
      font-family: 'Roboto Condensed', sans-serif!important;
}



.navbar-default .navbar-toggle {
    border-color: #ddd;
    top: 100px;
    position: absolute;
    background: none;
    border: 0;
    left: 10%;
}
.navbar-default{border:0;}
.navbar-header {
    padding-bottom: 30px;
}
.navbar .container{text-align:center;}
nav.navbar.navbar-default {
    background: #fff;
        padding-bottom: 20px;
}

.navbar-default .navbar-toggle .icon-bar{background-color:#333;}


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


.destacadoAzul {
    background: #6dabe4;
    padding: 20px 37px;
    color: #fff;
    
}

.destacadoAzul .well {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.destacadoAzul .btn {
    float: right;
    background: none;
    border: 0;
    padding: 0 20px;
}
.destacadoAzul .btn:active{

    box-shadow: none;
    background:none;
  }
  
  
  div#historiaMision {
    padding: 0;
    margin-bottom:30px;
}
div#historiaMision .panel-body p {
    padding-left: 21px;
}
#historiaMision .panel-heading {
    padding-left: 32px;
}
.panel-title>a, .panel-title>a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    /* font-weight: bold; */
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: 'raleway';
    font-style: italic;
    font-weight: 800;
    padding: 4px;
}
.panel-default>.panel-heading{ background:none;}
.panel-heading a:before {
    font-family: none;
    content: "";
    float: right;
    transition: all 0.5s;
    background: url(/institucional/infGestion/observatorio/flecha.jpg);
    color: #f7f3f2;
    width: 20px;
    height: 20px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right;
    transform: rotate(270deg);

}
#proyectos .panel-heading a:before {
    font-family: none;
    content: "";
    float: right;
    transition: all 0.5s;
    background: url(/institucional/dgads/img/flechaProyectos.jpg)!important;
    color: #f7f3f2;
    width: 20px;
    height: 20px;
    background-size: 18px!important;
    background-repeat: no-repeat;
    background-position: right;
    transform: rotate(270deg);
}
.panel-heading.active a:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
} 

#proyectos .panel-heading.active a:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
} 

.panel.panel-default {
    background: none;
    border: 0;
    border-bottom: 1px solid #888;
    border-radius: 0;
}



.destacadoGris .well {
    background: #ededed;
    border: 0;
    box-shadow: none;
    padding: 20px 35px;
}
.destacadoGris {
    background: #ededed;
    padding: 0px;
      text-align: left;
}
.tituloLeyes {text-align:left!important;}
.tituloFuncion, .tituloLeyes  {
   
    color: #555;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: 'raleway';
    font-style: italic;
    font-weight: 800;
    padding: 4px;
    text-align:center;
}
.leyes {
    padding: 0 35px;
}


.topFuncion{
padding-left: 35px;
}
.destacadoGris a {
    color: #333;
}

.destacadoGris .well .row, .destacadoGris .well .col-xs-12 {
    padding-bottom: 12px!important;
}

.destacadoGris .well > .col-xs-12 {
    padding: 0px;
}
.flechaFuncion {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -11px;
        z-index: 99999;
}
.flechaFuncion div {
    border: 1px solid #888;
    width: 25px;
    margin: 0 auto;
    border-radius: 50%;
    padding-top: 1px;
    height: 25px;
    background: #f7f3f2;
}




.flechaFuncion img {
    width: 13px;
}

.separadorFuncion {
    background: #888;
    height: 1px;
}
.flechafn.on {
    width: 13px;
    transform: rotate(180deg);
}

 .resolucion {
    background: #EDF1FC;
    padding: 20px;
    margin-bottom:30px;
}

div#collapseLeyes .well {
    border: 0;
    padding: 0;
    box-shadow: none;
}

a.btnLey {
    float: right;
    color: #333;
}
.footer{padding:0px;}

.footerGris {
    background: #E6E7E8;
    padding: 20px;
    margin: 40px 0;
    margin-bottom: 20px;
}


.titContacto {
    color: #808285;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: 'raleway';
    font-weight: 800;
    font-style: italic;
    text-align: left;
    margin-bottom: 10px;
    padding: 0;
}

.redes {
    text-align: center;
}

.redes a {
    color: #333;
    font-size: 18px;
}

.redes i {
    margin-right: 8px;
}
img.logoHCDNFooter {
    margin-top:10px;
    }

button.btn.btn-default.btn-sin-fondo {
    background: #ededed;
    border-radius: 0;
}

input.form-control.input-sin-fondo {
    background: #ededed;
    box-shadow: none;
    border: 1px solid #bbb;
    border-radius: 0;
}
#proyectos .panel.panel-default {
    background: #497291;
}
#proyectos{padding:0;}

#proyectos h4 a {color:#fff;}
div#proyectoscollapseTwo {
    background: #d1d2d4;
}

@media (max-width: 500px){
	.proyectos {
		grid-template-columns: 1fr!important;
	}
}

.proyectos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}
.box-proyectos img {
    width: 110px;
    float: right;
}
.box-proyectos a {
    display: grid;
    width: 100%;
    height: 72px;
    background: #fff;
    margin: 16px 0;
    grid-template-columns: 1fr auto;
}

.box-proyectos .txt {
    padding: 11px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.secciones {
    background: #fff;
    padding: 35px!important;
}

.secciones h1 {
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    color: #555;
    margin-bottom: 30px;
    margin-top: 0;
    font-family: 'raleway';
}
.secciones h2 {
    color: #5aade5;
    font-size: 17px;
    margin-bottom: 0;
}
#observatorio .container{background:#fff;}
.container.portadadgads {background:none!important;}

.campos_formulario input {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 10px;
}
.contactodgads h1{display:none;}
.fila_formulario {
    width: 48%;
    float: left;
  margin: 16px 1%;
}

.fila_formulario:nth-child(5) {
    width: 100%;
}


textarea#InputField-5 {
    width: 98%;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.fila_formulario:last-child {
    margin: 40px auto;
    width: 300px;
    float: none;
}
.botones {
    text-align: center;
    margin: 11px;
}
.literal {
    color: #666;
}
.botones input {
    background: #5695b7;
    border: 0;
    color: #fff;
}
@media(min-width: 500px) {
.redes .fb {
    text-align: center;
}

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

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



.sidenav {
    height:auto;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 142px;
    left: 0;
    background-color: #494949;
    overflow: hidden;
    padding-top: 11px;
    transition: 0.5s;
}

}


@media(max-width: 500px) {

.destacadoAzul .well br{display:none;}
.topFuncion {
    padding-left: 35px;
    padding-right: 35px;
}
.destacadoGris .well {

    padding: 0px 35px;
    margin-top: -6px;
}
a.closebtn {
    display: none;
}
div#mySidenav a {
    color: #ddd;
    font-size: 15px;
    padding: 0px;
    margin-left: 0;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #555;
}


.header .container-fluid {
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}

.section-top-menu {
       padding-top: 20px;
    padding-bottom: 0;
padding-left: 0;
    padding-right: 0;
}


img.logoObservatorio {
    width: 160px;
    margin-right: 0;
    margin-bottom: 10px;
}


.sidenav {
    height: 0px;
    width: 100%;
    z-index: 1;
    top: 164px;
    left: 0;
    background-color: #494949;
    overflow: hidden;
    padding-top: 0;
    transition: 0.5s;
    /* margin: -0 -31px; */
}





  .sidenav a {font-size: 18px;}
  
  img.logoHCDN {
    display: none;
}

img.logoObservatorio {
    margin-right: 0;
}

.navbar-toggle {
    position: absolute;
    left: 10%;
    top: 53px;
}

.txtObservatorio {
    display: none;
}

#main {
    transition: margin-left .5s;
    padding: 20px 0;
    padding-bottom: 20px;
    border: 0;
}

.destacadoGris .well .row {
    padding-bottom: 0!important;
}

}




@media (max-width: 780px) {


		
}



@media (min-width: 980px) {
#observatorio > .container, .footer .footerGris .container, .footer .redes {
    padding-left: 140px;
    padding-right: 140px;
}

	
}



@media (min-width: 780px) {
}

	



@media (max-width: 450px){

}
.vjs-poster {
	background-color: #85a7d9;
}
.video-wrapper {
	padding: 2rem;
}

.hito-wrapper {
    	padding: 3rem 0;
}

.hito-wrapper > h3 {
	font-weight: 800;
	color: #555;
	font-size: 22px;
	text-transform: uppercase;
	font-style: italic;
	margin-bottom: 20px;
}

.hito-wrapper > p {
	line-height: 1.3;
	font-size: 17px;
	margin-bottom: 25px;
}

.panel-title-lightblue {
	background: #6dabe4;
	color: #fff;
	padding: 1rem;
	margin-top: 1rem;
}
.panel-title-lightblue > a,
.panel-title-lightblue > a:active {
	color: #fff;
}

.buenas-practicas-wrapper {
	padding: 3rem 2rem;
	overflow: hidden;
	background: #DAE0EC
}
.buenas-practicas-wrapper .practicas > h5 {
	color: #555;
	font-size: 16px;
        font-family: 'raleway';
    	font-style: italic;
    	font-weight: 800;
}
.buenas-practicas-wrapper .practicas img {
	min-width: 270px;
}
#hitos .panel-blue {
	background: #0c2948;
	border-radius: 0;
}

#hitos .panel-blue a{
	color: #fff;
}

#hitos .panel-heading a:before {
	font-family: none;
    	content: "";
    	float: right;
    	transition: all 0.5s;
    	background: url(/institucional/dgads/img/flechaHitos.png)!important;
    	color: #f7f3f2;
    	width: 26px;
	height: 23px;
	background-size: 23px!important;
    	background-repeat: no-repeat;
    	background-position: right;
    	transform: rotate(90deg);
}
#hitos .panel-heading .collapsed:before {
     	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    	transform: rotate(0deg);
}
#hitos .panel-collapse {
	padding: 3rem 2rem;
	overflow: hidden;
	background: #DAE0EC
}

#hitos .panel-collapse h5 {
	color: #0c2948;
	font-size: 18px;
        margin-bottom: 20px;
    	font-style: italic;
    	font-weight: 800;
}

#hitos .panel-collapse .manual {
	    color: #fff;
	    text-align: center;
	    position: relative;
	    display: grid;
	    align-items: center;
	    grid-template-columns: auto 1fr auto;
	    margin-top: 30px;
}
#hitos .panel-collapse .manual::before,
#hitos .panel-collapse .manual::after {
	content: "";
	height: 2px;
	background: #0c2948;
	width: 120px;
}

#hitos .panel-collapse .manual h2 {
	background: #0c2948;
	font-style: italic;
	font-weight: 800;
	font-size: 20px;
	font-family: 'raleway';
	width: max-content;
	margin: auto;
	padding: 5px 10px;
}

.ley-yolanda-wrapper {
	margin-top: 15rem;
	overflow: hidden;
	width: 100%;
}
.ordenanzas-wrapper {
	margin-top: 2rem;
	overflow: hidden;
	width: 100%;
}


.efemerides-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    padding: 2rem;
}
.efemerides-wrapper .efemeride {
   margin-bottom: 20px;
}

.efemerides-wrapper .efemeride > span {
    background: #86ba68;
    color: #fff;
    font-size: 16px;
    padding: 5px 7px;
    display: inline-flex;
    margin-bottom: 5px;
    line-height: 1;
}
.efemerides-wrapper .efemeride > p {
    font-size: 15px;
}
.efemerides-wrapper .efemeride > p > span {
	color: #86ba68;
}

@media (max-width: 500px){
	.efemerides-wrapper {
		grid-template-columns: 1fr;
	}
	
	#hitos .panel-collapse .manual::before,
	#hitos .panel-collapse .manual::after {
	    display: none;
	}
	
	#hitos .panel-collapse .manual h2 {
	   width: auto;
	   font-size: 16px;
	}
	#hitos .panel-collapse h5 {
	    margin-bottom: 10px;
	}
	#hitos .panel-collapse .hito {
	    margin-bottom: 20px;
	}
	
	.buenas-practicas-wrapper {
	    display: flex;
	    overflow-x: scroll;
	    overscroll-behavior-x: contain;
	    scroll-snap-type: x proximity;
	    white-space: nowrap;
	}
}