/*
DADES GENERALS DELS ESTILS
==========================


/*******************************************************
FONTS
********************************************************/

/* www.perception.es */

@font-face {
font-family: 'DeliciousRoman';
src: url('http://www.perception.es/recursos/fonts/delicious-roman-webfont.eot'); 
src: url('http://www.perception.es/recursos/fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.es/recursos/fonts/delicious-roman-webfont.woff') format('woff'),
	 url('http://www.perception.es/recursos/fonts/delicious-roman-webfont.ttf') format('truetype'),
	 url('http://www.perception.es/recursos/fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DeliciousBold';
src: url('http://www.perception.es/recursos/fonts/delicious-bold-webfont.eot');
src: url('http://www.perception.es/recursos/fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.es/recursos/fonts/delicious-bold-webfont.woff') format('woff'),
	 url('http://www.perception.es/recursos/fonts/delicious-bold-webfont.ttf') format('truetype'),
	 url('http://www.perception.es/recursos/fonts/delicious-bold-webfont.svg#DeliciousBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TheSerifBlack';
src: url('http://www.perception.es/recursos/fonts/theserif-9-black-webfont.eot');
src: url('http://www.perception.es/recursos/fonts/theserif-9-black-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.es/recursos/fonts/theserif-9-black-webfont.woff') format('woff'),
	 url('http://www.perception.es/recursos/fonts/theserif-9-black-webfont.ttf') format('truetype'),
	 url('http://www.perception.es/recursos/fonts/theserif-9-black-webfont.svg#TheSerifBlack') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TheSerif7-BoldRegular';
src: url('http://www.perception.es/recursos/fonts/theserif-7-bold-webfont.eot');
src: url('http://www.perception.es/recursos/fonts/theserif-7-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.es/recursos/fonts/theserif-7-bold-webfont.woff') format('woff'),
	 url('http://www.perception.es/recursos/fonts/theserif-7-bold-webfont.ttf') format('truetype'),
	 url('http://www.perception.es/recursos/fonts/theserif-7-bold-webfont.svg#TheSerif7-BoldRegular') format('svg');
font-weight: normal;
font-style: normal;
}


/* www.perception.cat */

@font-face {
font-family: 'DeliciousRoman';
src: url('http://www.perception.cat/recursos/fonts/delicious-roman-webfont.eot'); 
src: url('http://www.perception.cat/recursos/fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.cat/recursos/fonts/delicious-roman-webfont.woff') format('woff'),
	 url('http://www.perception.cat/recursos/fonts/delicious-roman-webfont.ttf') format('truetype'),
	 url('http://www.perception.cat/recursos/fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DeliciousBold';
src: url('http://www.perception.cat/recursos/fonts/delicious-bold-webfont.eot');
src: url('http://www.perception.cat/recursos/fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.cat/recursos/fonts/delicious-bold-webfont.woff') format('woff'),
	 url('http://www.perception.cat/recursos/fonts/delicious-bold-webfont.ttf') format('truetype'),
	 url('http://www.perception.cat/recursos/fonts/delicious-bold-webfont.svg#DeliciousBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TheSerifBlack';
src: url('http://www.perception.cat/recursos/fonts/theserif-9-black-webfont.eot');
src: url('http://www.perception.cat/recursos/fonts/theserif-9-black-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.cat/recursos/fonts/theserif-9-black-webfont.woff') format('woff'),
	 url('http://www.perception.cat/recursos/fonts/theserif-9-black-webfont.ttf') format('truetype'),
	 url('http://www.perception.cat/recursos/fonts/theserif-9-black-webfont.svg#TheSerifBlack') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TheSerif7-BoldRegular';
src: url('http://www.perception.cat/recursos/fonts/theserif-7-bold-webfont.eot');
src: url('http://www.perception.cat/recursos/fonts/theserif-7-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('http://www.perception.cat/recursos/fonts/theserif-7-bold-webfont.woff') format('woff'),
	 url('http://www.perception.cat/recursos/fonts/theserif-7-bold-webfont.ttf') format('truetype'),
	 url('http://www.perception.cat/recursos/fonts/theserif-7-bold-webfont.svg#TheSerif7-BoldRegular') format('svg');
font-weight: normal;
font-style: normal;
}




/* ------------------------ 

@font-face {
font-family: 'DeliciousRoman';
src: url('../fonts/delicious-roman-webfont.eot'); 
src: url('../fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/delicious-roman-webfont.woff') format('woff'),
	 url('../fonts/delicious-roman-webfont.ttf') format('truetype'),
	 url('../fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DeliciousBold';
src: url('../fonts/delicious-bold-webfont.eot');
src: url('../fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/delicious-bold-webfont.woff') format('woff'),
	 url('../fonts/delicious-bold-webfont.ttf') format('truetype'),
	 url('../fonts/delicious-bold-webfont.svg#DeliciousBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TheSerifBlack';
src: url('../fonts/theserif-9-black-webfont.eot');
src: url('../fonts/theserif-9-black-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/theserif-9-black-webfont.woff') format('woff'),
	 url('../fonts/theserif-9-black-webfont.ttf') format('truetype'),
	 url('../fonts/theserif-9-black-webfont.svg#TheSerifBlack') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TheSerif7-BoldRegular';
src: url('../fonts/theserif-7-bold-webfont.eot');
src: url('../fonts/theserif-7-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/theserif-7-bold-webfont.woff') format('woff'),
	 url('../fonts/theserif-7-bold-webfont.ttf') format('truetype'),
	 url('../fonts/theserif-7-bold-webfont.svg#TheSerif7-BoldRegular') format('svg');
font-weight: normal;
font-style: normal;
}

*/

/*******************************************************
ESTRUCTURA
********************************************************/
body {
font-family:'DeliciousRoman', Arial, Helvetica, sans-serif;
font-size:62.5%;
background-color: #F3F4F6;
color:#4C4C4C;
}

div.envoltori-1 {
background:transparent url(../imatges/top-ini.jpg) repeat-x  0 0;
padding:25px 20px 20px 20px;
position: relative;
}

div.envoltori-2 {
max-width:665px;
margin:0 auto;
position:relative;
}

/*
Capçalera
---------
*/

div.cap {
margin-bottom:25px;
}

/* Logotip */

p.logotip-per-a-impressio {
display:none;
}

p.logotip {
float:left;
width:232px;
}

p.logotip a {
display:block;
width:232px;
height:50px;
text-indent:-10000px;
overflow:hidden;
background:transparent url(../imatges/perception-logo-cat.gif) 0 0 no-repeat;
margin:6px auto 20px auto;
font-size:400%;
text-decoration:none;
color:#495161;
}

	body.portada p.logotip a {
	cursor:default;
	}

/* Selecció d'idioma */
div.brcm-language-selection {
position:absolute;
right:0;
top:0;
font-size:#495161;
color:#757D93;
font-size:120%;
}

div.brcm-language-selection * {
display:inline-block;
padding:4px;
margin-left:10px;
color:#757D93;
}

	div.brcm-language-selection a {text-decoration:none;}

	div.brcm-language-selection span {
	background-color:#DBDDE3;
	border-radius:4px;
	}

/* Banderoles */
div.banderoles {
position:fixed;
right:25px;
top:25px;
}

	@media screen and (max-width: 990px) {
		div.banderoles {
		position:relative;
		right:auto;
		top:auto;
		margin:30px 0;
		}
	}


	div.banderoles a {
	border-radius:5px;
	display:block;
	text-decoration:none;
	font-size:140%;
	width:70px;
	padding:10px 10px 10px 50px;	
	box-shadow:2px 2px 3px rgba(50, 50, 50, 0.75);
	margin-bottom:10px;
	color:white;
	font-family:'DeliciousRoman';
	background-color:#555C69;
	background-repeat:no-repeat;
	min-height:32px;
	}

    div.banderoles a:hover {
    background-color:#75C23D;
    }
	
		@media screen and (max-width: 990px) {
			div.banderoles a {
			width:auto;
			font-size:180%;
			line-height:32px;
			}
		}
	
		div.banderoles a.pressupost {
		background-image:url(../imatges/icona-calculadora.png);
		background-position:12px 8px;
		}
		
		div.banderoles a.targeta {
		background-image:url(../imatges/icona-targeta.png);
		background-position:10px 14px;
		}
		
		div.banderoles a.facebook {
		background-image:url(../imatges/icona-facebook.png);
		background-position:10px 9px;
		}


/* Navegació */	
select.tinynav,
div.brcm-navigation li.vincle-a-la-portada {display:none} /* amaguem la navegació per a mòbil i el node per anar a la portada*/

div.brcm-navigation {
float:left;
clear:left;
width:100%;
margin-bottom:12px;
}

div.brcm-navigation * {float:left}

div.brcm-navigation > ul > li {position:relative} /* primer nivell */

div.brcm-navigation > ul > li > span { 
background-color:#495161;
border-radius:4px;
padding:0 10px;
margin:0 14px 14px 0;
}

	div.brcm-navigation > ul > li:hover > span,
	div.brcm-navigation > ul > li.brcm-active-node:hover > span{
	background-color:#75C23D;
	}

	div.brcm-navigation > ul > li.brcm-active-node > span {
	background-color:#A4ACBD;
	}



		div.brcm-navigation > ul > li.brcm-has-submenu:hover > span {border-radius:4px 4px 0 0;} /* se té submenú, no arrodonim les vores inferiors */

	div.brcm-navigation > ul > li > span > a {
	font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size:140%;
	color:white;
	background:transparent url(../imatges/fons-items-navegacio.png) right 8px no-repeat;
	padding-right:14px;
	min-height:24px;
	line-height:24px;
	}
		
			div.brcm-navigation > ul > li:hover > span a,
			div.brcm-navigation > ul > li.brcm-active-node > span a {
			color:white;
			background-position:right -35px;
			}
			
	div.brcm-navigation > ul > li > ul  { /* segon nivell */
	display:none;
	background-color:#F3F4F6;
	position:absolute;
	z-index:2;
	top:24px;
	left:0;
	/*width:400px;*/
	width:500px;
	border:4px solid #75C23D;
	padding:10px 10px 0 10px;
	border-radius: 0px 10px 10px 10px; 
	box-shadow: 2px 2px 2px 1px rgba(82, 89, 107, 0.3); 
	}
	
	div.brcm-navigation > ul > li:hover > ul {display:block}
	
		div.brcm-navigation > ul > li > ul > li {
		/*width:180px;*/
		width:240px;
		margin-right:20px;
		margin-bottom:10px;
		}
		
			div.brcm-navigation > ul > li > ul > li:nth-child(odd) {clear:left}		
			div.brcm-navigation > ul > li > ul > li:nth-child(even) {margin-right:0}
		
div.brcm-navigation > ul > li.brcm-last-item > ul > li:nth-child(even){
    clear: both;
} 
div.brcm-navigation > ul > li.brcm-last-item > ul{
    width: auto;
}


		div.brcm-navigation > ul > li > ul > li * {float:none}
		
		div.brcm-navigation > ul > li > ul > li > span > a {
		display:block;
		background-color:#75C23D;
		color:white;
		padding:4px;
		border-radius:4px;
		font-size:150%;
		text-decoration:none;
		font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		}
		
			div.brcm-navigation > ul > li > ul > li > span > a:hover {text-decoration:underline}
	
	
		div.brcm-navigation > ul > li > ul > li > ul li {/* tercer nivell */
		margin:5px 0 0 4px;
		background:transparent url(../imatges/punt-llista-segon-nivell.png) 0 4px no-repeat;
		padding-left: 10px;
		} 
	
			div.brcm-navigation > ul > li > ul > li > ul a {
			font-size:140%;
			color:#535B6B;
			text-decoration:none;
			}
			
				div.brcm-navigation > ul > li > ul > li > ul a:hover {text-decoration:underline}

				div.brcm-navigation > ul > li > ul > li > ul li.brcm-current-node a {
				text-decoration:none !important;
				cursor:default;
				font-family: 'DeliciousBold',Arial,Helvetica,sans-serif;
				color:#495161;
				}
	
	
div.cap div.separador {clear:both;}

/*
Cos
---
*/
div.cos h1 {
line-height:normal;
font-family:'TheSerifBlack', Georgia, "Times New Roman", Times, serif;
font-size:3.5em;
color:#495161;
margin:0 0 10px 0;
}

/* Entradeta */
div.entradeta {
color:#656A74;
font-size:180%;
padding-bottom:28px;
margin-bottom:26px;
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
line-height:140%;
}

	div.entradeta h2 {
	color:#979EAC;
	font-family:'TheSerif7-BoldRegular', Georgia, "Times New Roman", Times, serif;
	font-size:133.3%;
	line-height:normal;
    margin-bottom:7px;
	}
	
/* Continguts */
div.continguts {
font-size:160%;
line-height:140%;
}

div.continguts div.columnes {
	width:100%;
	overflow:hidden;
	}

div.continguts div.columnes div.columna {
width:48%;
}

	div.continguts div.columnes div.esquerra {
	float:left;
	}

	div.continguts div.columnes div.dreta {
	float:right;
	}

	@media screen and (max-width: 990px) {    /* els dispositius mòbils no tindran columnes */

	div.continguts div.columnes {
	width:100%;
	overflow:hidden;
	}

		div.continguts div.columnes div.columna {
		width:auto;
		}

		div.continguts div.columnes div.esquerra,
		div.continguts div.columnes div.dreta {
		float:none;
		}
    
        /* excepció per l'iFrame de la pàgina de Facebook (780px) */
    
        body.facebook div.continguts div.columnes div.esquerra{
		float:left;
		}
    
        body.facebook div.continguts div.columnes div.dreta{
        float:right;
        }
        body.facebook div.continguts div.columnes div.columna{
        width:48%;
        }

	}


/* 
Peu de pàgina
--------------
*/

div.peu {
margin-top:38px;
padding:20px 0;
background:transparent url(../imatges/fons-separador.gif) 0 0 repeat-x;
width:100%;
overflow:hidden;
}

	div.peu img {
	float:left;
	margin:8px 20px 0 0;
	}
	
	div.peu p {
	float:left;
	background:transparent url(../imatges/fons-separador-vertical.gif) 0 0 repeat-y;
	padding-left:22px;
	font-size:130%;
	line-height:140%;
    width: 71%;
	}
	
		div.peu p a {
		color: #74C13D;
		font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
		}
	
/*******************************************************
GUIA D'ESTIL
********************************************************/

/* títols */
div.continguts h2,
div.continguts h3 {
line-height:normal;
margin:30px 0 10px 0;
line-height:normal;
}

	div.continguts > div.brcm-pagina-element h2:first-child,
	div.columna > div.brcm-pagina-element h2:first-child,
	div.continguts h2 + h3,
	div.continguts > div.brcm-pagina-element h3:first-child,
	div.columna > div.brcm-pagina-element h3:first-child,
	div.continguts h3 + h2 {margin-top:10px}	

div.continguts h2 {
color:#525A6B;
font-size:1.688em; /* 27px */
font-family:'TheSerifBlack';
}

	
div.continguts h3 {
font-size:125%; /* 20px */
font-family:'TheSerif7-BoldRegular';
color:#666666;
}

/* textos */
div.continguts p,
div.continguts ul,
div.continguts ol,
div.continguts table {
margin-top:10px;
margin-bottom:10px;
}

strong {font-family:'DeliciousBold', Arial, Helvetica, sans-serif;}

span.SG-fons-gris  {
display:inline-block;
background-color:#979EAC;
color:white;
font-size:87.5%;
padding:0px 5px;
border-radius:4px;
font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
}

/* llistes */
div.continguts ul li {
background:transparent url(../imatges/punt-llista.png) 0 5px no-repeat;
padding-left:15px;
margin-bottom:5px;
}

div.continguts ol {
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
}

div.continguts ol li {
position:relative;
margin:0 0 5px 15px;
list-style:none;
}

ol > li:before {
content:counter(li);
counter-increment:li;
position:absolute;
top:0;
left:-15px;
box-sizing:border-box;
}

/* taules */
div.continguts table,
div.continguts table th,
div.continguts table td {
border-width:0;
border-collapse:collapse;
}

	div.continguts table th,
	div.continguts table td {
	padding:4px 10px;
	border-bottom:1px solid #495161;
	}
	
	div.continguts table th {
	font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
	border-bottom:2px solid #495161;
	}

	div.continguts table td {
	vertical-align:top;
	}

/* vincles */
div.continguts a {
color: #74C13D;
font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
}

	div.continguts a:visited {
    color:#4E8128;
	}

div.continguts a.SG-vincle-destacat { /* Per a vincles que mereixen una atenció especial */
display:inline-block;
padding:2px 5px;
background-color:#75C23D;
text-decoration:none;
color:white;
font-family:'TheSerif7-BoldRegular';
border-radius:5px;
margin-right:5px;
}

    div.continguts a.SG-vincle-destacat:hover {
    background-color:#495161;
    }

div.continguts div.flexslider a{
    color: #fff;
}
div.continguts div.flexslider a:hover{
    text-decoration: none;
}

/* imatges */
div.brcm-image img {
border-radius:5px;
}

div.brcm-image a img {
box-shadow: 2px 2px 2px 0 rgba(145, 150, 159, 0.6);
}

div.brcm-image-and-caption div.brcm-caption {
font-size:87.5% !important;
color:#777;
line-height:normal;
}


/* arxius adjunts */
div.brcm-attachment div.brcm-size {
font-size:87.5% !important;
color:#777;
}


/* formularis */
div.brcm-form div.brcm-field div.brcm-title {
font-family:'DeliciousBold', Arial, Helvetica, sans-serif;
font-weight:normal !important;
}

div.brcm-description {
font-size:87.5%;
color:#777;
}

	div.brcm-description p {margin:5px 0 !important}

input[type="text"],
input[type="password"],
textarea,
select {
font-family:inherit;
font-size:inherit;
padding:6px;
border-radius:3px;
border:1px solid #D1D1D1;
background:white url(../imatges/fons-camps-de-text.gif) 0 0 repeat-x;
}

input[type="text"],
input[type="password"],
textarea {
color:#888;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus {
    color:#000;
    }

textarea {
overflow: auto; 
vertical-align: top; 
resize: vertical;
}

input[type="submit"] {
color:white;
padding:5px;
font-family: 'TheSerif7-BoldRegular';
background-color:#555C69;
font-size:118.8%;
border-width:0;
cursor:pointer;
border-radius:5px;
}

    input[type="submit"]:hover {
    background-color:#75C23D;
    }


div.brcm-form div.brcm-legal-information {
border:0 !important;
margin:0 !important;
padding:0 !important;
}

/* Separadors */
div.separador {
height:2px;
background:transparent url(../imatges/fons-separador.gif) 0 0 repeat-x;
}

div.continguts .SG-final-d-apartat { /* podem aplicar-la a qualsevol element */
padding-bottom:32px;
margin-bottom:30px;
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
}


/* Caixa d'informació relacionada */
div.continguts div.informacio-relacionada {
float:right;
width:40%;
background:#C5C6CA url(../imatges/fons-serveis-en-portada.jpg) 0 0 repeat-x;
border-radius:5px;
padding:10px 15px;
margin:0 0 30px 30px;
}

	div.continguts div.informacio-relacionada h2 {
	padding-bottom:10px;
	font-size:112.5%;
	margin-top:5px !important;
	background:transparent url(../imatges/fons-separador-2.gif) left bottom repeat-x;
	}

	div.continguts div.informacio-relacionada h3 {font-size:106.3%}

	div.continguts div.informacio-relacionada a {color:#4C4C4C}

/* 
Sliders
-------
*/
div.continguts div.flexslider {
/*border-color:#666666;
border-width:6px;*/
border:0px;
background-color:transparent;
margin-bottom:40px;
margin-top:20px;
box-shadow: 1px 1px 2px 0px rgba(145, 150, 159, 0.600);
max-width:653px;

}

div.continguts div.flexslider ul.slides,
div.continguts div.flexslider ul.slides li,
div.continguts div.flexslider ul.slides li div.brcm-group-of-images * {
margin:0;
padding:0;
background-image:none;
}
body.projectes div.continguts div.flexslider ul.slides li{
    width:665px!important;
}
	
	/* la navegació per fletxes */
	div.continguts .flex-direction-nav,
	div.continguts .flex-direction-nav li {
	margin:0;
	padding:0;
	background-image:none;
	}
	
	div.continguts .flex-direction-nav li a {
	background-image: url(../imatges/icones-fletxes-paginacio.png);
	cursor: pointer;
	display: block;
	width:51px;
	height:90px;
	margin: -13px 0 0 0;
	position: absolute;
	text-indent: -9999px;
	top: 45%;
	}
	
		div.continguts .flex-direction-nav li .prev {
		left: -81px;
		background-position:0 0;
		}
		
			div.continguts .flex-direction-nav li .prev:hover {background-position:0 -100px;}
		
		div.continguts .flex-direction-nav li .next {
		background-position:-71px 0;
		right: -81px;
		}	
		
			div.continguts .flex-direction-nav li .next:hover {background-position:-71px -100px;}
			
	/* la navegació per números */
	div.continguts .flex-control-nav {
	margin:0;
	line-height:0;
	text-align: center;
	position:absolute;
	bottom:-30px;
	}
	
		div.continguts .flex-control-nav li:before {
		content:none;
		left:-10000px;
		}
	
		div.continguts .flex-control-nav li {
		display: inline;
		margin: 0 7px;
		list-style:none;
		}
		
			div.continguts .flex-control-nav li a {
			display: inline-block;
			height: 0;
			overflow: hidden;
			margin-top: 10px;			
			width: 14px;
			text-indent:2000px;
			height:15px;
			background: url(../imatges/li-perception-display.png) no-repeat 0 0;
			}
			
				div.continguts .flex-control-nav li:hover a, 
				div.continguts .flex-control-nav li a.active {
				background: url(../imatges/li-perception-display.png) no-repeat 0 -23px;	
				}

/* 
Paginació 
---------
*/
div.brcm-pagination {
width:100%;
overflow:hidden;
height:53px;
line-height:53px;
text-align:center;
clear:both;
}

	div.brcm-pagination a {
	width:31px;
	height:53px;
	text-indent:-10000px;
	overflow:hidden;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(../imatges/icones-fletxes-paginacio-petites.png);
	}
	
		div.brcm-pagination a.brcm-previous {
		float:left;
		background-position:0 0;
		}
		
			div.brcm-pagination a.brcm-previous:hover {
			background-position:0 -100px;
			}
		
		div.brcm-pagination a.brcm-next {
		float:right;
		background-position:-51px 0;
		}
		
			div.brcm-pagination a.brcm-next:hover {
			background-position:-51px -100px;
			}

		div.brcm-pagination span.brcm-current {
		font-size:131.3%;
		font-family:'DeliciousBold';
		}

/*******************************************************
PÀGINES ESPECIALS
********************************************************/

/*
Presentació
------------
*/

body.presentacio div.entradeta {
padding-bottom:5px;
}

body.presentacio div.entradeta div.brcm-group-of-images {
margin-top:-35px;
}


/*
Serveis
--------
*/

body.serveis div.entradeta {
padding-bottom:0;
}

body.serveis div.entradeta div.brcm-group-of-images {
margin-top:-45px;
}

body.serveis div.continguts h3 {
margin-top:15px !important;
font-size:112.5% !important;
}

body.serveis div.continguts ul {
min-height:230px;
}

/*
Projectes
--------
*/


body.projectes div.entradeta div.brcm-group-of-images {
margin-top:-25px;
}

/*
Referències
-----------
*/

body.referencies div.entradeta {
padding-bottom:0;
}

body.referencies div.entradeta div.brcm-group-of-images {
margin-top:-45px;
}


/*
Notícies
--------
*/

/* 
Llista de notícies
*/
div.continguts div.brcm-list-of-news ol li:before {content:none;}

div.continguts div.brcm-list-of-news ol li {
margin:0 0 25px 0;
padding:0 0 27px 0;
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
}

div.brcm-list-of-news ol li div.brcm-image-and-caption {margin-right:25px}

div.brcm-list-of-news div.brcm-date {
color:white;
background-color:#979EAC;
font-size:81.3%;
border-radius:5px;
padding:0 3px;
display:inline-block;
font-family:'DeliciousBold';
}

div.brcm-list-of-news div.brcm-title {
font-size:125%;
margin:5px 0;
}

	div.brcm-list-of-news div.brcm-title a {
	font-family:'TheSerif7-BoldRegular';
	}

div.brcm-list-of-news div.brcm-category {display:none}

/*
Detall d'una notícia
*/
div.brcm-news-detail div.brcm-date {
color:white;
background-color:#979EAC;
font-size:112.5%;
border-radius:5px;
padding:3px 6px;
display:inline-block;
font-family:'DeliciousBold';
}

div.brcm-news-detail p.brcm-summary {
font-family:'DeliciousBold';
font-size:112.5%;
font-weight:normal !important;    
}


div.brcm-news-detail div.brcm-category {display:none}

div.brcm-news-module div.brcm-news-detail .brcm-summary {font-weight:normal}

div.brcm-news-detail div.brcm-body {
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
padding-bottom:20px;
margin-bottom:30px;
}

div.continguts div.brcm-news-detail div#disqus_thread ul li {
background-image:none;
}

/*
Portada
--------
*/


/* l'entradeta */
body.portada div.caixa-superior h1 span {color:#979EAC;}

body.portada div.caixa-superior h3 {
margin:10px 0 20px 0 !important;
color:#979EAC;
}

/* 
els projectes destacats
*/

body.portada div.entradeta-dels-serveis h3 {color:#979EAC}

body.portada div.destacats-de-portada {
position:relative;
margin:30px 0 50px 0;
position:relative;
}

body.portada div.destacats-de-portada div.flexslider div.brcm-clear {display:none}

body.portada div.destacats-de-portada div.flexslider div.brcm-body {display:none}

	body.portada div.destacats-de-portada div.flexslider li:hover div.brcm-body p,
	body.portada div.destacats-de-portada div.flexslider li:hover div.brcm-body h2,
	body.portada div.destacats-de-portada div.flexslider li:hover div.brcm-body h3 {
	color:white;
	margin:0 0 5px 0;
	}

@media screen and (min-width: 990px) {

	body.portada div.destacats-de-portada div.flexslider li:hover div.brcm-body {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: rgba(0,0,0,.7);
	color:white;
	padding:5%;
	display:block;
	}

	body.portada div.destacats-de-portada {
	min-height:553px;
	padding:30px 30px 0 30px;
	background:transparent url(../imatges/pantalla-per-mostrar-projectes.jpg) 0 0 no-repeat;
	}
	
		body.portada div.continguts div.destacats-de-portada div.flexslider {border-width:0;
		margin-top:0px;}
		
		body.portada div.continguts div.destacats-de-portada .flex-control-nav {
		bottom:-20px;
		left:0;
		}
		
		body.portada div.continguts div.destacats-de-portada .flex-direction-nav  a {margin-top:-83px}
		
			body.portada div.continguts div.destacats-de-portada .flex-direction-nav li .prev {left: -81px;}
			body.portada div.continguts div.destacats-de-portada .flex-direction-nav li .next {right: -81px;}	

}


/* 
els serveis que oferim 
*/

body.portada div.serveis-de-portada {
margin-bottom:50px;
position:relative;
}

body.portada div.continguts div.serveis-de-portada p.veure-mes a {
font-family:'TheSerif7-BoldRegular';
display:inline-block;
padding:3px 5px;
color:white;
background-color:#5E6778;
border-radius:5px;
text-decoration:none;
}

@media screen and (min-width: 990px) {

body.portada div.serveis-de-portada {
background:#C4C6C9 url(../imatges/fons-serveis-en-portada.jpg) 0 0 repeat-x;
border-radius:5px;
padding:1px 0;
margin-bottom:30px;
}

	body.portada div.continguts div.serveis-de-portada div.llista-de-serveis {
	padding:30px 95px 10px 95px;
	}

		body.portada div.continguts div.serveis-de-portada div.flexslider {
		border-width:0;
		margin-bottom:0;
		background-color:transparent;
		position:inherit;
		box-shadow: 0px 0px 0px 0px rgba(145, 150, 159, 0.600);
		}
		
			body.portada div.continguts div.serveis-de-portada div.flexslider li div.brcm-body {
			width:320px;
			float:right;
			}
	
			body.portada div.continguts div.serveis-de-portada div.flexslider li div.brcm-body p {margin:0 0 10px 0}
			
			body.portada div.continguts div.serveis-de-portada div.flexslider div.brcm-body a {
			font-family:'TheSerif7-BoldRegular';
			display:inline-block;
			font-size:125%;
			color:white;
			text-decoration:none;
			background-color:#75C23D;
			border-radius:5px;
			padding:5px 8px;
			margin-bottom:5px;
			}
    
                body.portada div.continguts div.serveis-de-portada div.flexslider div.brcm-body a:hover {background-color:#495161}
		
		body.portada div.continguts div.serveis-de-portada p.veure-mes {
		margin:0;
		padding:15px 20px;
		background:transparent url(../imatges/fons-separador-2.gif) top left repeat-x;
		}
	
	/* la navegació per fletxes */	
	body.portada div.continguts div.serveis-de-portada .flex-direction-nav li  a {
	background-image: url(../imatges/icones-fletxes-paginacio-petites-enfosquides.png);
	width:31px;
	height:53px;
	margin: -13px 0 0 0;
	position: absolute;
	top: 30%;
	}
	
		body.portada div.continguts div.serveis-de-portada .flex-direction-nav li .prev {
		left: 20px;
		background-position:0 0;
		}
		
			body.portada div.continguts div.serveis-de-portada .flex-direction-nav li .prev:hover {background-position:0 -100px;}
		
		body.portada div.continguts div.serveis-de-portada .flex-direction-nav li .next {
		background-position:-51px 0;
		right: 20px;
		}	
		
			body.portada div.continguts div.serveis-de-portada .flex-direction-nav li .next:hover {background-position:-51px -100px;}
			
	/* la navegació per números */
	body.portada div.continguts div.serveis-de-portada .flex-control-nav {
	text-align:right;
	position:absolute;
	right:20px;
	bottom:23px;
	width:330px;
	}

}
	
/*
les últimes entrades del bloc
*/
div.noticies-de-portada {
background-color:white;
border-radius:8px;
padding:15px;
margin-top:30px;
}

	div.continguts div.noticies-de-portada h2 {margin-top:0;}
	
	div.continguts div.noticies-de-portada h3 {color:#979EAC;}

        div.continguts div.noticies-de-portada h3 a {font-size:80.0%;}

/* la newsletter  */
body.portada form#mc-embedded-subscribe-form {
padding-bottom:25px;
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
}

    body.portada form#mc-embedded-subscribe-form h2 {
    background:transparent url(../imatges/fons-separador.gif) left top repeat-x;
    padding-top:25px;
    margin-top:25px !important;
    }
    
    body.portada form#mc-embedded-subscribe-form h3 {
    color:#979EAC;
    }

/* els clients */
body.portada div.caixa-inferior div.brcm-generic-element-with-image-gallery div.brcm-image {
padding:0 4px;
background-color:white;
}

	
/*
Projectes
---------
*/

/* projectes amb foto gran */
body.projectes div.brcm-generic-element-with-big-images {
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
margin-bottom:40px;
}

	body.projectes div.brcm-generic-element-with-big-images div.brcm-group-of-images { /* és on mostrem l'slideshow d'un projecte */
	position:relative;
	margin-bottom:50px;
	width:100%;
	} 

p.filtre-tipologies {
margin:15px 0;
font-size:93.8%;
}

	div.continguts p.filtre-tipologies strong,
	div.continguts p.filtre-tipologies a {
	display:inline-block;
	border-radius:4px;
	padding:2px 5px;
	margin-right:5px;
	color:white;
	font-family: 'DeliciousRoman' !important;
	font-weight: normal;
	}
	
	div.continguts p.filtre-tipologies a {
	text-decoration:none;
	background-color:#74C13D;
	}

		div.continguts p.filtre-tipologies a:hover {text-decoration:underline}
	
	div.continguts p.filtre-tipologies strong {
	background-color:#A4ACBD;
	}

/* projectes amb foto petita */

.brcm-portfolio-module .brcm-list-of-projects .brcm-project
{
width:32%;
padding:9px 0;
margin-right:2%;
margin-bottom:15px;
float:left;
background-color:white;
border-radius:4px;
box-shadow: 2px 2px 2px 0px rgba(145, 150, 159, 0.600);
}
.brcm-portfolio-module .brcm-list-of-projects .brcm-project div.brcm-image a img, .brcm-project-detail div.brcm-image a img {
border-radius: 4px 4px 4px 4px;
box-shadow:none!important	;
}
.brcm-project-detail .brcm-group-of-images{ margin-top:2.5em;}
.brcm-project-detail div.brcm-image { margin-bottom:2em;}

	.brcm-portfolio-module .brcm-list-of-projects .brcm-project:nth-child(3n+3)
	{
	margin-right:0;
	}

	.brcm-portfolio-module .brcm-list-of-projects .brcm-project:nth-child(3n+4)
	{
	clear:left;
	}

		/*.brcm-portfolio-module .brcm-list-of-projects .brcm-project *{
		float:none !important;
		margin:0 !important;
		box-shadow:none;
		max-width:100%;
		}*/ 
		
		.brcm-portfolio-module .brcm-list-of-projects .brcm-summary, .brcm-portfolio-module .brcm-list-of-projects .brcm-project div.brcm-image, .brcm-portfolio-module .brcm-list-of-projects .brcm-title,  .brcm-portfolio-module .brcm-list-of-projects .brcm-tags{
			padding:0 10px;
			width:auto !important;
		}
		
		
		
		.brcm-portfolio-module .brcm-list-of-projects .brcm-title{
			font-size:1.1em;
			line-height: 1.2em;
			margin-top:0.3em;}
		.brcm-portfolio-module .brcm-list-of-projects .brcm-title a{
			color:#52596B;
			text-decoration:none;
			}
		
		.brcm-portfolio-module .brcm-list-of-projects .brcm-summary{
			font-size:0.9em;
			line-height:1.1em;
            width:100%;
            overflow:hidden;
            }
		.brcm-portfolio-module .brcm-list-of-projects .brcm-summary p{ margin-top:0;}	
		.brcm-portfolio-module .brcm-list-of-projects .brcm-tags{ display:none;}
			



/*projectes tags*/

.brcm-portfolio-module .brcm-list-of-tags .brcm-list-of-tags-title{ display:none;}
.brcm-portfolio-module .brcm-list-of-tags{
	margin-bottom:1em;
	overflow:hidden;}
.brcm-portfolio-module .brcm-list-of-tags .brcm-tag{
	float:left;
	margin:0 0.3em 0.3em 0;}

	.brcm-portfolio-module .brcm-list-of-tags a{
		text-decoration:none; 
		background-color:#75C23D; 
		color:#FFF !important;
		float:left;
		border-radius:4px;
		padding:1px 6px;
		font-size: 0.95em;}
		
	.brcm-portfolio-module .brcm-list-of-tags .brcm-tag.brcm-active-node a, 
	.brcm-portfolio-module .brcm-project-detail .brcm-list-of-tags a{
		background-color:#A4ACBD;}
			
		.brcm-portfolio-module .brcm-list-of-tags a span.brcm-tag-num-projects{
			/*color:#003300;*/
			font-weight:400;
			font-family:'DeliciousRoman', Arial, Helvetica, sans-serif;
			font-size:0.9em;}
			
		.brcm-portfolio-module .brcm-list-of-tags .brcm-tag.brcm-active-node span.brcm-tag-num-projects{
			color:#FFF;}	

/*
Presentació
---------
*/

.presentacio div.brcm-generic-element-with-big-images div.brcm-image-and-caption{
    margin-bottom: 6px!important;
}
.presentacio div.brcm-generic-element-with-big-images div.brcm-image-and-caption div.brcm-image a img{
    box-shadow:none;
}

.equip .brcm-pagina-element{ 
	float:left;
	max-width:325px;
	width:100%;
	margin-bottom:12px;
	margin-right:0px;}
	
.equip .brcm-pagina-region .brcm-pagina-element:nth-child(2n+1)
	{
	margin-right:12px!important;
	}
	
	
		
	.equip .brcm-generic-element-with-big-images{
		max-width:325px;
		width:100%;
		border-radius:4px;
		background-color:#FFF;
		box-shadow: 2px 2px 2px 0 rgba(145, 150, 159, 0.3);
		height:455px;
		float:left;
		position:relative;
	}
		.equip .brcm-generic-element-with-big-images .brcm-group-of-images{
			position:absolute;
			left:0px;
			top:0px;}

		.equip .brcm-generic-element-with-big-images .brcm-body{
			left:0px;
			top:250px;
			position:absolute;}


.equip div.brcm-image img {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius:0px;
	width:100%;
	height:auto;
	box-shadow: 0px 0px 0px 0 rgba(145, 150, 159, 0.6);}

.equip .brcm-body{
	padding:10px 15px;
	font-size:0.9em;}

div.continguts .equip  h2{ margin-top:0px;
	font-size:1.6em;
	color:#666666;
	margin-bottom:5px;
	font-weight:400;}

.equip .brcm-body p{
	line-height: 130%;
	margin-top:5px;}

div.continguts .equip  h3{
	margin-top:0px;
	color:#979EAC;
	margin-bottom:0px!Important;}
	
div.continguts .equip a.icon-github, 
div.continguts .equip a.icon-twitter, 
div.continguts .equip a.icon-linkedin, 
div.continguts .equip a.icon-dribbble, 
div.continguts .equip a.icon-behance, 
div.continguts .equip a.icon-flickr, 
div.continguts .equip a.icon-vimeo, 
div.continguts .equip a.icon-pinterest, 
div.continguts .equip a.icon-gmail {
	display:inline-block;
	text-indent:-1000px;
	overflow:hidden;
	margin-top:0px;
	width:32px;
	height:32px;
	margin-right:5px;
	background:url(../imatges/social-icons.png);
}

.presentacio div.entradeta{ 
	background-image:none;
	margin-bottom:0px;
}
.presentacio div.continguts p.entradeta { 
	font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 10px;}

.presentacio .brcm-generic-element-with-images-on-the-right{
/*
margin-bottom:26px;
background:transparent url(../imatges/fons-separador.gif) left bottom repeat-x;
    */
}

div.continguts .equip a.icon-linkedin{}
div.continguts .equip a.icon-github{ background-position:-32px 0;}
div.continguts .equip a.icon-twitter	{background-position:-64px 0;}
div.continguts .equip a.icon-dribbble{background-position:-96px 0;}
div.continguts .equip a.icon-behance{background-position:-128px 0;}
div.continguts .equip a.icon-flickr{background-position:-160px 0;}
div.continguts .equip a.icon-vimeo{background-position:-192px 0;}
div.continguts .equip a.icon-pinterest{background-position:-224px 0;}
div.continguts .equip a.icon-gmail{background-position:-256px 0;}
	

/*
iFrame Facebook
---------
*/

body.facebook div.dreta div.brcm-pagina-element{
    background:#fff;
    border-radius:5px;
    padding:5px 15px;
    float:left;
    margin:10px 0px;
    width:90%;
    box-shadow:0px 1px 1px 0px #CAC4C4;
}
body.facebook div.dreta div.brcm-pagina-element:first-child(){
    margin-top:0px;
}
body.facebook div.dreta div.brcm-pagina-element h3{
    margin-top:10px;
}

div.missatge-cookies{
    position: relative;
    background: #DBDDE3;
    padding: 10px 20px;
    font-size: 1.3em;
    max-width: 665px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
div.missatge-cookies a{
    color: #4E8128;
    text-decoration: underline;
}
div.missatge-cookies a:hover{
    text-decoration: none;
}
div.missatge-cookies span#cookieMsClose{
    position: absolute;
    top: 6px;
    right: 7px;
    background: #F5F5F5;
    padding: 2px 4px;
    border-radius: 5px;
    cursor: pointer;
}

/* Postal Nadal 2014 Styles */

body.postal-nadal{
    background-color: #4A5366;
}
body.postal-nadal.estiu-quince{
    background-color: #67ABBB;
}

body.postal-nadal div.cos h1{
    display: none;
}
body.postal-nadal div.entradeta{
    display: none;
}
body.postal-nadal .video{
    width: 100%;
    height: 600px;
    overflow: hidden;
    min-width: 800px;
}
body.postal-nadal div.envoltori-2{
    max-width: 800px;
    box-shadow: 0px 1px 5px 5px #42455E;
}
body.postal-nadal.estiu-quince div.envoltori-2{
    max-width: 800px;
    box-shadow: none;
}
body.postal-nadal.estiu-quince div.continguts div.columnes div.columna{
    width: 100%;
}
body.postal-nadal div.envoltori-1{
    background: none;
}
body.postal-nadal div.banderoles{
    display: none;
}
body.postal-nadal div.continguts{
    float: left;
    width: 100%;
}
body.postal-nadal.estiu-quince .social-share{
    font-size: 0.8em;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 10px 12px;
    float: right;
    width: 210px;
    position: fixed;
    z-index: 99;
    right: 0px;
}
body.postal-nadal.estiu-quince div.envoltori-1{
    padding-top: 5px;
}
body.postal-nadal.estiu-quince .social-share p{
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}
body.postal-nadal.estiu-quince .social-share a{
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}
body.postal-nadal.estiu-quince .social-share strong{
    float: left;
    margin-right: 5px;
    width: 100%;
}
body.postal-nadal.estiu-quince .social-share a.addthis_button_expanded{
    margin: 0px;
}
body.postal-nadal div.continguts div.columnes div.dreta{
    float: left;
    width: 100%;
}
body.postal-nadal div.continguts div.columnes div.peu{
    background: url('../imatges/perception-logo-petit-blanc.png') 0px 29px no-repeat;
    color: #C7C7C7;
    font-size: 0.6em;
    margin-top: 8px;
}
body.postal-nadal div.continguts div.columnes div.peu p{
    background: none;
    border-left: 1px solid #c7c7c7;
    float: left;
    margin-left: 177px;
}
body.postal-nadal.estiu-quince div.continguts div.columnes div.peu p{
    color: #fff;
    border-left: 1px solid #fff;
    margin-top: 10px;
}
body.postal-nadal div.continguts div.columnes div.peu img{
    display: none;
}
body.postal-nadal div.continguts div.columnes div.peu p a{
    color: #AFB7C7;
}
body.postal-nadal.estiu-quince div.continguts div.columnes div.peu p a{
    color: #fff;
}

body.app-page .brcm-pagina-element .brcm-generic-element-with-image-gallery{
    border-bottom: 1px solid #e1e1e1;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
}
ul.app-type-list{
    margin:10px 0
}
ul.app-type-list li a:link, ul.app-type-list li a:visited, ul.app-type-list li a:active, ul.app-type-list li a{
    color:#74C13D;
    text-decoration:none;
}
ul.app-type-list li{
    background: transparent url(../imatges/punt-llista.png) 0 9px no-repeat;
    padding-left: 15px;
}

body.postal-nadal div.continguts div.columnes div.columna{
    width: 100%;
}
body.postal-nadal.quinze div.envoltori-2{
    box-shadow: none;
    max-width: 500px;
}
body.postal-nadal.quinze div.envoltori-1{
    padding: 0px 20px 0px 20px;
}
body.postal-nadal.quinze div.brcm-generic-element-with-big-images div.brcm-image-and-caption{
    margin-bottom: 0px;
}
body.postal-nadal.quinze div.continguts div.columnes{
    position: relative;
    box-shadow: 0px 1px 5px 1px #5B5F7E;
    /* padding-bottom: 49px; */
}
body.postal-nadal.quinze div.continguts div.columnes .social-share{
    position: absolute;
    bottom: 0px;
    left: 50px;
    z-index: 99;
    font-size: 13px;
}
body.postal-nadal.quinze .brcm-clear{
    height: 0px;
    display: none;
}
body.postal-nadal.quinze {
    /* background: transparent url('../imatges/bck-nadal-2015.jpg') 0px 0px no-repeat; */
    background: #83A1B9;
    height: 100vh;
    background-size: cover;
}
body.postal-nadal.quinze div.brcm-image img{
    border-radius: 0px;
}
.columna .pct-icon{
    display: none;
}
body.postal-nadal.quinze .columna .pct-icon{
    position: absolute;
    bottom: 29px;
    left: 43%;
    display: block;
}

/* 
0º Breakpoint: 1284px
*/

@media only screen and (max-width: 1284px){
    
    body.postal-nadal.estiu-quince .social-share{
        position: static;
    }
        
        /* Comprovacions 

div.content-inner{
	color:red;
} */

}


/* 
1º Breakpoint: 900px
*/

@media only screen and (max-width: 900px){
    
    body.postal-nadal video{
        width: 100%;
        height: auto;
    }
    
    
    /* Comprovacions 

div.content-inner{
	color:red;
} */

}


/* 
1º Breakpoint: 650px
*/

@media only screen and (max-width: 650px){
    
    body.postal-nadal div.continguts div.columnes div.peu{
        background: url('../imatges/perception-logo-petit-blanc.png') 45% 24px no-repeat;
    }
    body.postal-nadal div.continguts div.columnes div.peu p, body.postal-nadal.estiu-quince div.continguts div.columnes div.peu p{
        width: 100%;
        clear: left;
        margin-left: 0px;
        margin-top: 60px;
        border-left: 0px;
        padding-left: 0px;
        border-top: 1px solid #fff;
        padding-top: 16px;
    }
    body.postal-nadal .social-share{
        padding: 7px 12px;
        width: 197px;
    }
    body.postal-nadal .social-share strong{
        line-height: 110%;
    }
    body.postal-nadal.estiu-quince .social-share{
        font-size: 0.7em;
    }
    
    /* Comprovacions 

div.content-inner{
	color:red;
} */

}