@charset "utf-8";


.amplada-pagina {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
}
#capcalera .amplada-pagina {
	width: 100%;
}

#barra-lateral {
	display: none;
} 
#barra-lateral #barra-lateral-button {
	display: none;
}
#capcalera #capcalera-superior {
	
}
#capcalera #capcalera-superior #capcalera-superior-int #cerca {
	display: none;
}
#capcalera #capcalera-superior #capcalera-superior-int #capcalera-cerca {
	display: none;

}
#capcalera #capcalera-superior #capcalera-superior-int #links-sup {
	display:none;
}
#capcalera-inferior {
	position:relative;
}

#menu-superior-mob {
	clear: both;
	margin-top: 15px;
	margin-right: 15px;
	display: block;
	float:right;
	cursor: pointer;
}
#menu-superior-mob span {
	display:none;
}

#links-menu-sup {
	display: block;
	clear: both;
}
#cerca-menu-sup {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	border: 0;
	background-color: #2f383d;
	position: relative;
}
#cerca-menu-sup input {
	margin: 0 5% 0 5%;
	width: 84%;
	background-color: #222a2e;	
	padding: 5px 1% 5px 1% !important;
	color: #7d7e83;
	border: 1px solid #363f44;
}
#cerca-menu-sup #Img_Cerca2_mob {
	position: absolute;
	left: 79%;
	top: 6px;
	width: 14px;
	height: 14px;
	background: url("../img/cerca-mobil.png") right top no-repeat;
	border: 0;
}

#menu-superior-mob {
	display: block;
}
.menu ul#enllacos-cap-menu {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background-color: #2f383d;
}
.menu ul#enllacos-cap-menu li {
	display: block;
	width: 90%;
	height: inherit;
	background: none;
	background-color: transparent;
	margin: 0;
	overflow: hidden;
	border: 0;
}
.menu ul#enllacos-cap-menu li a {
	margin: 0 5% 0 5%;
	padding: 10px 0 10px 0 !important;
	text-align: left;
	color: #7d7e83;
	font-weight: normal;
	font-size: 1.1em;
	display: block;
	border: 0;
	position: relative;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid #3b444a;
	background: none;
}
.menu ul#enllacos-cap-menu li a img {
	display:none;
}



/* Divs de Continguts en funció de si hi ha menu lateral o banners */
#columna-contingut {
	min-height: 0;
	width: 100%;
	float: none;
	clear: both;
	margin: 0;
}
.columna-contingut-portada {
	
}
.columna-contingut-portada .columna-contingut-int {
	padding: 0.1em 0 0 0;
}
.columna-contingut-no-portada {
	
}
.columna-contingut-no-portada .columna-contingut-int {
	padding: 0 2% 2em 2%;
	border-left: 0;
	border-right: 0;
	overflow: hidden;
}
.columna-contingut-int .contingut-alcada-minima {
	min-height: inherit;
}


#fila-banners ul.banners-lateral {
	margin: 0;
}
.amplada-pagina-fletxes {
	width: 100%;
}
#rotador-banners {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}


/* Peu */
#boto-peu {
	margin-left: 48%;
	display: none;
}

#boto-peu2 {
	margin-left: 48%;
	display: none;
}
#peu-ocult {
	display: block;
	overflow:auto;
	max-height: 600px;
}

#fons-peu {
	font-size: 1em;		
	overflow: hidden;
	padding: 10px 0 10px 0;
	width: 100%;
	text-align: center;
}
#fons-peu2 {
	display: none;
	font-size: 1em;		
	overflow: hidden;
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center;
	background-color: #2f383d;
}
#peu {
	width: 100%;
	position: relative;
	font-size: 1em;		
	text-align: left;
}
#peu img {
	max-width: 100%;
}
#peu-intern, #peu-intern-2, #peu-intern-3  {
	margin-left: auto; 
	margin-right: auto;
}
*html #peu-intern  {
	width: 980px; /* IE6 Bug (degut a floats i el backgroud:white no es veuen els texts) */
}
#peu-superior {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
}
#peu-superior #google-capcalera {
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	float: none;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	min-width: inherit;
}
#peu-superior .fb-like, 
#peu-superior .addthis_button_facebook_like {
	float: none;	
	padding-right: 18px;
	margin-top: 0;
}

#peu-socials {
	margin-top:10px;
	width: 100%;
	float: none;
	text-align: center;
}
#peu-socials a {
	padding-right: 20px;
}

#peu-inferior {
	font-size: 1em;	
	background: none;
	background-color: transparent;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
#peu-socials2 {
	display:none;
}

#peu-copyright {
	background-color: #161a1c;	
	width: 100%;
	text-align: center;
	padding: 0.6em 0px 0.6em 0px; 
	color: #aaaaaa;
}

#peu-links-dreta1 {
	display: none;
	float:right;
	width: 400px;
	padding: 0.2em 0px 0.2em 0px; 
	text-align: center;
}
#peu-links-dreta2 {
	display: block;
	float: none;
	width: 100%;
	background-color: #2f383d;
	padding: 0.6em 0px 0.6em 0px; 
	text-align: center;
}
#peu-links-dreta2 a {
	color: #aaaaaa;
	font-size: 1em;
	padding: 0 0.8em 0 0.8em;
	text-decoration: none;
}
#peu-links-dreta2 a:hover {
	color: #aaaaaa;
	text-decoration: underline;
}

#peu-menu {
	display: none;
}

.titol-enquesta, .titol-enquesta-cont, .enquestes .text-enquestes, .enquestes .text-enquestes-cont {
	width: 100%;
	float: none;
}
.titol-enquesta {
	margin-bottom: 17px;
}
.enquestes .text-enquestes {
	margin-bottom: 12px;	
}
.espai-vertical-bottom-xs {
	padding: 0 !important;
	clear: both;
}


/* El mes bist / mes nou */
.titol-el-mes {
	float: none;
	margin-right: 0;
	width: inherit;
}
.titol-el-mes  h2 {
	display: inline;
	line-height: normal;
	padding: 2px 5px 2px 5px;
}
.mesvistmesnou ul {
	margin-top: 10px;
	float: none;
	width: 100%;
}

/* Generals */
ul.llista-amb-imatges li .llista-img {
    margin-bottom: 0.8em;
}
ul.llista-amb-imatges li .llista-cont-img {
    max-width: 100%;
    clear: both;
}

ul.llista-portada-amb-imatges li {
	height: inherit;	
}
ul.llista-portada-amb-imatges li .llista-cont-img {
	margin-top: 10px;
}
ul.llista-portada-amb-imatges li .llista-img {
	float: none;
}

ul.galeria-banners {
   
}
ul.galeria-banners li {
    width: 100% !important;
    padding: 0;
    margin: 0.2em 0 1em 0;
    float: none;
    clear: left;
}
ul.galeria-banners li img {
	width: 100%;
}

ul.formulari li {
	padding: 0 0 0.2em 1%;
}
ul.formulari li label {
	padding-bottom: 0;	
}
ul.formulari li label, .formulari li .Camp, .formulari li .Camp2 {
	width: 95.5% !important;
	float: none !important;
	clear: both !important;
}
ul.formulari li label.checkbox {
	width: initial !important;
	float: left !important;
	clear: none !important;
}
.formobj {
	width: 93%;
}
.formTxtArea {
	width: 95%;
}
.form-captcha {
	margin-left: 1%;
}

.mosaic-esquerra, .mosaic-dreta {
	width: 100%; 
	float: none;
	clear: both;
}

.fons_portlet_portada {
	
}



table.taula col.consistori-col1 {
	width: 40%;
}
table.taula col.consistori-col2 {
	width: 50%;
}
table.taula td.consistori-cont-td {
	margin: 0;
	padding: 1em 0 0.5em 0;
}
table.taula td.consistori-cont-td .consistori-img {
	float: none;
	width: 94%;
	margin: 0 3% 0 3%;
	padding: 0;
}
table.taula td.consistori-cont-td .consistori-cont {
	float: none;
	overflow: hidden;
	width: 94%;
	margin: 0 3% 0 3%;
	padding: 1em 0 0 0;
}

.newsletter {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	
	padding: 0 1em 10px 0;
}
.newsletter .logo-newsletter {
	display: block;
	top: -85px;
	left: 10px;
}
.newsletter .logo-newsletter-mob {
	float: left;
	display: none;
	background: url('../img/newsletter.png') top left no-repeat;
	height: 52px;
	margin: 0;
	color: #ffffff;
	font-family: Arial;
	font-size: 1.6em;
	width: 100%;
	padding: 20px 0 0 60px;
}
.newsletter .formulari-newsletter {
	width: 100%;
}
.newsletter .formulari-newsletter-ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.formulari-newsletter-ul li label {
	padding: 11px 2% 11px 2%;
	width: 16%;
}
ul.formulari-newsletter-ul li .formobj {
	width: 71%;
	padding: 12px 2% 12px 2%;
}
ul.formulari-newsletter-ul li .Tbutton {
	padding: 12px 4% 12px 0%;
	margin: 1em auto 0 30%;
	width: 40%;
	clear: left;
	text-align: center;
}



.BarraLateralProductes {
	width: 100%;
}
.BarraCentralProductes {
	width: 100%;
}
.RotadorImatges {
	width: 100%;
}	
.DadesProducte {
	width: 100%;
}	

.filtre {
	margin-top: 10px;
	width: 100%;
}
.columna-central-amb-filtres {
	width: 100%;
	margin-top: 10px;
}

ul.llista-amb-imatges-1col li .llista-img {
	border: 1px solid transparent;
    width: 110px;
    height: 110px;
    float:left;
}
ul.llista-amb-imatges-1col li .llista-cont-img {
    height: 110px;
    padding: 2px 0 0 0;
    min-width: 40%;
    position: relative;
    float:left;
}
ul.llista-amb-imatges-1col li .separador {
	clear: both;
	height: 2px;
	width: 97%;
	margin: 0 1% 10px 110px;
	background: url('../img/separador.gif') top left repeat-x;
}
.columna-contingut-rotador {
	background: #ffffff;
}

.rotador-titol p {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 1.6em;
	font-family: Arial, sans-serif;
	text-shadow: white 0.1em 0.1em 0.2em;
}
.rotador-titol {
	position: inherit;
	margin: 10px 4% 30px 0;
	width: 96%;
}
.rotador-titol p.titol-gran-sil, .rotador-titol p.titol-gran-os {
	display: block;
}
.rotador-titol p.titol-petit-sil, .rotador-titol p.titol-petit-os {
	display: block;
}
.rotador-botons {
	text-align: center;
	
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	
	/* Older than Firefox 0.9 */
	-moz-opacity: 1;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}
.rotador-botons a {
	font-size: 1.2em;
	padding: 8px 0.9em 8px 0.9em;
	border-radius: 3px;
	moz-border-radius: 4px;
	margin: 0 4px 10px 20px;
}
.owl-theme .owl-controls {
	position: absolute;
	bottom: 0px !important;
}
.owl-theme .owl-dots .owl-dot span {
	background: #000000 !important;
	border: none !important;
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
	background: #e2001a !important;
	border: none !important;
}
.contingut_central {
	clear: both;
	float: none;
	width: 100%;
}

.columna-contingut-portada .columna-contingut-int, .columna-contingut-int {
	padding: 1.3em 5% 0 5%;
	width: 90%;
}



#boto-peu, #boto-peu2 {
	display: none !important;
}
.width_referencies {
    width: 98% !important;
}

.Tbutton {
	max-width: 100%;
}


ul.llista-imatges li img {
	max-width: 100% !important;
}

#marca-aigua {
	bottom: 0 !important;
}
.camp-label {
	margin-bottom: 2em;
}

.warea_100, .warea_99, .warea_98, .warea_97, .warea_96, .warea_95, .warea_94, .warea_93, .warea_92, .warea_91, .warea_90, .warea_89, .warea_88, 
	.warea_87, .warea_86, .warea_85, .warea_84, .warea_83, .warea_82, .warea_81, .warea_80, .warea_79, .warea_78, .warea_77, .warea_76, .warea_75, 
	.warea_74, .warea_73, .warea_72, .warea_71, .warea_70, .warea_69, .warea_68, .warea_67, .warea_66, .warea_65, .warea_64, .warea_63, .warea_62, 
	.warea_61, .warea_60, .warea_59, .warea_58, .warea_57, .warea_56, .warea_55, .warea_54, .warea_53, .warea_52, .warea_51, .warea_50, .warea_49, 
	.warea_48, .warea_47, .warea_46, .warea_45, .warea_44, .warea_43, .warea_42, .warea_41, .warea_40, .warea_39, .warea_38, .warea_37, .warea_36, 
	.warea_35, .warea_34, .warea_33, .warea_32, .warea_31, .warea_30, .warea_29, .warea_28, .warea_27, .warea_26, .warea_25, .warea_24, .warea_23, 
	.warea_22, .warea_21, .warea_20, .warea_19, .warea_18, .warea_17, .warea_16, .warea_15, .warea_14, .warea_13, .warea_12, .warea_11, .warea_10, 
	.warea_9, .warea_8, .warea_7, .warea_6, .warea_5, .warea_4, .warea_3, .warea_2, .warea_1 {
	width: 100% !important;
}