/*
Theme Name: Ayuntamiento de Ribaforada
Author: YOU MEDIA
Author URI: http://www.youmedia.es/
Description: Theme creado por YOU MEDIA para la web del Ayuntamiento de Ribaforada.
Version: 1.0
License: Copyright
Text Domain: ribaforada
*/

/* ============================================
		Indice
============================================ */
/*
	- Fonts
	- Reset
	- Clases comunes
	- Header
	- Home
	- Footer
*/


/* ============================================
		Fonts
============================================ */
@font-face {
  font-family: 'GothamLightRegular';
  src: url('gothamlight-webfont.eot');
  src: local('?'), url('../fonts/gothamlight-webfont.woff') format('woff'), url('../fonts/gothamlight-webfont.ttf') format('truetype'), url('../images/gothamlight-webfont.svg#webfontLSJlD2Rt') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamMediumRegular';
  src: url('../fonts/gothammedium-webfont.eot');
  src: local('?'), url('../fonts/gothammedium-webfont.woff') format('woff'), url('../fonts/gothammedium-webfont.ttf') format('truetype'), url('../images/gothammedium-webfont.svg#webfontr3u2Htxd') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBoldRegular';
  src: url('../fonts/gothambold-webfont.eot');
  src: local('?'), url('../fonts/gothambold-webfont.woff') format('woff'), url('../fonts/gothambold-webfont.ttf') format('truetype'), url('../images/gothambold-webfont.svg#webfontU4nlgP0S') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBookRegular';
  src: url('../fonts/gothambook-webfont.eot');
  src: local('?'), url('../fonts/gothambook-webfont.woff') format('woff'), url('../fonts/gothambook-webfont.ttf') format('truetype'), url('../images/gothambook-webfont.svg#webfontl9YKjpFJ') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBlackRegular';
  src: url('../fonts/gothamblack-webfont.eot');
  src: local('?'), url('../fonts/gothamblack-webfont.woff') format('woff'), url('../fonts/gothamblack-webfont.ttf') format('truetype'), url('../images/gothamblack-webfont.svg#webfontjxRvlhGg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamThinRegular';
  src: url('../fonts/gothamthin-webfont.eot');
  src: local('?'), url('../fonts/gothamthin-webfont.woff') format('woff'), url('../fonts/gothamthin-webfont.ttf') format('truetype'), url('../images/gothamthin-webfont.svg#webfontNjaVXj34') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamCondensed';
  src: url('../fonts/gothamcondensed-medium.eot');
  src: local('?'), url('../fonts/gothamcondensed-medium.woff') format('woff'), url('../fonts/gothamcondensed-medium.ttf') format('truetype'), url('../images/gothamcondensed-medium.svg#webfontNjaVXj34') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'Bushmarket';
    src: url('bushmarket-webfont.eot');
    src: local('?'), url('../fonts/bushmarket-webfont.woff') format('woff'), url('../fonts/bushmarket-webfont.ttf') format('truetype'), url('../images/bushmarket-webfont.svg#webfontNjaVXj34') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ============================================
		Reset
============================================ */
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html, body, .container{
	height: 100%;
	overflow-x: hidden;
	font-family: GothamMediumRegular; font-size: 16px;/*padding-bottom:45px;*/
}
strong{font-family: 'GothamBookRegular';}

td, th{font-family: 'GothamLightRegular';}

a{
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}

.contenedor h5{font-size: 1.1em;}
.economia a{color:#000000;font-family:'GothamBookRegular';text-decoration: none;}
.economia a:hover{color:#f00!important;}

.tilde {display: inline-block; margin-right: -.2em;}
.atilde {}
.etilde {margin-right: -.35em;}
.itilde {margin-right: -.12em;}
.otilde {}
.utilde {}
.ntilde {}

footer{font-size: 12px;}


/* ============================================
		Clases comunes
============================================ */
.material-icons.md-36 {
	font-size: 60px;
}
.translate3dX100{
	transform: translate3d(100%, 0, 0);
}
.translate3dY100{
	transform: translate3d(0, 100%, 0);
}
.padding50100{
	padding:0;
}

/* ============================================
		Header
============================================ */
header{
	height: 100%; position: relative; display: block;

}
	header .imagenesSlider{
		height: 100%; max-height: 100%;
		position: relative;
		overflow: hidden;
	}

		header .imagenesSlider .flexslider{ border: none; position: relative; display: block; bottom: 0; left: 0; width: 100%; height: 100%; max-height: 100%;
			background-color: transparent; margin: 0; }

			.flex-direction-nav a::before{ color: #fff !important; }


			/*header .imagenesSlider .flexslider img{ height: 100% !important; width: auto !important; max-height: 100% !important; }*/
			header .imagenesSlider .flex-viewport{ z-index: -999; height: 100%}
			header .imagenesSlider .flexslider .slides { height: 100%}
			header .imagenesSlider .flexslider li {height: 100%; max-height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}

			.flex-direction-nav .flex-prev{ margin-left: 50px!important; left: 0!important; }
			.flex-direction-nav .flex-next{ margin-right: 50px!important; right: 0!important; }
			.flex-direction-nav a{ opacity: 1 !important; }

		header .imagenesSlider .textoSlider{
			position: absolute; background: rgba(0, 0, 0, 0.2);
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			color: white;
			text-align: center;
			z-index: 2;
			display: flex;
			justify-content: center;
    		align-items: center;
		}
			header .imagenesSlider .textoSlider div h1{
    			letter-spacing: 55px;
    			font-size: 3em;
			}
			header .imagenesSlider .textoSlider div p:first-of-type{
				letter-spacing: 22px;
				font-size: 1.2em;
				margin-bottom: 0.5em;
			}
			header .imagenesSlider .textoSlider div p:last-of-type{
				font-family: Bushmarket;
				font-size: 9em;
				margin-top: -0.1em;
			}
		header .imagenesSlider .imagenSlider{
			height: 100%;
			background-size: cover;
			background-position: center center;
			/* background-attachment: fixed;*/
		}
		header .imagenesSlider .flexslider /*, header .imagenesSlider .flex-viewport, header .imagenesSlider ul, header .imagenesSlider li*/{
			height: 100%;
		}
		/*header .imagenesSlider li{
			margin-top: -1.1em;
		}*/
		header .imagenesSlider li img{
			width: 100%;
		}
	header .botonMenuResponsive{
		position: fixed;
		top: 2em;
		left: 0;
		right: 0;
		z-index: 200;
	}

	header .botonMenuResponsive i{ color: rgba(255, 255, 255,0.6); }
	header .botonMenuResponsive i:hover{ color: #fff; }
	body.page-template-Ayuntamiento header .botonMenuResponsive i{ color: #999; }
	body.page-template-Ayuntamiento header .botonMenuResponsive i:hover{ color: #000; }

	body.page-id-77 header .botonMenuResponsive i{ color: #999; }
	body.page-id-77 header .botonMenuResponsive i:hover{ color: #000; }
	body.page-id-79 header .botonMenuResponsive i{ color: #999; }
	body.page-id-79 header .botonMenuResponsive i:hover{ color: #000; }

body.page-template-contacto header .botonMenuResponsive i{ background: rgba(0, 0, 0, 0.2); }

		header .botonMenuResponsive span{
			float: right;
			margin-right: 1em;
			color: white;
			cursor: pointer;
		}

		body.page-template-economia header .botonMenuResponsive span{ margin-right: 2em; }

		body.page-template-Ayuntamiento header .botonMenuResponsive span{ color: #9f9f9f }

	header .menuResponsive{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10000;
	}
		header .menuResponsive nav{
			background: rgba(255, 0, 0, 0.9);
			height: 100%;
			width: 40%;
			float: right;
		}

		
			header .menuResponsive nav span.close{
				color: white;
				margin-right: 1.5em;
				margin-top: 1.5em;
				display: block;
				float: right;
			}
				header .menuResponsive nav span.close i{
					cursor: pointer; color: #fff;
				}

				header .menuResponsive nav span.close i:hover{ color: #000; }

			header .menuResponsive .menu-menu-principal-container{
				padding:10em 0 0 4em;
				height:auto;
			}
			header .menuResponsive nav ul{

			}
				header .menuResponsive nav ul li{
					list-style-type: none;
					margin: .6em 0;
					font-size:95%;

				}
					header .menuResponsive nav ul li a{
						text-decoration: none;
						color: white;
						text-transform: uppercase;
						font-size: 1.5em;
						letter-spacing: 5px; color: #fff;
					}
					header .menuResponsive nav ul li a:hover{ color: #000; }
					header .menuResponsive nav ul li.current_page_item a{ color: #000; }

		header .logoHome{ position: absolute; bottom: 0; left: 0; width: 100%; height: 240px; z-index: 190;
		}
				header .logoHome div.logoDescripcion{ width: 33%; float: left; text-align: left; padding-left: 40px; margin-top: 32px;}

						header .logoHome div.logoDescripcion img{ max-height: 150px; width: auto; position: relative; display: block; height: auto; }

						header .logoHome div.logoDescripcion h3{ color: #fff; text-transform: uppercase; font-size: 14px; margin-top: 0px; }

				header .logoHome .redesSociales{text-align: right; position: absolute;right: 5em;bottom: 3em;}

						header .logoHome .redesSociales ul{}

				header .bajarScroll{ width: 33%; float: left; text-align: center; padding-top: 140px;
				}
						header .bajarScroll a{ color: rgba(255, 255, 255, 0.6); font-size: 48px; font-weight: bold; text-decoration: none; margin: 0 auto; width: 48px; height: 48px;
						}
						header .bajarScroll a:hover{ color: #fff; }

.link-actualidad {font-family:Bushmarket;color:#fff;font-size:40px;position:absolute;right:7em;bottom:.2em;z-index:5;}
.link-actualidad a{color:#fff;text-decoration: none;}
.link-actualidad a:hover{color:red;}

footer{}
footer{ background: #f00; text-align: center; padding: 20px 0 0 20px; min-height: 70px;}
footer h5{text-transform: uppercase; margin-bottom: 5px;}
footer .ayunta{ width:50%; float: left; text-align:left;margin-bottom: .5em;}
footer .ayunta p{margin-bottom: 0;}
footer .enlacesInformacion{ width: 50%; float: left; text-align:left; }
footer .enlacesInformacion ul{ margin: 0; padding: 0; }
footer .enlacesInformacion ul li{ list-style: none; display: inline; padding-right: 10px;text-transform: uppercase;border-right: 1px solid #000;padding-right: .5em;margin-right: .4em;}
footer .enlacesInformacion ul li:last-child,
footer .menu-footer-right ul li:last-child{border-right: none;}
footer .enlacesInformacion ul li a{ color: #000; text-decoration: none; }
footer .enlacesInformacion ul li a:hover{ color: #fff; }

.menu-footer-right{width:50%;position: relative;float:right;text-align:left;padding-right: 20px;}
.menu-footer-right ul{position: relative;list-style: none;text-align: right;}
.menu-footer-right ul li{display: inline;text-transform: uppercase;border-right: 1px solid #000;padding-right: 0.5em;margin-right: 0.4em;}
.menu-footer-right ul li a{color: #000;text-decoration: none;}
.menu-footer-right ul li a:hover{color: rgba(255, 255, 255, 0.7)}

	@media (max-width: 800px) {
		header .imagenesSlider .textoSlider div p:last-of-type{margin-top:.1em;}
		footer .ayunta{ width: 100%; float: none; clear: both; text-align: center; }
		footer .enlacesInformacion{ width: 100%; float: none; clear: both; text-align: center; }
		footer .enlacesInformacion ul li{ padding: 0 5px; }
		footer .numeroWhastapp{ text-align: left !important; padding-left: 10px; }
		header .menuResponsive nav span.close i{ font-size: 2em !important; }
		.flex-direction-nav .flex-prev{ margin-left: 15px!important; left: 0!important; }
		.flex-direction-nav .flex-next{ margin-right: 15px!important; right: 0!important; }
	}

p{margin-bottom:.8em;line-height: 1.3em;}

/* MENÚ */
header .menuResponsive nav.nav-social{background: none!important;width: 100%!important;}
.redesSociales{width:AUTO;position:relative;padding-left: 4em;margin-top: 2em;}
.redesSociales ul{list-style: none;}
.redesSociales ul li{display: inline; position: relative;float: left;width: 35px;margin-right: 5px!important;}
.redesSociales ul li span.none{display: none;}
.redesSociales ul li a:hover{filter: brightness(0);}

/* ============================================
		Home
============================================ */
body.home #contenido{ background: #fff; }
section.home{background: #fff; }
	section.home .content{ /*background-color: #fff; */z-index: 120;position: relative;float:left;

	}
	section.home .content div.contenedor{
		width: 58%; float: left;
	}
	section.home .content div.sidebarHome{
		width: 40%; float: right; padding: 100px;
	}


		section.home .content div.sidebarHome .widget{
			margin-bottom: 60px;
		}
			section.home .content div.sidebarHome .widget h2.widget-title{ text-transform: uppercase; font-size: 24px; font-weight: bold;
				letter-spacing: 3px; margin-bottom: 20px; }

			section.home .content div.sidebarHome .widget .textwidget{ font-family: 'GothamLightRegular'; line-height: 140%;}

				section.home .content div.sidebarHome .widget .textwidget ul{ list-style: none; margin: 0; padding: 0; }
				section.home .content div.sidebarHome .widget .textwidget ul li{line-height: 1.4em;}
				section.home .content div.sidebarHome .widget .textwidget ul li a{ color: #f00; text-transform: uppercase; font-family: 'GothamBoldRegular'; text-decoration: none;
				 font-size: 1.2em; }
				section.home .content div.sidebarHome .widget .textwidget ul li a:hover{color:#000;}

		section.home .content div.sidebarHome #text-4.widget{ margin-bottom: 0; }

			section.home .content div.sidebarHome #text-4.widget img{ max-width: 200px; height: auto; }


		section.home .content .imagenUnica{
		 width: 100%; position: relative; top: 0; left: 0; background-image: url(../images/fondoUnica.jpg);
		background-size: cover; background-position: top center; z-index: 1; background-attachment: fixed; overflow: hidden;
		}
		section.home .content .imagenUnica .imagenFondo{

		}
		section.home .content .imagenUnica img{
			width: 100%;
			height: auto;
			float: left;
			z-index: 2; bottom: 0;  margin-top: -160px;
		}

		section.home .content .alcalde{ width: 100%;text-align: center;position: absolute;bottom:0;left:0; }
		section.home .content .alcalde a{color:#000;}
		section.home .content .alcalde .content{ width: 980px; margin: 0 auto; }
		section.home .content .alcalde .content img{ width: 450px; float: left; height: auto; }
		section.home .content .alcalde .content .datosAlcalde{ float: left; text-align: left; padding-top: 150px; }
		section.home .content .alcalde .content .datosAlcalde p:first-child{ font-size: 40px; font-weight: bold; margin-bottom: 10px; }
		section.home .content .alcalde .content .datosAlcalde p:nth-child(2){  font-weight: bold; text-transform: uppercase; }
		section.home .content .alcalde .content .datosAlcalde p:last-child{ font-weight: 200; font-family: 'GothamLightRegular';  }

		section.home .content .imagenUnica .imagenletras img{ width: 100%; position: absolute; bottom: 0; }

		section.home .content .sidebarHome h2.widget-title{
			letter-spacing: 1;
		}

	section.home .footer{ clear: both; width: 100%; background-size: cover;
	}
	section.home .gente{width: 100%;}
	section.home .gente img{width: 100%;display: block;}

		section.home .footer h2{ font-size: 140px; color: #fff; padding: 120px 0; margin: 0;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: auto; }

	@media (max-width: 1300px) {
		section.home .content div.sidebarHome{
		 padding: 100px 40px;
	}
	section.home .content .alcalde .content{ width: 90%; margin: 0 auto; }
	section.home .content .alcalde .content img{ width: 250px; float: left; height: auto; }
	section.home .content .alcalde .content .datosAlcalde p:first-child{ font-size: 30px;  }
	}

	@media (max-width: 1024px) {
		section.home .content div.contenedor{width: 100%; float: none; clear: both;}
		section.home .content div.sidebarHome{width: 90%; float: none; clear: both; margin: 40px auto;  padding: 0; padding-top: 60px;}
		section.home .content .alcalde .content{ width:100%; margin:30px auto 0 auto; }

		section.home .footer h2{ padding: 80px 0; line-height: 100%; font-size: 100px; }
		.link-actualidad{bottom:0;}

		/*AYUNTAMIENTO*/
		div.imagenFondo{position: absolute;}


	}

	@media (max-width: 990px) {
		header .menuResponsive nav{width: 80%;}
		header .menuResponsive nav ul li{font-size: 120%;}
		section.home .footer h2{ font-size: 80px; }
		section.home .content div.sidebarHome{ padding-top: 30px; }
		section.home .content .alcalde .content img{ width:300px;  }
		section.home .content .alcalde .content .datosAlcalde{ float: left; text-align: left; padding-top: 30px; }
		section.home .content .alcalde .content .datosAlcalde p:first-child{ font-size: 36px; font-weight: bold; margin-bottom: 10px; }
		header .imagenesSlider .textoSlider div p:first-of-type{ letter-spacing: 10px }
		header .imagenesSlider .textoSlider div h1{
    			letter-spacing: 10px;
    			font-size: 1.5em;
			}
		header .bajarScroll{ width: 20;}
		header .logoHome div.logoDescripcion{ padding-left: 10px; width: 40%;margin-top:0;}
		header .logoHome div.logoDescripcion img{  }
		header .logoHome .redesSociales{ padding-top: 80px; width: 44%; }
		header .bajarScroll{ padding-top: 80px; width: 20%; text-align: center;display:none; }
		header .logoHome{ height: 150px; }
		header .menuResponsive nav ul li a{ font-size: 1em; }
		header .menuResponsive .menu-menu-principal-container{}
		section.home .content .imagenUnica{width: 100%;position: relative;top: 0;left: 0;background-image: url(../images/fondoUnica.jpg);
			background-size: cover;
			background-position: top center;
			z-index: 1;
			background-attachment: fixed;
		}
		section.home .content .alcalde{width: 100%;}
	}

	@media (max-width: 600px) {
		section.home .footer h2{ font-size: 40px !important; }
		section.home .content .imagenUnica img{z-index:10;margin-top:-165px;}
		header .logoHome .redesSociales{padding-right:15px;DISPLAY: NONE;}

		/* MENU */
		header .menuResponsive nav{width: 100%;}
	}


	@media (max-width: 600px) {
		header .imagenesSlider .textoSlider div p:last-of-type{margin-top:.3em;}

		section.home .content .alcalde .content img{ width:100%; float: none; clear: both; margin: 20px auto 0 auto;  }
		section.home .content .alcalde .content .datosAlcalde{ float: none; clear: both; text-align: center; padding-top: 0px;padding-left:22px; }
		section.home .content .alcalde .content .datosAlcalde p:first-child{ font-size: 20px; font-weight: bold; margin-bottom: 10px; }
		header .logoHome div.logoDescripcion h3{ display: none; overflow: hidden; }
		header .logoHome div.logoDescripcion{ padding-left: 0; }
		.link-actualidad{bottom:1em;right:.5em;}
		header .botonMenuResponsive{top:0;}
		.menu-footer-right{display: none;}
	}

	@media (max-width: 600px) {

		header .logoHome div.logoDescripcion img{max-width: 100px;}
	}

		@media (max-width: 480px) {
			header .menuResponsive .menu-menu-principal-container{padding-top: 4em;padding-left: 2em;}
			header .menuResponsive nav ul li a{font-size: .85em;letter-spacing: 3px;}
			.menuResponsive .redesSociales{padding-left: 2em;float: left;}

		}


	/* ============================================
		PÁGINAS GENERALES
============================================ */

div.imagenFondo{ height: 100%; width: 100%; background-attachment: fixed; background-size: cover; }

	div.imagenFondo .logoDescripcion{ padding: 20px 0 0 20px; position: absolute; top: 0; left: 0; z-index: 9999; width: 200px; }
	div.imagenFondo .logoDescripcion img{ max-width: 150px; height: auto; }
	div.imagenFondo .redesSociales{ position: absolute; bottom: 15px; right: 15px; z-index: 999; }
	body.page-template-Ayuntamiento div.imagenFondo .redesSociales a{ color: #fff !important; background: #000 !important; }
	body.page-template-Ayuntamiento div.imagenFondo .redesSociales a:hover{ color: #000 !important; background: #fff !important; }
	.page-template-Ayuntamiento div.imagenFondo .textoPagina{ width: 500px; position: absolute; bottom: 100px; right: 150px; }
	.page-template-Ayuntamiento div.imagenFondo .textoPagina h3{ text-transform: uppercase; font-size: 24px; font-weight: bold;	letter-spacing: 3px; margin-bottom: 20px;}
	.page-template-Ayuntamiento div.imagenFondo .textoPagina p{ text-align: justify;  font-family: 'GothamLightRegular'; margin-bottom: 20px; }
	.page-template-Ayuntamiento div.imagenFondo .textoPagina .alcalde p:first-of-type{font-family: 'GothamBoldRegular';}

footer{ clear: both; }






	/* ============================================
		PÁGINA AYUNTAMIENTO
============================================ */

body.page-template-Ayuntamiento main#contenido{ }
	body.page-template-Ayuntamiento main#contenido .ayuntamiento{}
		body.page-template-Ayuntamiento main#contenido .ayuntamiento .nombrePagina{ position: relative; }
			body.page-template-Ayuntamiento main#contenido .ayuntamiento .nombrePagina h2{font-size: 160px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: auto; position: absolute; top: -10px; left: 0; width: 100%; z-index: 555;}

	body.page-template-Ayuntamiento main#contenido .corporacion{ background:#ff0000; padding-top: 225px; position: relative; overflow: hidden;}
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal{ width: 33%; float: left; border-bottom: #000 solid 4px;
		position: relative; height: 500px; text-align: center; cursor: pointer;}



		body.page-template-Ayuntamiento main#contenido .corporacion .concejal .imagenConcejal{ background-repeat: no-repeat; height: 100%;
			width: 100%;background-size: cover;background-blend-mode: multiply !important;  background-color: #ff0000; }
			body.page-template-Ayuntamiento main#contenido .corporacion .concejal:hover .imagenConcejal{ background-color: transparent; background-blend-mode: inherit;  }
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal{ background-size: contain; }
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal p{ display: none; overflow: hidden; }
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal:hover p{ display: block; overflow: auto; position: absolute; width: 100%; height: 25px;
		text-align: center; bottom: 0; left: 0; background: #000; color: #fff; text-transform: uppercase; padding: 5px 0; overflow-y: hidden; z-index: 4 }
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal:hover .roja{ display: none; overflow: hidden;}

		@media screen and (min-width:0\0)  {
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal .imagenConcejal{ opacity: 0.5; }
		body.page-template-Ayuntamiento main#contenido .corporacion .concejal:hover .imagenConcejal{ opacity: 1; }}



		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal{ width: 100%; height: 100%; background: #fff; position: fixed; left: 0; top: 0;}
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal{ z-index: 10000; }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .fotoCondejal{ position: relative; width: 50%; height: 100%; background-size: cover;
			float: left; z-index: 2; background-repeat: no-repeat; }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal span#btnClose{ position: absolute; top: 20px; right: 20px; width: 68px; height: auto;
			z-index: 100; font-size: 68px;font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center;  }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal span#btnClose:hover{ color: #f30000 }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos{ float: left; position: relative; padding-top: 200px; z-index: 4; width: 40%;padding-left:5%; }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos h3{ font-size: 48px; }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos h4{ text-transform: uppercase; margin-bottom: 5px; }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos p{ margin-bottom: 15px;  font-family: 'GothamLightRegular'; }
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos p a{color:#000;text-decoration: underline;}
		div.alcalde{ width: auto; }
		div.alcalde p{ width: auto; text-align: left !important; }
		div.alcalde p:first-child{ font-size: 27px !important; font-family: 'GothamBoldRegular'; margin-bottom: 5px !important; }
		div.alcalde p:nth-child(2){  font-weight: bold; text-transform: uppercase; font-size: 0.8em; margin-bottom: 5px; }
		div.alcalde p:last-child{ font-weight: 200; font-family: 'GothamLightRegular'; font-size: 0.8em;  }

		body.page-template-Ayuntamiento div.whatsapp{ width: 120px; position: absolute; bottom: 40px; right: 0;}
		body.page-template-Ayuntamiento div.whatsapp img{ width: 100%; height: auto; }

		@media (min-width: 1500px) {

			section.home .content .alcalde{position: relative;}
		}

		@media (max-width: 1600px) {
			body.page-template-Ayuntamiento div.imagenFondo .textoPagina{ width: 40%; right: 80px; bottom: 60px; }

			}

			@media (max-width: 1400px) {
			body.page-template-Ayuntamiento div.imagenFondo .textoPagina{ width: 30%; right: 50px; bottom: 60px; }
			body.page-template-Ayuntamiento div.whatsapp{ width: 120px; position: relative; bottom: auto; right: auto; margin-bottom: 20px;}

			}

		@media (max-width: 1200px) {
			body.page-template-Ayuntamiento div.imagenFondo .textoPagina{ width: 40%;  padding: 30px; background: rgba(255, 255, 255, 0.6); right: 40px;}
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .fotoCondejal{  width: 50%;}
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos{ width: 50%;padding-right:2em; }



			}

		@media (max-width: 1024px) {
			body.page-template-Ayuntamiento div.imagenFondo .textoPagina{ width: 90%; float: none; margin: 0 auto; padding: 30px; background: rgba(255, 255, 255, 0.6); margin-top: 400px;
				position: relative; bottom: auto; right: auto;}
			body.page-template-Ayuntamiento main#contenido .ayuntamiento .nombrePagina h2{font-size: 120px; top: -50px;}
			body.page-template-Ayuntamiento main#contenido .corporacion{ padding-top: 100px; }
			body.page-template-Ayuntamiento main#contenido .corporacion .concejal{ width: 50%; height: 400px; }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .fotoCondejal{ position: absolute; top: 0; left: 0; width: 100%; float: none; height: 100%; }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos{ float: none;
				position: absolute; bottom: 0; left: 0x; background: rgba(255, 255, 255, 0.5); width: 100%; margin: 0 auto; padding: 30px; }


		}

		@media (max-width: 800px) {
			header .menuResponsive nav span.close{margin-left:1em;}
			.logoDescripcion,
			body.page-template-portalTransparencia .logoDescripcion{ padding: 10px 0 0 0px;}
			body.page-template-portalTransparencia .logoDescripcion
			.logoDescripcion img{ max-width: 90px !important;  }
			body.page-template-Ayuntamiento main#contenido .ayuntamiento .nombrePagina h2{font-size: 90px; top: -40px;}
			body.page-template-Ayuntamiento main#contenido .corporacion{ padding-top: 70px; }
			body.page-template-Ayuntamiento main#contenido .corporacion .concejal{ width: 50%; height: 300px; }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos{ padding: 20px 5px;width: 90%;margin: 0 5%; }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal span#btnClose{ font-size: 56px; top: 0; right: 0; }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos h3{ font-size:22px; }
			body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos p{ margin-bottom: 10px; }
			div.alcalde p:first-child{ font-size: 21px !important;}
			div.alcalde p:nth-child(2){  font-size: 12px !important;  }
		div.alcalde p:last-child{ font-size: 12px;  }
		div.imagenFondo .logoDescripcion img{ max-width: 100px; }

		body.page-template-Ayuntamiento div.whatsapp{ margin: 5px 0; }
		div.imagenFondo{position: relative;}
		.page-template-Ayuntamiento div.imagenFondo{background-attachment: inherit;background-size: 100%;background-repeat: no-repeat;background-position: 0 0;}
		body.page-template-Ayuntamiento div.imagenFondo .textoPagina{margin-top:0;width: 95%;padding:20px 10px;padding-top:18em;background: none;overflow-y:auto;}
		body.page-template-Ayuntamiento div.imagenFondo .redesSociales{display:none;}
		body.page-template-Ayuntamiento main#contenido{position: relative;}
		body.page-template-Ayuntamiento main#contenido .ayuntamiento{margin-top:0;}
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos{top:11em;background: none;padding-top:22em;font-size:85%;}
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos h3{}
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .fotoCondejal{height: 60%;}
		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal{overflow-y:auto; }
		header .menuResponsive nav{background: rgba(255,0,0,1);}
		.page-template-Ayuntamiento .container{height: auto!important;}
		section.ribaforada article .contenedor div{padding:15px 30px;}
		.page-template-Ayuntamiento .datos h2{font-size: 17px!important;}



		}

@media (max-width: 690px) {
			div.imagenFondo .logoDescripcion,
			body.page-template-portalTransparencia .logoDescripcion{ padding: 10px 0 0 0;}
			
			body.page-template-Ayuntamiento div.imagenFondo .textoPagina h3{ font-size: 16px; margin-bottom: 10px; }
			body.page-template-Ayuntamiento div.imagenFondo .textoPagina p{ font-size: 0.8em; margin: 0; }
			body.page-template-Ayuntamiento main#contenido .ayuntamiento .nombrePagina h2{font-size: 60px; top:10px;}
			body.page-template-Ayuntamiento main#contenido .corporacion{ padding-top: 100px; }
			body.page-template-Ayuntamiento main#contenido .corporacion .concejal{ width: 50%; height: 200px;  }

		}

@media (max-width: 375px) {

		body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .datos{top:9em;background: none;padding-top:22em;font-size:85%;}
	}


	/* ============================================
		PÁGINA PORTAL DE TRANSPARENCIA
============================================ */

body.page-template-portalTransparencia{}
body.page-template-portalTransparencia header{ height: auto; position: inherit;}
body.page-template-portalTransparencia .logoDescripcion{ padding: 20px 0 0 20px; }
body.page-template-portalTransparencia .logoDescripcion img{ max-width: 150px; height: auto; }
body.page-template-portalTransparencia div.imagenFondo{ position: absolute; z-index:-1; top: 0; left: 0; width: 100%; height: 100%; }
body.page-template-portalTransparencia main#contenido{width: 100%; text-align: center; padding-bottom: 60px;height:90%; }
body.page-template-portalTransparencia main#contenido .textoPagina{text-align: left;}
body.page-template-portalTransparencia main#contenido .textoPagina p a{color:#fff;text-decoration: underline;}
body.page-template-portalTransparencia footer{ position: relative;/*position: fixed;*/ bottom: 0; width: 100%; text-align: center; background: transparent; z-index: 333; color: #fff;padding-bottom: 20px;}
body.page-template-portalTransparencia footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-portalTransparencia footer .enlacesInformacion ul li a,
body.page-template-portalTransparencia footer .menu-footer-right ul li a{ color: #fff;}
body.page-template-portalTransparencia footer .menu-footer-right ul li a:hover{color:rgba(255, 255, 255, 0.7);}
body.page-template-portalTransparencia footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 30px; }
body.page-template-portalTransparencia footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-portalTransparencia footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-portalTransparencia section h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: auto;}
body.page-template-portalTransparencia section .textoPagina{ max-width: 1000px; color: #fff; margin: 0 auto; font-family: 'GothamLightRegular'; }
body.page-template-portalTransparencia section .enlaces{ padding:60px 0 20px 0; max-width: 1300px; margin: 0 auto; }
body.page-template-portalTransparencia section .enlaces article{ width: 25%; float: left; text-align: center; }
body.page-template-portalTransparencia section .enlaces article .imagen{ width: 100%; height: auto; margin-bottom: 20px; text-align: center; }
body.page-template-portalTransparencia section .enlaces article .imagen img,
body.page-template-portalTransparencia section .enlaces article .imagen input[type=image] { width: 100%; height: auto; max-width: 200px; margin: 0 auto; opacity: 0.5;
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
}
body.page-template-portalTransparencia section .enlaces article a:hover .imagen img,
body.page-template-portalTransparencia section .enlaces article:hover .imagen input[type=image]{ opacity: 1; }
body.page-template-portalTransparencia section .enlaces article a{ text-decoration: none; }
body.page-template-portalTransparencia section .enlaces article .texto { color: rgba(255, 255, 255,0.6); text-transform: uppercase;
	letter-spacing: 3px; text-decoration: none; font-family: 'GothamBoldRegular';  
	-webkit-transition: color .4s linear;
	transition: color .4s linear;
}
body.page-template-portalTransparencia section .enlaces article a:hover .texto,
body.page-template-portalTransparencia section .enlaces article:hover .texto {color: #fff; }



@media (max-width: 1200px) {
body.page-template-portalTransparencia section h2{ font-size: 160px; }
body.page-template-portalTransparencia section .textoPagina{ max-width: 900px; }
body.page-template-portalTransparencia section .enlaces{ padding:50px 0 20px 0; max-width: 1000px; }
body.page-template-portalTransparencia section .enlaces article .imagen img{ max-width: 160px; }
}

@media (max-width: 1000px) {
body.page-template-portalTransparencia section h2{ font-size: 130px; line-height: 100%; }
body.page-template-portalTransparencia section .textoPagina{ max-width: 900px; width: 90%; }
body.page-template-portalTransparencia section .enlaces{ padding:50px 0 20px 0; max-width: 1000px; width: 90%; }
body.page-template-portalTransparencia section .enlaces article .imagen img{ max-width: 130px; }
}

@media (max-width: 900px) {
section.home .content .alcalde{position: relative;bottom:inherit;left:inherit;}
}

@media (max-width: 800px) {
body.page-template-portalTransparencia .logoDescripcion img{ max-width: 100px; height: auto; }
body.page-template-portalTransparencia section h2{ font-size: 100px; line-height: 100%; }
body.page-template-portalTransparencia section .textoPagina{ max-width: 900px; width: 90%; margin: 30px auto; text-align: center !important; }
body.page-template-portalTransparencia section .enlaces{ padding:10px 0 20px 0; max-width: 600px; width: 90%; }
body.page-template-portalTransparencia section .enlaces article{ width: 100%; float: none; clear: both; margin-bottom: 20px; }
body.page-template-portalTransparencia section .enlaces article .imagen img{ max-width: 100px; }

body.page-template-portalTransparencia footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-portalTransparencia footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-portalTransparencia footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-portalTransparencia footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }
body.page-template-portalTransparencia main#contenido{ padding-bottom: 0; }
}

@media (max-width: 690px) {
	body.page-template-portalTransparencia section h2{ font-size: 80px; }
	body.page-template-portalTransparencia section .enlaces article .imagen img{ max-width: 70px; }
	body.page-template-portalTransparencia section .enlaces{  max-width: 300px; }
	body.page-template-portalTransparencia section .enlaces article .texto a{ font-size: 12px; }
	body.page-template-portalTransparencia div.imagenFondo{background-size: 425%;background-position:100% 0;}
	body.page-template-portalTransparencia main#contenido{height: auto;}
}




	/* ============================================
		PÁGINA GALERIA  
============================================ */

.modula .filters a:after{content:'|';color:#000;}

.page-template-page-galeria{background: #fff;min-height: 100%;height: auto;}

body.page-template-page-galeria .titlePagina h2{
	font-size: 180px;
    color: #fff;
    padding: 0;
    margin: 0 auto;
    font-family: Bushmarket;
    text-align: center;
    width: 100%;
    font-weight: normal;
    line-height: 100%;
    background:url(../images/bg-galeria.jpg) 0 0 no-repeat;background-size: 100%;
    padding:.2em 0;
}


body.page-template-page-galeria footer{
	position:relative;
	bottom: 0;
    width: 100%;
    text-align: center;
    background: #3a0000;
    z-index: 333;
    color: #fff;
}

body.page-template-page-galeria footer .numeroWhastapp{position: absolute;bottom: 10px;width: 120px;left: 30px;}

body.page-template-page-galeria footer .numeroWhastapp img{position: relative;width: 100%;height: auto;}

body.page-template-page-galeria .textoPagina{margin-top:-14px;}

body.page-template-page-galeria footer .enlacesInformacion ul li a,
body.page-template-page-galeria footer .menu-footer-right ul li a{color:#fff;}

.lightbox .lb-image{border:none!important;border-radius:0!important;}

.modula .filters{text-align: center!important;padding-top:1em;}
#jtg-6903 .item .jtg-social a::before{font-size:20px!important;}

/* CANAL DE DENUNCIAS */
.page-template-denuncias{width: 100%;position: relative;overflow:hidden;}

.page-template-denuncias h1{
		font-family: Bushmarket;
    text-align: center;
    font-weight: normal;
    line-height: 100%;
    color: #000;
    font-size: 200px;}

.page-template-denuncias header .botonMenuResponsive i{color: #999;}
.page-template-denuncias header{height: auto;position: relative;display: block;}
.page-template-denuncias header .logoDescripcion img{max-width: 150px;height: auto;padding-top: 20px;}

.page-template-denuncias .ct-contant{
		max-width: 700px;
    margin: 40px auto;
    font-family: 'GothamLightRegular';
    padding-bottom: 40px;
    padding: 0 30px 5em 0;}
.page-template-denuncias .ct-contant h3{font-family: 'GothamBoldRegular';text-transform: uppercase;margin-bottom: 1.5em;margin-top: 1.5em;}
.page-template-denuncias input, 
.page-template-denuncias select, 
.page-template-denuncias textarea {
    padding: .4em 0;
    background: none;
    color: #000;
    font-size: 90%;
    width: 98%;
    border: none;
    border-bottom: 1px solid #000;
    font-weight: 700;
}

body.page-template-denuncias textarea {
    background: #f9f9f9;
    height: 5em;
    width: 98%;
    padding-left: 2%;
}

.page-template-denuncias .wpcf7 h4{color:#000;font-size: .9em;margin-bottom: 1em;margin-top: 2em;text-transform: uppercase;}
.page-template-denuncias .wpcf7 label{font-size: .8em;margin-top: 2em;}
.page-template-denuncias .wpcf7-list-item{margin-left: 0;}
input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: none !important;
    border: 0;
    cursor: pointer;
    width: auto;
    font-size: 110%;
    text-transform:uppercase;
    font-weight: 200;
    color: #fff;
    background: #000;
    padding: .5em 2.5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.denuncias h2.wp-block-heading {text-transform: uppercase!important;margin-top: 4em;font-family: 'GothamBoldRegular';}
@media (max-width: 1024px) {

	.page-template-denuncias h1{font-size: 100px!important;}
}

@media (max-width: 768px) {
	.page-template-denuncias .ct-contant{max-width: 600px;}
}

@media (max-width: 666px) {

	.page-template-denuncias .ct-contant{max-width:85%;margin: 0 auto;}

}



	/* ============================================
		PÁGINA ENLACES
============================================ */

body.page-template-enlaces{}
body.page-template-enlaces header{ height: auto; position: inherit;}
body.page-template-enlaces .logoDescripcion{ padding: 20px 0 0 20px; }
body.page-template-enlaces .logoDescripcion img{ max-width: 150px; height: auto; }
body.page-template-enlaces div.imagenFondo{ position: absolute; z-index:-1; top: 0; left: 0; width: 100%; height: 100%; }
body.page-template-enlaces main#contenido{width: 100%; text-align: center; padding-bottom: 60px; }
body.page-template-enlaces footer{ position: fixed; bottom: 0; width: 100%; text-align: center; background: transparent; z-index: 333; color: #fff;
padding: 0; padding-bottom: 20px; }
body.page-template-enlaces footer .enlacesInformacion ul li a:hover{ color: #fff;}
body.page-template-enlaces footer .enlacesInformacion ul li a{ color: #fff;}
body.page-template-enlaces footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-enlaces footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-enlaces footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-enlaces section h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 110%;}
body.page-template-enlaces section .textoPagina{ max-width: 1000px; color: #fff; margin: 0 auto; font-family: 'GothamLightRegular'; }
body.page-template-enlaces section .enlaces{ padding:60px 0 20px 0; max-width: 1200px; margin: 0 auto; }
body.page-template-enlaces section .enlaces article{ width: 25%; float: left; text-align: center; }
body.page-template-enlaces section .enlaces article .imagen{ width: 100%; height: auto; margin-bottom: 20px; text-align: center; }

body.page-template-enlaces section .enlaces article .imagen img{ width: 100%; height: auto; max-width: 200px; margin: 0 auto; opacity: 0.5;}
body.page-template-enlaces section .enlaces article a:hover .imagen img{ opacity: 1; }
body.page-template-enlaces section .enlaces article a{ text-decoration: none; }
body.page-template-enlaces section .enlaces article a .texto { color: rgba(255, 255, 255,0.6); text-transform: uppercase;
	letter-spacing: 3px; text-decoration: none; font-family: 'GothamBoldRegular';  }
body.page-template-enlaces section .enlaces article a:hover .texto{color: #fff; }


@media (max-width: 1200px) {
body.page-template-enlaces section h2{ font-size: 160px; }
body.page-template-enlaces section .textoPagina{ max-width: 900px; }
body.page-template-enlaces section .enlaces{ padding:50px 0 20px 0; max-width: 1000px; }
body.page-template-enlaces section .enlaces article .imagen img{ max-width: 160px; }
}

@media (max-width: 1000px) {
body.page-template-enlaces section h2{ font-size: 130px; line-height: 100%; }
body.page-template-enlaces section .textoPagina{ max-width: 900px; width: 90%; }
body.page-template-enlaces section .enlaces{ padding:50px 0 20px 0; max-width: 1000px; width: 90%; }
body.page-template-enlaces section .enlaces article .imagen img{ max-width: 130px; }
}

@media (max-width: 800px) {
body.page-template-enlaces .logoDescripcion img{ max-width: 100px; height: auto; }
body.page-template-enlaces section h2{ font-size: 100px; line-height: 100%; }
body.page-template-enlaces section .textoPagina{ max-width: 900px; width: 90%; }
body.page-template-enlaces section .enlaces{ padding:10px 0 20px 0; max-width: 600px; width: 90%; }
body.page-template-enlaces section .enlaces article{ width: 100%; float: none; clear: both; margin-bottom: 20px; }
body.page-template-enlaces section .enlaces article .imagen img{ max-width: 100px; }

body.page-template-enlaces footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-enlaces footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-enlaces footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-enlaces footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }
body.page-template-enlaces main#contenido{ padding-bottom: 0; }
.material-icons.md-36 {
	font-size: 34px;
}
}

@media (max-width: 690px) {
	body.page-template-enlaces section h2{ font-size: 80px; }
	body.page-template-enlaces section .enlaces article .imagen img{ max-width: 70px; }
	body.page-template-enlaces section .enlaces{  max-width: 300px; }
	body.page-template-enlaces section .enlaces article .texto a{ font-size: 12px; }
}


	/* ============================================
		FOOTER PAGINA TURISMO
============================================ */


body.page-template-turismo footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-template-turismo footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);text-transform: uppercase;}
body.page-template-turismo footer .menu-footer-right ul li a,
body.page-template-turismo footer .enlacesInformacion ul li a{color: #fff!important;}
body.page-template-turismo footer .menu-footer-right ul li a:hover{color: rgba(255, 255, 255, 0.7);}
body.page-template-turismo footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-turismo footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-turismo footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-turismo .capaAzul{ background: rgba(199, 164, 54, 0.8); position: absolute; bottom: 0; right: -32%; width: 79%; height: 247%; z-index: 3;
 transform: rotate(-10deg); overflow: hidden; }
body.page-template-turismo .titlePagina{ padding-top: 200px; }
body.page-template-turismo .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: left; font-weight: normal; line-height: 110%; margin-left: 200px;}


body.page-template-turismo .textoPagina{ position: relative; bottom: auto; right: auto; margin-left: 200px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 100% }
body.page-template-turismo .textoPagina p{ margin-bottom: 20px; }

body.page-template-turismo div.paginasHijas{ position:absolute; top: 200px; z-index: 999; width:auto; right: 100px; }
body.page-template-turismo div.paginasHijas article{ text-align: center; float: none; }
body.page-template-turismo div.paginasHijas article h3{ position: relative; text-align: left; color: #fff;  cursor: pointer; text-transform: uppercase; margin-bottom: 15px;
font-size: 1.3em; letter-spacing: 10px; padding-bottom: 15px; }
body.page-template-turismo div.paginasHijas article h3:hover{ color: #c5a536 }
body.page-template-turismo div.paginasHijas article h3.active{ color: #c5a536 }
body.page-template-turismo div.paginasHijas article h3 .btnPlus{font-family: Bushmarket; font-size: 80px; position: absolute; top: -51px; margin-left: 25px; }



section.turismo{width: 100%;background:  #3761a3 url(../images/turismo.jpg) 0 0 no-repeat;
background-size: cover; overflow: hidden; height: 0; position: relative; z-index: 999;}

section.turismo article{ width: 100%; overflow: hidden; padding: 50px;background-color: rgba(199,164,54,.8)}
section.turismo article span#btnCloseContenedor{color: #645117 !important; position: absolute; top: 20px; right: 20px; width: 68px; height: auto; z-index: 100; font-size: 100px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
section.turismo article a{color:#fff;text-decoration: none;font-family: 'GothamMediumRegular';}




section.turismo article span#btnCloseContenedor:hover{ color: #fff !important; }

section.turismo article{ width: 100%; overflow: hidden; }
section.turismo article h3{ font-size: 100px; color: #fff; padding:0; margin: 0; margin-bottom: 20px;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 110%; z-index: 2;}

section.turismo article .contenedor{display: flex; width: 75%;margin:0 auto; flex-wrap: wrap; }
section.turismo article .contenedor div{ width: 33%; color: #fff; padding: 30px 60px;}
section.turismo article div h5{ text-transform: uppercase; margin-bottom: 10px; font-family: 'GothamBoldRegular'; letter-spacing: 5px; }
section.turismo article div p{ text-align: justify; font-family: 'GothamLightRegular'; }

.limpiar{ clear: both; }

@media (max-width: 1200px) {
body.page-template-turismo .titlePagina h2{ margin-left: 200px; }
body.page-template-turismo .textoPagina{ margin-left: 200px;max-width: 415px;}
}

@media (max-width: 1024px) {
body.page-template-turismo .titlePagina h2{ margin-left: 100px; font-size: 140px; }
body.page-template-turismo .textoPagina{ margin-left: 100px;}

section.turismo article .contenedor div{ width: 50%; }
section.turismo article h3{ font-size: 80px; }

}

@media (max-width: 800px) {
body.page-template-turismo .titlePagina h2{ margin-left: 20px;  font-size: 60px;}
body.page-template-turismo .textoPagina{ margin-left: 30px;}
body.page-template-turismo footer{ position: relative; bottom: auto; left: auto; padding-top: 30px;margin-top:12em;}
body.page-template-turismo footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-turismo footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-turismo footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }

body.page-template-turismo div.paginasHijas{ right: auto; left: 30px; top: 505px; }
body.page-template-turismo div.paginasHijas article h3{ font-size: 14px !important; padding-bottom: 0 !important; }

section.turismo{ background-image: none; }
section.turismo article{ padding:30px 0; }
section.turismo article .contenedor div{ width: 100%; padding: 30px; }
section.turismo article h3{ font-size: 60px !important; text-align: left; padding-left: 30px; }
section.turismo article div p,body.page-template-turismo .textoPagina{text-align: left;}
section.turismo article .contenedor div{padding:15px 30px;}
section.turismo{background-size: contain;}
section.turismo div.imagenFondo{height:120%;}

}

@media (max-width: 640px) {
body.page-template-turismo div.paginasHijas article h3{font-size: 0.6em;}
body.page-template-turismo article h3{ font-size: 40px; }
body.page-template-turismo article span#btnCloseContenedor{position: absolute; top: 10px; right: 3px; width: 48px; height: auto; z-index: 100; font-size: 68px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
body.page-template-turismo .textoPagina{z-index:100;}
body.page-template-turismo .textoPagina{max-width: 340px;}
body.page-template-turismo .titlePagina{padding-top:130px;}
body.page-template-turismo div.paginasHijas article h3 .btnPlus{font-family: Bushmarket;font-size: 52px;position: absolute;top: -35px; margin-left: -2px;}

section.turismo article .contenedor{width: 100%;}


}

@media (max-width: 375px) {
	body.page-template-turismo .textoPagina{max-width: 315px;}
	body.page-template-turismo div.paginasHijas article h3{letter-spacing: 7px;}


}


	/* ============================================
		FOOTER PAGINA MUSICA
============================================ */


body.page-template-musica footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-template-musica footer .enlacesInformacion ul li a:hover,
body.page-template-musica footer .menu-footer-right ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-musica footer .enlacesInformacion ul li a,
body.page-template-musica footer .menu-footer-right ul li a{ color: #fff;}
body.page-template-musica footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-musica footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-musica footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-musica .capaAzul{background: rgba(16, 29, 49, 0.8);position: absolute;bottom: 0;right: -25%;width: 60%;height: 247%;z-index: 3;transform: rotate(-10deg);overflow: hidden; }
body.page-template-musica .titlePagina{ padding-top: 200px; }
body.page-template-musica .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: left; font-weight: normal; line-height: 110%; margin-left: 200px;}


body.page-template-musica .textoPagina{ position: relative; bottom: auto; right: auto; margin-left: 200px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 100% }
body.page-template-musica .textoPagina p{ margin-bottom: 20px; }

body.page-template-musica div.paginasHijas{ position:absolute; top: 200px; z-index: 999; width:auto; right: 100px; }
body.page-template-musica div.paginasHijas article{ text-align: center; float: none; }
body.page-template-musica div.paginasHijas article h3{ position: relative; text-align: left; color: #fff;  cursor: pointer; text-transform: uppercase; margin-bottom: 15px;
font-size: 1.3em; letter-spacing: 10px; padding-bottom: 15px; }
body.page-template-musica div.paginasHijas article h3:hover{ color: #5a8cda; }
body.page-template-musica div.paginasHijas article h3.active{ color: #5a8cda; }
body.page-template-musica div.paginasHijas article h3 .btnPlus{font-family: Bushmarket; font-size: 80px; position: absolute; top: -51px; margin-left: 25px; }



section.musica{width: 100%;background:#3761a3  url(../images/bg-musica.jpg) 0 0 no-repeat;
background-size: cover; overflow: hidden; height: 0; position: relative; z-index: 999;}

section.musica article{ width: 100%; overflow: hidden; padding: 50px;background-color: rgba(16, 29, 49, 0.8);}
section.musica article span#btnCloseContenedor{color: #3761a3 !important; position: absolute; top: 20px; right: 20px; width: 68px; height: auto; z-index: 100; font-size: 100px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
section.musica article a{color:#fff;text-decoration: none;font-family: 'GothamMediumRegular';}




section.musica article span#btnCloseContenedor:hover{ color: #fff !important; }

section.musica article{ width: 100%; overflow: hidden; }
section.musica article h3{ font-size: 100px; color: #fff; padding:0; margin: 0; margin-bottom: 20px;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 110%; z-index: 2;}

section.musica article .contenedor{display: flex; width: 75%;margin:0 auto; flex-wrap: wrap; }
section.musica article .contenedor div{ width: 33%; color: #fff; padding: 30px 60px;}
section.musica article div h5{ text-transform: uppercase; margin-bottom: 10px; font-family: 'GothamBoldRegular'; letter-spacing: 5px; }
section.musica article div p{ text-align: justify; font-family: 'GothamLightRegular'; }

.limpiar{ clear: both; }

@media (max-width: 1200px) {
body.page-template-musica .titlePagina h2{ margin-left: 200px; }
body.page-template-musica .textoPagina{ margin-left: 200px;max-width: 415px;}
}

@media (max-width: 1024px) {
body.page-template-musica .titlePagina h2{ margin-left: 100px; font-size: 140px; }
body.page-template-musica .textoPagina{ margin-left: 100px;}

section.musica article .contenedor div{ width: 50%; }
section.musica article h3{ font-size: 80px; }

}

@media (max-width: 800px) {
body.page-template-musica .titlePagina h2{ margin-left: 20px;  font-size: 60px;}
body.page-template-musica .textoPagina{ margin-left: 30px;}
body.page-template-musica footer{ position: relative; bottom: auto; left: auto; padding-top: 30px;/*margin-top:12em;*/}
body.page-template-musica footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-musica footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-musica footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }

body.page-template-musica div.paginasHijas{ right: auto; left: 30px; top: 470px; }
body.page-template-musica div.paginasHijas article h3{ font-size: 14px !important; padding-bottom: 0 !important; }

section.musica{ background-image: none; }
section.musica article{ padding:30px 0; }
section.musica article .contenedor div{ width: 100%; padding: 30px; }
section.musica article h3{ font-size: 60px !important; text-align: left; padding-left: 30px; }
section.musica article div p,body.page-template-musica .textoPagina{text-align: left;}
section.musica article .contenedor div{padding:15px 30px;}
section.musica{background-size: contain;}
section.musica div.imagenFondo{height:120%;}

}

@media (max-width: 640px) {
body.page-template-musica div.paginasHijas article h3{font-size: 0.6em;}
body.page-template-musica article h3{ font-size: 40px; }
body.page-template-musica article span#btnCloseContenedor{position: absolute; top: 10px; right: 3px; width: 48px; height: auto; z-index: 100; font-size: 68px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
body.page-template-musica .textoPagina{z-index:100;}
body.page-template-musica .textoPagina{max-width: 340px;}
body.page-template-musica .titlePagina{padding-top:130px;}
body.page-template-musica div.paginasHijas article h3 .btnPlus{font-family: Bushmarket;font-size: 52px;position: absolute;top: -35px; margin-left: -2px;}

section.musica article .contenedor{width: 100%;}


}

@media (max-width: 375px) {
	body.page-template-musica .textoPagina{max-width: 315px;}
	body.page-template-musica div.paginasHijas article h3{letter-spacing: 7px;}


}









	/* ============================================
		FOOTER PAGINA DEPORTES
============================================ */


body.page-template-deportes footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-template-deportes footer .enlacesInformacion ul li a:hover,
body.page-template-deportes footer .menu-footer-right ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-deportes footer .menu-footer-right ul li a,
body.page-template-deportes footer .enlacesInformacion ul li a{ color: #fff;}
body.page-template-deportes footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-deportes footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-deportes footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-deportes .capaAzul{ background: rgba(16, 29, 49, 0.8); position: absolute; bottom: 0; right: -32%; width: 79%; height: 247%; z-index: 3;
 transform: rotate(-10deg); overflow: hidden; }
body.page-template-deportes .titlePagina{ padding-top: 200px; }
body.page-template-deportes .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: left; font-weight: normal; line-height: 110%; margin-left: 200px;}


body.page-template-deportes .textoPagina{ position: relative; bottom: auto; right: auto; margin-left: 200px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 100% }
body.page-template-deportes .textoPagina p{ margin-bottom: 20px; }

body.page-template-deportes div.paginasHijas{ position:absolute; top: 200px; z-index: 999; width:auto; right: 100px; }
body.page-template-deportes div.paginasHijas article{ text-align: center; float: none; }
body.page-template-deportes div.paginasHijas article h3{ position: relative; text-align: left; color: #fff;  cursor: pointer; text-transform: uppercase; margin-bottom: 15px;
font-size: 1.3em; letter-spacing: 10px; padding-bottom: 15px; }
body.page-template-deportes div.paginasHijas article h3:hover{ color: #5a8cda; }
body.page-template-deportes div.paginasHijas article h3.active{ color: #5a8cda; }
body.page-template-deportes div.paginasHijas article h3 .btnPlus{font-family: Bushmarket; font-size: 80px; position: absolute; top: -51px; margin-left: 25px; }



section.deportes{width: 100%;background:  #3761a3 url(../images/deporte.jpg) 0 0 no-repeat;
background-size: cover; overflow: hidden; height: 0; position: relative; z-index: 999;}

section.deportes article{ width: 100%; overflow: hidden; padding: 50px;background-color: rgba(16, 29, 49, 0.8);}
section.deportes article span#btnCloseContenedor{color: #08224b !important; position: absolute; top: 20px; right: 20px; width: 68px; height: auto; z-index: 100; font-size: 100px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
section.deportes article a{color:#08224b;text-decoration: none;}




section.deportes article span#btnCloseContenedor:hover{ color: #fff !important; }

section.deportes article{ width: 100%; overflow: hidden; }
section.deportes article h3{ font-size: 100px; color: #fff; padding:0; margin: 0; margin-bottom: 20px;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 110%; z-index: 2;}

section.deportes article .contenedor{display: flex; width: 75%;margin:0 auto; flex-wrap: wrap; }
section.deportes article .contenedor div{ width: 33%; color: #fff; padding: 30px 60px;}
section.deportes article div h5{ text-transform: uppercase; margin-bottom: 10px; font-family: 'GothamBoldRegular'; letter-spacing: 5px; }
section.deportes article div p{ text-align: justify; font-family: 'GothamLightRegular'; }

.limpiar{ clear: both; }

@media (max-width: 1200px) {
body.page-template-deportes .titlePagina h2{ margin-left: 200px; }
body.page-template-deportes .textoPagina{ margin-left: 200px;max-width: 415px;}
}

@media (max-width: 1024px) {
body.page-template-deportes .titlePagina h2{ margin-left: 100px; font-size: 140px; }
body.page-template-deportes .textoPagina{ margin-left: 100px;}

section.deportes article .contenedor div{ width: 50%; }
section.deportes article h3{ font-size: 80px; }

}

@media (max-width: 800px) {
body.page-template-deportes .titlePagina h2{ margin-left: 20px;  font-size: 60px;}
body.page-template-deportes .textoPagina{ margin-left: 30px;}
body.page-template-deportes footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-deportes footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-deportes footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-deportes footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }

body.page-template-deportes div.paginasHijas{ right: auto; left: 30px; top: 505px; }
body.page-template-deportes div.paginasHijas article h3{ font-size: 14px !important; padding-bottom: 0 !important; }

section.deportes{ background-image: none; }
section.deportes article{ padding:30px 0; }
section.deportes article .contenedor div{ width: 100%; padding: 30px; }
section.deportes article h3{ font-size: 60px !important; text-align: left; padding-left: 30px; }
body.page-template-deportes .textoPagina, section.deportes article div p{text-align: left;}
}

@media (max-width: 640px) {
body.page-template-deportes div.paginasHijas article h3{font-size: 0.6em;}
body.page-template-deportes article h3{ font-size: 40px; }
body.page-template-deportes article span#btnCloseContenedor{position: absolute; top: 10px; right: 3px; width: 48px; height: auto; z-index: 100; font-size: 68px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
body.page-template-deportes .textoPagina{z-index:100;}
body.page-template-deportes .textoPagina{max-width: 340px;}
body.page-template-deportes .titlePagina{padding-top:130px;}
body.page-template-deportes div.paginasHijas article h3 .btnPlus{font-family: Bushmarket;font-size: 52px;position: absolute;top: -35px; margin-left: -2px;}
body.page-template-deportes div.paginasHijas{top:450px;}
section.deportes article .contenedor{width: 100%;}

}

@media (max-width: 375px) {
	body.page-template-deportes .textoPagina{max-width: 315px;}
	body.page-template-deportes div.paginasHijas article h3{letter-spacing: 7px;}
	body.page-template-deportes .container{height:115%;}

}


	/* ============================================
		FOOTER PAGINA SAN BLAS
============================================ */


body.page-template-sanblas footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;
padding: 0; padding: 20px 0; }
body.page-template-sanblas footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-sanblas footer .enlacesInformacion ul li a{ color: #fff;}
body.page-template-sanblas footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-sanblas footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-sanblas footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-sanblas .capaAzul{ background: rgba(127, 0, 0, 0.8); position: absolute; bottom: 0; right: -32%; width: 79%; height: 247%; z-index: 3;
 transform: rotate(-10deg); overflow: hidden; }
body.page-template-sanblas .titlePagina{ padding-top: 200px; }
body.page-template-sanblas .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: left; font-weight: normal; line-height: 110%; margin-left: 200px;}


body.page-template-sanblas .textoPagina{ position: relative; bottom: auto; right: auto; margin-left: 200px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 100% }
body.page-template-sanblas .textoPagina p{ margin-bottom: 20px; }

body.page-template-sanblas div.paginasHijas{ position:absolute; top: 200px; z-index: 999; width:auto; right: 100px; }
body.page-template-sanblas div.paginasHijas article{ text-align: center; float: none; }
body.page-template-sanblas div.paginasHijas article h3{ position: relative; text-align: left; color: #fff;  cursor: pointer; text-transform: uppercase; margin-bottom: 15px;
font-size: 1.3em; letter-spacing: 10px; padding-bottom: 15px; }
body.page-template-sanblas div.paginasHijas article h3:hover{ color: #5f0505 }
body.page-template-sanblas div.paginasHijas article h3.active{ color: #5f0505 }
body.page-template-sanblas div.paginasHijas article h3 .btnPlus{font-family: Bushmarket; font-size: 80px; position: absolute; top: -51px; margin-left: 25px; }



section.sanblas{width: 100%;background:  #3761a3 url(../images/san-blas.jpg) 0 0 no-repeat;
background-size: cover; overflow: hidden; height: 0; position: relative; z-index: 999;}

section.sanblas article{ width: 100%; overflow: hidden; padding: 50px;background-color: rgba(127,0,0,.8)}
section.sanblas article span#btnCloseContenedor{color: #5f0505 !important; position: absolute; top: 20px; right: 20px; width: 68px; height: auto; z-index: 100; font-size: 100px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
section.sanblas article a{color:#645117;text-decoration: none;}




section.sanblas article span#btnCloseContenedor:hover{ color: #fff !important; }

section.sanblas article{ width: 100%; overflow: hidden; }
section.sanblas article h3{ font-size: 100px; color: #fff; padding:0; margin: 0; margin-bottom: 20px;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 110%; z-index: 2;}

section.sanblas article .contenedor{display: flex; width: 75%;margin:0 auto; flex-wrap: wrap; }
section.sanblas article .contenedor div{ width: 33%; color: #fff; padding: 30px 60px;}
section.sanblas article div h5{ text-transform: uppercase; margin-bottom: 10px; font-family: 'GothamBoldRegular'; letter-spacing: 5px; }
section.sanblas article div p{ text-align: justify; font-family: 'GothamLightRegular'; }

.limpiar{ clear: both; }




@media (max-width: 1200px) {
body.page-template-sanblas .titlePagina h2{ margin-left: 200px; }
body.page-template-sanblas .textoPagina{ margin-left: 200px;max-width: 415px;}
}

@media (max-width: 1024px) {
body.page-template-sanblas .titlePagina h2{ margin-left: 100px; font-size: 140px; }
body.page-template-sanblas .textoPagina{ margin-left: 100px;}

section.sanblas article .contenedor div{ width: 50%; }
section.sanblas article h3{ font-size: 80px; }

}

@media (max-width: 800px) {
body.page-template-sanblas .titlePagina h2{ margin-left: 20px;  font-size: 60px;}
body.page-template-sanblas .textoPagina{ margin-left: 30px;}
body.page-template-sanblas footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-sanblas footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-sanblas footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-sanblas footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }

body.page-template-sanblas div.paginasHijas{ right: auto; left: 30px; top: 400px; }
body.page-template-sanblas div.paginasHijas article h3{ font-size: 13px !important; padding-bottom: 0 !important;letter-spacing: 8px; }

section.sanblas{ background-image: none; }
section.sanblas article{ padding:30px 0; }
section.sanblas article .contenedor div{ width: 100%; padding: 30px; }
section.sanblas article h3{ font-size: 60px !important; text-align: left; padding-left: 30px; }
body.page-template-sanblas .textoPagina p{text-align: left;}
}

@media (max-width: 640px) {
body.page-template-sanblas div.paginasHijas article h3{font-size: 0.6em;}
body.page-template-sanblas article h3{ font-size: 40px; }
body.page-template-sanblas article span#btnCloseContenedor{position: absolute; top: 10px; right: 3px; width: 48px; height: auto; z-index: 100; font-size: 68px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
body.page-template-sanblas .textoPagina{z-index:100;}
body.page-template-sanblas .textoPagina{max-width: 340px;}
body.page-template-sanblas .titlePagina{padding-top:130px;}
body.page-template-sanblas div.paginasHijas article h3 .btnPlus{font-family: Bushmarket;font-size: 42px;position: absolute;top: -28px; margin-left: -2px;}
body.page-template-sanblas div.paginasHijas{top:400px;}
section.sanblas article .contenedor{width: 100%;}

}

@media (max-width: 375px) {
	body.page-template-sanblas .textoPagina{max-width: 315px;}
	body.page-template-sanblas div.paginasHijas article h3{letter-spacing: 5px;}
	body.page-template-sanblas .container{height:115%;}

}






	/* ============================================
		FOOTER PAGINA RIBAFORADA
}
============================================ */

body.page-template-ribaforada footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-template-ribaforada footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-ribaforada footer .enlacesInformacion ul li a,
body.page-template-ribaforada footer .menu-footer-right ul li a{ color: #fff;}
body.page-template-ribaforada footer .menu-footer-right ul li a:hover{color:rgba(255, 255, 255, 0.7);}
body.page-template-ribaforada footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-ribaforada footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-ribaforada footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-ribaforada .capaAzul{ background: rgba(16, 29, 49, 0.8); position: absolute; bottom: 0; right: -25%; width: 60%; height: 247%; z-index: 3;
 transform: rotate(-10deg); overflow: hidden; }
body.page-template-ribaforada .titlePagina{ background: url(../images/unica_1.png) bottom center no-repeat; width: 100%;
	position: absolute; height: 100%; background-attachment: fixed; bottom: 0; left: 0; background-size: contain; max-height: 1000px; z-index: 4;  }
body.page-template-ribaforada .titlePagina h2{ display: none; overflow: hidden;}

/*body.page-template-ribaforada .titlePagina h2{ font-size: 1000px; color: #fff; padding:0; margin: 0; position: absolute;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 100%; width: 100%;
			height: 800px; z-index: 2; bottom: -100px; z-index: 2; }*/

body.page-template-ribaforada .textoPagina{ position: relative; bottom: auto; right: auto; margin-left: 330px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 80% }
body.page-template-ribaforada .textoPagina p{ margin-bottom: 20px; }

body.page-template-ribaforada div.paginasHijas{ position:absolute; top: 200px; z-index: 999; width: 300px; right: 100px; }
body.page-template-ribaforada div.paginasHijas article{ text-align: center; float: none; }
body.page-template-ribaforada div.paginasHijas article h3{ position: relative; text-align: left; color: #fff;  cursor: pointer; text-transform: uppercase; margin-bottom: 15px;
font-size: 1.3em; letter-spacing: 10px; padding-bottom: 15px; }
body.page-template-ribaforada div.paginasHijas article h3:hover{ color: #5a8cda }
body.page-template-ribaforada div.paginasHijas article h3.active{ color: #5a8cda }
body.page-template-ribaforada div.paginasHijas article h3 .btnPlus{font-family: Bushmarket; font-size: 80px; position: absolute; top: -51px; margin-left: 25px; }

section.ribaforada{width: 100%; /*padding: 50px 100px;*/ background:  #3761a3 url(../images/ribaforada_fondo.png) top left no-repeat;
background-size: cover; background-attachment: fixed; overflow: hidden; height: 0; position: relative; z-index: 999;}
section.ribaforada article{ width: 100%; overflow: hidden; padding: 50px;}
section.ribaforada article span#btnCloseContenedor{color: #192f52 !important; position: absolute; top: 20px; right: 20px; width: 68px; height: auto; z-index: 100; font-size: 100px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }

section.ribaforada article span#btnCloseContenedor:hover{ color: #fff !important; }

section.ribaforada article{ width: 100%; overflow: hidden; }
section.ribaforada article h3{ font-size: 100px; color: #fff; padding:0; margin: 0; margin-bottom: 20px;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 110%; z-index: 2;}

section.ribaforada article .contenedor{display: flex; width: 75%;margin:0 auto; flex-wrap: wrap; }
section.ribaforada article .contenedor div{ width: 33%; color: #fff; padding: 30px 60px;}
section.ribaforada article div h5{ text-transform: uppercase; margin-bottom: 10px; font-family: 'GothamBoldRegular'; letter-spacing: 5px; }
section.ribaforada article div p{ text-align: justify; font-family: 'GothamLightRegular'; }

@media (max-width: 1200px) {
body.page-template-ribaforada .titlePagina h2{ margin-left: 200px; }
body.page-template-ribaforada .textoPagina{ margin-left: 200px;}
}

@media (max-width: 1024px) {
body.page-template-ribaforada .titlePagina h2{ margin-left: 100px; font-size: 140px; }
body.page-template-ribaforada .textoPagina{ margin-left: 100px;}

section.ribaforada article .contenedor div{ width: 50%; }
section.ribaforada article h3{ font-size: 80px; }

}

@media (max-width: 800px) {
body.page-template-ribaforada .titlePagina h2{ margin-left: 20px;  font-size: 60px;}
body.page-template-ribaforada .textoPagina{ margin-left: 30px;}
body.page-template-ribaforada footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-ribaforada footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-ribaforada footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-ribaforada footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }

body.page-template-ribaforada div.paginasHijas{ right: auto; left: 20px; top: 150px; }
body.page-template-ribaforada div.paginasHijas article h3{ font-size: 18px !important; padding-bottom: 0 !important; }

section.ribaforada{ background-image: none; }
section.ribaforada article{ padding:30px 0; }
section.ribaforada article .contenedor{text-align: left;}
section.ribaforada article div p{text-align: left;}

section.ribaforada article .contenedor div{ width: 100%; padding: 15px 30px; }
section.ribaforada article h3{ font-size: 60px !important; text-align: left; padding-left: 30px; }
footer{font-size: 12px;}
}

@media (max-width: 640px) {
body.page-template-ribaforada div.paginasHijas article h3{font-size: 0.6em;}
body.page-template-ribaforada article h3{ font-size: 40px; }
body.page-template-ribaforada article span#btnCloseContenedor{position: absolute; top: 10px; right: 3px; width: 48px; height: auto; z-index: 100; font-size: 68px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }
body.page-template-ribaforada div.paginasHijas article h3{font-size: 14px!important;}
body.page-template-ribaforada div.paginasHijas article h3 .btnPlus{font-size:52px;top:-35px;margin-left:-2px;}
section.ribaforada article .contenedor{width: 100%;}
}



	/* ============================================
		FOOTER PAGINA ECONOMIA
============================================ */

body.page-template-economia footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #3a0000; z-index: 333; color: #fff;}
body.page-template-economia footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-economia footer .enlacesInformacion ul li a,
body.page-template-economia footer .menu-footer-right ul li a{ color: #fff;}
body.page-template-economia footer .menu-footer-right ul li a:hover{color: rgba(255, 255, 255, 0.7);}
body.page-template-economia footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-economia footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-economia footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }


body.page-template-economia header{ height: auto; position: inherit;}
body.page-template-economia .logoDescripcion{ padding: 20px 0 0 20px; }
body.page-template-economia .logoDescripcion img{ max-width: 150px; height: auto; }

body.page-template-economia .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0 auto;
			font-family: Bushmarket; text-align: center; width: 100%; font-weight: normal; line-height: 100%; }
body.page-template-economia .textoPagina{ position: relative; bottom: auto; right: auto;color: #fff;font-family: 'GothamLightRegular';
text-align: justify; max-width:800px; margin: 0 auto 40px auto; width: 90%; }
body.page-template-economia .textoPagina p{ margin-bottom: 20px; }

body.page-template-economia .textoPage{ position: relative; bottom: auto; right: auto; margin-left: 330px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 80% }
body.page-template-economia .textoPage p{ margin-bottom: 20px; }

body.page-template-economia div.paginasHijas{ width: 100%; height: auto;}
body.page-template-economia div.paginasHijas article.titleHija{ width: 100%; text-align: center; border-top: 2px solid rgba(255, 255, 255, 0.2); }
body.page-template-economia div.paginasHijas article.titleHija:last-of-type{
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
body.page-template-economia div.paginasHijas article.datosHija{
	background: #fff;
	height: 0;
	overflow: hidden;
}
body.page-template-economia div.paginasHijas article.datosHija div{ max-width: 800px; margin: 0 auto; text-align: justify;
	font-family: 'GothamLightRegular'; padding: 50px 0;
}
body.page-template-economia div.paginasHijas article.datosHija div p{ margin-bottom: 15px; }
body.page-template-economia div.paginasHijas article.datosHija div ul{ margin-bottom: 15px; padding-left: 30px; }
body.page-template-economia div.paginasHijas article.datosHija div h4{ font-weight: bold !important; margin-bottom: 10px; font-size: 1.1em; }
body.page-template-economia div.paginasHijas article.datosHija div hr{ color: #ddd; margin: 15px 0; background: #ddd; border: #eee solid 1px; }
body.page-template-economia div.paginasHijas article h3{ text-align: center; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; cursor: pointer; padding: 20px 0; letter-spacing: 8px; }
body.page-template-economia div.paginasHijas article h3 span.btnPlus{font-family: Bushmarket; font-size: 2em;}
body.page-template-economia div.paginasHijas article h3:hover, body.page-template-economia div.paginasHijas article h3.active{ color: #fff; }

@media (max-width: 1200px) {
body.page-template-economia .titlePagina h2{ font-size: 200px; }

}

@media (max-width: 1024px) {
body.page-template-economia .titlePagina h2{font-size: 150px;  }

}

@media (max-width: 800px) {
body.page-template-economia .titlePagina h2{ font-size:90px;margin-top:.5em; }
body.page-template-economia div.paginasHijas article h3{ font-size: 1em !important; }
body.page-template-economia div.paginasHijas article.datosHija div{ padding: 30px; }

body.page-template-economia footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-economia footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-economia footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-economia footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }
body.page-template-economia .textoPagina, body.page-template-economia div.paginasHijas article.datosHija div{text-align: left;}
body.page-template-economia .logoDescripcion img{max-width: 100px;}
body.page-template-economia .textoPagina{width: 80%;margin-top:1em;}
body.page-template-economia header .botonMenuResponsive span{margin-right:1em;}
body.page-template-economia .logoDescripcion{padding-top:6px;}
body.page-template-economia div.paginasHijas article h3 span.btnPlus{display:none;}
body.page-template-economia .titlePagina h2,
body.page-template-proyectos-municipales .titlePagina h2,
body.page-template-economia .titlePagina h2{font-size:60px;margin-left:20px;}
body.page-template-portalTransparencia section h2{font-size:60px;}
body.page-template-portalTransparencia .logoDescripcion{padding:10px 0 0 10px;margin-bottom:.5em;}
body.page-template-economia .titlePagina h2{font-size:60px;text-align: left;margin-left:30px;}
}




	/* ============================================
		FOOTER PAGINA PROYECTOS MUNICIPALES
============================================ */
.page-template-proyectos-municipales .container{padding-bottom:45px;}
.page-template-proyectos-municipales #contenido{min-height: 60%;}

body.page-template-proyectos-municipales footer{ position:absolute; bottom: 0; width: 100%; text-align: center; background: #3a0000; z-index: 333; color: #fff;}
body.page-template-proyectos-municipales footer .enlacesInformacion ul li a:hover,
body.page-template-proyectos-municipales footer .menu-footer-right ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-proyectos-municipales footer .menu-footer-right ul li a,
body.page-template-proyectos-municipales footer .enlacesInformacion ul li a{ color: #fff;}
body.page-template-proyectos-municipales footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-template-proyectos-municipales footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-proyectos-municipales footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }


body.page-template-proyectos-municipales header{ height: auto; position: inherit;}
body.page-template-proyectos-municipales .logoDescripcion{ padding: 20px 0 0 20px; }
body.page-template-proyectos-municipales .logoDescripcion img{ max-width: 150px; height: auto; }

body.page-template-proyectos-municipales .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0 auto;
			font-family: Bushmarket; text-align: center; width: 100%; font-weight: normal; line-height: 100%; }
body.page-template-proyectos-municipales .textoPagina{ position: relative; bottom: auto; right: auto;color: #fff;font-family: 'GothamLightRegular';
text-align: justify; max-width:800px; margin: 0 auto 40px auto; width: 90%; }
body.page-template-proyectos-municipales .textoPagina p{ margin-bottom: 20px; }

body.page-template-proyectos-municipales .textoPage{ position: relative; bottom: auto; right: auto; margin-left: 330px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 80% }
body.page-template-proyectos-municipales .textoPage p{ margin-bottom: 20px; }

body.page-template-proyectos-municipales div.paginasHijas{ width: 100%; height: auto;}
body.page-template-proyectos-municipales div.paginasHijas article.titleHija{ width: 100%; text-align: center; border-top: 2px solid rgba(255, 255, 255, 0.2); }
body.page-template-proyectos-municipales div.paginasHijas article.titleHija:last-of-type{
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
body.page-template-proyectos-municipales div.paginasHijas article.datosHija{
	background: #fff;
	height: 0;
	overflow: hidden;
}
body.page-template-proyectos-municipales div.paginasHijas article.datosHija div{ max-width: 800px; margin: 0 auto; text-align: justify;
	font-family: 'GothamLightRegular'; padding: 50px 0;
}
body.page-template-proyectos-municipales div.paginasHijas article.datosHija div p{ margin-bottom: 15px; }
body.page-template-proyectos-municipales div.paginasHijas article.datosHija div ul{ margin-bottom: 15px; padding-left: 30px; }
body.page-template-proyectos-municipales div.paginasHijas article.datosHija div h4{ font-weight: bold !important; margin-bottom: 10px; font-size: 1.1em; }
body.page-template-proyectos-municipales div.paginasHijas article.datosHija div hr{ color: #ddd; margin: 15px 0; background: #ddd; border: #eee solid 1px; }
body.page-template-proyectos-municipales div.paginasHijas article h3{ text-align: center; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; cursor: pointer; padding: 20px 0; letter-spacing: 8px; }
body.page-template-proyectos-municipales div.paginasHijas article h3 span.btnPlus{font-family: Bushmarket; font-size: 2em;}
body.page-template-proyectos-municipales div.paginasHijas article h3:hover, body.page-template-proyectos-municipales div.paginasHijas article h3.active{ color: #fff; }
body.page-template-proyectos-municipales div.paginasHijas article p a{margin-left:1em;}
body.page-template-proyectos-municipales div.paginasHijas article p a:before{content: '+';font-family:'Bushmarket';font-size: 2em;color:#000;padding-right:.5em;}
@media (max-width: 1200px) {
body.page-template-proyectos-municipales .titlePagina h2{ font-size: 200px; }
#pbCloseBtn:before, #pbAutoplayBtn:before{background:none;}


}

@media (max-width: 1024px) {
body.page-template-economia .titlePagina h2{font-size: 150px;  }

}

@media (max-width: 800px) {
body.page-template-proyectos-municipales footer{position: relative;}
body.page-template-proyectos-municipales footer .numeroWhastapp{position: relative;margin-top:2em;}
body.page-template-proyectos-municipales footer .redesSociales{position: relative;bottom:inherit;width: auto;float:right;margin-top:2em;}
body{text-align: left!important;}
/*.container{height: auto;}*/
body.page-template-proyectos-municipales .titlePagina h2{line-height: .6em;margin-bottom:.5em;}
body.page-template-proyectos-municipales .textoPagina{text-align: left;}

body.page-template-economia .titlePagina h2{ font-size:90px; }
body.page-template-economia div.paginasHijas article h3{ font-size: 1em !important; }
body.page-template-economia div.paginasHijas article.datosHija div{ padding: 30px; }

body.page-template-economia footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-economia footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-economia footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-economia footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }
body.page-template-proyectos-municipales .titlePagina h2{font-size: 60px;text-align:left;margin-left:20px;}
body.page-template-proyectos-municipales .logoDescripcion{padding:10px 0 0 0;}
body.page-template-proyectos-municipales div.paginasHijas article.datosHija{width: 100%;padding: 0 10%;}
body.page-template-proyectos-municipales .logoDescripcion img{max-width: 100px;}
body.page-template-proyectos-municipales .titlePagina{margin-top:1em;}

body.page-template-turismo div.paginasHijas article h3 .btnPlus,
body.page-template-deportes div.paginasHijas article h3 .btnPlus,
body.page-template-sanblas div.paginasHijas
{font-size: 36px;top:-23px;}
body.page-template-turismo div.paginasHijas article h3,
body.page-template-deportes div.paginasHijas article h3,
body.page-template-sanblas div.paginasHijas
{letter-spacing: 5px;}
body.page-template-proyectos-municipales div.paginasHijas article h3 span.btnPlus{display:none;}
body.page-template-sanblas div.paginasHijas{top:400px;}


}

	/*Galería de fotos*/
	body.page-template-economia #gallery-1 img{border:none!important;}


	/* ============================================
		FOOTER PAGINA ACTUALIDAD
============================================ */
.noticia-header{width: 100%;}
.noticia-header img{width: 100%;}

body.page-template-actualidad footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #710101; z-index: 333; color: #fff;}
body.page-template-actualidad footer .enlacesInformacion ul li a:hover,
body.page-template-actualidad footer .menu-footer-right ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-actualidad footer .enlacesInformacion ul li a,
body.page-template-actualidad footer .menu-footer-right ul li a{ color: #fff;}
body.page-template-actualidad footer .numeroWhastapp{ position: absolute; bottom: 0px; width: 120px; left: 10px; }
body.page-template-actualidad footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-actualidad footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }


body.page-template-actualidad header{ height: auto; position: relative;}
body.page-template-actualidad header .menuResponsive{ height: 100%; }
body.page-template-actualidad header .titlePage h2{ width: 100%; font-size: 280px; color: #fff;
font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 100%; margin: 0; padding-top: 40px; }
body.page-template-actualidad header .textoPagina{ max-width: 1200px; text-align: justify;
	color: #fff; margin: 0 auto; width: 100%;font-family: 'GothamLightRegular'; padding:0 20px 50px 20px; }

.menuCategorias{ background: #000; width: 100%; padding: 10px 50px; }
.menuCategorias ul{ margin: 0 auto; padding: 0; text-align: center; max-width: 1600px; }
.menuCategorias ul li{ display: inline-block; padding: 5px 30px; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; cursor: pointer; letter-spacing: 5px; }
.menuCategorias ul li:hover{ color: #fff; }
.menuCategorias ul li.active{ color: #fff; }

.posts{ width: 70%; float: left; }
.sidebarBlog{ width: 30%; float: right; padding: 50px; }

.posts article.post{ width: 33%; float: left; border-right: #ddd solid 1px;  }
.posts article.post .thumbnail{ width: 100%; max-height: 14em; text-align: center; overflow: hidden; position: relative; }
.posts article.post .thumbnail img{/*position: absolute; top: 0; left: 0; */width:100%; display: block;}
.posts article.post .content{ padding: 20px;min-height: 230px; }
.posts article.post:hover .content{ background: #ae0000; cursor: pointer;}
.posts article.post .content h3{ text-transform: uppercase; letter-spacing: 3px; margin-bottom:5px; font-size: 1.4em; /*height: 100px; */overflow: hidden;  }
.posts article.post .content p.date{ font-size: 1.4em;font-family: 'GothamLightRegular'; text-transform: uppercase; margin-bottom: 5px; }
.posts article.post .content ul{ margin: 0; padding: 0; text-align: left; }
.posts article.post .content ul li{ list-style: none; display: inline-block; padding-right: 10px; text-transform: uppercase; font-weight: bold; }
.posts article.post .content a{ font-size: 1em;font-family: 'GothamLightRegular'; display: block; margin: 20px 0 10px 0; color: #ff0000; text-decoration: none; }
.posts article.post:hover .content h3, .posts article.post:hover .content p.date, .posts article.post:hover .content ul li, .posts article.post:hover .content a, .posts article.post:hover .content a:hover{ color: #fff; }

.sidebarBlog .widget{ margin-bottom: 30px; }
.sidebarBlog .widget_search h2.widget-title{ display: none; overflow: hidden;  }
.sidebarBlog .widget h2.widget-title{ margin-bottom: 10px; }
.sidebarBlog .tree-accordion a{ display: block; margin-bottom: 5px; font-size:18px !important; color: #666; text-decoration: none; }
.sidebarBlog .tree-accordion a:hover{ color: #ff0000; }
.sidebarBlog .tree-accordion p{ margin-bottom: 5px; margin-left: 30px; font-size:18px !important; color: #666; text-decoration: none; }
.sidebarBlog .tree-accordion p:hover{ color: #ff0000; }
.sidebarBlog .tree-accordion i{ color: black; margin-right: 5px; }
.sidebarBlog .tree-accordion ul{ list-style-type: none; margin-left: 60px; }
.searchform{ position: relative; }
.searchform label{ position: absolute; top: 15px; left: 5px; color: #999; text-transform: uppercase; letter-spacing: 5px; font-size: 1.2em;
font-weight: bold; }
.searchform input{ background:transparent; border: none; border-bottom: #ff0000 solid 3px; padding: 10px; width: 100%; padding-right: 60px;
 font-size: 1.2em; }
 .searchform:hover label, .searchform:focus label{ display: none; overflow: hidden; }
.searchform input#searchsubmit{ position: absolute; top: 0; right: 5px; border: none; width: 30px; height: 30px; cursor: pointer;
background: url(../images/lupa.png) center center; background-size: contain; background-repeat: no-repeat; text-indent: -9999px; }

li.cat-item{list-style:none;}
li.cat-item a{font-size: 18px !important;
    color: #666;
    text-decoration: none;}
li.cat-item a:hover{color:#ff0000;}    

.tagcloud{}
.tagcloud a{ font-size:18px !important; color: #666; text-decoration: none;}
.tagcloud a:hover{ color:  #ff0000; }
.tagcloud a:after{content:',';}

.widget_archive{}
.widget_archive ul{ margin: 0; padding: 0; }
.widget_archive ul li{ list-style: none; padding-bottom: 10px; }
.widget_archive ul li a{ font-size:18px !important; color: #666; text-decoration: none;}
.widget_archive ul li a:hover{ color:  #ff0000; }

@media (max-width: 1420px) {
		.posts article.post .thumbnail{ height: 280px;  }
.posts article.post .thumbnail img{ max-height: 280px; }
}


@media (max-width: 1300px) {
		.posts article.post .thumbnail{ height: 250px;  }
.posts article.post .thumbnail img{ max-height: 250px; }
.sidebarBlog{ padding: 30px; }
}


@media (max-width: 1100px) {
		.posts article.post .thumbnail{ height: 250px;  }
.posts article.post .thumbnail img{ max-height: 250px; }
.sidebarBlog{ padding: 20px; }
body.page-template-actualidad header .titlePage h2{font-size: 200px; }
}

@media (max-width: 990px) {
	.posts{ width: 100%; float: none; clear: both; }
.sidebarBlog{ width: 100%; float: none; clear: both; }
	.posts article.post{ width: 50%; float: left; border-right: #ddd solid 1px;  }
	.posts article.post .thumbnail{ height: 250px;  }
.posts article.post .thumbnail img{ max-height: 250px; }
body.page-template-actualidad header .titlePage h2{font-size: 150px; }
}

@media (max-width: 800px) {

body.page-template-actualidad header .titlePage h2{ position: relative; font-size: 180px; line-height: 100%; }
body.page-template-actualidad header .textoPagina{ padding-top: 0; }
body.page-template-actualidad header .titlePage h2{font-size: 100px; padding-top: 150px;}
body.page-template-actualidad footer .numeroWhastapp{position: relative;}
}

@media (max-width: 640px) {
	body.page-template-actualidad header .titlePage h2{ font-size: 90px; }
	.posts article.post{ width: 100%; float: none; border-right: none; clear: both;  }
	.posts article.post .thumbnail{ width: 100%; height: 100%; max-height: auto; }
	.posts article.post .thumbnail img{ width: 100%; height: auto; max-height: 100%; position: inherit; top: auto; left: auto; }
	body.page-template-actualidad header .textoPagina{display:none;}
}






	/* ============================================
		FOOTER SINGLE POST
============================================ */

body.single-post footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #710101; z-index: 333; color: #fff;
padding: 0; padding: 20px 0; }
body.single-post footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.single-post footer .enlacesInformacion ul li a{ color: #fff;}
body.single-post footer .numeroWhastapp{ position: absolute; bottom: 0px; width: 120px; left: 10px; }
body.single-post footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.single-post footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.single-post header{ height: auto;margin-bottom:2em;}
body.single article{ width: 70%; float: left; padding:40px 200px;  }
body.single article h2{margin-bottom:1em;}
body.single article h3{ text-transform: uppercase; letter-spacing: 7px; font-size: 2em; margin-bottom: 30px; }
body.single article p.date{ font-size: 1.4em;font-family: 'GothamLightRegular'; text-transform: uppercase; margin-bottom: 5px; }
body.single article ul{ margin: 0; padding: 0; text-align: left; margin-bottom: 30px; }
body.single article ul li{ list-style: none; display: inline-block; padding-right: 10px; text-transform: uppercase; font-weight: bold; }
body.single article a{ font-size: 1em;font-family: 'GothamLightRegular'; display: block; margin: 20px 0 10px 0; color: #ff0000; text-decoration: none; }
body.single article .content{font-family: 'GothamLightRegular'; }
body.single article .content p{ margin-bottom: 20px; text-align: justify; }
body.single div.imagenFondo{ overflow: hidden; }
body.single div.imagenFondo h2{font-family: Bushmarket; font-size: 200px; text-align: center; color: #fff; line-height: 100%; font-weight: normal;}

@media (max-width: 990px) {
	body.single div.imagenFondo h2{ font-size: 120px; }
	body.single article{ width: 100%; margin: 0 auto; float: none; clear: both; padding: 40px;}
	body.single article h3{ font-size: 1.5em; }
}

@media (max-width: 640px) {
	body.single article h3{ font-size: 1.2em; }
}


	/* ============================================
		PÁGINA CONTACTO
============================================ */
body.page-template-contacto footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-template-contacto footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-template-contacto footer .menu-footer-right ul li a,
body.page-template-contacto footer .enlacesInformacion ul li a,
body.page-template-contacto footer .menu-footer-right ul li a{ color: #fff;}
body.page-template-contacto footer .numeroWhastapp{ position: absolute; bottom: 0px; width: 120px; left: 10px; }
body.page-template-contacto footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-template-contacto footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

body.page-template-contacto header{ overflow: hidden; }
body.page-template-contacto .titlePagina{ padding-top: 200px; }
body.page-template-contacto .titlePagina h2{ font-size: 180px; color: #fff; padding:0; margin: 0;
			font-family: Bushmarket; text-align: left; font-weight: normal; line-height: 110%; margin-left: 180px;}

body.page-template-contacto .textoPagina{ position: relative; bottom: auto; right: auto; margin-left: 200px; color: #fff; max-width: 500px;font-family: 'GothamLightRegular';
text-align: justify; width: 80% }
body.page-template-contacto .textoPagina p{ margin-bottom: 5px; font-size: 1.2em; }
body.page-template-contacto .textoPagina a{ font-weight: bold; color: #fff; }
div.mapaGoogle {position: absolute; bottom:-20%; right: -20%; width: 60%; height:150%; z-index: 3;
 transform: rotate(15deg); overflow: hidden; }
 div.mapaGoogle iframe{ height: 100% !important; width: 100% !important; transform: rotate(0deg); }

 body.page-template-contacto div.paginasHijas{ position: absolute; bottom: 30px; width: 100%; left: 0; }
body.page-template-contacto div.paginasHijas article{ width: 25%; text-align: center; float: left; }
body.page-template-contacto div.paginasHijas article h3{ text-align: center; color: #fff; text-transform: uppercase; max-width: 300px; cursor: pointer; }
body.page-template-contacto div.paginasHijas article h3:hover{ color: #5c8ddc }
body.page-template-contacto div.paginasHijas article h3.active{ color: #5c8ddc }
body.page-template-contacto div.paginasHijas article h3 span{ display: none; overflow: hidden; }
body.page-template-contacto div.paginasHijas article h3 a{ color: #fff; text-decoration: none;}
body.page-template-contacto div.paginasHijas article h3 a:hover{ color: #5c8ddc;}

body.page-template-contacto section{ width: 100%; /*padding: 50px 100px;*/ background: #315794 url(../images/contacto_fondo.png) top left no-repeat;
background-size: cover; background-attachment: fixed; overflow: hidden; height: 0; position: relative;  }
body.page-template-contacto section article{ width: 100%; overflow: hidden; padding: 50px;}
body.page-template-contacto section article span#btnCloseContenedor{position: absolute; top: 20px; right: 20px; width: 68px; height: auto; z-index: 100; font-size: 100px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }

body.page-template-contacto section article span#btnCloseContenedor:hover{ color: #fff; }

body.page-template-contacto section article h3{ font-size: 100px; color: #fff; padding:0; margin: 0; margin-bottom: 20px;
			font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 100%;}
body.page-template-contacto article .contenedor{display: flex; width: 100%; flex-wrap: wrap; }
body.page-template-contacto article .contenedor div{ width: 33%; color: #fff; padding: 30px;}
body.page-template-contacto section article div h5{ text-transform: uppercase; margin-bottom: 10px; font-family: 'GothamBoldRegular'; letter-spacing: 5px; }
body.page-template-contacto section article div p{ text-align: justify; font-family: 'GothamLightRegular'; }
body.page-template-contacto section article div p a{ color: #fff; font-weight: bold; }

@media (max-width: 1200px) {
body.page-template-contacto .titlePagina h2, body.page-template-contacto .textoPagina{ margin-left: 100px; }
}

@media (max-width: 1024px) {

body.page-template-contacto .titlePagina h2, body.page-template-contacto .textoPagina{margin-left: 50px; }
body.page-template-contacto div.paginasHijas article h3{ font-size: 1.2em; }
body.page-template-contacto article .contenedor div{ width: 50%; }
body.page-template-contacto article .contenedor div p{ text-align: left; }

}


@media (max-width: 990px) {

	body.page-template-contacto .titlePagina h2{ margin-left: 30px; }
	body.page-template-contacto .textoPagina{ margin-left: 30px; }
}

@media (max-width: 800px) {

	body.page-template-contacto .titlePagina{ padding-top: 110px; }
	body.page-template-contacto .titlePagina h2{ margin-left: 50px; font-size: 100px; }
	body.page-template-contacto .textoPagina{ margin-left: 50px; text-align: left; font-size: 0.8em; }
	body.page-template-contacto footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-template-contacto footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-template-contacto footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-template-contacto footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }

body.page-template-contacto div.paginasHijas article h3{ font-size: 0.8em; padding: 0 10px; }

body.page-template-contacto section article .contenedor div{ width: 100%; padding: 20px;}
body.page-template-contacto section article h3{ font-size: 60px; text-align: left; margin-bottom: 0; }

div.mapaGoogle {position: relative; bottom:auto; right: auto; width: 95%; height:150px; z-index: 3;
 transform: none; overflow: hidden; margin: 20px auto; }
 div.mapaGoogle iframe{ height: 100% !important; width: 100% !important; transform: none; }

body.page-template-contacto section{ background-image: none; }
body.page-template-contacto div.paginasHijas article{width: auto;}

}

@media (max-width: 640px) {
	body.page-template-contacto .titlePagina h2{ margin-left: 20px; font-size: 60px; }
	body.page-template-contacto .textoPagina{ margin-left: 20px; }
body.page-template-contacto div.paginasHijas article h3{font-size: 0.6em;}
body.page-template-contacto section article{ padding: 30px;}
body.page-template-contacto section article h3{ font-size: 40px; }
body.page-template-contacto section article span#btnCloseContenedor{position: absolute; top: 10px; right: 3px; width: 48px; height: auto; z-index: 100; font-size: 68px;
	font-family: Bushmarket; color: #000; cursor: pointer; display: block; text-align: center; line-height: 100% }

div.mapaGoogle {}
}


	/* ============================================
		PÁGINA AVISO LEGAL
============================================ */
body.page-id-77{ height: auto; }
body.page-id-77 header div.titlePage{ max-width: 1000px; margin: 0 auto; padding-top: 80px; }
body.page-id-77 header div.titlePage h2{font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 100%; color: #000; font-size: 200px;}
body.page-id-77 header div.textoPagina{ max-width: 1000px; margin: 40px auto;font-family: 'GothamLightRegular'; padding-bottom: 40px; padding: 0 30px; }
body.page-id-77 header div.textoPagina p{ margin-bottom: 20px; text-align: justify; }
body.page-id-77 header div.textoPagina h3{ text-transform: uppercase; font-weight: bold; margin: 20px 0; }

body.page-id-77 footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-id-77 footer .enlacesInformacion ul li a:hover,
body.page-id-77 footer .menu-footer-right ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-id-77 footer .enlacesInformacion ul li a,
body.page-id-77 footer .menu-footer-right ul li a{ color: #fff;}
body.page-id-77 footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-id-77 footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-id-77 footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

@media (max-width:1200px) {
body.page-id-77 header div.titlePage h2{ font-size: 150px !important;}
}

@media (max-width: 800px) {
body.page-id-77 header div.titlePage h2{ font-size: 100px !important;}
body.page-id-77 footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-id-77 footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-id-77 footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-id-77 footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }
}

@media (max-width: 640px) {
	body.page-id-77 header div.titlePage{ padding-top: 120px; }
	body.page-id-77 header div.titlePage h2{ font-size: 50px !important;}
}

	/* ============================================
		PÁGINA POLITICA DE COQUIES
============================================ */
body.page-id-79{ height: auto; }
body.page-id-79 header div.titlePage{ max-width: 1000px; margin: 0 auto; padding-top: 80px; }
body.page-id-79 header div.titlePage h2{font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 100%; color: #000; font-size: 200px;margin-bottom:.5em;}
body.page-id-79 header div.textoPagina{ max-width: 1000px; margin: 40px auto;font-family: 'GothamLightRegular'; padding-bottom: 40px; padding: 0 30px; }
body.page-id-79 header div.textoPagina p{ margin-bottom: 20px; text-align: justify; }
body.page-id-79 header div.textoPagina h2{margin-bottom:.5em;}
body.page-id-79 header div.textoPagina h3{font-weight: bold; margin: 20px 0; }
body.page-id-79 header div.textoPagina ul{padding-left:1em;}
body.page-id-79 header div.textoPagina ul li{margin-bottom:1em;line-height: 1.2em;}

body.page-id-79 footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #202123; z-index: 333; color: #fff;}
body.page-id-79 footer .enlacesInformacion ul li a:hover,
body.page-id-79 footer .menu-footer-right ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.page-id-79 footer .enlacesInformacion ul li a,
body.page-id-79 footer .menu-footer-right ul li a{ color: #fff;}
body.page-id-79 footer .numeroWhastapp{ position: absolute; bottom: 10px; width: 120px; left: 10px; }
body.page-id-79 footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.page-id-79 footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }

.wp-block-table table {margin-top:1em;}

@media (max-width:1200px) {
body.page-id-79 header div.titlePage h2{ font-size: 100px !important;}
}

@media (max-width: 800px) {
body.page-id-79 header div.titlePage h2{ font-size: 80px !important;}
body.page-id-79 footer{ position: relative; bottom: auto; left: auto; padding-top: 30px; }
body.page-id-79 footer .numeroWhastapp{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: left; padding-top: 10px;}
body.page-id-79 footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; max-width: 80px; }
body.page-id-79 footer .redesSociales{ position: relative; bottom: auto; text-align: center; width: 50%; left: auto; float: right; padding-top:10px; }
}

@media (max-width: 640px) {
	body.page-id-79 header div.titlePage{ padding-top: 120px; }
	body.page-id-79 header div.titlePage h2{ font-size: 50px !important;}
}


	/* ============================================
		FOOTER PAGINA ACTUALIDAD
============================================ */

body.search footer{ position: relative; bottom: auto; width: 100%; text-align: center; background: #710101; z-index: 333; color: #fff;
padding: 0; padding: 20px 0; }
body.search footer .enlacesInformacion ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
body.search footer .enlacesInformacion ul li a{ color: #fff;}
body.search footer .numeroWhastapp{ position: absolute; bottom: 0px; width: 120px; left: 10px; }
body.search footer .numeroWhastapp img{ position: relative; width: 100%; height: auto; }
body.search footer .redesSociales{ position: absolute; bottom: 10px; width: 300px; right: 10px; }


body.search header{ height: auto; position: relative;}
body.search header .menuResponsive{ height: 100%; }
body.search header .titlePage h2{ width: 100%; font-size: 280px; color: #fff;
font-family: Bushmarket; text-align: center; font-weight: normal; line-height: 100%; margin: 0; padding-top: 40px; }
body.search header .textoPagina{ max-width: 1200px; text-align: justify;
	color: #fff; margin: 0 auto; width: 100%;font-family: 'GothamLightRegular'; padding:0 20px 50px 20px; }


@media (max-width: 800px) {

body.search header .titlePage h2{ position: relative; font-size: 180px; line-height: 100%; }
body.search header .textoPagina{ padding-top: 0; }
body.search header .titlePage h2{font-size: 100px; padding-top: 150px;}
body.page-template-turismo .capaAzul{right:-25%;width: 60%;height: 247%;}
body.page-template-turismo div.imagenFondo{background-attachment: inherit;height: 130%;}
body.page-template-deportes .capaAzul{right:-25%;width: 60%;height: 247%;}
body.page-template-deportes div.imagenFondo{background-attachment: inherit;}
section.deportes article .contenedor div{padding:15px 30px;}
}

@media (max-width: 640px) {
	body.search header .titlePage h2{ font-size: 90px; }
}

h3.noPost{ text-align: center; font-family: 'GothamLightRegular'; padding: 40px 0; font-size: 3em; width: 40%; margin: 0 auto }
@media (max-width: 800px) {

	h3.noPost{ width: 80%; font-size: 2em; }
}

@media (min-width: 1800px) {
body.page-template-sanblas .capaAzul,
body.page-template-turismo .capaAzul,
body.page-template-deportes .capaAzul{width: 75%;}
body.page-template-Ayuntamiento main#contenido .corporacion .concejal{width: 25%;}
section.home .content .alcalde .content img{width: 600px;}
div.alcalde p:first-child{font-size:35px!important;}
section.home .content .alcalde .content .datosAlcalde p:last-child{font-size:1em;}

}

@media (min-width: 2000px) {
body.page-template-sanblas .capaAzul,
body.page-template-turismo .capaAzul,
body.page-template-deportes .capaAzul{width: 70%;}

}

@media only screen and (max-width: 780px) and (orientation: landscape) {
header .menuResponsive nav ul li{font-size: 15px;margin:.5em 0;}
body.page-template-Ayuntamiento div.imagenFondo .textoPagina{padding-top:32em;}
body.page-template-Ayuntamiento main#contenido .corporacion .datosConcejal .fotoCondejal{width: 60%;margin-left:20%;height: 100%;}

body.page-template-ribaforada div.paginasHijas,
body.page-template-turismo div.paginasHijas,
body.page-template-deportes div.paginasHijas,
body.page-template-sanblas div.paginasHijas,
body.page-template-musica div.paginasHijas{right:30px;left:inherit;width: auto;top:100px;}
body.page-template-ribaforada div.paginasHijas article h3,
body.page-template-turismo div.paginasHijas article h3,
body.page-template-deportes div.paginasHijas article h3,
body.page-template-sanblas div.paginasHijas article h3,
body.page-template-musica div.paginasHijas article h3{font-size:11px!important;letter-spacing: 5px;}
body.page-template-ribaforada div.paginasHijas article h3 .btnPlus,
body.page-template-turismo div.paginasHijas article h3 .btnPlus,
body.page-template-deportes div.paginasHijas article h3 .btnPlus,
body.page-template-sanblas div.paginasHijas article h3 .btnPlus,
body.page-template-musica div.paginasHijas article h3 .btnPlus{font-size: 29px;top:-20px;margin-left:5px;}

body.page-template-turismo .textoPagina{max-width: 350px;}

body.page-template-turismo .titlePagina,
body.page-template-deportes .titlePagina,
body.page-template-sanblas .titlePagina,
body.page-template-musica .titlePagina{padding-top:135px;}
body.page-template-turismo .textoPagina p,
body.page-template-deportes .textoPagina p,
body.page-template-sanblas .textoPagina p,
body.page-template-musica .textoPagina p{font-size: 14px;}
body.page-template-turismo .capaAzul,
body.page-template-deportes .capaAzul,
body.page-template-sanblas .capaAzul,
body.page-template-musica .capaAzul{right:-10%;}
body.page-template-turismo footer,
body.page-template-deportes footer,
body.page-template-sanblas footer,
body.page-template-musica footer{margin-top:0;}

body.page-template-sanblas .capaAzul{width: 64%;}

}

/*PROYECTOS MUNICIPALES*/
body.page-template-proyectos-municipales .container{overflow-x:inherit;}

body.page-template-proyectos-municipales footer{position:relative;}