@charset "utf-8";


#Pagina-interior {
	margin: 0;
}
#logo-mob {
	float: left;
	display: block;
}

#Capcalera {
	margin-top: 3px;
	min-height: 120px;
}

.amaga-menu {
	display: none;
}

#Capcalera_Inf {
	display: none;
}
#Capcalera_Esq {
	max-width: 220px;
	float: right;	
}
#CapcaleraSup {
	max-width: 100%;
	float: none;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
	background: rgba(251, 251, 251, 0.8);
}
#CapcaleraSup #telefon {
	font-size: 1.4em;
	padding: 8px 10px 8px 10px;
}
#CapcaleraSup #Login span {
	display: none;
}
#CapcaleraSup #telefon {
	font-size: 1.4em;
}
#capcalera-imatge p.titol-pagina-imatge {
	font-size: 2em !important;
}
#capcalera-imatge #titol-capcalera {
	bottom: 12px !important;
}

#CapcaleraSup #Cerca {
	display: none;
}
#CapcaleraSup #Links {
	display: none;
}
#CapcaleraSup #DivIdiomes {
	float:right;
	margin-top: 10px;
	overflow: hidden;	
}

#CapcaleraSup #CercaMobil {
	display: block;
	clear: both;
	text-align: center;
	overflow: hidden;	
	margin: 0 1% 0 1%;
	padding-top: 15px;
}	
#CapcaleraSup #cer_cerca2 {
	border: 1px solid #505050;
	height: 28px;
	padding: 0px 5% 0px 5%;
	font-size: 1.1em;
	vertical-align: top;
	width: 77%;
	background-color: transparent;
}

#CapcaleraSup #menu-superior-mob {
	display: block;
	margin-top: 5px;
	padding: 10px 2% 10px 2%;
	width: 96%;
	background-color: #939393;
}
#CapcaleraSup #menu-superior-mob img {
	float:right;
}

#CapcaleraSup #LinksMobil {
	display: block;
	clear: right;
	float:right;
	overflow: hidden;	
	margin-top: 10px;
	margin-right: 5px;
}
#CapcaleraSup #Login {
	margin-top: 10px;
	margin-right: 5px;
}
#CapcaleraSup ul#Idiomes li, #DivIdiomes-mob  ul#Idiomes li {
	padding: 6px 0 0 7px;
	margin-left: 15px; 	
}
#CapcaleraSup #Logo {
	float: left;
	max-width: 40%;
	margin-top: 15px;
} 

#CapcaleraSup #LinksMobil a {
	margin: 0 0 0 15px;
}
#CapcaleraSup #BarraLogin {
	text-align:left;	
	padding: 15px 0 15px 0;
}
#CapcaleraSup #BarraLogin label {
	width: 70%;
	display: inline-block;
	margin: 0 3% 0 4%;
}
#CapcaleraSup #BarraLogin .loginput {
	width: 70%;
	margin: 1% 3% 3% 4%;
}


#Capcalera_Tel {
	padding-left: 5px;
}
#Capcalera_Tel span.telf {
	font-size: 1em;
}
#GoogleCap {
	margin: 6px 0 0 5px;
	clear: left;
}

#DivLogin {
	width: 100%;
	margin-top: 5px;
}

.form-captcha {
	margin-left: 18%;
}

#DivIdiomes-mob {
	display: block;
	float: right;
	margin-top: 8px;
}
#menu-superior-mob {
	margin-top: 0;
	margin-right: 0;
	display: block;
	float: left;
}
#menu {
	width: 100%;
}

#DivIdiomes-mob  ul#Idiomes li {
	margin: 0;
	padding: 0 0px 5px 0px;
	display: block;
}

#Cap {
	margin-bottom: 0;
	position: relative;
	overflow: visible;
	width: 100%;
	margin-top: 0;
	background: none;
}

#Cap ul.Menu0 {
	
}
#Cap ul.Menu0 li {
	padding: 3px 13px 8px 10px;
	display: block;
	float: left;
}
#Cap ul.Menu0 li.NoPadding {
	padding-right: 0;
}
#Botons {
	width: 90%;
	position: absolute;
	bottom: 0;
	right: 0;
}
#botons-cerca {
	margin: 0 5px 0 0;
}
#Contingut {
	width: 100%;
}

#Col_Cont_Portada {
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
}
#Col_Cont_Adjunts {
	width: 100%;	
}
.Portada {
	width: 100%;	
}
.Adjunts {
	width: 100%;
}

#Col_Dreta {
	overflow: hidden;
	float: right;
	margin-top:15px;
}
.Adjunts {
	width: 96%;
	margin:0; 
	padding: 0 2% 0 2%;
	text-align: left;
}


#Col_Menus {
	display: none;
}
#Col_Cont_Menu {
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
	float: none;	
}
#Col_Cont_Cercador {
	padding: 0;
	margin: 1em 0 1em 0;
	width: 100%;
	clear: both;
	float: none;	
}
#Col_Cont_Detall {
	width: 100%;
	clear: both;
	float: none;
	margin: 0;
}
#Col_Cercador {
	width: 91%;
	clear: both;
	float: none;	
	overflow: hidden;
}

#fil {
	width: 96%;
	padding: 0 2% 0 2%;
	font-size: 1em;
	margin: 10px 0 10px 0;
	overflow: visible; 	
}
#Cont {
	padding: 0 2% 0 2%;
	text-align: justify;
	overflow: hidden;
	float: none;
	width: 96% !important;
	clear: both;
}
.Cont_amb_Adicionals {
	width: 97% !important;	
}
.fons_lateral {
	background: none;
}

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: 100% !important;
	float: none !important;
	clear: both !important;
}
.formobj {
	width: 95%;
}
.formTxtArea {
	width: 95%;
}
.form-captcha {
	margin-left: 1%;
}

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

.fons_portlet_portada {
	width: 90%;
	padding: 1.2em 5% 1.2em 5%;
}

.width_100, .width_99, .width_89, .width_84, .width_79, .width_74, .width_69, .width_64, .width_59, .width_54, .width_49, .width_44, .width_39, .width_34, 
.width_29, .width_24, .width_19, .width_14, .width_09 {
    width: 100% !important;
}


ul.families-portada li {
	float: left;
	width: 46%;
	padding: 10px 2% 10px 2%;	
}
ul.families-portada li img {
	width: 100%;
}


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


/* Columnes portada */
.Col_Esquerra, .Col_Dreta {
	float: none;
	clear: both;
	width: 100%;
}


ul.rotador {
	padding-bottom: 30px;	
}
.owl-theme .owl-dots {
	overflow: hidden;
	text-align: center !important;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	bottom: 10px !important;
	right: 0 !important;
	left: 0 !important;
}
.owl-theme .owl-dots .owl-dot {
  	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	height: 12px !important;
}
.owl-theme .owl-dots .owl-dot span {
  	width: 15px !important;
	height: 15px !important;
	margin: 0px 10px 0px 0px;
	
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	
	border-radius: 15px !important;
    background: #dddddd !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	border-radius: 15px !important;
    background: #ff0000 !important;
}

.rotador-titol-int {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.rotador-titol p.titol-gran-sil {
	font-size: 1.4em;
}
.rotador-titol p.titol-petit-sil {
	font-size: 1em;
}
.rotador-titol p.boto-rotador {
	padding-top: 10px;
	font-size: 1.1em;
	overflow: hidden;
}
.rotador-titol p.boto-rotador a {
	color: #ffffff;
	background-color: #ff0000;
	padding: 5px 10px 5px 10px;
}
.contingut-rotador-portada {
	margin-bottom: 25px;
}

/* Menú del peu */
#PeuSup {
	padding-bottom: 10px;
	/*padding-bottom: 50px;
	background: url("../img/fons-peu.png") bottom center no-repeat;*/
}
#PeuImatge {
	display: none;
}

#PeuDret {
	float: left;
	width: 96%;
	margin: 0 2% 0 2%;
}
#PeuApps span {
	width: 95%;
	text-align: left;
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	
}
#PeuText {
	float: left;
	width: 100%;
	font-size: 1.4em;
	padding: 0 0 30px 0;
}
#PeuLinks {
	float: left;
	padding: 0 0 0 0;
	width: 100%;
	margin-left: 0;
}

ul.menu-tercer {
	display: none;
}

/* Filtre de llistats interiors */
.filtre {
	background-color: #f8f8f8;
	margin-bottom: 1.6em;
	padding: 10px 2% 9px 2%;
	width: 96%;
	color: #787887;
	overflow: hidden;
}
.filtre .boto-inactiu {
	border: 0;
	width: 100%;
	padding: 5px 0px 5px 0px;
	margin: 0;
	font-size: 1.2em;
	margin-right: 3%;
	text-align: center;
	background-color: #505050;
	color: #ffffff;
	margin-bottom: 15px;
}
.filtre .boto-inactiu:hover {
	cursor: pointer;	
}
.filtre .boto-actiu {
	border: 0;
	width: 100%;
	padding: 5px 0px 5px 0px;
	font-size: 1.2em;
	text-align: center;
	/*background-color: #87aa96;*/
	color: #ffffff;
	margin-bottom: 15px;
}
.filtre img {
	float: right;
}
.filtre p.fila-superior {
	white-space: nowrap;
	display: block;
	vertical-align: baseline;
	float: left;
	width: 100%;
}
.filtre p {
	white-space: nowrap;
	display: block;
	vertical-align: baseline;
	float: left;
	width: 80%;
}


.producte-requadre {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 360px;
	overflow: hidden;
	background-color: #f0f0f0;
	padding: 0 0 1% 0;
	margin: 0 0 1% 0;
}
.producte-requadre .interior-producte {
	height: 325px;
	width: 100%;
	overflow: hidden;
}

ul.Imatges li div.capa-altres {
	background: rgba(111, 111, 111, 0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 999;
}
ul.Imatges li div.capa-altres:hover {
	cursor: pointer;
}
ul.Imatges li div.capa-altres p {
	margin-top: 15% !important;
	font-size: 2.5em;
	color: #ffffff;
}
.element-destacat {
	clear: both;
	float: none;
	background-size: cover;
}
.amplada1, .amplada2, .amplada3  {
	width: 98% !important;
	margin-right: 10px !important;
}
.alcada1, .alcada2, .alcada3 {
	height: auto;
	min-height: 220px;
	margin-bottom: 10px !important;
}


.element-requadre {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	background-color: #f0f0f0;
	padding: 0 0 1% 0;
	margin: 0 2% 1% 0;
}
.area-parallax {
	padding: 140px 0 40px 0;
}
#Col_Dreta #Col_Banners ul.Banners li {
	text-align:center;
}

.relacio-requadre {
	position: relative;
	width: 100%;
	height: auto;
	/*overflow: hidden;*/
	background-color: #f0f0f0;
	padding: 0 0 1% 0;
	margin: 0 0 20px 0;
}

.contenidor-emergent {
	display: none;
}



.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;
}

ul#llista-categories li {
	width: 90%;
	margin: 12px 5% 0px 5%;
}