@charset "UTF-8";
/* font */
/*
@font-face {
  font-family: 'OpenSans';
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal; }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato.woff2") format("woff2");
}
*/
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

h1, .h1, h2, .h2, h3, .h3, h4, h5 {
  color: #303030; 
  margin: 0px;
}

/* ---------------------	self clear para elementos que flotan          */
.self_clear:after {
  content: "";
  clear: both;
  display: table; }

/* ---------------------    Mixins de uso comun     --------------------- */
/* ---------------------   Estilos                  --------------------- */
body {
  font: 100% "Roboto", "Verdana", Helvetica;
  font-weight: normal;
  background-color: #f7f7f7;
  color: #2c2c2b;
  margin: 0px; }

a {
  color: #2c2c2b;
  text-decoration: underline;
  cursor: pointer; }

.wrapper {
  z-index: 1;
  position: relative; }

#social {
  position: relative; }

#overlay {
  background-color: rgba(247, 247, 247, 0);
  z-index: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s; }

#overlay.active {
  display: block;
  background-color: rgba(247, 247, 247, 0.4);
  z-index: 10; }

/* sistema básico de layout */
/* con padding              */
.row {
  /*overflow: auto;*/ }

.row_overflow {
  /*overflow: auto;*/ }

.page {
  max-width: 1280px;
  margin: 0em auto;
  z-index: 1;}
 
.page_full{
  z-index: 1;
}

#header, .header,
#page, .page,
#footer, .footer {
  position: relative;
  /*overflow: hidden;*/ }

.header {
    z-index: 2;
}

#footer {
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 2rem;
}

#bottom_footer {
    max-width: 1280px;
    margin: 0 auto;
}

.footer {
	background: #303030;
	margin-bottom: 0px; 
	padding-top: 4em;
	padding-bottom: 0em;
}

.footer .horizontalMenu .col-2 {
    width: 19%;
    box-sizing: border-box;}
.footer .horizontalMenu .col-4 {
    width: 24%;
    box-sizing: border-box;}

.bottom_footer{
	background: #f7f7f7;
}

.hideInBig{
	display: none;
}

/* Comunes a todas las columnas */
.col {
  float: left;
  padding: 0px 1.04167% 0 1.04167%; }
  
.col-p {
	padding: 0px 1.04167% 0 1.04167%;
}

.col-1 {
  width: 6.25%; }

.col-2 {
  width: 14.58333333333333%; }

.col-3 {
  width: 22.91666666666667%; }

.col-4 {
  width: 31.25%; }

.col-5 {
  width: 39.58333333333333%; }

.col-6 {
  width: 47.91666666666667%; }

.col-7 {
  width: 56.25%; }

.col-8 {
  width: 64.58333333333333%; }

.col-9 {
  width: 72.91666666666667%; }

.col-10 {
  width: 81.25%; }

.col-11 {
  width: 89.58333333333333%; }

.col-12 {
  width: 97.91666666666667%; }

/* Versiones sin padding */
.col-1-np {
  width: 8.333333333333332%;
  padding: 0px; }

.col-2-np {
  width: 16.66666666666666%;
  padding: 0px; }

.col-3-np {
  width: 24.99999999999999%;
  padding: 0px; }

.col-4-np {
  width: 33.33333333333333%;
  padding: 0px; }

.col-5-np {
  width: 41.66666666666666%;
  padding: 0px; }

.col-6-np {
  width: 50%;
  padding: 0px; }

.col-7-np {
  width: 58.33333333333333%;
  padding: 0px; }

.col-8-np {
  width: 66.66666666666666%;
  padding: 0px; }

.col-9-np {
  width: 74.99999999999999%;
  padding: 0px; }

.col-10-np {
  width: 83.33333333333333%;
  padding: 0px; }

.col-11-np {
  width: 91.66666666666666%;
  padding: 0px; }

.col-12-np {
  width: 100%;
  padding: 0px; }
  
/* RESPONSIVE BOXES */
.r-box{
	position: relative;
	width: auto;
}

.r-box:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.r-box-1_1:before{
	padding-top: 100%;
}

.r-box-2_1:before{
	padding-top: 50%;
}

.r-box-3_2:before{
	padding-top: 66.66666666666667%;
}

.r-box-1_2:before{
	padding-top: 200%;
}

.r-box4_3:before{
	padding-top: 75%;
}

.r-box-16_9:before{
	padding-top: 56.25%;
}

.r-box-21_9:before{
	padding-top: 42.85714285714286%;
}

.r-box-col1:before {
	padding-top: 73.71794871794872%;
}

.r-box-col2:before {
	padding-top: 36.85897435897436%;
}

.r-box-custom-destacados:before {
	padding-top: 43.95670475045099%;
}

.r-box-65_23:before{
	padding-top: 25.9375%;
}

.r-box-superwide:before{
	padding-top: 31.25%;
}

/* Estilos generales de tablas */

table{
	border-collapse:collapse;
	border-spacing: 0px;
}
.pagina_f table td:first-child {
    padding-left: 2rem;
}

th{
	 text-transform:uppercase;
	 text-align:center;
	 background:#005c90;
	 color:white;
}

tr:nth-child(even) {
	background-color:#f7f7f7;
}

tr {
	border-bottom: 1px solid #dddddd;
}

td {
	padding: 0.5rem;
}

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

.tmplt-detailonly h1, .tmplt-normal h1 {
  padding: 1em;
  font-size: 0.9em;
  font-weight: normal;
  color: #f7f7f7;
  text-align: center; }
.tmplt-detailonly .tmplt-label-role, .tmplt-normal .tmplt-label-role {
  color: #f7f7f7;
  font-style: italic;
  background-color: #94dca5;
  border-radius: 7px;
  padding: 0.4em; }

.hide {
  display: none; }

.page_full {}

.tmplt-detailonly {
  background-color: #22a7e0; }

.tmplt-container {
  background-color: #59cfd7; }

.tmplt-component {
  background-color: #0d6a7a; }

/* ---------------------    Animacion de Push       --------------------- */
@keyframes pulse {
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }
.pulse {
  animation-name: pulse;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1; }

@keyframes appearAnimation {
	0% {
		top:50px;
		opacity:0; }
	100% {  
		top:0px;
		opacity:1; }
}

.animate {
	opacity: 0;
	top: 50px;
	animation: appearAnimation 0.2s ease forwards 0.15s;
  	animation-iteration-count: 1;
}

.content-box {
	top: 50px;
	opacity: 0;
}

.already-visible {
	top: 0 !important;
	opacity: 1;
}

/* ---------------------    FadeIn And FadeOut      --------------------- */
.fadeIn,
.fadeOut {
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.fadeIn {
  visibility: visible !important;
  opacity: 1;
  transition: opacity 0.8s linear;
}
.fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.8s, opacity 0.8s linear;
}
.fadeIn > div,
.fadeOut > div {
  /* Put any padding, border, min-height, etc. here. */
}
.fadeOut > div {
  margin-top: -10000px;
  transition: margin-top 0s 2s;
}

/* ---------------------    Redes_Sociales          --------------------- */
.social-list {
    position: absolute;
    bottom: 0;
    left: 0;
	display: none;}
	.social-list #return {
		position: relative;
		width: 118px;
		height: 70px;
		float: left;
		background: #FFF;
		line-height: 70px;
		transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 1s; }
		#return-bt {
			width: 100%;
			position: relative;
			text-align: center;
			display: block;
			color: #005c90;
			text-decoration: none;}
			#return-bt i{
				font-size: 2em;
				top: 0.1em;
				position: relative;
				right: 0;
				transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s;}
			#return-bt:hover i{
				right: 0.3em;}
			#return-bt span{
				font-size: 1em;
				padding-left: 1em;}
	.social-list #return:hover a,
	.social-list #return:hover a span,
	.social-list #return:hover i{ /*
		color: #f7f7f7;
		z-index: 30; */
	}

.social-list #share_div {
  border-radius: 1em;
  float: left;
  position: relative;
  width: auto;
  z-index: 20; }
  .social-list #share_div #share {
  	border-left: 1px solid #d6d6d6;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 1s; }
    .social-list #share_div #share div {
      cursor: pointer;
      background-color: #FFF;
      font-size: 1.8em;
      position: relative;
      width: 70px;
      height: 70px;
      line-height: 70px;
      text-align: center;
      transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8); }
      .social-list #share_div #share div i {
        position: relative;
		color: #005c90;}
	  .social-list #share_div #share:hover i {
	  	color: #005c90;}
  .social-list #share_div .text {
    font-weight: bold;
    float: right;
    height: 34px;
    background-color: #22a7e0;
    color: #f7f7f7;
    border-radius: 1.25em;
    padding: 0em 1em;
    width: 6em;
    text-align: right;
    line-height: 34px;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 1s; }
.social-list #share_div.complete #share {
  left: 5em; }
.social-list #share_div.complete .text {
  background-color: #94dca5;
  text-align: left; }
.social-list #share > div::before,
.social-list #return::before{
  content: "";
  position: absolute;
  background-color: rgba(34, 167, 224, 0.6);
  top: 50%;
  left: 50%;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
  z-index: 20;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  box-shadow: 3px 1px 5px rgba(155, 155, 155, 0.4); }
.social-list #return::before{
	width: 120px;
	margin: -35px 0 0 -60px;}
.social-list #share > div:hover i,
.social-list #share > div:focus i {
  /* color: #f7f7f7; */
  z-index: 30; }
.social-list #share > div:hover::before,
.social-list #share > div:focus::before,
#return:hover::before{ /*
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); */}
.social-list #icons_div {
  position: relative;
  height: auto;
  overflow: hidden;
  opacity: 1; }
  .social-list #icons_div div {
    float: left;
    font-size: 1.3em;
	height: 70px;
	width: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #FFF;
    position: relative;
	border-left: 1px solid #d6d6d6; }
  .social-list #icons_div div a {
    opacity: inherit; }
  .social-list #icons_div .delicious {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.5s; }
  .social-list #icons_div .facebook {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.4s; }
  .social-list #icons_div .google {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.3s; }
  .social-list #icons_div .linkedin {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.2s; }
  .social-list #icons_div .twitter {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.1s; }
  .social-list #icons_div .delicious i {
    color: #94dca5; }
  .social-list #icons_div .facebook i {
    color: #0d6a7a; }
  .social-list #icons_div .google i {
    color: #ee6f75; }
  .social-list #icons_div .linkedin i {
    color: #fbc558; }
  .social-list #icons_div .twitter i {
    color: #59cfd7; }
  .social-list #icons_div .delicious i,
  .social-list #icons_div .facebook i,
  .social-list #icons_div .google i,
  .social-list #icons_div .linkedin i,
  .social-list #icons_div .twitter i {
    z-index: 30;
    position: relative; }
  .social-list #icons_div .delicious::before,
  .social-list #icons_div .facebook::before,
  .social-list #icons_div .google::before,
  .social-list #icons_div .linkedin::before,
  .social-list #icons_div .twitter::before {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    box-shadow: 3px 1px 5px rgba(155, 155, 155, 0.4); }
  .social-list #icons_div .delicious::before {
    content: "";
    position: absolute;
    background-color: rgba(148, 220, 165, 0.6);
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
    z-index: 20; }
  .social-list #icons_div .facebook::before {
    content: "";
    position: absolute;
	background-color: rgba(0, 36, 56, 0.6);
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
    z-index: 20; }
  .social-list #icons_div .google::before {
    content: "";
    position: absolute;
    background-color: rgba(238, 111, 117, 0.6);
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
    z-index: 20; }
  .social-list #icons_div .linkedin::before {
    content: "";
    position: absolute;
    background-color: rgba(251, 197, 88, 0.6);
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
    z-index: 20; }
  .social-list #icons_div .twitter::before {
    content: "";
    position: absolute;
    background-color: rgba(89, 207, 215, 0.6);
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
    z-index: 20; }
  .social-list #icons_div .delicious:hover::before,
  .social-list #icons_div .delicious:focus::before,
  .social-list #icons_div .facebook:hover::before,
  .social-list #icons_div .facebook:focus::before,
  .social-list #icons_div .google:hover::before,
  .social-list #icons_div .google:focus::before,
  .social-list #icons_div .linkedin:hover::before,
  .social-list #icons_div .linkedin:focus::before,
  .social-list #icons_div .twitter:hover::before,
  .social-list #icons_div .twitter:focus::before {
    transform: scale(1); }
  .social-list #icons_div .delicious:hover i,
  .social-list #icons_div .facebook:hover i,
  .social-list #icons_div .google:hover i,
  .social-list #icons_div .linkedin:hover i,
  .social-list #icons_div .twitter:hover i {
    color: #f7f7f7; }
.social-list #icons_div.active .delicious {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.1s; }
.social-list #icons_div.active .facebook {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.2s; }
.social-list #icons_div.active .google {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.3s; }
.social-list #icons_div.active .linkedin {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.4s; }
.social-list #icons_div.active .twitter {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.5s; }
 
.pagina_f .social-list {
    position: relative;
    margin-bottom: 1em;
}

.u-hiddenVisually {
    display: none;
}

/* ---------------------    Galeria                 --------------------- */
.gallery-list {
  margin-top: 1em;
  margin-bottom: 1em; }
  .gallery-list .gallery {
    width: 100%;
    overflow: auto; }
    .gallery-list .gallery .gallery-wrapper.two-rows {
      overflow: hidden;
      overflow-x: auto; }
      .gallery-list .gallery .gallery-wrapper.two-rows .gal-col {
        width: 100%;
        float: left; }
        .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item {
          width: 33%;
          float: left;
          display: block;
          overflow: hidden;
          z-index: 10;
		  box-sizing: border-box;
		  border: 2px solid #FFF;
          position: relative; }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item .gal-item-info {
            opacity: 0;
            position: absolute;
            z-index: 20;
            bottom: -3em;
            height: 3em;
            width: 100%;
            transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s; }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item .gal-item-info::before {
            content: "";
            position: absolute;
            width: 200%;
            height: 5em;
            left: -2em;
            background-color: rgba(247, 247, 247, 0.8); }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item img {
            position: absolute;
            min-width: 100%;
            min-height: 100%;
            max-width: 150%;
            max-height: 150%;
            float: left;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
            transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s; }
        .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item:hover {
          cursor: pointer; }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item:hover img {
            min-width: 120%;
            min-height: 120%;
            max-width: 170%;
            max-height: 170%; }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item:hover .gal-item-info {
            bottom: 0em;
            opacity: 1; }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item:hover .gal-item-info p {
            color: #2c2c2b;
            z-index: 30;
            position: absolute;
            padding-left: 0.5em;
            font-size: 0.9em;
            font-weight: bold; }
          .gallery-list .gallery .gallery-wrapper.two-rows .gal-col .gal-item:hover .gal-item-info::before {
            transform: rotate(7deg); }
  .gallery-list .overlay-gallery {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 80px;
    left: 0;
    z-index: 101; }
    .gallery-list .overlay-gallery .og_top_bar {
      width: 100%;
      height: 40px;
      background-color: #2c2c2b;
      top: 0px;
      position: absolute;
      transition: all 1s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s;
      opacity: 0; }
      .gallery-list .overlay-gallery .og_top_bar i {
        color: #ececec;
        float: right;
        font-size: 1.7em;
        padding: 0.25em 0.5em;
        cursor: pointer; }
      .gallery-list .overlay-gallery .og_top_bar i:hover {
        color: #f7f7f7; }
      .gallery-list .overlay-gallery .og_top_bar .counter p {
        margin: 0;
        float: left;
        font-size: 1em;
        color: white;
        padding: 0.5em; }
    .gallery-list .overlay-gallery .og_bottom_bar {
      width: 100%;
      height: 90px;
      background-color: #2c2c2b;
      position: absolute;
      bottom: 0px;
      transition: all 1s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s;
      opacity: 0; }
      .gallery-list .overlay-gallery .og_bottom_bar p {
        text-align: center;
        color: white;
        width: 60%;
        margin: 1em auto; }
    .gallery-list .overlay-gallery .og_body {
      position: absolute;
      background-color: #2c2c2b;
      width: 100%;
      opacity: 0;
      box-sizing: border-box;
      transition: all 1s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s; }
      .gallery-list .overlay-gallery .og_body .og-l-bt, .gallery-list .overlay-gallery .og_body .og-r-bt {
        position: relative;
        width: 5%;
        height: 100%;
        text-align: center; }
        .gallery-list .overlay-gallery .og_body .og-l-bt i, .gallery-list .overlay-gallery .og_body .og-r-bt i {
          display: block;
          height: 100%;
          font-size: 1.5em;
          color: #ececec; }
        .gallery-list .overlay-gallery .og_body .og-l-bt i:hover, .gallery-list .overlay-gallery .og_body .og-r-bt i:hover {
          color: #f7f7f7;
          cursor: pointer; }
      .gallery-list .overlay-gallery .og_body .og-l-bt {
        float: left; }
      .gallery-list .overlay-gallery .og_body .og-r-bt {
        float: right; }
      .gallery-list .overlay-gallery .og_body .og-img {
        width: 90%;
        height: 100%;
        text-align: center;
        margin-left: 5%;
        margin-right: 5%;
        position: relative;
        overflow: hidden; }
        .gallery-list .overlay-gallery .og_body .og-img .og-img-wrapper {
          overflow: hidden;
          overflow-x: auto;
          position: relative;
          display: block;
          float: left;
          height: 100%; }
          .gallery-list .overlay-gallery .og_body .og-img .og-img-wrapper div {
            transition: all 1s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s;
            float: left;
            position: relative;
            height: 100%; }
            .gallery-list .overlay-gallery .og_body .og-img .og-img-wrapper div img {
              box-sizing: border-box;
              max-width: 100%;
              height: 100%;
              padding: 0;
              opacity: 0;
              transition: all 0.1s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0.9s; }
      .gallery-list .overlay-gallery .og_body .fake-img {
        opacity: 0.4;
        position: fixed;
        z-index: 40;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        transition: all 0.9s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s; }
  .gallery-list .overlay-gallery.active .og_top_bar {
    opacity: 1; }
  .gallery-list .overlay-gallery.active .og_bottom_bar {
    opacity: 1; }
  .gallery-list .overlay-gallery.active .og_body {
    opacity: 1; }
    .gallery-list .overlay-gallery.active .og_body .og-img {
      top: 0 !important; }
      .gallery-list .overlay-gallery.active .og_body .og-img .og-img-wrapper div img {
        opacity: 1;
        transform: scale(1); }
      .gallery-list .overlay-gallery.active .og_body .og-img .fake-img {
        opacity: 1;
        width: 90% !important;
        height: 100% !important;
        left: 5% !important;
        border-top: 40px solid transparent;
        border-bottom: 90px solid transparent;
        box-sizing: border-box;
        top: 80px !important;
        bottom: 0px !important; 
		background-size: contain;}

/* ---------------------    Audio                   --------------------- */
.audio-list {
  margin-top: 1em;
  margin-bottom: 1em; }
  .audio-list .audio {
    width: 100%;
    height: 40px;
    position: relative; }
    .audio-list .audio .music {
      display: none; }
    .audio-list .audio .info_div {
      position: relative;
      z-index: 20; }
      .audio-list .audio .info_div h3 {
        margin: 0;
        padding: 0;
        padding-left: 6em;
		font-size: 0.8em;
        line-height: 40px; }
    .audio-list .audio .cover_div {
      background-color: rgba(247, 247, 247, 0.4);
      position: absolute;
      width: 0%;
      height: 40px;
      top: 0;
      left: 0;
      z-index: 30; }
      .audio-list .audio .cover_div .head {
        width: 2px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        right: 0px; }
    .audio-list .audio .controls {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 1.5em;
      width: 100%;
      height: 40px;
      color: #2c2c2b;
      z-index: 40; }
    .audio-list .audio .play, .audio-list .audio .download, .audio-list .audio .backward {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      display: block;
      cursor: pointer;
      float: left; }
      .audio-list .audio .play a, .audio-list .audio .download a, .audio-list .audio .backward a {
        color: #2c2c2b; 
		text-decoration: none;}
    .audio-list .audio .download {
      float: right; }
    .audio-list .audio .play:hover, .audio-list .audio .download:hover, .audio-list .audio .backward:hover {
      color: #d9d9d8; }
  .audio-list .audio::before {
    content: "";
    position: absolute;
    background-color: rgba(34, 167, 224, 0.6);
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
    z-index: 20;
    width: 100%;
    height: 100%;
    margin: -20px 0 0 -50%; }
  .audio-list .audio:hover::before,
  .audio-list .audio:focus::before {
    transform: scale(1); }

/* ---------------------    Galerias de documentos  --------------------- */
.doc-list .documentos .row {
  width: 100%;
  overflow: hidden;
  /*cursor: pointer;*/
  position: relative; 
  border-bottom: 1px solid #ddd;}
  .row.resource:nth-child(2n) {
    background-color: #f7f7f7;}
  .doc-list .documentos .row .folder_element {
    height: 40px;
    position: relative; }
  .doc-list .documentos .row a {
    color: #2c2c2b; }
  .doc-list .documentos .row .col1 {
    float: left;
	font-size: 1.5em;
	width: 50px;
	line-height: 50px;
	text-align: center;
	z-index: 30;
	position: relative; }
  .doc-list .documentos .row .col2 {
    width: calc(60% - 50px);
    float: left;
    z-index: 30;
    position: relative; }
    .doc-list .documentos .row .col2 p {
      margin: 0; 
	  line-height: 50px;}
  .doc-list .documentos .row .col3, .doc-list .documentos .row .col4 {
    width: 15%;
    float: left;
    z-index: 30;
    position: relative; }
    .doc-list .documentos .row .col3 p, .doc-list .documentos .row .col4 p {
      margin: 0; 
	  line-height: 50px;
      height: 50px;}
  .doc-list .documentos .row .col5 {
    float: left;
    font-size: 1.5em;
    line-height: 40px;
    text-align: center;
    z-index: 30;
    position: relative; }
  .doc-list .documentos .row .folder_files .col1 {
    margin-left: 2%; }
  .doc-list .documentos .row .folder_files .col2 {
    width: 58%; }
  .doc-list .documentos .row .folder_files .folder_files .col1 {
    margin-left: 4%; }
  .doc-list .documentos .row .folder_files .folder_files .col2 {
    width: 56%; }
  .doc-list .documentos .row .folder_files .folder_files .folder_files .col1 {
    margin-left: 6%; }
  .doc-list .documentos .row .folder_files .folder_files .folder_files .col2 {
    width: 54%; }
  .doc-list .documentos .row .folder_files .folder_files .folder_files .folder_files .col1 {
    margin-left: 8%; }
  .doc-list .documentos .row .folder_files .folder_files .folder_files .folder_files .col2 {
    width: 52%; }
.doc-list .documentos .folder .folder_files {
  position: relative;
  max-height: 0px;
  transition: all 1s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s; }
.doc-list .documentos .folder .open.folder_files {
  max-height: 2000px; }
.doc-list .folder_element::before
/*,.doc-list .row.resource::before */{
  content: "";
  position: absolute;
  background-color: rgba(34, 167, 224, 0.6);
  top: 50%;
  left: 50%;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
  z-index: 20;
  width: 100%;
  height: 100%;
  margin: -20px 0 0 -50%;
  box-shadow: 3px 1px 5px rgba(155, 155, 155, 0.4); }
.doc-list .folder_element:hover::before
/*,.doc-list .row.resource:hover::before*/ {
  transform: scale(1); }
.doc-list .row.resource:hover{
  background-color: rgba(34, 167, 224, 0.6);}

/* ---------------------    Videos                  ---------------------*/
.video-list {
  margin-top: 5em; }
.player {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
  margin-bottom: 2em; }
  .player iframe {
    height: 100%;
    margin-bottom: 1em;
    margin-top: 0.5em;
    position: absolute;
    width: 100%; 
	box-sizing: border-box;}
video {
	max-width: 100%;
}

/* ---------------------    Menu_F                  --------------------- */
.menu_f #side_menu .nav {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 1em; 
  display: flex;
  flex-direction: row;}
  .menu_f #side_menu .nav li a {
    text-decoration: none;
    font-size: 1em;
    line-height: 1.8em;
    padding: 0 0.5em;
    margin: 0 0.5em; }
  .menu_f #side_menu .nav li a:hover {
    background: white;
    color: #317ba7; }
  .menu_f .serviceMenu #side_menu .nav li li a {
    padding-right: 1em;
    text-align: right;
    padding-left: 1em;
  }
  
	p.submenuTitle {
		padding: 0;
		height: auto;
		line-height: initial;
		max-width: 1280px;
		margin: 0 auto;
		font-size: 1.5rem;
		border-bottom: 1px solid #005b90;
		margin-bottom: 1rem;
		padding-bottom: 0.5rem;
	}
	
	p.submenuTitle a {
		display: block !important;
		float: right;
		height: 20px !important;
		line-height: 20px !important;
		font-size: 1.5rem !important;
	}

/* ---------------------    Banner_F                --------------------- */
.banner_main {
	text-align: center; }
	.banner_main .Banner_F {
		margin-top: 2em;
		margin-bottom: 2em; }
		.Banner_F a {
  			display: block;}
			
.Banner_F {
  overflow: auto; }
  .Banner_F h4,
  .Banner_F .h4{
    float: right;
    width: 100%;
    margin: 0;
    margin-top: 1em;
    box-sizing: border-box;
    text-align: center;
	font-size: 1.25rem;
	font-weight: bold;}
  .Banner_F a {
    display: block;
    float: left;
    width: 40%;
    box-sizing: border-box;
    margin-right: 30%;
    margin-left: 30%; }
    .Banner_F a img {
      max-width: 100%; }
  .Banner_F .notitle {
    width: 100%; 
	margin: 0px;}
    .Banner_F .notitle img {
      max-width: 100%; 
	  border: 0px;}
  	.Banner_F .imagenPrincipal.fullWidth {
    	width: 100%;
		display: block;
	}
.banner_col .Banner_F {
    margin-bottom: 1rem;
}
/* ---------------------   Imagen_F                 ----------------------*/
.Image_F {
	position: relative;}
.Image_F .imagenPrincipal.fullWidth {
   	width: 100%;
	display: block;}
.Image_F .social-list {
    display: block !important;
    top: 0;}
.Image_F h4 {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 4rem;
    text-align: center;
    color: white;}
	.Image_F h4 span {
    	font-size: 2.5rem;}

/* ---------------------   Noticia_F                --------------------- */
.top-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;}
.Noticia_F, .Destacado_F, .Evento_F, .blog_f {
    margin-bottom: 5rem;
}

/* ---------------------   Sendero_F                --------------------- */
.Sendero_F .kml ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Sendero_F .kml li {
    line-height: 1.5rem;
}

.Sendero_F .kml li a {
    font-size: 1.1rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
    display: block;
}

.Sendero_F .kml ul li a i {
    width: 30px;
    text-align: left;
    font-size: 1.5rem;
}

.Sendero_F .map {
    height: 350px;
}

/* ---------------------   Paginas de detalle       --------------------- */
.detail-page {
	overflow: auto;
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 2em;}
.detail-page-np {
	overflow: auto;
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 0em;}
	.detail-page h2 {
	  font-size: 2.75rem;
	  margin-top: 2rem;
	  margin-bottom: 2rem;}
	.detail-page h2:first-child {
    	margin-top: 0;}
	.detail-page h3 {
	  font-size: 2.2rem;
	  line-height: 1.2;
	  margin-top: 3rem;
	  margin-bottom: 1rem;}
	.detail-page h4 {
	  font-size: 1.8rem;
	  color: #565656;
	  font-weight: normal;
	  margin-top: 2rem;
	  margin-bottom: .66667rem;}
	.detail-page h5 {
	  font-size: 1.5rem;
	  color: #005c90;
	  text-transform: uppercase;
	  margin-top: 1.5rem;
	  margin-bottom: .5rem;}
	.detail-page h6 {
	  font-size: 1.2rem;
	  margin-top: 1.2rem;
	  margin-bottom: .4rem;}
	.detail-page .entradilla {
      font-size: 1.3rem;
      font-weight: bold;}
	.detail-page img {
		max-width: 100%;}
	.detail-page li {
		line-height: 1.5rem;}
	.detail-page a{
		color: #005c90;}
	.left {
		padding-right: 6em;
		padding-left: 0;
		box-sizing: border-box;
		border-right: 1px solid #d6d6d6;}
	.right {
		padding-left: 2em;
		box-sizing: border-box;}
	.right-np {
		box-sizing: border-box;}
	.fullWidth .left {
		width: 100%;
		border-right: none;}
	.fullWidth .right {
    	width: 100%;}
	.extra_info {
		clear: both;}
	.extra_info dd {
		margin-bottom: 1em;
		margin-left: 1em;}
	.detail-page .fecha {
		color: #005b90;
		font-weight: bold;
		font-size: 1.4em;
		margin-top: 0;}
	.detail-page p {
    	line-height: 1.5em;
		font-size: 1rem;}
		.detail-page p img {
			max-width: 100%;
			margin-top: 1em;
			margin-bottom: 1em;}
	.detail-page .bold {
		font-weight: bold;}
	.detail-page .h3 {
    font-size: 1.75rem;
    font-weight: bold;}
	.detail-page pre {
		white-space: pre-wrap;
		position: relative;
		margin: 0;
		font-size: 0.85rem;
		font-family: "Roboto", "Verdana", Helvetica;
		text-align: left;
	}
	.detail-page .info_div p {
	  font-size: 1rem;
	  font-weight: bold;
	  margin-bottom: 0.5rem; }
	.detail-page .right h3, 
	.detail-page .right .h3{
		font-size: .85rem;
		line-height: 1;
		padding-bottom: 12px;
		margin-top: 48px;
		margin-bottom: 24px;
		border-bottom: 1px dashed rgba(179,179,179,0.5);
		text-transform: uppercase;
		color: #005c90;
		font-weight: bold;}
	.detail-page .file-prensa {}
		.detail-page .file-prensa .filesize {
			color: #666;
			margin: 0;
			margin-left: 1rem;
			font-weight: normal;
			top: 0.3rem;
			position: relative;}
			.detail-page .file-prensa .filesize span {
				margin-left: 0.5em;}
		.detail-page .file-prensa a {
			font-weight: bold;
			font-size: 1rem;}
	.listadoSedes {
    	margin-top: 4em;}
	.map {
		height: 600px;
	}
	.Mapa_F {margin-top: 4rem;margin-bottom: 2rem;}
	.Mapa_F h2{margin-top: 0;}
	.datosMapa {
		margin-left: 4em;}
		.datosMapa .sede {
			box-shadow: 0px 0px 20px #EEE;
			margin-bottom: 10px;
			padding: 1em;
			display: table;
			width: 100%;
			font-size: 0.9em;}
			.datosMapa .datosSede{
				display: table-cell;
				width: 100%;}
			.datosMapa .sede p {
    			margin: 0;}
			.datosMapa .sede .direccion {
				color: #b4b4b4;
				margin: 0.5em 0;}
			.datosMapa .sede .numero {
				float: left;
				width: 3em;
				text-align: center;
				display: table-cell;
				font-weight: bold;
				position: relative;
				top: 3px;}
			.datosMapa .sede .numerorojo{
				color: red;}
			.datosMapa .sede .numeroazul{
				color: blue;}
	.left.col.col-12-np { padding: 0; }
	.col-12-np .datosMapa { margin: 0; padding: 0; }
	.col-12-np .listadoSedes { display: flex; flex-wrap: wrap; }
	.col-12-np .sede { width: 31%; }
	.col-6-np .sede { width: 100%; }
	
	.Actuacion_F .ol-popup {
		border-top: 3rem solid #005b90;
		border-radius: 0;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		height: calc(100% - 6rem);
		margin: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		background-image: url(../img/TEXTURA_SABER_MAS.png);
		background-position: -150px 250px;
		background-repeat: no-repeat;
	}
	
	.ol-popup:after, .ol-popup:before {
		display: none;
	}
	
	.Actuacion_F g#textura {
    	display: none;
	}
	
	.Actuacion_F .popup-content {
		width: 600px;
	}
	
	.Actuacion_F .detail-page .popup-content p {
		font-size: 1rem;
		padding: 0 1rem;
	}
	
	.Actuacion_F .detail-page .popup-content .title{
		font-size: 1.2rem;
		padding: 0 1rem;
		font-weight: bold;
	}
	
	.Actuacion_F .objetivo {
		padding: 0 1rem;
	}
	
	.Actuacion_F .verMas a {
		font-weight: bold;
		text-decoration: none;
	}
	
	.Actuacion_F .ol-overlay-container:nth-child(odd) {
		transform: none !important;
		bottom: 0;
		left: 4rem;
		height: 100%;
		max-height: 100%;
		display: block;
	}
	
	.Actuacion_F .popupContent {
		overflow: auto;
		position: absolute;
		max-height: calc(100% - 160px);
	}
	
	a.ol-popup-closer {
		color: white;
		background: #005c90;
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	/*
	.Actuacion_F .ol-overlay-container {
		transform: translate(0, 0) !important;
		top: 0 !important;
		left: 4rem !important;
		bottom: 0 !important;
	}
	*/
				
.OpenCmsApolloWebform {
	font-size: 1.15em;
	overflow: auto;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.OpenCmsApolloWebform h2{
	font-size: 2.75rem;
}

.MapaWeb_F .detail-page {margin-top: 2em;}

.pagina_f {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 1em 0em; }
  .pagina_f .Texto {
    color: #333333;
    font-size: 1rem;
	line-height: 1.8rem; }
  .pagina_f .Texto > ul {
    list-style: none;}
  .pagina_f h1, .pagina_f h2 {
    font-size: 1.2em;
    margin-left: 0em; }
  .pagina_f a {
    color: #317ba7; }
  .doc-individual {
    display: flex;
    flex-wrap: wrap;}
  .pagina_f .doc {
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
	flex: 33.33333% 0;
	padding: 1rem;
	box-sizing: border-box;}
	.pagina_f .doc a{
	text-decoration: none;}
	.doc .far {
    font-size: 3em;
	width: 3em;
	display: table-cell;
	color: red;
	text-align: left;
	padding-left: 1rem; }
	.doc div {
	  padding: 1em;}
	.pagina_f .doc p {
		color: #565656;}
  

.pagina_f_nopadding {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;}
  .pagina_f_nopadding .Texto {
    color: #333333;
    font-size: 0.85em; }
  .pagina_f_nopadding h1, .pagina_f_nopadding h2 {
    font-size: 1.2em;
    margin-left: 0em; }
  .pagina_f_nopadding a {
    color: #317ba7; }
	
/* override black cover */
.bg-black .Titulo h2,
.bg-black .Titulo h3,
.bg-black .Titulo h4,
.bg-black .Titulo h5,
.bg-black p.h3,
.bg-black .pagina_f_nopadding .Texto,
.bg-black .Texto{
	color: white;
}
	
.Publicacion_F .subtitulo {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 0.75rem;}
.Publicacion_F h2 {
  	margin-bottom: 1rem;}
.Publicacion_F .left{
	padding-right: 0em;
	border-right: 0px;
	padding-left: 0 !important;}
.Publicacion_F .right{
	padding-left: 0em;}
.Publicacion_F .col-5{
	border-right: 1px solid #d6d6d6;
	box-sizing: border-box;
	padding-left: 0 !important;}
.Publicacion_F .extra_info p {
    margin-bottom: 0px !important;
    margin-top: 0.5rem;}
.Publicacion_F .autores{
	margin-bottom: 1.5rem;}
/* Autor_F */
.publicaciones h3 {
    font-size: 2rem;}
.publicaciones ul {
    margin: 0;
    list-style: disclosure-closed;
    margin-left: 1rem;
    padding: 0;}
.publicaciones ul li {
    margin-bottom: 0.5rem;}
.publicaciones a {
    text-decoration: none;}

/* es.dipucadiz.publicaciones.Maleta_F */
.Maleta_F .clear {
    clear: both;
    overflow: auto;
    margin-bottom: 2rem;
}

.Maleta_F .clear .col.col-6 {
    padding-right: 3rem;
    box-sizing: border-box;
}

.Maleta_F .extraInfo {
    padding-top: 1rem;
}

.Maleta_F .col.col-3 h4 {
    margin-top: 1rem;
}

.Maleta_F .video-list {
    margin-top: 1rem !important;
}

/* es.dipucadiz.publicaciones.Recomendacion_F */
.Recomendacion_F .col-6 img {
   	margin-top: 0 !important;
}

.Recomendacion_F .left {
    padding-right: 1.04167%;
}

.Recomendacion_F h3 {
    margin-top: 1rem;
    font-size: 1.3rem;
}

/* Estilos de los componentes dipucadiz v3 */
/* es.dipucadiz.banners */
.banner_w {
    padding-bottom: 5em;
}

.bw_row0 {
	margin-top: 3.2em;
}

.bigBanner0, .bigBanner2 {
	float: left;
	width: 49.8% !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.bigBanner1, .bigBanner3 {
	margin-left: 50.2%;
	background-repeat: no-repeat;
	background-size: cover;
}

.bigBanner2, .bigBanner3 { margin-top: 0.25rem; }

.bigBanner0 a,
.bigBanner1 a,
.bigBanner2 a,
.bigBanner3 a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.4s ease-in-out 0s;
}

.bigBanner0 a::after,
.bigBanner1 a::after,
.bigBanner2 a::after,
.bigBanner3 a::after{
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
}

.bigBanner0 a:hover,
.bigBanner1 a:hover,
.bigBanner2 a:hover,
.bigBanner3 a:hover{
	background-color: rgba(0,91,144,0.8);
}

.bigBanner0 a span,
.bigBanner1 a span,
.bigBanner2 a span,
.bigBanner3 a span{
	position: absolute;
	bottom: 1em;
	color: white;
	left: 1em;
	font-size: 1.7rem;
	font-weight: bold;
}

.bw_row1 {
    margin-top: 4em;
	display: flex;
	flex-wrap: wrap;
}

.bwItem {
    flex: 0 0 33.3333333%;
    display: block;
    box-sizing: border-box;
    text-align: center;
	position: relative;
	background: #FFF;
	transition: all 0.4s ease-in-out 0s;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
	padding: 2em;
	cursor: pointer;
	margin-bottom: 3px;
	min-height: 200px;
}

.bwItem .bwText {
    font-size: 1.15rem;
    text-align: left;
    display: block;
    color: #005c90;
    font-weight: bold;
    text-decoration: none;
}

.bwItem:hover a {
	color: #005b90;
}

	.bwItem .bwImagen img{
		filter: grayscale(100%);
		max-width: 100%;
	}
	
	.bwItem .bwText {
		position: absolute;
		bottom: 1em;
	}

	.bwItem a .bwText {
		font-size: 1.1em;
		font-weight: bold;
		position: absolute;
		bottom: 1em;
		left: 2em;
	}

.bwItem:hover {
	z-index: 99;
	background: white;
	box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.2);
}

.bwItem:hover .bwImagen img{
	filter: grayscale(0%);
}

/* es.dipucadiz.blog */

/* es.dipucadiz.climahora */
.ClimayHora {
    position: fixed;
    background: black;
    width: 50px;
    height: 100%;
    text-align: center;
    color: white;
    padding-top: 12%;
    top: 0px;
    z-index: 99;
}

#municipio {
    font-size: 90%;
    font-family: OpenSans;
    font-weight: bold;
    margin-top: 2em;
}

#reloj {
    margin-top: 2em;
    padding-top: 1em;
}

#fecha {
    margin-top: 2em;
    padding-top: 1em;
}

#icono {
    font-size: 2em;
    margin-top: 1em;
}

#temperatura {
    font-size: 1.2em;
    font-weight: bold;
}

#dia {
    font-size: 2em;
    line-height: 20px;
}

#hora {
    font-size: 1em;
}

#minuto {
    font-size: 1em;
    font-weight: bold;
}

#segundo {
    font-size: 2em;
    line-height: 1em;
}

/* es.dipucadiz.comentarios */
.Comentario input[type="text"], textarea{
	display: block;
    width: 98%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
}
.Comentario input[type="submit"]{
	color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.Comentario label {
    display: inline-block;
    margin-bottom: .5rem;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #373a3c;
}

.Campo{
	margin-top: 1%;
}

/* es.dipucadiz.comisiones */

/* es.dipucadiz.corporacion */
.Corporacion_F {
	margin-top: 3em;
}

.Corporacion_F h3 {
    display: none;
}

.Corporacion_F .partidos {
	width: 100%;
	overflow: auto;
}

.Corporacion_F .partido {
	float: left;
	width: 12.5%;
	padding-bottom: 1.4em;
	box-sizing: border-box;
	text-align: center;
	font-weight: normal;
}

.Corporacion_F .partido img {
	filter: grayscale(100%);
	transition: all 0.4s ease-in-out 0s;
}

.Corporacion_F .partido:hover img {
	filter: grayscale(0%);
}

.Corporacion_F .icon-partidos-100-on{
	background-image: url('../img/partidos/icon-partidos-100-on.png');
	background-size: cover;
	background-color: #2c2c2b;
}

.Corporacion_F .partido.cien:hover .icon-partidos-100-on,
.Corporacion_F .partido.cien.selected .icon-partidos-100-on{
	background-color: #ff5d16;
}

.Corporacion_F .icon-partidos-adelante-on{
	background-image: url('../img/partidos/icon-partidos-adelante-on.png');
	background-size: cover;
	background-color: #2c2c2b;
}

.Corporacion_F .partido.Adelante:hover .icon-partidos-adelante-on,
.Corporacion_F .partido.Adelante.selected .icon-partidos-adelante-on{
	background-color: #00ca88;
}

.Corporacion_F .icon-partidos-axsi-on{
	background-image: url('../img/partidos/icon-partidos-axsi-on.png');
	background-size: cover;
	background-color: #2c2c2b;
}

.Corporacion_F .partido.AxSi:hover .icon-partidos-axsi-on,
.Corporacion_F .partido.AxSi.selected .icon-partidos-axsi-on{
	background-color: #83b600;
}

.Corporacion_F .partido:hover {
	cursor: pointer;
}

.Corporacion_F .partido p {
    font-size: 1rem;
    font-weight: normal;
	transition: all 0.4s ease-in-out 0s;
	margin: 10px 0;
}
.Corporacion_F .partido i {
	font-size: 2rem;
	width: 32px;
	height: 32px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.Corporacion_F .partido:not(.tabs-filter__active):not(.selected):not(:hover) i::before {
	color: #303030;
}
.Corporacion_F .partido i::before {
	transition: ease .3s all;
}

/*
.Corporacion_F .partido:hover p {
	font-weight: bold;
}
*/

.Corporacion_F .partido.todos,
.Corporacion_F .partido.PSOE,
.Corporacion_F .partido.IU,
.Corporacion_F .partido.PA,
.Corporacion_F .partido.PP,
.Corporacion_F .partido.PCSSP,
.Corporacion_F .partido.GJ,
.Corporacion_F .partido.Ciudadanos,
.Corporacion_F .partido.cien,
.Corporacion_F .partido.Adelante,
.Corporacion_F .partido.AxSi{
	transition: all 0.4s ease-in-out 0s;
	border-bottom: 1px solid #f2f2f2;
}

.Corporacion_F .partido.todos:hover {
	border-bottom: 1px solid gray;
}

.Corporacion_F .partido.PSOE:hover,
.Corporacion_F .partido.IU:hover,
.Corporacion_F .partido.PSOE.selected,
.Corporacion_F .partido.IU.selected{
	border-bottom: 1px solid red;
}

.Corporacion_F .partido.PA:hover,
.Corporacion_F .partido.PA.selected{
    border-bottom: 1px solid green;
}

.Corporacion_F .partido.PP:hover,
.Corporacion_F .partido.PP.selected{
    border-bottom: 1px solid lightblue;
}

.Corporacion_F .partido.PCSSP:hover,
.Corporacion_F .partido.PCSSP.selected{
    border-bottom: 1px solid blueviolet;
}

.Corporacion_F .partido.GJ:hover,
.Corporacion_F .partido.GJ.selected{
    border-bottom: 1px solid aquamarine;
}

.Corporacion_F .partido.cien:hover,
.Corporacion_F .partido.cien.selected{
	border-bottom: 1px solid #ff5d16;
}

.Corporacion_F .partido.Adelante:hover,
.Corporacion_F .partido.Adelante.selected{
	border-bottom: 1px solid #00ca88;
}

.Corporacion_F .partido.AxSi:hover,
.Corporacion_F .partido.AxSi.selected{
	border-bottom: 1px solid #83b600;
}

.Corporacion_F .partido.Ciudadanos:hover,
.Corporacion_F .partido.Ciudadanos.selected{
	border-bottom: 1px solid orange;
}

#diputados {
    overflow: auto;
    box-shadow: 0px 0px 5px #f2f2f2;
    margin-top: 3em;
}

#diputados .diputado.visible {
	width: 25%;
	height: 254px;
	border: 2px solid #f2f2f2;
	cursor: pointer;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
	margin-bottom: 2rem;
}

#diputados .diputado.visible.AltoXL {
    height: 400px !important;
}

#diputados .diputado .cargo ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#diputados .diputado.hidden {
	width: 0;
	height: 0;
	overflow: hidden;
	border: 0;
}

#diputados .diputado {
	float: left;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

#diputados .diputado .logo {
	position: absolute;
	right: 1em;
	top: 1em;
}

#diputados .diputado .closeIcon {
	float: left;
	padding: 1em;
}

#diputados .diputado .image {
	width: 80px;
	height: 80px;
	background-size: cover;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 2em;
	transition: all 0.4s ease-in-out 0s;
}

#diputados .diputado .nombre {
	margin-top: 1em;
	font-weight: bolder;
	font-size: 1.142857142857143rem;
	margin-bottom: 0.5em;
}

#diputados .diputado .lugar {
	color: #4c4c4c;
	font-size: 0.9em;
}

#diputados .diputado .cargo {
	color: #005b90;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 1em;
}

#diputados .diputado .closeIcon,
#diputados .diputado .bio {
	display: none;
	overflow: auto;
    max-height: 150px;
}

.diputado.visible.selected {
	position: fixed !important;
	z-index: 999;
	background: white;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60% !important;
	overflow: hidden;
	height: auto !important;
	font-size: 1.2em;
}

.diputado.visible.selected .closeIcon,
.diputado.visible.selected .bio {
	display: block !important;
}

.diputado.visible.selected .bio {
	padding: 3em;
	font-size: 1.15rem;
	line-height: 1.7em;
}

.diputado.visible.selected .image {
	width: 120px !important;
	height: 120px !important;
}

#basePop {
	z-index: -1;
	background: rgba(0, 0, 0, 0);
	transition: all 0.4s ease-in-out 0s;
}

#basePop.active{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: block;
	z-index: 998;
}

/* es.dipucadiz.destacados */
#sislideshow {
	display: block;
	position: relative;
	background-color: #005c90;
	max-width: 100%;
	margin: 0 auto;
}

#sislidesContainer {
	width: 100%;
	/* max-height: 450px; */
	overflow: hidden;
}

#sislidesContainer .imagenNoDestacado {
    margin-bottom: -4px;
}

/*
#sislideshow:before {
	content: "";
	height: 18px;
    position: absolute;
	width: 100%;
	-webkit-box-shadow: inset 0px 18px 20px -20px #000000;
	box-shadow: inset 0px 18px 20px -20px #000000;
	z-index: 1;
	left: 0px;
}
*/

	#sislideshow #sislidesContainer, #sislideshow .sislide {
		margin: 0 auto;
		position: relative;
		width: 100%;
	}
	
	#sislideshow .sislide {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		visibility: hidden;
	}

		/* old
		#sislideshow .sislide .imagenDestacado {
			width: 48.03571428571429%;
			float: left;
			height: 100%;
			overflow: hidden;
			position: relative;
		} 
		*/
		/* new */
		#sislideshow .sislide .imagenDestacado {
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
		}
		
		#sislideshow .sislide .imagenDestacado::after {
			content: '';
			position: absolute;
			pointer-events: none;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7) 80%, #000);
		}
		
		.imagenNoDestacado img{
			width: 100%;
			top: 0;
			left: 0;
			position: absolute;
			height: 100%;
			bottom: 0;
			right: 0;
			visibility: visible;
		}
		
			#sislideshow .sislide a {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				text-decoration: none;
			}

			/* old
			#sislideshow .sislide .imagenDestacado img {
				display: block;
				margin: 0 auto;
				width: auto;
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
			}
			*/
			/* new */
			#sislideshow .sislide .imagenDestacado img {
				display: block;
				margin: 0 auto;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
			}

		/* old
		#sislideshow .sislide .sislideText {
			background-color: #005c90;
			color: #ffffff;
			font-size: 1em;
			opacity: 1;
			filter: alpha(opacity=85);
			position: relative;
			height: 450px;
			margin-left: 48.03571428571429%;
			padding: 3em;
		}
		*/
		/* new */
		#sislideshow .sislide .sislideText {
			color: #ffffff;
			font-size: 1em;
			opacity: 1;
			filter: alpha(opacity=85);
			position: absolute;
			height: auto;
			bottom: 5%;
			width: 1280px;
			text-align: left;
			box-sizing: border-box;
			left: 50%;
			transform: translateX(-50%);
		}
		
		#sislideshow .sislide .sislideTextMunicipio{
			left: 65.32%;
			top: 21.18%;
		}
		
			#sislideshow .sislide .sislideText .titularDestacado {
				font-size: 2.42rem;
				font-weight: bold;
				margin: 0;
				margin-bottom: 0.5em;
			}
			
			#sislideshow .sislide .sislideText .entradillaDestacado {
				font-size: 1.2rem;
				margin-right: auto;
			}
		
	/* old
	#sislideshow .botonesDestacado {
		position: absolute;
		right: 42%;
		bottom: 10%;
	} */
	/* new */
	#sislideshow .botonesDestacado {
		position: absolute;
		bottom: 40%;
		width: 90%;
		left: 5%;
	}
	
		#sislideshow .botonesDestacado #leftcontrol, #sislideshow .botonesDestacado #rightcontrol {
			color: #ffffff;
			display: block;
			float: left;
			font-size: 1.375em;
			font-weight: bold;
			height: 46px;
			opacity: 0.85;
			filter: alpha(opacity=85);
			text-align: center;
		}
		
		#sislideshow .botonesDestacado #leftcontrol {
			margin-right: 0.1em;
			overflow: hidden; /* Firefox: corrige problema recuadro foco */ 
			width: 46px;
		}
		
		#sislideshow .botonesDestacado #rightcontrol {
			overflow: hidden; /* Firefox: corrige problema recuadro foco */ 
			width: 46px;
			float: right;
		}
	
	#sislideshow #dots {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#sislideshow #dots ol {
		margin: 0;
		padding: 1em;
	}
	
	#sislideshow #dots .dot {
		float: left;
		width: 30px;
		height: 3px;
		background-color: #EEE;
		margin: 0 0.3rem;
		cursor: pointer;
		font-size: 0;
	}
	
	#sislideshow #dots .dot.active {
		background-color: #67c7ff !important;
	}
/* slidebox */

.sislidebox {
	position: relative;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.3));
}

.boxshow {
	/*max-width: 1300px;
	margin: 0 auto;*/
}

.firstRow {
    width: 100%;
    overflow: hidden;
}

.firstRow .entradillaDestacado {
	max-width: 550px;
	text-shadow: 0px 4px 16px rgba(0,0,0,0.25);
	font-size: 1rem;
	margin-top: 0px;
	font-weight: normal;
	top: 50px;
	opacity: 0;
	position: relative;
}
	.firstRow .titularDestacado {
		font-size: 2.75rem;
		margin: 0.5em 0;
		max-width: 550px;
		top: 50px;
		opacity: 0;
		position: relative;
	}
	
	.titularDestacado {
		font-size: 1rem;
		padding-top: 0.5em;
		color: white;
	}
	
	.sislideboxWrapper {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 100%;
	}
	
	.sislideboxWrapper a{
		position: relative;
		display: block;
		height: 100%;
	}

	.firstRow .imagenDestacado {
	    overflow: hidden;
	}
	
	.firstRow .imagenDestacado::after {
		content: '';
		position: absolute;
		pointer-events: none;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.35) 50%, #000);
	}

	.imagenDestacado img {
		width: 100%;
		transform:scale(1.0);
		transition: all 0.4s ease-in-out 0s;
	}
	
	.imagenDestacado:hover img{
		/*transform:scale(1.1);*/
	}
	
	.firstRow .sislideText {
		position: absolute;
		top: 10%;
		height: auto;
		box-sizing: border-box;
		color: #FFF;
		font-size: 1.8em;
		width: 1280px;
		font-weight: bold;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 1.15rem;
	}

.secondRow {
	margin: 0 auto;
	overflow: auto;
	margin-top: -124px;
	position: relative;
}

	.secondRow .sislidebox {
		float: left;
		box-sizing: border-box;
		max-width: 31.24999333%;
		margin-top: 12px;
		height: 112px;
		transition: all 0.4s ease-in-out 0s;
	}
	
	.secondRow .sislidebox:hover {
		/*background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #005b90 0%);*/
		background: #005b90;
		height: 124px;
		margin-top: 0px;
	}
	
	.secondRow .sislidebox ul {
		margin: 0;
		padding: 0;
		padding-left: 1em;
		list-style-type: circle;
		transition: all 0.4s ease-in-out 0s;
	}
	
		.secondRow .sislidebox:hover ul {
			list-style-type: disc;
		}
	
	.secondRow .sislidebox a{
		color: rgba(255,255,255,0.7);
		font-size: 0.8em;
		padding: 1em 0em 2em 0em;
		display: block;
		width: 100%;
		box-sizing: border-box;
		height: 100%;
	}
	
		.secondRow .sislidebox a .sislideText {
			padding-left: 2em;
			padding-right: 2em;
			border-left: 1px solid rgba(255,255,255,0.7);
			height: 90%;
			transition: all 0.4s ease-in-out 0s;
		}
		
		.secondRow #slide0 a .sislideText {
			border-left: 0px;
		}
	
	.secondRow .sislidebox a:hover {
		transition: all 0.4s ease-in-out 0s;
		color: white;
	}
	
		.secondRow .sislidebox a:hover .sislideText {
			border-left: 1px solid #005b90;
		}
	
	.secondRow .imagenDestacado {
	    overflow: hidden;
	}
	
	.secondRow .entradillaDestacado {
		display: none;
	}

	.secondRow img {
	    width: 100%;
	    border-bottom: 2px solid #1565C0;
		display: none;
	}
	
.loadingbar {
	width: 96%;
	height: 3px;
	background: rgba(255,255,255,0.4);
	margin-top: -15px;
	z-index: 3;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
}

#loadingevo {
	background-color: rgba(255,255,255,0.9);
	height: 3px;
	max-width: 100%;
}

.noticiaEntry a{
	height: auto !important;
}

.noticiaEntry .img{
	float: left;
	width: 20%;
}

.noticiaEntry .listData{
	float: left;
	width: 80%;
	padding: 1.5rem;
	box-sizing: border-box;
}

.noticiaEntry .listData h3, 
.noticiaEntry .listData .h3{
	font-size: 1.65rem;
	font-weight: bold;
	margin-bottom: 0.5em;
	width: 100%;
}

.noticiaEntry .listData .text {
	color: #005b90;
	font-size: 1.42rem;
	font-weight: bold;
	margin-bottom: 0em;
}

.noticiaEntry .listData .text ul {
	margin: 0;
}

.noticiaEntry .listData .text li {
	font-size: 1rem;
}

.noticiaEntry .listData .date {
	color: #a3a3a3;
	font-size: 1rem;
}

.listWEntry a:hover h3,
.listWEntry a:hover .text {
	color: white;
}

.organismoEntry h3 {
	margin: 0 !important;
	font-size: 1.2rem !important;
	font-weight: normal !important;
}

.noticiaEntry .imagenPrincipal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 0px;
	object-fit: cover;
	object-position: center;
	padding: 0;
}

/* Recursos destacados */
.recursosdestacados_f {
	position: relative;
	overflow: auto;
	margin-bottom: 3em;
	background: #005b90;
	margin-top: 5rem;
	background-image: url("../img/featured-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.recursosdestacados_f::after {
    z-index: 0;
    background-color: #005c90;
    opacity: .95;
	content: '';
	pointer-events: none;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.recursosdestacados_f_wrapper {
	max-width: 1280px;
	margin: 0 auto;
	padding: 6.5rem 0;
	display: flex;
	flex-wrap: wrap;
	z-index: 1;
	position: relative;
}

.recursosdestacados_f_wrapper .col0 {
	align-items: center;
	display: flex;
	flex: 40% 0;
}

.recursosdestacados_f_wrapper .col1 {
	align-items: center;
	flex: 60% 0;
}

.recursosdestacados_f h2 {
	color: white;
	margin: 1em 0;
	font-size: 1.85rem;
}

.textoRD {
	width: 80%;
	color: white;
	font-size: 1rem;
	margin-top: 4rem;
}

.recursoItem {
	width: 33.3333333%;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	margin: 1em 0;
	display: block;
	position: relative;
	text-decoration: none;
}

.recursoItem img {
    height: 61px;
}

.recursosdestacados_f_wrapper .col1 .recursoItemData {
	transition: all 0.3s ease-in-out 0s;
	opacity: 1;
}

.recursosdestacados_f_wrapper .col1:hover .recursoItemData {
    opacity: 0.25;
}

.recursosdestacados_f_wrapper .col1 .recursoItemData:hover {
    opacity: 1;
}

	.recursoItem .recursoImg {
		margin: 1em 0;
	}
	
	.recursoItem .recurosTxt h3 {
		margin: 0;
		text-transform: none;
		font-weight: lighter;
		color: #FFF;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-size: 1em;
	}

	.recursoItem .recurosTxt p {
		display: none;
	}
	
/* es.dipucadiz.documentos */

/* es.dipucadiz.enlaces */

/* es.dipucadiz.eventos */
#sicalendario{
	position: relative;
}

#leftarrow i{
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5%;
	padding-right: 5%;
	color: white;
}

#rightarrow i{
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5%;
	padding-right: 5%;
	color: white;
}

.masEventos {
	margin-top: 1em;
	text-align: right;
	float: right;
	margin-right: 3em;
	margin-bottom: 3em;
}

.masEventos a{
	color: #ffffff;
    text-decoration: none;
}

.masEventos a:hover{
	text-decoration: underline;
	color: #3366ff;
}

#calendarHead {
	color: white !important;
	font-weight: normal;
	text-align: center;
	font-size: 1.15rem;
	margin-top: 1em;
	margin-bottom: 1em;
}

#calendarBody > table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;
    font-weight: lighter;
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}

#calendarBody > table tr {
    background: none;
    border-bottom: 0;
}

#leftarrow, #rightarrow {
    color: white;
    text-decoration: none;
    padding-left: 1em;
    padding-right: 1em;
}

.week {
	color: white;
	font-size: 1rem;
}

.week td {
	height: 3em;
}

#calendarBody td {
	padding-bottom: 1em;
	padding-top: 1em;
	width: 14.28571428571429%;
}

.normalEvent, .sundayEvent {
	cursor: pointer;
	opacity: 1;
	font-size: 1.25rem;
	font-weight: bold;
	background: #004e7a;
}

.disabled {
	color: #FFF;
	opacity: 0.8;
	font-size: 1.25rem;
}

.disabledEvent{
	background-color: #654100;
	cursor: pointer;
}

.normal {
	color: #ffffff;
	opacity: 1;
	font-size: 1.25rem;
}

.dayOne {
    
}

.today {
    background: #ffffff;
    color: #005c90;
    margin-top: -2rem;
    margin-bottom: -2rem;
    display: block;
    height: 64px;
    line-height: 64px;
}

.today.normal {
    margin: 0;
    height: auto;
    line-height: 1rem;
    display: table-cell;
}

.sunday {
	color: #fff;
	font-size: 1.25rem;
	opacity: 0.8;
}

.sundayDisabled{
	color: #fff;
	font-size: 1.25rem;
	opacity: 0.8;
}

.closeEvent {
    width: 2rem;
	height: 2rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 2rem;
	color: #FFF;
}

.resumenEventos {
	padding: 7.5rem 3rem 1em 3rem;
	overflow-y: scroll;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.resumenEventos h3 a {
	color: white;
	font-size: 1.71rem;
}

.fechaEvento, .lugarEvento {
    color: #ffffff;
}

.fechaEvento span, .lugarEvento span {
	font-weight: bold;
}

.descripcionEvento {
	font-size: 1.25rem;
	color: #ffffff;
}

/* Listado de eventos */
.Titulo h2 {
    font-size: 2.2rem;
}

.filters {
    margin-top: 4em;
	margin-bottom: 3em;
}

.formFilters {
	overflow: auto;
}

	.formFilters .field {
		float: left;
		box-sizing: border-box;
	}

		.formFilters .field i {
			font-size: 1.3em;
		}

	.formFilters .field input {
		height: 50px;
		border: 0;
		line-height: 50px;
		font-size: 1em;
		padding-left: 1em;
		color: #3d3d3d;
	}

	.formFilters .inputField input {
		width: 100%;
		border: 0;
		background: #005b90;
		color: white;
		font-size: 1em;
		padding: 0;
		text-transform: uppercase;
	}

	.formFilters .fieldText {
		width: 32%;
		margin-right: 2%;
		border-bottom: 2px solid #EEE;
	}

	.formFilters .fieldDate {
		width: 15%;
		margin-right: 2%;
		border-bottom: 2px solid #EEE;
	}

	.formFilters .inputField {
		width: 15%;
	}
	
	.formFilters select {
		position: relative;
		float: left;
		margin-bottom: 2em;
		width: 15%;
		height: 50px;
		padding: 1em;
		background: #005b90;
		color: white;
		border: 0;
		text-transform: uppercase;
		font-size: 0.9em;
		margin-right: 2%;
	}

.lista_l {
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 0em;
	margin-bottom: 5em;
}

.lista_l.m-top{
	margin-top: 8.5em;
}

.lista_l .lists {
    margin-top: 3em;
    position: relative;
}

.lista_l .Titulo h2 a {
    margin-left: 1rem;
	text-decoration: none;
}

.lista_l .Texto {
    font-size: 1rem;
    margin-top: 2em;
    margin-bottom: 2em;
    clear: both;
}

/* paginacion */
.paginationWrapper {
    text-align: center;
	clear: both;
}

.pagination {
	overflow: auto;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 2em 0;
}

.pagination li {
    float: left;
    list-style: none;
    padding: 0.6em 0em;
    border: 1px solid #EEE;
    margin-left: -1px;
	font-size: 0.9em;
}

.pagination li a {
	text-decoration: none;
	padding: 0.6em 1.1em;
}

.pagination li:last-child {
    margin-left: 1em;
}

.pagination .threeDots {
    border: 0 !important;
	margin: 0rem 1rem;
}

.pagination li b {
    padding-left: 1em;
	padding-right: 1em;
}

.pagination .disabled{
	display: none;
}

.pagination li.active {
	margin-left: 1em !important;
	margin-right: 1em;
	border-color: #005b90 !important;
	color: #005b90;
}

/* Eventos dentro del listado y entradas del listado */
.eventoWEntry a, .listWEntry a {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	color: #303030;
	transition: width 0.4s ease-in-out 0s, margin 0.4s ease-in-out, background-color 0.4s ease-in-out;
	position: relative;
	height: 220px;
	overflow: auto;
	display: block;
	margin-bottom: 4px;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
}

.eventoWEntry a {
	display: flex;
	flex-wrap: nowrap;
	height: auto;
	justify-content: center;
	align-items: flex-start;
}

.eventoWEntry a:hover, .listWEntry a:hover{
	color: #FFF;
	background-color: #005b90;
	margin-left: -2%;
	width: 104%;
}

.eventoWEntry a:hover .ewDate,
.eventoWEntry a:hover .ewLugar,
.listWEntry a:hover .lwDate,
.listWEntry a:hover .lwLugar,
.noticiaEntry a:hover .listData p.h3,
.noticiaEntry a:hover .listData .ewDate
{
	color: white;
}

.noticiaEntry .ewDate {
	margin-bottom: 0.5rem;
	color: #005b90;
}

	.eventoWEntry a p,
	.listWEntry a p{
		margin: 0;
		position: relative;
  		/* top: 50%;
  		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);*/
		float: left;
	}
	
	.eventoWEntry a .img {
		width: 25%;
	}
	
	.eventoWEntry .data {
		width: 10%;
		display: flex;
		flex-wrap: wrap;
		padding: 1rem 0;
	}
	
	.eventoWEntry .ewDate,
	.listWEntry .lwDate{
		width: 12.525252%;
		color: #005b90;
		padding-left: 6%;
		box-sizing: border-box;
		display: block;
	}
	
		.eventoWEntry .ewDate .dayOfTheWeek, 
		.eventoWEntry .ewDate .dayAndMonth,
		.listWEntry .lwDate .dayOfTheWeek, 
		.listWEntry .lwDate .dayAndMonth{
			width: 100%;
			display: block;
			text-align: left;
			font-size: 1em;
			font-weight: normal;
			text-transform: capitalize;
		}
		
		.eventoWEntry .ewDate .dayAndMonth,
		.listWEntry .lwDate .dayAndMonth{
			font-size: 1.71rem;
			font-weight: bold;
		}

	.eventoWEntry .ewTitulo,
	.listWEntry .lwTitulo{
		width: 64.646464%;
		font-size: 1.8rem;
		font-weight: bold;
		padding: 0 8.438%;
		box-sizing: border-box;
	}
	
	.listWEntry .lwTitulo{
		width: 81.474464%;
		font-size: 1.8rem;
		font-weight: bold;
		padding: 0 8.438%;
		box-sizing: border-box;
		transform: translateY(-50%);
		top: 25%;
	}
	
	.listWEntry .lwTexto{
		width: 81.474464%;
		padding: 0 8.438%;
		box-sizing: border-box;
		margin-left: 12.525252%;
		top: 40%;
	}
	
	.listWEntry .lwTexto{
		font-size: 1.15rem;
	}
	
	.eventoWEntry .ewLugar {
		width: 16.828%;
		color: #4c4c4c;
		text-align: left;
		margin-right: 6%;
	}
	
	.eventoWEntry .ewDate {
		width: 100%;
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.eventoWEntry .ewLugar {
		width: 100%;
		padding-left: 6px;
		padding-top: 1rem;
	}
	
	.eventoWEntry .ewTitulo {
		width: 65%;
		padding: 1rem;
	}
	
	.eventoWEntry a img.imagenPrincipal {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		overflow: hidden;
		height: 100%;
	}

.evento_W {
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 1.25rem;
	margin-bottom: 5rem;
}

.evento_W.no_botton {
	margin-bottom: 0;
}

.evento_W.lista_l {
    max-width: 100%;
}

.evento_W .Titulo {
    max-width: 1280px;
    margin: 0 auto;
}

.calendarioWrapper {
    display: flex;
}

#sicalendario {
    flex: 50% 0;
    box-sizing: border-box;
    background: #005c90;
}

#pr {
    width: 640px;
    display: block;
    float: right;
	margin-top: 2em;
	margin-bottom: 2em;
}

.contenidoEventos {
    flex: 50% 0;
	box-sizing: border-box;
	background: #005c90;
	margin-top: 3em;
	position: relative;
}

#sicalendarioData {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #004e7a;
}

#eventosWWrapper {
	margin-top: 3em;
	position: relative;
}

#eventosWWrapper .eventoWEntry{
	position: relative;
}

/* es.dipucadiz.hcard */

/* es.dipucadiz.juntas */

/* es.dipucadiz.legislacion */

/* es.dipucadiz.listas */
.posts.lists{
	margin-top: 1em;
	display: flex;
	flex-direction: column;
}
  
/* Calendario en formato vertical */
.vertical .calendarioWrapper {
    width: 100%;
    flex-wrap: wrap;
}

.vertical #sicalendario {
    width: 100%;
    flex: 100%;
}

.vertical #pr {
    width: 100%;
}

.vertical .contenidoEventos {
    flex: 100%;
    width: 100%;
    margin: 0;
}

.vertical #sicalendarioData {
    position: relative;
    max-height: 300px;
    overflow-y: scroll;
}

.vertical .resumenEventos {
    position: relative;
    overflow: hidden;
}

#list_large_pages {    
    width: 100%;
}

.imagenPrincipal {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0px;
}

.c1columns{
	width: 100%;
    float: left;
    box-sizing: border-box;
}

.c2columns{
	width: 48%;
    float: left;
    box-sizing: border-box;
    margin-right: 0.5em;
    margin-left: 0.5em;
}

.c3columns{
	width: calc(33.333333% - 4px);
	float: left;
	box-sizing: border-box;
	margin-right: 2px;
	margin-left: 2px;
	box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.1);
	cursor: pointer;
}

.c3columns .list_item {
	margin: 0;
}

.c3columns a {
	display: block;
}

.c3columns .img {
	top: 0;
	left: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.c3columns .h3 {
	height: 72px;
	vertical-align: middle;
	display: table-cell;
	padding: 0rem 1rem;
	font-size: 1.15rem;
	font-weight: bold;
}

.c3columns h3 {
	height: 72px;
	vertical-align: middle;
	display: table-cell;
	padding: 0rem 1rem;
}

	.c3columns h3 a {
		color: #303030;
	}

.list_item, .listWEntry {
   /* margin-top: 2em;*/
    margin-bottom: 1em;
    /*overflow: auto;*/
}

.list_item.doc {
    cursor: pointer;
    box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
    /* padding: 2rem 1rem;*/
    box-sizing: border-box;
    margin-left: 1em;
    margin-right: 1em;
}

.list_item h3 a {
    color: #2B9AF3;
}

.list_item h3 a:hover{
	color: #1565C0;
}

.list_item a{
	text-decoration: none;
}

.list_item .date{
	text-align: left;
	margin-top: 0em;
	padding: 0.3rem 1rem;
	padding-bottom: 1rem;
}

.list_item .date::before {
	content: '\f073';
	font-family: 'Font Awesome 5 Free';
}

.bt{
	padding: 0.5em 1.5em;
	color: white;
	background: #2B9AF3;
	font-weight: bold;
	border-bottom: 5px solid #1565C0;
	float: right;
}

.bt:hover{
	background: #1565C0;
	border-bottom-color: #2B9AF3;
}

/* es.dipucadiz.mapas */

/* es.dipucadiz.mapaweb */

/* es.dipucadiz.menu */
.menu_f {
    width: 100%;
	transition: all 0.4s ease-in-out 0s;
	position: relative;
	top: 0px;
	background-color: white;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
	transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8);
}

.menu_f.sticky{
	padding: 0;
	/* border-bottom: 3px solid #e8e8e8; */
	z-index: 101;
	position: fixed;
	left: 0;
	opacity: 1;
	top: 0;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
}

.menu_f.stickyOnTop {
	top: 0;
	position: relative;
}

#horizontalMenuFiller.sticky{
	height: 0px;
}

.menu_wrapper {
    height: 45px;
    display: block;
	z-index: 101;
}

#burguer {
    float: left;
    width: 45px;
    height: 45px;
    display: block;
    background-color: #249CFD;
    text-align: center;
    cursor: pointer;
}

	#burguer i {
	    color: white;
	    font-size: 2em;
	    line-height: 45px;
	}

#main-logo {
    display: none;
}

#main-logo .menuLogoWrapper{
	
}

#main-logo a{
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	transition: all 0.4s ease-in-out 0s;
}

#side_burger {
	display: none;
}

#search_box {
	height: 100%;
	line-height: 30px;
	transition: all 0.4s ease-in-out 0s;
	opacity: 0;
	position: fixed;
	z-index: 101;
	box-sizing: border-box;
	width: 100%;
	left: 0;
	top: -100%;
	background: rgba(48,48,48,0.9);
}

    #search_box.open {
		top: 0;
		opacity: 1;
		z-index: 9999;
	}

	#search_box input {
		color: #303030;
		background-color: white;
		border: 0;
		height: 44px;
		font-size: 1.3rem;
		width: 88%;
		position: relative;
		box-sizing: border-box;
		float: left;
		padding-left: 1rem;
		margin-left: 0;
		font-weight: normal;
		text-overflow: ellipsis;
		font-family: 'Roboto';
	}
	
	#search_box .search-open {
		height: 21.5vh;
		width: 100%;
		background: white;
		opacity: 1;
		display: table;
	}
	
		#search_box .form-inline {
			display: table-cell;
			vertical-align: middle;
		}
    
		#search_box #searchContentHeader {
			display: block;
			width: 80%;
			margin: 0 auto;
		}

		#search_box.open .input-group-btn {
			display: block;
			position: relative;
			float: left;
			width: 5%;
			box-sizing: border-box;
			height: 44px;
		}
    
	#search_box button.btn-u {
		width: 30px;
		height: 44px;
		text-align: center;
		border: 0;
		opacity: 1;
		padding: 0;
		cursor: pointer;
		margin-top: 1px;
		margin-right: 1px;
		background: none;
	}
	
	#search_box .close-button {
		z-index: 2;
		left: auto;
		right: 24px;
		font-size: 1.2rem;
		color: #303030;
	}
	
	#search_box span.close-button {
		float: right;
		position: relative;
		cursor: pointer;
		top: 6px;
		right: 45px;
		display: block;
		color: #303030;
		transform: rotate(45deg);
		transition: cubic-bezier(0.26, 1, 0.57, 1.13) .6s all;
	}
	
	#search_box span.close-button:hover {
		transform: rotate(135deg);
	}

#side_menu_a{
    display: none;
}

.active #side_menu_a{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 300px;
    top: 0;
    font-size: 0;
    display: block;
}

#search, #side_burger {
	float: right;
	width: 45px;
	height: 45px;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-top: 17.5px;
	line-height: 45px;
	border: 0px solid #2B9AF3;
	margin-right: 8px;
}

	#search .input-group-btn i {
		color: #303030;
		line-height: 40px;
		font-size: 2em;
		width: 45px;
		height: 45px;
	}

#side_menu {
    background-color: #249CFD;
    position: fixed;
    top: 0px;
    padding-top: 5em;
    transition: all 0.4s ease-in-out 0s;
    left: -400px;
    width: 400px;
    box-sizing: border-box;
    z-index: 100;
    height: 100%;
}

    #side_menu.active{
        left: 0;
    }

	#side_menu ul {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}

#fonts {
    float: right;
    height: 45px;
}

p#tamanoLetra {
    margin: 0;
}

#tamanoReducido, #tamanoNormal, #tamanoGrande {
    height: 45px;
    color: white;
    line-height: 45px;   
    margin: 0 0.3em;
    cursor: pointer;
}

#tamanoReducido{
    font-size: 0.9em;
}

#tamanoNormal{
    font-size: 1em;
}

#tamanoGrande{
    font-size: 1.1em;
}

.menu_wrapper .enlaces {
    float: right;
	height: 80px;
	margin-right: 2em;
}

    .menu_wrapper .enlaces ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .menu_wrapper .enlaces ul li {
            float: left;
            margin: 0 1em;
        }

            .menu_wrapper .enlaces ul li a {
                display: block;
                color: white;
                font-weight: bold;
                height: 45px;
                line-height: 45px;
                text-decoration: none;
            }

			.menu_f #side_menu .nav li a {
			    text-decoration: none;
			    font-size: 1em;
			    line-height: 2.2em;
			    color: white;
			    display: block;
			    font-weight: bold !important;
			    padding-left: 2em;
			}
				
				.menu_f #side_menu .nav li ul {
					margin-bottom: 2em;
				}

.clave {
    display: block;
    text-transform: uppercase;
    float: right;
    color: white;
    height: 45px;
    margin-right: 1em;
}

	.clave p {
	    margin: 0;
	    line-height: 45px;
	}

		.clave a {
		    display: block;
		    background-image: url(../img/clave_o_24.jpg);
		    background-repeat: no-repeat;
		    width: 72px;
		    height: 24px;
		    float: right;
		    margin-left: 1em;
		    line-height: 45px;
		    margin-top: 0.65em;
		}
            	
/* Menu horizontal */
#mainMenu .horizontalMenu{
    max-width: 1280px;
	width: 100%;
    margin: 0 auto;
	padding: 0;
}

#mainMenu.open {
	background: #FAFAFA;
	position: fixed;
	z-index: 999;
	top: 0;
}

.horizontalMenu {
    overflow: hidden;
	box-sizing: border-box;
}

.horizontalMenu .menu_box {
    background: transparent;
	float: left;
	width: 69%;
	line-height: 80px;
}

.horizontalMenu .menu_wrapper {
    background: transparent;
	height: 80px;
}

.horizontalMenu .menu_wrapper .enlaces ul li.grupo i {
	display: none;
}

.horizontalMenu #search i {
	color: #303030;
	line-height: 30px;
	font-size: 1.4rem;
}

.horizontalMenu div#main-logo {
    height: 80px;
	display: block;
	text-align: left;
	padding-top: 0px;
	width: 31%;
	float: left;
}

.horizontalMenu div#main-logo .menuLogoWrapper {
	display: block;
	height: 100%;
	position: relative;
}

.horizontalMenu div#main-logo img {
	max-width: 100%;
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.horizontalMenu #side_menu {
    top: 0px;
    box-sizing: border-box;
    z-index: 100;
    position: relative;
    background-color: transparent;
    left: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.horizontalMenu #side_menu .nav li {
    float: left;
}

.horizontalMenu #side_menu .nav li a {
    text-decoration: none;
    font-size: 0.85em !important;
    float: left;
    height: 45px;
    line-height: 45px !important;
    font-family: 'NewsGothicStd';
    text-transform: uppercase;
    font-weight: normal !important;
}

.menu_f #side_menu .nav li ul {
    margin-bottom: 2em;
    display: none;
    position: absolute;
	right: 0;
}

.horizontalMenu #side_menu .nav li:hover .dropdown-menu{
	display: block;
}

.menu_f #side_menu .nav li ul {
	margin-bottom: 2em;
	display: none;
	position: absolute;
	margin-top: 45px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
	background: white;
}

.horizontalMenu .menu_wrapper .enlaces ul li a {
    display: block;
	color: #303030;
	font-weight: normal;
	height: 80px;
	line-height: 80px;
	text-decoration: none;
	font-size: 1rem;
	transition: all 0.4s ease-in-out 0s;
	font-family: 'Roboto', 'Verdana';
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 1rem;
}

.horizontalMenu .menu_wrapper .enlaces ul li a img {
    line-height: 80px;
    vertical-align: middle;
	max-width: 100%;
    max-height: 80%;
}

.horizontalMenu .menu_wrapper .enlaces ul li a:hover{
	color: #005c90;;
}

.staticMenu {
	height: 40px;
	background: #303030;
}

.staticMenu .menu_wrapper {
    max-width: 1280px;
    height: 40px;
    display: block;
    z-index: 101;
    position: relative;
    margin: 0 auto;
	box-sizing: border-box;
}

.staticMenu .menu_wrapper .enlaces {
    float: left;
    height: 40px;
    margin: 0;
    width: 60%;
}

.staticMenu .redes {
    float: right;
    width: 40%;
    text-align: right;
}

.staticMenu .menu_wrapper .enlaces ul li {
   	float: left;
   	margin: 0;
	width: auto;
	text-align: center;
	box-sizing: border-box;
	padding-right: 1.3em;
}

.staticMenu .menu_wrapper .enlaces ul li a {
	display: block;
	color: #b3b3b3;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 0.75rem;
	font-weight: normal;
	text-transform: uppercase;
}

.breadcrumbs_menu{
	display: none;
}

div#hora {
    height: 45px;
    line-height: 45px;
    color: #EEEEEE;
    float: right;
    font-size: 0.8em;
    margin-right: 1.2em;
}

.staticMenu div#hora {
    height: 24px;
    line-height: 24px;
}

.staticMenu .redes a {
    font-size: 1rem;
    text-decoration: none;
    color: #B3B3B3;
    display: inline-block;
    margin: 10.5px 6px;
}

/* Mega Menu styles */
.submenu {
   	display: block;
	position: absolute;
	z-index: 999;
	background: white;
	left: 0;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 2em;
	border-bottom: 2px solid #2B9AF3;
	border-top: 2px solid #e8e8e8;
	top: -740px;
	opacity: 0;
	transition: all 0.4s ease 0s;
}

.submenu::after {
    content: '';
    position: absolute;
    bottom: -12px;
    width: 100%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(39,39,39,0.5) 0%, rgba(255,255,255,0) 100%);
    left: 0;
    right: 0;
    height: 10px;
}

.sticky.submenu {
	background-color: rgba(255,255,255,0.8);
}

.enlaces li.active > .submenu{
	top: 80px;
	opacity: 1;
}

.submenu > ul {
	max-width: 1280px;
	margin: 0 auto !important;
}

.submenu ul li {
	width: 20%;
	box-sizing: border-box;
	float: left;
	margin: 0 !important;
}

	.submenu > ul li a {
		line-height: 25px;
		min-height: 25px !important;
		max-height: 60px;
		height: auto !important;
	}
	
.submenu .grupo {
	float: left;
	display: block;
	margin-bottom: 1em !important;
}

	.horizontalMenu .menu_wrapper .enlaces ul li.grupo div {
		width: 95%;
		display: block;
		overflow: auto;
		padding-left: 5%;
		box-sizing: border-box;
		border-left: 1px solid #b4b4b4;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo a {
		font-size: 0.9em;
		text-transform: none !important;
		line-height: 25px;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo ul li {
		width: 100%;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo ul li a {
		font-size: 0.9em;
		font-weight: normal;
		color: #005b90;
		text-transform: none !important;
		line-height: 25px;
	}
	
	.submenu .grupo.grupo4 {
		clear: left;
	}
	

/* Correcciones temporales al menún para el año 2022 */
.submenu .grupo {
	max-height: 230px;
}

li.grupo.grupo1 {
    width: 40%;
}

.horizontalMenu .menu_wrapper .enlaces ul li.grupo1 ul li {
    width: 50%;
}
	
/* Menu al pie */
.footer h2 {
	margin: 0;
	margin-bottom: 1em;
	text-transform: uppercase;
	color: white;
	font-weight: normal;
	font-size: 1.15rem;
}

.footer .plus_icon_footer {
    position: absolute;
    display: block;
    font-size: 1.3rem;
    color: white;
    right: 1px;
    top: 22px;
	display: none;
}

.footer ul{
	margin: 0;
}

.footer li {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.menu_f_pie ul {
  overflow: auto;
  padding: 0; }
  .menu_f_pie ul li {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 3%; }
    .menu_f_pie ul li a {
     color: #c2c2c2;
     font-size: 1rem;
     text-decoration: none;
     font-weight: normal;}
	.menu_f_pie ul li a:hover {
     text-decoration: underline;}
.menu_f_pie .redes {
  margin-left: 1em; }
  .menu_f_pie .redes a {
    font-size: 1em;
    padding: 1%;
    text-decoration: none;
    color: #ffffff; }
	
.logoEpicPie::before {
	content: "\f25e";
	font-family: "Font Awesome 5 Brands";
	display: inline;
	margin-right: 0.5rem;
}

/* Menu servicios */
.menu_f.servicio {
    padding: 0;
	box-shadow: none;
}
	.vertical {
		box-shadow: none;
		padding: 1rem;
		box-sizing: border-box;
	}

	.menu_f.servicio .serviceMenu {
		display: flex;
		align-items: self-end;
		max-width: 1280px;
		margin: 0em auto;
	}
	
	.serviceMenu.twoLinesMenu {
		flex-direction: column;
		align-items: stretch !important;
	}
	
	.serviceMenu h2 {
		font-size: 3.3rem;
		flex: 30% 0;
	}
	
	.serviceMenu.twoLinesMenu h2 {
		flex: 100% 0;
		margin-top: 1rem;
	}
	
	.serviceMenu #side_menu {
		position: relative;
		left: 0;
		flex: 70% 0;
		background: none;
		padding: 0;
		align-self: last baseline;
		z-index: 1;
	}
	
	.serviceMenu.twoLinesMenu #side_menu {
		flex: 100% 0;
		align-self: start;
		width: 100%;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	.serviceMenu #side_menu.fullWidth {
		flex: 100% 0;
	}
		
		.serviceMenu #side_menu ul,
		.veticalMenu ul{
			margin: 0 !important;
		}
		
		.veticalMenu ul{
			list-style: none;
			font-weight: bold;
			padding: 0;
		}
		
			.serviceMenu #side_menu ul li {
				float: left;
			}
		
			.menu_f .serviceMenu #side_menu .nav li a,
			.menu_f .veticalMenu .nav li a
			{
				display: block;
				margin: 0px;
				padding: 0px;
				padding-left: 0em;
				padding-right: 3em;
				line-height: 35px;
				font-size: 0.85rem;
				color: #072f42;
				background-color: transparent;
				transition: all 0.4s ease-in-out 0s;
				letter-spacing: 0.2px;
				text-transform: uppercase;
				border-bottom: 1px solid rgba(0,0,0,0);
				white-space: nowrap;
			}
			
			.menu_f .serviceMenu #side_menu .nav li a:hover{
				color: #464646;
				border-bottom: 1px solid #005c90;
			}

#more, #menuOverflow {
	display: block;
}

#more {
	order: 999;
	position: relative;
}

#more:hover ul {
	display: block !important;
}

.menu_f .serviceMenu #side_menu .nav li li {
	display: contents;
}

/* Migas de pan */
.breadcrumbs_f {
    margin: 0rem auto !important;
    /* background: #e9ecef; */
    min-height: 48px;
    line-height: 48px;
    padding: 0 0.5rem;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.breadcrumbs_content {
    max-width: 1280px;
    margin: 0 auto;
	margin-top: 2rem;
}

.breadcrumbs_f h2{
	display: inline;
	margin: 0;
	font-size: 0.85em;
	margin-right: 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.breadcrumbs_f ul{
	margin: 0;
	padding: 0;
	display: inline;
}

.breadcrumbs_f ul li{
	font-weight: normal;
	font-size: 1rem;
	display: inline;
}

.breadcrumbs_f ul li a{
	/* color: #005b90; */
	color: #272727;
	letter-spacing: 0.05em;
	margin-right: 0.5rem;
	text-decoration: none;
}

.breadcrumbs_f ul li a::before {
	content: '>';
	width: 15px;
	/* color: #6c757d; */
	color: #005b90;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 0.7rem;
}

.breadcrumbs_f ul li:first-child a::before{
	content: '';
	margin: 0;
}

/* Menu fijo al pie */
.bottom_footer .menu_f_pie .enlaces {
	width: 70%;
	display: block;
	overflow: auto;
	float: right;
}

.menu_f_pie > i {
	display: none;
}

.menu_f_pie .redes {
	float: right;
	box-sizing: border-box;
	width: 30%;
	margin-left: 0 !important;
	text-align: right;
}

.bottom_footer .menu_f_pie .enlaces ul {
	overflow: auto;
	padding: 0;
	float: right;
	margin: 0;
	margin-right: 4em;
}

	.bottom_footer .menu_f_pie ul li {
		display: inline-block;
		box-sizing: border-box;
		margin: 20px;
	}
	
		.bottom_footer .menu_f_pie ul li a {
			color: #565656;
			font-size: 0.9em;
			text-decoration: none;
			font-weight: normal;
			height: 35px;
			line-height: 35px;
			display: block;
		}
		
		.menu_f_pie .redes a {
			font-size: 1rem;
			text-decoration: none;
			color: #565656;
			display: inline-block;
			margin: 25px 5px;
		}
		
.icons_bottom_footer {
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: left;
    padding-bottom: 2rem;
}

.bf-icon {
    padding: 0 2rem;
}

.bf-icon a {
    display: block;
    max-width: 94px;
    max-height: 94px;
}

.bf-icon img {
    position: relative;
    display: block;
    max-height: 94px;
    max-width: 94px;
}

/* es.dipucadiz.multimedia */
.redessociales_f {
	margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 1em 0em;
}

.redessociales_f .redesIconos {
	overflow: hidden;
	margin-top: 3em;
}

.redessociales_f .redes {
    display: flex;
}

.redessociales_f a {
	font-size: 2.5em;
    color: #1565C0;
    display: block;
    width: 75px;
    height: 75px;
    transition: all 0.4s ease-in-out 0s;
    line-height: 75px;
    text-align: center;
}

.redessociales_f a:hover {
	color: white;
	background-color: #1565C0;
}

.RedesSociales_W{
	max-width: 1280px;
	margin: 0 auto;
	padding: 3em 0;
	overflow: hidden;
}

#feedData {
	margin-top: 3em;
	margin-left: -1rem;
	margin-right: -1rem;
}

#feedData .div0, #feedData .div1, #feedData .div2 {
	width: 100%;
	float: left;
}

#feedData .fb, #feedData .tw, #feedData .ig {
	background: #FFF;
	margin-bottom: 1em;
	box-shadow: 0px 3px 5px #f1f1f1;
	position: relative;
	overflow: hidden;
	width: 23%;
	float: left;
	white-space: normal;
	box-sizing: border-box;
	margin: 1%;
}

#feedData .tw {
    background-color: #ECF9FF !important;
}

#feedData .fb .img, #feedData .ig {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#feedData .tw .img {
    position: absolute;
    width: 100%;
    height: 90px;
    top: 0;
    left: 2.5%;
    background-size: cover;
    background-position: center;
	display: none;
}

#feedData .fch {
	color: #4c4c4c;
	font-size: 0.9em;
	left: 1em;
	top: calc(0px + 1em);
	position: absolute;
}

#feedData .txt {
	padding: 0em 1em;
	margin-bottom: 1em;
	position: absolute;
	top: calc(0px + 3em);
	width: calc(100% - 2rem);
}

	#feedData .txt a {
		color: #0a4b6a;
	}
	
#feedData .ig .url {
	background: rgba(0,0,0,0.6);
}
	
#feedData .url {
	padding-left: 1em;
	position: absolute;
	bottom: 0em;
	width: calc(100% - 1rem);
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

	#feedData .url a{
		color: #4c4c4c;
		font-size: 0.8rem;
	}
	
	#feedData .ig .url a {
		color: #FFF;
		margin-top: -2em;
	}
	
	#feedData .fb .url i,
	#feedData .tw .url i,
	#feedData .ig .url i{
		font-size: 2em;
		margin-right: 0.5em;
		float: left;
	}
	
	#feedData .fb .url i{
		color: #0d3769;
	}
	
	#feedData .tw .url i{
		color: #139ce0;
	}
	
	#feedData .ig .url i{
		color: #FFF;
	}
	
		#feedData .url a span {
			display: block;
			height: 2em;
			line-height: 2em;
		}

/* es.dipucadiz.formacion */
.curso_wrapper {
    display: flex;
    margin-bottom: 2rem;
    align-items: flex-start;
    justify-content: left;
}

.curso_fechas {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: #004878;
    color: white;
}

.curso_fechas h3 {
    color: white;
}

.curso_fechas .curso_desde, .curso_fechas .curso_hasta {
    text-align: center;
}

.curso_fechas .curso_documentacion {
    display: flex;
    align-items: center;
    justify-content: center;
}

.curso_fechas .curso_documentacion a {
    display: block;
    text-align: center;
}

.curso_documentacion {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    margin-top: 1rem;
}

.curso_documentacion img {
    width: 48px;
    height: 48px;
}

.curso_documentacion p {
    margin: 0.5rem;
}

/* es.dipucadiz.noticias */
.Noticias_W{
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 5rem;
}

#Noticias_W{
	padding-left: 5px;
	padding-right: 5px;
}

.noticiasW h2 {
    display: table;
}

.titleText {
	display: table-cell;
	white-space: nowrap;
	font-size: 1.85rem;
}

.titleFiller {
    display: table-cell;
    width: 100%;
    color: #b3b3b3;
}

.titleFiller:after {
	content: "";
	display: block;
	width: 98%;
	height: 1px;
	background-color: rgba(179,179,179,0.5);
	position: relative;
	bottom: 0;
	margin-left: 2%;
}

.readMore {
	margin-top: 0.8rem;
	display: block;
	color: #005b90;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

.noticiasWWrapper {
	margin-top: 3em;
	box-sizing: inherit;
	margin-left: -1rem;
	margin-right: -1rem;
}

.noticiasWWrapper .noticiaWEntry {
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	width: calc(50% - 4px);
	margin: 2px;
	box-shadow: 0px 4px 16px -2px rgba(48,48,48,0.1);
}

.noticiasWWrapper .col0{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

.noticiasWWrapper .col1{
	display: flex;
	justify-content: left;
	align-items: flex-start;
	flex-wrap: wrap;
}

#noticiaWEntry0, #noticiaWEntry1 {
    width: calc(50% - 2em) !important;
}

.noticiasWWrapper .col0 .noticiaWEntry,
.noticiasWWrapper .col1 .noticiaWEntry {
	margin: 1em;
	width: calc(33.333333% - 2em);
	align-self: stretch;
}

	.noticiaWEntry .r-box.r-box-3_2 {
		overflow: hidden;
	}
	
	.noticiaWEntry img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.noticiaWEntry a {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		right: 0;
		bottom: 0;
		transition: all 0.4s ease-in-out 0s;
		background-color: rgba(0,91,144,0);
		color: #303030;
		text-decoration: none;
	}
	
	.noticiaWEntry img{
			width: 100%;
			height: 100%;
			object-fit: cover;
	}
	
	.noticiaWEntry a .nwTitulo{
		color: #303030;
		position: relative;
		font-weight: normal;
		transition: all 0.4s ease-in-out 0s;
		font-size: 1rem;
		margin: 1rem;
	}
	
	.noticiaWEntry a .nwEntradilla {
		position: relative;
		margin: 1rem;
		font-size: 1.5rem;
		font-weight: bold;
	}
	
	.noticiaWEntry a .nwDate {
		color: #4c4c4c;
		position: relative;
		margin: 0 1rem;
		font-size: 0.85rem;
		transition: all 0.4s ease-in-out 0s;
		margin-bottom: 1rem;
	}
	
	.col1 .noticiaWEntry a {
		overflow: auto;
	}

		.col1 .noticiaWEntry a img {
			width: 45%;
			float: left;
		}
		
		.col1 .noticiaWEntry a .nwEntradilla {
			width: calc(55% - 2rem);
			float: left;
			font-size: 1rem;
			font-weight: bold;
			margin: 0 1rem;
		}
		
		.col1 .noticiaWEntry a .nwDate {
			width: calc(55% - 2rem);
			float: right;
			margin: 1rem 1rem;
			text-align: left;
		}
		
		.col1 .noticiaWEntry a .nwTitulo {
			display: none;
		}

.videosOnly .noticiasWWrapper {
    overflow: hidden;
    padding: 5px;
}

.videosOnly .noticiaWEntry {
	width: 24.5% !important;
	float: left;
	margin: 0 0.25% !important;
}

.videosOnly .noticiaWEntry a div {
	background-position: center;
	background-size: cover;
}

.videosOnly .nwEntradilla {
	position: relative !important;
	font-size: 0.9em !important;
	width: 100%;
	left: 0 !important;
	top: 0 !important;
	padding: 0 1em !important;
	box-sizing: border-box;
	color: #303030;
	margin-top: 0.7rem !important;
	font-weight: normal !important;
}

.videosOnly .noticiaWEntry:hover .nwEntradilla {
    color: white !important;
}

.videosOnly .nwTitulo {
	position: relative !important;
	top: 1em !important;
	color: #303030 !important;
	font-size: 0.9em;
	top: 0 !important;
	left: 0 !important;
	padding: 1em;
}

/* es.dipucadiz.organigrama */

/* es.dipucadiz.organismo */

/* es.dipucadiz.plenos */

/* es.dipucadiz.pmpp */

/* es.dipucadiz.presentacion */
.presentacion_F{
	overflow: auto;
}

	.presentacion_F .imagenPrincipal {
		width: 25%;
		padding: 1%;
		border: 1px solid #EEE;
		float: left;
		margin-top: 2em;
	}

	.presentacion_F .text {
		margin-left: 29%;
		margin-top: 2em;
	}
	

.Municipio_F {
	margin-top: 5em;
	margin-bottom: 5rem;
	box-shadow: 0px 3px 10px #e3e3e3;
	padding: 3em;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

	.Municipio_F .encabezado {
		overflow: auto;
		margin-bottom: 2rem;
	}
	
	.Municipio_F img {
		float: left;
	}

	.Municipio_F h2 {
		font-size: 2em;
		line-height: 120px;
		margin-left: 8rem;
	}

	.Municipio_F .municipioLeft {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}

	.Municipio_F .municipioRight {
		margin-left: 50%;
		width: 50%;
		box-sizing: border-box;
	}
	
	.Municipio_F .municipioLabel {
		color: #595959;
		text-transform: uppercase;
		font-size: 0.9em;
		margin: 0;
	}
	
	.Municipio_F .municipioTexto {
		margin: 0;
		margin-bottom: 1.5em;
		color: #0c0c0c;
	}
	
		.Municipio_F .municipioRight span {
			float: left;
			margin-right: 0.8em;
			color: #0b5481;
			font-size: 1.2em;
		}

/* es.dipucadiz.programas */

/* es.dipucadiz.qr */

/* es.dipucadiz.senderos */

/* es.dipucadiz.rode */
.form-row {
	width: 100%;
	clear: both;
	float: left;
}

.form-row div {
	width: 25%;
	float: left;
}

.form-row div label {
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 0.5rem;
}

.form-flex {
	width: 100%;
	clear: both;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom: 1rem;
	align-items: end;
}

.form-flex div {
    width: 33.33333%;
    padding: 0 1rem;
    box-sizing: border-box;
}

.form-flex select {
    width: 100%;
    margin: 0;
}

.rodeFilters .field.fieldText {
    width: 47%;
}

.form-row div select {
	width: 90%;
}

#gr_cmb_municipio, 
#gr_cmb_institucionBS,
#gr_cmb_otraIP,
#gr_cmb_serieDiputacion,
#gr_cmb_documentacionGrafica,
#gr_cmb_serieInstitucionBS,
#gr_cmb_serieOtraIP,
#gr_cmb_serieArchivoM,
#gr_cmb_casaCunaJerezDeLaFrontera,
#gr_cmb_casaMatrizDeExpositosCadiz,
#gr_cmb_companiaEspiritualDelAveMaria,
#gr_cmb_diputacionProvincialCadiz,
#gr_cmb_hermandadDeSanJose,
#gr_cmb_hermandadDelDulceNombreDeJesusElPuertoDeSantaMaria,
#gr_cmb_hijuelaDeExpositosElPuertoDeSantaMaria,
#gr_cmb_hijuelaDeExpositosMedinaSidonia,
#gr_cmb_hijuelaDeExpositosSanRoque,
#gr_cmb_hospicioProvincialCadiz,
#gr_cmb_juntaMunicipalDeBeneficenciaCadiz,
#gr_cmb_seriePHOP,
#gr_cmb_juntaMunicipalDeBeneficenciaElPuerto,
#gr_cmb_juntaMunicipalDeBeneficenciaJerez ,
#gr_cmb_juntaProvincialDeBeneficencia,
#gr_cmb_realSociedadEconomicaDeAmigosDelPais,
#gr_cmb_realSociedadDeDamas,
#gr_cmb_hermandadDeNuestraVenerableEsclavitud {
	display: none;
}

.fieldgroup-ext {
    width: 100% !important;
	margin-bottom: 2rem;
}

.fieldgroup-ext .radio-group {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

.fieldgroup-ext .radio-group .radio-item {
    float: none !important;
    width: 22% !important;
    box-sizing: border-box;
    padding: 0;
    margin: 1rem 0;
    position: relative;
}

.fieldgroup-ext .radio-group .radio-item input {
	cursor: pointer;
    appearance: inherit;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 3px solid white;
    background-size: 100%;
    background-repeat: no-repeat;
	border-radius: 1rem;
	transition: all 0.3s cubic-bezier(0.6, 0.1, 0.3, 0.8) 0s;
}

.fieldgroup-ext .radio-group .radio-item > div {
    width: 100%;
}

.fieldgroup-ext .radio-group .radio-item input:checked {
	border: 3px solid #005b90;
}

.fieldgroup-ext .radio-group .radio-item input:checked::after {
    background-color: #005b90;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.5rem;
    opacity: 0.5;
}

.fieldgroup-ext .radio-group .radio-item label {
    margin: 0;
    position: relative;
    bottom: 0;
    padding: 0.5rem;
    font-size: 1.1rem;
}

input#buscarBt {
    cursor: pointer;
}

.results {
    border-top: 1px solid #005b90;
    padding-top: 2rem;
}

.results .Titulo {
    margin-bottom: 2rem;
}

.rodeEntry .img {
    width: 100px;
    text-align: center;
    padding-top: 1.1rem;
    font-size: 2rem;
}

.rodeEntry.noticiaEntry .listData {
    width: calc(100% - 100px);
	padding: 1rem;
	padding-left: 0;
}

.noticiaEntry.rodeEntry .listData h3 {
    font-size: 1.3rem;
}

.noticiaEntry.rodeEntry .listData .text {
    font-size: 1.1rem;
}

/* responsive */

@media screen and (max-width: 1400px) {
	.page, 
	.recursosdestacados_f_wrapper,
	#footer,
	#bottom_footer,
	.Noticia_F .detail-page, 
	.detail-page{
		max-width: 1170px;
	}
	
	#sislideshow .sislide .sislideText {
		width: 1170px;
	}
	
	.menu_f.servicio,
	.lista_l {
		max-width: 1170px;
		margin: 0 auto;
		margin-top: 8.5rem;
		margin-bottom: 5rem;
	}
}

@media screen and (max-width: 1300px) {

	.horizontalMenu, .staticMenu {
		padding: 0 1rem !important;
		box-sizing: border-box;
	}

}

@media screen and (max-width: 1280px) {
	.page, 
	.recursosdestacados_f_wrapper,
	#footer,
	#bottom_footer,
	.Noticia_F .detail-page,
	.detail-page {
		max-width: 960px;
	}
	
	#sislideshow .sislide .sislideText {
		width: 960px;
	}
	
	.menu_f.servicio,
	.lista_l {
		max-width: 960px;
		margin: 0 auto;
		margin-top: 8.5rem;
		margin-bottom: 5rem;
	}
	
	.bottom_footer .menu_f_pie ul li {
		margin: 20px 10px;
	}
	
	.menu_f_pie .redes a {
		padding: 0px;
	}
	
	.videosOnly .noticiaWEntry {
		width: 49.5% !important;
	}
	
	.videosOnly .nwEntradilla {
		font-size: 1.1em !important;
	}
	
	#feedData .fb, #feedData .tw, #feedData .ig{
		width: 48%;
	}
}

@media screen and (max-width: 1024px) {

	/* Primero corregimos el mixin de hide un big para mostrarlo en small */
.hideInBig{
	display: block;
}

.veticalMenu {
	display: none;
}

	/* Pasamos todo el sistema de columnas a modo una columna */
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 { width: 97.91666666666667%; }

	/* Versiones sin padding */
	.col-1-np,
	.col-2-np,
	.col-3-np,
	.col-4-np,
	.col-5-np,
	.col-6-np,
	.col-7-np,
	.col-8-np,
	.col-9-np,
	.col-10-np,
	.col-11-np,
	.col-12-np { width: 100%; padding: 0px; }

	.page, 
	.recursosdestacados_f_wrapper,
	#footer,
	#bottom_footer,
	.evento_W .Titulo,
	.Noticia_F .detail-page,
	.detail-page {
		max-width: 736px;
	}
	
	.menu_f.servicio,
	.lista_l {
		max-width: 736px;
		margin: 0 auto;
		margin-top: 8.5rem;
		margin-bottom: 5rem;
	}
	
	#pr {
		width: 100%;
	}
	
	.menu_f {
		top: -80px;
	}
	
	.menu_f .staticMenu {
		display: none;
	}
	
	p.entradillaDestacado {
		display: none;
	}
	
	.secondRow {
		overflow: auto;
		white-space: nowrap;
		display: flex;
		flex-wrap: nowrap;
	}
	
	.secondRow .sislidebox {
		width: 360px !important;
		float: none;
		white-space: normal;
		max-width: 360px !important;
		position: relative;
		flex: 0 0 auto;
	}
	
	.noticiasW h2 {
    	width: 100%;
	}
	
	span.titleFiller {
		display: none;
	}
	
	a.readMore {
		float: right;
		top: -18px;
		position: relative;
	}
	
	.noticiasWWrapper .r-box-col1:before,
	.noticiasWWrapper .r-box-col2:before{
		padding-top: 28.00546448087432%;
	}
	
	.noticiasWWrapper .col0 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	.noticiasWWrapper .col1 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	.col1 .noticiaWEntry {
		flex: 0 0 100%;
	}
	
	.col1 .noticiaWEntry a .nwTitulo {
		width: calc(66.666666% - 2rem);
		float: right;
		margin: 1rem 1rem;
		text-align: left;
		display: block;
	}
	
	.noticiasWWrapper .noticiaWEntry {
		width: 100%;
	}
	
	.eventoWEntry a {
		height: 144px !important;
	}
	
	.recursosdestacados_f_wrapper .col0 {
		flex: 100% 0;
	}
	
	.recursosdestacados_f_wrapper .col1 {
		flex: 100% 0;
	}
	
	.textoRD {
		width: 100%;
		color: white;
		font-size: 1.14rem;
		margin-top: 3rem;
		margin-bottom: 1em;
	}
	
	.bwItem {
		flex: 0 0 100%;
	}
	
	#footer .col-4, #footer .col-2{
		width: 100%;
	}
	
	.footer h2 {
		text-transform: capitalize;
		margin: 0;
		padding: 24px 0;
		border-bottom: 1px solid #B3B3B3;
	}
	
	.footer .enlaces {
		padding: 16px 0 0;
	}
	
	.menu_f_pie {
		position: relative;
		overflow: hidden;
	}
	
	.menu_f_pie ul li {
		margin: 0 !important;
	}
	
	.menu_f_pie ul li a {
		color: #B3B3B3;
		padding: 8px 0;
		display: block;
	}
	
	.menu_f_pie .enlaces {
		max-height: 0;
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s max-height;
	}
	
	.menu_f_pie.toggled .enlaces {
		max-height: 500px;
	}
	
	.menu_f_pie > i {
		display: block;
		float: right;
		color: white;
		font-size: 1.25rem;
		padding: 24px 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 24px;
		color: #B3B3B3;
	}
	
	.bottom_footer .menu_f_pie .enlaces {
		display: none;
		width: 0;
	}
	
	.menu_f_pie .redes {
		width: 100%;
		float: right;
		text-align: right;
	}
	
	.menu_f_pie .redes a{
		margin: 20px 5px;
	}
	
	.menu_f_pie a i {
		transform: rotate(0deg);
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s all;
	}
	
	.menu_f_pie.toggled a i {
		transform: rotate(45deg);
	}
	
	
	#diputados .diputado.visible {
    	width: 33.3333333%;
	}
	
	#sislideshow .sislide .imagenDestacado {
		width: 100%;
	}
	
	#sislideshow .sislide .sislideText {
		position: absolute;
		background-color: rgba(0, 92, 144,0.3) !important;
		left: 0em;
		top: 0em;
		margin: 0;
		padding: 3em;
		bottom: 0;
		right: 0;
		box-sizing: border-box;
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
		transform: translateX(0);
	}
	
	#sislideshow .sislide .sislideText .titularDestacado {
		padding-top: 0px;
		margin-bottom: 0.5rem;
	}
	
	.c3columns {
		width: calc(100% - 4px);
	}
	
	.Mapa_F .left {
		width: 100%;
	}
	
	.Mapa_F .left .datosMapa {
		margin-left: 6em;
	}
	
	.Mapa_F .right-np {
		width: 100%;
		margin-top: 3em;
	}
	
	.OpenCmsApolloWebform form{
		width: 100%;
	}
	
	.OpenCmsApolloWebform .mt-20{
		width: 100%;
		margin-top: 3em;
	}
	
	.footer {
		padding-bottom: 1.5em;
	}
	
	.footer .plus_icon_footer{
		display: block;
	}
	
	#side_burger {
		display: block;
	}

	#side_burger button {
		display: inline-block;
		vertical-align: middle;
		outline: none;
		cursor: pointer;
		border: 0;
		background: none;
	}
	
	#side_burger button span {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		margin-bottom: 4px;
		margin-right: auto;
		margin-left: auto;
		width: 20px;
		height: 2px;
		background-color: #005c90;
		border-radius: 200px;
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s all;
	}
	
	#side_burger button.toggled span:nth-child(1) {
		transform: rotate(-45deg);
		top: 6px;
	}
	
	#side_burger button.toggled span:nth-child(2) {
		width: 0;
	}
	
	#side_burger button.toggled span:nth-child(3) {
		transform: rotate(45deg);
		top: -6px;
	}
	
	.menu_wrapper .enlaces {
		height: auto;
		position: fixed;
		top: 80px;
		bottom: 0;
		left: 0;
		right: 0;
		background: white;
		overflow-x: hidden;
		overflow-y: auto;
		margin: 0;
		padding: 0 16px;
		transform: translateX(120%);
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s all;
		z-index: 999;
	}
	
	.menu_wrapper .enlaces ul li {
		width: 100%;
		border-bottom: 1px solid #DEDEDE;
		margin: auto !important;
		display: block;
		max-height: max-content;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li a {
		font-weight: normal;
		text-transform: none;
		font-size: 1.28rem;
	}
	
	.menu_wrapper .enlaces .submenu{
		display: none;
	}
	
	.menu_wrapper .enlaces li > .submenu {
		display: block;
		position: fixed !important;
		top: -1px;
		margin: 0;
		background: white;
		z-index: 199;
		overflow-y: scroll;
		height: 100%;
		padding: 0px 1em;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		transform: translateX(120%);
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s all;
	}

	a.breadcrumbs_menu_back {
		font-size: 1rem !important;
	}
	
	a.breadcrumbs_menu_back i {
		margin-right: 1rem;
	}
	
	.breadcrumbs_menu p {
		font-size: 1.85rem;
		margin: 0;
		padding: 0;
		line-height: normal;
		margin-bottom: 2em;
		color: #303030;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li a {
		font-size: 1.28rem;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo i {
		display: none;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo a {
		font-size: 1.28rem;
		vertical-align: middle;
		border-bottom: 1px solid #EDEDED;
		padding: 24px 0;
		width: calc(100% - 29px);
		float: left;
		font-weight: bold;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo .plus_icon{
		float: right;
		width: 29px;
		padding: 24px 0;
		display: block;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo i {
		width: 29px;
		display: block;
		font-size: 1.2em;
		transform: rotate(0deg);
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s all;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo.toggled i {
		transform: rotate(45deg);
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo div {
		border: 0;
		padding: 0;
		height: 0;
		max-height: 0;
		transition: cubic-bezier(0.9, 0, 0.25, 1) .6s max-height;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo.toggled div {
		height: auto;
		max-height: 500px;
		margin: 0em -1em;
		padding: 0 1em;
		background-image: linear-gradient(to bottom, #fafafa, #fff 56%, #fff);
		width: calc(100% + 2em);
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo ul {
		overflow: auto;
		padding: 1em 0;
		background-image: linear-gradient(to bottom, #fafafa, #fff 56%, #fff);
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo ul li {
		border: 0px;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo ul li a {
		font-size: 1rem;
		margin: 0;
		padding: 0;
		border: 0px;
	}
	
	.menu_wrapper .enlaces li.active > .submenu {
		transform: translateX(0%);
	}
	
	.menu_wrapper .enlaces.toggled {
		transform: translateX(0%);
	}
	
	.submenu::after {
		background: none;
	}
	
	.fieldgroup-ext .radio-group .radio-item {
		width: 30% !important;
	}
}

@media screen and (max-width: 768px) {
	/* 
		Modificamos drásticamente el comportamiento de los elementos ultra panorámicos al 
		probablemente no contar con dispositivos con este ratio de aspecto.
	*/
	.r-box-65_23:before{
		padding-top: 42.85714285714286%;
	}

	.page, 
	.recursosdestacados_f_wrapper,
	#footer,
	#bottom_footer, 
	.menu_f.servicio,
	.lista_l,
	.Noticia_F .detail-page,
	.detail-page {
		margin-right: auto;
		margin-left: auto;
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
		padding-right: 16px;
		padding-left: 16px;
		margin-top: 0rem;
		margin-bottom: 3rem;
	}
	
	.menu_f.servicio .serviceMenu {
		margin: 3em auto;
	}
	
	.noticiasWWrapper .col0 .noticiaWEntry, .noticiasWWrapper .col1 .noticiaWEntry, #noticiaWEntry0, #noticiaWEntry1 {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.noticiasWWrapper .col0 {
		flex-wrap: wrap;
	}
	
	.noticiasWWrapper .col1 {
		align-items: flex-start;
		justify-content: center;
	}
	
	.col1 .noticiaWEntry {
		flex: unset;
	}
	
	.col1 .noticiaWEntry a img {
    	width: 100%;
	}
	
	.col1 .noticiaWEntry a .nwEntradilla {
		width: 100%;
		float: left;
		font-size: 1rem;
		font-weight: bold;
		margin: 1rem 0;
	}
	
	.col1 .noticiaWEntry a .nwDate {
		width: 100%;
		float: left;
		margin: 0;
		text-align: left;
	}
	
	.col1 .noticiaWEntry a .nwTitulo {
		width: 100%;
		float: left;
		margin: 1rem 0rem;
		text-align: left;
		display: block;
	}
	
	.evento_W .Titulo {
		margin-left: -16px;
	}
	
	.evento_W .readMore {
		margin-right: -16px;
	}
	
	.Titulo h2 {
		font-size: 1.85rem;
	}
	
	.secondRow {
		margin-top: -12px;
	}
	
	.horizontalMenu {
		/* background: #FAFAFA;*/
	}
	
	.horizontalMenu div#main-logo{
		width: 60%;
	}
	
	.horizontalMenu .menu_box{
		width: 40%;
	}

	/*aqui*/
	
	.breadcrumbs_menu{
		display: block;
	}
	
	.secondRow .sislidebox ul {
		padding: 0px;
	}
	
	.titularDestacado {
		list-style: none;
	}
	
	#eventosWWrapper {
		margin-top: 3em;
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
	}
	
	#eventosWWrapper .eventoWEntry {
		position: relative;
		flex: 0 0 auto;
		width: 427px;
	}
	
	.eventoWEntry .ewDate .dayOfTheWeek, .eventoWEntry .ewDate .dayAndMonth, .listWEntry .lwDate .dayOfTheWeek, .listWEntry .lwDate .dayAndMonth{
		text-align: center;
	}
	
	.eventoWEntry .ewTitulo, .listWEntry .lwTitulo {
		width: 56%;
		font-size: 1.5rem;
		font-weight: bold;
		padding: 0;
		box-sizing: border-box;
		margin-left: 2%;
	}
	
	.eventoWEntry .ewDate, .listWEntry .lwDate {
		width: 16%;
		margin-right: 4%;
		box-sizing: border-box;
		display: block;
		padding-left: 2%;
	}
	
	.eventoWEntry .ewLugar {
		width: 16%;
		margin-right: 6%;
	}
	
	.recursosdestacados_f_wrapper{
		padding: 3rem 0;
	}
	
	.recursosdestacadosTxt {
		width: 100%;
	}
	
	.recursosdestacados_f h2 {
		text-align: center;
	}
	
	.textoRD {
		display: none;
	}
	
	.bw_row1 {
		margin-top: 4em;
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
		overflow-y: hidden;
	}
	
	.bwItem {
		flex: 0 0 auto;
		width: 427px;
	}
	
	#footer .horizontalMenu {
		background: none;
	}
	
	#footer .Banner_F {
		text-align: center;
	}
	
	#footer .pagina_f_nopadding {
		text-align: center;
	}
	
	#diputados .diputado.visible {
    	width: 50%;
	}
	
	.Municipio_F .municipioLeft {
		width: 100%;
	}
	
	.Municipio_F .municipioRight {
		width: 100%;
		margin: 0;
	}
	
	.calendarioWrapper {
		display: flex;
		flex-wrap: wrap;
	}
	
	#sicalendario {
		flex: 100% 0;
		box-sizing: border-box;
		background: #005c90;
	}
	
	.contenidoEventos {
		flex: 100% 0;
		box-sizing: border-box;
		background: #005c90;
		margin-top: 0em;
		position: relative;
		height: 300px;
	}
	
	.pagina_f .doc{
		flex: 50% 0;
	}
	
	.videosOnly .noticiasWWrapper {
		display: block;
	}
	
	.noticiaWEntry a .nwEntradilla{
		font-size: 1.5rem !important;
	}
	
	.detail-page .left {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #d6d6d6;
		padding-right: 0em;
	}
	
	.detail-page .right {
		width: 100%;
		margin-top: 3em;
		padding-bottom: 1em;
	}
	
	.secondRow .sislidebox a {
		background: black;
	}
	
	.noticiaEntry .r-box-1_1:before {
		padding-top: 42.85714285714286%;
	}
	
	.noticiaEntry .img {
		float: left;
		width: 100%;
	}
	
	.noticiaEntry .listData {
		float: left;
		width: 100%;
		padding: 2rem;
		box-sizing: border-box;
	}
	
	.formFilters .field {
		float: left;
		box-sizing: border-box;
		width: 98% !important;
		margin-bottom: 1rem;
	}
	
	.formFilters select {
		margin-bottom: 1rem;
		width: 98%;
	}
	
	#sislideshow .sislide .imagenDestacado img {
	    height: 100%;
    	width: auto;
	}
	
	.specialFooterText {
    	margin: 0 !important;
    	margin-top: 1rem !important;
	}
	
	.gallery-list .overlay-gallery .og_body .og-img .og-img-wrapper div img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}
	
	.fieldgroup-ext .radio-group .radio-item {
		width: 44% !important;
	}
}

@media screen and (max-width: 700px) {
	#sislideshow #dots {
		width: 100%;
	}

	.firstRow .sislideText {
		top: 0%;
	}
	
	.partido p {
		display: none;
	}
	
	.horizontalMenu .menu_wrapper .enlaces ul li.grupo1 ul li{
		width: 100%;
	}
	
	.bigBanner0, .bigBanner2, 
	.bigBanner1, .bigBanner3 {
		margin: 0;
		width: 99.8% !important;
		float: none;
	}
}

@media screen and (max-width: 620px) {
	.top-image {
		background-size: 100%;
	}

	.Municipio_F .encabezado {
		overflow: auto;
		margin-bottom: 2rem;
		text-align: center;
	}
	
	.Municipio_F h2 {
		margin: 0px;
		line-height: 3rem;
	}
	
	.Municipio_F img {
		float: none;
	}
	
	.Municipio_F h3 {
		font-size: 2em;
		line-height: 3rem;
		margin-left: 0;
	}
	
	.noticiaWEntry a .nwEntradilla{
		font-size: 1.6rem !important;
	}
	
	#feedData .fb, #feedData .tw, #feedData .ig{
		width: 98%;
	}
}

@media screen and (max-width: 580px) {
	#sislideshow .sislide .sislideText {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding: 1em;
	}
	
	#sislideshow .sislide .sislideText .titularDestacado {
		font-size: 2rem;
	}
	
	#sislideshow .botonesDestacado {
		width: 100%;
		left: 0%;
	}
	
	.noticiasWWrapper .col0 .noticiaWEntry, .noticiasWWrapper .col1 .noticiaWEntry {
		width: calc(90% - 2em);
	}

	.videosOnly .noticiaWEntry {
		width: 100% !important;
	}
	
	.firstRow .titularDestacado {
		font-size: 2rem;
	}
	
	.social-list {
		position: fixed;
		bottom: auto;
		left: 0;
		top: 6px;
	}
	
	#search_box.open .input-group-btn{
		width: 10%;
	}
	
	#search_box input{
		width: 80%;
	}
	
	.recursoItem {
    	width: 50%;
	}
	
	.noticiaWEntry a .nwEntradilla{
		font-size: 1.2rem !important;
	}
}

@media screen and (max-width: 480px){

	#sislideshow .sislide .sislideText {
		padding: 2em;
	}
	
	#sislideshow .sislide .sislideText .titularDestacado {
		font-size: 1.2rem;
	}
	
	#sislideshow #dots {
		display: none;
	}
	
	a.readMore {
		float: none !important;
		top: 0rem;
	}
	
	.bigBanner0 {
		float: none;
		width: 100% !important;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 5px;
	}

	.bigBanner1 {
		margin-left: 0;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#sislideshow .botonesDestacado {
		bottom: 0%;
	}
	
	.social-list #icons_div {
		height: 70px;
		transition: height ease-in-out 0s 0.4s;
	}
	
	.social-list #icons_div.active {
		height: 280px;
	}
	
	.detail-page {
		overflow: auto;
		max-width: 1280px;
		margin: 0 auto;
		margin-top: 1rem;
	}
	
	.detail-page h2 {
		font-size: 2rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	#diputados .diputado.visible {
		width: 100%;
	}
	
	.diputado.visible.selected {
		width: 85% !important;
	}
	
	.diputado.visible.selected .bio {
    	padding: 1em;
	}
	
	/* Pequeño ajuste a los icono de descarga en las listas con documentación */
	.doc-list .documentos .row .col5 {
		float: left;
		font-size: 1.5em;
		line-height: 40px;
		text-align: center;
		z-index: 30;
		position: absolute;
		left: 10px;
		top: 5px;
	}
	
	.Image_F h4 {
		font-size: 2rem;
		width: 80%;
	}
	
	.fieldgroup-ext .radio-group .radio-item {
		width: 94% !important;
	}
}

@media screen and (max-width: 400px) {

	.noticiaWEntry a .nwEntradilla {
		font-size: 1.5rem !important;
	}
	
	#bottom_footer .col-4,
	#bottom_footer .col-8 {
		width: 100%;
		text-align: center;
	}
	
	.menu_f_pie .redes {
		width: 100%;
		float: none;
		text-align: center;
	}
}