@charset "utf-8";

.amaga-menu {
	display: none;
}
.no-mobil {
	display: none;
}

.area-vertical.amplada-pagina, .amplada-pagina {
	width: 97% !important;
	padding: 0 1.5% 0 1.5%;
	margin-left: auto; 
	margin-right: auto;
}


/* Barra superior capçalera */
#capcalera #capcalera-superior #capcalera-superior-int {
	padding: 0 2% 0 2%;
	width: 96%;	
}
#capcalera #capcalera-superior #links-capcalera {
	margin: 0 20px 0 0;	
}
#capcalera #capcalera-superior #caixa-cerca .input-cerca {
	width: 140px;
}
#capcalera #capcalera-superior #idiomes {
	min-width: inherit;	
	padding: 10px 10px 0px 10px;
}
#capcalera #capcalera-menu #capcalera-menu-int {
	overflow: hidden;
}

#capcalera #capcalera-superior #logos-dreta {
	display: none;
}
#capcalera #capcalera-superior #menu-superior-screen {
	display: none;
}

/* Barra de menú de la capçalera */
#menu-superior-mob {
	display: block;
	color: #ffffff;
	padding: 15px 20px 25px 0;
	margin-top: 15px;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
#menu-superior-mob img {
	float: left;
}
#menu-superior-mob span {
	padding-top: 12px;
	padding-left: 15px;
	display: inline-block;
	float: left;
}


.amaga-menu {
	display: none;
}
.no-mobil {
	display: none;
}


/* Barra de menú de la capçalera */
#capcalera #capcalera-menu {
    min-height: 97px;
}
/* Logo */
#capcalera #capcalera-menu #capcalera-logo {
	width: 200px;	
	padding-top: 8px;
	margin-left: 10px;
}
#capcalera #capcalera-menu #cont-menu {
	position: absolute;
	top: 60px;
	right: 40px;
	width: 66%;
	z-index: 104;
	margin: 15px 0 0 0;
	float: none;
}
#capcalera #capcalera-menu #cerca-menu {
	display: block;
	background-color: #9dba06;
	overflow: hidden;
	margin-bottom: 1px;
}
#capcalera #capcalera-menu #cerca-menu .cerca-menu-int {
	padding: 7px 0px 7px 2%;
	overflow: hidden;
}
#capcalera #capcalera-menu #cerca-menu .input-cerca {
	width: 58%;
	float: right;
}
/* Rotador */
.element-rotador-portada .rotador-titol {
	top: 18%;
}
.element-rotador-portada .rotador-titol .rotador-titol-int .rotador-titol-int2 {
	max-width: 400px;
	width: 45%;
}
.element-rotador-portada .rotador-titol .titol-gran-sil {
	font-size: 2em;
}
.element-rotador-portada .rotador-titol .boto-rotador a {
	font-size: 1.4em;
}
.element-rotador-portada .owl-controls {
	display: none;
}

/* Divs de Continguts en funció de si hi ha menu lateral o banners */
#contingut {
	margin-top: -10px;
}

.columna-contingut-no-portada {
	margin: 0;
}
.columna-contingut-portada .columna-contingut-int {
	max-width: 680px;
}
.columna-contingut-no-portada .columna-contingut-int {
	max-width: none;
}

#columna-contingut-int-amb-columna-dreta {
    width: 100%;
    float: none;
    clear: both;
}

#columna-dreta {
    width: 100%;
    float: none;
    clear: both;
    margin: 0;
}

#fil {
	display: none;
}


/* Peu */
#peu #butlleti {
    padding: 22px 0 20px 0;
    width: 100%;
    overflow: hidden;
}
#peu #butlleti #butlleti-int {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 0 10px 0 10px;
    overflow: hidden;
}
#peu #butlleti #butlleti-int .butlleti-esquerre {
    float: none;
    width: 100%;
}

#peu #butlleti #butlleti-int .butlleti-esquerre .butlleti-titol {
	padding: 0 0 0 0;
	font-size: 1.8em;
}

#peu #butlleti #butlleti-int .butlleti-esquerre .butlleti-subtitol {
	padding: 0;	
	font-size: 1.4em;
	margin-bottom: 5px;
}
#peu #butlleti #butlleti-int .butlleti-dret {
    float: none;
    clear: both;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
#peu #butlleti #butlleti-int .butlleti-dret .boto-email-portada {
	margin-top: 10px;
}
#peu #butlleti #butlleti-int .butlleti-dret #nws_email_portada {
	width: 90%;	
}

#peu #peu-superior-mob {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    background-color: #303234;
}
#peu #peu-superior-mob ul#enllacos-peu-mob {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0.7em 0 0.7em 0;
	padding: 0;
	list-style: none;
}
#peu #peu-superior-mob ul#enllacos-peu-mob li {
	float: left;
	width: 40%;
	padding: 0.35em 5% 0.35em 5%;
	margin: 0;
	text-align: left;
}
#peu #peu-superior-mob ul#enllacos-peu-mob li a {
	color :#ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;	
}
#peu #peu-superior {
    padding: 20px 0 20px 0;
    float: none;
}
#peu #peu-superior #peu-superior-int #peu-superior-esquerra {
    float: none;
    width: 100%;
    text-align: justify;
    padding-right: 0%;
}
#peu #peu-superior #peu-superior-int #peu-logo {
	width: 20%;
	margin: 0px 3% 0px 4%;
}
#peu #peu-superior #peu-superior-int #peu-superior-dreta {
    float: none;
    width: 75%;
    padding: 20px 0 0 27%;
    text-align: left;
}

#peu #peu-inferior {
	padding: 20px 0 20px 0;	
}
#peu #peu-inferior #peu-inferior-int #peu-menupeu ul#peu-menus {
	margin-top: 1em;	
}


/* Estils */
ul.llista-amb-imatges li div.llista-img {
	width: 100% !important;
	float: none;
}
ul.llista-amb-imatges li div.llista-cont-img {
    overflow: hidden;
    max-width: none;
    width: 100% !important;
}

ul.llista-amb-imatges-requadres {
	
}
ul.llista-amb-imatges-requadres li {
	
}
ul.llista-amb-imatges-requadres li.amplada-requadre {
	width: 46%;
}
ul.llista-amb-imatges-requadres li img.llista-imatge {
    height: auto;
}

/* Agenda */
.agenda-contingut .agenda-mes .agenda-linia {
	left: 50%;
}
.agenda-contingut .agenda-mes .agenda-mes-titol-cont {
	width: 100%;	
	float: none;
}
.agenda-contingut .agenda-mes .agenda-mes-titol {
	width: 3.5em;
	margin: 5px auto 5px auto;
}
.agenda-contingut .agenda-mes .agenda-mes-registres {
	float: none;
	width: 100%;
}
.agenda-contingut .agenda-registre {
	float: none;
	width: 100%;
	margin-left: 0;
}


.filtre .Tbutton {
	clear: both;
	float: left;
}

.espai-superior {
	margin-top: 90px;
}
.destacat-landing {
	width: 42%;
	min-width: 140px;
	height: 200px !important;
	font-size: 1.1em;
	margin: 0 4% 10px 4% !important;
}


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

#menu-mobil {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2000200;
	background-color: rgba(255,255,255,0.95);
	height: 100%;
	overflow-y: scroll;
}
#menu-mobil #menu-mobil-int {
	width: 70%;
	margin: 0% 15% 0 15%;
}	
#menu-mobil #tanca-menu-mobil {
	float:right;
	padding: 10px 10px 10px 0;
}

#menu-mobil #div-mob-btn-idioma {
	border: 1px solid #f9f9f9;
	padding: 6px 5px 20px 5px;
	text-align: center;
	 
}
#menu-mobil #div-mob-btn-idioma p {
	padding: 8px 0 8px 0;
	font-size: 1.2em;
}
#menu-mobil #div-mob-btn-idioma img {
	margin-right: 8px;
	width: 28px;
}	

#menu-mobil #divMobIdiomes ul {
	margin: 5px 0 0 0;
	padding: 0;
}
#menu-mobil #divMobIdiomes ul li {
	display: inline-block;	
	margin: 0 15px 0 0;
	padding: 0;
}
#menu-mobil #divMobIdiomes ul li a {
	font-size: 1.1em;
}
#menu-mobil .cerca-mobil {
	text-align: center;
	width: 80%;
	margin: 10px 10% 10px 10%;
	background: url('/plantilles/bergueda/img/img-cerca-mobil.png') top left no-repeat;
    border-bottom: 2px solid #dddddd;
    height: 30px;
}

#menu-mobil .cerca-mobil .input-cerca {
    margin: 0px 0 0px 12%;
    padding: 0.1em 2% 0.1em 2%;
	background-color: transparent;
    font-size: 1.3em;
    vertical-align: middle;
    border: none;
    width: 80%;
}

#menu-mobil #div-segueixnos {
	border: 1px solid #f9f9f9;
	padding: 6px 5px 5px 5px;
	text-align: center;
	 
}
#menu-mobil #div-segueixnos p {
	padding: 8px 0 8px 0;
	font-size: 1.2em;
}
#menu-mobil #div-segueixnos img {
	margin-right: 8px;
	width: 28px;
}	
#menu-mobil #div-segueixnos ul {
	font-size: 1.1em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu-mobil #div-segueixnos ul li {
	margin: 0;
	display: inline-block;
	text-align: left;
	padding: 2px 10px 2px 10px;
	background: none;
}
#menu-mobil #div-segueixnos ul li img {
	width: 42px;
	height: 42px;
	
}

ul.marcador-interessar li {
	padding: 26% 0 0 0;
	width: 29%;
	margin: 0 1.5% 1em 1.5%;
}
ul.marcador-interessar li div.titol-relacio {
	font-size: 1.1em;
	font-weight: 700;
}

.alcada300 {
	height: 150px;	
}
.alcada450 {
	height: 225px;	
}
.alcada600 {
	height: 300px;	
}

div.efecte-parallax {
    min-height: 150px;
    width: 100%;
    max-width: none;
    vertical-align: middle;
}

ul.llista-categories li {
	width: 43% !important;
	margin: 12px 3% 20px 3%; 
}

ul.llista-sense-imatges li.ultim {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 2px solid #cccccc;
}

ul.llista-relacions li {
	width: 29%;
	padding: 26% 0 0 0;
	margin: 0 2% 1em 2%;
}

ul.llista-relacions li div.titol-relacio {
	font-size: 1.2em;
	font-weight: 700;
}

ul.llista-amb-imatges li.tres_columnes {
    margin: 0 1% 2.5em 2%;
    padding: 0;
    width: 47%;
    display: block;
    float: left;
    background-image: none;
    overflow: hidden;
}

.filtre p, .filtre p.camp-data {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.filtre .formobj, .filtre .formobj-sel {
    padding: 0.3em 2% 0.3em 2%;
    width: 80%;
    margin: 0 0 8px 0;
}
.filtre div {
	float: none;
}
.filtre .Tbutton {
    float: none;
}
.filtre .formobj-sel {
	width: 80% !important;
}
.filtre div.boto-filtra {
	text-align: center;
}

ul.llista-amb-imatges {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.llista-amb-imatges li {
	margin: 0 3% 1.5em 0;
	padding: 0;
	text-align: justify;
	background-image: none;
	overflow: hidden;
	width: 47%;
	clear: both;
}
ul.llista-amb-imatges li div.llista-img {
	width: 100% !important;
	float: none;
}
ul.llista-amb-imatges li div.llista-cont-img {
    overflow: hidden;
    max-width: none;
    width: 100% !important;
}

ul.marcador-destacats li {
	overflow: hidden;
	display: inline-block;
	background-color: #7AAD35;
	height:0;
	padding: 48% 0 0 0;
	width: 43%;
	margin: 0 3% 5% 3%;

	position: relative;
	border-radius: 8px;
}

ul.inst-fila-portada li {
	width: 27%;
	margin: 0 2.8% 5% 2.8%;
}

div.eltemps-portada div#titol-temps {
	font-size: 1.8em;
	font-weight: 700;
	color: #7AAD35;
	width: 95%;
	text-align: center;
	margin-bottom: 10px;
}
div.eltemps-portada div#icona-previsio {
	width: 12%;
	margin-left: 10%;
	padding: 0;
	margin-bottom: 10px;
}