/*Hará referencia al archivo que se encuentra en  media/templates/website/pjpuebla */

/**********************/
/*CARRUSEL            */
/**********************/
.ico-next, .ico-prev{
  width: 5rem;
  filter:drop-shadow(2px 2px 7px black);
}
/**INTERNA*************/
.com-slide-default-iamge img{
  display: block;
  width: 80%;
  margin: auto;
}
.ci-slide-default a{
  text-decoration: none;
}
.ci-slide-default img{
  border-bottom: solid 0.5rem var(--verde5d);
}

/**********************/
/*TRÁMITES Y SERVICIOS*/
/**********************/
.slider-tram li .slider-tram-card{
  background-color: var(--morado);
  width: 208px;
  margin: auto;
}
.slider-tram li .slider-tram-card .slider-tram-ico{
  height: 200px;
}
.slider-tram li .slider-tram-card .slider-tram-tit{
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-bottom: solid 0.5rem var(--verde5d);
  border-top:solid 0.5rem var(--blanco);
}
.slider-tram li .slider-tram-card a{
  color:var(--blanco);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

/*Internas*************/
.ci-TramitesServicios a{
  text-decoration: none;
}
.ci-TramitesServicios .date{
  color: var(--gris66);
  font-weight: 300;
  display: block;
  font-size: 0.9rem;
}
.ts_background{
  background-image: url('/images/web/background/tramites.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 12rem;
}
.ci-TramitesServicios_extrafl .borde_cuadro:last-child::before{
  content: none;
}
.ci-TramitesServicios_extrafl .borde_cuadro:last-child::after{
  content: none;
}

/**********************/
/*   BOLETINES        */
/**********************/

/*Internas************/
.com-slide-half-iamge{
  position: relative;
}
.com-slide-half-iamge img{
  display: block;
  /*width: 100%;*/
  margin: auto;
  position: relative;
}
.com-slide-half-text ul li,
.com-slide-half-text p,
.com-slide-half-text{
  font-size: 18px;
  line-height: 30px;
}
.com-slide-half-text ul{
  list-style-type: none;
  position: relative;
  padding-left: 5rem;
  margin-bottom: 3rem;
}
.com-slide-half-text ul li em{
  color: var(--gris82);
}
.com-slide-half-text ul::before{
  content: '\،،';
  position: absolute;
  left:-1rem;
  top:-5.5rem;
  font-size: 10rem;
  letter-spacing: -1rem;
  color: var(--morado);
  line-height: normal;
}
.ci-slide-half a{
  text-decoration: none;
}
.ci-slide-half img{
  border-bottom: solid 0.5rem var(--verde5d);
}
/**********************/
/*COLUMNA AVISOS      */
/**********************/
.column-list{
  background-color: var(--morado);
  padding:1rem;
}
.column-list a{
  
  text-decoration: none;
}
.column-list .column-item{
  position: relative;
}
.column-list .column-item::after{
  content: '';
  position: absolute;
  width: 90%;
  right: 5px;
  bottom: -15px;
  height: 0.01rem;
  background-color: var(--blanco);
}
.column-list .column-item:last-child::after{
  content: none;
}
.column-text{
  padding-left: 1rem;
}
/*Internas************/
.ci-column-list a{
  text-decoration: none;
}



/**********************/
/*OTROS DOCUMENTOS    */
/**********************/
.content_botones{
  position: relative;
}
.content_botones a{
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
  color: var(--gris66);
}
.content_botones img{
  width: 100%;
}
.content_botones .botones-image-title{
  position: absolute;
  right: 0;
  padding: 1.1rem 0.8rem;
  background-color: var(--verde5d);
  transform: translate(0px, -50%);
  top:50%;
  text-transform: uppercase;
  font-weight: 800;
  max-width: 13rem;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  border-bottom: 0.5rem solid var(--morado);
}

/*Interna*Licitaciones*******/
ul.accordionSubCat >li{
  position: relative;
}
ul.accordionSubCat >li.uk-open::after{
  content: none;
}
ul.accordionSubCat >li::after{
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width 2s ease, background-color .5s ease;
}
ul.accordionSubCat >li:hover::after{
  width: 100%;
  background-color: var(--verde5d);
}
ul.accordionSubCat > li > a:hover{
  color:var(--blanco);
}
ul.accordionSubCat > li > a{
  background-color: var(--morado);
  color:var(--blanco);
  padding: 0.5rem;
  position: relative;
}
ul.accordionSubCat > li.uk-open > a{
  background-color: var(--verde5d);
  color: var(--gris66);
  font-weight: 700;
}

.accordionSubCat > li > a::before{
  background-image: url("data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNMTIgNEMxMS40NDc3IDQgMTEgNC40NDc3MiAxMSA1VjExSDVDNC40NDc3MiAxMSA0IDExLjQ0NzcgNCAxMkM0IDEyLjU1MjMgNC40NDc3MiAxMyA1IDEzSDExVjE5QzExIDE5LjU1MjMgMTEuNDQ3NyAyMCAxMiAyMEMxMi41NTIzIDIwIDEzIDE5LjU1MjMgMTMgMTlWMTNIMTlDMTkuNTUyMyAxMyAyMCAxMi41NTIzIDIwIDEyQzIwIDExLjQ0NzcgMTkuNTUyMyAxMSAxOSAxMUgxM1Y1QzEzIDQuNDQ3NzIgMTIuNTUyMyA0IDEyIDRaIgogICAgZmlsbD0iY3VycmVudENvbG9yIgogIC8+Cjwvc3ZnPg==");
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(232deg) brightness(104%) contrast(102%);
}
.accordionSubCat > li.uk-open > a::before{
  background-image: url("data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNCAxMkM0IDExLjQ0NzcgNC40NDc3MiAxMSA1IDExSDE5QzE5LjU1MjMgMTEgMjAgMTEuNDQ3NyAyMCAxMkMyMCAxMi41NTIzIDE5LjU1MjMgMTMgMTkgMTNINUM0LjQ0NzcyIDEzIDQgMTIuNTUyMyA0IDEyWiIKICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAvPgo8L3N2Zz4=");
  filter: invert(42%) sepia(0%) saturate(350%) hue-rotate(205deg) brightness(92%) contrast(90%);
}

ul.accordionSubCat .accordion_card{
  padding: 25px;
}
ul.accordionSubCat li a img{
  width: 2.4rem;
}
ul.accordionSubCat li a p{
  display: inline;
}
.accordion_card a,
.accordion_card a:hover{
  text-decoration: none;
  color: inherit;
}
.icon_table{
  width: 2rem;
  height: 2rem;
  margin: auto;
  display: block;
}
.Accordion_table h3{
  font-size: 16px;
}

/*Interna calendarios******************/
.cardCategory_ci_box{
  position: relative;
  background-color: var(--morado);
  padding: 1rem 3rem;
  border-left: 0.3rem solid var(--verde5d);
}
.cardCategory_ci_box::after{
  content: "";
  display: block;
  width: 0.3rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: -0.3rem;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.5)
}
.cardCategory_ci_box span{
  font-weight: 100;
  color: var(--blanco);
  text-shadow: 2px 0px 3px black;
}
.cardCategory_title{
  color: var(--blanco);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
}
.cardCategory_title div{
  font-weight: 400;
  font-size: 20px;
}
/**********************/
/*CONVOCATORIAS Y RES */
/**********************/
.column-featured-imag-main{
  width: 100%;
}
.column-featured-imag-main img{
  width: 100%;
}
.column-featured-list a{
  text-decoration: none;
}
.column-featured-list-text{
  padding-left: 1rem;
}
.column-featured-imag-main h4,
.column-featured-list-text h4{
  font-size: 16px;
}
.column-featured-list{
  background-color: var(--morado);
  padding:1rem;
  height: 30.8rem;
  /*height: 5.8rem;*/
  overflow-y: auto;

  scrollbar-color: #c4f45d #ffffff;
  scrollbar-width: 0.8rem;
}
/*****SROLLBAR*******/
div.column-featured-list::-webkit-scrollbar{
  width: 0.8rem;
}
div.column-featured-list::-webkit-scrollbar-thumb{
  background: var(--blanco);
  border-radius: 9999px;
  border-right: 0.3rem solid var(--verde5d);
  border-left: 0.3rem solid var(--verde5d);
}
div.column-featured-list::-webkit-scrollbar-track{
  background: var(--verde5d);
}


/**********************/
/*    CONSULTAS       */
/**********************/
.content_botones2 a{
  display: block;
  width: 100%;
}
.contenido_botones2 {
  position: relative;
}
.botones2_imag {
  width: 100%;
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.botones2_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  text-align: left;
}
.botones2_middle_tr{
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  text-align: left;
}
.botones2_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.6);
}
.contenido_botones2:hover .botones2_overlay {
  opacity: 1;
}
.contenido_botones2:hover .botones2_imag {
  opacity: 0.3;
}
.contenido_botones2:hover .botones2_middle {
  opacity: 1;
}
.contenido_botones2:hover .botones2_middle_tr {
  opacity: 0;
}
.botones2_text {
  color: var(--blanco);
  padding: 5px;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px #000000;
  line-height: 1.21;
}
.botones2_text_bg{
  background-color: var(--verde5d);
  padding: 0px 0.9rem;
  /*text-shadow: none;*/
  text-shadow: 0px 0px 1px #000000;
  font-weight: 800;
}
/*Tribunal*Virtual*******/
.i_featured_block{
  width: 100%;
}
.i_featured_img{
  width: 15%;
  background-color: var(--blanco);
}
.itemGrid_ci_img{
  width: 50%;
  margin: auto;
  display: block;
  padding: 2rem;
  background-color: var(--blanco);
}
.itemGrid_ci_title{
  font-size: 20px;
}
.itemGrid_card,
.itemGrid_card:hover{
  background-color: var(--morado) !important;
  border-bottom: 0.4rem solid var(--verde5d);
}
.itemGrid_card .uk-card-media-top,
.itemGrid_card:hover .uk-card-media-top{
  background-color: var(--blanco);
}
/*Videos*tutoriales******/
.SlideVideo_video iframe{
  width: 100%;
}


/**********************/
/*    BIENVENIDA      */
/**********************/
.multipleItemStyle_ci_imag img{
  width: 100%;
}
.multipleItemStyle_ci_text p{
  margin: 0;
}
.multipleItemStyle_ci_text h3{
  font-size: 2.5rem;
}
.center-img img{
  display: block;
  margin: auto;
}
/*v2************************/
.content_title{
  display: block;
  width: 100%;
  user-select: none;
}
.contenido_title {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contenido_title_overlay {
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.3);
}
.contenido_title .contenido_title_overlay {
  opacity: 1;
}
.border-style{
  position: relative;
  z-index: 1;
}
.border-style::before{
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  border: 5px solid var(--verde5d);
  /*border-width: 1.25em 0 0 1.25em;*/
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.border-style::after{
  position: absolute;
  top: -1rem;
  left: -1rem;
  border: 5px solid var(--morado);
  /*border-width: 1.25em 0 0 1.25em;*/
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.border-style-hover img{
  transition: all 1s;
}
.border-style-hover:hover img{
  transform: scale(0.8, 0.8);
  position: relative;
  z-index: -2;
  transition: all 1s;
}

/**********************/
/*    DIRECTORIO      */
/**********************/
.cat_content ul.cat_tabs > li.uk-active a{
  border-top: solid 0.5rem var(--verde5d);
}
.cat_content .cat_container{
  filter: drop-shadow(1px 4px 6px #999)
}
.cat_container .uk-subnav-pill li:first-child{
  padding-left: 20px;
}
.cat_container .uk-subnav-pill li{
  padding-left: 5px;
}
.cat_container .uk-subnav-pill li a{
  color: var(--gris66);
}
.cat_container .uk-subnav-pill li.uk-active a{
  background-color: #636569;
  color: var(--blanco);
}

/**********************/
/*      COCODI       */
/**********************/
.accordion_attach,
.accordion_attach:hover{
  color: initial;
}
.accordion_attach img{
  width: 2rem;
}

/***********************/
/*PERSPECTIVA DE GÉNERO*/
/***********************/
.tabContentList.uk-tab::before{
  content: none;
}
.tabContentList li a{
  color: var(--morado);
}
.tabContentList li a:hover{
  color: var(--morado);
}
.tabContentList li.uk-active a{
  font-weight: 700;
  color: var(--morado);
  border-bottom: solid 0.2rem var(--verde5d);
}
/***********************/
/*PROTECCIÓN CIVIL     */
/***********************/
.padding-small-left{
  padding-left: 15px;
}

/***********************/
/*INFO PARA TODOS      */
/***********************/
.text_card{
  margin-top:0;
}
.imag_small{
  display: block;
  margin: auto;
  width: 50%;
}
.card-image{
  min-height: 20rem;
  max-height: 20rem;
}
.card-image img{
  max-height: 19rem;
}

/***********************/
/*DENUNCIA CIUDADANA   */
/***********************/
.table_pj thead{
  background-color: var(--morado);
  border-bottom: solid 3px var(--verde5d);
  box-shadow: 0px 10px 15px 0px rgba(0,0,0,.2);
}
.table_pj thead th{
  color: var(--blanco);
  text-align: center;
  vertical-align: middle;
}
.table_pj tbody td{
  text-align: center;
}

/***********************/
/*  MÓDULO LENGUAJE    */
/***********************/
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
  background-color: transparent !important;
  box-shadow: none !important;
}


/* XL UIKIT */
@media(max-width: 1600px){ }
/* L UIKIT */
@media(max-width: 1200px){ }
@media(max-width: 992px){ }
/* M UIKIT */
@media(max-width: 960px){
  /**********************/
  /*FOOTER MODULES CLASS*/
  /**********************/
  .footer-list-block{
    display: inline-block;
    text-align: left;
  }

  /**********************/
  /*COLUMNA AVISOS      */
  /**********************/
  .margin-top-resp{
    margin-top:30px;
  }
}
@media(max-width: 768px){ }
/* S UIKIT */
@media(max-width: 640px){ }
@media(max-width: 480px){ }
@media(max-width: 445px){ }


/**************\
  INICIO VEDA
\************** /
html, body{
  filter: url('#grayscale');
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: Gray();
  filter: gray;
  background: #FFF;
}
/**************\
  FIN VEDA
\**************/