@charset "utf-8";

/* ESTE CONTIENE ESTILOS CSS PARA LOS DISEÑOS ESPECIALES DE LAS SECCIONES TEMÄTICAS DE LA PÁGINA
   CREADO 20 de agosto 2020 - ylmunozd
   
   1.) CNPV
   2.) EMM
   3.) IPC
   4.) MERCADO LABORAL
   5.) ECONOMíA NARANJA
   6.) ESTILOS GENERALES TEMÁTICAS
   7.) TEMÁTICA ECONOMÍA
   8.) BIBLIOTECA JURIDICA
   9.) TEMÁTICA SOCIEDAD
   10.) ESTILOS ESPECÍFICOS INVESTIGACIONES
   11.) CENSO ECONÓMICO
   12.) OTROS
   13.) RESOLUCION 1519
   14.) OBJETIVOS DE DESARROLLO SOSTENIBLE - ODS
	15.) DANE EN LOS MEDIOS
16.) ESTILOS SECCION TRACCION ANIMA


/*---------------------------------------------------------------------*/


/* 1.) CNPV */

/*ESTILOS ACORDEONES CNPV MAPA*/

.caribe a:link, .cafetero a:link, .pacifica a:link, .central a:link, .llanos a:link, .amazonia a:link, .cronologico a:link, .tematica a:link{
    color:white; 
    font-family: 'Oswald', sans-serif !important;
     text-transform: uppercase;
     font-weight:normal;
   }
   .caribe a:hover, .cafetero a:hover, .pacifica a:hover, .central a:hover, .llanos a:hover, .amazonia a:hover, .cronologico a:hover, .tematica a:hover{
    color:#B5144E !important; 
   }
   .cronologico{
     background-color:rgb(182,1,76);
   }
   .tematica{
    background-color:rgb(182,1,76);
  }
   .caribe{
     background-color:#4B0B2E;
   }
   .cafetero{
     background-color:#DE2B5A;
   }
   .pacifica{
     background-color:#F39B9B;
   }
   .central{
     background-color:#F7AC6F;
   }
   .llanos{
     background-color:#CFC666;
   }
   .amazonia{
     background-color:#4DA880;
   }


 /* INICIA ESTILOS NUEVO DISEÑO PARA ARTÍCULOS DEL CENSO NACIONAL DE POBLACIÓN Y VIVIENDA 2018*/


 #cnpv, #cnpv p{
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    color:#3C3C3B;
    font-weight: 300;
  }

#cnpv .bg-fluidOutSideContainer, #cnpv .bg-fluidOutSideContainer1, #cnpv .bg-fluidOutSideContainer2, #cnpv .bg-fluidOutSideContainer3, #cnpv .bg-fluidOutSideContainer4{
width: 100vw;
height: 80vh;
position: relative;
margin-left: -50vw;
left: 50%;
margin-top:2rem;
background-size: cover;
background-repeat: no-repeat;
}

@media (min-width: 1250px ) and (max-width: 1437px){
#cnpv .bg-fluidOutSideContainer{
  background-position: 50%;
}
}
@media (min-width: 768px ) and (max-width: 1249px){
#cnpv .bg-fluidOutSideContainer{
  background-position: 75%;
}
}

/*Tablet*/
@media (min-width: 319px ) and (max-width: 768px){
#cnpv .bg-fluidOutSideContainer{
    background-size: auto;
  background-repeat: no-repeat;
  background-position: 80%;
}
}

/*
#cnpv .background {
  width: 300px;
  margin-bottom: 10px;
  background-image: url(/../files/censo2018/call-mapasTematicos_02.png);
  background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  }
#cnpv .background:hover {
  background-image: url(/../files/censo2018/call-mapasTematicos_02_hover.png);
  background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  width: 300px;
}
#cnpv .background-2 {
  width: 300px;
  margin-bottom: 10px;
  background-image: url(/../files/censo2018/call-mapasTematicos_01.png);
      background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  }
#cnpv .background-2:hover {
  background-image: url(/../files/censo2018/call-mapasTematicos_01_hover.png);
  background-size: cover;
  background-repeat: 	no-repeat;
  height: 240px;
  width: 300px;*/

#cnpv .background h2{
  margin-top: 30px !important;
  font-size: 2.3rem !important;
  line-height: 1.2 !important;
    color: #3C3C3B !important;
  }
#cnpv .background h2:hover{
  color: #fff !important;
}
#cnpv .background #donde-mapas-btn a:hover{
  background-color: #fff;
   color: #0C2C2D !important;
}
#cnpv .background hr{
    border-color: #007E84 !important;
      margin-top:10px !important;
}
#cnpv .far{
  color: #B5144E;
  padding: 0px 5px 0px 0px;
}
#cnpv .hrDonde-mapas hr {
  border-color: #007e84;
  border-width: 5px;
  width: 180px;
  margin: 20px 0px 40px 0px;
}

#cnpv .hrTecnicos-herramientas hr {
  border-color: #B5144E;
  border-width: 5px;
  width: 180px;
  margin: 20px 0px 40px 0px;
}

#cnpv .hrTecnicos-herramientas-disabled hr {
  border-color: #d4d4d4;
  border-width: 5px;
  width: 180px;
  margin: 20px 0px 40px 0px;
}

#cnpv .hrTecnicos-herramientas img, #cnpv .hrTecnicos-herramientas-disabled img{
  width: 50%;
  margin: 20px auto 0px 30px;
}
#cnpv .hrTecnicos-herramientas .fuente {
  margin: 8px 0;
  color: #3C3C3B;   
}
#cnpv .hrTecnicos-herramientas .fuente_active {
  margin: 8px 0;
  color: #b6144e;   
}



#cnpv .camera_pag_ul{
display:none;
}

#cnpv .table-striped tr:nth-child(2n){
    background-color: #fffc;
}

#cnpv .table-striped tr td:nth-child(3){
  width:20%;
}
#cnpv .tab-content h2, #cnpv .tab-content h4 {
font-family: 'Roboto', sans-serif;
color: #3C3C3B !important;
}
#cnpv .icono {
  width: 30px;
  margin-left: 20px;
  margin-right: 20px;    
}
#cnpv .icono-link {
  width: 20px;
  margin-right: 10px;
}
#cnpv .v-align {
  vertical-align: middle!important;
}
#cnpv .v-align:last-child {
  padding-right: 20px;
  padding-left: 20px;
}
#cnpv .disabled {
  color: #eee!important;
}
#cnpv .nav-tabs a{
  color: #3C3C3B;
}

#cnpv .btn-disabled a{
background-color: #D4D4D4 !important;
}

#cnpv .nav-tabs > li > a:hover,
#cnpv .nav-tabs > li.active > a,
#cnpv .nav-tabs {
  border: 0;
}

#cnpv .tab-content .fecha{
  padding-top: 20px;
  font-weight: bold;
  margin: 100px 0 10px 5px;
}
#cnpv .nav-tabs li {
  margin: -10px 12px 0px 0px !important;
  padding: 20px 10px !important;
}
#cnpv .nav-tabs li .title{
  color: #eee;
}
#cnpv .nav-tabs li a:hover,#cnpv .nav-tabs li a:focus, #cnpv .nav-tabs li a:active  {
  color: #3C3C3B;
}
#cnpv .nav-tabs li.active {

  border-bottom: 4px solid #B5144E;
  background-color: #fff0;
  margin: -10px 12px 0px 0px;
  padding: 20px 10px;
} 
#cnpv .nav-tabs li.active .title {
  color:#3C3C3B;
} 
#cnpv  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #B5144E;
  background-color: rgba(255,255,255,0) !important;
}


#cnpv .table-striped h4, #cnpv .table-striped h4 {
color: #3C3C3B !important;
}

#cnpv .icon-doc{
width:1.5rem;
margin: 0 7px 0 0;
}
#cnpv .table-striped a{
  color: #3C3C3B !important;
    font-weight: 600 !important;
}
#cnpv .table-striped a:hover{
  color: #B5144E !important;
    font-weight: 600 !important;
}
#cnpv .donde-mapas p{
  width: 300px;
}
#cnpv .title {
  font-family: 'Oswald', sans-serif;
 font-size:3.3rem !important;
 text-transform: uppercase;
 color:#656565;
  text-align: left;
  line-height: 3.3rem;
}
#cnpv .bg-fluidOutSideContainerDefault4 .hrDonde hr{
border-color: #007e84;
  border-width: 5px;
  width: 150px;  
  margin-left:0;
  margin-top: 10px;
  margin-bottom: 10px;
}

#cnpv .bg-fluidOutSideContainerDefault,#cnpv .bg-fluidOutSideContainerDefault4{
width: 100vw !important;
position: relative;
margin-left: -50vw;
left: 50%;
}
#cnpv .bg-fluidOutSideContainerDefault img{
width: 100vw !important;
}
#cnpv .bg-fluidOutSideContainerDefault4{
background-color: #F7F7F7;
}
#cnpv .bg-fluidOutSideContainer{/*rojo*/
/* border-bottom: #B5144E solid 7px;*/
background-image: url("../../../files/censo2018/cnpvHome.jpg");
}
#cnpv .bg-fluidOutSideContainer1{/*naranja*/
border-bottom: #EC6907 solid 7px;
background-image: url("../../../files/censo2018/foto-gente.jpg");
}
#cnpv .bg-fluidOutSideContainer2{/*verde*/
border-bottom: #007E84 solid 7px;
background-image: url("../../../files/censo2018/foto-tierra.jpg");
}
#cnpv .bg-fluidOutSideContainer3{/*azul*/
border-bottom: #005694 solid 7px;
background-image: url("../../../files/censo2018/foto-casa.jpg");
}

#cnpv .bg-fluidOutSideContainer1 .textContainer, #cnpv .bg-fluidOutSideContainer2 .textContainer, #cnpv .bg-fluidOutSideContainer3 .textContainer{
  width: 34vh;
}
#cnpv .textContainer{
  position: relative;
  right: -3vw;
  top: 3vh;
}
#cnpv .NoteTitle{
position: relative;
top: 21vh;
left: 14vw;
color: white;
font-weight: bold;
font-size: 17px;
text-align:right;
}

#cnpv .ojo{
color: #B5144E;
}

#cnpv .area1{
/*height:10vh;*/
margin: -20px 0 30px 0;
}


#cnpv .point{
font-weight: bold;
}

#cnpv .subtitle_contamos{
    font-family: 'Oswald', sans-serif;
  line-height: 3rem;
  font-size: 31px;
  font-weight: bold;
  color: rgb(182,1,76);
}

#cnpv .subtitle-min{
  font-family: 'Oswald', sans-serif;
  font-size: 2.7rem;
  line-height: 3rem;
  color: #3C3C3B;
  margin-bottom: 2rem !important;
}


#cnpv .bg-fluidOutSideContainer h1, .bg-fluidOutSideContainer1 h1, #cnpv .bg-fluidOutSideContainer2 h1, #cnpv .bg-fluidOutSideContainer3 h1{
font-family: 'Oswald', sans-serif;
font-size:5em;
font-weight: 600;
color: #fff;
line-height: 8rem;
text-align: right;
text-transform: uppercase;
}
#cnpv .bg-fluidOutSideContainer h2, .bg-fluidOutSideContainer1 h2, #cnpv .bg-fluidOutSideContainer2 h2, #cnpv .bg-fluidOutSideContainer3 h2{
  font-family: 'Oswald', sans-serif;
  font-size: 2.7rem;
  color: #fff;
  font-weight: 500;
  position: absolute;
  right: 0px;
  margin-top: 2rem;
}
#cnpv .bg-fluidOutSideContainer h2 em, .bg-fluidOutSideContainer1 h2 em, #cnpv .bg-fluidOutSideContainer2 h2 em, #cnpv .bg-fluidOutSideContainer3 h2 em{
font-family: 'Oswald', sans-serif;
font-size:2.7rem;
color:#fff;
font-weight: 200;
font-style: normal;
line-height: 3rem;
}

#cnpv .bg-fluidOutSideContainer hr, #cnpv .bg-fluidOutSideContainer1 hr, #cnpv .bg-fluidOutSideContainer2 hr, #cnpv .bg-fluidOutSideContainer3 hr,  .hrLittle hr {
border-width: 5px;
width: 180px;
float: right;
margin-top: 10px;
}
#cnpv .bg-fluidOutSideContainer h3, #cnpv .bg-fluidOutSideContainer1 h3, #cnpv .bg-fluidOutSideContainer2 h3, #cnpv .bg-fluidOutSideContainer3 h3{
position: absolute;
border-radius: 5px;
transform: rotate(352deg);
background-color: white;
float: right;
border-image: url(../../../files/censo2018/textura-borde.jpg) 5 round !important;
border: 7px solid transparent;
padding: 15px;
cursor: default;
text-transform: uppercase;
color: #B5144E;
font-family: 'Oswald', sans-serif;
margin-top: 9rem;
right: 0px;
right: 0px;
font-size: 2.5rem; 
box-shadow:2px 1px #fff;
}
#cnpv .bg-fluidOutSideContainer .smallData, #cnpv .bg-fluidOutSideContainer1 .smallData, #cnpv .bg-fluidOutSideContainer2 .smallData, #cnpv .bg-fluidOutSideContainer3 .smallData{
  font-size: 3.5em;
}


/*Desktop L*/ 
@media only screen and (min-width: 1441px){

#cnpv .textContainer{
  right: 21vh;
/* top: 5vh;*/
}  
#cnpv .NoteTitle{
top: 21vh;
left: 11vw;
font-size: 17px;
} 
 #cnpv .bg-fluidOutSideContainer, #cnpv .bg-fluidOutSideContainer1, #cnpv .bg-fluidOutSideContainer2, #cnpv .bg-fluidOutSideContainer3{  
   background-position-x: 50%;
}
.customnewsDANE .nav-pills li{
    float: left;
  width: 100%;
}

}
/*Desktop*/
@media (min-width: 1025px ) and (max-width: 1440px){

 #cnpv .textContainer{
  right: -3vh;
  top: 3vh;
   width: 90vw !important;
}  
#cnpv .NoteTitle{
 /*  top: 22vh;
  left: 14vw;
  width: 21vw;*/
  width: 32vw;
  float: right;
} 
.customnewsDANE .nav-pills li{
    float: left;
  width: 100%;
}
}
/*Laptop*/ 
@media (min-width: 769px ) and (max-width: 1024px){
/* #cnpv .textContainer{
 left: 45vh;
  top: -1vh;
}*/

#cnpv .NoteTitle{
    top: 21vh;
  left: 21vw;
  /*width: 29vw;*/
} 
#cnpv .nav-pills > li:first-child {
  margin-bottom: 2rem;
  float: none;
}
}
@media (max-width: 769px) and (min-width: 375px){
  .nav-pills li {
      float: none;
  }
}
/*Tablet*/
@media (min-width: 426px ) and (max-width: 768px){
#cnpv .textContainer{
  left: 7vh;
  top: 3vh;
}

#cnpv .bg-fluidOutSideContainer h2, .bg-fluidOutSideContainer1 h2, #cnpv .bg-fluidOutSideContainer2 h2, #cnpv .bg-fluidOutSideContainer3 h2{
      right: 120px;
}
  
#cnpv .bg-fluidOutSideContainer h3, #cnpv .bg-fluidOutSideContainer1 h3, #cnpv .bg-fluidOutSideContainer2 h3, #cnpv .bg-fluidOutSideContainer3 h3{
      right: 120px;
}

#cnpv .bg-fluidOutSideContainer h2 em, .bg-fluidOutSideContainer1 h2 em, #cnpv .bg-fluidOutSideContainer2 h2 em, #cnpv .bg-fluidOutSideContainer3 h2 em{
      right: 100px;
}

  #cnpv .bg-fluidOutSideContainer .NoteTitle{
    top: 21vh;
   /* left: 27vw;*/
} 
#cnpv .bg-fluidOutSideContainer, #cnpv .bg-fluidOutSideContainer1, #cnpv .bg-fluidOutSideContainer2, #cnpv .bg-fluidOutSideContainer3{
    color:#B5144E;
  }	
#cnpv .bg-fluidOutSideContainer h1, #cnpv .bg-fluidOutSideContainer1 h1, #cnpv .bg-fluidOutSideContainer2 h1, #cnpv .bg-fluidOutSideContainer3 h1{
     font-size: 3.5em; /* font-size:4em;*/
  width: 80%;
  right:0;
  /*right: -125px;*/
  position: relative;
  line-height: 6rem;
}
}
/*mobile L*/ 
@media (min-width: 376px ) and (max-width: 425px){
 #cnpv .bg-fluidOutSideContainer .textContainer{
  right: 10vh;
  top: 4vh;
  font-size: 2.5em;
  line-height: 1.3em;
}

}
/*mobile M*/ 


@media (min-width: 319px ) and (max-width: 375px){
#cnpv .textContainer{
  right: 5vh;
  top: 4vh;
}

@media (min-width: 319px ) and (max-width: 768px){ 
#cnpv .bg-fluidOutSideContainer .textContainer h1 hr{
      margin-right: 90px;
    }
}
 
#cnpv .bg-fluidOutSideContainer h1, .bg-fluidOutSideContainer1 h1, #cnpv .bg-fluidOutSideContainer2 h1, #cnpv .bg-fluidOutSideContainer3 h1{
      font-size: 2.5em;
      line-height: 1.3em;
}
#cnpv .bg-fluidOutSideContainer hr, #cnpv .bg-fluidOutSideContainer1 hr, #cnpv .bg-fluidOutSideContainer2 hr, #cnpv .bg-fluidOutSideContainer3 hr, .hrLittle hr{
  position: relative;
  left: 0vw;
}
#cnpv .bg-fluidOutSideContainer h2, .bg-fluidOutSideContainer1 h2, #cnpv .bg-fluidOutSideContainer2 h2, #cnpv .bg-fluidOutSideContainer3 h2{
  position: relative;
  left: 25vw;
}
#cnpv .bg-fluidOutSideContainer h3, #cnpv .bg-fluidOutSideContainer1 h3, #cnpv .bg-fluidOutSideContainer2 h3, #cnpv .bg-fluidOutSideContainer3 h3{
  position: relative;
  /*right: 33vw;*/
  bottom: 3vh;
}
#cnpv .NoteTitle{
      text-align: center;
  top:0;
}
}
/*mobile S*/
@media only screen and (max-width: 320px){
#cnpv .textContainer{
  right: 10vh;
  top: 4vh;
}

}




.hrCenso hr, .hrLittle hr{
  border-color: #B5144E;
}
.hrCuantos hr{
  border-color: #EC6907;
}
.hrDonde hr{
  border-color: #007e84;
}
.hrComo hr{
  border-color: #005694;
}
.hrLittle hr{
  float: left;
  width: 37px;
  margin-top: -1rem;
  margin-bottom: 0rem;
}
#cnpv .nav-pills > li:first-child{
  
  margin-top: -1rem;
  width: 30rem;
}
#cnpv .nav-pills > li > a{
  font-family: 'Roboto Condensed', sans-serif;
  color:#575756 !important;
  font-size:1em;
  border-radius: 0px;
  text-transform: uppercase;
}
#cnpv .nav-pills > li > a:hover{
  background-color: #fff;
}
#cnpv .dropdown-menu{
  background-color: #5B5B5B;
  border-radius: 0px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
} 
#cnpv .dropdown-menu li a, #cnpv .dropdown-menu li a:hover {
  color:#ffffff !important;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #5B5B5B;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem;
  font-weight: 200 !important;
  font-size: 0.9em;
}
#cnpv .dropdown-menu li a:not(:last-child){
border-bottom: 0.01em solid #F4F4F4 !important;
}
#cnpv .nav .open{
  background-color: #5B5B5B;
}
#cnpv li.active{
  border-bottom: 2px solid #B5144E;
  background-color: #fff;
}
#cnpv .nav-pills > li.active > a{
    background-color: #fff;
    color:#B5144E;
    cursor: default;
}
#cnpv .nav-pills li.activeCuantos{
  border-bottom: 2px solid #ec6907;
  background-color: #fff;
}
#cnpv .nav-pills > li.activeCuantos > a{
    background-color: #fff;
    color:#ec6907 !important;
    cursor: default;
}
#cnpv .nav-pills li.activeDonde{
  border-bottom: 2px solid #007E84;
  background-color: #fff;
}
#cnpv .nav-pills > li.activeDonde > a{
    background-color: #fff;
    color:#007E84 !important;
    cursor: default;
}
#cnpv .nav-pills li.activeComo{
  border-bottom: 2px solid #005694;
  background-color: #fff;
}
#cnpv .nav-pills > li.activeComo > a{
    background-color: #fff;
    color:#005694 !important;
    cursor: default;
}
#cnpv .nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
      background-color: #fff;
}
#cnpv .nav-tabs > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
      background-color: #fff0;
cursor: pointer;
}

#cnpv .subtitle{
 font-family: 'Oswald', sans-serif;
 font-size:2.7rem;
 line-height: 3rem;
 text-transform: uppercase;
 color:#3C3C3B;
 margin-bottom: 2rem !important;
}
#cnpv .photoOverlay{
background-color: rgba(0,0,0, 0.65);
padding: 1rem 18rem 1rem 1rem;
position: relative;
bottom: 6rem;

}
#cnpv .photoOverlay div{
color:#fff;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
 cursor: pointer;
}
#cnpv .photoOverlay div a, #cnpv .photoOverlay div a:hover{
color:#fff !important;
}
#cnpv .moreInfo{
color:#fff;
position: absolute;
right: 1.4rem;
bottom: 1.4rem;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 0.95em;
    cursor: pointer;
}
#cnpv-btn{  
margin:20px 0 40px 0;
}
#cnpv-btn a{
padding: 5px 30px;
background-color: #B5144E;
color:#fff !important;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
border-radius: 20px 20px;
border: none;
transition: all 0.2s;

}
#cnpv-btn a:hover{
background-color: #c44371;
color:#ffffff !important;
text-decoration: none;
}

p span.fuente{
font-size: 14px;
font-weight: 700;
}

/*como vivimos*/
#como-vivimos{
background-color: #fff;
padding: 0 0;
}
#como-vivimos .container{
border: dotted #222;
border-width: 0 0 1px 0;
}

#cnpv .vivimos{
border-color: #005694 !important;
color:#005694 !important;
}
.primer-bloque{
border: dotted #222;
border-width: 0 0 1px 0;
margin-top: 30px;
display: inline-block;
}
#cnpv .notas p{
border-top: 1px solid gray;
padding-top: 10px;
margin:0;
}
#cnpv  .left{
padding: 1rem 1.5rem 1rem 1.5rem;
  position: relative;
  bottom: 8rem;
  width: 300px;
}
/*#cnpv a{
color:#B5144E;
font-weight: 400 !important;
}
#cnpv a:hover{
color:#B5144E;
font-weight: 400 !important;
}*/

#donde-btn, #cuantos-btn, #como-btn, #donde-mapas-btn{
  margin: 40px auto 30px auto;
  text-align: center;
}
#donde-btn a, #cuantos-btn a, #como-btn a, #donde-mapas-btn a{
padding: 5px 30px;
color:#fff !important;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 1.5rem;
text-transform: uppercase;
border-radius: 20px 20px;
border: none;
transition: all 0.2s;
margin:25px 0px 0px 0px;
text-align: center;
}
#cuantos-btn a{
background-color: #EC6907;
}
#donde-btn a{
background-color: #007e84;
}
#como-btn a{
background-color: #005694;
}
#donde-mapas-btn a{
background-color: #007e84;
color: #0C2C2D;
}
#donde-btn a:hover, #cuantos-btn a:hover, #como-btn a:hover{
background-color: #50bcbd;
color:#ffffff !important;
text-decoration: none;
}
#cuantos-btn a:hover{
background-color: #EC6907;
}
#donde-btn a:hover{
background-color: #50bcbd;
}

#como-btn a:hover{
background-color: #005694;
}
#cnpv .resaltado {
  padding: 4px;
  border-radius: 3px;
  margin: 2px;
  border: 1px solid #B5144E;
  color: #B5144E;
  font-weight: bold;
}
#cnpv .fuente {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
#cnpv #transversal .fuente{
   text-align:center;
} 
#cnpv #transversal img{
    display: block;
    margin: auto;
padding-bottom:1rem;
}
#cnpv .doc-btn{
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  padding: 0.5rem;
  font-size: 1.6rem;
  font-family: 'Oswald', sans-serif;
  margin: 2rem 0px;
}


/* 4 de julio CNPV*/


.color_seccion-1 {
  background-color: #B3194F !important;

}

.color_seccion-2 {
  background-color: #107E83 !important;

}

.color_seccion-3 {
  background-color: #0A5792 !important;

}

.color_seccion-1:hover,
.color_seccion-2:hover,
.color_seccion-3:hover {
  color: #ffffff !important;
  text-decoration: none;
}

.color_seccion-1:hover {
  background-color: #631028 !important;

}

.color_seccion-2:hover {
  background-color: #006064 !important;

}

.color_seccion-3:hover {
  background-color: #0d47a1 !important;

}

.arrow_ico {
  width: 1% !important;
  margin-left: 1vh;
}

.cnpvModal-notinfotmation{
padding: 5px 30px;

background-color: #D4D4D4 ;
color: #fff !important;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
border-radius: 20px 20px;
border: none;
transition: all 0.2s;
}

/*-------CNPV + estilos de tema general (rediseños 2022)----------------*/
#cnpv .inf-titles h1, #cnpv .inf-titles h2, #cnpv .inf-titles h3, #cnpv .menu-cnpv .nav>li>a.active, #cnpv .menu-cnpv .nav>li>a:focus, #cnpv .menu-cnpv .nav>li>a:hover, #cnpv nav.menu-lateral ul li a,  #cnpv .indice-temas ul li a:hover, #cnpv .indice-temas ul li a:focus, #cnpv .indice-temas ul li a:hover:before, #cnpv .info-intro h2,  #cnpv .btn-documento, #cnpv .indice-herramientas h2, #cnpv .info-tecnica_tabs ul li a, #cnpv .info-tecnica_tabs .nav-tabs>li>a h2, #cnpv .box-data .data .btn-icon h2
{
  /*color: #B6004C;*/
  color: #3C3C3B;
}

#cnpv .hr-temas hr{
  border-color: #B6004C;
}

#cnpv .tema-btn a, #cnpv .tabla-docs-tema thead.header-1, #cnpv .info-tecnica_tabs .nav-tabs>li.active>a, #cnpv .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#cnpv .info-tecnica_tabs .nav-tabs>li.active>a:hover
{
  background-color: #B6004C !important;
}

#cnpv .tema-btn a:hover {
  background-color: #d1578a !important;
}
/*-------FIN CNPV + estilos de tema general (rediseños 2022)----------------*/




/* FIN ESTILOS NUEVO DISEÑO PARA ARTÍCULOS DEL CENSO NACIONAL DE POBLACIÓN Y VIVIENDA 2018*/


/*---------------------------------------------------------------------*/


/* 2.) EMM */
/*ANCARDENASC|EMM */
.EMM_date,
.EMM_date_2 {
  font-weight: bold;
}
.EMM_date_2{
  color: #b6014c !important;
}
.EMM_media{
  margin-top: 5vh;
}
.vacantes h3 {
  font-family: 'Oswald',
    sans-serif;
  font-size: 1rem;
  color: #3C3C3B;
}

.vacantes li {
 list-style: none;
}

.number {
     background-color: #b6014c;
    width: auto !important;
  height: auto !important;
    color: white !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 5%;

}
.number2 {
  font-size: 16px !important; 
}
.number3 {
  font-size: 16px !important; 
}
.mapa {
  width: 25vw;
}

.EMM_title {
  color: #b6014c !important;
}
.EMM_subtitle {
  font-size: 2em !important;
}
.EMM_subtitle_2 {
  font-family: 'Roboto', sans-serif;  
  color: #3C3C3B;
  font-weight: bold;
  font-size: 15px !important;
  line-height: 3rem;
  margin-bottom: 2rem !important;
}
.EMM_title_table {
  font-size: 1.3em !important;
  line-height: 2.5rem !important;
}
.bullets_numbers{
      padding: 0 4px 0 4px;
      background-color: #b6014c;
      color: #fff;
      font-size: 10px;
}
.background_1{
  background-color:#eeeeee;
}
.table_intro > tbody > tr > th,.table_intro > tbody > tr > td{
    padding: 1vh 0.2vw;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none !important;
}
.component_position{
  	position: relative;
	left: 2vw;
}
.icon_EMM{
  	width:5%;  
}
.btn_city{
  	background-color: transparent;
	border: none;
}
.dropdown_background{
  	background: white !important;
  	padding: 0.5vh 0.5vw;
}
.dropdown_background_2{
  	background: white !important;
  	padding: 0.5vh 0.5vw;
  	width: 20vw;
}
.spacing_table{
  border-top: 3px solid white !important;
  text-align: left;
  font-size: 1em
}
.space{
  height: 14vh;
}
.space_2{
  height: 35vh;
}
.space_3{
  margin-left: 1vw;
}
.element_mt{
  position: relative;
  top: 4vh;
}
.nota{
    border: 1px solid #B5144E;
    border-radius: 2px;
  padding: 0.5vh 1vw;
  }

/*mobile S*/ @media only screen and (max-width: 320px){
    .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
    height: auto !important;
}
  .space {
    height: 20vh;
}
  .number {
    width: auto !important; 
    height: auto !important;
}
  .tab_1{
      margin: 0 !important;
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
/*mobile M*/ @media (min-width: 321px ) and (max-width: 375px){  
  .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
    height: auto !important;
}
  .space {
    height: 20vh;
}
  .number {
    width: auto !important; 
    height: auto !important;
}
  .tab_1{
      margin: 0 !important;
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
/*mobile L*/ @media (min-width: 376px ) and (max-width: 425px){  
  .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
    height: auto !important;
}
  .space {
    height: 20vh;
}
  .number {
    width: auto !important; 
    height: auto !important;
}
  .tab_1{
      margin: 0 !important;   
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
/*Tablet*/ @media (min-width: 426px ) and (max-width: 768px){  
  .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
   height: auto !important;
}
  .space {
    height: 13vh;
}
  .number {
     width: auto !important; 
    height: auto !important; 
}
  .tab_1{
      margin: 0 !important;   
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
/*Laptop*/ @media (min-width: 769px ) and (max-width: 1024px){ 
  .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
    height: auto !important;
}
  .space {
    height: 13vh;
}
  .number {
     width: auto !important; 
    height: auto !important; 
}
  .tab_1{
      margin: 0 !important;   
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
/*Desktop*/@media (min-width: 1025px ) and (max-width: 1440px){
  .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
    height: 30vh;
}
  .space {
    height: 14vh;
}
   .number {
     width: auto !important; 
    height: auto !important; 
}
  .tab_1{
      margin: 0 !important;   
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
/*Desktop L*/ @media only screen and (min-width: 1441px){
  .EMM_title_table_2 {
    font-size: 1.2em !important;
    line-height: 1.5rem !important;
}
  .space_2 {
    height: 20vh;
}
  .space {
    height: 9.5vh;
}
  .number {
     width: auto !important; 
    height: auto !important; 
}
  .tab_1{
      margin: 0 !important;   
}
      .tab_1 p{
  font-size:12px !important;
}
  .dropdown_background_2 {
    height: auto !important;
  }
.mapa {
    width: 100vw;
}
  
}
.nota{
    border: 1px solid #B5144E;
    border-radius: 2px;
  padding: 0.5vh 1vw;
  }

/*---------------------------------------------------------------------*/

/* 3.) IPC */
/* ipc Section */
#tf-ipc hr{
	padding: 0px;
}

#tf-ipc h1 {
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
font-weight: 600;
font-style:italic;
text-transform:none;
color: #4B3A5F;
}
#ipc-btns a{
  color:#fff;
}

#ipc-btns {
	padding: 5px 30px;
	background-color: #4B3A5F;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-transform: none;
	border-radius: 20px 20px;
	border: none;
	transition: all 0.2s;
	margin:0 0 40px 0;
}
#ipc-btns:hover{
	background-color: #9D7EB8;
	color:#201C31;
}
#ipc-btns:hover{
	background-color: #9D7EB8;
	color:#201C31;
}

#tf-ipc h1 + hr {
	border-color: #fcac45;
	border-width: 4px;
	width: 80px;
	float: left;
	clear: both;
}
#tf-ipc h2 {
font-family: 'Open Sans', sans-serif;
font-size: 25px;
font-weight: 600;
text-transform:none;
color: #4B3A5F;
}
#tf-ipc #numbers {
	padding: 1px 2px 2px 2px;
	background-color:#4B3A5F;
	color:#fff; 
}
#tf-ipc #pie {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height: normal;
}
#tf-ipc #pielinea {
    width: 60px;
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    float: left;
    border-top: 1px solid #999;
}
#tf-ipc #lineaIPCaspectos {
    width: 80%;
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    float: none;
    border-top: 1px solid #999;
    border-style: dotted;
}
#tf-ipc .lineaIPCvertical{
  border-right: 1px dotted #c1c1c1;
}

#tf-ipc .lineaIPCvertical:last-child{
  border-right: none;
}

#tf-ipc #icono-ipc {
	padding: 20px 0;
}

/*Tables Enero 10*/

#tf-ipc #accordion a:focus, a:active{
  color:#fff;
}
#tf-ipc #accordion a:hover{
  color:#fcac45 !important;
}
#tf-ipc table {
  box-sizing: content-box;
  padding:10px;
  background-color: white;
  outline: 1px solid #dddddd;
  outline-offset: 15px;
}
#tf-ipc table th {
  padding:10px;
  background-color: #494066;
  color: white;
}
#tf-ipc #accordion table th {
  background-color: white;
  color: #333333;
}
#tf-ipc table tr {
		text-transform:initial;
  		padding:9px;
}
#tf-ipc table tr td:nth-child(2) {
  text-align:center;
}
#tf-ipc table td,th {

	text-align: left !important;
	padding: 8px;
    vertical-align: middle;
  
} 
#tf-ipc #hrtrs {
border-bottom: 1px dotted #ccc;
}
#tf-ipc #tdgray {
	background-color: #f8f8f8;
}

#codcoicop {
font-size: 11px;
color: #4B3A5F;
}

#tf-ipc .panel-default > .panel-heading {
    color: #fff;
    background-color: #4B3A5F;
    border-color: #ddd;
}
#tf-ipc #titaccordion {
	text-transform: none;
}

#tf-ipc #entran {
	color:#07916A !important;
}
#tf-ipc #icono-ipc-lista {
	margin: 0 15px 0 0;
	background-color: #fff;
	border-radius: 25px;
	padding: 2px 2px;
	border: none;
}


/*Tablas Enero 18*/
#tf-ipc .headerstablas-ipc {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #4B3A5F;
	width: 16%;
}
#tf-ipc .headerstablas-ipc2 {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #6C5D82;
	width: 16%;
}
#tf-ipc .tdcenter{
	text-align: center;
	vertical-align: middle;
}
#tf-ipc .totalipctable2019{
	font-size: 18px;
	font-weight: bold;
	color: #4B3A5F;
}
.photoOverlayIPC {
    background-color: rgba(73,64,102, 0.6);
    padding: 2rem 18rem 1rem 1rem;
    position: relative;
    bottom: 6rem;
    height: 6rem;
}


/*Tables Febrero 5*/


#ipc2019-cont-iconos {
	background-color: #e8e8e8;
	padding: 20px 10px 0 10px;
	border-radius: 10px 10px 0 0;
}

.ipc2019-nombre-divi-gasto {
	background-color: #fca600;
	padding: 5px 8px;
	font-size: 13px;
	border-radius: 0 0 10px 10px;
	margin: 0 0 40px 0;
}
#ipc2019-bullets-numbers {
    padding: 0 4px 0 4px; 
    background-color: #fca600;
    color: #fff;
    font-size: 10px;
}
.photoOverlayIPC {
    background-color: rgba(73,64,102, 0.6);
    padding: 2rem 18rem 1rem 1rem;
    position: relative;
    bottom: 6rem;
    height: 6rem;
}

.photoOverlayIPC div {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.photoOverlayIPC div a, .photoOverlayIPC div a:hover {
    font-family: 'Oswald', sans-serif;
    color: #fff !important;
  font-size: 1.25rem;
}

.photoOverlayIPC .moreInfo {
    color: #4B3A5F;
    position: absolute;
    right: 1.4rem;
    bottom: 1.4rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 0.95em;
    cursor: pointer;
}


/* responsive tabla */ 

@media screen and (max-width: 768px) {
  
    #tf-ipc td, #tf-ipc tr td {
      display: table-cell;
      width: 100%;
      height: auto;
   }
 }


/*Tablas nueva maquetacion rediseño*/
#ipc .tabla-docs-tema thead.header-1 {
  background-color: #4b3a5f !important;
}


/*---------------------------------------------------------------------*/

/* 4.) MERCADO LABORAL*/

/* INICIO ESTILOS MERCADO LABORAL ACTUALIZADO FEBRERO 2022 (NUEVO MARCO 2018)*/

/* temporales que no estan en tema-general*/
#mercado-laboral h1 {
    margin-bottom: 1rem !important;
  }

#mercado-laboral h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 2.7rem;
  line-height: 3rem;
  color: #6d2248;
}

#mercado-laboral .hrLittle hr{
  border-color: #fec13b;
  border-width: 4px;
  margin-top: 2rem;
}


/* Estilos para el menú*/
#mercado-laboral .nav-pills.menu-ml>li {
  float: left;
  margin: 0 00px;
}

#mercado-laboral ul.nav.nav-pills.menu-ml {
  padding-top: 4.5em;
}

#mercado-laboral ul.nav.nav-pills.menu-ml li a{
   color: #575757;
    font-family: 'RobotoL', 'Roboto', "Segoe UI", sans-serif !important;
    font-size: 1.5em;
    padding: 15px 16px;
    border-radius: 30px;
}
#mercado-laboral ul.nav.nav-pills.menu-ml li a:hover{
  text-decoration: none;
  background-color: #a84172;
  color: #fff;
  transition: all 0.2s;
}

.menu-ml>li>a:focus, .menu-ml>li>a:hover {
  text-decoration: none;
  background-color: rgba(6, 121, 163, 0.10);
  border-radius: 20px 20px;
  color: #B5144E;
}


/*Enlaces*/
#mercado-laboral .investigaciones-mercado-laboral a:link {
  text-decoration: none;
  cursor: pointer;
  color: #333333;
  font-family: 'Roboto','Open Sans',Arial, Helvetica, sans-serif;
  line-height: 15px; 
  font-size: 1.1em;
}

#mercado-laboral .table-striped tr:nth-child(2n){
  background-color: #fffc;
}

#mercado-laboral .table-striped tr td:nth-child(3){
width:20%;
}

#mercado-laboral .table-striped h4, #mercado-laboral .table-striped h4 {
color: #3C3C3B !important;
}

#mercado-laboral .icono {
  width: 30px;
  margin-left: 20px;
  margin-right: 20px;    
}

#mercado-laboral .icon-doc{
width:1.5rem;
margin: 0 7px 0 0;
}
#mercado-laboral .table-striped a{
color: #3C3C3B !important;
  font-weight: 600 !important;
}
#mercado-laboral .table-striped a:hover{
  /*color: #EE7228 !important; NARANJA */
  color: #B5144E !important;
  font-weight: 600 !important;
}

#mercado-laboral .tema-btn a, #mercado-laboral .tabla-docs-tema thead.header-1,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a, 
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:focus, 
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:hover{
  background-color: #EE7228 !important;
}

#mercado-laboral .tema-btn a:hover {
    background-color: #FABF8F !important;
}
  
  /*MODAL*/ 
    
  #conceptos-geih .modal-dialog{
    margin: auto;
    width: 90%;
    max-width: 900px;
  }
  #conceptos-geih .modal-header {
    padding: 3rem 2.5rem;
    border-bottom: 1px solid #a84172;
  }
  #conceptos-geih .modal-body {
    padding: 3rem 4rem 2rem 4rem;
  }
  #conceptos-geih .modal-footer {
    padding: 1rem 2.5rem;
    border-top: 1px solid #a84172;
  }
  
  #conceptos-geih .modal-footer .btn {
    color: #fff;
    background-color: #6d2248;
    padding: 10px 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 15px;
    border-radius: 20px 20px;
    -moz-border-radius: 20px 20px;
    -webkit-border-radius: 20px 20px;
    border-radius: 20px 20px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  
  #conceptos-geih .modal-footer .btn-default{
    min-height: 0;
  }
  
  #conceptos-geih .modal-footer .btn:hover {
    background-color: #ef3f6f;
  }
  
  #conceptos-geih .modal-title{
    color: #6d2248;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 20px;
    float: left;
    margin-top: -10px;
  }
  
  .concept-txt p, .concept-txt ul li{
    color: #333333;;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  
  #conceptos-geih .concept-title, #conceptos-geih .concept-subtitle{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
  }
  
  #conceptos-geih .concept-title{
    color: #ef3f6f;
  }
  
  #conceptos-geih .concept-subtitle{
    color: #333333;
  }
  ul.list-n1{
    list-style-type: none;
    margin-left: 20px;
    padding: 0;
  }
  ul.list-n1 li{
   margin-bottom: 10px;
  }
  ul.list-n2{
    list-style-type: disc;
    margin-top: 10px;
  }
  ul.list-n2 li{
    margin-bottom: 0px;
    margin-left: 20px;
   }
   #conceptos-geih p{
     margin-bottom: 10px;
   }
  #conceptos-geih ul{
      margin-bottom: 10px;
      display: inline-grid;
      float: left;
      width: 100%;
  }
  

  @media (min-width: 992px ) and (max-width: 1199px){
    #mercado-laboral ul.nav.nav-pills.menu-ml {
    padding-top: 0;
  }
  
    #mercado-laboral .nav-pills.menu-ml>li {
      margin: 0 30px;
    }
  }
  
  @media (min-width: 768px ) and (max-width: 991px){
    #mercado-laboral .nav-pills.menu-ml>li {
      margin: 0 20px;
    }
    #mercado-laboral ul.nav.nav-pills.menu-ml li a {
      padding: 8px 12px;
    }
  }
  
  @media (min-width: 576px ) and (max-width: 767px){
    #mercado-laboral .logo-investigacion img {
      margin: 0 auto;
      max-width: 50%;
      display: block;
    }
    #mercado-laboral ul.nav.nav-pills.menu-ml {
      padding-top: 20px;
      display: flex;
      place-content: center;
    }
    #mercado-laboral .nav-pills.menu-ml>li {
      margin: 0 10px;
    }
    #mercado-laboral ul.nav.nav-pills.menu-ml li a {
      padding: 8px 12px;
    }
    #mercado-laboral .tutorial-mercadol {
      margin: 10px 0;
      display: flex;
      place-content: center;
  }
  
    #mercado-laboral #tf-ipc p {
      margin: 30px 0;
    }
    #mercado-laboral .herramienta {
      margin-bottom: 30px;
      margin-top: 20px;
    }
  }
  
  
  @media (max-width: 575px){
    #mercado-laboral .logo-investigacion img {
      margin: auto;
      max-width: 70%;
      display: block;
    }
    #mercado-laboral ul.nav.nav-pills.menu-ml {
      padding-top: 20px;
      display: block;
      text-align: center;
    }
    #mercado-laboral .nav-pills.menu-ml>li {
      margin: 0 auto;
      float: none;
      width: 60%;
    }
    #mercado-laboral .tutorial-mercadol {
      margin: 10px 0;
      display: flex;
      place-content: center;
    }
  }


  /*-------MERCADO LABORAL + estilos de tema general (rediseños 2022)----------------*/
#mercado-laboral .inf-titles h1, #mercado-laboral .inf-titles h2, #mercado-laboral .inf-titles h3, #mercado-laboral .menu-mercado-laboral .nav>li>a.active, #mercado-laboral .menu-mercado-laboral .nav>li>a:focus, #mercado-laboral .menu-mercado-laboral .nav>li>a:hover, #mercado-laboral nav.menu-lateral ul li a,  #mercado-laboral .indice-temas ul li a:hover, #mercado-laboral .indice-temas ul li a:focus, #mercado-laboral .indice-temas ul li a:hover:before, #mercado-laboral .info-intro h2,  #mercado-laboral .btn-documento, #mercado-laboral .indice-herramientas h2, #mercado-laboral .info-tecnica_tabs ul li a, #mercado-laboral .info-tecnica_tabs .nav-tabs>li>a h2, #mercado-laboral .box-data .data .btn-icon h2
{
  color: #6d2248;
}

#mercado-laboral .hr-temas hr{
  border-color: #fec13b;
}

#mercado-laboral .tema-btn a, #mercado-laboral .tabla-docs-tema thead.header-1, #mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a, #mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#mercado-laboral .info-tecnica_tabs .nav-tabs>li.active>a:hover
{
  background-color: #a84172 !important;
}

#mercado-laboral .tema-btn a:hover {
  background-color: #ef3f6f !important;
}

#mercado-laboral .indice-temas ul li a:before{
    color: #B6004C !important;
}
/*Inicio Banner temática*/
#mercado-laboral .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/boletines/ech/imagenes/marco2018/banner-mercadolaboral-marco2018.svg);
  }
  
  #mercado-laboral nav.menu-lateral ul li a:after{
    background: url(../../../files/investigaciones/boletines/ech/imagenes/marco2018/flecha-der_soc-off.svg) no-repeat;
  }
  
  #mercado-laboral nav.menu-lateral ul li a:hover:after{
    background: url(../../../files/investigaciones/boletines/ech/imagenes/marco2018/flecha-der_soc-on.svg) no-repeat;
  }
/*Fin Banner temática*/

/*TABS*/
#mercado-laboral .nn_tabs .nav-tabs > li.active > a, #mercado-laboral .nn_tabs .nav-tabs > li.active > a:hover {
  color: #FFF !important;
}
#mercado-laboral .rl_tabs .nav-tabs>li>a {
color: #a84172 !important;
line-height: 0.9em;
}
#mercado-laboral li.active > a{
background-color: #a84172!important;;
}
#mercado-laboral .tabscortas .nav-tabs a {
  padding: 0.7em 1em !important;
  font-size: 1.7em;
 }
 #mercado-laboral .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane, #mercado-laboral .tabs-bg-gris .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane {
  background-color:#FFF;
 }
 #mercado-laboral .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane, #mercado-laboral .tabs-bg-blanco .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane {
  background-color: #f7f7f7;
 }
/*Fin TABS*/

/*-------FIN MERCADO LABORAL + estilos de tema general (rediseños 2022)----------------*/
  
  
  /* FIN ESTILOS MERCADO LABORAL JULIO 2019*/
/*---------------------------------------------------------------------*/


/* 5.) ECONOMíA NARANJA >> ECONOMÍA CULTURAL CREATIVA*/

/* INICIO ECONOMIA NARANJA*/

@font-face {
  font-family: 'RobotoM';
  src: local('Roboto Medium'), local('roboto-medium'), url('../fonts/robotoM.woff2') format('woff2'), url('../fonts/robotoM.woff') format('woff');
  font-style: normal;
}

@font-face {
  font-family: 'RobotoL';
  src: local('Robotol'), local('roboto-l'), url('../fonts/robotoL.woff2') format('woff2'), url('../fonts/robotoL.woff') format('woff');
  font-style: normal;
}

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

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

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

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

.eco-naranja-general {
  font-family: 'RobotoL', sans-serif;
  font-size: 4.7mm;
}
.eco-naranja-general p {
  font-family: 'RobotoL', sans-serif;
  font-size: 4.7mm;
}

.eco-naranja-general .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
    padding: 15px 15px !important;
    background-color: rgba(237, 237, 237, 1) !important;
    border-radius: 0 !important;
    border: 0px solid #000 !important;
}
.eco-naranja-general .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
    border-top: 0px solid #e5e5e5 !important;
    padding: 0 !important;
}
.eco-naranja-general .rl_sliders.accordion>.accordion-group {
    border: 0px solid #e5e5e5 !important;
}
.eco-naranja-general  .rl_tabs.outline_content>.tab-content>.tab-pane {
    padding: 0 !important;
}
.eco-naranja-general .ht-tamano {
    width: 100px;
    position: relative;
}
.eco-naranja-general .nn_tabs .nav-tabs > li.active > a, .eco-naranja-general .nn_tabs .nav-tabs > li.active > a:hover {
    color: #ffffff!important;

}
.eco-naranja-general .nn_tabs .nav-tabs > li > a, .eco-naranja-general .nn_tabs .nav-tabs > li > a {
    color: #000 !important;
  	font-family: 'oswaldDM', sans-serif !important;
  	color: rgb(86, 86, 86) !important;
}
.eco-naranja-general .rl_tabs .nav-tabs>li.active>a, .eco-naranja-general  .rl_tabs .nav-tabs>li.active>a:hover {
    background-color: #D03F6D !important;
}
.eco-naranja-general .rl_tabs .nav-tabs>li>a, .eco-naranja-general .rl_tabs .nav-tabs>li>a {
    background-color: #e5e5e5 !important;
}
.eco-naranja-general .rl_tabs.outline_handles ul.nav-tabs>li a, .eco-naranja-general .rl_tabs.outline_handles ul.nav-tabs>li a:hover {
    border: 0px solid #ddd;
}
.eco-naranja-general .rl_tabs .nav-tabs>li>a {
    margin-right: 0px !important;
    padding: 13px 33px !important;
    line-height: 18px;
    border: 0px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.eco-naranja-general .rl_tabs.outline_content>.tab-content {
    border: 0px solid #ddd !important;
    border-top: 1px solid #D03F6D !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.eco-naranja-general .col-gris-nar {
  color: #333 !important;
}
@media (min-width: 1000px) {
.t-formulario-naranja {
  font-size: 24px;
	}
}
.eco-naranja-general hr {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.eco-naranja-general th, .eco-naranja-general td {
    line-height: 1.42857143 !important;
    vertical-align: inherit !important;
}
.eco-naranja-general .menu-naranja ul li a {
  line-height: 1.2;
}
.eco-naranja-general .logo-naranja {
  padding-left: 0 !important;
}
.eco-naranja-general .logo-naranja img {
  width: 220px !important;
}
/* -------------- menu naranja --------------- */


.eco-naranja-general .dropdown-menu {
    min-width: 242px;
}
.eco-naranja-general .accordion-heading a:visited, .eco-naranja-general .accordion-heading a:hover, .eco-naranja-general .accordion-heading a {
    color: #D03F6D !important;
}
.eco-naranja-general .dropdown-menu>li>a {
    padding: 12px 20px;
}

.eco-naranja-general .nav>li>a {
    color: #474747;
}

.eco-naranja-general .menu-naranja {
    margin-top: 20px;
}

.eco-naranja-general .navbar {
    margin-bottom: 0;
}

.eco-naranja-general .nav>li>a:focus,
.eco-naranja-general .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #D03F6D;
}

.eco-naranja-general .menu-naranja-c .nav>li>a.color-act {
    color: #D03F6D;
  	
}

.eco-naranja-general .dropdown-menu>li>a.color-act {
    color: #D03F6D;
}

/* ---------- finm menu --------------- */

/* ------  menu accesos y encuesta  ----- */
.eco-naranja-general .h2, .eco-naranja-general h2 {
  font-size: 30px;
  line-height: 1.2;
}
a:hover {
  text-decoration: none;
}
.eco-naranja-general a:link {
    font-family: 'RobotoL', sans-serif;
    font-size: 4.7mm;
}
.btn-list-direct,
.btn-encuesta {
  float: left;
}

.btns-top {
  display: flex;
  justify-content: flex-end;
  margin: -75px 0 0 0;
  padding-right: 14px;
}

.btn-accesos.btn-default {
  font-family: 'Oswald', 'Segoe UI', sans-serif;
  color: #333333;
  margin-right: 1em;
}

.btn-default {
  width: auto;
  min-height: 38px;
  background: rgb(255, 255, 255);
  box-shadow: none;
  text-align: left;
  font-size: 13px;
  padding: 8px 10px;
  display: inline-block;
  border: 1px solid #cccccc;
}

.dropdown-menu.acce-di-to>li>a {
  padding: 3px 20px;
}

.btn-enc-web.btn-default {
  border-color: #bc144f;
  background-color: #bc144f;
}

.btn-enc-web.btn-default a {
  color: #fff;
  font-family: 'oswaldDM', sans-serif;
}

.btn-enc-web.btn-default a:hover {
  color: #fff;
  text-decoration: none;
}

.anexos p {
  padding: 0 0 20px 0;
}


/* ------ fin menu accesos y encuesta  ----- */

.eco-naranja-general h1,
.eco-naranja-general h2,
.eco-naranja-general h3,
.eco-naranja-general h4,
.eco-naranja-general h5,
.eco-naranja-general h6 {
  font-family: 'oswaldDM', sans-serif !important;
  margin: 0;
}

.acce-encu-naranja {
  padding-top: 25px;
}

.acce-encu-naranja nav ul {
  list-style: none;
  display: flex;
  float: right;
}

.acce-encu-naranja nav ul li a {
  text-decoration: none;
  padding: 10px 18px;
}

.acce-encu-naranja nav ul li.acc-eco-naranja {
  margin-right: 10px;
}

.acce-encu-naranja nav ul li.enc-eco-naranja {
  color: #fff;
  border-radius: 4px;
}

.acce-encu-naranja nav ul li.acc-eco-naranja a {
  color: #5e5e5e;
  border: 1px solid #989393;
  border-radius: 4px;
  background-color: #fff;
}

.act-naranja-home {
  text-decoration: none !important;
  color: #D03F6D !important;
  font-family: 'RobotoM'!important;
}

.act-naranja-home:hover {
  text-decoration: none;
}

.acce-encu-naranja nav ul li.enc-eco-naranja a {
  color: #fff;
  border-radius: 4px;
  border: 1px solid #be0c4d;
  background-color: #be0c4d;
}

.tercer-naranja {
  width: 83%;
  line-height: 1.4 !important;
  font-size: 20px;
}

.tercer-naranja span {
  font-size: 20px;
}

h2.subtitulo-negro-naranja {
  color: #333333;
}

strong.negrita-naranja {
  font-family: 'RobotoM';
}

.logo-tamaño-naranja {
  width: 220px;
}
@media (min-width: 900px) {
  nav.liks-banner-naranja ul li a {
    font-size: 27px !important;
	}
}
@media (min-width: 900px) {
  .tamano-r {
      font-size: 50px !important;
      line-height: 0.8 !important;
  }
  .tamano-r2 {
      font-size: 50px !important;
      line-height: 1.4 !important;
  }
}

.span-pie-naranja {
  color: #D03F6D;
  font-size: 15px;
}

.padding-abajo-parrafos-naranja {
  padding-bottom: 15px;
}

.economia-naranja-art hr {
  margin-top: 2px;
  margin-bottom: 2px;
}

.padding-abajo-naranja {
  padding-bottom: 60px;
}

.padding-arriba-naranja {
  padding-top: 60px;
}

.padding-abajo-titulosh-naranja {
  padding-bottom: 40px;
}

.padding-lados-cero {
  padding-left: 0;
  padding-right: 0;
}

.p-cero-naranja {
  padding-left: 0;
  padding-right: 0;
}

/** inicio reportes *******/

nav.liks-banner-naranja.report ul li a {
  padding-top: 0px;
}

nav.liks-banner-naranja.report ul li {
  margin-bottom: 12px;
  padding: 13px 27px;
}


/****** fin reportes ******/

.economia-naranja-art .row {
  margin-left: 0px;
}

.economia-naranja-art p {
  margin: 0;
}

.banner-economia-naranja p {
  line-height: 1;
}

.banner-economia-naranja .fondo1-naranja {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/fondo-banner.jpg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: cover;
}

/* Boton blanco */
.tema-general .btn-white{
  float: right;
  margin-right: 3rem;
}
.tema-general .btn-white .tema-btn a{
  background-color: #fff;
  color: #be0c4d !important;
}
.tema-general .btn-white .tema-btn a:hover{
  opacity: 0.7;
  transition: 0.2s all ease-in;
}
/* Boton blanco */

.color-b-naranja {
  color: #fff;
}

.color-b-naranja p {
  color: #fff;
}


.quieres-ser-parte-naranja img {
  width: 100%;
}

.sistema-info-naranja {
  font-family: 'futuraL', sans-serif;
  font-size: 35px;
}

.mitad-naranja {
  display: flex;
  align-items: center;
  height: 350px;
}

.padding-lados-cero {
  padding-left: 0;
  padding-right: 0;
}

.banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
  font-size: 12.3mm;
  font-family: 'oswaldL', sans-serif;
}

.banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
  font-size: 24mm;
  font-family: 'oswaldDM', sans-serif;
  text-shadow: 1px 1px #969696;
}

.linea-hor1-naranja {
  width: 79%;
}

.banner-enlaces-naranja {
  padding-left: 39px;
}

.color-nf-naranja {
  color: #D03F6D;
}

.enlaces-int-naranja p {
  font-size: 6mm;
  font-family: 'oswaldDM', sans-serif;
}

nav.liks-banner-naranja ul {
  padding: 0 0;
}

nav.liks-banner-naranja ul li {
  list-style: none;
  border: 1px solid #dbdbdb;
  height: auto;
  display: block;
  align-items: center;
  padding: 41px 27px;
  border-radius: 5px;
}

nav.liks-banner-naranja ul div h2 {
  padding-bottom: 20px;
  color: #D03F6D;
  font-size: 44px;
  line-height: 1;
}

nav.liks-banner-naranja ul div p {
  font-size: 24px;
  line-height: 1.3;
}

nav.liks-banner-naranja ul li a {
  text-decoration: none;
  margin-left: 12px;
  color: #D03F6D;
  font-size: 27px;
  display: flex;
  align-items: center;
  height: auto;
  width: 100%;
  margin: 0;
  padding-top: 32px;
  font-family: 'oswaldDM', sans-serif !important;
}

.liks-banner-naranja img {
  margin-left: 111px;
  width: 45px;
}

.linea-h-normal-naranja hr {
  border-top: 1px solid #d4d3d3;
}

.que-es-naranja strong {
  font-family: 'RobotoM', sans-serif;
}

.borrar-naranja {
  clear: both;
}

.linea-corta-naranja {
  width: 115px;
}

.linea-corta-naranja hr {
  border-top: 3px solid #D03F6D;
}

.tres-naranja:nth-child(1) .cuadro-naranja {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/img-actividades-naranja1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.tres-naranja:nth-child(2) .cuadro-naranja {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/img-actividades-naranja2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.tres-naranja:nth-child(3) .cuadro-naranja {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/img-actividades-naranja3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cuadro-naranja {
  width: 334px;
  height: 334px;
  border: 1px solid #ccc;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}

.contenido-botones-naranja {
  width: 334px;
  height: 334px;
  margin-top: 234px;
  padding-left: 26px;
  padding-top: 23px;
  transition: all 1s;
  cursor: pointer;
}

.cuadro-naranja:hover>.contenido-botones-naranja {
  width: 334px;
  height: 334px;
  background-color: #fff;
  margin-top: 0px;
  transition: all 1s;
}

.cuadro-naranja:hover>.contenido-botones-naranja h3 {
  font-family: 'oswaldDM', sans-serif;
  font-size: 20px;
  color: #000;
  transition: all 1s;
}

.cuadro-naranja:hover>.contenido-botones-naranja h3 a {
  font-family: 'oswaldDM', sans-serif;
  font-size: 20px;
  color: #000;
  transition: all 1s;
}

.cuadro-naranja:hover>.contenido-botones-naranja .contenido-items-naranja {
  opacity: 0.9;
  transition: all 1s;
}

.contenido-botones-naranja h3 {
  font-family: 'oswaldDM', sans-serif!important;
  font-size: 25px;
  color: #fff;
  transition: all 1s;
  line-height: 1;
}
@media (min-width: 1000px) {
.contenido-botones-naranja h3 a {
  font-size: 25px !important;
}
}
.contenido-botones-naranja h3 a {
  font-family: 'oswaldDM', sans-serif !important;
  font-size: 25px;
  color: #fff;
  transition: all 1s;
  line-height: 1;
}

.eco-naranja-general .img-mr {
  display: none;
}

.contenido-botones-naranja:hover>h3 {
  font-family: 'oswaldDM', sans-serif;
  font-size: 20px;
  color: #000;
  transition: all 1s;
}

.contenido-botones-naranja .contenido-items-naranja {
  opacity: 0;
  transition: all 1s;
}

.contenido-botones-naranja:hover>.contenido-items-naranja {
  opacity: 0.9;
  transition: all 1s;
}

.contenido-items-naranja ul {
  list-style-type: square;
  padding-left: 18px;
}

.contenido-items-naranja ul li {
  color: #D03F6D;
  padding-bottom: 10px;
}

.contenido-items-naranja ul li p,.contenido-items-naranja ul li p a, .contenido-items-naranja ul li p a:hover  {
  color: #000;
}

.paddin-linea-items-naranja {
  padding: 20px 0;
  width: 87px;
}

.paddin-linea-items-naranja hr {
  border-top: 3px solid #D03F6D;
}

.centro-naranja {
  margin-left: auto;
  margin-right: auto;
}

.derecha-naranja {
  margin-left: auto;
}


/* -------- LINEA TIEMPO ------------------- */

.contenedor-largo-naranja {
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 49%;
}

.general-mesa-info-naranja .linea-tiempo input {
  display: none;
}

.general-mesa-info-naranja .linea-tiempo label {
  cursor: pointer;
}

.general-mesa-info-naranja .ano {
  background-color: #e5e5e5;
  font-family: 'oswaldDM', sans-serif;
  padding: 6px 10px;
  width: 138px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  margin-top: 3px;
  margin-bottom: -6px;
  margin-right: -5px;
}

.general-mesa-info-naranja .content-siena2 {
  padding: 0 40px 10px 40px;
}

.general-mesa-info-naranja .linea-0 {
  height: 4px;
  background: #ccc;
  width: 100%;
  position: relative;
  top: -14px;
}

.general-mesa-info-naranja .fondo-linea-t-naranja2 .linea-0 {
  top: -44px;
}

.linea-tiempo-nar .linea-0 {
  height: 4px;
  background: #ccc;
  width: 100%;
  position: relative;
  top: -14px;
}

.general-mesa-info-naranja .linea {
  height: 4px;
  background: #D03F6D;
  width: 10%;
  transition: all 2s;
  position: relative;
  top: -18px;
}

.linea-tiempo-nar .linea {
  height: 4px;
  background: #D03F6D;
  width: 10%;
  transition: all 2s;
  position: relative;
  top: -18px;
}

.mesa-fondo-naranja .padding-ari-aba-naranja {
  padding-top: 22px;
  padding-bottom: 15px;
}

.general-mesa-info-naranja .contenido-l input#bt-l1:checked~.linea {
  width: 7%;
}

.general-mesa-info-naranja .contenido-l input#bt-l2:checked~.linea {
  width: 21%;
}

.general-mesa-info-naranja .contenido-l input#bt-l3:checked~.linea {
  width: 36%;
}

.general-mesa-info-naranja .contenido-l input#bt-l4:checked~.linea {
  width: 50%;
}

.general-mesa-info-naranja .contenido-l input#bt-l5:checked~.linea {
  width: 64%;
}

.general-mesa-info-naranja .contenido-l input#bt-l6:checked~.linea {
  width: 79%;
}

.general-mesa-info-naranja .contenido-l input#bt-l7:checked~.linea {
  width: 93%;
}

.padding-container-largo-naranja-lt {
  padding-left: 55px;
  padding-right: 55px;
}

.padding-container-largo-naranja {
  padding-left: 34px;
  padding-right: 34px;
}

.padding-ari-aba-naranja {
  padding-top: 70px;
}

.general-mesa-info-naranja .esconder {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.5s;
}

.eco-naranja-general .nov-dic {
  width: 14px !important;
  height: 14px;
  padding: 0px 6px !important;
  text-align: center;
  display: flex !important;
  align-items: center;
  top: 0;
  position: relative;
}

.general-mesa-info-naranja .contenido-l input#bt-l1:checked~.contenido-info1 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l2:checked~.contenido-info2 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l3:checked~.contenido-info3 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l4:checked~.contenido-info4 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l5:checked~.contenido-info5 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l6:checked~.contenido-info6 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l7:checked~.contenido-info7 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l input#bt-l1:checked~label.activo1 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l2:checked~label.activo2 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l3:checked~label.activo3 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l4:checked~label.activo4 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l5:checked~label.activo5 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l6:checked~label.activo6 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l input#bt-l7:checked~label.activo7 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .cursorbt {
  cursor: pointer;
}

.general-mesa-info-naranja .cursorbt p {
  color: rgb(86, 86, 86);
}

.mesa-informa.general-mesa-info-naranja input#anobt1:checked~.linea-tiempo-nar1 {
  display: block;
}

.mesa-informa.general-mesa-info-naranja input#anobt2:checked~.linea-tiempo-nar {
  display: block;
}

.mesa-informa.general-mesa-info-naranja input#anobt3:checked~.linea-tiempo-nar3 {
  display: block;
}

.general-mesa-info-naranja .botont {
  display: none;
}

.mesa-informa.general-mesa-info-naranja input#anobt1:checked~.bt-tactivo1 p {
  color: #fff;
}

.mesa-informa.general-mesa-info-naranja input#anobt2:checked~.bt-tactivo2 p {
  color: #fff;
}

.general-mesa-info-naranja .linea-tiempo2 input {
  display: none;
}

.general-mesa-info-naranja .linea-tiempo2 label {
  cursor: pointer;
}

.general-mesa-info-naranja .linea-0-1 {
  height: 4px;
  background: #ccc;
  width: 100%;
  position: relative;
  top: -54px;
}

.general-mesa-info-naranja .linea-1 {
  height: 4px;
  background: #D03F6D;
  width: 10%;
  transition: all 2s;
  position: relative;
  top: -18px;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l1-1:checked~.linea-1 {
  width: 12%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l2-1:checked~.linea-1 {
  width: 36%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l3-1:checked~.linea-1 {
  width: 60%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l4-1:checked~.linea-1 {
  width: 85%;
}

.general-mesa-info-naranja .esconder {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.5s;
}

.mesa-fondo-naranja {
  padding-top: 10px;
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 49%;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l1-1:checked~.contenido-info1-1 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l2-1:checked~.contenido-info2-1 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l3-1:checked~.contenido-info3-1 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l4-1:checked~.contenido-info4-1 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l1-1:checked~label.activo1-1 span {
  background-color: #D03F6D;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l2-1:checked~label.activo2-1 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l3-1:checked~label.activo3-1 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l2 input#bt-l4-1:checked~label.activo4-1 span {
  background-color: #D03F6D;
  transition: all 2s;
  color: #fff;
}

.general-mesa-info-naranja .po-re {
  position: relative;
}

.general-mesa-info-naranja .linea-tiempo-nar .t-label {
  width: 13.9%;
  position: relative;
  z-index: 2;
}

.general-mesa-info-naranja .t-label {
  width: 24%;
  position: relative;
  z-index: 2;
}

.general-mesa-info-naranja .stil-la {
  font-family: 'oswaldDM', sans-serif;
  border-radius: 42px;
  background-color: #fff;
  border: 1px solid #D03F6D;
  padding: 6px 0px;
  width: 14px;
  display: block;
  text-align: center;
  color: rgb(86, 86, 86);
}

.general-mesa-info-naranja .bt-f {
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.general-mesa-info-naranja .bt-fder {
  margin-left: auto;
}

.general-mesa-info-naranja .bt-fiz {
  margin-right: auto;
}

.general-mesa-info-naranja .numero-t {
  float: left;
}

.general-mesa-info-naranja .numero-t p {
  border: 1px solid #D03F6D;
  background-color: #D03F6D;
  border-radius: 10px;
  margin-right: 15px;
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 2px 0 0 0;
  color: #fff;
}

.general-mesa-info-naranja .img-set1 {
  text-align: right;
  margin-top: 17px;
}

.general-mesa-info-naranja .img-set1 img {
  width: 85%;
}

.general-mesa-info-naranja .borrar-1 {
  clear: both;
}

.general-mesa-info-naranja .cont-to {
  padding-top: 2px;
  padding-bottom: 11px;
}

.general-mesa-info-naranja .linea-tiempo-nar1 strong {
  font-weight: bold;
  color: #000;
}

.general-mesa-info-naranja .numero-t p {
  font-family: 'oswaldDM', sans-serif;
  font-size: 13px;
}

.general-mesa-info-naranja .mayo-24 {
  padding: 28px 27px;
  border: 1px solid #D03F6D;
  margin-top: 38px;
  width: 80%;
  margin-left: 35px;
}

.general-mesa-info-naranja .padding-tfec {
  padding-top: 40px;
}

.general-mesa-info-naranja .altol {
  height: 49px;
}

.general-mesa-info-naranja .altol1 {
  height: 80px;
}

.general-mesa-info-naranja .altol2 {
  padding-bottom: 13%;
}

.general-mesa-info-naranja .titulo-t {
  float: left;
  width: 50%;
}

.general-mesa-info-naranja .icono-t1 {
  float: left;
  width: 50%;
  text-align: right;
}

.general-mesa-info-naranja .icono-t1 img {
  width: 90px;
}

.general-mesa-info-naranja .t-t {
  height: 50px;
}

.general-mesa-info-naranja .botones-en {
  margin-top: 30px;
  float: left;
  width: 100%;
}

.general-mesa-info-naranja .bt-en {
  background-size: cover;
  margin: 0 5px;
  padding: 40px 30px;
  height: auto !important;
}

.general-mesa-info-naranja .bt-en p {
  font-size: 20px;
  font-family: 'oswaldDM', sans-serif;
  font-weight: 400;
  text-align: left;
  width: 40%;
  float: right;
  color: #fff;
}

.contenedor-largo-naranja .linea-tiempo {
  font-size: 16px;
  padding-left: 90px;
  padding-right: 65px;
}

.iconos1-naranja img {
  width: 60px;
  float: left;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l1-3:checked~.linea-1 {
  width: 10%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l2-3:checked~.linea-1 {
  width: 29%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l3-3:checked~.linea-1 {
  width: 48%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l4-3:checked~.linea-1 {
  width: 68%;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l5-3:checked~.linea-1 {
  width: 87%;
}

.general-mesa-info-naranja .linea-tiempo-nar3 .t-label {
  width: 19%;
  position: relative;
  z-index: 2;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l1-3:checked~label.activo1-3 span {
  background-color: #D03F6D;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l2-3:checked~label.activo2-3 span {
  background-color: #D03F6D;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l3-3:checked~label.activo3-3 span {
  background-color: #D03F6D;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l4-3:checked~label.activo4-3 span {
  background-color: #D03F6D;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l5-3:checked~label.activo5-3 span {
  background-color: #D03F6D;
  color: #fff;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l1-3:checked~.contenido-info1 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l2-3:checked~.contenido-info2 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l3-3:checked~.contenido-info3 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l4-3:checked~.contenido-info4 {
  height: auto;
}

.general-mesa-info-naranja .contenido-l3 input#bt-l5-3:checked~.contenido-info5 {
  height: auto;
}


/* -------- FIN LINEA TIEMPO ------------------- */


/* -------- Tablas lista actividades naranja ------------------- */

.flotar-der-naranja {
  float: right;
}

.eco-naranja-row {
  padding: 0;
}

.fondo-gris-naranja {
  background-color: #ececec;
}

.fleacha-abajo-naranja {
  cursor: pointer;
}

.lista-naranja .esconder1- {
  display: none;
}

.lista-naranja .gris-uno {
  background-color: #f2f2f2;
}

.lista-naranja .lista-t-p {
  overflow: scroll;
  height: 530px;
  transition: all 3s;
  -moz-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.lista-uno.lista-naranja input.activo:checked~div.ac-contenido {
  overflow: scroll;
  height: 530px;
  transition: all 3s;
  -moz-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.padding-container-largo-2-naranja {
  padding-left: 44px;
  padding-right: 44px;
}

.iconos1-naranja p {
  display: flex;
  align-items: center;
}

.lista-dos.lista-naranja input.activo:checked~div.ac-contenido {
  overflow: scroll;
  height: 450px;
  transition: all 3s;
  -moz-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.lista-uno.lista-naranja input.activo:checked~.icon-cerrar-naranja {
  transform: rotate(-10deg);
}

.lista-naranja .espacio-lado {
  padding-left: 15px;
}

.padding-corto-bajo.lista-naranja {
  padding-bottom: 15px;
}

.lista-naranja .padding-arriba {
  padding-top: 40px;
}

.lista-naranja .fondos-titulos p {
  font-family: 'Oswald', sans-serif;
  font-size: 21px;
  color: #444444;
  padding-bottom: 25px;
}

.lista-naranja .celdas-t {
  border: 1px solid #444444;
  padding: 12px 20px 20px 20px;
  margin-bottom: 12px;
  height: auto;
}

.lista-naranja .celdas-t p {
  color: #000;
}

.lista-naranja .linea-n {
  height: 4px;
  width: 83px;
  background-color: #D03F6D;
  margin-top: 14px;
}

.img-actividades-t-naranja {
  width: 63px;
}

.icon-cerrar-naranja {
  width: 28px;
  margin-right: 9px;
}

.lista-naranja .boton-1 {
  background-color: #e4e4e4;
  ;
  padding: 1px 13px;
  width: 100%;
  cursor: pointer;
  display: flex;
}

.lista-naranja .boton-1 p {
  color: #D03F6D;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
}

.lista-naranja .boton-1 p span {
  float: right;
  border-left: 1px solid #D03F6D;
  padding: 0 7px;
  font-weight: 300;
  margin-left: 13px;
}

.lista-naranja .borde-abajo {
  border-bottom: 1px solid #ccc;
}

.lista-naranja .texto-centrado {
  text-align: center;
}

.lista-naranja .borde-der {
  border-right: 1px solid #fff;
}

.lista-naranja .titulos-lista {
  background-color: #e4e3e3;
}

.lista-naranja .titulos-lista p {
  color: #000;
  height: 19px;
}

.lista-naranja .lista-t-p {
  margin-top: 0px;
  padding-left: 0;
  padding-right: 0;
}

.titulos-lista.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.parrafos-lista.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#inlineFrameExample {
  width: 100%;
  height: 1100px;
}
#linea-tiempo-servidor {
  width: 100%;
  height: 700px;
}

@media (min-width: 1200px) {
  .lista-naranja .bt-en {
      width: 32%;
  }
}

.paddin-boton-naranja {
  padding-top: 8px;
  padding-bottom: 8px;
}

.eco-naranja-general .lista-t-p.ac-contenido div {
  padding-top: 3px;
  padding-bottom: 5px;
}


/* --------  QUIERES SER PARTE DEL SIENA ------------------- */

.actividades-naranja p {
  margin: 0;
}

.logos-naranja img {
  width: 100%;
}

.proceso-img {
  text-align: center;
}

.eco-naranja-general .proceso-img img {
  width: auto;
}

.eco-naranja-linea hr {
  margin-top: 0;
  margin-bottom: 0;
}

.eco-naranja-general .color-gris {
  background-color: #ececec;
}

.contenedor-formulario-naranja {
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}


/* --------  Documentos técnicos ------------------- */

.color-naranja h1 p {
  color: #D03F6D;
}

.fondo1-naranja.fondo-gris-naranja {
  background-image: none;
  background: rgba(237, 237, 237, 1);
  background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(56%, rgba(246, 246, 246, 1)), color-stop(93%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
  background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
  background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
  background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
  background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed', GradientType=1);
}

.titulo-n-r-naranja.color-naranja .linea-hor1-naranja {
  width: 100%;
}

.titulo-n-r-naranja.color-naranja .linea-hor1-naranja hr {
  border-top: 2px solid #fff;
}

.eco-naranja-general .row.reporte-row {
  margin-right: 0;
  margin-left: 0;
}

.reportes-naramja img {
  width: 93%;
}


/* -------------- formulario --------------- */

#limesurvey {
  width: 100% !important;
  margin: 0 !important;
}


/* --------- menu responsive --------- */

.eco-naranja-general .res-menu {
  display: none;
}

input.menu-responsive {
  display: none;
}

.eco-naranja-general .responsive-menu {
  display: none;
}

.eco-naranja-general .img-mr {
  display: none;
}

.reportes-naramja {
  width: 100%;
}

.actividades h2.subtitulo-negro-naranja {
  color: #D03F6D;
}

@media (max-width: 400px) and (min-width: 10px) {
  #inlineFrameExample {
      width: 100%;
      height: 1240px !important;
  }
  .lista-naranja .boton-1 {
      padding: 1px 1px;
      width: 100%;
  }
  .lista-naranja .boton-1 p {
      font-size: 18px;
  }
  .col-lg-4.col-md-4.col-sm-6.col-xs-12.padding-lados-cero.tres-naranja {
      padding-left: 15px;
      padding-right: 15px;
  }
  .cuadro-naranja {
      width: 100%;
      height: 334px;
  }
  .contenido-botones-naranja {
      width: 100%;
      height: 334px;
  }
  .padding-lados-cero.tres-naranja {
      padding-left: 15px;
      padding-right: 15px;
  }
  .general-mesa-info-naranja .bt-f {
      font-size: 12px;
  }
  label.fleacha-abajo-naranja {
      display: none;
  }
  .row.que-es-naranja-botones {
      margin-right: 0;
  }
  .eco-naranja-general .padding-lados-cero {
      padding-left: 0px;
      padding-right: 0px;
  }
}

@media (max-width: 1000px) and (min-width: 10px) {
  .logo-menu-naranja {
      padding: 23px 0 10px 0;
  }
  #inlineFrameExample {
      width: 100%;
      height: 1240px;
  }
  .lista-uno.lista-naranja input.activo:checked~div.ac-contenido {
      height: auto !important;
  }
  .lista-dos.lista-naranja input.activo:checked~div.ac-contenido {
      height: auto !important;
  }
  .row.line-naranja3 {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
  .p-cero-naranja {
      padding-left: 15px;
      padding-right: 15px;
  }
  .linea-corta-naranja.borrar-naranja.padding-abajo-titulosh-naranja.eco-naranja-linea.row {
      padding-left: 15px;
      padding-right: 15px;
  }
  .eco-naranja-general .padding-logo {
      padding-left: 13px;
  }
  .eco-naranja-general .res-menu {
      display: block;
  }
  .eco-naranja-general .responsive-menu {
      display: block;
  }
  .eco-naranja-general .esconder-menu {
      display: none;
  }
  input.menu-responsive:checked~.menu-eco-naranja {
      display: block;
  }
  .eco-naranja-general .responsive-menu p {
      display: flex;
  }
  .eco-naranja-general .responsive-menu {
      float: right;
      padding-top: 10px;
      position: absolute;
      top: 53px;
      right: 23px;
      opacity: 0.5;
  }
  .eco-naranja-general .responsive-menu img {
      width: 20px;
      margin-right: 7px;
  }
  .menu-eco-naranja ul {
      display: block;
      right: 16px;
      -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
      background-color: #fff;
      z-index: 3;
      padding: 0;
  }
  .menu-eco-naranja ul li {
      padding: 20px 20px 20px 20px;
      background-color: #fff;
      border-bottom: 1px solid #ccc;
  }
  .menu-eco-naranja ul li:last-child {
      padding: 20px 20px 20px 20px;
      border-bottom: 0px solid #ccc;
  }
  .eco-naranja-general .img-mr {
      display: block;
      width: 28px;
      float: left;
      margin-right: 8px;
  }
  .banner-economia-naranja .fondo1-naranja {
      background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/fondo-banner.jpg);
      background-repeat: no-repeat;
      padding-left: 30px;
      background-size: 100% 100%;
      background-position: -16px 0;
  }
  .logo-eco-naranja img {
      width: 180px;
  }
  .fondo1-naranja.fondo-gris-naranja {
      background-image: none;
      background: rgba(237, 237, 237, 1);
      background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(56%, rgba(246, 246, 246, 1)), color-stop(93%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
      background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
      background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
      background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
      background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 56%, rgba(237, 237, 237, 1) 93%, rgba(237, 237, 237, 1) 100%);
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed', GradientType=1);
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .consultar-siena-n nav ul li a {
      padding: 33px 9px !important;
  }
  .acti-naranja2 {
      margin-top: 60px;
  }
  .economia-naranja-art p {
      padding-right: 20px;
  }
  .liks-banner-naranja img {
      margin-left: 63px;
      width: 45px;
  }
}

@media (max-width: 462px) and (min-width: 10px) {
  .consultar-siena-n ol,
  .consultar-siena-n ul {
      margin-top: 34px;
      margin-bottom: 41px;
      margin-left: 0;
      padding: 0;
  }
  .consultar-siena-n nav ul li a {
      color: #D03F6D;
      border: 1px solid #D03F6D !important;
      padding: 12px !important;
      border-radius: 5px;
      background-color: inherit !important;
  }
}

@media (max-width: 788px) and (min-width: 463px) {
  .menu-naranja {
      margin-top: 0;
  }
  .consultar-siena-n ol,
  .consultar-siena-n ul {
      margin-top: 34px;
      margin-bottom: 41px;
      margin-left: 0;
      padding: 0;
  }
  .consultar-siena-n nav ul li a {
      color: #D03F6D;
      border: 1px solid #D03F6D !important;
      padding: 8px;
      border-radius: 5px;
      background-color: inherit !important;
  }
}

@media (max-width: 600px) and (min-width: 10px) {
  .adelante-naranja {
      right: -26px !important;
  }
  .bt-slider-naranja-prin {
      bottom: -16px !important;
      top: inherit !important;
  }
  .contenedor-largo-naranja .linea-tiempo {
      padding-left: 24px;
      padding-right: 24px;
  }
  .navbar-nav {
      margin: 0;
  }
  .tercer-naranja {
      line-height: 1.4 !important;
      font-size: 17px;
  }
  .eco-naranja-general .lista-t-p .col-xs-9 {
      width: 65% !important;
  }
  .eco-naranja-general .lista-t-p .col-xs-2 {
      width: 23% !important;
  }
  .eco-naranja-general .lista-t-p .col-xs-1 {
      width: 12% !important;
  }
  .lista-naranja .lista-t-p {
      padding-left: 0;
      padding-right: 0;
  }
  .padding-container-largo-2-naranja {
      padding-left: 34px;
      padding-right: 34px;
  }
  .padding-lados-cero {
      padding-left: 0px;
      padding-right: 0px;
  }
  .padding-lados-cero2 {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  .eco-naranja-general .responsive-menu {
      top: 21px !important;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
      font-size: 31px;
      line-height: 1.3;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
      font-size: 25px;
  }
  .sistema-info-naranja {
      font-size: 15px;
  }
  .general-mesa-info-naranja .ano {
      width: 80px;
  }
  .general-mesa-info-naranja .linea-tiempo-nar3 .t-label {
      width: 30%;
  }
  .mitad-naranja {
      display: flex;
      align-items: center;
      height: 200px;
  }
  .mesa-fondo-naranja .padding-ari-aba-naranja {
      padding-top: 0;
      padding-bottom: 40px;
  }
  .navbar-toggle {
      position: relative;
      float: right;
      padding: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
  }
  .linea-0 {
      display: none;
  }
  .linea-1 {
      display: none;
  }
  .linea {
      display: none;
  }
  .menu-naranja {
      margin-top: 0;
  }
  .general-mesa-info-naranja .linea-tiempo-nar .t-label {
      width: 23.9%;
  }
  .padding-arriba-naranja {
      padding-top: 20px;
  }
  .padding-abajo-naranja {
      padding-bottom: 30px;
  }
  .mitad-naranja {
      display: flex;
      align-items: center;
      height: 360px;
  }
  .banner-enlaces-naranja {
      padding-top: 30px;
      padding-left: 0;
  }
  .iconos1-naranja.col-lg-7.col-md-7.col-sm-12.col-xs-12.eco-naranja-row p {
      align-items: end;
  }
  .logo-menu-naranja {
      padding: 30px 0 10px 0;
  }
  .cuadro-naranja {
      margin-left: auto;
      margin-right: auto;
  }
  .linea-h-normal-naranja {
      padding-bottom: 30px;
  }
  .eco-naranja-general .numero-t {
      padding-bottom: 0 !important;
      height: auto !important;
  }
  .padding-ari-aba-naranja {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  .padding-container-largo-naranja-lt {
      padding-left: 8px;
      padding-right: 8px;
  }
  .general-mesa-info-naranja .padding-tfec {
      padding-top: 14px;
  }
  .fondo-linea-t-naranja1 {
      background-size: 3000px;
  }
  .fondo-linea-t-naranja2 {
      background-size: 3000px;
  }
  .tres-naranja {
      margin-bottom: 10px;
  }
  .menu-eco-naranja ul {
      display: block;
      position: absolute;
      right: 16px;
      -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
      top: -18px;
      background-color: #fff;
      z-index: 3;
      padding: 0;
  }
  .flotar-der-naranja {
      float: left;
  }
  .eco-naranja-general .proceso-img img {
      width: 100% !important;
  }
  .mitad-naranja.row {
      display: block;
      padding: 42px 0 !important;
  }
  .reportes-naramja img {
      width: 50%;
  }
  .titulo-n-r-naranja.color-naranja .linea-hor1-naranja {
      width: 93%;
  }
  .reportes-naramja {
      text-align: left;
      padding-bottom: 40px;
      ;
  }
  .iconos1-naranja p {
      display: flex;
      align-items: end;
  }
  .iconos1-naranja img {
      width: 40px;
      float: left;
  }
}

@media (max-width: 768px) and (min-width: 700px) {
  .mitad-naranja {
      height: 320px!important;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
      font-size: 10.3mm!important;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
      font-size: 13mm!important;
      line-height: 1.3;
  }
  .sistema-info-naranja {
      font-size: 20px!important;
  }
  nav.liks-banner-naranja ul li {
      height: auto !important;
  }
  .navbar-nav {
      margin: 0;
  }
}

@media (max-width: 768px) and (min-width: 601px) {
  .general-mesa-info-naranja .linea-tiempo-nar3 .t-label {
      width: 32%;
  }
  .contenedor-largo-naranja .linea-tiempo {
      padding-left: 25px;
      padding-right: 0;
  }
  .general-mesa-info-naranja .linea-tiempo-nar .t-label {
      width: 13.8%;
  }
  .bt-slider-naranja-prin {
      top: 74px !important;
  }
  .adelante-naranja {
      right: -10px !important;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
      font-size: 14mm;
      font-family: 'oswaldDM', sans-serif;
      text-shadow: 1px 1px #969696;
      line-height: 1.3;
  }
  .lista-naranja .boton-1 {
      width: 350px;
  }
  .padding-entides-lados-naranja {
      padding-left: 50px;
      padding-right: 50px;
  }
  .padding-lados-cero {
      padding-left: 0px;
      padding-right: 0px;
  }
  .padding-lados-cero2 {
      padding-left: 15px;
      padding-right: 15px;
  }
  .eco-naranja-general .responsive-menu {
      top: 29px !important;
  }
  .menu-eco-naranja ul {
      top: -18px;
  }
  .cuadro-naranja {
      margin-left: auto;
      margin-right: auto;
  }
  .eco-naranja-general .tres-naranja {
      margin-bottom: 10px;
  }
  .padding-arriba-naranja {
      padding-top: 30px;
  }
  .padding-abajo-naranja {
      padding-bottom: 30px;
  }
  .logo-menu-naranja {
      padding: 30px 0 0px 0;
  }
  .enlaces-int-naranja {
      padding: 30px 0 20px 0;
  }
  .banner-enlaces-naranja {
      padding-top: 10px;
      padding-left: 0px;
  }
  nav.liks-banner-naranja ul li {
      list-style: none;
      border: 1px solid #888;
      margin-top: 15px;
      height: 76px;
      display: block;
      align-items: center;
  }
  .eco-naranja-general .numero-t {
      padding-bottom: 0 !important;
      height: auto !important;
  }
  .fondo-linea-t-naranja1 {
      background-size: 3000px;
  }
  .fondo-linea-t-naranja2 {
      background-size: 3000px;
  }
  .flotar-der-naranja {
      float: left;
  }
  .eco-naranja-general .proceso-img img {
      width: 100% !important;
  }
  .navbar-nav {
      margin: 0;
  }
}

@media (max-width: 991px) and (min-width: 769px) {
  .izqui-naranja {
      left: -44px !important;
  }
  .adelante-naranja {
      right: -2px !important;
  }
  .linea-tiempo-nar .linea-tiempo label p {
      margin-top: -24px;
  }
  .general-mesa-info-naranja .linea-tiempo-nar .t-label {
      width: 13.8%;
  }
  .contenedor-largo-naranja .linea-tiempo {
      padding-left: 32px;
      padding-right: 14px;
  }
  .navbar-nav {
      margin: 0;
  }
  .navbar-nav>li {
      float: left;
  }
  .padding-logo {
      padding-left: 0px !important;
  }
  .mitad-naranja {
      height: 285px;
  }
  nav.liks-banner-naranja ul li a {
      padding-top: 35px;
  }
  nav.liks-banner-naranja ul div h2 {
      padding-bottom: 20px;
  }
  nav.liks-banner-naranja ul div h2 {
      font-size: 35px;
  }
  nav.liks-banner-naranja ul div p {
      font-size: 17px;
  }
  .nav>li>a {
      padding: 0px;
      font-size: 14px;
      width: 106px;
      line-height: 1.2;
  }
  nav.liks-banner-naranja ul li {
      list-style: none;
      border: 1px solid #888;
      margin-top: 0;
      height: auto;
      display: block;
      align-items: center;
  }
  .cuadro-naranja {
      margin-left: auto;
      margin-right: auto;
      margin-top: 34px;
  }
  .eco-naranja-general .responsive-menu {
      position: relative;
      top: 12px;
      right: 10px;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
      font-size: 10mm;
      line-height: 1.4;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
      font-size: 7.3mm;
  }
  .sistema-info-naranja {
      font-size: 16px;
  }
  .eco-naranja-general .numero-t {
      height: auto !important;
      padding-bottom: 0 !important;
  }
  .fondo-linea-t-naranja1 {
      background-size: 3000px;
  }
  .fondo-linea-t-naranja2 {
      background-size: 4000px;
  }
  .general-mesa-info-naranja .padding-tfec {
      padding-top: 0;
  }
  .padding-arriba-naranja {
      padding-top: 40px;
  }
  .eco-naranja-general .proceso-img img {
      width: 100% !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  nav.liks-banner-naranja ul div h2 {
      padding-bottom: 31px;
  }
  .nav>li>a {
      padding: 6px 21px 6px 0px;
      font-size: 16px;
  }
  .liks-banner-naranja img {
      margin-left: 51px;
  }
  nav.liks-banner-naranja ul div h2 {
      font-size: 35px;
  }
  nav.liks-banner-naranja ul div p {
      font-size: 17px;
  }
  .eco-naranja-general .proceso-img img {
      width: 100%;
  }
  nav.liks-banner-naranja ul li {
      list-style: none;
      border: 1px solid #888;
      margin-top: 0;
      height: auto;
      display: block;
      align-items: center;
  }
  .menu-eco-naranja ul li {
      padding: 0 20px;
      font-size: 15px;
  }
  .cuadro-naranja {
      width: 300px;
      height: 320px;
  }
  .tres-naranja {
      padding-left: 0;
  }
  .mitad-naranja {
      height: 302px;
  }
  .fondo-linea-t-naranja1 {
      background-size: 2000px;
  }
  .fondo-linea-t-naranja2 {
      background-size: 3000px;
  }
  .general-mesa-info-naranja .altol2 {
      padding-bottom: 26%;
  }
  .general-mesa-info-naranja .altol {
      height: 73px;
  }
  .fondo-linea-t-naranja2 .numero-t {
      height: 4px;
      padding-bottom: 30px;
  }
  .padding-nueva-naranja {
      padding-bottom: 63px !important;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(1) {
      font-size: 8.3mm;
  }
  .banner-economia-naranja .titulo-n-r-naranja p:nth-child(2) {
      font-size: 19mm;
  }
  .contenedor-largo-naranja .linea-tiempo {
      font-size: 16px;
      padding-left: 57px;
      padding-right: 31px;
  }
  .linea-tiempo label p {
      font-size: 13px !important;
  }
}

@media (max-width: 1618px) and (min-width: 1200px) {
  .fondo-linea-t-naranja2 {
      background-size: 2000px;
  }
  .fondo-linea-t-naranja1 {
      background-size: 2000px;
  }
}

.cabezote img {
  width: 100%;
}

.home .linea-hor1-naranja {
  display: none;
}


/* ********* que es siena  ********* */

.consultar-siena-n nav ul {
  list-style: none;
}

.consultar-siena-n nav ul li {
  width: 100%;
}

.consultar-siena-n nav ul li a {
  color: #D03F6D;
  border: 1px solid #D03F6D;
  padding: 15px 0px 15px 20px;
  border-radius: 5px;
  background-color: #fff;
  display: block;
  margin-bottom: 10px;
}

.consultar-siena-n nav ul li a:hover {
  text-decoration: none;
}

.consultar-siena-n nav ul li a img {
  width: 53px;
  margin-top: -7px;
}

.grafica-siena-na {
  width: 100%;
}

#inlineFrameExample2 {
  border: 0;
  width: 100%;
  height: 836px;
}

.izqui-naranja {
  float: left;
}

.adelante-naranja {
  float: right;
}

.linea-vista {
  display: block;
}

.linea-oculta-naranja {
  display: none;
}

.bt-tactivo1 p.activo-slid {
  background-color: #D03F6D;
  color: #fff;
}

.esconder-boton-delante-atras {
  display: none;
}

.bt-slider-naranja-prin {
  position: absolute;
  top: 137px;
}

.izqui-naranja {
  position: relative;
  left: 5px;
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/izq-n.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 40px;
  width: 40px;
  z-index: 99999;
}

.adelante-naranja {
  position: relative;
  right: 33px;
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/der-n.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 40px;
  width: 40px;
  z-index: 99999;
}

.izqui-naranja:hover {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/izq-n-hover.png);
  cursor: pointer;
  transition: all 1s;
}

.adelante-naranja:hover {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/der-n-hover.png);
  cursor: pointer;
  transition: all 1s;
}

.activo-slid {
  background-color: #D03F6D !important;
  color: #fff !important;
}

.linea-tiempo label p {
  text-align: center;
  padding: 0px 0 12px 0;
  font-size: 14px;
  color: #D03F6D;
}

.anos-principal {
  border-bottom: 1px solid #D03F6D;
  margin-bottom: 46px;
  height: 40px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

.titulo-mes-naranja {
  font-size: 24px;
  color: #000;
  margin-bottom: 30px !important;
}

.titulo-mes-naranja2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 0px !important;
  margin-top: 41px !important;
}

.collapse.navbar-collapse {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.anexos-t-naranja {
  padding: 20px 40px 11px 40px;
  overflow: hidden;
  border-top: 1px solid #dddddd
}

.padding-gris-naranja.p-ane-naranja {
  padding: 20px 40px 26px 40px;
}

.anexos-t-naranja h3 {
  float: left;
  color: #5b5b5b;
  font-size: 18px;
  font-family: 'RobotoM', sans-serif !important;
}

.anexos-t-naranja p {
  float: right;
}

.icon-pdf-n {
  width: 17px;
  margin-top: -6px;
  margin-right: 7px;
}

.anexos-t-naranja h3 span {
  font-family: 'RobotoL', sans-serif;
  font-size: 16px;
}

.anexos-t-naranja p a {
  color: #3C3C3B;
  font-size: 16px;
  font-family: 'RobotoM', sans-serif;
}

.anexos-t-naranja p a:hover {
  color: #D03F6D;
}

.padding-gris-naranja {
  background: #f2f2f2;
  padding: 20px 40px 11px 40px;
}

.titulos-gris-naranja {
  background-color: #F7F7F7;
  overflow: hidden;
  color: #fff;
  padding: 12px;
}

.anexos-t-naranja h4 {
  float: left;
  color: #5b5b5b;
  font-size: 19px;
}

.anexos-t-naranja h4 span {
  font-family: 'RobotoL', sans-serif;
  font-size: 16px;
}

.paddin-boton-naranja2 div {
  color: #D03F6D;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
}

.linea-anexos-a-naranaja {
  background-image: url(../../../files/investigaciones/pib/sateli_cultura/economia-naranja/imagenes/l-larga-nr.png);
}

.boton-cscen {
  border-radius: 5px;
  background-color: #bc144f;
  color: #fff !important;
  padding: 8px 29px;
}

.contenedor-anexos-naranja {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
}

.contenedor-anexos-naranja h2 {
  font-size: 22px;
  font-family: 'RobotoM', sans-serif !important;
}

@media (min-width: 1000px) {
  .eco-naranja-general .navbar-nav>li>a {
      padding: 0;
  }
  .collapse.navbar-collapse {
      padding-left: 0;
  }
  .menu-naranja-c .collapse.navbar-collapse li {
      position: relative;
      display: block;
      padding: 0 63px 0 0;
  }
}

.tabla-pri-naranja {
  border-collapse: collapse;
  width: 100%;
}

.tabla-pri-naranja th {
  background-color: #ededed
}

.tabla-pri-naranja th,
.tabla-pri-naranja td {
  height: 50px;
  padding-left: 10px;
}

.linea-tabla-naranja {
  border-bottom: 1px solid #e5e5e5;
}

.tabla-escondida-n {
  display: none;
}

.titulostablas-n {
  background-color: #e4e3e3;
}

.gris-tablas-ac-n {
  background-color: #f2f2f2;
}

.seg-naranja {
  background-color: #e5e5e5;
  font-family: 'oswaldDM', sans-serif;
  padding: 8px 10px;
  width: 207px;
  text-align: center;
  color: rgb(86, 86, 86);
  font-size: 17px;
  margin-top: 3px;
  margin-bottom: -6px;
  margin-right: -5px !important;
}

.act-seg-prin {
  border-bottom: 1px solid #D03F6D;
}

.act-seg-prin label {
  margin-bottom: 0px;
}

.naranja-scroll {
  overflow: scroll;
  height: 530px;
  transition: all 3s;
  -moz-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.titulostablas-n th {
  border-right: 1px solid #fff;
}

.gris-tablas-ac-n td {
  border-right: 1px solid #fff;
}

.tablas-segemento tr td {
  padding: 4px;
}

.cuadro-naranja p {
  font-size: 19px;
  line-height: 0.6;
}

p.line-h-naranja {
  line-height: 1.2;
}

.cuadro-naranja .paddin-linea-items-naranja {
  padding: 6px 0;
}

.imagen-proceso-n {
  text-align: center;
}

.imagen-proceso-n object {
  width: 70%;
}


/*---------------------------------------------------------------------*/

/* 6.) ESTILOS GENERALES TEMÁTICAS */

/* ACTUALIZACIÓN OCTUBRE 2020*/

/* INICIA ESTILOS TEMÁTICAS*/


.clear{
  clear: both;
}

.my-1 {
  margin-top: 0.5em !important;
  margin-bottom:0.5em !important;
}
.mt-1{
  margin-top: 0.5em !important;
}
.my-2 {
  margin-top: 1em !important; 
  margin-bottom:1em !important;
}
.mt-2{
  margin-top: 1em !important;
}
.pl-2{
  padding-left: 2em !important;
}
.pl-4{
  padding-left: 4em !important;
}
.pld-1{
  padding: 0 29px;
}
.my-3 {
  margin-top: 1.5em !important;
  margin-bottom:1.5em !important;
}
.mt-3{
  margin-top: 1.5em !important;
}
.my-4 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}
.my-5 {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}
.mt-2{
  margin-top: 1em !important;
}
.mt-4{
  margin-top: 2em !important;
}
.mt-8{
  margin-top: 4em !important;
}
.mb-2{
  margin-bottom: 1em !important;
}
.mb-3{
  margin-bottom: 1.5em !important;
}
.mb-4{
  margin-bottom: 2em !important;
}
.mb-8{
  margin-bottom: 4em !important;
}

/* TABS TEMATICAS*/
.tema-general .rl_tabs .nav-tabs>li>a {
  font-family: 'Oswald', sans-serif;
  font-size: 1.8em;
  margin-right: 0;
  padding: 0.8em 2.5em;;
  line-height:0.7em;
  border: none !important;;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  width: auto !important;
 }
/* FIN TABS TEMATICAS*/

.tema-general .w-100 p{
  width: 90% !important;
}

.tema-general .box-center .row{
  display: flex;
  align-items: center;
}

.tema-general h1, .tema-general h2, .tema-general h3, .tema-general h4, .tema-general h5, .tema-general .tema-btn a, 
.tema-general nav.menu-lateral ul li h1, .tema-general nav.menu-lateral ul li a, .tema-general nav.menu-lateral ul li p, 
.tema-general .inf-titles h1, .tema-general .inf-titles h2, .tema-general .btn-documento,
.tema-general .info-tecnica_tabs .nav-tabs>li a, .tema-general .box-btn a, .tema-general .img-btn_bl-info h3 a,
.tema-general .publi-txt h4  {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 900;
}

.tema-general .tabla-docs-tema thead.header-1 {
  font-family: 'OswaldL', sans-serif !important;;
}

.tema-general .inf-titles p, .tema-general .menu-investigacion .nav>li>a, .tema-general .menu-investigacion .dropdown-menu>li>a, 
.tema-general .menu-sociedad .nav>li>a, .tema-general .menu-sociedad .dropdown-menu>li>a, .tema-general .titulo-principal .title-banner, 
.tema-general .banner-txt p, .tema-general .tema-btn p, .tema-general .indice-temas p, .tema-general .info-tecnica_tabs table, 
.tema-general .info-tecnica_tabs table td>ul li a, .tema-general .multi-collapse ul li{
    font-family: 'RobotoL', 'Roboto', "Segoe UI", sans-serif !important;
}

.tema-general p, .tema-general .inf-titles p.fecha-act, .indice-temas ul li a, .tema-general .tabla-docs-tema td, .tema-general .txt_info-tecnica ul li,
.tema-general .tabla-docs-tema td a, .tema-general .info-tecnica_tabs table.basic-table td, .tema-general .info-tecnica_tabs table.basic-table td>ul li a,
.tema-general .info-tecnica_tabs table.basic-table td> a, .tema-general .img-btn_bl-txt p, .tema-general .img-btn_bl-txt ul li p {
  font-family: 'RobotoR', 'Roboto', "Segoe UI", sans-serif !important;
}

.tema-general .indice-herramientas h2, .tema-general .menu-investigacion .nav>li>a.active, .tema-general .tabla-docs-tema thead.header-2, 
.tema-general .indice-temas ul a:hover, .tema-general .info-tecnica_tabs table.basic-table th, .tema-general .menu-sociedad .nav>li>a.active, 
.tema-general .tabla-docs-tema tr.header-3 td, .tema-general p.info-responsive, .tema-general .p-bold{
  /*font-family: 'RobotoM', 'Roboto', "Segoe UI", sans-serif !important;*/
  font-weight: bold;
}

.tema-general, .tema-general h1.light{
    font-weight: 300 !important;
    margin-top: -0.5em;
}

.tema-general .banner-txt p, .tema-general .banner-txt h1, .tema-general .tema-btn a {
    color: #ffffff !important;
}

.tema-general .tema-btn a:hover{
  text-decoration: none;
}

.tema-general .menu-general .nav>li>a, .tema-general nav.menu-lateral ul li p, .tema-general .indice-temas ul li a, .tema-general .inf-titles p, .tema-general .menu-investigacion .nav>li>a, 
.tema-general .menu-sociedad .nav>li>a, .tema-general p.small, .tema-general .txt_info-tecnica p, .tema-general .tabla-docs-tema tr.header-3 td, 
.tema-general .img-btn_bl-txt p, .tema-general .img-btn_bl-txt ul li p, .intro-txt h2, .intro-txt h3, .tema-general .multi-collapse ul li {
  color: #333333 !important;
}

.tema-general .nota-meto p, .tema-general .indice-herramientas p, .tema-general .inf-titles p.fecha-act, .tema-general .publi-txt h4  {
    color: #212121;
}

.tema-general .menu-investigacion .nav>li>a:visited, .tema-general .menu-sociedad .nav>li>a:visited,
.tema-general .menu-sociedad .nav>li>a:visited, .tema-general .indice-temas ul li a:visited{
  color: #8A4A8C;
}

.tema-general p.small{
  background: transparent;
  padding: 0;
  margin: 0.4em 0 !important;
  font-size: 1em !important;
  letter-spacing: 0px;
  line-height: 1em !important;
  text-transform: none;
}

.tema-general .inf-titles {
  display: block;
  float: left;
  margin: 0.5em 0;
  width: 100%;
}
.tema-general .inf-titles h1 {
  font-size: 2.3em !important;
  margin-bottom: 2rem !important;
}

.tema-general .inf-titles h2 {
  float: left;
  width: 100%;
}

.tema-general .inf-titles p{
  float: left;
  margin-top: 1.5em;
  margin-bottom: 0em;
}

.hr-temas{
  float: left;
  width: 100%;
}

.tema-general .hr-temas hr{
  float: left;
  width: 28px;
  margin-top: 0.5em;
  margin-bottom: 0.5rem;
  border-width: 3px;
}

.tema-general .separador hr {
  border-top: 1px solid #d4d3d3;
}

.tema-general .tema-btn {
  padding: 10px 0 10px 0;
  margin: 10px 0;
}

.tema-general .tema-btn a {
    padding: 5px 30px;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 20px 20px;
    border: none;
    transition: all 0.2s;
}

.tema-general .articulo-infotec {
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 0px 0px;
}

.tema-general .inf-titles p {
  font-size: 1.35em;
  line-height: 1.4em;
}
.tema-general .inf-titles p b {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500;
  font-size: 1.1em;
}  
/*.tema-general .inf-titles p{
  width: 66%;
}
*/
.tema-general .inf-titles h2, .tema-general .intro-txt h2 {
  font-size: 2.6rem;
  line-height: 2.9rem;
}

.tema-general .bg-gray_tema {
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  background-color: #f4f4f4;
  padding-top: 1em;
  margin-top: 3em;
}

/*Inicio Banner temática*/

.tema-general .banner-tematica .back-bn {
  background-repeat: no-repeat;
  padding: 65px;
  background-size: cover;
  color: #fff;
  display: flex;
  align-items: center;
  height: auto;
}
.tema-general .banner-txt p.title-banner{
  font-weight: 300;
  font-size: 2.5em !important;
}

.tema-general .banner-txt h1{
  font-size: 2.9em;
  margin: 0;
}

.tema-general .banner-txt p{
  float: left;
  width: 100%;
  font-size: 1.5em;
  margin-top: 1rem;
}

.tema-general .nav-link {
  background-color:  #eeeeee !important;; 
}
.tema-general .nav-link:hover{
  background-color: #dddddd !important;; 
}

.tema-general nav.menu-lateral ul{
  list-style: none;
  border: 1px solid #dbdbdb;
  height: auto;
  display: block;
  border-radius: 5px;
  padding: 0;
  margin-left: 30px;
}

.tema-general nav.menu-lateral ul li {
  list-style: none;
  border-bottom: 1px solid #dbdbdb;
  height: auto;
  display: block;
  align-items: center;
  padding: 1.3em;
}

.tema-general nav.menu-lateral ul li:hover{
  background-color: #f2f2f2;
}

.tema-general nav.menu-lateral ul li a{
  font-size: 1.5em;
}

.tema-general nav.menu-lateral ul li p{
    font-size: 1.4em;
    margin-bottom: 0;
    font-weight: 600;
    font-family: 'RobotoL', sans-serif !important;
  }

.tema-general nav.menu-lateral ul li a {
  /*display: flex;*/
  align-items: center;
  text-decoration: none;
  height: auto;
  margin: 0;
  padding-top: 10px;
}

.tema-general nav.menu-lateral ul li a:after{
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  float: right;
  margin: 0 6px 0 0;
}

.tema-general nav.menu-lateral ul li div.btn-nav_lat{
  float: left;
  display: block;
  width: 90%;
  margin-right: 10%;
}

.tema-general nav.menu-lateral img {
  margin-left: 150px;
  width: 36px;
}

/*Fin banner temática*/


/* Inicio indice temas*/

.tema-general .indice-temas {
    float: left;
    width: 100%;
    margin: 1em 0;
}

.tema-general .indice-temas ul.indice-horizontal li{
  float: left !important;
  padding: 0.6em 3em;
}

.tema-general .indice-temas ul {
    margin: 2em 0 0 0;
  padding: 0;
  float: left;
  width: 100%;
}

.tema-general .indice-temas ul li{
    list-style-type: none;
    padding: 0.6em 0em;
    display: flex;
    align-items: center;
}

.tema-general .indice-temas ul li a{
  font-size: 1.2em;
  line-height: 1.35em;
}

.tema-general  .indice-temas ul li a:before{
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
  margin-right: 1em;

}

.tema-general .nota-meto {
    background-color: #f2f0f7;
    padding: 1em 2.2em;
    margin: 1em 0 3em 0;
}

.tema-general .nota-meto p {
    font-size: 1.1em;
}

.tema-general .indice-herramientas {
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center;
}

.tema-general .indice-herramientas h2 { 
  font-size: 1.6em !important;
  margin-top: 0.5em;
    font-weight: 700;
    text-transform: none !important;
}

.tema-general .img-herramienta {
    width: 100px;
    text-align: center;
    margin: auto;
}

.tema-general .btns-herramientas{
  margin-top: 1.5em;
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}

.tema-general .indice-herramientas p {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 1.5em;
    padding: 0 0.5em;
}

.tema-general .btn-line-r {
    border-right: solid 1px;
}

/*Fin indice temas*/

/* Inicio menú investigación*/
.tema-general .menu-general {
    margin-top: 40px;
}
.tema-general .menu-general .navbar-collapse{
  padding-left: 0;
  margin-left: -15px;
}

.tema-general .menu-general .navbar-nav {
  background-color: transparent !important;
  margin-bottom: 0;
}

.tema-general .menu-general .nav>li{
  width: auto;
}

.tema-general .menu-general .nav>li>a {
  margin: 0px 50px 0px 0;
  font-size: 1.5em;
  line-height: 1.3em;
}

.tema-general .menu-general .nav>li>a{
  border-bottom: 1px solid transparent;
}

.tema-general .menu-general .nav>li>a.active:hover{
  border-bottom: none !important;
  background-color: transparent !important;
}
.tema-general .menu-investigacion{
  margin-top: 40px;
}
.tema-general .menu-investigacion .navbar-collapse{
  padding-left: 0;
  margin-left: -15px;
}

.tema-general .menu-investigacion .navbar-nav {
    background-color: transparent !important;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tema-general .menu-investigacion .nav>li{
  width: auto;
}

.tema-general .menu-investigacion .nav>li>a {
    text-align: left !important;
  margin: 0px 35px 0px 0;
  font-size: 1.5em;
  line-height: 1.3em;
}

.tema-general .menu-investigacion .nav>li>a{
  border-bottom: 1px solid transparent;
}

.tema-general .menu-investigacion .nav>li>a.active:hover{
  border-bottom: none !important;
  background-color: transparent !important;
}

.tema-general .menu-investigacion .dropdown-menu {
  min-width: 242px;
}

.tema-general .menu-investigacion .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 1em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.tema-general .menu-investigacion .dropdown-menu>li>a {
  font-size: 1.6em;
  text-align: left;
  padding: 12px 20px !important;
}

.tema-general .menu-investigacion a .dropdown-menu > li a:hover, .dropdown-menu > li.show {
  text-decoration: none;
  background-color: #f5f5f5;
}

.tema-general .logo-gedi {
  margin: 0 auto;
}
.tema-general .logo-gedi img {
  width: 90% !important;
  margin: 0 auto;
  display: block;
}
.tema-general .logo-pobreza {
  margin: 0 auto;
}
.tema-general .logo-pobreza img {
  width: 85% !important;
  margin: 0 auto;
  display: block;
}
.tema-general .logo-censoeconomico {
  margin: 0 auto;
  padding: 0px 0px;
}
.tema-general .logo-censoeconomico img {
  width: 95% !important;
  margin: 0 auto;
  display: block;
}

/*Fin menú investigación*/


/*Inicio info intro investigación*/

.tema-general .info-intro{
  margin: 1.5em 0;
}

.tema-general .intro-txt{
  float: left;
  width: 100%;
  margin-top: 2em;
}

.tema-general .intro-txt h2{
  margin:1em 0;

}

.tema-general .intro-img{
  background-color: #F5F5F6;
  padding: 20px 30px;
  min-height: 260px;
}

.tema-general .intro-img p{
  font-weight: 400;
  font-size: 1.2em;
  margin-top: 1em;
}

.tema-general .intro-img img{
  max-height: 100px;
  display: block;
  margin: auto;
}
  
/*Inicio imágenes botones*/
  .tema-general .img-btn_bl{
    margin-bottom: 30px;
  }

  .tema-general .img-btn_bl-contenido {
    width: auto;
    height: 334px;
    overflow: hidden;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .tema-general .img-btn_bl-contenido:hover{
    border: 1px solid #ccc;
  }

  .tema-general .img-btn_bl-info {
    width: auto;
    height: 334px;
    margin-top: 234px;
    padding: 26px;
    transition: all 1s;
  }
  
  .tema-general .img-btn_bl-contenido:hover>.img-btn_bl-info {
    width: auto;
    height: 334px;
    background-color: #fff;
    margin-top: 0px;
    transition: all 1s;
  }

  .tema-general .img-btn_bl-info h3 a{
    font-size: 1.1em;
    color: #fff;
    text-transform: uppercase;
  }

  .tema-general .img-btn_bl-contenido:hover>.img-btn_bl-info h3 a{
    color: #333333;
    transition: all 1s;
  }

  .tema-general .img-btn_bl-txt{
    float: left;
    width: 100%;
    margin-top: 1em;
    opacity: 0;
    transition: all 1s;
    /*cursor: pointer;*/
  }
  
  .tema-general .img-btn_bl-contenido:hover>.img-btn_bl-info .img-btn_bl-txt {
    opacity: 0.9;
    transition: all 1s;
    float: left;
  }

  .tema-general .img-btn_bl-txt  ul {
    list-style-type: square;
    padding-left: 18px;
  }

  .tema-general .img-btn_bl-txt ul li {
    padding-bottom: 0.5em;
  }

  .tema-general .img-btn_bl-txt p, .tema-general .img-btn_bl-txt ul li p {
    font-size: 1.2em;
  }

  .tema-general .img-btn_bl-txt p{
    margin-bottom: 1em;
  }

  .tema-general .img-btn_bl-txt ul li p {
    margin: 0;
  }
  /*Fin imágenes botones*/

  /*Inicio botones-formas*/
  .tema-general .box-btn a{
    width: 70%;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 25px;
    font-weight: 600;
    font-size: 21px;
    border-radius: 50px;
    margin-bottom: 1rem;
  }

  .tema-general .box-btn a:hover{
    transform: 0.5s all ease-in-out;
    opacity: 0.5;
  }
  /*Fin botones-formas*/

/*Fin info intro investigación*/


/*Inicio info tecnica investigación*/

.tema-general .info-tecnica, .tema-general .info-tecnica_tabs .tab-content{
  background-color: #f7f7f7;
}

.tema-general .white-bg.info-tecnica, .tema-general .white-bg.info-tecnica_tabs .tab-content {
  background-color: #ffffff00;
}

.tema-general .inf-titles p.fecha-act{
  font-size: 1em !important;
  margin: 1em 0;
  width: 100%;
}

.tema-general .inf-titles p.infotec-intro{
  margin-top: 0.5em ;
}

.tema-general .info-tecnica{
  float: left;
  width: 100%;
  padding: 3em 4.2em;
  margin: 2em 0;
}

.tema-general .txt_info-tecnica{
  float: left;
  width: 100%;
  margin: 1.5em 0;
} 

.tema-general .graf-tecnica{
  float: left;
  width: 100%;
  margin-bottom: 2em;
}

.tema-general .txt_info-tecnica p{
  margin: 1em 0;
}

.tema-general .graf-tecnica img{
  display: flex;
  margin: auto;
  background-color: #fff;
  /*padding: 0.5em;*/
}

.tema-general .txt_info-tecnica ul{
    padding-left: 20px;
}
.tema-general .txt_info-tecnica p, .txt_info-tecnica ul li{
    font-size: 1.2em;
}

.tema-general .tabla-docs-tema {
  border-collapse: collapse;
  float: left;
  width: 100%;
  margin-top: 1.3em;
}

.tema-general .tabla-docs-tema thead.header-1{
  color: #fff;
  font-size: 1.3em;
}

.tema-general .tabla-docs-tema thead.header-2{
  background-color: #ededed;
  font-size: 1.1em;
}

.tema-general .tabla-docs-tema tr.header-3{
  border-bottom: 1px solid #e5e5e5;
  font-size: 1em;
}

.tema-general .tabla-docs-tema thead,
.tema-general .tabla-docs-tema td {
  padding: 10px;
}

.tema-general .tabla-docs-tema tbody{
  background-color: #fff;
}

.tema-general .tabla-docs-tema td{
  font-size: 1.1em;
}

.tema-general .tabla-docs-tema td a{
  color: #B6004C;
}

.tema-general .tabla-docs-tema td a:hover{
  color: #7d0641;
}

.tema-general .celda-tabla_docs {
  border-bottom: 1px solid #e5e5e5;
}

.tema-general td.celda-tabla_docs a:before, .tema-general td.celda-tabla_docs a.table-link:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
}
.tema-general td.celda-tabla_docs a:before {
  background: url(../../../files/investigaciones/boletines/pib/imagenes/icon-download_off.svg) no-repeat;
}

.tema-general td.celda-tabla_docs a:hover:before {
  background: url(../../../files/investigaciones/boletines/pib/imagenes/icon-download_on.svg) no-repeat;
}

.tema-general td.celda-tabla_docs a.table-link:before {
  background: url(../../../files/investigaciones/poblacion/imagenes/icon-link_off.svg) no-repeat;
}

.tema-general td.celda-tabla_docs a.table-link:hover:before {
  background: url(../../../files/investigaciones/poblacion/imagenes/icon-link_on.svg) no-repeat;
}

.tema-general td.nom-doc-tec{
  width: 40%;
}

.tema-general p.info-responsive{
  float: left;
  width: 100%;
  margin-top: 2em;
  text-align: center;
}

.tema-general .info-adicional_tec{
  float: left;
  margin-bottom: 1.5em;
  width: 100%;
}

.tema-general .info-tecnica_tabs{
  float: left;
  width: 100%;
  margin-top: 2em;
}

.tema-general .info-tecnica_tabs .nav-tabs>li {
  width: auto;
}

.tema-general .info-tecnica_tabs .nav-tabs>li.tab-four {
  width: 25%;
}

.tema-general .info-tecnica_tabs .nav-tabs>li>a {
  border-radius: 0;
  border: none;
  padding: 0.5em 2.5em;
  font-size: 1.8em;
  width: auto !important;
}

.tema-general .info-tecnica_tabs .nav-tabs>li.active>a{
  color: #fff !important;
}

.tema-general .info-tecnica_tabs .tab-content{
  padding: 1.3em 4.2em;
  width: 100%;
  float: left;
}

.tema-general .white-bg.info-tecnica_tabs .tab-content{
  padding: 0 !important;
}
.tema-general .white-bg.info-tecnica_tabs .nav-tabs{
  border-bottom: 0px;
  padding-right: 15px;
  padding-left: 15px;
}

.tema-general .info-tecnica_tabs table.basic-table{
  height: auto !important;
  width: 100%;
  margin: 1em 0 1.5em 0;
}

.tema-general .info-tecnica_tabs table.basic-table th{
  text-align: center !important;
  font-size: 1.3em;
}

.tema-general .info-tecnica_tabs table.basic-table th, 
.tema-general .info-tecnica_tabs table.basic-table td{
  padding: 0.5em 1em !important;
}

.tema-general .info-tecnica_tabs table.basic-table td{
  background-color: #fcfcfc !important;
  font-size: 1.1em;
}

.tema-general .info-tecnica_tabs table.basic-table td>ul{
  padding-left: 15px;
  list-style: disc;
}

.tema-general .info-tecnica_tabs table.basic-table td>ul li a,
.tema-general .info-tecnica_tabs table.basic-table td> a{
  font-size: 1em;
}

.tema-general .verificacion:before{
  content: " ";
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background-size: contain;
}
 
/*Inicia bloque buttons icons*/

.tema-general .box-data{
  background-size: cover;
  margin-top: 40px;  
  float: left;
  width: auto;
}

.tema-general .box-data .data .btn-group .btn-primary{
  background: #fff0;
}
.tema-general .box-data .data .btn-group .btn-icon{
  display: flex;
  justify-content: center; 
  margin: 0.5em 0; 
}

.tema-general .btn-icon_block:hover, .tema-general .btn-icon_block:focus, .tema-general .btn-icon_block.focus, 
.tema-general .open>.dropdown-toggle.btn-icon_block {
  filter: grayscale(100%) opacity(0.7);
}
.tema-general .btn-icon_block:active, .tema-general .btn-icon_block.active{
  filter: #B6004C;
}

.tema-general .box-data .data .btn-group .btn-icon_block:hover{
  transition: 0.3s all ease-in;
}

.tema-general .box-data .data .btn-group .btn-icon a{
  display: block;
  height: 150px;
  width: 150px;
  margin: 0 auto 1em auto;
  background-repeat:no-repeat ;
}

.tema-general .box-data .data .btn-icon h2{
  text-align: center;
}

/*Fin bloque buttons icons*/

.tema-general .contenido-data .well {
  background-color: #ffffff00 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
  
}
.tema-general .indice-publicaciones{
  margin-bottom: 1.5em;
}

.tema-general .publicacion{
  margin: 0;
}

.tema-general .publicacion .publi-img{
  max-width: 250px;
}

.tema-general .publicacion .publi-txt h4{
  text-align: left;
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 0.8em;
}
.tema-general .publicacion .publi-txt p{
  font-size: 1.05em;
}

/*Fin info tecnica investigación*/

/*Inicio desplegable acordeon*/
.tema-general .slider{
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
  line-height: 1.5em;
  color: #333333;
  display: block;
  padding: 1em 0em;
  border-bottom: solid 1px;
}

/*Fin desplegable acordeon*/

.btn-banner a{
    width: 110px;
    display: block;
    align-items: center;
    text-decoration: none;
    height: auto;
    margin: 0;
    padding-top: 10px;
    color: #FFF;
    font-size: 1.6em;
    font-family: 'oswald', "Oswald", sans-serif !important;
    font-weight: 700;
  }
  
.btn-banner a:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;
   
    background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_econ-off.svg) no-repeat;
  }

.btn-banner a:hover:after{
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_soc-off.svg) no-repeat;
  }


    /* RESPONSIVE*/ 
    @media (min-width: 1200px) {
      
    }
    

    @media (max-width: 992px) {
      .tema-general .inf-titles p{
        width: 100%;
      }
      .tema-general .indice-publicaciones{
        height: auto;
      }
      .tema-general .publicacion{
        margin-bottom: 1em;
      }
    }

    @media (max-width: 768px){

      .tema-general .bg-gray_tema {
        padding: 0 15px;
      }
      
      /*Menú investigación*/

      .tema-general .menu-investigacion{
        display: block;
        justify-content: center;
      }
      .tema-general .menu-investigacion .navbar-header {
        display: flex;
        justify-content: center;
      }

      .tema-general .menu-investigacion .navbar {
        width: 50%;
      }
      .tema-general .menu-investigacion .navbar-nav {
        display: block;
        padding-left: 15px;
        margin-left: 0;
      }
      .tema-general .menu-investigacion .nav>li>a {
        text-align: center !important;
        margin: 0;
      }
      
      .tema-general .menu-investigacion .nav>li>a:hover {
        border-bottom: 1px solid #acacac;
        background-color: transparent !important;
      }

      #sociedad .nav .open {
        background-color: #fff !important;
        text-align: center !important;
      }

      .tema-general .logo-gedi img {
        width: 90% !important;
        padding-left: 40px !important
      }
      .tema-general .menu-investigacion .dropdown-menu>li>a {
        text-align: center;
      }
  
      /*Fin Menú investigación*/

      /*Inicio banner temática*/

      .tema-general .menu-lateral{
        margin-top: 2em;
      }
      .tema-general nav.menu-lateral ul {
        margin-left: 0px;
      }

      /*Fin banner temática*/

      /*Inicio indice temas*/

      .tema-general .indice-herramientas {
        float: left;
        width: 100%;
      }
      .tema-general .row.btns-herramientas {
        margin-left: 0;
        margin-right: 0;
      }
      .tema-general .indice-temas ul li a:before{
        float: left;
        margin-bottom: 0.5em;
      }
      .tema-general .btn-line-r {
        margin-bottom: 2em;
      }
      /*Fin indice temas*/

      .tema-general .intro-img {
        margin-bottom: 2em;
      }
      .tema-general .info-tecnica {
        padding: 1.5em 3.2em;

      }
      .tema-general .info-tecnica_tabs table.basic-table{
        max-width: 100%;
        overflow: scroll;
        display: block;
      }
      .tema-general .indice-publicaciones{
        margin-bottom: 0;
      }
      .tema-general .publicacion{
        margin: 1em 0;
      }
      .tema-general .publicacion .publi-img {
        margin: 0 20% 0.5em 20%;
        max-width: 60%;
      }
      .tema-general .publicacion .publi-img img{
        text-align: center;
      }
      .tema-general .publicacion .publi-txt .tema-btn {
        text-align: center;
      }
    }

    @media (max-width: 576px) {
      /*Inicio indice temas*/
      .tema-general .bg-fluidOutSideContainerDefault, .bg-fluidOutSideContainerDefault4{
        padding-left: 2em;
        padding-right: 2em;
      }
      .tema-general .indice-herramientas{
        border-bottom: 1px solid #ccc;
        margin: 1.5em 0 1.8em 0;
      }
      .tema-general .btns-herramientas {
        display: block;
      }
      .tema-general .indice-herramientas p {
        margin-bottom: 0.5em;
      }

      .tema-general .indice-temas ul li a:before {
        margin-bottom: 0.2em;
        float: left !important;
      }
      .tema-general .btn-line-r {
        border-right: none;
      }
      /*Fin indice temas*/
      .tema-general .info-tecnica {
        padding: 1.2em 2.8em;
      }
      .tema-general .cel-hidden{
        display: none;
      }
      .tema-general .publicacion .publi-img {
        margin: 0 0% 0.5em 0%;
        max-width: 100%;
      }
    }
    /* FIN RESPONSIVE*/ 

/* FIN ESTILOS TEMÁTICAS*/

/*---------------------------------------------------------------------*/

/* 7.) TEMÁTICA ECONOMÍA  */

/* ACTUALIZACIÓN OCTUBRE 2020*/

/* INICIA ESTILOS ECONOMÍA*/


#economia .inf-titles h1, #economia .inf-titles h2, #economia .inf-titles h3, 
#economia .menu-investigacion .nav>li>a.active, #economia .menu-investigacion .nav>li>a:focus, 
#economia .menu-investigacion .nav>li>a:hover, #economia nav.menu-lateral ul li a,  
#economia .indice-temas ul li a:hover, #economia .indice-temas ul li a:focus, 
#economia .indice-temas ul li a:hover:before, #economia .btn-documento, 
#economia .indice-herramientas h2, #economia .info-tecnica_tabs ul li a  {
    color: #0D5E60;
}
#economia .info-tecnica_tabs .nav-tabs>li>a h2 {
  color: #0D5E60;
}
#economia .hr-temas hr{
    border-color: #00A9AD;
}

#economia .tema-btn a, #economia .tabla-docs-tema thead.header-1,
#economia .info-tecnica_tabs .nav-tabs>li.active>a, 
#economia .info-tecnica_tabs .nav-tabs>li.active>a:focus, 
#economia .info-tecnica_tabs .nav-tabs>li.active>a:hover{
  background-color: #0D5E60 !important;
}

#economia .tema-btn a:hover {
    background-color: #00A9AD !important;
}

/*Inicio Banner temática*/

#economia .banner-tematica .back-bn{
  background-image: url(../../../files/investigaciones/boletines/pib/imagenes/fondo-banner.svg);
}

#economia nav.menu-lateral ul li a:after{
  background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_econ-off.svg) no-repeat;
}

#economia nav.menu-lateral ul li a:hover:after{
  background: url(../../../files/investigaciones/boletines/pib/imagenes/flecha-der_econ-on.svg) no-repeat;
}
/*Fin Banner temática*/

/*Inicio indice temas*/

#economia .indice-temas ul li a:before{
    color: #00A9AD !important;
}

#economia .btn-line-r {
    border-right-color: #0D5E60;
}

#economia .nota-meto {
    background-color: #f2f0f7;
}

#economia .hrmenu hr {
margin:  0em auto 3em auto;
}
/*Fin indice temas*/

/* FIN ESTILOS TEMÁTICA ECONOMÍA*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/*8.) BIBLIOTECA JURIDICA*/
/*Guía normativa de operaciones estadísticas - ylmunozd*/

.bjv-tabla {
  border-collapse: collapse;
  width: 540pt;
  margin-left: auto;
  margin-right: auto;
}
.bjv-listas{
vertical-align: middle;
display: table-cell;
padding-top: 10px;
padding-bottom: 10px;
list-style: circle;
}
.bjv-celda{
border-top: currentColor;
vertical-align: middle;
}
.bjv-celdacentrada{
text-align: center;
}
.bjv-anchocelda-operacionestadistica {
width: 134pt;
}
.bjv-anchocelda-frecuencia {
width: 92pt;
}
.bjv-anchocelda-normatividadaplicable {
width: 210pt;
}
.bjv-fila-titulo{
height: 43.5pt;
  font-size: 12pt;
color: white;
border-style: solid;
border-width: 0.5pt;
text-align: center;
vertical-align: middle;
}
.bjv-fila-relleno{
font-size: 10pt;
border-style: solid;
border-width: 0.5pt;
text-align: center;
vertical-align: middle;
}
.bjv-fila-vacio{
font-size: 10pt;
border-style: solid;
border-width: 0.5pt;
text-align: center;
vertical-align: middle;
}
.bjv-fila-morado01-titulo {
border-color: #b1a0c7;
background: #8064a2 none repeat scroll 0% 0%;
}
.bjv-fila-morado01-relleno {
border-color: #b1a0c7;
background: #e4dfec none repeat scroll 0% 0%;
}
.bjv-fila-morado01-vacio {
border-color: #b1a0c7;
}
.bjv-fila-verde01-titulo {
border-color: #c4d79b;
background: #9bbb59 none repeat scroll 0% 0%;
}
.bjv-fila-verde01-relleno {
border-color: #c4d79b;
background: #ebf1de none repeat scroll 0% 0%;
}
.bjv-fila-verde01-vacio {
border-color: #c4d79b
}
.bjv-fila-azul01-titulo {
border-color: #92cddc;
background: #4bacc6 none repeat scroll 0% 0%;
}
.bjv-fila-azul01-relleno {
border-color: #92cddc;
background: #daeef3 none repeat scroll 0% 0%;
}
.bjv-fila-azul01-vacio {
border-color: #92cddc;
}
.bjv-fila-azul02-titulo {
border-color: #95b3d7;
background: #4f81bd none repeat scroll 0% 0%;
}
.bjv-fila-azul02-relleno {
border-color: #95b3d7;
background: #dce6f1 none repeat scroll 0% 0%;
}
.bjv-fila-azul02-vacio {
border-color: #95b3d7;
}
.bjv-fila-naranja01-titulo {
border-color: #fabf8f;
background: #f79646 none repeat scroll 0% 0%;
}
.bjv-fila-naranja01-relleno {
border-color: #fabf8f;
background: #fde9d9 none repeat scroll 0% 0%;
}
.bjv-fila-naranja01-vacio {
border-color: #fabf8f;
}
.bjv-fila-rojo01-titulo {
border-color: #da9694;
background: #c0504d none repeat scroll 0% 0%;
}
.bjv-fila-rojo01-relleno {
border-color: #da9694;
background: #f2dcdb none repeat scroll 0% 0%;
}
.bjv-fila-rojo01-vacio {
border-color: #da9694;
}
.bjv-fila-rojo01-titulo {
border-color: #da9694;
background: #c0504d none repeat scroll 0% 0%;
}
.bjv-fila-rojo01-relleno {
border-color: #da9694;
background: #f2dcdb none repeat scroll 0% 0%;
}
.bjv-fila-rojo01-vacio {
border-color: #da9694;
}
/* BIBLIOTECA JURIDICA*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* 9.) TEMÁTICA SOCIEDAD  */

/* ACTUALIZACIÓN DICIEMBRE 2020*/

/* INICIA ESTILOS SOCIEDAD*/

#sociedad .inf-titles h1, #sociedad .inf-titles h2, #sociedad .inf-titles h3, 
#sociedad .menu-sociedad .nav>li>a.active, #sociedad .menu-sociedad .nav>li>a:focus, 
#sociedad .menu-sociedad .nav>li>a:hover, #sociedad nav.menu-lateral ul li a,  
#sociedad .indice-temas ul li a:hover, #sociedad .indice-temas ul li a:focus, 
#sociedad .indice-temas ul li a:hover:before, #sociedad .info-intro h2,  
#sociedad .btn-documento, #sociedad .indice-herramientas h2, 
#sociedad .info-tecnica_tabs ul li a, #sociedad .info-tecnica_tabs .nav-tabs>li>a h2,
#sociedad .box-data .data .btn-icon h2{
  color: #244F83;
}

#sociedad .hr-temas hr{
  border-color: #B6004C;
}

#sociedad .tema-btn a, #sociedad .tabla-docs-tema thead.header-1,
#sociedad .info-tecnica_tabs .nav-tabs>li.active>a, 
#sociedad .info-tecnica_tabs .nav-tabs>li.active>a:focus, 
#sociedad .info-tecnica_tabs .nav-tabs>li.active>a:hover{
  background-color: #244F83 !important;
}

#sociedad .tema-btn a:hover {
  background-color: #3479B2 !important;
}

/*Inicio Banner temática*/
#sociedad .banner-tematica .back-bn {
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/fondo-banner-soc.svg);
}

.banner-tematica #bg-gedi.back-bn {
  background-image: url(../../../files/images/imagenes-secciones/sociedad/fondo-banner-gedi.svg);
}

#sociedad nav.menu-lateral ul li a:after{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_soc-off.svg) no-repeat;
}

#sociedad nav.menu-lateral ul li a:hover:after{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_soc-on.svg) no-repeat;
}

/*Fin Banner temática*/

/*Inicio indice temas*/

#sociedad .indice-temas ul li a:before{
    color: #B6004C !important;
}

#sociedad .btn-line-r {
  border-right-color: #244F83;
}

/*Fin indice temas*/

#sociedad .box-btn a{
  background-color: #244F83;
}

#sociedad .verificacion:before{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/check_soc.svg) no-repeat;
}

#sociedad .img-btn_bl-txt ul li {
  color: #0f6483;
}

/*TABS*/
#sociedad .nn_tabs .nav-tabs > li.active > a, #sociedad .nn_tabs .nav-tabs > li.active > a:hover {
  color: #FFF !important;
}
#sociedad .rl_tabs .nav-tabs>li>a {
color: #244F83 !important;
line-height: 0.9em;
}
#sociedad li.active > a{
background-color: #244F83!important;;
}
#sociedad .tabscortas .nav-tabs a {
  padding: 0.7em 1em !important;
  font-size: 1.7em;
 }
#sociedad .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane, #sociedad .tabs-bg-gris .tabs-bg-blanco .rl_tabs.outline_content>.tab-content>.tab-pane {
  background-color:#FFF;
 }
 #sociedadl .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane, #sociedad .tabs-bg-blanco .tabs-bg-gris .rl_tabs.outline_content>.tab-content>.tab-pane {
  background-color: #f7f7f7;
 }

#sociedad .rl_tabs.outline_content > .tab-content > .tab-pane {
  padding: 0px;
}

#sociedad .rl_tabs > .tab-content > .tab-pane {
  padding: 0px;
  overflow-x: auto;
  overflow-y: hidden;
}

#sociedad .info-tecnica {
  margin: 0px !important;
  
}

/*Fin TABS*/


/*FIN ESTILOS SOCIEDAD*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/

/* 10.) ESTILOS ESPECÍFICOS INVESTIGACIONES  */

/* ACTUALIZACIÓN NOVIEMBRE 2020*/

/* INICIA ESTILOS GEDI*/

#boton-gedi_1 {
  background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque1.jpg);
}

#boton-gedi_2  {
  background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque2.jpg);
}

#boton-gedi_3  {
  background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque3.jpg);
}

#boton-gedi_4  {
  background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque4.jpg);
}

#boton-gedi_5  {
  background-image: url(../../../files/images/imagenes-secciones/sociedad/enfoque5.jpg);
}

#sociedad #gedi_gen-bg.box-data{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/bg-data_gen.jpg);
}
#sociedad .btn-group .btn-icon a#genero-ml{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/mercado-laboral_gedi.svg);
}
#sociedad .btn-group .btn-icon a#genero-ec{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/economia-cuidado_gedi.svg);
}
#sociedad .btn-group .btn-icon a#genero-ds{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/diversida-sexual_gedi.svg);
}
#sociedad .btn-group .btn-icon a#genero-ot{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/otros-temas_gedi.svg);
}
#sociedad .btn-group .btn-icon a#genero-mh{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/diversida-hombreMujer.svg);
}

#sociedad #gedi_cam-bg.box-data{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/bg-data_cam.jpg);
}
#sociedad .btn-group .btn-icon a#campesinado-ml{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/calidad-de-vida-gedi.svg);
}
#sociedad .btn-group .btn-icon a#campesinado-ec{
  background-image: url(../../../files/images/imagenes-secciones/sociedad/cultura-politica-gedi.svg);
}
#sociedad .btn-group .btn-icon a#etnicos-af{
    background-image: url(../../../files/images/imagenes-secciones/sociedad/poblacion-afrocolombiana-gedi.svg);
  }
#sociedad .btn-group .btn-icon a#etnicos-gi{
    background-image: url(../../../files/images/imagenes-secciones/sociedad/poblacion-gitana-gedi.svg);
  }
#sociedad .btn-group .btn-icon a#etnicos-in{
    background-image: url(../../../files/images/imagenes-secciones/sociedad/pueblos-indigenas-gedi.svg);
  }

/*estilos añadidos el 9 de febrero 2021 por peticion de cambio de color de Mauricio*/
.color-gedi{
  color: #3800a5 !important;
}
.color-gedi-bkg{
  background-color: #3800a5 !important;
}
.bg-gris-gedi{
  background-color: #EAEAEA !important;
  background-image: none !important;
}
.publigedi-table{
  margin: 10px 0px 25px 0 !important;
}
.publigedi-tbody{
  background-color: #F7F7F7 !important;
  font-size: 0.9em !important;
}
.publigedi-td{
  padding: 5px !important;
  border: none !important;
}
.hr-gedi{
    border-color: #7B3E65 !important;
}
#sociedad nav.menu-lateral-gedi ul li a:after{
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_gedi-off.svg) no-repeat !important;
  }

#sociedad nav.menu-lateral-gedi ul li a:hover:after{
    background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/flecha-der_gedi-on.svg) no-repeat !important;
  }

/*FIN ESTILOS GEDI*/

/* INICIA ESTILOS EEVV*/

#eevv-bg.box-data{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/background-data_eevv.jpg) no-repeat;
}
#sociedad .btn-group .btn-icon a#genero-re{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/resultados.svg);
}
#sociedad .btn-group .btn-icon a#genero-rt{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/registros-tardios.svg);
}
#sociedad .btn-group .btn-icon a#genero-ce{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/certificado.svg);
}
#sociedad .btn-group .btn-icon a#genero-tm{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/tasa-de-mortalidad-infantil.svg);
}
#sociedad .btn-group .btn-icon a#genero-na{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/nacimientos.svg);
}
#sociedad .btn-group .btn-icon a#genero-ft{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/fetales.svg);
}
#sociedad .btn-group .btn-icon a#genero-nf{
  background-image: url(../../../files/investigaciones/poblacion/imagenes/sociedad/no-fetales.svg);
}
/*FIN ESTILOS EEVV*/


/* FIN ESTILOS ESPECÍFICOS INVESTIGACIONES*/





/*REVISAR SI SE ELIMINA O SE MANTIENE*/
#sociedad .contenido-data .dat1{
  padding: 0 30px;
}
#sociedad .contenido-data .dat1 p{
  font-family: 'oswaldL' !important;
  font-size: 22px;
}
#sociedad .contenido-data .dat1 p:before{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/clip.svg) no-repeat;
  content: " ";
  display: block;
  float: left;
  width: 30px;
  height: 40px;
  margin-right: 20px;
  background-size: contain;
}
#sociedad .contenido-data .dat1 a{
  padding: 10px;
}
#sociedad .contenido-data .dat1 a:hover{
  opacity: 0.5;
  transition: 0.2s all ease-in;
}
#sociedad .contenido-data .dat1:nth-child(3) a, .dat1:nth-child(4) a{
  background-color: #f6f6f7;
  display: block;
}
#sociedad .contenido-data .dat2 h3{
  color: #5b5b5b;
  font-family: 'Oswald', sans-serif !important;
  margin: 8px;
}
#sociedad .contenido-data .dat2 h3.download{
  color: #3c3c3b;
}
#sociedad .contenido-data .dat2 a.download:before{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/download.svg) no-repeat;
  content: " ";
  display: block;
  float: left;
  width: 30px;
  height: 40px;
  margin-right: 20px;
  background-size: contain;
}
#sociedad .contenido-data .dat2:nth-child(2), .dat2:nth-child(4), .dat2:nth-child(6){
  background-color: #f2f2f2;
}
#sociedad .contenido-data .dat p:before{
  background: url(../../../files/investigaciones/poblacion/imagenes/sociedad/clip.svg) no-repeat;
  content: " ";
  display: block;
  float: left;
  width: 30px;
  height: 40px;
  margin-right: 20px;
  background-size: contain;
}
#sociedad .contenido-data .dat p {
  font-family: 'oswaldL' !important;
  font-size: 22px;
}
#sociedad .contenido-data .dat a {
  padding: 10px;
}
#sociedad .contenido-data .dat {
  padding: 0 30px;
}

#fetales .container .inf-titles{
padding-top: 50px;
}
#fetales .contenido-data{
padding-bottom: 60px;
}
#fetales .contenido-data .inf-titles p{
padding-bottom: 40px;
}
/* END INICIA ESTILOS NACIMIENTO*/


/* INICIA ESTILOS POBREZA*/
.nav-pobreza{
  padding-top: 4.5em;
} 
#pobreza-bg.box-data{
background-color: #EAEAEA;
}
.tema-general .info-gris{
  float: left;
  width: 100%;
  padding: 1em 6em;
}
.titulo1{
font-size: 6em !important;
margin: 0;
}
.titulo2{
font-size: 4em !important;
font-weight: lighter !important;;
}
.enlace-destacado{
margin-left: 30px;
font-family: 'Roboto';
font-size: 1.4em;
color: #B6004C;
font-weight: bold;
}
.actualizacion{
margin-left: 30px;
}
/*responsive pobreza*/
@media (min-width: 1000px){
.nav-pobreza{
  padding-top: 3.5em !important;;
} 
}
@media (min-width: 768px){
.nav-pobreza{
  padding-top: 0em;
} 
}

@media (max-width: 576px) {
.tema-general .info-gris{
  padding: 1em 2em;
}
.tema-general .logo-pobreza {
  margin-left: 3em !important;
  margin-bottom: -3em;
}
}
/* fin responsive pobreza*/
/* FIN ESTILOS POBREZA*/


/* FIN ESTILOS SOCIEDAD*/

/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/

/* 11.) CENSO ECONÓMICO  */
#censo-economico .inf-titles h1, #censo-economico .inf-titles h2, #censo-economico .inf-titles h3, 
#censo-economico .menu-investigacion .nav>li>a.active, #censo-economico .menu-investigacion .nav>li>a:focus, 
#censo-economico .menu-investigacion .nav>li>a:hover, #censo-economico nav.menu-lateral ul li a,  
#censo-economico .indice-temas ul li a:hover, #censo-economico .indice-temas ul li a:focus, 
#censo-economico .indice-temas ul li a:hover:before, #censo-economico .btn-documento, 
#censo-economico .indice-herramientas h2, #censo-economico .info-tecnica_tabs ul li a  {
    color: #1188b7;
}
#censo-economico .tema-btn a, #censo-economico .tabla-docs-tema thead.header-1,
#censo-economico .info-tecnica_tabs .nav-tabs>li.active>a, 
#censo-economico .info-tecnica_tabs .nav-tabs>li.active>a:focus, 
#censo-economico .info-tecnica_tabs .nav-tabs>li.active>a:hover{
  background-color: #1188b7 !important;
}
#censo-economico{
  overflow: hidden;
}

#censo-economico .banner-tematica .back-bn {
  display: block;
}
#censo-economico .banner-tematica .back-bn {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-conteo-unidades.svg);
}
#censo-economico .banner-tematica .back-bn:hover{
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-censo-economico.svg);
}
#censo-economico .banner-tematica .back-bn:hover> .bt-icon::after{
    content:url("../../../files/investigaciones/censo-economico/imagenes/flecha-der_blanca.svg");
}
#censo-economico .banner-tematica .back-general {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/banner-general-ce.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 80px;
    border-bottom: 10px solid #0f729b;
}
#censo-economico .banner-tematica .btn-ce {
    background-image: url(../../../files/investigaciones/censo-economico/imagenes/fondo-banner-censo-economico.svg);
}
#censo-economico .banner-tematica .back-bn{
  padding: 100px 80px;
  margin: 2em 0;
}
#censo-economico .ce-secciones .co-logo img{
  max-width: 100%;
  width: 60%;
}
#censo-economico .ce-secciones{
  margin-top: 60px;
}
#censo-economico .inf-titles p {
    width: 100%;
    float: none;
}
#censo-economico .inf-titles .box-list ul{
  padding: 0 20px;
}
#censo-economico .inf-titles .box-list ul li{
  margin-bottom: -10px;
}
#censo-economico .inf-titles p b{
    font-family: 'RobotoL', 'Roboto', "Segoe UI", sans-serif !important;
    font-weight: bold;
}
#censo-economico .banner-tematica .titulo {
    font-size: 3.5em;
    font-weight:400;
    margin-top: 10px; 
}
#censo-economico .banner-tematica .subtitle {
    font-size: 3em;
    font-weight: 300;
    color: #fff;
}
#censo-economico .banner-tematica h3 {
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    margin-top: 24px;
}
#censo-economico .banner-tematica .cont-list li p{
  font-size: 18px;
  font-weight: 400;
}
#censo-economico .banner-tematica .list1 li::marker{
  color: #333333;
  font-size: 24px;
}
#censo-economico .banner-tematica .list2 li::marker{
  color: #1188b7;
  font-size: 24px;
}
#censo-economico .btn-banner a:after, .bt-icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_blanca.svg) no-repeat;
}
#censo-economico .btn-banner .bt-icon{
  float: left;
  color: #FFF;
  font-size: 1.6em;
  font-family: 'oswald', "Oswald", sans-serif !important;
  font-weight: 700;
}
#censo-economico .btn-ce a:after, .bt-icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_econ-off.svg) no-repeat;
    margin-left: 10px;
}


.box-grey{
  background-color: #eeeeee;
  margin: 30px 0;
  padding-bottom: 80px;
}

#censo-economico .ce-secciones .row{
  display: flex;
  align-items: center;
}
#censo-economico .ce-secciones .co-logo{
  padding: 0;
}

/*Inicio Banner temática*/
#censo-economico nav.menu-lateral ul li a:after {
    background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_econ-on.svg) no-repeat !important;
  }
#censo-economico nav.menu-lateral ul li a:hover:after{
  background: url(../../../files/investigaciones/censo-economico/imagenes/flecha-der_econ-off.svg) no-repeat !important;
}
/*Fin Banner temática*/

#censo-economico nav.menu-lateral ul li a{
  color: #1188b7;
}
#censo-economico .hr-temas hr {
  border-color: #feb62b;
  float: left;
  width: 28px ;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  border-width: 3px;
}
#censo-economico .intro-txt .colum-2 img{
  width: 100%;
  height: 200px;
}
#censo-economico .carousel-indicators li{
  cursor: initial;
}

#censo-economico .box-slide .carousel-control.left, .carousel-control.right{
  background: #ffffff00;
}
#censo-economico .box-slide .carousel-caption{
  background-color: #1188b7;
  width: 100%;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  text-align: left !important;
  padding-left: 30px;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 18px;
}
#censo-economico .box-slide .carousel-control{
  opacity: 1;
  border-bottom: px solid #1188b7 !important;
}
#censo-economico .box-slide .carousel-control span.glyphicon-chevron-left, span.glyphicon-chevron-right{
  width: 46px;
  height: 46px;
}
#censo-economico .box-slide .carousel-control span.glyphicon-chevron-left::before{
  content: "";
  background: url(../../../files/investigaciones/censo-economico/imagenes/arrow-left-a.svg) no-repeat;
  width: 46px;
  height: 46px;
  display: block;
}
#censo-economico .box-slide .carousel-control span.glyphicon-chevron-right::before{
  content: "";
  background: url(../../../files/investigaciones/censo-economico/imagenes/arrow-right-a.svg) no-repeat;
  width: 46px;
  height: 46px;
  display: block;
}
#censo-economico .box-slide .carousel-control span.glyphicon:hover{
  opacity:0.3;
}
#censo-economico .box-acordeon .row{
  display: flex;
  justify-content: center;
}
#censo-economico .box-acordeon .tab-content{
  position: absolute;
  top: 110px;
}
#censo-economico .box-acordeon .nav .nav-item{
  margin: 0 8px;
}
#censo-economico .box-acordeon .nav .nav-item a.nav-link{
  border: 1px solid #9c9b9b;
  border-radius: 30px;
  color: #9c9b9b;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 18px 50px;
}
#censo-economico .box-acordeon .nav .nav-item a.nav-link:hover{
  background-color: #1188b7;
  border: 1px solid #1188b7;
  color: #fff;
}
#censo-economico .box-acordeon .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  background-color: #1188b7;
  border: 1px solid #1188b7 !important;
  color: #fff !important
}
#censo-economico .tab-content .tab-pane ul li{
    font-size: 1.35em;
    line-height: 1.4em;
    color: #333333
}
#censo-economico .tab-content .tab-pane ul li::marker{
  color: #1188b7;
  font-size: 20px;
}
#censo-economico .box-acordeon .separador{
  position: absolute;
  width: 100%;
  top: 60px;
}
#censo-economico .tab-content .posit{
  display: block;
  top: 0px;
  position: absolute;  
}
#censo-economico .box-grey2 .box-white {
  text-align: center;
  background-color: #fff;
  padding: 50px 0;
}
#censo-economico .box-grey2 .box-white img{
  width: 30%;
  margin: 0 auto;
}
#censo-economico .box-grey2 .row:nth-child(2){
  margin-top: 2em;
}
#censo-economico .box-grey2 .box-white h2{
  color: #3a3a3a;
  margin-top: 25px;
  line-height: 1.3em;  
}
#censo-economico .box-grey2 .box-white .boton{
  margin-top: 40px;
}
#censo-economico .box-grey2 .box-white .boton a{
  background-color: #1188b7;
  color: #fff;
  padding: 10px 60px;
  border-radius: 30px;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 18px;
}
#censo-economico .box-grey2 .box-white .boton a:hover{
  opacity: 0.6;
  transition: 0.2s all ease;
}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}
/*------------- acordeones -----------------*/
#censo-economico .box-acordeon .container{
    padding: 0; 
}
#censo-economico .box-acordeon .panel-group .panel{
    background-color: #fff0 !important;
}
#censo-economico .panel-collapse .panel-body .box-content{
    text-align: center;
}
#censo-economico .panel-collapse .panel-body .box-content img{
    width: 50%;
    margin: 0 auto;  
}
#censo-economico .panel-collapse .panel-body .box-content .w-9{
    width: 85%;
    margin: 0 auto;  
}
#censo-economico .panel-collapse .panel-body .box-content .inf-titles h5{
    color: #0c6480 !important;
}
#censo-economico .panel-body{
    background-color: rgb(255 255 255 / 60%);
}
#censo-economico .panel-group .panel .panel-body .box-col{
    width: 95%;
    margin: 0 auto;
}
#censo-economico 
.box-acordeon .demo p{
    font-size: 1.35em;
    line-height: 1.4em;
}
/*------------- end acordeones -----------------*/

/*responsive censo económico*/
    @media (max-width: 450px){
        #censo-economico .banner-tematica .back-general {
            padding: 0px 60px;
        }
        #censo-economico .banner-tematica .subtitle {
            line-height: 1.3em;
        }
        #censo-economico .banner-tematica .back-bn{
            padding: 3em 4em 5em;
            margin: 2em 0;
        }
    }
/* fin responsive  */
/* FIN CENSO ECONOMICO */



/*  12.)OTROS  */

/* Nota Series estadísticas */
.img-redonda {
  clip-path: circle(50% at 50% 50%);
  aspect-ratio: 1/1;
  object-fit: cover;
}
/* Fin Nota Series estadísticas */


/* Serie historia del dato */
#historiadato .inf-titles h1, #historiadato .inf-titles h2, #historiadato .inf-titles h3, #historiadato .menu-historiadato .nav>li>a.active, #historiadato .menu-historiadato .nav>li>a:focus, #historiadato .menu-historiadato .nav>li>a:hover, #historiadato nav.menu-lateral ul li a,  #historiadato .indice-temas ul li a:hover, #historiadato .indice-temas ul li a:focus, #historiadato .indice-temas ul li a:hover:before, #historiadato .info-intro h2,  #historiadato .btn-documento, #historiadato .indice-herramientas h2, #historiadato .info-tecnica_tabs ul li a, #historiadato .info-tecnica_tabs .nav-tabs>li>a h2, #historiadato .box-data .data .btn-icon h2
{
  color: #B6004C;
}

#historiadato .hr-temas hr{
  border-color: #B6004C;
}

#historiadato .tema-btn a, #historiadato .tabla-docs-tema thead.header-1, #historiadato .info-tecnica_tabs .nav-tabs>li.active>a, #historiadato .info-tecnica_tabs .nav-tabs>li.active>a:focus,
#historiadato .info-tecnica_tabs .nav-tabs>li.active>a:hover
{
  background-color: #B6004C !important;
}

#historiadato div {
  padding-top: 1.5em;
  
}

#historiadato .tema-btn a:hover {
  background-color: #d1578a !important;
}
.ficha-historiadato{
    background-color: #FFF;
    padding: 3em 2em 3em 3em;
    margin-right: 3em !important;
}
.ficha-historiadato img{
    max-width: 200px;
    max-height: 200px;
}
.ficha-historiadato h3{
    font-size: 2em;
    line-height: 1em;
    color: #3c3c3b;
}

@media (max-width: 990px){
  .ficha-historiadato{
    margin-right: 0 !important;
}
  }
/* Fin Serie historia del dato */


/* ODS temporal marzo2022 */
@media (max-width: 1024px) {
    .movil-oculto {
      display: none;
    }
 }
    
@media (min-width: 1025px) {
    .desktop-oculto {
      display: none;
    }   
 }
 /* Fin ODS temporal marzo2022 */

/*-----------------------FIN OTROS----------------------*/

/* 13.) INICIO RESOLUCION 1519*/

/* INICIA ESTILOS Sala de prensa*/

#boton-prensa_1 {
  background-image: url(../../../files/images/imagenes-secciones/actualidad.jpg);
}

#boton-prensa_2 {
  background-image: url(../../../files/images/imagenes-secciones/calendario.jpg);
}

#boton-prensa_3 {
  background-image: url(../../../files/images/imagenes-secciones/medios.jpg);
}

#boton-atencion-ciudadania_1 {
  background-image: url(../../../files/images/imagenes-secciones/tramites_y_servicios.svg);
}

#boton-atencion-ciudadania_2 {
  background-image: url(../../../files/images/imagenes-secciones/canales_de_atencion.svg);
}

#boton-atencion-ciudadania_3 {
  background-image: url(../../../files/images/imagenes-secciones/pqrsd.svg);
}

#dane-medios{
  font-family: 'RobotoR', 'Roboto', "Segoe UI", sans-serif !important ;
}

#dane-medios p{
    font-size: 1.5rem ;
}

.transparecia-resolucion1519 ul{
    list-style: none;
    line-height: 1.4em;
    padding-top: 1em;
    padding-left: 2em;
}

.transparecia-resolucion1519 li{
    font-family: Roboto;
    font-weight: 600;
    color: #565656;
    padding-bottom: 1em;
}

.transparecia-resolucion1519 li a{
    font-family: Roboto;
    font-weight: 500;
}

/*-----------------------FIN RESOLUCION 1519----------------------*/

/* 14.) OBJETIVOS DE DESARROLLO SOSTENIBLE ODS  */

/* ODS temporal marzo2022 */
@media (max-width: 1024px) {
    .movil-oculto {
      display: none;
    }
  }
    
  @media (min-width: 1025px) {
    .desktop-oculto {
      display: none;
    }   
  }
  /* Fin ODS temporal marzo2022 */
  
  
  /*------------ODS FASE2 mayo2022-------------*/
  #ODS .inf-titles h1, #ODS .inf-titles h2, #ODS .inf-titles h3, #ODS .inf-titles h4, #ODS .well h4 {
  color: #666666;
  }
  #ODS .menu-investigacion .nav>li>a.active, #ODS .menu-investigacion .nav>li>a:focus, 
  #ODS .menu-investigacion .nav>li>a:hover, #ODS nav.menu-lateral ul li a,  
  #ODS .indice-temas ul li a:hover, #ODS .indice-temas ul li a:focus, 
  #ODS .indice-temas ul li a:hover:before, #ODS .btn-documento, 
  #ODS .indice-herramientas h2, #ODS .info-tecnica_tabs ul li a  {
  color: #1f92c9;
  }
  #ODS .tema-btn a, #ODS .tabla-docs-tema thead.header-1,
  #ODS .info-tecnica_tabs .nav-tabs>li.active>a, 
  #ODS .info-tecnica_tabs .nav-tabs>li.active>a:focus, 
  #ODS .info-tecnica_tabs .nav-tabs>li.active>a:hover{
  background-color: #1f92c9 !important;
  }
  
  #ODS .banner-tematica .back-general {
  background-image: url(../../../files/investigaciones/ods/imagenes/banner-general.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px 80px;
  border-bottom: 10px solid #0f729b;
  }
  
  #ODS .inf-titles p {
  width: 100%;
  float: none;
  }
  #ODS .inf-titles .box-list ul{
  padding: 0 20px;
  }
  #ODS .inf-titles .box-list ul li{
  margin-bottom: -10px;
  }
  #ODS .inf-titles p b{
  font-family: 'RobotoL', 'Roboto', "Segoe UI", sans-serif !important;
  font-weight: bold;
  }
  #ODS .banner-tematica .titulo {
  font-size: 3.5em;
  font-weight:400;
  margin-top: 10px; 
  }
  #ODS .banner-tematica .subtitle {
  font-size: 3em;
  font-weight: 300;
  color: #fff;
  }
  #ODS .banner-tematica h3 {
  font-size: 3em;
  font-weight: 400;
  color: #fff;
  margin-top: 24px;
  }
  #ODS .banner-tematica .cont-list li p{
  font-size: 18px;
  font-weight: 400;
  }
  #ODS .banner-tematica .list1 li::marker{
  color: #333333;
  font-size: 24px;
  }
  #ODS .banner-tematica .list2 li::marker{
  color: #1f92c9;
  font-size: 24px;
  }
  #ODS .btn-banner a:after, .bt-icon:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  background: url(../../../files/investigaciones/ods/imagenes/flecha-der_blanca.svg) no-repeat;
  }
  #ODS .btn-banner .bt-icon{
  float: left;
  color: #FFF;
  font-size: 1.6em;
  font-family: 'oswald', "Oswald", sans-serif !important;
  font-weight: 700;
  }
  
  /*Inicio Banner temática*/
  #ODS nav.menu-lateral ul li a:after {
  background: url(../../../files/investigaciones/ods/imagenes/flecha-der_econ-on.svg) no-repeat !important;
  }
  #ODS nav.menu-lateral ul li a:hover:after{
  background: url(../../../files/investigaciones/ods/imagenes/flecha-der_econ-off.svg) no-repeat !important;
  }
  /*Fin Banner temática*/
  
  #ODS nav.menu-lateral ul li a{
  color: #1f92c9;
  }
  #ODS .hr-temas hr {
  border-color: #1f92c9;
  float: left;
  width: 28px ;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border-width: 3px;
  }
  
  .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #EEEEEE;
  }

  #ODS .well, #ODS .well p{
    color: #444;
    font-family: 'RobotoL', 'Roboto', "Segoe UI", sans-serif !important;
    font-size: 1.5rem;
    line-height: 1.4em;
  }
  
  #ODS .well{
    padding: 3rem 4rem; 
  }
  
  #ODS .well a{
    color: #1f92c9;; 
  }

  #ODS #transversal .contenedor-bg-gray_tema{
    width:90%;
    margin: auto;
    max-width: 1140px;
  }
  
  
  /* -- CUADROS ICONOS ODS -- */
  #ODS .cuadrosp-ods1 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods01-p.png);
  }
  #ODS .cuadrosp-ods2 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods02-p.png);
  }
  #ODS .cuadrosp-ods3 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods03-p.png);
  }
  #ODS .cuadrosp-ods4 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods04-p.png);
  }
  #ODS .cuadrosp-ods5 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods05-p.png);
  }
  #ODS .cuadrosp-ods6 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods06-p.png);
  }
  #ODS .cuadrosp-ods7 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods07-p.png);
  }
  #ODS .cuadrosp-ods8 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods08-p.png);
  }
  #ODS .cuadrosp-ods9 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods09-p.png);
  }
  #ODS .cuadrosp-ods10 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods10-p.png);
  }
  #ODS .cuadrosp-ods11 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods11-p.png);
  }
  #ODS .cuadrosp-ods12 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods12-p.png);
  }
  #ODS .cuadrosp-ods13 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods13-p.png);
  }
  #ODS .cuadrosp-ods14 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods14-p.png);
  }
  #ODS .cuadrosp-ods15 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods15-p.png);
  }
  #ODS .cuadrosp-ods16 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods16-p.png);
  }
  #ODS .cuadrosp-ods17 {
  background-image: url(/../files/investigaciones/ods/imagenes/iconocuadros/cuadro-ods17-p.png);
  }
  /* -- FIN CUADROS ICONOS ODS -- */
  .tema-general .iconocuadros .img-btn_bl-info h3 a{
  font-size: 1.1em;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0);
  text-transform: uppercase;
  }
  
  
  /*responsive ODS*/
  @media (max-width: 450px){
      #ODS .banner-tematica .back-general {
          padding: 0px 60px;
      }
      #ODS .banner-tematica .subtitle {
          line-height: 1.3em;
      }
      #ODS .banner-tematica .back-bn{
          padding: 3em 4em 5em;
          margin: 2em 0;
      }
  }
  /* fin responsive  */
  /*--------- FIN ODS mayo2022-----------*/
  

/*-----------------------FIN OBJETIVOS DE DESARROLLO SOSTENIBLE ODS ----------------------*/

/*--------------------------------15. DANE EN LOS MEDIOS 20062023--------------------------------*/
:root{
  --color-medios-1:#f9ffca;
  --color-medios-claro: #af144d;
  --color-medios-oscuro: #84133c;
  --color-medios-light: #a94273;
  --color-gris: #efefef;
}
#medios .box-header{
  background: url(/../files/images/dane-medios/bg_dane_en_los_medios.jpg);
  background-size: cover;
  background-repeat: no-repeat;		
  background-position: top center;
}
#medios .box-header .bg-1{
  background: url(/../files/images/dane-medios/bg_entrevistas.jpg);
  background-size: cover;
  background-repeat: no-repeat;		
  background-position: top center;
}
#medios .box-header.bg-2{
  background: url(/../files/images/dane-medios/bg_cultura_estadistica.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
#medios .box-header.bg-3{
  background: url(/../files/images/dane-medios/bg_comunicados_de_prensa.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
#medios .box-header.bg-4{
  background: url(/../files/images/dane-medios/bg_infografias.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
#medios .box-header .content_data .data h1{
  font-size: 4.5rem;
}
#medios .box-header .content_data .data h1.ancho1{
  max-width: 430px;
}
#medios .hr-temas hr{
  border-color: var(--color-medios-1) !important;
  width: 60px;
  border-width: 6px;
}
#medios .info-tecnica_tabs .nav-tabs>li.active>a{
  background-color: var(--color-medios-oscuro) !important;
}
#medios .info-tecnica_tabs .nav-tabs>li>a{
  color: var(--color-medios-light);
}
#medios .inf-titles .fecha{
  font-style: italic;
}
#medios .inf-titles h2.sub-title{
  color: var(--color-medios-light);
}
#medios .inf-titles h3{
  color: var(--color-medios-oscuro);
}
#medios .inf-titles img{
  width: 70%;
  margin: 0 auto;
  display: block;
}
#medios .inf-titles ul li{
  padding-bottom: 6px;
}
#medios .inf-titles ul li::marker{
  color: var(--color-medios-claro);
}
#medios .dane-btn a{
  background-color: #b6004c;
}
#medios .dane-btn a:hover{
  background-color: #7d0641;
}
#medios .box-center .inf-titles .card h4{
  font-size: 2.3rem;
}
#medios .box-center .inf-titles .box-card .row{
  align-items: flex-start;
}
#medios .box-center .inf-titles .box-card .d-normalize{
  display: initial;
}
#medios .box-center .inf-titles .box-card .center{
  display: block;
  margin: 0 auto;
}
#medios .box-center .inf-titles .box-card .card .w-7{
  width: 75%;
  margin: 0 auto;
}
#medios .box-center .inf-titles .card{
  padding: 0 2rem;
}
#medios .box-center .inf-titles .box-card .card-2{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:3rem;
}
#medios .box-center .inf-titles .box-card .card-2 .logo-op img{
  width: 100%;
}
#medios .box-center .inf-titles .box-card .bg-grey{
  background: var(--color-gris);
}
#medios .box-center .box_infografias{
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
@media screen and (max-width: 992px){
  #medios .box-center .inf-titles .box-card .card-2{
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
  }
  #medios .box-center .inf-titles .card{
    margin-bottom:5rem;
  }
  #medios .box-center .inf-titles .box-card .hg-card{
    flex-direction: column;
  }
}
/*--------------------------------END 15. DANE EN LOS MEDIOS--------------------------------*/
/*------------------------- 16. ESTILOS SECCION TRACCION ANIMAL 05052023 ------------------------------*/
#sociedad .box-header{
  background: url(../../../files/images/imagenes-secciones/traccion-animal/background_banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.box-header .content_data{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7rem;
  gap: 3rem;
}
.box-header .content_data img{
  width: 100%;
}
.box-header .content_data .data h1{
  color: #fff;
  max-width: 380px;
  font-size: 3.7rem;
}
.box-header .content_data .data img.icon{
  width: 65px;
  height: auto;
  position:relative;
  left: 60px;
}
.tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li {
  width: 100%;
  border: 1px solid #d5d3d3;
}
.tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li>a {
  width: 100% !important;
  padding: 0.7em 2.5em;
  font-size: 1.5em;
}
#sociedad .pre-header .inf-titles{
  background: url(../../../files/images/imagenes-secciones/traccion-animal/background_banner.jpg);
}
.pre-header .inf-titles{
  width: 100%;
  height: auto;
  padding: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 3rem;
}
.pre-header .inf-titles h2{
  color:#fff !important;
  font-size: 3.2rem;
  padding-bottom: 0.6rem;
}
.top-start{
  align-items: start !important;
}
@media screen and (max-width:768px){
  .box-header .content_data{
    flex-direction: column-reverse;
    padding: 4rem;
  }
  .box-header .content_data .data, .icon{
    text-align: center;
  }
  .box-header .content_data .icon img{
    width: 70%;
    margin: 0 auto;
  }
  .box-header .content_data .data img.icon{
    left: 0;
  }
  .tema-general .box-center .row{
    margin: 0 auto;
  }
  .box-header .info-tecnica_tabs{
    margin: 0 auto;
  }
  .box-header .info-tecnica_tabs .box-tabs{
    padding: 0;
    margin-bottom: 3rem;
  }
  .tema-general .info-tecnica_tabs .box_tabs .nav-tabs>li>a{
    text-align: center;
  }
  .info-tecnica_tabs .box_tabs{
    padding: 0;
    margin-bottom: 3rem;
  }
  .box-center .tab-rvta{
    flex-direction: column;
  }
  .tmp-fix-rtva-mapa{
    display: block !important;
  }
}
/*------------------------- END 16. ESTILOS SECCION TRACCION ANIMAL 05052023 ------------------------------*/