a:link {
  text-decoration: none;
}


.background-black {
  background: black; }

.background-black2 {
  background: #222222; }

.tooltip-simulated {
  background-color:#000;
  padding:10px;
  margin: 10px;
  opacity: 0.7;
}
body, html{
  overflow-x: hidden;
  overflow-y: scroll
  height: 100vh;
}

.titulo-portada-principal{
  color: #3F4B57
}

.secondary-content-leyes {
  float: right;
  color: black;
}

.icono-junta {
  max-width: 80px;
}

#img-resp{
  max-width: 400px;
}

@media only screen and (max-width: 480px) {
  #img-resp {
    max-width: 100%;
  }
}


.open-data-leyes {
  margin-top:20px;
}

#compilacion-background {
  background:url(/images/website/compilacion-fondo2.png);
  background-position: center;
  background-color: black;
  background-repeat: no-repeat;
  height: 250px;
}

#input-search-leyes {
  color: white;
}

#select-search-leyes {
  color: black;
}


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

.img-responsive-height
{
  display: block;
  width: auto;
  max-width: 850px;
}

.soundcloud-logo {
  width: 128px;
  height: 128px;
}

.logo-constitucion {
  max-width: 200px;
  padding-top: 20px;
}

#ul-iniciativas-grupos {
    margin: 0 auto;
    list-style: none;
    display: flex;
    text-align: center;
    padding: 0;
    justify-content: center;
}

#p-iniciativas-grupos {
  margin-right: 18px;
  margin-left: 18px;
}

#vivo {
  margin-top: 20px;
}

#imagenGaleria{
  border-radius: 2%;
}

.counter-male {
    font-size: 5rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    color: #3498db;
}

.counter-female {
    font-size: 5rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    color: pink;
}

#a5zlsp_tuto{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.counter-comisiones {
    font-size: 5rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

body {
  background: #f7f7f7; }

nav {
  background: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 140px; }

.fixed-action-btn{
  bottom: 45px; right: 40px;
}

.icon_style{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: white;
    cursor:pointer;
}

.fab-menu{
  background: #666;

}

.logo-igualdad {
  width: 200px;
  height: 200px;
}

.logo-salud {
  width: 200px;
}

.logo-sustentabilidad {
  width: 200px;
}



.color-indicador {
  text-align: center;
}

.color-indicador span {
  display: inline-block;
  border-radius: 10px;
  height: 15px;
  margin-right: 10px;
  width: 15px;
}

.color-indicador span.red-i {
  background: #ff2020;
}

.color-indicador span.yellow-i {
  background: #ecb611;
}

.color-indicador span.green-i {
  background: #2ecc71;
}

.span-normatividad{
  padding-left: 20px;
  color: #000;
  font-style: italic;
}
.fab-menu:hover{
  background: #666;
}

.fb-bg{
  background: #3b5999 !important;
}

.tw-bg{
  background: #55acee !important;
}

.u2be-bg{
  background: #ff2020 !important;
}

.btn-floating img{
  padding-top: 12px;
  max-width: 14px;
}

.sidenav-overlay{
  z-index: 1;
}

.nav_rd{
  margin-top: 20px;
}

.nav_tp{
  margin-top: -70px;
}

.brand-logo img {
  max-width: 250px;
  margin-top: 11px; }

.navbar {
  width: 100%;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 3;}

.logo-movil{
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
}

.logo-movil img{
  max-width: 50px;
}

.nav_rd a {
  line-height: 46px;
  padding: 0px 12px; }

.nav_rd img {
  width: 32px;
}

.wrapper
{
	padding-bottom: 90px;
}

.divider
{
	position: relative;
	margin-top: 20px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: goldenrod;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}

.mobile-fab-tip {
    position: fixed;
    right: 85px;
    padding:0px 0.5rem;
    text-align: right;
    background-color: #323232;
    border-radius: 2px;
    color: #FFF;
    width:auto;
}


.nav_rd select {
  background: URL("/images/website/icon_lang.png");
  background-repeat: no-repeat;
  background-position: right;
  background-color: #F7F7F7 !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 20px;
  border: none !important;
  background-size: 15px;
  margin: 12px 2px; }

.nav_rd i.material-icons {
  width:8px;
  margin: -2px -3px;
}

#nav-social-media a.btn-floating {
    margin-top: -2px;
    margin-left: -6px;
    margin-right: 15px;
}

#nav-transparencia-proactiva a.btn-floating {
    margin-top: 10px;
    margin-left: -4px;
    margin-right: 10px;
}

.cont_menu {
  list-style: none;
  position: relative;
  background: black;
  margin: 0 auto; }
  .cont_menu li {
    display: inline-block;
    float: left;
    line-height: 40px; }
    .cont_menu li a {
      color: #FFF;
      font-size: 14px;
      font-weight: 100;
      letter-spacing: 1px;
      text-decoration: none;
      padding: 10px 5px;
      font-family: Helvetica Neue; }
    .cont_menu li a:hover {
      background: #1a1a1a; }

    .cont_menu li a.active{
        font-weight: bold;
        text-decoration: underline;
      }

li.drop-down ul > li > a:hover {
  color: #f7f7f7; }

.cont_menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important; }

li.drop-down, .flyout-right, .flyout-left {
  position: relative; }

li.drop-down ul {
  z-index: 3;
  left: 0px;
  min-width: 230px; }

.list_mega_menu li {
  border-bottom: 1px solid white;
  display: block;
  float: none; }
  .list_mega_menu li a {
    line-height: 20px;
    padding: 4px; }

.drop-down-ul {
  display: none; }
  .drop-down-ul li {
    display: block;
    float: none; }

.flyout-right > ul, .flyout-left > ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670; }

li.drop-down > ul > li > a, .flyout-right ul > li > a, .flyout-left ul > li > a {
  color: #fff;
  display: block;
  padding: 20px 22px;
  text-decoration: none;
  background-color: #365670;
  border-bottom: 1px dotted #547787;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear; }

.flyout-right ul > li > a, .flyout-left ul > li > a {
  border-bottom: 1px dotted #B8C7BC; }

/*Flyout Mega */
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display: none;
  height: 100%;
  padding: 15px;
  min-width: 742px; }

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc; }

.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit; }
  .flyout-mega ul > li > a:hover, .flyout-mega ul > li > a:active, .flyout-mega ul > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important; }

/*  mega menu */
.mega-menu {
  left: 0;
  right: 0;
  display: none;
  padding-top: 0;
  max-width: 100%;
  z-index: 3;
  margin: 0 auto; }
  .mega-menu .row {
    display: table;
    width: 100%;
    margin-bottom: 0px; }
    .mega-menu .row .col {
      display: table-cell !important;
      float: none;
      vertical-align: top; }
  .mega-menu .cont-drop-li {
    padding-top: 20px; }
    .mega-menu .cont-drop-li h2 {
      color: white;
      margin: 0px;
      font-family: helvetica neue;
      font-size: 20px;
      font-weight: 100;
      letter-spacing: 1px;}
    .mega-menu .cont-drop-li p {
      color: white;
      font-size: 15px;
      font-weight: 100;
      font-family: Helvetica Neue;
      letter-spacing: 1px;
      line-height: 22px; }

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670; }

.mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block; }

ul.stander li a {
  padding: 3px 0px; }

ul.description li {
  padding-bottom: 12px;
  line-height: 8px; }
  ul.description li span {
    color: #ccc;
    font-size: 85%; }

a.view-more {
  border-radius: 1px;
  margin-top: 15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important; }
  a.view-more:hover {
    color: #fff;
    background: #0DADEF; }

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px; }
  ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important; }

/*common */
.flyout-right ul > li > a, .flyout-left ul > li > a, .flyout-mega-wrap, .mega-menu {
  background-color: #547787; }

/*hover */


.mega-menu:hover, .drop-down-ul:hover {
  display: block; }

li.flyout-left > ul:hover, li.flyout-right > ul:hover {
  display: block; }

li.flyout-left a:hover + ul, li.flyout-right a:hover + ul {
  display: block; }

li.drop-down > a:hover + .drop-down-ul, .mega-drop-down a:hover + .mega-menu, li.flyout-mega > a:hover + .flyout-mega-wrap {
  display: block; }

.underline_hover:hover span {
  padding-bottom: 5px;
  border-bottom: 4px solid white; }

.mega-drop-down:hover .mega-menu{
  display: block;
}

.calendar-home{
  max-height: 500px;
  overflow-y: scroll;
}

#iconosH {
  background-color: #4B4B4B;}
  #iconosH .container {
    padding: 20px 0px; }
  #iconosH img {
    width: 50px; }

    .sidenav-trigger {
      display: none;
      width: 100%;
      text-align: right; }
      .sidenav-trigger i {
        color: white;
        padding: 10px 5px; }

    #congresoninos .pastoback {
      background: url(/public/img/pasto.png);
      background-repeat: no-repeat;
      background-size: contain;
      padding-top: 50px;
      background-position: -2px; }

    #congresoninos h5 {
      font-family: "Soberana","Times New Roman", Times, serif; }

    #congresoninos h3 {
      font-family: "Didot","Times New Roman", Times, serif; }

  .boxtext {
    background: white;
    max-width: 80%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 9px 0 #A1A1A1;
    box-shadow: 0 0 9px 0 #A1A1A1; }
    .boxtext .tablecont {
      width: 250px;
      height: 180px;
      margin: 0 auto; }
    .boxtext .tablecell {
      display: table-cell;
      width: 250px;
      vertical-align: middle;
      height: 180px;
      text-align: center; }
      .boxtext .tablecell a {
        font-size: 1.64rem; }


.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.texto-gris {
  color: #8D8D8D; }

.padding-auto {
  padding: 0 .75rem; }

#bgvid{
  max-width: 100vw;
}

#home .title-banner {
  margin-left: 5%;
  margin-top: 50px; }

#home .title {
  margin-left: 60px;
  margin-top: 0px; }
  #home .title h5 {
    font-family: "Soberana","Times New Roman", Times, serif; }
  #home .title h3 {
    font-family: "Didot","Times New Roman", Times, serif; }

#home .comunicado-prensa .title{
  margin-top: 20px;
  margin-left: 0px;
}

#home .comunicado-prensa .title a{
  color: white;
}

#home-main-banner{
  background-image: url(/images/website/main-image-large-veda.jpg);
  background-size: cover;
  background-position-y: bottom;
  height: 300px;
  position: relative;
}

#home-main-googlemaps{
  background-size: cover;
  background-position-y: bottom;
  width: 100%;
  height: 300px;
  position: relative;
  display: block;
}


#home-main-banner.sesion-activa{
  height: 400px;
}

#home-main-banner.sesion-activa .text-container{
  display: none;
}

#home-main-banner iframe{
  display: none;
}

#home-main-banner.sesion-activa iframe{
  display: block;
  height: 400px;
  width: 100%;
}

#home-main-banner .text-container{
  position: absolute;
  bottom: 50px;
  width: 600px;
}

#home-main-banner .play-btn{
  bottom: 0;
  max-width: 50px;
  left: 30px;
  position: absolute;
}

#home .banner {
  background-image: url(/images/website/banner-congresogtotv.png);
  background-size: cover;
  background-position-y: bottom;
  height: 260px;
  position: relative; }
  #home .banner .text-container {
    position: absolute;
    bottom: 0;
    width: 100%; }
  #home .banner .title-row {
    padding-top: 0px;
    position: relative; }
  #home .banner .play-btn {
    width: 70px;
    position: absolute;
    bottom: 40px;
    left: 150px; }
    #home .banner .play-btn h5 {
      font-family: "Soberana", "Times New Roman", Times, serif; }
    #home .banner .play-btn h3 {
      font-family: "Didot","Times New Roman", Times, serif; }

#home #actividad .img-info {
  width: 100%; }

#home #actividad .carta {
  background-color: white;
  height: 100%;
  margin: 20px;
  padding: 20px 40px; }
  #home #actividad .carta h5, #home #actividad .carta2 h5 {
    font-family: "Didot", "Times New Roman", Times, serif; }
  #home #actividad .carta .borde-amarillo {
    border-right: 3.5px solid #FFD151;
    height: 80%; }

#home #legislacion .mapa {
  background-color: none;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 100px; }

#home #servicio-social .banner {
  background-image: url(/images/website/banner-sevicio-social.png); }

.boton-gris{
  background-color: #5A585B;
}

.boton-gris:hover{
  background-color: #5A585B;
}


/* #query, input, select, text{
    color: white;
} */

.waves-input-wrapper{
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
  }

  .btn-large{
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    padding: 0 28px;
    text-decoration: none;
    color: #000;
    background-color: white;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
  }

  .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    color: black;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #ccc;
}


.boton-amarillo {
  text-transform: none;
  background: #FFD151; }
  .boton-amarillo:hover {
    background-color: #ECC45F; }

#ultimo-wrapper #ultimo-titulo, #ultimo-wrapper #galeria-titulo, #ultimo-wrapper .titulo-legislativo {
  margin-left: 5%;
  margin-top: 50px; }
  #ultimo-wrapper #ultimo-titulo h5, #ultimo-wrapper #galeria-titulo h5, #ultimo-wrapper .titulo-legislativo h5 {
    font-family: "Soberana", "Times New Roman", Times, serif; }
  #ultimo-wrapper #ultimo-titulo h3, #ultimo-wrapper #galeria-titulo h3, #ultimo-wrapper .titulo-legislativo h3 {
    font-family: "Didot", "Times New Roman", Times, serif; }

#ultimo-wrapper .slider-item {
  position: relative; }
  #ultimo-wrapper .slider-item img {
    height: 500px;
    margin: 0 20px;
    max-width: 100%; }
  #ultimo-wrapper .slider-item .white-line {
    border-left: 6px solid white;
    height: 100px; }
  #ultimo-wrapper .slider-item .slider-header {
    position: absolute;
    bottom: 30px; }
    #ultimo-wrapper .slider-item .slider-header .subtitle {
      margin-left: 10px;
      color: white;
      text-shadow: 1.1px 2.1px 1.1px #595959; }
    #ultimo-wrapper .slider-item .slider-header .title {
      margin-left: 10px;
      color: white;
      text-shadow: 1.1px 2.1px 1.1px #595959; }
  #ultimo-wrapper .slider-item .numero-fotos {
    position: absolute;
    top: 15px;
    left: 7%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 5px 15px; }

#ultimo-wrapper .slick-track {
  left: -150px; }

#ultimo-wrapper #actividad-legislativa .comunicado-prensa {
  position: relative; }
  #ultimo-wrapper #actividad-legislativa .comunicado-prensa .comunicados-img {
    width: 450px; }
  #ultimo-wrapper #actividad-legislativa .comunicado-prensa .header {
    position: absolute;
    bottom: 65px;
    left: 20%;
    text-align: left; }

#ultimo-wrapper #contacto {
  background: url(/images/website/imagen-audio-y-video.jpg);
  background-size: cover;
  background-position-y: center;
  height: 300px; }
  #ultimo-wrapper #contacto .content {
    height: 100%; }
  #ultimo-wrapper #contacto .title {
    font-family: "Didot", "Times New Roman", Times, serif; }
  #ultimo-wrapper #contacto .subtitle {
    font-family: "Soberana", "Times New Roman", Times, serif; }
  #ultimo-wrapper #contacto input[type=email]:not(.browser-default) {
    border-bottom: 1px solid white; }

#ultimo-wrapper #faq .contenido {
  padding: 0 30px; }

#diputadosfilter {
  background: url(/images/website/buscador_diputados.png);
  background-repeat: no-repeat;
  background-size: cover; }
  #diputadosfilter .title {
    padding-left: 5%;
    padding-top: 50px; }
    #diputadosfilter .title h5 {
      font-family: Soberana, "Times New Roman", Times, serif;
      color: white; }
      #diputadosfilter .title h5.tel {
        paading-left: 3%; }
    #diputadosfilter .title h3 {
      color: white;
      font-family: didot, "Times New Roman", Times, serif; }
  #diputadosfilter button {
    background: #5A585B;
    color: white;
    width: 100%;
    height: 45px; }
  #diputadosfilter input {
    background: white;
    border: none; }
  #diputadosfilter input::-webkit-input-placeholder {
    color: black;
    padding-left: 10px; }
  #diputadosfilter input:-ms-input-placeholder {
    color: black;
    padding-left: 10px; }
  #diputadosfilter input::-ms-input-placeholder {
    color: black;
    padding-left: 10px; }
  #diputadosfilter input::placeholder {
    color: black;
    padding-left: 10px; }
  #diputadosfilter ul.select-dropdown{
    padding-left: 0;
  }
  #diputadosfilter .select-dropdown {
    border-bottom: none;
    padding-left: 10px; }
  #diputadosfilter .select-wrapper {
    background-color: white;
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-position: right;
    background-position-x: right;
    background-position-y: center; }


#td-c{
  padding: 0 50px;
}

img.pan.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #0266a8;
}


img.pri.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #ec211f;
}

img.prd.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #F5c129;
}

img.pv.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #86c66e;
}

img.na.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #00A5B5;
}

img.mor.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #B3282D;
}

img.pt.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #e8122e;
}


img.ind.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #848383;
}


img.mc.retrato {
  border-radius: 120px;
  border: 3px solid;
  display: block;
  margin: 0 auto;
  color: #f58528;
}


img.pan.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #0266a8;
}


img.pri.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #ec211f;
}

img.prd.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #F5c129;
}

img.pv.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #86c66e;
}

img.na.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #00A5B5;
}

img.mor.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #B3282D;
}

img.pt.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #e8122e;
}


img.ind.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #848383;
}


img.mc.retrato_perfil_diputado {
  border-radius: 25px;
  border: 10px solid;
  display: block;
  margin: 0 auto;
  color: #f58528;
}



.select-dropdown.dropdown-content li.selected, .select-dropdown.dropdown-content li:hover{
  background: none;
}



.dropdown-content li>a, .dropdown-content li>span{
  color: #ccc;
}

.dropdown-content li>a:hover, .dropdown-content li>span:hover{
  color: #333;
}


#diputados {
  padding: 50px 0px 0; }
  #diputados .retrato {
    border-radius: 50px;
    width: 50px; }
    #diputados .retrato .pan {
      border: 1px solid #06338E; }
    #diputados .retrato .pri {
      border: 1px solid #D23025; }
    #diputados .retrato .prd {
      border: 1px solid #FFCB02; }
    #diputados .retrato .morena {
      border: 1px solid #B3190D; }
    #diputados .retrato .partido-verde {
      border: 1px solid #FF8201; }
    #diputados .retrato .movimiento-naranja {
      border: 1px solid #FF8201; }
    #diputados .retrato .nueva-alianza {
      border: 1px solid #00A7B0; }
    #diputados .retrato .partido-trabajo {
      border: 1px solid #DA251C; }
  #diputados #banner {
    background-image: url(/images/website/banner_diputados.png);
    background-size: cover; }
    #diputados #banner #title {
      margin-left: 5%;
      margin-top: 50px; }
      #diputados #banner #title h5 {
        font-family: "Soberana", "Times New Roman", Times, serif; }
      #diputados #banner #title h3 {
        font-family: "Didot", "Times New Roman", Times, serif; }
  #diputados .title {
    margin-left: 5%;
    margin-top: 0px; }
    #diputados .title h5 {
      font-family: "Soberana", "Times New Roman", Times, serif; }
    #diputados .title h3 {
      font-family: "Didot", "Times New Roman", Times, serif; }
   #lista-diputados {
    margin-bottom: 50px; }
    #lista-diputados #title h4 {
      color: #FFD151; }
    #lista-diputados #title h5 {
      color: #8D8D8D; }
    #diputados #lista-diputados .logo-partido {
      width: 100%; }
    #lista-diputados .filtro-partido {
      display: inline-block;
      max-width: 100%;
      margin: 10px; }
    #lista-diputados .filtro-partido img {
      max-width: 100px;
    }
    #lista-diputados .filtro-partido  a {
      color: BLACK;
      background: white;
      display: inline-block;
      padding: 10px;
      box-shadow: 0px 0px 20px #aaa;
      transition: all 1s;
      width: 100%;
      filter: grayscale(100%); }
    #lista-diputados .filtro-partido  a:hover{
      filter: grayscale(0%);
    }

    .list-style-color{
      color: white;
      list-style-type: circle!important;
    }

    .list-style-color li{
      list-style-type: circle!important;
    }

.presidente-congreso{
  max-width: 400px;
  background-size: cover;
  background-position: center;
  background-image: url(https://congresogto.s3.amazonaws.com/uploads/diputado/imagen/139/diputado_GONZALEZ_SANCHEZ.jpg);
}

.secretario-congreso{
  max-width: 400px;
  background-size: cover;
  background-position: center;
  background-image: url(https://congresogto.s3.amazonaws.com/uploads/diputado/imagen/151/diputado_RANGEL_HERNANDEZ.jpg);
}

.secretario-congreso.secretario{
  background-image: url(/images/website/ccv_photo.jpeg);
}


.presidente-congreso .valign-wrapper{
  justify-content: center;
}

.presidente-congreso .card{
  padding: 1px;
}

.presidente-congreso .description{
  color: #bbb;
  font-size: 12px;
}

.presidente-congreso .btn{
  background-color: #5A585B;
  margin-top: 10px;
}

.nombre-presidente{
  font-family: "Didot", "Times New Roman", Times, serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin: 10px 0 10px 10px;
  text-align: left;
}

#puesto{
  color: #bbb;
  letter-spacing: 2px;
  text-transform: uppercase;
}


#legislacion .title, #reformas .title {
  margin-left: 5%;
  margin-top: 50px; }

#constitucion .title, #reformas .title {
    margin-left: 5%;
    margin-top: 10px; }

#buscador-leyes {
  border-radius: 20px;
  background-color: #4B4B4B;
  margin-top: 50px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 50px;
  padding-bottom: 20px;
}

#legislacion .table, a {
    color: black;
    text-decoration: underline;
  }

  #legislacion .title h5, #reformas .title h5 {
    font-family: "Soberana", "Times New Roman", Times, serif; }
  #legislacion .title h3, #reformas .title h3 {
    font-family: "Didot", "Times New Roman", Times, serif; }

  #constitucion .title h5, #reformas .title h5 {
      font-family: "Soberana", "Times New Roman", Times, serif; }

  #constitucion .title h2, #reformas .title h2 {
      font-family: "Didot", "Times New Roman", Times, serif; }

  #constitucion .title h3, #reformas .title h3 {
          font-family: "Didot", "Times New Roman", Times, serif; }

  #ul-iniciativas-grupos h3 {
        font-family: "Didot", "Times New Roman", Times, serif; }

#legislacion #cartas, #reformas #cartas {
  padding: 0 50px; }
  #legislacion #cartas .carta, #reformas #cartas .carta {
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    border-radius: 2px;
    text-align: center;
    height: 140px; }
    #legislacion #cartas .carta:hover h6, #reformas #cartas .carta:hover h6 {
      color: black;
      -webkit-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
      transition: all 1s ease-out; }

#legislacion #iconos, #reformas #iconos {
  background-color: #4B4B4B;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  line-height: 20px;
 }
  #legislacion #iconos .container, #reformas #iconos .container {
    padding-top: 0px; }
  #legislacion #iconos img, #reformas #iconos img {
    max-width: 40px; max-height: 30px;}

#tabla-reformas{
  max-width: 1300px;
  margin: 0 auto;
}

#tabla-reformas img{
  max-width: 20px;
}

#legislacion #division, #reformas #division {
  padding: 0 50px;
  margin-bottom: 40px; }
  #legislacion #division .flecha-abajo, #reformas #division #leyes .flecha-abajo {
    width: 32px; }

.flecha-abajo {
  width: 32px;
}

.flecha-detalle-leyes {
  width: 16px;
}

#directorio #foto_perfil{
  max-width: 100%;
}

#directorio #nombre{
  font-family: "Didot", "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}

#directorio .info-tab-section .tabs{
  height: 40px;
}

#congreso .title-congreso {
  margin-left: 5%;
  margin-top: 50px; }
  #congreso .title-congreso h5 {
    font-family: "Soberana", "Times New Roman", Times, serif; }
    #congreso .title-congreso h5.tel {
      margin-left: 3%; }
  #congreso .title-congreso h3 {
    font-family: "Didot", "Times New Roman", Times, serif; }

#congreso #info #cartas {
  padding: 0 50px; }
  #congreso #info #cartas .carta {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    border-radius: 2px;
    height: 240px;
    margin-bottom: 20px; }
  #congreso #info #cartas .carta2 {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    border-radius: 2px;
    height: 200px; }

#congreso #info #directorio #contenedor {
  padding: 0 50px; }

#congreso #info #comite_igualdad #contenedor {
    padding: 0 50px; }

#congreso #info .img-info {
  width: 95%; }

#congreso #banner {
  background-image: url(/images/website/banner_diputados.png);
  background-size: cover;
  height: 300px; }
  #congreso #banner .title-banner {
    margin-left: 5%;
    margin-top: 50px; }
    #congreso #banner .title-banner h5 {
      font-family: "Soberana", "Times New Roman", Times, serif; }
    #congreso #banner .title-banner h3 {
      font-family: "Didot", "Times New Roman", Times, serif; }

#congreso .contenedor {
  padding: 0 50px; }

#congreso #armonizacion .secciones {
  background-color: #4B4B4B;
  height: 100px; }
  #congreso #armonizacion .secciones .contenedor-secciones {
    height: 100%; }
    #congreso #armonizacion .secciones .contenedor-secciones .octavo {
      width: 12.5%;
      height: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #congreso #armonizacion .secciones .contenedor-secciones .octavo:hover {
        background-color: #5E5E5E;
        cursor: pointer; }

#congreso #armonizacion .img-armon {
  width: 100%; }

table {
  border-radius: 20px; }
  table th, table td {
    padding: 15px 35px !important; }

table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(226, 225, 225, 0.5); }

.dt-buttons {
  margin-bottom: 20px; }
  .dt-buttons button.dt-button {
    border: none;
    border-radius: 8px;
    background-color: white;
    background-image: none;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
    .dt-buttons button.dt-button:hover {
      border: none;
      background-image: none; }

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
  border-bottom: none !important; }

.dataTables_paginate {
  margin-top: 20px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
  border: none !important;
  background-image: none !important;
  background-color: #ECC45F !important;
  border-radius: 8px; }

.dataTables_filter {
  margin-bottom: 20px; }

#ultimo-wrapper .slider-item, #congreso .slider-item, #galeria .slider-item, #iniciativas .slider-item {
  position: relative; }
  #ultimo-wrapper .slider-item img, #congreso .slider-item img, #galeria .slider-item img, #iniciativas .slider-item img {
    height: 500px;
    margin: 0 20px;
    max-width: 100%; }
  #ultimo-wrapper .slider-item .white-line, #congreso .slider-item .white-line, #galeria .slider-item .white-line, #iniciativas .slider-item .white-line {
    border-left: 6px solid white;
    height: 100px; }
  #ultimo-wrapper .slider-item .slider-header, #congreso .slider-item .slider-header, #galeria .slider-item .slider-header, #iniciativas .slider-item .slider-header {
    position: absolute;
    bottom: 100px; }
    #ultimo-wrapper .slider-item .slider-header .subtitle, #congreso .slider-item .slider-header .subtitle, #galeria .slider-item .slider-header .subtitle, #iniciativas .slider-item .slider-header .subtitle {
      padding-left: 10px;
      color: white;
      text-shadow: 1.1px 2.1px 1.1px #595959; }
    #ultimo-wrapper .slider-item .slider-header .title, #congreso .slider-item .slider-header .title, #galeria .slider-item .slider-header .title, #iniciativas .slider-item .slider-header .title {
      padding-top: 0;
      padding-left: 10px;
      color: white;
      text-shadow: 1.1px 2.1px 1.1px #595959; }
  #ultimo-wrapper .slider-item .numero-fotos, #congreso .slider-item .numero-fotos, #galeria .slider-item .numero-fotos, #iniciativas .slider-item .numero-fotos {
    position: absolute;
    top: 15px;
    left: 7%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 5px 15px; }

  #ultimo-wrapper .slick-track, #congreso .slick-track, #galeria .slick-track, #iniciativas .slick-track {
    left: -150px; }

    .b-20{
      bottom: 20px!important;
    }
    .slider-buttons-c{
      position: absolute;
      bottom: -80px;
    }

    .slider-link-button{
      background: white;
      color: #333;
      display: inline-block;
      margin: 0 10px;
      padding: 10px;
      width: 200px;
    }

 #forma-contacto {
  background: url("/images/website/banner-footer-v2.jpg");
  background-size: cover; }
   #forma-contacto .title {
    font-family: "Soberana", "Times New Roman", Times, serif; }
   #forma-contacto .subtitle {
    font-family: "Didot", "Times New Roman", Times, serif; }
   #forma-contacto label {
    color: white; }
   #forma-contacto input[type=text],  #forma-contacto input[type=email],  #forma-contacto textarea.materialize-textarea {
    background-color: rgba(200, 200, 200, 0.7);
    border-bottom: none;
    padding-left: 5px;
    color: white; }
    footer #forma-contacto input[type=text]:focus, footer #forma-contacto input[type=email]:focus, footer #forma-contacto textarea.materialize-textarea:focus {
      border-bottom: 1px solid white;
      -webkit-box-shadow: 0 1px 0 0 white;
      box-shadow: 0 1px 0 0 white; }
      footer #forma-contacto input[type=text]:focus + label, footer #forma-contacto input[type=email]:focus + label,  #forma-contacto textarea.materialize-textarea:focus + label {
        color: white; }
   #forma-contacto input[type=email] {
    }
   #forma-contacto input[type=text],  #forma-contacto input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
   #forma-contacto textarea.materialize-textarea {
    color: white;
    padding-left: 5px;
    margin-left: 0px;
     }
     #forma-contacto textarea.materialize-textarea:focus {
      border-bottom: 1px solid white;
      -webkit-box-shadow: 0 1px 0 0 white;
      box-shadow: 0 1px 0 0 white; }
       #forma-contacto textarea.materialize-textarea:focus + label {
        color: white; }
     #forma-contacto textarea.materialize-textarea.valid,  #forma-contacto textarea.materialize-textarea.invalid {
      border-bottom: 1px solid white;
      -webkit-box-shadow: 0 1px 0 0 white;
      box-shadow: 0 1px 0 0 white; }

footer #footer {
  background-color: #F7F7F7;
  border-top: 1px solid #aaa;
  padding-top: 40px;
}
  footer #footer a {
    color: #8D8D8D; }
  footer #footer #seccion-1 {
    padding: 0px 25px; }
  footer #footer #seccion-2 {
    padding: 0 25px; }

#congreso .title-congreso {
  margin-left: 5%;
  margin-top: 50px; }
  #congreso .title-congreso h5 {
    font-family: "Soberana", "Times New Roman", Times, serif; }
    #congreso .title-congreso h5.tel {
      margin-left: 3%; }
  #congreso .title-congreso h3 {
    font-family: "Didot", "Times New Roman", Times, serif; }

#congreso #info #cartas {
  padding: 0 50px; }
  #congreso #info #cartas .carta {

    box-shadow: 0px 0px 50px 10px #ccc;
    background-color: white;
    border-radius: 2px;
    height: 240px;
    margin-bottom: 20px;
    padding: 20px;}
  #congreso #info #cartas .carta2 {
    margin-top: 40px;
    box-shadow: 0px 0px 50px 10px #ccc;
    background-color: white;
    border-radius: 2px;
    padding: 20px;
    height: 200px;
    padding: 20px;}

#congreso #info #directorio #contenedor {
  padding: 0 50px; }

#congreso #info .img-info {
  width: 95%; }

#congreso #banner {
  background-image: url(/images/website/imagen-audio-y-video.jpg);
  background-size: cover;
  background-position-y: bottom;
  height: 300px; }
  #congreso #banner .title-banner {
    margin-left: 5%;
    margin-top: 50px; }
    #congreso #banner .title-banner h5 {
      font-family: "Soberana", "Times New Roman", Times, serif; }
    #congreso #banner .title-banner h3 {
      font-family: "Didot", "Times New Roman", Times, serif; }

#congreso .contenedor {
  padding: 0 50px; }

#congreso #armonizacion .secciones {
  background-color: #4B4B4B;
  height: 100px; }
  #congreso #armonizacion .secciones .contenedor-secciones {
    height: 100%; }
  #congreso #armonizacion .purple-tabs {
    border-radius: 10px;
    height: 65px;
    margin-bottom: 20px;
    white-space: normal; }
  #congreso #armonizacion .purple-tabs .tab {
    background: #414141;
    height: 65px;
    line-height: initial;
    flex-grow: 1;
    vertical-align: middle; }
  #congreso #armonizacion .purple-tabs .tab a {
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .yellow-tabs.tabs, .purple-tabs, .purple-tabs {
    border-radius: 0px;
    width: 100%;
    white-space: normal;
  }

  #tablas-trabajos-legislativos a{
    color: rgba(0,0,0,0.87);
  }
    .tabs {
      max-width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .tabs .tab a:hover, .tabs .tab a.active{
      cursor: pointer;
      background-color: #414141 !important;
      color: white;
    }

    .tabs .tab{
      height: 70px;
      line-height: initial;
    }

    .tabs .tab a {
      color: white;
      background-color: #414141;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 5px;
      border: 1px solid;
    }
    .purple-tabs .tab a:hover {
      background: #4f4e4e !important;
      color: white;
    }
    .tabs__item {
        display: table-cell !important;/* [4] */
    }

    .tabs__link {
        display: block; /* [5] */
    }
    .primary-nav {
        text-align: center;
        border-radius: 4px;
        overflow: hidden; /* [1] */
    }
    .primary-nav a {
        padding: 1em;
        background-color: #BADA55;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }
    .primary-nav a:hover {
        background-color: #A3C43B;
    }
    .purple-tabs .indicator {
      display: none;
    }

    #armo-t{
      max-width: 1200px;
    }

    #armo-t table{
      background: white;
    }

    #armo-t thead{
      background: #333;
      color: white;
    }

    #congreso #armonizacion .secciones .contenedor-secciones .octavo {
      width: 12.5%;
      height: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #congreso #armonizacion .secciones .contenedor-secciones .octavo:hover {
        background-color: #5E5E5E;
        cursor: pointer; }

#congreso #armonizacion .img-armon {
  width: 100%; }

#perfil {
  margin-top: 50px; }
  #perfil .diputado {
    width: 100%;
    border-radius: 200px; }
  #perfil .nombre {
    width: 80%; }

.info-tab-section{

  max-width: 1200px;
  margin: 0 auto;

}

.info-tab-section .tabs{
  background: inherit;
  height: 70px;
}

.info-tab-section .tabs .tab{
  flex-grow: 1;
}

.info-tab-section table, .dip-permanente{
  background: white;
  margin-top: 20px;
}

.dip-permanente{
  background: white;
  margin: 40px auto 40px;
  max-width: 1200px;
}

.info-tab-section h2{
  font-family: "Didot", "Times New Roman", Times, serif;
}

.info-tab-section h3{
  font-family: "Didot", "Times New Roman", Times, serif;
  font-size: 30px;
}

.info-tab-section h4{
  font-family: "Didot", "Times New Roman", Times, serif;
  font-size: 30px;
}


.info-tab-section table th, .dip-permanente th, #directorio-data-table-ajax th{
  background: #414141;
  color: white;
}

.info-tab-section .table-data tr:nth-child(even), .dip-permanente tr:nth-child(even), #directorio-data-table-ajax tr:nth-child(even){
  background: #eee;
}

.info-tab-section table a{
  color: black;
  text-decoration: underline;
}

.info-tab-section .modal-trigger{
  background: #414141;
}

.info-tab-section img{
  max-width: 100%;
}

.agenda-s{
  max-width: 900px;
  margin: 0 auto;
}

.agenda-s h1, .agenda-s h3{
  font-family: didi;
}

.agenda-s h3{
  font-size: 20px;
  font-weight: bold;
}

.agenda-s a{

}

.logo-partido-diputado {
  padding-top:10px;
  max-width: 65px;
}

#agenda {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 5%;
  padding-top: 250px;
  padding-bottom: 20px;}


#mobile-menu{
  background: #4B4B4B;
  color: white;
}

#mobile-menu img{
  max-width: 120px;
  display: block;
  margin: 15px auto;
}

#mobile-menu .logo-c{
  height: auto;
}

#mobile-menu a{
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 11px;
  padding: 0 20px;
  text-align: left;
}

#mobile-menu a.m-title{
  font-family: "Didot", "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 20px;
  padding: 0 10px;
  text-decoration: underline;
}

.sec-container{
  margin-top: 40px;
}

.sec-description.col{
  background: white;
  padding: 10px 40px;
}

.sec-description h3{
    font-family: "Didot", "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.sec-description li{
  margin: 10px 0;
}

.junta ul, .junta ul li{
  list-style-type: disc;
}

.calendar-a {
  display: none;
}

.calendar-a.active{
  display: block!important;
}

.opcion-semana{
  color: #bbb;
  text-decoration: none;
}

.opcion-semana.active{
  color: #000;
}

.link-galeria{
  background: none!important;
}

.galeria-modal img{
  display: block;
  margin: 20px auto 10px;
}

.btn-galeria{
  background: #666;
  display: block;
  margin: 10px auto;
  text-align: center;
  color: white;
  padding: 10px;
  width: 100px;
}

tspan{
  font-family: "Didot", "Times New Roman", Times, serif;
}

#map{
  height: 200px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
  background-color: #666;
  top: 35px;
}

.index-search-container {
  color: white;
  display: none;
  height: 90vh;
  left: 0;
  justify-content: center;
  top: 5vh;
  position: fixed;
  width: 100vw;
  z-index: 10;
  opacity: 0;
  padding: 0 100px;
}

.index-search-container {
    height: 80vh;
    top: 10vh;
  }

.index-search-container .valign{
  width: 100%;
}

.index-search-container .col{
  text-align: center;
}

.index-search-container a{
  color: white;
}

.index-search-container img{
  max-width: 80px;
}

.index-search-container input{
  color: white;
}

.index-search-container h2{
  font-size: 30px;
  font-family: "Didot", "Times New Roman", Times, serif;
  margin-top: 0;
  margin-bottom: 40px;
}

#close-icon{
  position: fixed;
  top: 40px;
  right: 100px;
}

#close-icon:hover{
  cursor: pointer;
}

/* Styles go here */
.steps {
  width: 504px;
  height: 50px;
  position: relative;
  margin: 0 auto;
}

.steps .progress-line {
  top: 50%;
  left: 5%;
  position: absolute;
  background-color: #cdcfd3;
  width: 100%;
  height: 2px;
  z-index: 10;
}

.steps .circle {
  width:20px;
  height:20px;
  border-radius:250px;
  border: 2px solid #cecece;
  background:#fff;
  text-align: center;
  position: absolute;
  top: -30%;
  z-index: 20;
}

.steps .inner-circle {
  width: 80%;
  height: 80%;
  background-color: #fff;
  position: absolute;
  top: 12% !important;
  left: 10% !important;
  border: 0;
}

.steps .step-id {
  color: #000;
  font-size: 90%;
  text-align: center;
}

.steps .list-inline li {
  width: 100px;
  position: relative;
  padding: 13px 0 0 0;
  margin: 0;
  display: inline-block;
  float: left;
  cursor: pointer;
}

.steps .list-inline { margin: 0; padding: 0; }
.steps .list-inline li.first .circle { left: -10%; }
.steps .list-inline li.second .circle { left: 0%; }
.steps .list-inline li.middle .circle { left: 30px; }
.steps .list-inline li.fourth .circle { left: 50px; }
.steps .list-inline li.last .circle { right: -5%; }

.steps .list-inline li.active { cursor: default; }
.steps .list-inline li.active .inner-circle { background-color: #66c93d !important; }
.steps .list-inline li.first .step-id { margin-left: -100%; }
.steps .list-inline li.second .step-id { margin-left: -40%; }
.steps .list-inline li.middle .step-id { margin-left: 2%; }
.steps .list-inline li.fourth .step-id { margin-left: 20%; }

.steps .list-inline li.last .step-id { margin-left: 53%; }





@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */

     .mapa svg{
          height: 500px;
     }

     @media (max-width: 992px){

     .mapa svg{
          height: 200px;
     }

   }
}

@media only screen and (max-width: 767px){
  nav .nav-wrapper {
    display: block;
  }

  .nav_rd {
    height: 180px;
  }

  #nav-social-media a.btn-floating {
      margin-top: 68px;
      margin-left: -6px;
      margin-right: 15px;
  }

}


@font-face {
  font-family: "Soberana";
  /* src: url("/SoberanaSans-Light.otf"); */
}

@font-face {
  font-family: "Didot";
  /* src: url("/didot.ttc"); */
}

/*responsive */
@media (min-width: 950px) {
  #diputados #lista-diputados .custom-width {
    width: 13.5%; } }

@media (max-width: 992px) {

  #ul-iniciativas-grupos {
      margin: 0 auto;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      padding: 0;
      justify-content: center;
  }


  h3{
    font-size: 30px;
  }

  h5{
    font-size: 20px;
  }

  nav{
    height: 100px;
  }

  .brand-logo img{
    max-width: 180px
  }

  .nav_rd{
    margin-top: 10px;
  }

  .nav_rd img{
    width: 20px;
  }

  .nav_rd select{
    margin-top: 15px;
    background-size: 15px;
  }

  /*nav .brand-logo {
    left: 16% !important; }*/
  .cont_menu {
    display: none; }
  .sidenav-trigger {
    display: block; }

  #home .title{
    margin-left: 10px;
  }

  #home-main-banner {
    height: 200px;
  }

  #home-main-banner .text-container{
    bottom: 20px;
  }

  #home-main-banner h5{
    font-size: 16px;
  }

  #home-main-banner h3{
    font-size: 30px;
  }

  #home .banner{
    height: 180px;
  }

  #home .banner .play-btn{
    bottom: 40px;
    left: 10px;
    width: 50px;
  }
  #home .banner p{
    margin-top: 0;
  }

  #congreso #info #cartas{
    padding: 0;
  }

  #congreso #info #cartas .carta{
    height: auto;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px;
  }

  #congreso #info #cartas .carta2{
    margin: 0 20px;
  }

  #ultimo-wrapper .slider-item img, #congreso .slider-item img, #galeria .slider-item img, #iniciativas .slider-item img{
    max-height: 250px;
  }

  #ultimo-wrapper .slick-track, #congreso .slick-track, #galeria .slick-track, #iniciativas .slick-track{
    left: 0%;
  }

  #ultimo-wrapper .slider-item .slider-header, #congreso .slider-item .slider-header, #galeria .slider-item .slider-header, #iniciativas .slider-item .slider-header{
    bottom: 60px;
  }

  #ultimo-wrapper .slider-item .slider-header .subtitle, #congreso .slider-item .slider-header .subtitle, #galeria .slider-item .slider-header .subtitle, #iniciativas .slider-item .slider-header .subtitle{
    padding:0 50px;
  }

  .galeria-modal img{
    max-width: 100%;
  }



  .slider-buttons-c{
    bottom: auto;
    position: auto;
  }

  .slider-link-button{
    font-size: 9px;
    max-width: 35%;
  }

  .slick-dots{
    bottom: inherit;
  }

  #iconosH img{
    width: 30px;
  }

  #home #legislacion .mapa{
    margin-top: 0;
  }

  #ultimo-wrapper #actividad-legislativa .comunicado-prensa .comunicados-img{
    height: inherit;
    max-width: 100%;
  }


  footer #footer a{
    font-size: 12px;
  }

  footer .row{
    margin-bottom: 0;
  }

  footer form{
    padding: 10px;
  }

  footer .btn{
    width: 140px;
  }

  footer #forma-contacto input[type=text], footer #forma-contacto input[type=email], footer #forma-contacto textarea.materialize-textarea{
    padding: 0 5px;
  }

  #ultimo-wrapper .slider-item .slider-header .title, #congreso .slider-item .slider-header .title, #galeria .slider-item .slider-header .title, #iniciativas .slider-item .slider-header .title{
    font-size: 24px;
    padding: 0 50px;
  }

  .slider-item .slider-header.two-rows{
    bottom: 10px!important;
  }

  #ultimo-wrapper #actividad-legislativa .comunicado-prensa .header{
    bottom: 40px;
  }

  #ultimo-wrapper #ultimo-titulo, #ultimo-wrapper #galeria-titulo, #ultimo-wrapper .titulo-legislativo{
    margin-top: 0;
  }

  #ultimo-wrapper #contacto{
    height: 200px;
    padding: 0 10px;
  }

  #ultimo-wrapper #contacto .content{
    flex-wrap: wrap;
  }

  #diputados #banner #title{
    margin-top: 10px;
    margin-left: 0;
    padding: 0 30px;
  }

  #td-c{
    padding: 0;
  }

  #diputadosfilter .title{
    padding-top: 0px;
  }

  #lista-diputados #title h4{
    font-size: 20px;
    text-decoration: underline;
  }

  #lista-diputados #title h5{
    font-size: 16px;
  }

  #diputadosfilter input{
    padding-left: 10px;
  }

  #legislacion #cartas, #reformas #cartas{
    padding: 0 10px;
  }

  #legislacion #iconos img, #reformas #iconos img{
    margin-bottom: 10px;
  }

  #legislacion #cartas .carta, #reformas #cartas .carta{
    height: 100px;
  }

  h6{
    font-size: 12px;
  }

  #legislacion #iconos, #reformas #iconos{
    line-height: 8px;
  }

  #legislacion #iconos a, #reformas #iconos a{
    font-size: 8px;
  }

  #reformas{
    padding: 0 20px;
  }

  .tabs .tab a{
    font-size: 8px;
  }

  .info-tab-section{
    padding: 0 20px;
  }

  .info-tab-section img{
    max-width: 100%;
  }

  .info-tab-section table, .dip-permanente{
    max-width: 100%;
  }

  .info-tab-section .sixteen.columns{
    overflow-x: scroll;
  }

  .sec-description h3{
    font-size: 30px;
  }

  .fixed-action-btn{
    right: 10px;
    bottom: 100px;
  }

  .logo-movil{
    display: block;
  }

}

@media (min-width: 767px) {
  .cont_menu > li > a {
    display: block; }
  .mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul, .flyout-left > ul, li.drop-down > ul {
    position: absolute; }
  .flyout-right > ul {
    left: 100%; }
  .flyout-left > ul {
    right: 100%; } }

@media (max-width: 767px) {
  .cont_menu {
    min-height: 58px;
    background-color: #23364B;
    width: 100%; }
    .cont_menu > li {
      width: 100%; }
      .cont_menu > li > a {
        width: 100%;
        display: none; }
  .display.cont_menu > li > a {
    display: block;
    padding: 20px 22px; }
  .mega-menu, .Images, .Blog, .flyout-right > ul, .flyout-left > ul, li.drop-down > ul {
    position: relative; }
  #ultimo-wrapper .slider-item .slider-header {
    position: absolute;
    bottom: 30px;
    left: 0%; }
  #ultimo-wrapper .slider-item .numero-fotos {
    left: 47%; }
  table#tabla-legislativa, table#tabla-diputados {

    max-width: 100%; }
 }