@media (max-width: 1400px){
	/*************** GO-TOP *****************/
	.go-top{
		right: 2em;
		bottom: 8em;
	}
}
@media (max-width: 1200px){
	/*************** GO-TOP *****************/
	.go-top{
		opacity: 0.5;
	}
	.go-top:hover{
		opacity: 1;
	}

}
@media (max-width: 1100px){
	/*************** AGENDA **************/
	.main-content-agenda main{
		padding-right: 15px;
	}
	.content-agenda-border {
		padding: 15px 0 0 0;
	}
	/*************** HOME *****************/
	.home-top-content-section-text {
		min-height: 300px;
	}
	.border-image {
		padding: 20px 25px 0 25px;
	}
	/************** FOOTER ****************/
	.footer-menu  ul > li > a:hover::before,
	.footer-menu  ul > li > a:hover::after{
		display: none;
	}
	.footer-menu  ul > li > a:hover{
		color: #000;
	}
	.footer-general-containers{
		width: 50%;
		text-align: center;
	}
	.footer-consult > div {
		text-align: center;
		padding: 0 3%;
	}
	.footer-foot h4{
		text-align: center;
	}
	.footer-contact-right-container{
		display: inline-block;
		text-align: left;
		max-width: 220px;
		margin: 0 auto;
	}
	.footer-contact > .web-logo{
		float: none;
	}
	.footer-facebook {
		padding-right: 0px;
	}
	.logo447gris{
		background-position: 50% 50%;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	.logo447gris:hover{
		width: 100%;
	}
	/************** HEADER ****************/
	.h-content-middle-right-content {
		padding-right: 0%;
	}
	.home-top-content {
		width: 100%;
	}
}

@media (max-width: 950px){
	/************** GALLERY **************/
	.thumbnail-container {
		width: 31.5%;
		width: calc(33.33% - 4px);
	}
	/*************** AGENDA ***************/
	.currently-cultural-agenda .currently-list-content-img{
		display: none;
	}
	.currently-list-content-img-agenda-responsive{
		width: 100%;
		max-width: 180px;
		display: inline-block;
		margin: 12px 10px 5px 0px;
		float: left;
	}
	.currently-list-content-img-agenda-responsive ~ .currently-list-right-block a,
	.currently-list-content-img-agenda-responsive ~ .currently-list-right-block .tit-brown-black{
		width: calc(100% - 190px);
		float: right;
	}
	.main-content-agenda .currently-cultural-agenda {
		padding: 0px 10px;
	}
	.main-content .currently-list-right-block{
		width: calc(100% - 25px);
	}
	/*************** HOME *****************/
	.weather-container, .calendar-container {
		margin: 25px;
	}
	.home-aside,
	.currently{
		width: 100%;
	}
	.home-aside{
		display: inline-flex;
		display: -webkit-inline-flex;
	}
	.home-aside > div {   
		min-height: 420px;
		min-width: 300px;
	}
	.home-top-content > section{
		width: 51%;
	}
	section.home-formalities {
		margin-left: -2%;
	}
	.home-top-content > .home-proceedings{
		margin-left: 0;
	}
	.home-top-content > section:first-child{
		width: calc(100% - 50px);
		padding: 0;
		margin: 25px 25px 5px 25px;
		-webkit-box-shadow: 0px 5px 10px -5px #ccc !important;
		-moz-box-shadow: 0px 5px 10px -5px #ccc !important;
		box-shadow: 0px 5px 10px -5px #ccc !important;
	}
	.home-village-summary{
		font-size: 0 !important;
		padding: 20px;
		background-color: #fff;
	}
	.home-top-content .home-formalities{
		margin-bottom: 0px !important;
	}

	.home-slider {
		padding: 0;
		background-color: #dad4c9;
		position: relative;
		width:48.5%;
		display: inline-block;
		font-size: 1rem;
		vertical-align: top;
		margin: 15px;
	}
	.home-village-summary .home-top-content-section-text {
		display: inline-table;
		width: 47%;
		width: calc(51.5% - 30px);
		margin: 0;
		font-size: 1rem;
		box-shadow: none;
		padding: 15px 10px 0 0;
		min-height: 0;
	}
	.border-image{
		background-color: #ffffff;
	}
	.rslides_tabs {
		position: absolute;
		bottom: 8px;
		right:30px;
		z-index: 99999;
	}
	.home-top-content-section-text {
		min-height: 260px;
	}

}

@media (max-width: 900px){
	/*************** LAYOUT ************/
	.aside-content,
	.aside-calendar-agenda {
		width: 275px;
	}
	.main-content{
		width: 62%;
		width: calc(100% - 275px);
	}

	.main-content-notices,
	.main-content-elements-list{
		width: 100%;
	}
	.aside-sections-menu li {
		font-size: 0.85rem;
	}
	/*************** TOWN HALL ************/
	/*HELP AND INFORMATION*/
	.information-help-text h2 {
		background-size: 18px;
		line-height: 1.5em;
		background-position: 5px 7px;
		font-size: 1.25em;
	}
	/*************** HOME *****************/
	.home-village-summary-txt {
		font-size: 0.85em;
	}
	/************** HEADER ****************/
	.h-web-description{
		width: 100%;
		display: table-caption;
		text-align: center;
		line-height: 27px;
		margin:0;
		color: #999;
		font-size: 0.9em;
		padding: 0 20px;
	}
	.h-link-services-map{
		text-align: left;
	}
	.hf-general-contact{
		width: 100%;
	}

	/********************** TOWN HALL ************************/
	.town-hall-by-year-pdf-list > li{
		width: 49%;
	}
}

@media (min-width: 750px) and (max-width: 850px){
	/*************** SHOP *****************/
	.shop{
		width: 100%; 
	}
	.shop>div{
		max-width: none; 
	}
}
@media (max-width: 850px){
	/************ ERRORES AND OK MSGS ************/
	#errores {
		text-align: center;
	}
	.contact-form, .message_ok_ko {
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	/*************** EVENT ****************/
	.cards_gallery {
		max-width: 390px;
	}
	/************* CONTACT ****************/
	.main-contact main{
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
		display: block;
	}
	.main-contact .contact-text,
	.main-contact .contact-form{
		text-align: center;
		width: 100%;
		padding: 0;
	}
	.contact-form .send_button {
		max-width: 330px;
		padding: 12px 0 10px 0;
		font-size: 1.1em;
		margin: 10px 0;
		width: 100%;
	}
	/************** HEADER ****************/
	.h-navigation-menu > .has-sub > a{
		pointer-events: initial;
		cursor: pointer;
	}
	#h-menu-button{
		display: block;
	}
	.h-navigation-menu{
		display: none;
	}
	.has-sub:hover > ul{
		display: none;
	}
	.h-navigation-menu  li{
		display: inline-block;
		float: none;
		text-align: left;
		width: 100%;
		position: relative;
	}
	.search-button-responsive{
		display: inline-block;
		background-image: url('/images/lens.png');
		height: 54px;
		width: 60px;
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 50%;
		cursor: pointer;
		width: 32px;
		height: 32px;
		padding: 0;
		border: 2px solid #fff;
		border-radius: 100%;
		margin-left: 5px;
	}
	.h-navigation-menu .search-li {
		margin: 0 auto;
		display: block;
	}
	.h-navigation-menu .h-navigation-menu{
		background-color: #e05564;
	}
	.h-navigation-menu > li:hover > a{
		background-color: #fff;
		border-bottom: 4px solid #fff;
		color: #cc0033;
	}
	.search-form{
		display: inline-block;
		width: 100%;
		padding: 0 1%;
		max-width: 300px;
		position: static;
	}
	.search-form > .hide::before, 
	.search-form > .hide::after,
	.search-button{
		display: none;
	}
	.search-form > .hide {
		position: inherit;
		display: inline-block !important;
		width: calc(100% - 40px);
		float: left;
	}
	.search-li{
		padding: 9px 0 10px 0;
	}
	.has-sub > a {
		background-size: 14px;
		background-position: 95% 52%;
	}
	.h-navigation-menu .h-navigation-menu .h-navigation-menu {
		margin-top: 0px;
	}
	.has-sub li{
		padding-left: 15px;
	}
	.has-sub > ul {
		position: inherit;
		margin-left: 0 !important;
		width: 100%;
	}
	.form-close-search{
		display: none;
	}
	.h-navigation-menu li a,
	.h-navigation-menu > li:hover > a,
	.h-navigation-menu > .h-menu-active > a{
		padding: 16px 20px  !important;
		border-bottom: 0;
	}
	.h-navigation-menu > .h-menu-active::before{
		content: '';
		border-top: 5px solid transparent;
		border-left: 10px solid #fff;
		border-bottom: 5px solid transparent;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 20px;
	}
	.search-text{
		width: 100%;
	}
	/****************** AGENDA ******************/
	.main-content-agenda, .aside-calendar-agenda{
		width: 100%;
		display: block;
		margin:  10px 0 25px 0;
		padding: 0;
	}
}
@media (min-width: 850px){
	/************** HEADER ****************/
	#h-menu-button{
		display: none;
	}
	nav > .h-navigation-menu{
		display: block !important;
	}
	.search-button-responsive{
		display: none;
	}
	.h-navigation-menu .h-navigation-menu .has-sub > a{
		background-image: url('../images/w_arrow_bold_r.png');
		background-size: 6px;
		background-repeat: no-repeat;
		background-position: calc(95% - 6px) 55%;
	}
	.h-navigation-menu .h-navigation-menu .has-sub:hover > a{
		background-image: url('../images/r_arrow_bold_r.png');
	}
}
@media (max-width: 800px){
	/********************** NOTICES *********************/
	.main-content-notices section .notice-name-responsive{
		display: block;
	}
	.main-content-notices section .notice-name{
		display: none;
	}
	.main-content-notices section .notice-date{
		margin-top: 15px;
	}
	.main-content-notices section > div{
		width: 100%;
		padding: 0;
	}
	.main-content-notices section > .notice-img{
		width: 94%;
		max-width: none;
		width: calc(100% - 30px);
	}
	/********************** ASSOCIATION *********************/
	.main-content-elements-list section .elements-list-name-responsive{
		display: block;
	}
	.main-content-elements-list section .elements-list-name{
		display: none;
	}
	.main-content-elements-list section > .elements-list-img{
		max-width: none;
		width:100%;
		margin-bottom: 5px;
		margin-top: 15px;
	}
	.main-content-elements-list section > div{
		max-width: none;
		width:100%;
	}
	.main-content-elements-list section > .elements-list-img ~ div{
		width: 100%;
		padding: 0;
	}
	.main-content-elements-list section  .small-check{
		display: none;
	}
	.main-content-elements-list section  .small-check-res{
		display: inline-block;
		vertical-align: top;
		margin: 1px 8px 0 0;
	}
	/**************** COOKIES ***************/
	.cookies {
		padding: 1em;
		font-size: 0.9em;
	}
	.cookies > .content-cookies > a {
		padding: 4px 8px 1px 8px;
	}
	.cookies > .content-cookies > div {
		padding: 0.65em 2em 0.35em 2em;
		margin: 3px 0;
	}
	/**************** GO-TOP ***************/
	.go-top {
		right: 1em;
		bottom: 1em;
	}
	/**************** AGENDA ***************/
	.main-content-agenda main,
	.main-content-agenda .calendar-container{
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		display: block;
	}
	.main-content-agenda .calendar-container{
		margin-bottom: 25px !important;
		display: inline-block;
	}
	/*************** HOME *****************/
	.home-village-summary-txt {
		line-height: 1.2em;
		font-size: 0.8em;
	}
}

@media (min-width: 750px) and (max-width: 900px){
	/*************** PHONES AND LINKS ***********/
	.two-colums-phones-links > .colum-phones-links {
		width: 100%;
	}
	/**************** RECORDINGS ****************/
	.recordings-list > li {
		width: 100%;
	}
}
@media (max-width: 750px){
	/*************** PHONES AND LINKS *************/
	.cards_gallery {
		max-width: 335px;
	}

	.history-imgs {
		margin-top: 1em;
		text-align: center;
	}
	/********* COMPANIES AND BUSINESSES ***********/
	.shops-content > h2 {
		margin: 0em 0 0.5em 0;
	}
	/****************** GALLERY ******************/
	.thumbnail-container {
		width: 24%;
		width: calc(25% - 4px);
	}
	/************* LAYOUT CONTENT ************/
	.main-content{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	/************* PROCEDURES ****************/
	.aside-content{
		display: none;
	}
	.information-help-text h2{
		margin-left: 0;
	}
	.information-help-text h2 {
		line-height: 1.5em;
		background-position: 0px 5px;
		font-size: 1.5em;
	}
	/***************** SHARE CONTENT *********/
	.share-content {
		text-align: center;
	}
	/*************** HOME *****************/
	.main-content-home{
		margin: 0;
	}
	.cookies button{
		margin: 2px auto 10px auto;
	}
	.home-slider,
	.border-image{
		padding: 20px 20px 0 20px;
		background-color: #dad4c9;
	}
	.home-top-content-section-text{
		min-height: 0;
	}
	.home-top-content-section-text{
		padding: 20px;
	}
	.home-village-summary .home-top-content-section-text {
		padding: 20px;
	}
	.currently-list-content-img-home {
		max-width: 140px;
	}
	.currently-list-content-img-home ~ .currently-list-right-block{
		width: calc(100% - 185px);
	}
	.home-aside > div {
		margin: 25px 0;
	}
	.tit-brown-black > .tit-brown-black-tit {
		width: calc(100% - 40px);
	}
	.home-village-summary, .currently{
		padding: 0;
	}
	.weather-container-only-res-phone{
		padding: 0;
		margin-top: 25px;
		display: block !important;
		background-color: #fff;
		padding-bottom: 15px;
	}
	.home-top-content > section {
		width: 100%!Important;
		margin:  0 0 25px 0 !important;
	}
	.home-top-content > section > div{
		width: 100% !important;
		margin: 0;
		text-align: center;
	}
	.home-village-summary > .home-top-content-section-text {
		text-align: left;
	}
	.home-top-content-see-more-btn {
		display: inline-block;
		margin: 0;
		border: 1px solid #cd0c21;
		padding: 5px 10px 2px 10px;
		margin-top: 15px;
		font-weight: normal;
		width: 100%;
		text-align: center;
		max-width: 180px;
	}
	.home-top-content-see-more-btn:hover{
		border: 1px solid #000;
	}
	.home-top-content-lists > li {
		width: 50%;
		float: left;
		text-align: left;
	}
	.home-top-content-lists{
		display: inline-block;
		width: auto;
	}
	/************** FOOTER ****************/
	.footer-contact-right-container{
		display: block;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.footer-contact > .web-logo{
		display: block;
		text-align: center;
		width: 100%;
	}
	.footer-contact .hf-phone,
	.footer-contact .hf-contact{
		padding: 0;
	}
	/************** HEADER ****************/
	.h-content-top {
		padding: 5px 20px;
	}
	.h-content-middle-right-content {
		width: 100%;
	}
	.hf-contact{
		width: 50%;
		text-align: right;
		padding-right: 3%;
	}
	.hf-phone{
		width: 50%;
		text-align: left;
		padding-left: 3%;
	}
	.h-address{
		text-align: center;
	}
	.web-logo > a > figure{
		width: 100%;
	}
	.h-content-middle .web-logo{
		width: calc(100% + 50px) !important;
		display: inline-block;
		margin-left: -25px;
	}
	.web-logo > a > figure > figcaption,
	.web-logo > a > figure > img{
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.web-logo > a > figure > img{
		max-width: 150px;
	}
	.web-logo > a > figure > figcaption{
		margin-top: 8%;
		font-size: 1.5em;
		margin-bottom: 2%;
	}
	.h-content-middle > div {
		text-align: center;
	}
	.weather-container{
		display: none;
	}
}

@media (max-width: 700px){
	/*************** EVENT ****************/
	.cards_gallery {
		max-width: 100%;
	}
	.cards_gallery{
		padding: 0;
		margin: 1% 0 3% 0;
	}
	/*************** HOME ****************/
	.home-aside > div {
		min-height: auto;
		min-width: 0px;
	}
}

@media (max-width: 600px){

	/************ PHONES AND LINKS **********/
	.two-colums-phones-links > .colum-phones-links {
		width: 100%;
	}
	/************** GALLERY **************/
	.thumbnail-container {
		width: 31.5%;
		width: calc(33.33% - 4px);
	}
	/*********** GENERAL LAYOUT *************/
	/*GOLD TITLES*/
	.gold-title{
		font-size: 1.25em !important;
		letter-spacing: 0px;
		word-spacing: 0px;
	}
	/*************** HOME *****************/
	.currently-list-content-img{
		display: none;
	}
	.currently-list-content-img-home-responsive{
		display: block;
		margin: 15px 0;
	}
	.currently-list .currently-list-right-block {
		width: calc(100% - 25px);
		float: right;
	}
	.web-logo > a > figure > figcaption {
		font-size: 1.5rem;
	}
	.web-logo > a > figure > img {
		max-width: 150px;
	}
	.currently-list-content-img-home ~ .currently-list-right-block{
		width:calc(100% - 25px);
	}
	/************** FOOTER ****************/
	.footer-foot > div {
		width: 100%;
	}
	/************** HEADER ****************/
	.hf-general-contact > *{
		font-size: 0.9em !important;
	}
	.h-link-services-map{
		display: none;
	}
	.h-web-description{
		font-size: 0.8em;
	}
	
	.h-social-icons{
	text-align: center;
}
	/**************** AGENDA *****************/
	.currently-list-content-img-agenda-responsive{
		max-width: none;
	}


}

@media (max-width: 550px){

	.card-back-button>a{
		max-width: 250px;
		margin: 15px auto -5px auto;
		display: block;
		float: none;
	}
	.docu-download-card {
		text-align: center;
	}
	.docu-download-card > a {
		padding-left: 26px;
		background-position: 5px 3px;
	}
	.docu-download-card > a {
		display: inline-block;
		margin: 0 auto;
	}
	/*************** RECORDINGS ***************/
	.recordings-list > li {
		width: 100%;
	}
	/*************** SHOP *****************/
	.shop{
		width: 100%; 
	}
	.shop>div{
		max-width: none; 
	}
        .socialesnews{
            padding-top: 20px;
            padding-left: 20px;
            margin: 15px auto -5px;
            display: block;
            float: none;
            margin: 15px auto -5px;
            max-width: 250px;
        }
}
@media (max-width: 500px){
	/*************** MAIN CONTENT ***************/
	.main-layout {
		padding: 10px;
	}
	/******************* COOKIES **************/
	.cookies {
		padding: 0.5em;
		font-size: 0.8em;
	}
	.go-top {
		right: 0.5em;
		bottom: 0.5em;
	}
	.cookies > .content-cookies > div {
		max-width: 100px;
	}
	/****************** BREADCRUMS ***************/
	.breadcrums-content-top {
		text-align: center;
	}
	.before-crumbs-text {
		display: none;
	}
	.crumbs li:first-child::before{
		background-image: none;
	}
	/*************** HOME *****************/
	.web-logo > a > figure > figcaption {
		font-size: 0.9rem;
	}
	.web-logo > a > figure > img {
		max-width: 75px;
	}
	/************** HEADER ****************/
	.home-top-content-see-more-btn,
	.home-top-content-lists > li {
		width: auto;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 450px){
	/************** GALLERY **************/
	.thumbnail-container {
		width: 48%;
		width: calc(50% - 4px);
	}
	/****************** LAYOUT **************/
	.h-content-top{
		padding: 5px 10px;
	}
	.currently,
	.weather-container-only-res-phone{
		padding: 0 0 10px 0 !important
	}
	.google-maps{
		padding: 10px;
	}
	/********************** AGENDA *****************/
	.main-content-agenda .currently-cultural-agenda{
		padding: 0;
	}
	.main-content-wrapper {
		padding: 25px 10px 10px 10px;
	}
	.main-content-agenda .pagination{
		margin-top: -10px;
	}
	/*************** HOME *****************/
	.currently-list-right-block > a > h2 {
		font-size: 1.15em;
	}
	.currently-list-right-block{
		width: 100%;
	}
	.currently-list .currently-list-right-block {
		width: 100%;
	}
	.currently-list-check-img{
		display: none;
	}
	.currently-list-content-img-home ~ .currently-list-right-block{
		width: 100%;
	}
	.main-content-home {
		margin-top: -15px;
	}
	/************** HEADER ****************/
	.hf-general-contact > div{
		font-size: 0.8rem;
	}
	.h-address * {
		display: inline !important;
		font-size: 0.8em !Important;
	}
	.hf-contact{
		font-size: 0.9rem;
	}
	.hf-phone{
		font-size: 0.9rem;
	}
	/********************** TOWN HALL ************************/
	.town-hall-by-year-pdf-list > li{
		width: 100%;
	}
}
@media (max-width: 350px){
	.main-content-elements-list section h2{
		font-size: 1.15em;
	}
	.main-content-elements-list section .small-check-res{
		display: none;
	}
	.recordings-list > li > .record-title{
		background-image: none;
		margin: 0;
		padding: 0;
	}
	.recordings-list > li{
		padding: 10px 0;
	}
	/****************** NOTICES ***************/
	.main-content-notices section > .small-check{
		display: none;
	}
	.main-content-notices section > .notice-img{
		width: 100%;
		border: none;
	}
	/****************** ASSOCIATIONS ***************/
	.main-content-elements-list section > .elements-list-img{
		width: 100%;
		border: none;
	}
	/**************** HISOTRY ******************/
	.history-imgs > a{
		width: 50%;
		margin: -4px;
		padding: 4px;
	}
	/**************** PARTIES ******************/
	.parties-imgs > a{
		width: 50%;
		margin: -4px;
		padding: 4px;
	}
	/**************** AGENDA ******************/
	.aside-calendar-agenda div.semanas,
	.aside-calendar-agenda div.diassemana li:first-of-type{
		display: none;
	}
	.aside-calendar-agenda div.diassemana li {
		width: 14.25%;
	}
	/************** SHARE CONTENT ********/
	.share-content-name, .share-content{
		width: 100%;
		text-align: center;
		margin: 0 0 15px 0;
	}
	/*************** AGENDA *************/
	.currently-list-content-img-agenda-responsive{
		display: block;
		margin: 10px auto;
		width: 100%;
		max-width: none;
	}
	/************** HEADER ***************/
	.h-web-description {
		font-size: 0.75em;
	}
	.h-social-icons{
		display: none;
	}
	.hf-general-contact img {
		width: 25px;
		margin-bottom: -5px;
		margin-top: 5px;
	}
	.h-language-selector{
		width: 100%;
		display: block;
		margin-top: -10px;
		padding: 0;
		text-align: center;
	}
	figure > figcaption {
		font-size: 0.9rem;
	}
	.web-logo > a > figure > img {
		max-width: 65px;
	}
	/************** INDEX *****************/
	.marquee-events{
		width: 100%;
		height: 27px;
	}
	.containter-marquee-events > img{
		display: none;
	}
	.containter-marquee-events {
		border-bottom: 5px solid #e2e2e2;
		border-top: 5px solid #e2e2e2;
		height: 40px;
	}

}
@media (max-width: 280px){
	/************** HEADER ****************/
	.web-logo > a > figure > figcaption{
		font-size: 100%;
	}
	.h-social-icons,
	.h-language-selector{
		text-align: center;
		display: block;
	}
	.h-language-selector > li:last-child{
		padding: 0 10px;
	}
	.h-language-selector{
		padding-top: 10px;
	}
}
.main-content-elements-list{
    padding: 20px;
}
.sidebar{
    padding: 20px!important;
}