body{  
	background:#F5F5F5 url(../img/background-patern.jpg) repeat;
	font-family: 'Lato', sans-serif;
}

.clear{ clear:both;
}

::selection 	 	{background:#333; color:#FFF;}
::-moz-selection 	{background:#333; color:#FFF;}
img::selection 		{background:#FFF;}
img::-moz-selection	{background:trasnparent;}


strong{ font-weight:800;}
/*layout*/
.web{
	background:url(../img/separator-line.gif) repeat-x left top;
	width:97%;
	max-width:892px;
	margin:auto;
	margin-top:4em;
	padding-top:2em;	
}

.column-left{
	max-width:204px;
	float: left;
    max-width: 169px;
    width: 19%;
	}

.top{ margin-bottom:2em;}
/* LOGO  */
a.logo{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:40px;
	font-weight:300;
}

.top-tools{ float:right;
}
/*ICONS TOP CONTACT  */
.contact-icons{ display:block;}
	.contact-icons a {
		display:block;
		background-color:#C0C0C0;
		overflow:hidden;
		float:right;
		margin-left:10px;
		text-indent:-100000px;
		display:block;
		width:36px;
		height:36px;
		overflow:hidden;
		padding:1px;
		border-bottom:#FFF 1px solid;
	
		
		}
		.contact-icons a span{
			display:block;
			background-color:#F0F0F0;
			height:36px;
		}
		.contact-icons a:hover{
			background-color:#0066CC;
			-webkit-box-shadow: 2px 2px 0px 0px #CCC;
			-moz-box-shadow: 2px 2px 0px 0px #CCC;
			box-shadow: 2px 2px 0px 0px #CCC;
			

			border:none; }
		.contact-icons a:hover span{background-color:#0066CC;}
		
		.contact-icons a.rss span{ background:#F0F0F0 url(../img/icon-rss.png) no-repeat 0 0;}
		.contact-icons a.rss:hover span{ background:#0066CC url(../img/icon-rss.png) no-repeat 0 -36px;}
	
		.contact-icons a.facebook span{ background:#F0F0F0 url(../img/icon-facebook.png) no-repeat 0 0;}
		.contact-icons a.facebook:hover span{ background:#0066CC url(../img/icon-facebook.png) no-repeat 0 -36px;}
		
		.contact-icons a.twitter span{ background:#F0F0F0 url(../img/icon-twitter.png) no-repeat 0 0;}
		.contact-icons a.twitter:hover span{ background:#0066CC url(../img/icon-twitter.png) no-repeat 0 -36px;}	
		
		.contact-icons a.flickr span{ background:#F0F0F0 url(../img/icon-flickr.png) no-repeat 0 0;}
		.contact-icons a.flickr:hover span{ background:#0066CC url(../img/icon-flickr.png) no-repeat 0 -36px;}
		
		.contact-icons a.vimeo span{ background:#F0F0F0 url(../img/icon-vimeo.png) no-repeat 0 0;}
		.contact-icons a.vimeo:hover span{ background:#0066CC url(../img/icon-vimeo.png) no-repeat 0 -36px;}
	
/*------------------------------------*/
/*SELECTOR IDIOMES  */
.brcm-language-selection{ display:block;
text-align:right;
font-size:10px;
text-transform:uppercase;
font-weight:700;
padding-top:0px;
margin-bottom:5px;
margin-top:-10px;
color:#666;
}
.brcm-language-selection a{ color:#333; float:right; padding-left:7px; border-left:#CCC 1px solid;
margin-left:5px;}

/*COLUMN LEFT  */
.brcm-navigation{ padding-left:4px;}
.brcm-navigation ul li{
	text-transform:uppercase;
	font-weight:600;
	line-height:1.1em;
	padding-left:15px;
	margin-bottom:1.3em;}
.brcm-navigation ul li a{
	color:#000;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	padding:2px;
	}
	
.brcm-navigation ul li a:hover{
	color:white;
	background-color:#0066CC;	
	}	

.brcm-navigation ul li.brcm-active-node{
	background:url(../img/icon-menu-li.gif) no-repeat 0 2px;
	padding-left:15px;}
	
.brcm-navigation ul li ul li.brcm-active-node, .brcm-navigation ul li.brcm-active-node ul li.brcm-active-node, .brcm-navigation ul li.brcm-active-node ul li.brcm-current-node{ font-weight:700;}	
	
.brcm-navigation ul li ul{ margin-top:0.5em;}
.brcm-navigation ul li ul li{
	font-size:11px;
	font-weight:400;
	margin-bottom:0.7em;
	padding-left:0px;}
.brcm-navigation ul li ul li.brcm-last-item{ margin-bottom:1.7em;}		


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



/*CONTENT  */
body.generic .content{
	background:url(../img/separator-line2.gif) repeat-x left top;
	padding-top:1.5em;}
.content{
float:right;
max-width: 675px;
color:#333333;
width: 80%;
padding-bottom:10px;
font-size:1em;
}
div.content h1{
	background:url(../img/separator-line2.gif) repeat-x left bottom;
	font-size:35px;
	font-weight:900;
	padding-bottom:0.7em;
	margin-bottom:1em;
	text-shadow:#FFF 0px 1px 1px;
	text-shadow: 0px 1px 0px #FFF;
	filter: dropshadow(color=#FFF, offx=0, offy=1);
	}

div.content ul li{
	background:url(../img/icon-li-content.gif) no-repeat 0 6px;
	padding-left:15px;
	list-style:none;}	
	
div.content ul li ul li{
	background:url(../img/icon-li-ul-li-content.gif) no-repeat 0 8px;
	padding-left:12px;
	list-style:none;}
		
div.content a{ color:#0066CC;
font-weight:700;}	

.brcm-attachment brcm-others{ margin-top:1.5em;}
div.content ul.brcm-list-of-attachments li{ background:none!important;
margin-bottom:1.5em;
margin-top:1.5em;
padding:0px;}


/*IMATGES  */
.content .brcm-generic-element-with-big-images img, .flexslider img{
width:100%;
height:auto;}
.brcm-image a img{ border:2px;}
.content .brcm-image img{
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;}		
	
	.brcm-caption{
	width:100%;
	text-align:right;
	font-size:11px;
	padding-top:7px;
	padding-bottom:10px;
	background:url(../img/separator-line2.gif) repeat-x left bottom;
	margin-bottom:1.4em;
	font-weight:400;}


.content .brcm-generic-element-with-images-on-the-right .brcm-group-of-images{ margin-left:20px!important;}	
.content .brcm-generic-element-with-images-on-the-left .brcm-group-of-images{ margin-right:20px!important;}	
.content .brcm-generic-element-with-images-on-the-left .brcm-group-of-images .brcm-caption{ text-align:left;}


.content div.brcm-generic-element-with-image-gallery div.brcm-image-and-caption, .content div.brcm-gallery-of-images div.brcm-image-and-caption {    margin-right: 20px !important;
    margin-top: 10px;}


/*SLIDER  

.content .flexslider{position:relative;}
.content .flexslider ul li{
background-image:none;
padding:0px;
}
.content .flexslider ul{ line-height:normal;}
ul.slides{ }

.content ol.flex-control-nav{
list-style:none;
position:absolute;
bottom:0px;
left:-63px;
margin:0px;}

ol.flex-control-nav li a{
	background:url(../img/paginator-destacat-off.jpg) no-repeat 0 0;
	text-indent:-10000px;
	overflow:hidden;
	width:14px;
	height:16px;
	display:block;
	cursor:pointer;
	margin-top:5px;}
	
ol.flex-control-nav li a:hover{ background:url(../img/paginator-destacat-hover.jpg) no-repeat 0 0;}
	
	
ol.flex-control-nav li a.active{
	display:block;
	background:url(../img/paginator-destacat-on.jpg) no-repeat 0 0;
	text-indent:-10000px;
	overflow:hidden;
	width:14px;
	height:16px;}	 */
/*------------------------------------*/

/*FORMS */
.content input[type='text'], .content input[type='password'], .content textarea{
border:#D7D7D7 1px solid;
border-top-color:#BFBFBF;
background:#F8F8F8 url(../img/background-input.jpg) repeat-x left top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px
}
.content input[type='text']:focus, content input[type='text']:active , .content input[type='password']:focus, .content input[type='password']:active , .content textarea:active, .content textarea:focus{ background-color:#FFF;}
.content input[type='submit']{
	background-color:#666666;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	font-weight:700;
	text-align:center;
	padding:10px 50px;
	font-size:14px;
	border-bottom:#FFF 1px solid;
	cursor:pointer;}
	
.content input[type='submit']:hover{ background-color:#0066CC;}	
	
form.formulari .avis-legal, form.brcm-form .brcm-legal-information, form.formulari .avis-legal, form.brcm-form .brcm-legal-information, { border-color:#CCC; padding-top:10px;
padding-bottom:10px;
font-size:12px;
font-weight:300;}
form.formulari .camp, form.brcm-form .camp, form.formulari .brcm-field, form.brcm-form .brcm-field{ margin-top:1.5em;}	
.camp .titol, .camp .brcm-title{ margin-bottom:0.5em;}
form.formulari .camp .opcio, form.brcm-form .camp .opcio, form.formulari .brcm-field .opcio, form.brcm-form .brcm-field .opcio { margin-bottom:0.7em;}

form.formulari .accions, form.brcm-form .brcm-actions{ margin-top:3em;}


/*LIST OF NEWS  */
.brcm-list-of-news ol li, .brcm-list-of-events ol li{ margin-bottom:2em!important;
display:block;
background:url(../img/separator-line2.gif) repeat-x left bottom;
padding-bottom:2em;}
.brcm-list-of-news .brcm-image{ margin-right:10px;}
.brcm-list-of-news li{ margin-bottom:1.5em; overflow:hidden;}
.brcm-list-of-news .brcm-date{color:#333; font-size:11px; font-weight:700;}
.brcm-list-of-news .brcm-title, .brcm-list-of-events .brcm-title { font-size:14px;
margin-bottom:0.4em;
display:block;}


.brcm-list-of-news .brcm-category{color:#666;
font-weight:300;
margin-top:0.3em;}

.brcm-pagination, .brcm-calendar-navigation{ text-align:center;
background:url(../img/separator-line2.gif) repeat-x left bottom;
padding-bottom:2em;}
.brcm-pagination .brcm-previous{
float:left;
text-transform:uppercase;}
.brcm-pagination .brcm-next{
float:right;
text-transform:uppercase;}



div.content p, div.content ol, div.content ul, div.content table {
    line-height: 1.4em;
    list-style: none outside none;
    margin-bottom: 14px;
    margin-top: 3px;
    padding: 0;
}
div.content div.brcm-body ol{
    list-style:decimal;
    margin-left:18px;
}

/**/
/*BOTTOM  */
.bottom{
	background:url(../img/separator-line.gif) repeat-x top left;
	padding-top:1.7em;
	margin-top:1.6em;
	font-size:11px;
	color:#666;
	font-weight:300;
	text-shadow:#FFF 0px 1px 1px;
	text-shadow: 0px 1px 0px #FFF;
	filter: dropshadow(color=#FFF, offx=0, offy=1); }
	
.bottom strong{
font-weight:bold;
margin-right:5px;
color:#666;}	

.bottom span{ margin-left:7px; }

.firma{ float:right;}
	

/* Slider home */

div.brcm-generic-slider{
    overflow:hidden;
    padding:4px;
    width:683px;
    height:395px;
}
div.content div.brcm-flexslider ul li{
    background-image:none!important;
    padding-left:0px;
}
div.content ul.brcm-flexslider-slides{
    margin-top:0px;
}
div.content div.flexslider ul li{
    background-image:none;
    padding:0px;
}

div.flexslider .slides li{
    display:none;
    height:105px;
}
div.brcm-flexslider{
    position:relative;
    width:675px;
    height:385px;
    margin:0px;
}
div.content ol.brcm-flexslider-control-nav{
    position:absolute;
    z-index:1;
    bottom:0px;
    right:2px;
    background-color:#FFF;
    height:25px;
    margin:0px;
    border-radius:3px 3px 0px 0px;
    padding:0px;
    width:133px;
}

ol.brcm-flexslider-control-nav li{
    float:left;
    margin-left:5px;
    margin-right:5px;
    list-style:none;
    margin-top:5px;
}
  
    ol.brcm-flexslider-control-nav li a{ 
        background:url(../img/desactivat.jpg) no-repeat 0 0;
        display:block;
        width:16px;
        height:16px;
        overflow:hidden;
        text-indent:-1000px;
        cursor:pointer;
        box-shadow:none;
    }
    ol.brcm-flexslider-control-nav li a.brcm-flexslider-active{ 
        background:url(../img/activat.jpg) no-repeat 0 0;
        display:block;
        width:16px;
        height:16px;
        overflow:hidden;
        text-indent:-1000px;
    }
    ol.brcm-flexslider-control-nav li a:hover{
        background:url(../img/desactivat.jpg) no-repeat 0 0;
    }
    ol.brcm-flexslider-control-nav li a.brcm-flexslider-active:hover{
        background:url(../img/activat.jpg) no-repeat 0 0;
    }