@charset "utf-8";
/* 
	Theme Name: Plantilla Centre Cultural Terrassa
	Description: Plantilla de la web de la FACT Cultural de Terrassa
	Author: KS!
	Author URL: http://www.ks-interactivos.com
	Version: 0.31
	License: Private License

*/


/*MEGAPROVA*/
.container_calendari{
    width: 100%;
    height: 100%;
    background-color: #332e20;
    font-family: 'Raleway', sans-serif;
}
.container {
  height: 100vh;
  width: 100vw;
  font-family: 'Raleway', sans-serif;
}


/* ------ */
/* LOADER */
/* ------ */

.loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid rgb(32,32,32);
}
.loader--dot:first-child {
  background-color: #009edd;
  animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
  background-color: #ff9900;
  animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
  background-color: #005091;
  animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
  background-color: #99cc00;
  animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
  background-color: #999999;
  animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
  background-color: #750d67;
  animation-delay: 0s;
}
.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
  color: white;
}
.loader--text:after {
  content: "Carregant";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}
@keyframes loading-text {
  0% {
    content: "Carregant";
  }
  25% {
    content: "Carregant.";
  }
  50% {
    content: "Carregant..";
  }
  75% {
    content: "Carregant...";
  }
}

/*FI MEGAPROVA*/


/* 3 dissenys, Mòbil (280min max480px), Tauleta (<1024px), Desktop (>1024px)*/
section,footer,iframe{
	visibility: hidden;
}
body{
	overflow: hidden;
}

.grecaptcha-badge {
        display: none !important;
    }


/*TIPO CALENDARI*/
  @font-face {
    font-family: Calendari;
    src: url("fonts/Neutraliser_bold.otf");
}
.compacte{
	font-family: Calendari;
}
.no_data{
	font-family: 'Raleway', sans-serif;
}



/* AIXO ES PEL MENU RESPONSIU */
.slicknav_menu,
.franja_lafact {
	display:none;
}

.boto-contacte{
	background-color: #DC0053;
	padding: 3%;
	text-align: center;
	color: white;
	border: thin solid white;
}

@media screen and (max-width: 1023px) {
	.js #menu_principal,
	.franja_lafact_desktop{
		display:none;
	}
	
	.js .slicknav_menu{
		display:block;
	}
	.franja_lafact {
		display:inline-block;
		width:calc(100% - 40px);
	}
}
/* FI AIXO ES PEL MENU RESPONSIU*/



.wpcf7-form-control-wrap.dansa{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}
.wpcf7-form-control-wrap.concert{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}
.wpcf7-form-control-wrap.circ{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}
.wpcf7-form-control-wrap.musica{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}
.wpcf7-form-control-wrap.teatre{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}
.wpcf7-form-control-wrap.conferencia{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}
.wpcf7-form-control-wrap.altres{
	position: inherit;
	width: auto;
	height: auto;
	opacity: 1;
	background-color: inherit;
	z-index: 0;
}





/*SLIDER*/
#slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
    .slidesjs-stop{
		display: none;
	}
	.slidesjs-play{
		display: none;
	}

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333;
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020;
    }

    .navbar {
      overflow: hidden;
    }

	.container {
      margin: 0 auto;
    }
    
    /*#slideshow aside.contingut_slideshow-3linees{
		height: 46%; -BORRA
	}*/
	
	.imatges_grans aside.contingut_slideshow-3linees{
		height: 40%;
	}

	.slideshow_linia-addicional{
		display:none;
		/*color:#FFF;
		display:inline-block!important;
		font-size: 10px;
		width:65%;
		padding-left:60px;
		margin-top:10px;*/
	}
	
	#slideshow .mes_info{
   		position: absolute;
    	font-weight:300;
    	color:#FFF;
    	/*float: right; 
		clear: none; 
		margin: -5% 3% 0px 0px;*/
		/*width: 25%;
   	 	text-align: right;*/
	}
	
	#slideshow .mes_info img{
		text-align:center;
		float:none;
		display:block;
		margin:auto auto 10px auto;
		
	}
	

/*FI SLIDER*/





/* ------------------------------ */
/* Pàgina d'inici: VIDEOS YOUTUBE */
/* ------------------------------ */
.video-container {
	position:relative;
	padding-bottom:50%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



/* AFEGIT CALENDARI */

#setmana{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
	float: left;
	width: 98%;
	background-color: white;
	margin: 2% 0px 0px;
	padding: 1%;
}
#setmana h3{
	text-align: center;
	border: thin solid grey;
	margin: 0px 0px 11px;
	padding: 1%;
	border-radius: 2px;
}
.esdevPetits{
	/*float: left;*/
	padding-right: 0px;
	/*border-right: thin solid grey;*/
	margin-right: 0px;
	display: inline-block;
}
.esdevPetits h1{
	font-size: 1em;
}
.esdevPetits img{
	margin-top:8px;
	margin-bottom:8px;
	width:100%;
}

#destacat .esdevPetits button{
	height: 24px;
font-size: 16px;
/*padding-left: 10px;
padding-right: 10px;*/
}

#contingut_setmana{
	/*width: 100%;*/
	overflow-x:scroll;
	overflow-y:hidden; 
	white-space: nowrap;
}
#max_setmana{
	position: relative;
	/*width: 1000%;*/
	white-space: nowrap;
	overflow:auto;
}



/* FI AFEGIT CALENDARI */



/* COMÚ */
#onsom{
		display: none;
	}
div.top-menu.bg-top-menu {
    border-bottom: thin solid white;
    font-weight: bold;
    margin:0;background-color: #DC0053;color: #FFF;padding: 5px 10px;
}
.imatge_destacada_inici{
		overflow:hidden;
	}
.imatge-cent-vert{
	float: left;
	margin-right: 3%;
}

.central-estatica{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
	background-color: #ffffff;
	padding: 1em 1em 1px 1em;
	margin-bottom: 2em;
}
.page-title>a{
	color: #000;
	text-decoration: none;
}

.wpcf7{
  text-align: center;
}
.data_expo{
	border: 1px solid #000;
	border-style: solid none;
	padding-top: 20px;
	margin-top: -15px;
}
body>aside{
	
	margin: auto;
	text-align: center;
	color: rgb(230,230,230);
	font-weight: bold;
}

#contingut article{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
	background-color: #ffffff;
	padding: 1em 0em 1px 0.4em;
	margin-bottom: 2em;
}
.flexcroll{
	height: 300px;
	overflow: scroll;
}
.flexcroll li{
	list-style: none;
	margin-bottom: 1em;
	margin-left: 0px;
	border-bottom: thin solid black;
}
.flexcroll li a{
	color: black;
	text-decoration: none;
	font-size: 90%;
}
.flexcroll ul{
	padding-left: 5px;
}

#historic{
	clear: both;
	text-align: center;
	border: thin solid grey;
	padding: 1%;
	border-radius: 4px;
}
.llistat-anys{
	list-style: outside none none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
	max-height:90px;
}
.jcarousel-skin-tango .llistat-anys li.jcarousel-item{
	/*float: left;*/
	border: thin solid #332e20;
	/*padding: 2%;
	margin-right: 2%;*/
	text-align:center;
	/*padding:20px 20px;*/
	height:75px !important;
	line-height:45px;
	
}

.llistat-anys li:hover{
	background-color: #DC0053;
	border-color:#DC0053;
}
.llistat-anys li:hover a{
	color: white;
}
.llistat-anys li a{
	color: black;
	text-decoration: none;
	padding:20px 20px;
	line-height:75px;
}
.llistat-anys li.actiu{
	background-color: #DC0053;
	border-color:#DC0053!important;
}
.llistat-anys li.actiu a{
	color: white;
}



#esdev_desktop img{
	width: 513px;
	height: 215px;
}



.contingut_slideshow span{
	border: thin solid white;
	padding: 1%;
	margin-right: 2%;
	text-transform:lowercase;
}
.espais{
	background-color: rgb(51, 46, 32);
}
.text_menu_lateral{
	color: white;
}
.text_menu_lateral a{
	color: white;
	text-decoration: none;
}
.text_menu_lateral a:hover{
	text-decoration: underline;
}

#filtratge a:hover{
	text-decoration: underline;
}


/* ------------------- */
/* Galeria exposicions */
/* ------------------- */
body.single-exposicio .jcarousel-skin-tango .jcarousel-clip-horizontal,
body.page .jcarousel-skin-tango .jcarousel-clip-horizontal,
body .jcarousel-skin-tango .jcarousel-clip-horizontal{
	height:200px;
}

body.single-exposicio .jcarousel-skin-tango li.jcarousel-item,
body.page .jcarousel-skin-tango li.jcarousel-item,
body .jcarousel-skin-tango li.jcarousel-item{
	height:200px;
	line-height:200px;
}

body.single-exposicio .jcarousel-skin-tango .jcarousel-next-horizontal,
body.single-exposicio .jcarousel-skin-tango .jcarousel-prev-horizontal,
body.page .jcarousel-skin-tango .jcarousel-next-horizontal,
body.page .jcarousel-skin-tango .jcarousel-prev-horizontal,
body .jcarousel-skin-tango .jcarousel-prev-horizontal,
body .jcarousel-skin-tango .jcarousel-next-horizontal{
	top:95px;
}

body.tax-programacions .jcarousel-skin-tango .jcarousel-prev-horizontal,
body.tax-programacions .jcarousel-skin-tango .jcarousel-next-horizontal,
body.page-template-page-programacio-historic .jcarousel-skin-tango .jcarousel-prev-horizontal,
body.page-template-page-programacio-historic .jcarousel-skin-tango .jcarousel-next-horizontal{
	top:43px;
}
body.page-template-page-programacio-historic .jcarousel-skin-tango .jcarousel-clip-horizontal,
body.tax-programacions .jcarousel-skin-tango .jcarousel-clip-horizontal{
	height:90px;
}

body.page-template-page-programacio-historic .jcarousel-skin-tango li.jcarousel-item{
	height:45px;
	line-height:45px;
}


/* ------------------------ */
/* Paginació Sala de premsa */
/* ------------------------ */
.entry-meta{
	margin-bottom:20px;
	border-bottom:1px solid rgb(230, 230, 230);
	padding-bottom:15px;
}
.addtoany_content_bottom{
	margin-top:20px;
	border-top:1px solid rgb(230, 230, 230);
	padding-top:20px;
}

#nav-below{
	margin:30px auto 30px auto;
	width:100%;
padding-top:20px;
	padding-bottom:20px;
}

.nav-previous{
	float:left;
}

.nav-next{
	float:right;
}

.nav-previous a,.nav-next a{
	background-color:#FFF;
	
	padding:15px;
	color:#332e20;
	text-decoration:none;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
}

.nav-previous a:hover,.nav-next a:hover{
	color:#FFF;
	background-color:#332e20;
}

body.tax-programacions h1{
	text-transform:capitalize;
}

/* --------------------- */
/* Navegació desplegable */
/* --------------------- */
#menu_principal .sub-menu li{
	text-transform:lowercase;
}




/* ------- */
/* TOOLTIP */
/* ------- */
   .arrow:after {
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
  .esdevPetits{
  	min-height:100px;
  }
  
  .esdev_pestanyes{
  	border:1px solid #362d1f;
  	padding:3px 7px;
  	margin:5px 10px 5px 0px;
  	font-size:0.9em;
  }









/* ---- */
/* COMÚ */
/* ---- */


/*Mobile 280 ---------------------------------------------------------------------------------------------------------------------<480px*/
@media all and (min-width: 0px){
	
	
	
	/*------------HEADER ------------*/
	body{
		width: 280px;
		/*font-family: 'Helvetica', 'Arial', sans-serif;*/
		font-family: 'Raleway', sans-serif;
		/*background-color: rgb(32,32,32);*/

	}
	#logo{
		width: 280px;
		float: left;
		margin: 5px 0px 5px 0px;
	}
	#logo a h1{
		width: 100px;
		/*margin: auto;*/
	}
	#logo a {
		width: 100px;
		margin: auto;
	}
	#logo a h1 img{
		width: 180px;
		margin: auto;
	}
	
	/*--- NOU MENÚ SUPERIOR ---*/
	
	#menu_superior{
		background-color:#f2f2f2;
		background-image:url('img/bg/fons_menu_superior.jpg');
		/*background-repeat:repeat-y;*/
		background-position-x: right;
		background-size:contain;
	}
	
	#menu_superior #contenidor_articles{
		background-color:#f2f2f2;
	}

	#acces_directe{
		/*width: 450px;*/
		display: block;
		list-style: none;
		padding:0px; /* nou disseny */
		margin: 0px; /* 10px 0;*/
		float: right;
		font-size:0.8em;
	}
	
	#acces_directe{
		/*width: 40%;
		 display: none; nou disseny */
		float: right;
		color: white;
	}
	#acces_directe p{
		float: left;
		padding-left: 3%;
		margin-left: 3%;
		font-size: 2vw;
		border-left: thin solid white;
	}
	
	#acces_directe li{
		float: left;
		padding:10px 5px 10px 5px;
    	margin-right: 0px;
	}
	
	#acces_directe li:before{
		content:"|";
		display:inline-block;
		width:3px;
		color:#332e21;
		margin-right:7px;
	}
	
	
	#acces_directe li:first-child,
	#acces_directe li:before,	
	#acces_directe li:nth-child(3){
		display:none;
	}
	
	#acces_directe li.menu-entrades{
		background-color:#DC0053;
		background-image:url('img/bg/barra_entrades_menu_superior.jpg');
		background-repeat:no-repeat;
		background-size:contain;
		padding-left:65px;
		margin-right:0px;
		color:#FFF;
		
	}
	
	#acces_directe a{
		color:#332e21;
		text-decoration:none;
	}
	

	#acces_directe a:hover{
		text-decoration:underline;
	}
	
	
	#acces_directe .menu-entrades a{
		color:#FFF;
	}
	
	
	#onsom:hover{
		text-decoration: underline;
	}
	
	body .slicknav_menu{
		background-color:transparent;
		margin-top:0px;/*60px;*/
	}
	
	/*----------MENU UTILS-----------*/
	#search-form,#icones-top,#selector-idioma{
		float:right;
		margin-left:15px;
	}
	
	#menu-utils{
		/*padding-top:25px;*/
		margin-top: 10px;
		float: right;
	}
	
	#menu-utils{
		color:#DC0053;
	}
	#menu-utils a{
		color:#727272;
		text-decoration:none;
	}
	#menu-utils a:hover{
		text-decoration:underline;
		color:#DC0053;
	}
	
	#selector-idioma{
		margin:5px 10px 0 15px ;
		
	}
	
	#icones-top img{
		width:30px;
	}
	
	#search-form{
		height:30px;
		display:none;
	}
	
	#search-form form{
		display:inline-block;
	}
	
	#search-form fieldset{
		padding:5px 10px;
		border:0px;
		border-bottom:1px solid #727272 ;
	}
	
	#logo-par{
		/*clear:both;
		text-align:right;*/
		float:right;
	}
	
	#logo-par img{
		margin-top:-15px;
		height:45px;
	}
	
	body.search .addtoany_content{
		display:none;
	}
	
	
	header{
		float: left;
		background-color: #FFF;
		}
	nav form{
		display: none;
	}
	#idioma{
		text-decoration: none;
		color: white;
		float: right;
		
	}
	#idioma:hover{
		text-decoration: underline;
	}
	#botons_destacat{
		display: none;
	}

	


	/* -------------- SLIDESHOW -----------------*/
	#principal{
		clear: both;

	}
	#slideshow{
		position: relative;
	}
	#slideshow img{
		width: 280px;
		height: auto;
		float: left;
	}
	#slideshow aside{
		width: 280px;
		float: left;
		
		position: absolute;
		height: 70px;/*160px;*//*30%;*/
		/*margin-top: 95px;*/
		bottom: 0px;
	}
	
	
	
	
	
	#slideshow aside h2{
		float: left;
		color: white;
		/*font-weight: 300;*/
		font-size: 10px;
		margin-bottom: 2px;
		margin-left: 10px;
	}
	#slideshow aside h2 a{
	text-decoration:none; color: white;
	}
	#slideshow aside p{
		margin: 0;
		clear:left;
		float: left;
		color: white;
		margin-left: 10px;
		font-size: 8px;
	}
	.mes_info{
		display: none;
	}
	.contingut_slideshow{
		position: absolute;
		width: 98%;
		height:100%;
		z-index: 10;
		padding-left: 1%;
    	padding-right: 1%;
	}
	
	.item-programacio{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		z-index: 5;
	}
	
	.exposicio{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: #DC0053;
		z-index: 5;
	}
	
	.circ{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: #009edd;
		z-index: 5;
	}
	
	.dansa{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: #005091;
		z-index: 5;
	}
	.concert{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: #99cc00;
		z-index: 5;
	}
	.teatre{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: #ff9900;
		z-index: 5;
	}
	.conferencia{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: #750d67;
		z-index: 5;
	}
	.altres{
		position: absolute;
		width: 100%;
		height:100%;
		opacity: 0.7;
		background-color: rgb(200,200,200);
		z-index: 5;
	}




	/*--------DESTACAT----------------------*/
	#destacat button{
		color: white;
		background-color: #332e20;/*DC0053;*/
		border: none;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
		position: relative;
		margin-bottom: 3px;
		height: 72px;
		font-size: 13px;
	}
	
	button.entrades{
		position:relative;
		margin-left:15px;
	}
	
	button.entrades.entrades-exhaurides{
		font-size:16px;
	}
	
	/* LATERALES DE LOS BOTONES DE COMPRA */
	#destacat button:before,
	#destacat button:after,
	button.entrades:before,
	button.entrades:after{
		content:" ";
		position:absolute;
		width:5px;
		height:100%;
		background-color:red;
		top:0px;
		left:-5px;
		background:transparent url("img/bg/lateral_esq_ticket.png") no-repeat;
		background-size:cover;
	}
	
	#destacat button:after,
	button.entrades:after{
		right:-5px;
		left:auto;
		background-image:url("img/bg/lateral_drt_ticket.png");
	}
	
	button.entrades:before,
	button.entrades:after{
		width:7px;
		left:-7px;
	}
	
	button.entrades:after{
		right:-7px;
		left:auto;
	}
	
	#info_esdev button.entrades:before,
	#info_esdev button.entrades:after,
	button.entrades.entrades-exhaurides:before,
	button.entrades.entrades-exhaurides:after{
		width:10px;
		left:-10px;
	}
	
	#info_esdev button.entrades:after{
		right:-8px;
		left:auto;
	}
	
	button.entrades.entrades-exhaurides:after{
		right:-10px;
		left:auto;
	}
	/* FI LATERAL BOTONS DE COMPRA */
	
	
	#botons_destacat{
		width: 280px;
		position: relative;
	}
	#botons_destacat button{
		width: 49%;
		float: left;
	}
	#botons_destacat #boto_dreta{
		float: right;
	}
	#destacat #boto_comprar{
		width: 280px;
		height: 72px;
		font-size: 17px;
		margin-top: 3px;
	}
	#boto_comprar img{
		height: 62px;
		margin: 5px;
		float: right;
	}
	#boto_comprar h3{
		margin: 26px 0px 0px 10px;
		float: left;
		font-weight: bold;
		text-align: center;
		width: 100%
		
	}
	

	#noticies{
		clear: left;
		width: 280px;
		height: 280px;
		overflow: hidden;
		margin-bottom: 3px;
	}
	.not_des img{
		width: 280px;
		height: 280px;
	}
	.not_des aside{
		width: 280px;
		float: left;
		position: absolute;
		height: 7%;
	}
	.not_des aside h2{
		float: left;
		color: white;
		font-weight: bold;
		font-size: 30px;
		margin: 5px 0px 0px 0px;
		text-align: center;
	}
	.not_des .dansa{
		opacity: 1;
	}
	.not_des .circ{
		opacity: 1;
	}
	.not_des .exposicio{
		opacity: 1;
	}
	.not_des .concert{
		opacity: 1;
	}
	.not_des .teatre{
		opacity: 1;
	}
	.not_des .conferencia{
		opacity: 1;
	}
	.not_des .altres{
		opacity: 1;
	}

	#destacats{
		width: 280px;
	}
	#destacats img{
		width: 280px;
	}



	#proximament{
		display: none;
	}
	#sponsors{
		display: none;
	}
	#esdev_desktop{
		display: none;
	}




	/* SELECTOR PROGRAMACIO */
	#filtratge ul{
		width: 98%;
		float: left;
		padding-left: 1%;
		margin-top:0px;
	}
	#filtratge ul li a{
		color: black;
		text-decoration: none;
	}
	#filtratge .teatre{
		position: inherit;
		width: auto;
		height: inherit;
		opacity: 1;
		z-index: inherit;
		color: white;
		border: none;
	}
	#filtratge .dansa{
		position: inherit;
		width: auto;
		height: inherit;
		opacity: 1;
		z-index: inherit;
		color: white;
		border: none;
	}
	#filtratge .circ{
		position: inherit;
		width: auto;
		height: inherit;
		opacity: 1;
		z-index: inherit;
		color: white;
		border: none;
	}
	#filtratge .conferencia{
		position: inherit;
		width: auto;
		height: inherit;
		opacity: 1;
		z-index: inherit;
		color: white;
		border: none;
	}
	#filtratge .altres{
		position: inherit;
		width: auto;
		height: inherit;
		opacity: 1;
		z-index: inherit;
		color: white;
		border: none;
	}
	#filtratge .concert{
		position: inherit;
		width: auto;
		height: inherit;
		opacity: 1;
		z-index: inherit;
		color: white;
		border: none;
	}
	
	#filtratge .abonaments{
		float:right;
		background-color:#DC0053;
		color:#FFF;
		padding:2% 3%;
		font-size:2em;
		font-weight:normal;
		margin-right:-1%;
		
	}
	
	#filtratge .teatre a{
		/*color:#ff9900;*/
		color:#000;
	}
	#filtratge .dansa a{
		/*color:#005091;*/
		color:rgb(120,120,120);
	}
	#filtratge .circ a{
		/*color:#009edd;*/
		color:rgb(120,120,120);
	}
	#filtratge .conferencia a{
		/*color:#750d67;*/
		color:rgb(120,120,120);
	}
	#filtratge .altres a{
		color:rgb(120,120,120);
	}
	#filtratge .concert a{
		/*color:#99cc00;*/
		color:rgb(120,120,120);
	}
	#filtratge .abonaments a{
		color:#FFF;
	}
	
	
	#filtratge li{
	list-style: outside none none;
    border: none;
    float: left;
    padding: 0% 1% 2% 1%;
	margin-right: 3%;
	/*margin-bottom: 3%;*/
	background-color: inherit;
	font-weight:bold;
	}
	/*#filtratge li:hover{
		background-color: #332e20;
	}
	#filtratge li:hover a{
		color: white;
	}*/
	
	#franja-historic{
		padding:5% 1%;
		margin:3% 0%;
		width: 98%;
		clear:both;
		text-align:center;
		
	}
	
	#franja-historic .boto-historic{
		background-color:#DC0053;
		color:#FFF;
		padding:2% 3%;
		font-size:1.5em;
		font-weight:normal;
		margin-right:-1%;
		text-decoration:none;
		width:75%;
		display:inline-block
	}
	
	#franja-historic .boto-historic:hover{
		text-decoration:underline;
	}
	
	#tot_articles{
		width: 100%;
		background-color: rgb(230,230,230);
		float: left;
	}
	
	#esdev_desktop .compacte .dia_mes{
		font-size: 2em;
	}


	/*-----------FOOTER---------------*/
	footer{
		background-color: rgb(230,230,230);
	}
	
	#maps_google{
		width: 280px;
		position: relative;
	}
	#maps_google iframe{
		width: 90%;
		margin: 5% 5% 5% 4%;
		border: none;
	}

	/*#social_lletra{
		display: none;
	}*/
	#social{
		width: 280px;

	}
	#icones{
		width: 189px;
		margin: auto;
	}
	#icones a{
		text-decoration: none;
	}
	#info_peu{
		/*width: 280px;*/
		color: white;
		min-height: 100px;
		text-align:center;
		display: inline-block;
	}
	#info_peu p{
		font-size: 15px;
		text-align: center;
	}

	/*------------PROXIMS ESDEVENIMENTS --------------*/
	#contenidor_articles{
		width: 100%;
		background-color: rgb(230,230,230);
		float: left;
	}
	.esdeveniment{
		margin-top: 10px;
		width: 280px;
		background-color: white;
		padding: 0px;
		position: relative;
		float: left;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.35);


	}
	.esdeveniment img{
		top: 0px;
		right:0px;
		position: absolute;
		float: left;
		height: 50%;
		width: 100%;
		/*margin-left: -100%;*/
	}
	.esdeveniment h1{
		top: 39%;
		position: absolute;
		float: left;
		color: white;
		z-index: 15;
		margin: 6px;
		font-size: 7vw;
		height: 9%;
		overflow: hidden;
	}


	.esdeveniment .item-programacio{
		top: 40%;
		position: absolute;
		float: left;
		height: 10%;
		width: 100%;
	}

	.esdeveniment .dansa,
	.esdeveniment .exposicio,
	.esdeveniment .teatre,
	.esdeveniment .circ,
	.esdeveniment .concert,
	.esdeveniment .conferencia,
	.esdeveniment .altres{
		top: 40%;
		position: absolute;
		float: left;
		height: 10%;
		width: 100%;
		
	}
	
	
	

	.mes_esdev{
		background-color: rgb(54, 45, 31);
		color: white;
		float: right;
		padding: 10px;
		border-radius: 5px;
		text-decoration: none;
		margin-top: -20px;
		margin-right: 12px;
		position: absolute;
		right: 0px;
		bottom: 12px;
	}

	.data_calendari{
		width: 50%;
		margin: 50% 0px 5% 0px;
		float: left;
		text-align: center;
	}
	.data_calendari p{
		border-bottom: thin solid black;
		margin:6px 0px 0px 0px;
		padding:6px 0px 0px 0px;
	}
	@-moz-document url-prefix() {
   		.data_calendari p{
			margin: 0px;
		}
	}
	.compacte{
		padding: 10%;
	}
	.info_esdev{
		width: 50%;
		float: left;
		margin-top: 50%;
		text-align: center;
	}
	
	#info_esdev.info_esdev_DANI{
		height:auto;
		padding:0px 5px;
		background-color:transparent;
		box-shadow:none;
	}
	
	.aside_esdev-DANI{
		padding:10px;
		position:relative;
		opacity:1;
		margin-bottom:15px;
		box-shadow:1px 1px 5px rgba(0, 0, 0, 0.35);
		width:auto;
	}
	
	
	.info_esdev p{
		font-size: 5vw;
		margin: 0px 0px 7% 0px;
	}
	.info_esdev button{
		font-size: 6vw;
		width: 100%;
		background-color: #362D1F;
		color: white;
		padding: 3%;
		border: none;
		margin-left:0px;
	}
	.categoria {
		padding: 5px;
		border: thin solid black;
		margin-bottom: 10px;
	}
	.categoria ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.categoria ul a{
		text-decoration: none;
		color: black;
		font-size: 6vw;

	}

	/*#maps_google{
		clear: left;
	}*/

	#destacats{
		width: 100%;
		height: auto;
		overflow: hidden;
		/*margin-bottom: 4%;*/
	}
	
	#destacats img{
		width: 100%;
		float: left;
	}
	
	
	/* ------------------ */
	/* Estils multifuncio */
	/* ------------------ */
	
	#contenidor_articles .funcions_categoria{
		padding:5px 15px;
	}
		
	#contenidor_articles .data_calendari.multifuncio p{
		font-family:Calendari;
		padding-bottom:2%;
		padding-top:2%;
		margin:1% 0%;
		/*font-size:26px;*/
		text-align:center;
		border-bottom:1px solid #000;
	}
	
	.data_calendari.multifuncio button{
		font-family:"Raleway",sans-serif;
		color:white;
		background-color:#332e20;/*DC0053;*/
		font-size:3vw;
		padding:1% 2%; /*1% 4%;*/
		margin-left:10px;
		border:0px;
	}
	
	#contenidor_articles .data_calendari.multifuncio .categoria{
		float:left;width:45%;
	}
	
	#contenidor_articles .data_calendari.multifuncio p.preu{
		font-family:"Raleway",sans-serif;
		font-size:20px;
		float:left;
		width:50%;
		border:0px;
		padding:0;
	}
		
	/* Fi Estils multifuncio */



	/*SLIDER*/
	.slidesjs-previous{
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 2em;
		margin-right: 10px;
	}
	.slidesjs-previous:hover{
		color: #362d1f;
	}
	.slidesjs-next:hover{
		color: #362d1f;
	}
	.slidesjs-next{
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 2em;
		margin-right: 10px;
	}
	
	/* --------- */
	/* Mecenatge */
	/* --------- */
	.caixa-dossier-mecenatge{
		text-align:center;
		margin:0px 30px 10px 30px;
	}
	
	#altres_dades .caixa-dossier-mecenatge p{
		font-size:16px;
		line-height:22px;
	}	
	
	.contacte-thumb{
		width:100%;
		height:auto;
		max-width:215px;
	}
	
	/* --------------- */
	/* Accordion inici */
	/* --------------- */
	.accordion-caixa{
		position:relative;
	}
	.accordion-text{
		position:absolute;
		bottom:20px;
		left:5px;
		text-transform:uppercase;
		background-color:rgba(180,180,180,0.8);
		padding:3px 9px;
		font-size:0.9em;
	}
	
	
	
	
	
}
/*Mobile 280 ---------------------------------------------------------------------------------------------------------------------<480px*/

/*Mobile >280 ---------------------------------------------------------------------------------------------------------------------<480px*/
@media all and (min-width: 281px){
	/*------------HEADER ------------*/
	body{
		width: 100%;
		margin:0px;
	}
	header{
		width: 100%;
	}
	#logo{
		width: 48%;
		margin: 0% 0px 0% 0px;
	}
	
	body #logo h1{
		margin:0px 0 0 5px;
	}
	
	#searchform input{
		width: 100%;
		/*text-align: center;*/
		background-color: transparent;
		color: #332e20;
		border: medium none;
		/*margin-top: 2px;*/
		font-size:14px;
	}
	
	body.search .entry-content #searchform input{
		background-color:transparent;
		color:  rgb(54, 45, 31);
	}
	
	

	/*-------------SLIDESHOW-------------*/
	
	#slideshow img{
		width: 100%;
		/*max-height: 100%;*/
		
	}
	#slideshow aside{
		width: 100%;
		/*margin-top: 33.8351%;*/
	}
		#slideshow aside h2{
		font-size: 18px;/*3.2vw;*/
		margin-bottom: 5px;
	}
	#slideshow aside p.slide_dates{
		font-size: 14px;/*3vw;*/
		width:auto;
	}

	
	.slideshow_linia-addicional{
		/*bottom:5px;*/
		font-size:10px;
	}
	
	

	/*--------DESTACAT----------------------*/
	#destacat{
		position: relative;
		background-color: #f2f2f2;
		float: left;
		margin-top: 2%;
		width: 100%;
		
	} 
	
	#destacat button{
		margin-bottom: 7px;
		height: 150px;
		font-size: 5vw;
		
	}
	#botons_destacat{
		width: 100%;
		float: left;
		
	}
	#botons_destacat button{
		width: 49%;
		float: left;
	}
	#destacat #boto_comprar{
		width: 100%;
		font-size: 6vw;
		margin-top: 7px;
		height: 100px;
	}
	#boto_comprar img{
		width: 30%;
		height: 60%;
		margin: 5px;
	}
	#boto_comprar h3{
		margin: 0px;
	}

	#noticies{
		width: 100%;
		height: 410px;
		/*box-shadow: 1px 1px 5px rgba(0,0,0,0.35);*/
	}
	.not_des img{
		width: 100%;
		height: 400px;
	}
	.not_des aside{
		width: 100%;
		height: 3%;
	}
	.not_des aside h2{
		font-size: 30px;
		margin: 5px 0px 0px 0px;
	}



	/*-----------FOOTER---------------*/
	#maps_google{
		width: 100%;
		height: 300px;
		margin-bottom: 10%;
	}
	#maps_google iframe{
		margin: 5% 5% 0% 5%;
		height: 100%;
	}

	#social{
		width: 100%;
		margin-top: 20px;
		text-align:center;
		font-size:14px;
	}

	#social img{
		width:50%;
		margin:0 auto;
		text-align:center;

	}
	
	
	/*#icones{
		clear: left;
		width: 75%;
		margin: auto;
	}*/
	
	#icones{
		width: 100%;
		text-align:center;
	}
	
	#icones img{
		width: 50px;
	}
	
	
	/*#info_peu{
		width: 100%;
		height: 100px;
	}*/
	#info_peu p{
		font-size: 5vw;
	}
	
	#info_peu img{
		width:80%;
		margin:auto;
	}
	
	#llista_footer{
		display: block;
		list-style: none;
		padding: 0%;
		/*margin: 0% 0% 40% 0%;*/
		margin: 10px 0% 5% 0%;
		float: left;
		width: 100%;

	}
	
	#llista_footer a{
		text-decoration: none;
		color: #332e20;
		font-size: 2.8vw;
		font-weight: normal;
		margin: 0px 34px 34px 0px;
	}
	
	.footer-extra{
		width:100%;
		text-align:center;
		color:#332e20;
		font-size:12px;
		display:inline-block;
		padding:7px 0px 7px 0px;
	}
	
	.footer-extra a{
		color:#332e20;
		text-decoration:none;
	}
	.footer-extra a:hover,
	#llista_footer a:hover{
		color:#DC0053;
		text-decoration:underline;
	}

	/*------------PROXIMS ESDEVENIMENTS --------------*/
	.esdeveniment{
		width: 100%;
	}
	.data_calendari{
		width: 50%;
		margin: 50% 0px 5% 0px;
		float: left;
		text-align: center;
	}
	.data_calendari p{
		border-bottom: thin solid black;
		margin:6px 0px 0px 0px;
		font-size: 7vw;
	}
	.compacte{
		padding: 10%;
	}
	.info_esdev{
		width: 50%;
		float: left;
		margin-top: 50%;
		text-align: center;

	}
	.info_esdev p{
		font-size: 5vw;
		margin: 0px 0px 7% 0px;
	}
	.info_esdev button{
		font-size: 6vw;
		width: 100%;
		background-color: #332e20;/*DC0053;*/
		color: white;
		padding: 3%;
		border: none;
	}
	.categoria {
		padding: 5px;
		border: thin solid black;
		margin-bottom: 10px;
	}
	.categoria ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.categoria ul a{
		text-decoration: none;
		color: black;
		font-size: 6vw;

	}
	/*----------- CALENDARI ---------------*/
	#proximament{
		display: block;
		padding: 40px 0px 40px 0px;
		width: 100%;
		background-color: rgb(230,230,230);
	}
	#esdev_tablet{
		display: none;
	}
	#contingut_calendari{
		width: 100%;
		margin:auto;
		background-color: rgb(230,230,230);
	}
	#calendari{
		float: left;
		display: block;
		width: 100%;
		background-color: white;
		position: relative;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.35);	
		padding-top:20px; /* nou disseny */
		padding-bottom:20px; /* nou disseny */
	}
	#calendari table{
		text-align: center;
		width: 100%;
		height: 412px;
	}
	table{
		border: thin solid white;
		position: absolute;
		background-color: white;
	}
	table th{
		border: solid 4px #FFF;/* nou disseny thin solid grey;*/
	}
	table tr td{
		border: solid 4px #FFF;/* nou disseny thin solid grey;*/
		font-family:'Calendari';
		font-weight:bold;
		font-size:1,5em;
		width: 30px;
		background-image:url('img/cantonada_calendari.png');
		background-repeat:no-repeat;
	}
	
	#calendari .titol_mes{
		line-height:20px;
		font-size:30px;
		text-transform:uppercase;
		
	}

	.data_caldesk,
	.data_caldesk.circ,
	.data_caldesk.teatre,
	.data_caldesk.concert,
	.data_caldesk.conferencia,
	.data_caldesk.altres,
	.data_caldesk.dansa,
	.data_caldesk.exposicio{
		opacity: 1;
		/*position: inherit;*/
	}

	
	
	
	#esdev_desktop .compacte {
		padding: 5px;
		color: white;
		margin-top: 20px;
	}
	#esdev_desktop .compacte p{
		text-align: center;
		border-bottom: thin solid white;
		margin: 5% 0px 5% 0px;
		padding: 5% 0px 5% 0px;
		font-size: 25px;
	}

/*@-moz-document url-prefix() {*/
   #esdev_desktop .compacte p{
		margin: 0px;
	}
/*}*/


#esdev_desktop{
		display: block;
		width: 100%;
		height: 412px;
		background-color: white;
		clear: both;
		float: right;
		position: relative;
		overflow: hidden;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
	} 
	#esdev_desktop article{
		width: 100%;
		height: 100%;
		position: relative;

	}
	.data_caldesk{
		width: 39%;
		height: 48%;
		padding: 0px;
		float: left;
		position: relative;
	}
	.dades_caldesk .categoria{
		width: 80%;
		margin: auto;
		font-size: 28px;
		text-align: center;
	}





	.dades_caldesk{
		width: 60%;
		float: left;
		height: 48%;
	}
	.dades_caldesk h1{
		width: 90%;
		margin: 34px auto auto auto;
		height: 80px;
		font-size: 26px;
	}
	
	/* funcions */
	
	.data_calendari.multifuncio{
		margin-bottom:0%;
	}
	#contenidor_articles .funcions_categoria .funcions{
		margin-top:5%;
	}
	.data_calendari.multifuncio button{
		font-size:5vw;	
	}



}
/*Mobile >280 ---------------------------------------------------------------------------------------------------------------------<480px*/


/*Tablet  ---------------------------------------------------------------------------------------------------------------------<1024px*/
@media all and (min-width: 481px){
	/*--------------- HEADER ---------------------*/
	body{
		width: 100%;
	}
	header{
		width: 100%;
		position: relative;
		z-index: 20;
		margin-bottom:10px;
	}
	
	#search-form{
		display: inline-block;
	}
	
	/* ------------- */
	/* Menú superior */
	/* ------------- */
	

	
	/* LOGOTIP */
	#logo{
		/* width: 180px;*/
		float: left;
		/*margin: 2%;*/
	}

	/*#logo h1{
		float: left;
	}*/
	
	#logo a h1 img{
		float: left;
		/*width: 317px;/*270px;*/
		/*height: 125px;*/
		width: auto;
		height: 100px;
		padding-top: 5px;
		
	}
	
	#acces_directe li:first-child,
	#acces_directe li:before,	
	#acces_directe li:nth-child(3){
		display:inline-block;
	}
	
	#acces_directe li:first-child:before,
	#acces_directe li:last-child:before{
		display:none;
	}
	
	#logo-par img{
		margin-top:0px;
		height:60px;
	}
	
	


	/*----------- SLIDESHOW --------------*/
	.contingut_slideshow{
		
		width: 96%;
		
		padding-left: 2%;
    	padding-right: 2%;
    }
    
    #slideshow .mes_info{
   		right: 25px;
   		top: 5px;
   		display: block;
   		width:70px;
   	}
   	
   	#slideshow .mes_info img{ 
   		width:100%!important;
   	}
    
	/*.mes_info{
		
		float: right;
	}*/
	aside .contingut_slideshow .mes_info{
		float: right;
	}
	
	/*#slideshow aside.contingut_slideshow-3linees{
		height: 43%; -BORRA
	}*/
	
	.imatges_grans aside.contingut_slideshow-3linees{
		height: 35%;
	}
	
	
	/*.slideshow_linia-addicional{
		font-size:12px;
	}*/
	



	/*--------DESTACAT----------------------*/
	
	#contingut_destacat{
		float: left;
		padding: 2%;
		position: relative;
		width: 96%;
	}
	#destacat_dret{
		width: 30%;
		float: right;
		height: 100%;
	}
	#destacat #boto_comprar{
		width: 100%;
		font-size: 2vw;
		margin: 0px 0px 3% 0px;
		height: 59px;
	}
	#botons_destacat{
		width: 100%;
		font-size: 2vw;
		margin: 0px;

	}
	#boto_comprar img{
		width: 30px;
		
		margin: 5px;
	}
	#boto_comprar h3{
		margin: 10px 0px 0px 0px;
	}
	#botons_destacat h3{
		font-size: 2vw;
	}
	#twitter iframe{
		height: 100%;
	}
	#twitter{
		clear: none;
		
		float: right;
		width: 30%;
		height: 200px;

	}
	#destacat button{
		height: 69px;
	}
	#destacat_esquerra{
		width: 70%;
		float: left;
		height: 100%;
	}
	#noticies{
		width: 100%;/*95%;*/
		height: 410px;
		position: relative;
	}
	.not_des img{
		width: 100%;
		height: 400px;
	}
	.not_des aside{
		width: 100%;
		height: 10%;
	}
	.not_des aside h2{
		font-size: 30px;
		margin: 5px 0px 0px 0px;
	}
	#destacats{
		width: 100%;
		height: 114px;
		overflow: hidden;
	}
	#destacats img{
		width: 100%;
		float: left;
	}

/*----------- CALENDARI ---------------*/
	#proximament{
		display: block;
		padding: 40px 0px 40px 0px;
		width: 100%;
	}
	#esdev_tablet{
		display: none;
	}
	#contingut_calendari{
		width: 100%;
		margin:auto;
	}
	#calendari{
		float: left;
		display: block;
		width: 50%;
		background-color: white;
		position: relative;
		
	}
	#calendari table{
		text-align: center;
		width: 100%;
		height: 412px;
	}
	table{
		border: thin solid white;
		position: absolute;
		background-color: white;
	}
	/*table th{
		border: thin solid grey;
	}
	table tr td{
		border: thin solid grey;
		width: 30px;
	}nou disseny */

	
	.data_caldesk.circ{
		opacity: 1;
		/*position: inherit;*/
	}
	.data_caldesk.teatre{
		opacity: 1;
		/*position: inherit;*/
	}
	.data_caldesk.concert{
		opacity: 1;
		/*position: inherit;*/
	}
	.data_caldesk.conferencia{
		opacity: 1;
		/*position: inherit;*/
	}
	.data_caldesk.altres{
		opacity: 1;
		/*position: inherit;*/
	}
	.data_caldesk.dansa{
		opacity: 1;
		/*position: inherit;*/
	}
	.data_caldesk.exposicio{
		opacity: 1;
		/*position: inherit;*/
	}
	#esdev_desktop .compacte {
		padding: 5px;
		color: white;
		margin-top: 5%;
	}
	
	
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		body #esdev_desktop.mac .compacte {
			margin-top:25px;
		}
	}
	
	#esdev_desktop .compacte p{
		text-align: center;
		border-bottom: thin solid white;
		margin: 5px 0px 5px 0px;
		padding: 0%;
		padding: 8px 0px 5px 0px;
		font-size: 28px;
	}




#esdev_desktop{
		display: block;
		width: 50%;
		height: 412px;
		background-color: white;
		float: right;
		position: relative;
		overflow: hidden;
		clear: inherit;
	} 
	#esdev_desktop article{
		width: 100%;
		height: 100%;
		position: relative;

	}
	.data_caldesk{
		width: 39%;
		height: 48%;
		padding: 0px;
		float: left;
		position: relative;
	}
	.dades_caldesk .categoria{
		width: 80%;
		margin: auto;
		font-size: 28px;
		text-align: center;
		text-transform:lowercase;
	}





	.dades_caldesk{
		width: 60%;
		float: left;
		height: 48%;
	}
	.dades_caldesk h1{
		width: 90%;
		margin: 34px auto auto auto;
		height: 80px;
		font-size: 26px;
	}






	/*------------ PROXIMAMENT --------------*/
	#proximament{
		display: block;
		background-color: rgb(230,230,230);
		margin-top: 3%;
		float: left;
		clear: left;
		width: 96%;
		padding: 2% 2% 2% 2%;
	}
	
	#slide_esdeveniments{
		float: left;
		width: 100%;
	}
	.esdeveniment{
		width: 48%;
		padding: 0px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	.esdeveniment h1{
		top: 40%;
		margin: 6px;
		font-size: 3vw;
	}
	.data_calendari{
		width: 50%;
		margin: 50% 0px 5% 0px;
		float: left;
	}
	.compacte{
		padding: 10%;
	}
	.info_esdev{
		width: 50%;
		margin-top: 50%;
	}
	.info_esdev p{
		font-size: 1.2em;
		margin: 0px 0px 7% 0px;
	}
	.info_esdev button{
		font-size: 3vw;
		width: 100%;
		padding: 3%;
	}
	.categoria {
		padding: 5px;
		margin-bottom: 10px;
	}
	.categoria ul a{
		font-size: 3vw;

	}
	.data_calendari p{
		margin: 5% 0px 5% 0px;
		padding: 5% 0px 5% 0px;
		font-size: 2.5vw;
	}
	@-moz-document url-prefix() {
   		.data_calendari p{
			margin: 0px;
		}
	}

	
	/*--------- Sponsors -----------------*/
	#sponsors{
		display: block;
		background-color: white;
		width: 96%;
		padding: 2% 2% 2% 2%;
		float: left;
		overflow: hidden;
	}
	#sponsors h4{
		font-size: 3vw;
		margin: 0px 0px 20px 0px;
		font-weight: normal;
	}
	/*#sponsors img{
		
	}*/
	#capsa_patrocinadors{
		width: 100%;
		float: left;
		/*margin-right: 5%;*/
	}
	#sponsors li{
		list-style: none;
	}
	
	#capsa_collaboradors{
		width: 100%;
		float: left;
	}
	#capsa_collaboradors img{
		/*width: 135px;
		height: 69px;*/
		float: left;
		margin-right: 20px;
	}

	#capsa_collaboradors div li{
		float: left;
	}

	#patrocinadorsppals li{
		/*float: left;*/
		display:inline;
	}
	#patrocinadorsppals{
		/*float: left;
		margin-bottom: 3%; nou disseny*/
		margin:auto 20% 3% 20%;
		min-height: 60px;
		text-align:center;
		padding-left:0px;
	}
	.label-patrocinadors{
		clear: both;

	}
	div.label-patrocinadors {
    padding-bottom: 3px;
    border-bottom: thin solid #332e20;
	}
	/*--------- FOOTER -----------------*/
	footer{
		clear: left;
		position: relative;
	}
	#maps_google{
		width: 48%;
		float: left;
	}
	#maps_google iframe{
		/*border-left: thin solid white; nou disseny */
		padding: 0% 5% 0% 5%;
		margin: 5% 0px 0px 0px;
	}
	
	#info_peu p{
		font-size: 2vw;
	}
	#info_peu{
		width: 40%;
		/*position: absolute;*/
		top: 0px;
		padding: 5%;
		float:left;
	}
	
	#llista_footer li{
		margin-bottom:10px;
	}
	
	#llista_footer a{
		
		font-size: 16px;
		margin:0px;
		
	}



	#contingut article{
	padding: 1em 1em 1px 1em;
	}

	
	
	
	/* funcions */
	.data_calendari.multifuncio button{
		font-size:3vw;	
	}
	
	#contenidor_articles .funcions_categoria .funcions{
		height:70px;
		overflow-y: auto;
		margin-bottom:5%;
	}
	
	
	#contenidor_articles .data_calendari.multifuncio p.preu{
		width:45%
	}
	
	
}

/*Tablet  ---------------------------------------------------------------------------------------------------------------------<1024px*/
@media (max-width: 1024px){
	#idioma{
		clear: both;
		margin-right: 15px;
		position:absolute;
		right:105px;
		top: 17px;
	}
	
	#logo-par{
		position: absolute;
		right: 20px;
		top: 120px;
	}
	
	#search-form{
		margin-left:0px;
	}
	
	/* funcions */
	
	/*#contenidor_articles .funcions_categoria .funcions{
		height:70px;
		margin-bottom:15px;
	
	}*/
	
}

@media (min-width:768px){
	body #logo h1{
		margin:0.67em 0 0 5px;
	}

	body #logo a h1 img{
		height:115px;
	}
	
	/* funcions */
	#slideshow aside{
		height:90px;
	}
	.contingut_slideshow{
		width: 90%;
		padding-left: 5%;
    	padding-right: 5%;
    }
	
	.slideshow_linia-addicional{
		font-size:14px;	
		color:#FFF;
		display:inline-block!important;
		padding-left:10px;
		margin-top:7px;
	}
	
	#slideshow aside.contingut_slideshow-3linees{
		height: 110px;
	}
	
	.imatges_grans aside.contingut_slideshow-3linees{
		height: 30%;
	}
	
	#slideshow .mes_info{
		right:45px;
		top:15px;
	}
	
	
	
	/* funcions */
	.data_calendari.multifuncio button{
		font-size:3vw;	
	}
	
	#contenidor_articles .funcions_categoria .funcions{
		height:100px;
		overflow-y: auto;
		margin-bottom:15px;
		margin-top:3%;
	}
	
	.footer-extra{
		width:33.3%;
		float:left;
		padding:10px 0px 15px 0px;
	}
	
	
	
}


/*Desktop  --------------------------------------------------------------------------------------------------------------------->1024px*/
@media (min-width: 1024px){
	
	#contenidor_articles .funcions_categoria .funcions{
		height:110px;
		margin-bottom:5px;
		margin-top:10px;
	}
	
	.data_calendari.multifuncio button{
		font-size:22px;	
	}
	
	/*--------------- HEADER ---------------------*/
	body{
		width: 100%;
		margin: auto;
	}
	header{
		width: 100%;

	}
	#tot_header{
		width: 1025px;
		margin: auto;
		position: relative;
		height: 145px;
	}
	#logo{
		width: 220px;
		margin: 10px 0px 10px -59px;
	}
	#logo a h1{
		margin: auto;
		margin-top:5px;
	}
	/*#logo a h1 img{
		width: 381px; nou disseny
		height: 150px;
		
	}*/
	
	#logo-par img{
		margin-top:0px;
		height:40px;
	}
	
	
	
	#acces_directe p{
		padding-left: 10px;
		margin-left: 12px;
		font-size: 16px;
	}
	
	
	
	#onsom{
		display: none;
	}
	#idioma{
		margin: 10px 10px 0 0; 
	}

	nav{
		width: 716px;
		bottom: 9px;
		right: 0;
		position: absolute;
		height: 30px;
		font-size:0.95em;
	}
	nav ul{
		padding: 0px;
		margin:0px;
		float: right;
	}
	nav li{
		float: left;
		padding: 10px;
		
	}
	nav li:hover {
		background-color: #DC0053;

	}
	nav li:hover a{
		/*text-decoration: underline;*/
		color: #FFF;
	}
	nav li a{
		text-decoration: none;
		color:#DC0053;
		/*font-size: 16px;*/
	}
	
	nav li:hover ul{
		display: block;
		position: absolute;
		background-color: #DC0053;
		top: 39px;
		margin-left: -10px;
	}
	nav li ul li:hover ul.sub-menu{
		display:block;
		left:100%;
		bottom:39px;
		width:89%;
	}
	nav li:hover ul li a,
	nav li ul li:hover ul.sub-menu a{
		color: white; 
		text-decoration: none;
	}
	nav li:hover ul li{
		float: inherit;
		width: 89%;
	}
	nav li:hover ul li:hover{
		background-color:#FFF;
	}
	nav li:hover ul li:hover a,
	nav li ul li:hover ul.sub-menu li:hover a{
		color: #362d1f;
		/*text-decoration: underline;*/
	}
	nav li ul,
	nav li ul ul.sub-menu{
		display: none;
	}
	nav form{
		display: block;
		float: right;
		width: 118px;
		height: 30px;
	}
	nav form fieldset{
		border: none;
	}
	nav a{
		color: #332e20;
	}
	nav ul{
		list-style: none;
	}
	

	/*------------SLIDESHOW------------*/
	#principal {
		background-color:#f2f2f2;
	}
	
	#principal #destacat{
		width: 1025px;
		margin: auto;
		float:none;
	}
	
	/*#principal #slideshow{ -BORRA
		background-color:#332e20;
	}*/
	
	#slideshow aside{
		height:135px;
	}
	
	#slideshow aside h2{
		font-size: 2em;
		margin: 25px 0px 5px 20px;
	}
	#slideshow aside p.slide_dates{
		font-size: 16px;
		margin-left: 20px;
	}
	#slideshow .mes_info{
		font-size: 18px;
		/*font-weight: bold;*/
		text-align:center;
		right:85px;
		top:25px;
	}
	
	#slideshow aside.contingut_slideshow-3linees{
		height: 150px;
	}
	
	/*#slideshow aside.contingut_slideshow-3linees{
		height: 30%; -BORRA 
	}*/
	
	.slideshow_linia-addicional{
		font-size:16px;
		padding-left:20px;
		margin-top:8px;
		/*bottom:15px;
		left:60px;*/
	}
	
	.imatges_grans aside.contingut_slideshow-3linees{
		height: 40%;
	}
	
	/*imatges_grans .slideshow_linia-addicional{
		left:73px;
	} */
	

	/*--------DESTACAT----------------------*/
	#destacat{
		margin-top: 20px;
	}
	#contingut_destacat{
		padding: 20px;
	}
	#destacat_dret{
		width: 35%;
	}
	#destacat #boto_comprar{
		font-size: 26px;
		margin: 0px 0px 10px 0px;
		height: 59px;
	}
	#botons_destacat{
		display: block;
		font-size: 18px;
	}
	#boto_comprar img{
		width: 70px;
		height: 39px;
	}
	#botons_destacat h3{
		font-size: 16px;
	}
	#twitter{
		width: 35%;
		margin-top: 6px;
	}
	#destacat_esquerra{
		width: 65%;
	}

	
	#contingut_calendari{
		width: 1025px;
	}


	#destacats{
		float: left;
		height: 160px;
		overflow: hidden;
		margin: 15px 0px 0px;
	}

	/*-------------- SPONSORS -------------------*/
	#sponsors{
		padding: 40px 0px 40px 0px;
		width: 100%;
	}
	#capsa{
		width: 1025px;
		margin: auto;
		margin-top: 1%;
		margin-bottom: 1%;
	}
	#capsa h4{
		font-size: 20px;
	}


	/*---------------------FOOOTER------------------*/
	footer{
		width: 100%;
		float: left;
	}
	#footer_contingut{
		width: 1025px;
		margin: auto;
	}
	#maps_google{
		width: 33.33%;
		margin-bottom: 20px;
	}
	#maps_google iframe{
		padding: 0px 17px 0px 17px;
		margin: 17px 0px 10px 0px;
	}
	#social{
		margin: 30px 0px 10px 0px;
		float: left;
		width: 33.33%;
		text-align: center;
		height: 300px;
		/*border-left: thin solid white; nou disseny */
	}
	#icones img{
		width: 25%;
		margin-right: 1%;
	}
	#social p{
		font-size: 18px;
		
	}
	#social img{
		width:90%;
		margin:0 auto;
	}
	#social img:hover{
		opacity:0.5;
	}
	#social_lletra{
		display: block;
		color: #DC0053;
		padding: 0 10%;
	}
	#info_peu{
		width: 33%;
		position: relative;
		float: left;
		padding: 0px;
		margin-top: 17px;
		margin-bottom:10px;
		height: 300px;
	}
	#llista_footer{
		margin: 0px;
		text-align: center;
	}
	#llista_footer li{
		float: none;
		margin-bottom: 10px;
	}
	#llista_footer a{
		font-size: 16px;
	}
	#llista_footer a:hover{
		text-decoration: underline;
	}
	#info_peu p{
		font-size: 20px
	}
	#info_peu img{
		width:75%;
		margin:auto 12.5% 25px 12.5%;
	}
	

	
	


	#filtratge{
		width: 1025px;
		margin:auto;
		font-size: 0.8em;
}

	/*------------ PROXIMAMENT --------------*/
	#tot_articles{
		width: 100%;
		background-color: rgb(230,230,230);
		float: left;
	}
	
	#contenidor_articles{
		width: 1025px;
		margin: auto;
		float: none;
	}
	.esdeveniment{
		width: 331px;
		margin-bottom: 10px;
		margin-left: 10px;
		height: 350px;
	}
	.esdeveniment h1{
		font-size: 24px;
		font-weight: 500;
	}
	.data_calendari{
		width: 50%;
		margin: 54% 0px 5% 0px;
		float: left;
	}
	
	
	
	.compacte{
		padding: 10%;
	}
	
	.info_esdev{
		width: 50%;
		margin-top: 54%;
		height: auto;
	}
	.info_esdev p{
		font-size: 1.2em;
		margin: 0px 0px 7% 0px;
	}
	.info_esdev button{
		font-size: 26px;
		width: 100%;
		padding: 3%;
		/*height: 35px;*/
	}
	.categoria {
		padding: 5px;
		margin-bottom: 10px;
		text-transform: lowercase;
	}
	body.term-50 .categoria{
		font-size: 0.8em;
	}
	.categoria ul a{
		font-size: 23px;

	}
	.data_calendari p{
		margin: 5% 0px 5% 0px;
		padding: 0%;
		font-size: 23px;
	}
	#contenidor_articles .data_calendari p{
		padding: 5% 0px 5% 0px;
	}
	@-moz-document url-prefix() {
   		.data_calendari p{
			margin: 0px;
		}
	}

	.info_descomptes{
		position: absolute;
		background-color: white;
		border: thin solid black;
		width: 323px;
		padding: 12px;
		visibility: hidden;
	}
	
	nav ul li ul li{
		clear: both;
		float: left;
	}
	#esdev_desktop .compacte .dia_mes{
		font-size: 3em;
		line-height:1em;
	}

	#icones{
		width: 100%;

	}
	#llista_footer{
		margin: 0% 0% 9% 0%;
	}
	#llista_footer a{
		margin: 0px 0px 0px 0px;
	}
	#info_peu p{
		font-size: 1.2vw;
	}
	.imatge_destacada_inici{
		height: 427px;
	}
	


}
/*Desktop  --------------------------------------------------------------------------------------------------------------------->1024px*/
@media (min-width: 1400px){

	#menu_superior{
		background-size:cover;
	}
}