/* 	Reset Styling
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline: none;
	padding: 0px;
	margin: 0px
}

/*	General Styling
----------------------------------------------------------------------*/
body {
	margin: 0 auto;
	/*background: #ddd url(images/backgrounds/6.jpg) fixed;*/
	background-color: #dedede;
	color: #555;
	line-height: 24px;
	line-height: 20px;
	font-family: "Roboto", Helvetica, Tahoma, Arial;
	font-weight: 400;
	font-size: 14px
}
::selection{
	color:#fff;
	background:#6D5E51
}
::-moz-selection{
	color:#fff;
	background:#6D5E51
}
img {
	border: none;
	/*max-width: 100%*/
}
.ImatgeRegHome { 
border:none;
max-width:auto;
width:160px;
height:85px;
margin:5px 10px 5px 0px;
}
.ImatgeAgendaMini { 
border:none;
max-width:auto;
width:120px;
height:64px;
margin:5px 10px 5px 0px;
}

a {
	color: #6D5E51;
	text-decoration: underline;
	-webkit-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out
}
a:hover {
	color: #000
}

.search input, .search button { padding: 10px 5px; }


#espera{display:none;width:100%;height:200px;top:200px;left:0;text-align:center;position:fixed;z-index:1;font-size:130%;background:none;background-image:url(galeria/semitransp.png);background-repeat:repeat;border-top:2px solid #C6AD6B;border-bottom:2px solid #C6AD6B}
#espera img{margin-top:70px}

.afiliacio{width:100%;min-height:65px;height:auto!important;clear:both;font-size:95%;margin:0;padding:0}
.afiliacio h4{margin-top:5px;font-weight:700;font-size:95%;background:none;background-color:#ADA59E;color:#000;}
.afiliacio table{width:100%;font-size:100%;margin:5px 0 10px}
.afiliacio table p{margin:0;padding:0}
.afiliacio table td{border-right:0 solid #fff;border-bottom:0 solid #fff;vertical-align:top;padding:1px}
.afiliacio table .td1{width:150px;border:1px solid #fff;padding:3px;}
.afiliacio table .td2{border:1px solid #fff;padding:3px;}
.afiliacio table select{padding: 2px !important; font-size:100%}
.afiliacio p { margin: 5px 0px !important; }
.afiliacio input { padding: 2px !important; }

.taulaformulari {
	width:100%;
}
.taulaformulari td { vertical-align:top; border: 2px solid #fff; }
.campobligatori{ background-color:#ADA59E; color:#000; padding: 0px 5px; }
.campnormal { background-color:#fff; color:#000; padding: 0px 5px; }
.comentaricamp { font-size:80%; }
.taulaformulari input { height:21px; font-size: 110%; }
.formulari { 
	width: 98%; 
	min-height: 100px; height: auto !important; height: 100px;
	margin: 5px; padding: 5px; 
	/*background-color: #DEDBD8;*/
}

.campFormulari { width:100%; clear:both; }
.campFormulari .campNom { width: 150px; float:left; margin: 3px 0px; }
.campFormulari .campEntrada { width: 500px; float:left; margin: 3px 0px 3px 5px; }
.campFormulari20, .campFormulari20a {
	width:19%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari25, .campFormulari25a {
	width:24%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari30, .campFormulari30a {
	width:29%;
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari33, .campFormulari33a {
	width:32%;
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari40, .campFormulari40a {
	width:38%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari50, .campFormulari50a {
	width:48%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari70, .campFormulari70a {
	width:68%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari75, .campFormulari75a {
	width:74%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari80, .campFormulari80a {
	width:78%; 
	min-height:20px; height: auto !important; height:20px;
	float:left;
	margin: 15px 1% 15px 0px;
}
.campFormulari100, .campFormulari100a {
	width:100%; 
	min-height:20px; height: auto !important; height:20px;
	clear:both;
	margin: 15px 0px;
}
.campFormulari20 input, 
.campFormulari25 input, 
.campFormulari30 input, 
.campFormulari33 input, 
.campFormulari40 input, 
.campFormulari50 input, 
.campFormulari70 input, 
.campFormulari75 input, 
.campFormulari80 input, 
.campFormulari100 input {
	width:90%; height:30px; padding:0px 5px; border:1px solid #AAAAAA; 
}
.campFormulari20 select, 
.campFormulari25 select, 
.campFormulari30 select, 
.campFormulari33 select, 
.campFormulari40 select, 
.campFormulari50 select, 
.campFormulari70 select, 
.campFormulari75 select, 
.campFormulari80 select, 
.campFormulari100 select {
	width:90%; height:30px; padding:0px 5px; border:1px solid #AAAAAA; 
}
.campFormulari20 input[type=radio], 
.campFormulari25 input[type=radio], 
.campFormulari30 input[type=radio], 
.campFormulari33 input[type=radio], 
.campFormulari40 input[type=radio], 
.campFormulari50 input[type=radio], 
.campFormulari70 input[type=radio], 
.campFormulari75 input[type=radio], 
.campFormulari80 input[type=radio], 
.campFormulari100 input[type=radio] {
	width:13px !important; height:13px !important; margin:10px 2px 10px 10px;
}
.campFormulari20 input[type=checkbox], 
.campFormulari25 input[type=checkbox], 
.campFormulari30 input[type=checkbox], 
.campFormulari33 input[type=checkbox], 
.campFormulari40 input[type=checkbox], 
.campFormulari50 input[type=checkbox], 
.campFormulari70 input[type=checkbox], 
.campFormulari75 input[type=checkbox], 
.campFormulari80 input[type=checkbox], 
.campFormulari100 input[type=checkbox] {
	width:13px !important; height:13px !important; margin:10px 2px 10px 10px;
}

.campFormulari20 input[type=button], 
.campFormulari25 input[type=button], 
.campFormulari30 input[type=button], 
.campFormulari33 input[type=button], 
.campFormulari40 input[type=button], 
.campFormulari50 input[type=button], 
.campFormulari70 input[type=button], 
.campFormulari75 input[type=button], 
.campFormulari80 input[type=button], 
.campFormulari100 input[type=button] {
	margin: 10px 0px;
	min-width: 100px;
	height: 45px;
	padding: 10px 5px;
	font-weight: bold;
	background-color: #6D5E51;
	color: #fff;
	border: 0px;
}
.campFormulari20a input[type=button], 
.campFormulari25a input[type=button], 
.campFormulari30a input[type=button], 
.campFormulari33a input[type=button], 
.campFormulari40a input[type=button], 
.campFormulari50a input[type=button], 
.campFormulari70a input[type=button], 
.campFormulari75a input[type=button], 
.campFormulari80a input[type=button], 
.campFormulari100a input[type=button] {
	margin: 20px 0px;
	min-width: 100px;
	height: 32px;
	padding: 8px 5px;
	font-weight: bold;
	background-color: #6D5E51;
	color: #fff;
	border: 0px;
}
.campFormulari20 input[type=submit], 
.campFormulari25 input[type=submit], 
.campFormulari30 input[type=submit], 
.campFormulari33 input[type=submit], 
.campFormulari40 input[type=submit], 
.campFormulari50 input[type=submit], 
.campFormulari70 input[type=submit], 
.campFormulari75 input[type=submit], 
.campFormulari80 input[type=submit], 
.campFormulari100 input[type=submit] {
	margin: 10px 0px;
	min-width: 100px;
	height: 45px;
	padding: 10px 5px;
	font-weight: bold;
	background-color: #6D5E51;
	color: #fff;
	border: 0px;
}
.campFormulari20a input[type=submit], 
.campFormulari25a input[type=submit], 
.campFormulari30a input[type=submit], 
.campFormulari33a input[type=submit], 
.campFormulari40a input[type=submit], 
.campFormulari50a input[type=submit], 
.campFormulari70a input[type=submit], 
.campFormulari75a input[type=submit], 
.campFormulari80a input[type=submit], 
.campFormulari100a input[type=submit] {
	margin: 20px 0px;
	min-width: 100px;
	height: 32px;
	padding: 10px 5px;
	font-weight: bold;
	background-color: #6D5E51;
	color: #fff;
	border: 0px;
}
.campFormulari20 input[type=button]:hover, 
.campFormulari25 input[type=button]:hover, 
.campFormulari30 input[type=button]:hover, 
.campFormulari33 input[type=button]:hover, 
.campFormulari40 input[type=button]:hover, 
.campFormulari50 input[type=button]:hover, 
.campFormulari70 input[type=button]:hover, 
.campFormulari75 input[type=button]:hover, 
.campFormulari80 input[type=button]:hover, 
.campFormulari100 input[type=button]:hover {
	background-color:#ADA59E;
	color:#6D5E51;
}
.campFormulari20 input[type=submit]:hover, 
.campFormulari25 input[type=submit]:hover, 
.campFormulari30 input[type=submit]:hover, 
.campFormulari33 input[type=submit]:hover, 
.campFormulari40 input[type=submit]:hover, 
.campFormulari50 input[type=submit]:hover, 
.campFormulari70 input[type=submit]:hover, 
.campFormulari75 input[type=submit]:hover, 
.campFormulari80 input[type=submit]:hover, 
.campFormulari100 input[type=submit]:hover {
	background-color:#ADA59E;
	color:#6D5E51;
}
.campInput10 input, .campInput10 select, .campInput10 textarea { width: 10%; }
.campInput15 input, .campInput15 select, .campInput15 textarea { width: 15%; }
.campInput20 input, .campInput20 select, .campInput20 textarea { width: 20%; }
.campInput25 input, .campInput25 select, .campInput25 textarea { width: 25%; }
.campInput30, .campInput30 input, .campInput30 select, .campInput30 textarea { width: 30%; }
.campInput35 input, .campInput35 select, .campInput35 textarea { width: 35%; }
.campInput40 input, .campInput40 select, .campInput40 textarea { width: 40%; }
.campInput45 input, .campInput45 select, .campInput45 textarea { width: 45%; }
.campInput50 input, .campInput50 select, .campInput50 textarea { width: 50%; }
.campInput60 input, .campInput60 select, .campInput60 textarea { width: 60%; }
.campInput75 input, .campInput75 select, .campInput75 textarea { width: 75%; }
.campInput80 input, .campInput80 select, .campInput80 textarea { width: 80%; }
.campInput90 input, .campInput90 select, .campInput90 textarea { width: 90%; }
.campInput100 input, .campInput100 select, .campInput100 textarea { width: 98%; }
.caractersdispo {width:30px !important; height: 20px !important; color:#999; font-size: 80%; }

.camp10 { width: 10% !important; }
.camp15 { width: 15% !important; }
.camp20 { width: 20% !important; }
.camp25 { width: 25% !important; }
.camp30 { width: 30% !important; }
.camp35 { width: 35% !important; }
.camp40 { width: 40% !important; }
.camp45 { width: 45% !important; }
.camp50 { width: 50% !important; }
.camp60 { width: 60% !important; }
.camp75 { width: 75% !important; }
.camp80 { width: 80% !important; }
.camp90 { width: 90% !important; }
.camp100{ width:100% !important; }

.campflotar { float: left !important; }

.boto25gran, .boto50gran, .boto100gran, .boto33gran {
	min-height:50px; height: auto !important; height:50px;
	float:left;
	margin:10px 0.5%;
	color:#fff;
}
.boto25gran { width:23.7%; }
.boto33gran { width:32%; }
.boto50gran { width:48%; }
.boto100gran { width:98%; }
.boto25gran  a, .boto33gran  a , .boto50gran  a , .boto100gran  a {
	color:#fff;
	padding:10px;
	text-align:center;
	text-decoration:none;
	display: block;
	background-color: #6D5E51;
}
.boto25gran  a:hover, .boto33gran  a:hover, .boto50gran  a:hover, .boto100gran  a:hover {
	color:#6D5E51;
	background-color:#ADA59E;
	display: block;
}


/* avis cookies ----------- */
.dark.cc_dialog { background:#666 !important; width:25%; }
.dark.cc_dialog { padding: 15px; }
.dark.cc_dialog button.cc_b_ok { background-color: #000; color:#fff; }
p.cc_dialog_text { padding: 10px 0px; }
.cc_dialog .cc_dialog_headline { font-size: 22px; margin-bottom: 0px; }
	/* quadre preferències */
	.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container {
		background: #333; border: 4px solid #e6e6e6;;
	}
	.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head {
		background: #333;
	}
	.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content {
		background: #333 !important;
	}
	.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer {
		background: #333; border-top-color: #333;
	}
	.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
		background: #666; color: #fff;
	}
/* avis cookies ----------- */



.botoenviar { height:35px !important; padding: 5px 20px !important; font-size: 120% !important; border: 2px solid #6D5E51;}
.botoenviar:hover { height:35px !important; padding: 5px 20px !important; font-size: 120% !important; border: 2px solid #000; background-color:#ADA59E; }

.borsa,.forum{width:100%;min-height:65px;height:auto!important;margin:0;padding:0}
.borsa table .campobligatori,.afiliacio .campobligatori{background-color:#ADA59E;font-weight:700;color:#444444;border:0}
.borsa .titol,.afiliacio .titol{width:99%;background-color:#999;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;font-size:110%;height:auto;line-height:auto;vertical-align:middle;clear:both;margin:0 0 10px;padding:2px 0 4px 5px}
.borsa .boto02 a:hover,.borsa table a:hover,.afiliacio table a:hover,.agenda h1 a:hover{color:#000}
.borsa .boto04,.boto_taronja2{width:250px;height:96px;color:#fff;font-weight:700;float:left;text-align:center;margin:10px 0 30px 20px;padding:0}
.borsa .opcions ul a:hover,.calendari a:hover{color:#fff;background-color:#C6AD6B}
.borsa table .td1,.borsa table .td2{border:1px solid #fff;border-bottom:1px solid #ccc}
.borsa table .td1,.borsa table .td4{border:1px solid #fff;border-bottom:0px solid #ccc;background-color:#fff;}
.borsa table .td1finalbloc,.borsa table .td2finalbloc{border:1px solid #fff;border-bottom:2px solid #666}
.borsa table .td3a,.borsa table .td3b,.taulanormal table td{border:0}
.borsa table .linia1,.calendari .taulacalendari .diabuit{background-color:#fff}
.borsa table a,.afiliacio table a{color:#423200;font-weight:400}
.afiliacio hr,.formocult{display:none;visibility:hidden}
.borsa select{font-size:100%;width:95%}
.borsa .campobligatori{background-color:#ADA59E;font-weight:700;color:#444444;border:1px solid #dedede;clear:both;margin:5px 0;}

.borsa .opcions{width:98%;height:60px;background-color:#fff;border:1px solid #ADA59E;text-align:left;margin:5px 0 20px;padding:2px 0 2px 5px}
.borsa .opcions ul{width:99%;height:30px;list-style-type:none;font-size:82%;margin:0;padding:0}
.borsa .opcions ul li{width:auto;height:20px;border:1px solid #ADA59E;float:left;text-align:center;margin:0 3px 0 0;padding:0}
.borsa .opcions ul span{display:block;height:16px;font-weight:700;text-decoration:none;background-color:#dedede;margin:0;padding:2px}
.borsa .opcions ul a{display:block;height:16px;font-weight:700;text-decoration:none;background-color:#fff;margin:0;padding:2px 5px;}
.borsa .opcions ul a:hover{display:block;height:16px;font-weight:700;text-decoration:none;background-color:#dedede;color:#555;margin:0;padding:2px 5px;}
.borsa table{width:100%;font-size:90%;margin:0}
.borsa table td{border-right:1px solid #666;border-bottom:1px solid #666;vertical-align:top;padding:2px}
.borsa table .td0{border:0;height:30px;background-image:url(galeria/linia_punts01.gif);background-repeat:repeat-x;background-position:0 10px}
.borsa table .td0a{width:100%;height:40px;vertical-align:bottom;background-color:#fff;border:1px solid #fff;font-weight:700}
.borsa table .td1a{width:30%;background-color:#ADA59E;border:1px solid #ff73ff}
.borsa table .td2a{border:1px solid #C90}
.borsa table .td3{border:0;background-color:#dedede;padding:5px}
.borsa table .titolscap{background-color:#ADA59E;;font-weight:700;color:#555}
.borsa table .linia2{background-color:#dedede}
.borsa #extensible1{height:5px;display:inherit;background-color:#ff4cd2}

.borsa .boto01{width:170px;height:65px;color:#fff;font-weight:700;float:left;text-align:center;margin:10px 0 10px 20px;padding:0}
.borsa .boto01 a{width:160px;height:65px;font-size:105%;color:#fff;display:block;background-image:url(galeria/boto04.gif);background-repeat:no-repeat;margin:0;padding:15px 5px 0}
.borsa .boto01 a:hover{font-size:115%;color:#fff}
.borsa .boto02{background-color:#CBA15A;width:150px;height:20px;color:#fff;font-weight:700;text-align:center;background-image:url(galeria/boto05a.gif);background-repeat:no-repeat;background-position:left top;float:left;margin:0 20px 0 0;padding:0}
.borsa .boto02 a{width:100%;height:20px;color:#fff;background-image:url(galeria/boto05b.gif);background-repeat:no-repeat;background-position:right top;display:block;font-weight:700;text-decoration:none;margin:0;padding:2px 0}
.borsa .boto03{
	background-color:#CBA15A;width:70px;
	/*height:20px;*/
	color:#fff;
	/*font-weight:700;*/
	text-align:center;background-image:url(galeria/boto05a.gif);background-repeat:no-repeat;
	background-position:left top;float:left;
	margin:0;padding:0 10px;
}
.borsa .boto03 a{
	width:100%;height:20px;color:#000;background-image:url(galeria/boto05b.gif);background-repeat:no-repeat;background-position:right top;display:block;
	/*font-weight:700;*/
	text-decoration:none;margin:0;padding:2px 0
}
.borsa .boto04 a{width:250px;height:96px;font-size:100%;color:#fff;display:block;background-image:url(galeria/boto07.gif);background-repeat:no-repeat;text-decoration:none;margin:0;padding:15px 5px 0 0}
.borsa .boto04 a:hover{font-size:110%;color:#fff}

.borsa .opcionsbt{width:98%;height:60px;background-color:#fff;border:1px solid #ADA59E;text-align:left;margin:5px 0 20px;padding:2px 0 2px 5px}

.fontroja1 { font-size:80%; }

h1, h2, h3, h4, h5, h6 {
	color: #484747;
	padding: 0;
	padding: 0 0px 2px 0px;
	margin: 0 0 10px 0;
	font-family: "Roboto", Helvetica, Tahoma, Arial;
	font-weight: 700;
	line-height: 26px;
}
h1 { font-size: 26px; padding: 5px; }
h2 { font-size: 22px; padding: 5px; }
h3 { font-size: 20px; padding: 5px; }
h4 { font-size: 14px; padding: 5px; }
h5 { font-size: 12px; padding: 5px; }
h6 { font-size: 10px; padding: 5px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	/* text-decoration: none; */
	color: #6D5E51;
}
p {
	margin-top: 5px;
	margin-bottom: 5px
}
p:last-child {
	margin-bottom: 0
}
strong {
	font-weight: bold
}
em {
	font-style: italic
}
ol {
	padding: 0;
	margin: 0
}
ol li {
	list-style: decimal;
	padding: 0 0 10px 0;
	margin: 0 0 0 20px;
	line-height: 24px
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
cite {
	float: right;
	padding: 0 0 5px 0
}
hr {
	background: #e6e6e6;
	border: 0;
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 20px 0;
	position: relative
}
pre {
	color: #333;
	white-space: initial;
	border-radius: 3px;
	background: #ccc;
	border-left: 8px solid #1ABC9C;
	padding: 14px 20px;
	white-space: initial;
	margin: 5px 0 20px 0;
	overflow: auto;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
code {
	color: #333;
	background: #ccc;
	border-left: 8px solid #1ABC9C;
	padding: 14px 20px;
	border-radius: 3px;
	margin: 5px 0 20px 0;
	clear: both;
	display: block;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
iframe {
	max-width: 100%;
}
mark {
	padding: 3px 5px;
}
textarea { 
	/*white-space:pre; */
}
/*	Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_1mig,
.grid_2,
.grid_2mig,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_7a,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;margin-right: 0%;
	padding-right: 1%;
}
.alpha {margin-left: 0 !important}
.omega {margin-right: 0 !important}
#aaaaaaa { aaaaa }


/*	Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {width:6.333%}
.grid_1mig {width:14%}
.grid_1mig img { max-width:100%; }
.grid_2 {width:14.667%}
.grid_2mig {width:17.3%}
.grid_3 {width:23.0%}
.grid_4 {width:31.333%}
.grid_5 {width:39.667%}
.grid_6 {width:48.0%}
.grid_7 {width:56.333%}
.grid_7a {width:65.6%}
.grid_8 {width:64.667%}
.grid_9 {width:73.0%}
.grid_10 {width:81.333%}
.grid_11 {width:89.667%}
.grid_12 {width:98.0%}
.grid_12:after {
	content: "";
	clear: both;
}
.grid_full {
	width:100%;
}
.grid_1_5 {
	width:18.0%;
}
.grid_2_5 {
	width:38.0%;
}
.grid_3_5 {
	width:58.0%;
}
.grid_4_5 {
	width:78.0%;
}
.grid_1.alpha,.grid_1.omega {
	width:7.333%;
}
..grid_1mig.alpha,..grid_1mig.omega {
	width:10.5%;
}
.grid_2.alpha,.grid_2.omega {
	width:15.4%;
}
.grid_2mig.alpha,.grid_2mig.omega {
	width:18.3%;
}
.grid_3.alpha,.grid_3.omega {
	width:24.0%;
}
.grid_4.alpha,.grid_4.omega {
	width:22.333%;
	width:32.333%;
	width:32.8%;
	/* ------personalitzat */
}
.grid_5.alpha,.grid_5.omega {
	width:40.667%;
}
.grid_6.alpha,.grid_6.omega {
	width:49.0%;
	width:47.7%;
}
.grid_7.alpha,.grid_7.omega {
	width:57.333%;
	width:65.6%;
	width:64.1%;
	border-right: 1px solid #DEDEDE;
}
.grid_7a.alpha,.grid_7a.omega {
	width:65.6%;
}
.grid_8.alpha,.grid_8.omega {
	/* width:65.667%; */ width:75.667%;
}
.grid_9.alpha,.grid_9.omega {
	width:74.0%;
}
.grid_10.alpha,.grid_10.omega {
	width:82.333%;
}
.grid_11.alpha,.grid_11.omega {
	width:90.667%;
}
.grid_12.alpha,.grid_12.omega {
	width:99.0%;
}
.grid_1_5.alpha,.grid_1_5.omega {
	width:19.0%;
}
.grid_2_5.alpha,.grid_2_5.omega {
	width:39.0%;
}
.grid_3_5.alpha,.grid_3_5.omega {
	width:59.0%;
}
.grid_4_5.alpha,.grid_4_5.omega {
	width:79.0%;
}
.altcomplet { min-height:950px; }
.row {
	/* width: 1170px; */ 
	/* width: 1475px; */
	max-width:98%;
	margin: 0 auto;
	position: relative;
}
#layout {
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}
.boxed {
	margin: 0 auto;
	/* width: 1230px; */ 
	width: 96%;
	width: 90%;
	max-width: 1200px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.boxed-margin {
	margin: 30px auto;
	width: 1230px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px
}
.full {
	width: 100%;
	margin: 0 auto;
	background: #fff
}
.left_sidebar .posts {
	float: right
}

.blocdestacat { 
	width:96%; height:auto;
	padding: 10px 1%;
	margin: 10px 1%;
	background-color:#DEDBD8;
}

.boto01, .boto01a {
	background:none !important;
	height: auto !important;
	width: auto; margin:5px 2px; background: none;color: #fff;
	border: 0; background: #6D5E51; display: inline-block;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
	padding:0px; text-align:center;
}
.boto01 a, .boto01a a {
	background: #6D5E51; color: #fff; display:inline-block; cursor:pointer;
	position:relative; padding: 5px; -webkit-transition: all 0.2s ease;
	text-decoration: none !important; display:block;
}
.boto01 a:hover, .boto01a a:hover {
	background: #ADA59E; display:inline-block;
}

.boto02 {
	background:none !important;
	height: auto !important;
	width: auto; margin:5px 2px; background: none;color: #fff;
	border: 0; background: #ADA59E; display: inline-block;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
	padding:0px; text-align:center;
}
.boto02 a {
	background: #ADA59E; color: #fff; display:inline-block; cursor:pointer;
	position:relative; padding: 5px; -webkit-transition: all 0.2s ease;
	text-decoration: none !important; display:block;
}
.boto02 a:hover {
	background: #cccccc; display:inline-block;
}

.boto01, .boto02, .boto04 {
	font-size:85%;
}
.boto01a {
	font-size:16px !important;
	text-align: center;
}

.boto03 {
	background: none !important;
	width: auto; margin-top: 5px; background: none;color: #fff;
	border: 0; background: #6D5E51 !important; display: inline-block;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
	font-size:120%; font-weight: normal; padding:0px; text-align:center;
}
.boto03 a {
	background: none !important;
	width:98%; background: #6D5E51 !important; color: #fff !important; display:inline-block; cursor:pointer;
	position:relative; padding: 10px 1%; -webkit-transition: all 0.2s ease;
	text-decoration: none !important; display:block;
}
.boto03 a:hover {
	background: #ADA59E; display:inline-block;
}
.boto04 {
	background:none !important;
	height: auto !important;
	width: auto; margin:5px 2px; background: none;color: #ADA59E;
	border: 0; background: #fff; display: inline-block;
	border: 1px solid #ADA59E; padding: 5px;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
	text-align:center;
}

.BarraBotonsDreta {
	width:100%; clear:both;
}
.BarraBotonsDreta img { float:right; margin: 0px 0px 0px 10px; }
.BarraBotonsDreta a { display:inline; }




/*	Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
}
.clearfix:before,
.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.separador { width: 100%;height:1px;clear:both; }
.separador1 { width: 100%;height:20px;clear:both; }
.separador2 { width: 100%;height:15px;clear:both; }
.separador5 { width: 100%;height:5px;clear:both; }
.separador10 { width: 100%;height:10px;clear:both; }
.separador20 { width: 100%;height:20px;clear:both; }
.separador30 { width: 100%;height:30px;clear:both; }
.separador40 { width: 100%;height:40px;clear:both; }
.separador50 { width: 100%;height:50px;clear:both; }
.separador75 { width: 100%;height:75px;clear:both; }
.displayflex20 { /*display: flex; */ margin-bottom: 20px; }

/* 	Header
----------------------------------------------------------------------------------------------------*/
#header {
	position : relative
}
.a_head {
	background: #fff;
}
.b_head {
	margin: 5px 0;
}
.c_head {
	background: #ADA59E;
	background-color: #fff !important;
}
.logo {
	float: left;
	background-image: url('/img/logo-copec-cap02.png?a=20230124');
	background-image: url('/img/logo-copec-cap03-color.png?a=20240416');
	background-repeat: no-repeat;
	background-position: left;
	background-size:90%;
	width:100%;
}
.logo img {
	width: 100%;
	height: 100px;
}
.center_logo {
	float: none;
	margin: 0 auto;
	display: table;
}
.DretaLogo {
	
}
.DretaLogo p { margin: 0px !important; }
.DretaLogo img { max-height: 100px !important; }

.ads {
	float: right
}
.right_icons {
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 999999999;
}
.right_icons:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.right_icons a {
	float: right;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	padding: 16px 20px;
	border-left: 0px solid #ffffff;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.right_icons a:hover, .search_icon i:hover, .search_icon i.activeated_search {	
	background: #6D5E51;
	color: #fff
}
#header .search {
	position: relative;
	margin: 0;
	float: right;
	z-index: 99
}
.search_icon {
	position: relative;
	cursor: pointer
}
.search_icon i {
	font-size: 16px;
	color: #6D5E51;
	text-align: center;
	padding: 7px 20px;
	padding: 7px 5px 7px 20px;
	border-left: 0px solid #ffffff;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.s_form {
	position: absolute;
	display: none;
	top: 43px;
	right: 0;
	padding: 8px 10px;
	background: #FFF;
	border-radius: 3px;
	border-top: 2px solid #6D5E51;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}
.s_form:after {
	content: no-close-quote;
	position: absolute;
	width: 0px;
	height: 0px;
	top: -8px;
	right: 22px;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-bottom: 6px solid #6D5E51;
}
#header .search form {
	position: relative;
}
#header .search input {
	margin: 0;
	padding: 0 10px;
	display: block;
	line-height: 30px;
	height: 30px;
	border: 1px solid #eee;
	border-radius: 3px;
	font-size: 11px;
	color: #808080;
	width: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .search button {
	position: absolute;
	top: 7px;
	right: 12px;
	background: none;
	border: 0;
	font-size: 11px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .search button:hover {
	color: #6D5E51
}
.right_bar .lang {
	float: right;
	padding: 0;
	margin: 0;
	border-left: 1px solid #ffffff;
	position: relative;
	width: 70px;
}
.right_bar .lang img {
	width: 20px;
}
.right_bar .lang a {
	padding: 4px;
	float: left;
	/* display: block; */
	border: 0px solid #e5f2bd;
}
.more_lang {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 99;
	background: #ADA59E;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.more_lang a {
	display: block;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.more_lang a:hover {
	opacity: 1
}
.lang:hover .more_lang {	
	-webkit-animation: fadeInDown 0.5s;
	animation: fadeInDown 0.5s;
	display: block
}
#date_time {
	color: #CCC;
	margin: 0;
	padding: 5px 20px;
	display: inline-block;
	float: right;
	font-size: 12px;
	z-index: 99;
	position: relative;
	border-left: 1px solid #ffffff;
}

/*	Popup SignIn
----------------------------------------------------------------------*/
.sign_in {
	float: right;
	height: 29px;
	margin: 4px 0 0 0;
}
#LoginBackgroundPopup {  
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	z-index: 9997;
} 
#popupLogin {  
	display:none;
	position:fixed;
	width:360px;
	top:50%;
	left:50%;
	z-index: 9998;
	margin-left: 0;
}
#popupLogin .d_block  {  
	background: url(images/transparent.png) repeat;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	padding: 5px;
}
#popupLogin .d_block2  {  
	background: #FFF;
	padding: 18px;
}
#popupLoginClose {
	position: absolute;
	top: 25px;
	right: 33px;
	font-size: 24px;
	color: #5C5C5C;
	cursor: pointer;
}
#login_username, #login_password {
	display: block;
	width: 100%;
	border: 1px solid #EAEAEA;
	border-radius: 10px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	line-height: 24px;
	height: 34px;
	background: #F7F7F7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.zigmaIn {
	-webkit-animation: fadeInDown 0.6s;
	animation: fadeInDown 0.6s;
}

/* 	Social
----------------------------------------------------------------------------------------------------*/
.social a {
	float: right;
	text-align: center;
	margin: 0;
	width: 35px;
	height: 35px;
	color: #555;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	border-left: 1px solid #ffffff;
	text-decoration: none;
}
#footer .social a {
	font-size: 140%;
	float: right;
	text-align: center;
	margin: 0;
	width: 32px;
	height: 32px;
	color: #555;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	border-left: 1px solid #ffffff;
}
.botonssocials {
	
}
.botonssocials img {
	width: 20px;
	height: 20px;
	float: left;
	margin: 7px 0px 0px 0px;
	padding: 2px;
}
.botonssocials img:hover {
	background-color:#dfdfd0;
}
.social_head {
	float: right;
	margin: 0;
	position: relative;
}
.social a i {
	padding: 10.5px 0;
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.social a:hover i {
	
}
.social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter { background: #00abdc }
.social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook { background: #325c94 }
.social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble { background: #fa4086 }
.social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss { background: #f1862f }
.social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github { background: #333 }
.social a:hover .fa-instagram, .with_color a .fa-instagram { 
	background: #CD2E96;
	background: -moz-linear-gradient(-45deg, rgba(104,70,198,1) 0%, rgba(227,133,57,1) 49%, rgba(226,47,110,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(104,70,198,1)), color-stop(49%, rgba(227,133,57,1)), color-stop(100%, rgba(226,47,110,1)));
	background: -webkit-linear-gradient(-45deg, rgba(104,70,198,1) 0%, rgba(227,133,57,1) 49%, rgba(226,47,110,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(104,70,198,1) 0%, rgba(227,133,57,1) 49%, rgba(226,47,110,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(104,70,198,1) 0%, rgba(227,133,57,1) 49%, rgba(226,47,110,1) 100%);
	background: linear-gradient(135deg, rgba(104,70,198,1) 0%, rgba(227,133,57,1) 49%, rgba(226,47,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6846c6', endColorstr='#e22f6e', GradientType=1 );
}
.social a:hover .fa-vimeo-square, .with_color a .fa-vimeo-square { background: #3A5161 }
.social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin { background: #0073b2 }
.social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest { background: #d9031f }
.social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus { background: #d9031f }
.social a:hover .fa-foursquare, .with_color a .fa-foursquare { background: #0cbadf }
.social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype { background: #00b9e5 }
.social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud { background: #ff7700 }
.social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube { background: #d9031f }
.social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr { background: #325c94 }
.social a:hover .fa-stackexchange, .with_color a .fa-stackexchange { background: #4e4e4e; color: #fff;border-color:#fff}
.social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr { background: #fa4086 }
.social a:hover .fa-columns, .social a:hover .icons-social-columns, .with_color a .fa-columns, .with_color a .icons-social-columns { background: #BFCFFF }
.social a:hover i {color: #fff}

/*	Superfish
----------------------------------------------------------------------*/
.home_class i {
	font-size: 16px;
	padding: 5px 0px;
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999999999;
	z-index: 500;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu {
	float: left;
	padding: 0;
	position: relative;
	margin: 0;
	width: 100%
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 172px;
}
.sf-menu ul li { 
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #ADA59E;
	background: #ffffff;
}
.sf-menu li:hover { visibility: inherit }
.sf-menu li {
	float: left;
	border-right: 1px solid #ffffff;
	border-right: 1px solid #6d5e51 !important;
	margin: 0;
	padding: 0
}
.sf-menu li li {
	width: 95%;
	border-bottom: 1px solid #ffffff;
	border-right: 0;
	margin:0;
	padding: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}
.sf-menu li li:last-child {
	border-bottom: 0
}
.sf-menu li li:first-child {border-top: 0}
.sf-menu li li a {
	padding: 6px 14px;
	line-height: 20px;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sf-menu a {
	display: block;
	position: relative;
	color: #fff;
	color: #6d5e51 !important;
	font-size: 13.5px;
	font-weight: 400;
	padding: 5px 6px;
	margin: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sf-menu a:hover {
	color: #ada59e !important;
}
.sf-menu li li a {
	margin: 0;
	border:0
}
.sf-menu > li:hover > a, .sf-menu > li > a:hover {
	color: #fff;
}
.sf-menu li.current > a {
	color: #fff;
}
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
	border: 0;
	color: #fff;
}
.sf-menu li li a {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;
}
.sf-menu li li i {
	margin-right: 8px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	z-index:	 999;
	top: 56px;
	padding: 0;
	-webkit-animation: fadeInDown 0.5s;
	animation: fadeInDown 0.5s;
}
.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul, 
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul  {
	left: 172px;
	z-index: 999;
	top: 0 !important
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li {
	position: relative !important;
	border-bottom: 0px solid #ada59e !important;
	border-right: 0px solid #f00 !important;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 172px;
	top: 0 !important;
	padding: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 172px;
	top: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

/*** arrows **/
.sf-sub-indicator {
	position: absolute;
	display: block;
	overflow: hidden;
}
.sf-menu > li > a .sf-sub-indicator {
	display: none
}
a > .sf-sub-indicator { 
	position: absolute;
	font-size: 8px;
}
li li a .sf-sub-indicator { 
	top: 13px;
	right: 5%;
}
.mega  {padding: 0 !important;background: #ADA59E}
.col4.mega  {left: 0}
.col3.mega, .col2.mega  {}
.col1, .col01, .col2, .col3 {float:left; margin-top:-10px;}
.col1 {width: 25% !important}
.col01 {width: 33% !important;}
.col2 {width: 50% !important}
.col3 {width: 75% !important; margin-left: 10px; }
.col4 {width: 100% !important; margin-left: 10px; 
	margin-left: 55px;
}
.mega h4, .mega h5 {color: #fff;margin-top: 10px}

.menuresp01 {}

.second_menu * {
	z-index: 9999999999999999999999 !important
}
.second_menu .sf-menu a {
	font-size: 12px;
	font-weight: 400;
	padding: 6px 10px 5px
}
.second_menu .sf-menu li:hover ul, 
.second_menu .sf-menu li.sfHover ul {
	top: 32px
}
.second_menu li li a .sf-sub-indicator { 
	top: 6px
}

/*	Ticker
----------------------------------------------------------------------*/
.ticker-wrapper.has-js {
	padding: 2px 0;
	width: 620px;
	height: 29px;
	display: block;
	float: left;
	font-size: 12px;
}
.ticker {
	width: 710px;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
}
.ticker-title {
	display: none !important;
	padding-top: 2px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.ticker-content {
	left: 0 !important;
	margin: 0px;
	padding-top: 8px;
	position: absolute;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #fff;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #ADA59E;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	border-bottom: 1px solid #fff;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
	float: right;
}
.right .ticker-controls {
	padding-right: 6px;
}
.freq_out {
	float: left;
	margin: 12px 12px;
	direction: ltr;
}
.freq {
	position: relative;
	width:10px;
	height:10px;
	top: 1px;
}
.inner_f {
	content: no-close-quote;
  	background-color: #6D5E51;
	width:4px;
	height:4px;
  	border-radius:100%;
	position: absolute;
	top:3px;
	left:3px
}
#layerBall { 
	box-shadow: 0 0 1px #6D5E51;
	width:10px;
	height:10px;
	border-radius:50px;
	position:absolute;
	z-index:99;
	top:0; 
	left:0;
	-webkit-animation-name: pulsee;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-duration: 2.5s;
}
#layerBall:after {
	background-color: #6D5E51;
	width: 10px;
	height:10px;
	border-radius:50px;
	content: no-close-quote;
	position:absolute;
	z-index:99;
}
#layerBall:before {
	box-shadow: 0 0 4px #6D5E51;
	width:10px;
	height:10px;
	border-radius:50px;
	content: no-close-quote;
	position:absolute;
	z-index:99;
  	-webkit-animation-name: pulseee;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-duration: 3s;
}
@-webkit-keyframes pulsee {
	0%   {-webkit-transform: scale(0);opacity: 0;}
	10%  {-webkit-transform: scale(1);opacity: 0.8;}
	50%  {-webkit-transform: scale(3);opacity: 0;}
	100% {-webkit-transform: scale(0);opacity: 0;}  
} 
@-webkit-keyframes pulseee {
	0%   {-webkit-transform: scale(0);opacity: 0;}
	10%  {-webkit-transform: scale(0.5);opacity: 0.8;}
	50%  {-webkit-transform: scale(1.5);opacity: 0;}
	100% {-webkit-transform: scale(0);opacity: 0;}  
} 
@keyframes pulsee {
	0%   {-webkit-transform: scale(0);opacity: 0;}
	10%  {-webkit-transform: scale(1);opacity: 0.8;}
	50%  {-webkit-transform: scale(3);opacity: 0;}
	100% {-webkit-transform: scale(0);opacity: 0;}  
} 
@keyframes pulseee {
	0%   {-webkit-transform: scale(0);opacity: 0;}
	10%  {-webkit-transform: scale(0.5);opacity: 0.8;}
	50%  {-webkit-transform: scale(1.5);opacity: 0;}
	100% {-webkit-transform: scale(0);opacity: 0;}  
} 

/*	Sticky
----------------------------------------------------------------------*/
.sticky {
	position: fixed !important;
	z-index: 1000;
	top: 0;
	left:0;
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.boxed .sticky, .boxed-margin .sticky {
	left: auto;
	width: 1170px;
}

/*	Page Content
----------------------------------------------------------------------*/
.page-content {
	margin: 10px 0;
}
.page-content ul {
	list-style: disc !important;
	margin-left: 30px;
}
.ipress_slider .item img{
	display: block;
	width: 100%;
	height: auto;
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { 
	cursor:url(images/grabbing.png) 8 8, move;
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: fadeInLeft .6s ease both;
	-moz-animation: fadeInLeft .6s ease both;
	animation: fadeInLeft .6s ease both;
}
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
	0% {opacity: 1}
}
@-moz-keyframes empty {
	0% {opacity: 1}
}
@keyframes empty {
	0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}
@-moz-keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
	25% { opacity: .5; -webkit-transform: translateZ(-500px); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
	25% { opacity: .5; -moz-transform: translateZ(-500px); }
	75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
	25% { opacity: .5; transform: translateZ(-500px); }
	75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
	100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
	0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; -webkit-transform: translateZ(-500px); }
	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
	0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; -moz-transform: translateZ(-500px); }
	100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
	0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
	75% { opacity: .5; transform: translateZ(-500px); }
	100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
	to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
	to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
	to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
	from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
	from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
	from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
	from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
	from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
	from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
	to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
	to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
	to { opacity: 0; transform: scale(1.5); }
}

.owl-theme .owl-controls{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	margin: 1px;
	padding: 5px 10px;
	font-size: 14px;
	background: #ADA59E;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background: #6D5E51;
	-webkit-animation: floating 0.5s;
	animation: floating 0.5s;
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading{
	min-height: 318px;
	background: url(images/AjaxLoader.gif) no-repeat center center
}
.ipress_slider .item .full {
	position: relative;
	clear: both;
	width: 100%
}
.ipress_slider .item .half {
	position: relative;
	float: left;
	width: 50%
}
.ipress_slider .item img {
	width: 100%;
}
.ipress_slider .slide_details {
	padding: 20px;
	position: absolute;
	bottom: 0;
	z-index: 9999;
}
.ipress_slider .slide_details h3 {
	padding: 4px 12px;
	font-size: 14px;
	background: rgba(29, 30, 32, 0.8);
	margin: 2px 0 0 0;
}
.ipress_slider .slide_details .post_rating {
	background: rgba(29, 30, 32, 0.8);
	padding: 4px 8px
}
.ipress_slider .slide_details h3 {
	color: #fff;
}
.ipress_slider .slide_details a {
	color: #FFF;
}
.ipress_slider .slide_details .line {
	border-bottom: 3px solid #fff;
	width: 30px;
	display: inline-block;
	margin: 0 0 10px 0;
}
.ipress_slider .owl-controls {
	bottom: -24px;
	right: 0;
}
.ipress_slider .owl-controls .owl-page span {
	width: 20px;
	height: 6px;
	margin: 0px 0 0 4px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #979797;
}

.posts iframe {
	/*width: 100%*/
}
.posts ul {
	padding: 0 0 20px 40px !important;
	margin: 0 !important;
	list-style-type: circle !important;
}
.posts .title , .posts .titlebottom {
	position: relative;
	color: #fff;
	background: #ADA59E;
	padding: 0px 16px 5px 10px;
	margin: 0 0 20px 0
}
.posts .title .feed {
	position: absolute;
	right: 18px;
	top: 10px;
	font-size: 16px;
	color: #FFF;
}
.posts .title:after {
	content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px;
	border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #ADA59E;
}
.posts .titlebottom:before {
	content: no-close-quote; position: absolute; width: 0px; height: 0px; top: -6px; left: 22px;
	border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #6D5E51;
}
.posts .title h4 {
	color: #FFF; font-size: 16px; font-weight: 400; margin: 0;
}
.posts .title h5, .posts .titlebottom h5 {
	color: #FFF; font-size: 12px; font-weight: 400; margin: 0;
}
.post_day .relative .cat {
	right: 0;
	top: 15px;
	position: absolute;
}
.post_day .relative .cat:after {
	content: no-close-quote;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: 10px;
	right: -5px;
	border-bottom: 5px solid rgba(0, 0, 0, 0);
	border-top: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid #ADA59E;
}
.post_day_content {
	padding: 10px 20px;
}
.post_day_content h3 {
	line-height: 20px
}
.post_m_content {
	padding: 10px 0; padding: 0px 0; /*-------- personalitzat */
}
.post_m_content h3 { /* ---------- personalitzat----- */
	line-height: 15px;
	font-size: 12px;
}
.small_posts .s_thumb {
	position: relative;
	/* float: left; */ clear: both;
	margin: 0 20px 20px 0;
	margin: 0;
}
.small_posts .s_thumb span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #6D5E51;
	z-index: 99;
	color: #FFF;
	text-align: center;
	width: 20px;
	height: 20px;
	font-size: 11px;
	padding: 0 0 3px 0;
}
.small_posts li.clearfix {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ECECEC;
}
.small_posts li.ample50 {
	width: 43%;
	height: 155px;
	overflow: hidden;
	margin: 0px 1% 10px 0px;
	float: left;
	padding: 2%;
}
.small_posts li.ample50parell {
	margin: 0px 0px 10px 5% !important;
}

.small_posts li.clearfix:last-child {
	margin: 0;
	border-bottom: 0;
	border-bottom: 1px solid #ECECEC;
}
.small_posts h3 {
	line-height: 18px;
	margin: 0 0 5px 0;
	font-size: 14px
}
.small_posts .meta {
	font-size: 12px
}
.small_posts .cat {
	padding: 2px 8px;
	display: inline-block;
}
.post_rating {
	padding: 2px 8px;
	font-size: 12px;
	display: inline-block;
	color: #FFF !important;
	background: #ADA59E;
	z-index: 99;
	display: inline-block;
}
.post_rating i {
	padding: 0 4px 0 0;
}

.single_post h3.single_title {
	font-size: 20px
}
.share_post  {
	background: #efefef
}
.share_post span {
	color: #fff;
	background: #6D5E51;
	float: left;
	padding: 4px 10px;
}
.share_post .socials {
	float: left;
	padding: 2px 0 0 20px;
}
.author_post .title {
	margin: 0;
}
.author_post .author_co {
	background: #EFEFEF;
	padding: 30px;
}
.author_post .author_co img {
	float: left;
	margin: 0 20px 20px 0
}
.author_post .author_co .social a {
	color: #929292;
	border-color: #EFEFEF;
}
.posts_links small {
	display: block;
	color: #CCC;
	margin-left: 30px
}
.posts_links span {
	display: block;
	margin-left: 30px
}
.posts_links i {
	position: absolute;
	color: #CCC;
	left: -20px;
	font-size: 52px;
}
.posts_links a.righter i {
	right: -20px
}
.posts_links a.righter span, .posts_links a.righter small {
	margin-right: 30px
}


.situacio { width:100%;font-size:80%;margin: 5px 0px 10px 0px; color:#999; }
.situacio a { color:#999; }
.situacio a:hover { color:#999; }

.portada { width:100%;margin:10px 0px; }

.registre{width:98%;min-height:100px;height:auto!important;overflow:visible;margin:20px 1%;}
.registre p { margin:10px 0px; line-height: 24px; }
.registre ul { list-style: circle; margin: 20px 40px; }
.registre ol { list-style: circle; margin: 20px 40px; }
.registre ul li { margin: 5px 0px; padding: 0; }
.registre ol li { margin: 5px 0px; padding: 0; }
.registre .resum{font-size:90%;margin:10px 0px;}
.registre img.esq{float:left;margin:2px 5px 5px 0;padding:0}
.registre .img_esq_text{float:left;margin:15px 15px 15px 0;padding:0}
.registre .img_dta_text{float:right;margin:15px 0 15px 15px;padding:0}
.registre .img_esq{text-align:left;display:block;margin:15px 15px 15px 0;padding:0}
.registre .img_dta{text-align:right;display:block;margin:15px 0 15px 15px;padding:0}
.registre .img_mig{clear: both;display:block;margin:15px auto;padding:0;max-width:96%;}
.imatgexarxes { max-width:60%; clear:both; margin:0px auto; }
.registre .miniatures{width:150px;float:right;min-height:350px;height:auto!important;text-align:center;margin:5px 0 0 15px}
.registre .miniatures p{background-color:#F7F7DE;clear:both;margin:0;padding:5px}
.registre .miniaturesh{width:auto;min-height:100px;height:auto!important;text-align:left;margin:5px 0 0}
.registre .miniaturesh p{background-color:#F7F7DE;float:left;margin:0;padding:5px}
.titolregistre { text-align:center;text-transform: uppercase; }



.pagination-tt ul {
	float: left;
}
.pagination-tt ul li {
	display: inline-block;
	margin: 0;
}
.pagination-tt ul li span {
	display: block;
	padding: 10px 12px;
	background: #ADA59E;
	color: #fff;
}
.pagination-tt ul li a {
	display: block;
	padding: 10px 12px;
	color: #fff;
	background: #6D5E51;
	transition: all 0.2s ease;
}
.pagination-tt ul li a:hover {
	background: #ADA59E
}
.pagination-tt .pages {
	float: right;
	padding: 10px 12px;
}

.recent_comments h5 {
	margin: 0;
}
.recent_comments p {
	line-height: 18px;
}
[class^='small_slider_'] .owl-controls, [class^='carousel_'] .owl-controls {
	position: absolute;
	bottom: auto;
	right: 42px;
	top: -49px;
}
[class^='small_slider_'] .owl-controls .owl-page span, [class^='carousel_'] .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	margin: 6px;
	background: #EBEBEB
}
.ads_block img {
	margin: 0 auto;
	text-align: center
}
[class^='carousel_'] .item{
	margin: 5px 4px;
}
[class^='carousel_'] .item img{
	display: block;
	width: 100%;
	height: auto;
}
.wp-polls-ul {
	margin: 0 0 20px 0
}
.wp-polls input.Buttons {
	border: 0px;
	padding: 10px 10px;	
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	background: #6D5E51;
	margin: 10px 10px 10px 0;
	display: inline-block;
	cursor: pointer;	
}
.wp-polls input.Buttons:hover {
	background: #ADA59E;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.cat {
	padding: 4px 10px;
	font-size: 12px;
	display: inline-block;
	color: #FFF !important;
	background: #ADA59E;
	z-index: 99
}
.title { text-transform: initial; }
.title.colordefault, .titlebottom.colordefault, .cat.colordefault, li.colordefault:hover > a, li.colordefault li:hover > a, li.current.colordefault {background: #6D5E51}
.title.color1, .cat.color1, li.color1:hover > a, li.color1 li:hover > a, li.current.color1 {background: #30DD98; background: #ADA59E}
.title.color2, .cat.color2, li.color2:hover > a, li.color2 li:hover > a, li.current.color2 {background: #d1c54a; background: #6D5E51}
.title.color3, .cat.color3, li.color3:hover > a, li.color3 li:hover > a, li.current.color3 {background: #FF3C7A}
.title.color4, .cat.color4, li.color4:hover > a, li.color4 li:hover > a, li.current.color4 {background: #00FF2F}
.title.color5, .cat.color5, li.color5:hover > a, li.color5 li:hover > a, li.current.color5 {background: #00ADFF}
.title.color6, .cat.color6, li.color6:hover > a, li.color6 li:hover > a, li.current.color6 {background: #325C94}
.title.color7, .cat.color7, li.color7:hover > a, li.color7 li:hover > a, li.current.color7 {background: #FF2121}
.title.color8, .cat.color8, li.color8:hover > a, li.color8 li:hover > a, li.current.color8 {background: #465559}
.color10 {background: #6D5E51 !important; }
.color10 h4 { color:#fff !important; font-size:90%; }

li.current.colordefault {background: #ffffff; }
li.color2:hover > a { 
	color: #6d5e51 !important; background-color: #fff !important; 
	color: #50453b !important; background-color: #fff !important; 
}
li.color2 li:hover > a { 
	color: #6d5e51 !important; background-color: #fff !important; 
	color: #50453b !important; background-color: #fff !important; 
	color: #ADA59E !important; background-color: #fff !important; 
}

.colordefault.title:after {border-top-color: #6D5E51 !important; bottom: -5px; }
.color1.title:after {border-top-color: #30DD98 !important; border-top-color: #ADA59E !important; }
.color2.title:after {border-top-color: #d1c54a !important; border-top-color: #6D5E51 !important; }
.color3.title:after {border-top-color: #FF3C7A !important}
.color4.title:after {border-top-color: #00FF2F !important}
.color5.title:after {border-top-color: #00ADFF !important}
.color6.title:after {border-top-color: #325C94 !important}
.color7.title:after {border-top-color: #FF2121 !important}
.color8.title:after {border-top-color: #465559 !important}
.color10.title:after {border-top-color: #6D5E51 !important}

.colordefault.cat:after {border-left-color: #6D5E51 !important}
.color1.cat:after {border-left-color: #30DD98 !important; border-top-color: #ADA59E !important; }
.color2.cat:after {border-left-color: #d1c54a !important; border-top-color: #6D5E51 !important; }
.color3.cat:after {border-left-color: #FF3C7A !important}
.color4.cat:after {border-left-color: #00FF2F !important}
.color5.cat:after {border-left-color: #00ADFF !important}
.color6.cat:after {border-left-color: #325C94 !important}
.color7.cat:after {border-left-color: #FF2121 !important}
.color8.cat:after {border-left-color: #465559 !important}
.color10.cat:after {border-left-color: #6D5E51 !important}

/*	contactForm
----------------------------------------------------------------------------------------------------*/
#contactForm span {
	margin: 11px 10px;
	display: inline-block;
	color: #F00;
}
#contactForm span strong {
	color: #F00;
}
#contactForm i {
	color: #fff;
	margin: 0 10px 0 0
}
#track_input, 
#contactForm #senderName, 
#contactForm #senderEmail {
	display: block;
	width: 100%;
	border: 1px solid #EAEAEA;
	padding: 0 10px;
	line-height: 24px;
	height: 38px;
	background: #FDFDFD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#contactForm #message {
	display: block;
	width: 100%;
	border: 1px solid #EAEAEA;
	padding: 16px 10px;
	background: #FDFDFD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#track_input:focus, 
#contactForm #senderName:focus, 
#contactForm #senderEmail:focus, 
#contactForm #message:focus {
	background: #fff;
	border: 1px solid #6D5E51;
}
#track_order label {
	font-weight: 600;
	margin-bottom: 14px;
}
#contactForm #senderEmail {
	float: right;
}
#contactForm .flr {
	margin: 0 0 10px 0 !important;
}
#contactForm .fll {
	margin: 0 0px 10px 0 !important;
}
.fieldtrue {
	border: 1px solid #1ABC5B !important
}
.fielderror {
	border-color: #F00 !important;
}
#contactForm #sendMessage {
	width: auto;
	margin-top: 20px;
	float: right;
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding: 10px 16px;
	background: none;
	color: #fff;
	border: 0;
	background: #6D5E51;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none !important;
}
#contactForm #sendMessage:hover {
	background: #ADA59E
}
#contactForm textarea {
	width: 98%;
}

/*	Sidebar
----------------------------------------------------------------------*/
.widget {
	margin: 0 0 10px 0
}
.widget .title {
	position: relative;
	color: #fff;
	background: #ADA59E;
	padding: 0px 16px 5px 10px;
	margin: 0 0 10px 0
}
.widget .title img { padding:5px 0px 0px 0px; }
.widget .title:after {
	content: no-close-quote;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: -6px;
	left: 22px;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid #ADA59E;
	bottom: -5px;
}
.widget .title h4 {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
.widget .title h4:first-letter { 
	text-transform: uppercase;
}

.small_slider_hots .owl-controls {
	right: 12px !important
}
.counter li {
	width: 48%;
	display: inline-block;
	margin: 0 0 14px 0
}
.counter i {
	width: 48px;
	height: 52px;
	position: relative;
	background: #ccc;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	float: left
}
.counter .fa:before {
	padding: 14px
}
.counter li i:after {
	content: no-close-quote;
	position: absolute;
	width: 0;
	height: 0;
	right: -6px;
	bottom: 20px;
	border-top: 6px solid rgba(0, 0, 0, 0);
	border-bottom: 6px solid rgba(0, 0, 0, 0);
	border-left: 6px solid #00ABDC
}
.counter .twitter i {background: #00ABDC}
.counter .twitter i:after {border-left-color: #00ABDC}

.counter .facebook i {background: #325c94}
.counter .facebook i:after {border-left-color: #325c94}

.counter .dribbble i {background: #fa4086}
.counter .dribbble i:after {border-left-color: #fa4086}

.counter .rss i {background: #f5931f}
.counter .rss i:after {border-left-color: #f5931f}

.counter span {
	float: left;
	padding: 8px 0 0 20px;
	line-height: 18px;
	font-size: 12px;
}


.widget iframe {
	width: 100%
}
.widget .list li a {
	display: block;
	border-bottom: 1px solid #E6E6E6;
	line-height: 32px;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.widget .list li a span {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	float: right
}
.widget .list li:hover span {
	padding-right: 10px
}
.widget .list li.current a, .widget .list li:hover a {
	color: #5486da;
	border-bottom: 1px solid #5486da;
	background: rgba(84, 134, 218, 0.07);
	padding-left: 10px;
}
.tags i {
	margin-right: 4px
}
.tags a {
	color: #868686;
	padding: 6px 12px;
	font-size: 12px;
	margin: 0 0px 4px 0;
	display: inline-block;
	background: #F1F1F1;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none !important;
}
.tags a:hover {
	background: #6D5E51;
	color: #fff;
}
#footer .tags a {
	background: #181717;
}
#footer .tags a:hover {
	background: #6D5E51;
	color: #fff !important;
}

/*-- calendar windget --*/
#wp-calendar {
	margin: 0 auto;
	width: 100% !important;
}
#wp-calendar th {
	background: #F3F3F3;
	border: 1px solid #FFF;
	padding: 4px 6px;
	text-align: center;
	font-weight: 400;
}
#wp-calendar td {
	background: #EEEEEE;
	border: 1px solid #FFFFFF;
	padding: 4px 6px;
	text-align: center;
}
#wp-calendar td.pad{
	background: #FFFFFF;
}
#wp-calendar #today {
	background: #6D5E51;
	color: #FFFFFF;
}
#wp-calendar #today a {
	color: #FFFFFF;
}
#wp-calendar caption {    
	text-align: center;
	background: #ADA59E;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	padding: 8px 0;
}

.r_content {
	position: absolute;
	bottom: 0;
	z-index: 99;
}
.r_content .cat {
	left: 20px;
	position: relative;
}
.r_content .r_title {
	color: #fff;
	width: 100%;
	display: inline-block;
	background: rgba(0, 0, 0, 0.39);
	margin: 4px 0 0 0;
}
.r_content .r_title a {
	display: block;
	padding: 15px 20px;
	color: #fff;
}

.latest_tweets {
	background: #36a7d6;
}
.tweets {
	color: #FFF;
	padding: 0 20px 54px;
}
.tweets .owl-controls {
	right: 0;
	bottom: -40px;
}
.tweets .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	margin: 5px 5px;
	background: #fff;
}
.latest_tweets i {
	padding: 0 4px 0 0
}
.latest_tweets h4 {
	color: #FFF;
	padding: 14px 20px;
	font-weight: 200;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #FFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.latest_tweets h4 small {
	font-weight: 100;
	font-size: 12px;
	color: #E2E2E2;
	font-style: italic;
	margin: 0 0 0 6px;
}

/*	Accordion, Toggle
----------------------------------------------------------------------*/
.accordion-head,
.toggle-head {
	position: relative;
	padding: 10px 0 10px 60px;
	margin: 8px 0 0 0;
	font-size: 14px;
	cursor: pointer;
	border-bottom: 0;
	color: #fff;
	background: #2c3337;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.accordion-head i,
.toggle-head i {
	padding-right: 8px;
}
.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
	margin: 0;
}
.active .accordion-content,
.active .toggle-content {
	border: 0;
	-webkit-animation: fadeInDown 0.4s;
	animation: fadeInDown 0.4s
}
.active .icon-minus-sign {
	-webkit-animation: fadeInDown 0.4s;
	animation: fadeInDown 0.4s
}
.active .icon-plus-sign {
	-webkit-animation: fadeInDown 0.4s;
	animation: fadeInDown 0.4s
}
.accordion-content,
.toggle-content {
	padding:16px;
	overflow:hidden;
}
.accordion-head-sign,
.toggle-head-sign {
	margin: 0;
	background: #6D5E51;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 16px;
}
.accordion-head-sign i,
.toggle-head-sign i {
	padding: 0;
	margin: 0;
}

.blockquote {
	font-family:'Philosopher', serif;
	font-size:16px;
	font-style:italic;
	text-shadow:1px 1px 3px transparent;
	color:#888;
	line-height: 24px;
	margin: 40px 20px;
	padding: 20px;
	overflow:hidden;
	border-left:5px solid #E6E6E6
}
.blockquote.left {
	width:33%;
	float:left;
}
div.blockquote.right {
	width:33%;
	float:right;
}

/*	Tabs
----------------------------------------------------------------------*/
.tabs {
	display:block;
	padding:0;
	list-style: none;
	border: 1px solid #EEE;
}
.tabs li {
	display:block;
	width:auto;
	padding:0;
	float:left;
	margin: 0;
}
.tabs li a {
	display: block;
	padding: 10px 20px;
	margin: 0;
	font-size: 12px;
	cursor: pointer;
	color: #dbdbdb;
}
.grid_3 .tabs li a {
	padding: 8px
}
.tabs li a.active {
	background: #313131;
	color: #FFF;
}
.tabs-content {
	padding: 20px 0;
	display: block;
	list-style: none
}
.tabs-content img {
	border-radius: 10px
}
.tabs-content > li {
	display:none
}
.tabs-content > li.active {
	display:block;
	overflow:hidden;
	-webkit-animation: fadeInDown 0.4s;
	animation: fadeInDown 0.4s
}
.tabs:before,
.tabs:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.tabs:after {
	clear:both;
}
@keyframes prot {
	20%, 40%, 60%, 80%, 100% { transform-origin: top center; }
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}
@-webkit-keyframes prot {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}
.tabs li a:hover i {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	-webkit-animation: prot 1s;
	animation: prot 1s;
	z-index: 11;
}

.v_tab li {
	float: none;
	display: flex;
	margin: 0 0 10px 0;
}
.v_content {
	display: block;
	padding: 10px 20px;
	margin: 0;
	border: 2px solid #DBDBDB;
	border-radius: 6px;
}

.table {
	background:transparent !important;
	font-size:13px;
	text-align:center;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table th {
	font-size:14px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	padding: 14px 8px !important;
	color:#ffffff;
	background-color:#313131;
	text-shadow:none;
}
.table td { 
	padding: 14px 8px !important;
	text-align: center;
}
.table tr {
	border-bottom:1px solid #fff;
	background-color:#f8f8f8;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s;
}
.table tr:hover, tr.topic-sticky {
	background: #ddd;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.table tfoot td {
	padding: 14px !important;
	text-align: left;
	background:#313131;
	color:#ffffff;
	font-size:11px;
	text-shadow:none;
}
.table tfoot tr:hover {
	background:#ddd;
}
.tauladades { font-size:90%; width:90%; margin: 10px 1%; }
.tauladades th { text-align:left; background-color:#6D5E51; border:1px solid #ADA59E !important; padding:5px; color:#fff; font-weight:bold;}
.tauladades tr { border:1px solid #ADA59E !important; }
.tauladades td { text-align:left; vertical-align:top; border:1px solid #ADA59E !important; padding:5px;}
.tauladades .columna1 { width: 25%; }
.tauladades .columna2 { width: 75%; }
.imatge-curs-llista img { width: 100%; height: auto; }


/*	Notification Boxes
----------------------------------------------------------------------*/
.notification-box {
	position: relative;
	margin-bottom: 10px;
	border-radius: 3px;
	padding: 20px 32px 20px 20px;
	color:#fff;
	font-size: 14px;
	font-weight: normal;
	-webkit-animation: fadeInUp 1.3s;
	animation: fadeInUp 1.3s;
}
a.notification-close {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 12px;
}
.notification-box p {
	margin: 0;	
}
.notification-box p i {
	padding-right: 10px;
	border-right: 1px solid;
	margin-right: 10px;
}
.notification-box-info {
	color: #65cad3;
	border: 1px solid #65cad3;
}
.notification-box-success {
	color: #1abc9c;
	border: 1px solid #1abc9c;
}
.notification-box-warning {
	color: #eed880;
	border: 1px solid #eed880;
}
.notification-box-error {
	color: #e06f6f;
	border: 1px solid #e06f6f;
}
.notification-box-info a {
	color: #65cad3;
}
.notification-box-success a {
	color: #1abc9c;
}
.notification-box-warning a {
	color: #eed880;
}
.notification-box-error a {
	color: #e06f6f;
}

/*	Buttons
----------------------------------------------------------------------*/
.tbutton {
	display:inline-block;
	cursor:pointer;
	position:relative;
	word-spacing:0.2em;
	background:#6D5E51;
	color:#fff;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.tbutton:hover {
	color:#fff;
	background: #ADA59E
}
.tbutton.color2 {
	background: #9AD147;
}
.tbutton.color2:hover {
	background: #ADA59E
}
.tbutton.color3 {
	background: #5200FF
}
.tbutton.color3:hover {
	background: #ADA59E
}
.tbutton.color4 {
	background: #09F
}
.tbutton.color4:hover {
	background: #ADA59E
}
.tbutton.color5 {
	background: #F00
}
.tbutton.color5:hover {
	background: #ADA59E
}
.tbutton.color6 {
	background: #2FEFF7
}
.tbutton.color6:hover {
	background: #ADA59E
}
.tbutton.color7 {
	background: #A58080
}
.tbutton.color7:hover {
	background: #ADA59E
}
.tbutton.color8 {
	background: #809FA5;
}
.tbutton.color8:hover {
	background: #ADA59E
}
.tbutton.color9 {
	background: #3DE4B5;
}
.tbutton.color9:hover {
	background: #ADA59E
}
.tbutton span {
	display: block;
	overflow: hidden;
}
.tbutton span {
	padding: 0 10px;
	line-height: 2.6em;
}
.tbutton.small {
	font-size: 12px;
}
.tbutton.medium {
	font-size: 14px;
}
.tbutton.large {
	font-size: 16px;
}
.tbutton.small span {
	padding: 0 14px;
	line-height: 2.3em;
}
.tbutton.medium span {
	padding: 0 16px;
	line-height: 2.6em;
}
.tbutton.large span {
	padding: 0 18px;
	line-height: 2.8em;
}

.errorpage h2 small {
	display: block;
	font-weight: 200;
	padding: 10px 0;
}

/*	Top Scroll
----------------------------------------------------------------------*/
#toTop {
	position: relative;
	float: right;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#toTop i {
	display: block;
	font-size: 14px
}

/* 	Tipsy
----------------------------------------------------------------------*/
#footer {
	background: #fff;
	color: #555;
	font-size:90%;
	border-top: 2px solid #DEDEDE;
}
#footer ul {
	padding: 0 0 0 20px;
	list-style-type: disc;
}
#footer a {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	/*color: #000 */
}
#footer a:hover {
	/* color: #555 */
}
#footer h4 { font-size: 13.5px; }
#footer .widget {
	margin: 50px 0;
	margin: 15px 0;
}
#footer .widget img { display: inherit; margin: 0px 10px 10px 0px !important; }
#footer .widget .title {
	background: #252729
}
#footer .widget .title:after {
	border-top: 6px solid #252729
}
#footer .small_posts li.clearfix {
	border-bottom: 1px solid #ffffff
}
#footer .small_posts li.clearfix:last-child {
	border-bottom: 0
}
#footer .social a {
	float: left;
	border-left: 0;
}
.peuColaboren img { max-width: 30%; }
.peuFormaPart img { max-width: 22%; }

#newsletters {
	position: relative;
}
#newsletters input {
	margin: 0;
	padding: 0 10px;
	line-height: 24px;
	height: 34px;
	border: 1px solid #EBEBEB;
	background: #F7F7F7;
	border-radius: 3px;
	font-size: 11px;
	color: #A7A7A7;
	cursor: text;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#newsletters input:focus {
	background: #fff;
	border: 1px solid #C5C5C5;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#newsletters:hover button {
	color: #191919;
}
#newsletters button {
	position: absolute;
	top: 10px;
	right: 14px;
	background: none;
	border: 0;
	color: #555;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#newsletters button:hover {
	color: #6D5E51;
}
.footer_last {
	border-top: 1px solid #ffffff;
	padding: 20px 0
}
.footer_last:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.copyright {
	font-size: 12px;
	float: left;
}

/* 	Tipsy
----------------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000}
.tipsy-inner { padding: 1px 10px 0px; background-color: #303030; color: white; max-width: 300px; text-align: center; }
.tipsy-inner { border-radius: 4px; }
.tipsy-arrow { position: absolute; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px}
.tipsy .tipsy-arrow:before {content: no-close-quote;position: absolute;width: 0px;height: 0px}
.tipsy-n .tipsy-arrow:before {bottom: -1px;left: -2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #303030;}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px}
.tipsy-s .tipsy-arrow:before {bottom: -1px;left: -2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #303030;}
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px}
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px }
.tipsy-e .tipsy-arrow:before {bottom: -6px;right: 0px;border-right: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid #303030}
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px}
.tipsy-w .tipsy-arrow:before {bottom: 6px;left: -1px;border-bottom: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid #303030}
.tipsy-n div {-webkit-animation: fadeInUp 0.3s;animation: fadeInUp 0.3s;}
.tipsy-s div {-webkit-animation: fadeInDown 0.3s;animation: fadeInDown 0.3s;}
.tipsy-w div {-webkit-animation: expandOpen 0.3s;animation: expandOpen 0.3s;}
.tipsy-e div {-webkit-animation: expandOpen 0.3s;animation: expandOpen 0.3s;}

/*	More Styles
----------------------------------------------------------------------*/
.mi { margin-right:4px !important }
.mid { margin-right:8px !important }
.mii { margin-left:4px !important }
.miid { margin-left:8px !important }

.mt { margin-top:20px !important }
.mtt { margin-top:30px !important }
.mtf { margin-top:40px !important }
.mtff { margin-top:50px !important }
.mts { margin-top:70px !important }

.mb { margin-bottom: 10px !important; /*-------- personalitzat */
width:175px;
float:left;
margin-right:20px;margin-right:0px; /*-------- personalitzat */
margin-left:0px;
}
.mbAgenda { margin-bottom: 10px !important; /*-------- personalitzat */
width:135px;
float:left;
margin-right:20px;margin-right:0px; /*-------- personalitzat */
margin-left:0px;
}
.imatgePost { width:100%; margin: 7px 0px !important; }
.mbt10 { margin-bottom:10px !important }
.mbt { margin-bottom:12px  !important }
.mbf { margin-bottom:40px !important }
.mbff { margin-bottom:50px !important }
.mbs { margin-bottom:70px !important  }

.pt { padding-top:120px }

.fll { float:left; margin:0 20px 10px 0 !important }
.flr { float:right; margin:0 0 10px 20px !important }
.tac { text-align:center !important }
.tar { text-align:right !important }
.tal { text-align:left !important }
.tacIMG, .tacIMG img {margin:0 auto !important; text-align:center;}

.two-radius { border-radius:2px !important; -webkit-border-radius:2px !important }
.three-radius { border-radius:3px !important; -webkit-border-radius:3px !important }
.four-radius { border-radius:4px !important; -webkit-border-radius:4px !important }
.five-radiu { border-radius:5px !important; -webkit-border-radius:5px !important }
.six-radius { border-radius:6px !important; -webkit-border-radius:6px !important }
.ten-radius { border-radius:10px !important; -webkit-border-radius:10px !important }
.circle-radius { border-radius:100% !important; -webkit-border-radius:100% !important }


.breaking_news  { color:#555 !important; padding-top:5px; }
.breaking_news  a { color:#000000; !important; text-decoration:underline; display: inline-block; }

.relative {position:relative !important}
.righter {float:right !important}
.lefter {float:left !important}


.hidden { display:none }
.tt {
	display:block;
	padding:10px 0;
	border-bottom:3px solid #DDD;
	text-align:center;
}
.without_border a {border:0 !important}
.bg_light {background :#fff}

/*	Display
----------------------------------------------------------------------*/
#mobilepro {
	font-weight:bold;
	display:none;
	cursor:pointer;
	float:left;
	margin:0;
	position: relative;
	top: -380px;
	font-size:16px;
	color:#FFF;
	background-color: #6D5E51;
	text-align:center;
	padding:12px 16px;
	border-right:1px solid #ffffff;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	
	color:#6D5E51 !important;
	background-color: #fff !important;
	border:1px solid #6D5E51 !important;
}
#mobilepro:hover, #mobilepro.on {
	background:#6D5E51
}
.subarrow {
	top:auto !important;
	padding:16px 20px !important;
	display:none
}
li li .subarrow {
	padding:10px 15px!important
}
.second_menu #mobilepro {
	padding:6px 12px 5px !important
}
.second_menu .subarrow {
	padding:5px 20px !important
}

.NoticiaHome { 
	border-bottom:1px solid #dedede;
	margin-right:1%;
	min-height:97px;
	max-height:97px;
	margin-bottom: 5px !important;
	background-color:#fff;
}
.NoticiaHome h3 { 
	text-transform: uppercase;
}
a.linknoticiesany {
	border: 1px solid #6D5E51;
	background-color:#fff;
	display: inline-block;
	padding: 5px 5px;
	margin: 5px 2px;
	text-decoration: none;
	font-size: 10px;
}
a.linknoticiesany:hover {
	background-color: #dedede;
}


.ratlla_a_sota {
	border-bottom: 1px solid #dedede;
}

.img_esq_text{float:left;margin:5px 5px 5px 0;padding:0}
.img_dta_text{float:right;margin:5px 0 5px 5px;padding:0}
.img_esq{text-align:left;display:block;margin:5px 5px 5px 0;padding:0}
.img_dta{text-align:right;display:block;margin:5px 0 5px 5px;padding:0}
.img_mig{clear:both;display:block;margin:5px auto;padding:0;max-width:96%;}


.blocserveis { width:100%; }
.blocserveis p { width:15%; float: left; margin: 5px; min-height: 130px; }
.blocserveis img { width: 100%; }

.calendari{width:98%;text-align:left;border-bottom:1px solid #fff;font-size:85%;margin:0 auto 1%; }
.calendari a{font-weight:700;color:#000;display:block}
.calendari form{margin-top:5px}
.calendari .taulames { width:100%; }
.calendari .taulames .canvimes{
	width:50%;background-color:#EBECED; background-color:#ADA59E; text-align:center; border:1px solid #fff;
}
.calendari .taulames .canvimes:firstchid {border-right:0px solid #fff;  }
.calendari .taulames .canvimes:lastchid {border-left:0px solid #fff;  }
.calendari .taulames .canvimes a{
		text-decoration:none;color:#000;font-size:130%;display:block;
		background-color:#EBECED; background-color:#ADA59E; 
		padding:0px 3px; 
	}
.calendari .taulames .canvimes a:hover{text-decoration:none;color:#fff;font-size:130%;background-color:#ccc;padding:0px 3px; }
.calendari .taulames .nommes{
	text-align:center;border:1px solid #fff;color:#423200; 
	background-color:#EBECED; background-color:#ADA59E; 
}
.calendari .taulacalendari {width:100%; }
.calendari .taulacalendari a{text-decoration:none;font-weight:400}
.calendari .taulacalendari .diessetmana{
	background-color:#C6AD6B;color:#423200;
	background-color:#6D5E51;color:#423200;
	
	font-weight:700;text-align:right;font-size:90%; 
	color:#fff;
}
.calendari .taulacalendari .diessetmana td { padding: 0px 5px 0px 0px;}
.calendari .taulacalendari .dies{background-color:#a0a;border:1px solid #F7C64A;text-align:right}
.calendari .taulacalendari .diaactivitats{
	background-color:#D3C39B; background-color:#ADA59E;
	border:1px solid #ADA59E; border:1px solid #6D5E51; 
	text-align:right; padding: 0px 5px 0px 0px;
}
.calendari .taulacalendari .senseactivitat{
	border:1px solid #ADA59E;text-align:right;background-color:#fff;
}
.calendari .taulacalendari .diaactual{
	background-color:#D3C39B; background-color:#ADA59E; 
	display:block;font-weight:700;
}




.blocscroll {
	width:100%;
	height:218px;
	padding-right:5px;
	overflow:scroll;overflow-x:hidden;
	font-size:80%;
}
.blocscroll a { text-decoration:none; }
.blocscroll .boto02{ font-weight:bold;color:#6D5E51;border:1 solid #6D5E51;margin:0px;padding:4px;}
.blocscroll .boto02 a:hover{color:#ADA59E;}







.destacat { background-color: #f3f3f3; border: 0px solid #f00 !important; text-align: center; } 
.destacat h3 { line-height: 16px; font-size: 12px; }
.destacat img { width:94% !important; }
.destacatagenda{width:99%;height:150px;background-color:#fff;margin:0;padding:1px;font-size:75%; }
.destacatagenda p{width:95%;margin:0}
.destacatagenda .mig{max-width:120px;max-height:60px;margin:0 auto;padding:0}
.destacatagenda .boto02{width:100%;height:15px;border:0 solid #000;margin:5px 0;padding:1px 0}
.destacatagenda .boto02 a{
	background:none;color:#6D5E51;font-weight:700;text-decoration:underline;font-size:95%;padding:0;
	}
.destacatagenda .boto02 a:hover{background:none;color:#ADA59E;text-decoration:none;font-size:95%;padding:0}

.fitxa {
	width:100%;
	margin: 5px 0px 20px 0px;
}
.fitxa ul { list-style: circle; margin: 20px 40px; }
.fitxa ol { list-style: circle; margin: 20px 40px; }
.fitxa ul li { margin: 5px 0px; padding: 0; }
.fitxa ol li { margin: 5px 0px; padding: 0; }
.fitxa .fitxalinia { width: 100%; min-height:25px; display:flex;height: auto !important; height:25px; margin: 2px 0px; border: 1px solid #6D5E51; clear;both; } 
.fitxa .fitxacamp { width: 25%; min-height:25px; height: auto !important; height:25px; padding: 0px 2px; vertical-align:top; background-color: #ADA59E; float:left; color:#222; } 
.fitxa .fitxavalor { width: 74%; min-height:25px; height: auto !important; height:25px; padding: 0px 2px; vertical-align:top; margin-left:0.5%; background-color: #fff; float:left; }
.fitxa .columnacap { float:left; background-color: #ADA59E; color:#555; padding: 2px; font-weight:bold; border-right: 1px solid #fff; }
.fitxa .columnafila { float:left; padding: 2px; border-right: 1px solid #ADA59E; }
.fitxa .columnacap:last-child, .fitxa .columnafila:last-child { border:none; }

.capimprimir{ display:none;visibility:hidden;width:640px;height:100px;margin:0; }



/* PWA */

:root { --c:#6D5E51; } /* background:var(--c); */
* { box-sizing: border-box; }
#installBtn{
	position:fixed; 
	/* right:16px; */ /* el movem de la dreta a l'esquerra */
	left: 10px; width: 300px; /* el posem a l'esquerra */
	bottom:16px;

	padding:12px 16px; border:0; border-radius:12px;
	background:var(--c); color:#fff; font-weight:700; cursor:pointer;
	border: 1px solid #fff;
	box-shadow:0 10px 28px rgba(0,0,0,.18); z-index:2147483647; pointer-events:auto;
	display:none; /* per defecte amagat; el script decidirà si mostrar-lo */
}
@media (display-mode: standalone){ #installBtn{ display:none; } }

#help{
	position:fixed; left:16px; bottom:16px; max-width:72ch;
	background:#fff; border:1px solid #e5e7eb; border-radius:12px;
	padding:12px; box-shadow:0 12px 30px rgba(0,0,0,.18); z-index:2147483647; display:none;
}
#help strong { display:block; margin-bottom:6px; }
#help .row { display:flex; align-items:center; gap:8px; }
#help button { margin-left:auto; border:0; background:#e5e7eb; border-radius:8px; padding:4px 8px; cursor:pointer; }
pre.diag { margin-top:16px; background:#0b1220; color:#9fe8a6; padding:10px; border-radius:8px; font:12px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space:pre-wrap; }