@charset "utf-8";
/*@grid-columns:              12;
@grid-gutter-width:         30px;
@grid-float-breakpoint:     768px;*/

html, body, div, object, iframe, fieldset {
	font-family: 'Roboto', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	color:#222;	
	font-size:1em;
	font-weight:300;
}

html, body{background-color:#fff !important;}

.roboto-thin {
	font-family: 'Roboto', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-weight:100;
}

.roboto-light {
	font-family: 'Roboto', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-weight:300;
}

.roboto-bold {
	font-family: 'Roboto', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-weight:700;
}

.roboto-slab {
	font-family: 'Roboto Slab', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-weight:400;
}

.roboto-slab-bold {
	font-family: 'Roboto Slab', Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-weight:700;
}

a {color:#666; text-decoration: none !important;}
a:hover {color:#000; text-decoration: none !important;}
a:visited {color:#666; text-decoration: none !important;}

h1 {}
h2 {}
h3 {}
h4 {line-height:120% !important;}
	h4>ul>li{font-size:0.9em !important;}
p {}
ol, ul {}
hr{border-top:1px dotted #aaa !important;}

.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}	

.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}
.degradat2{
	background:-webkit-linear-gradient(top,#fff,#EBDFCC) ;
	background:-moz-linear-gradient(top,#fff,#EBDFCC) ;
	background:-ms-linear-gradient(top,#fff,#EBDFCC) ;
	background:-o-linear-gradient(top,#fff,#EBDFCC) ;
	background:linear-gradient(top,#fff,#EBDFCC) ;
}

.ombra{box-shadow: 0px 0px 10px #000;}	

/*----------------- icon loading animated -------------------------*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/*----------------/ icon loading animated -------------------------*/

/*----------------- estils d'impresió -------------------------*/
.printable { display: none; }
@media print {
	.non-printable { display: none; }
    .printable { display: block; }
}
/*----------------/ estils d'impresió -------------------------*/

/*-----------------------------------------------------------------------------------------------------------*/
.titol{color:#666; margin:1em 0; font-weight:700;}
.left {overflow:hidden; float:left;}
.right {overflow:hidden; float:right;}
.corporative {color:#7157A0;}
.clar {color:#00a2d1;}
.fosc {color:#111745;}
.gris {color:#aaa;}
.red{color:#c00;}
.white {color:#fff;}
.bclar {background-color:#00a2d1;}
.bfosc {background-color:#111745;}
.bwhite {background-color:#fff;}
.bblack {background-color:#000;}
.no-gutter {padding:0 !important}
.justificat {text-align:justify;}
.center {text-align:center;}
.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.cela{display:table-cell; padding:0 0.5em;}

/*.compartir{overflow:hidden; margin:0em 0em 2em 0em;}
	.addthis{float:right;}
	.addthis a{color:#000;}
	.atss{top:250px !important;}*/

.divSpace{overflow:hidden; height:1em;}
#divMenuSpace{overflow:hidden; height:204px;}
#divTop{padding:0 1em 1em 1em;} 
#divBottom{padding:2em 2em 4em 2em; background-color:#ddd; color:#222}
#logoTop{max-width:200px; display:block; float:left; margin:1em 2em;}

/*---------------- menu idiomes -------------------------*/
.ulIdiomes{list-style:none; margin:auto; display:block; text-align:center; padding:1em 1em 0 0; background-color:transparent; width:auto; float:right;}
	.ulIdiomes li{display:inline-block; margin:0 0.5em;}
		.ulIdiomes li a{color:#aaa;}
		.ulIdiomes li a:hover{color:#00a2d1;}	
		.ulIdiomes .active > a{color:#00a2d1;}
/*----------------/ menu idiomes -------------------------*/

/*---------------- menu xarxes -------------------------*/
.ulXarxes{list-style:none; margin:auto; display:block; text-align:center; padding:1em 0 0 0; background-color:transparent; width:auto; float:left;}
	.ulXarxes li{display:inline-block; margin:0 1em;}
		.ulXarxes li a{color:#ddd;}
		.ulXarxes li a:hover{color:#fff;}	
/*----------------/ menu xarxes -------------------------*/

/*---------------- menu legal -------------------------*/	
#divMenuLegal{width:100%; text-align:center; margin:2em 0 1em 0;}	
	#divMenuLegal ul{list-style:none; padding:0;}
		#divMenuLegal ul li{display:inline-block; cursor:pointer; font-size:0.8em; margin:0 0.2em; color:#444;}
			#divMenuLegal a{color:#666;}
			#divMenuLegal a:hover{color:#000;}
/*----------------/ menu legal -------------------------*/

/*---------------- home -------------------------*/
#titolHome{text-align:center; width:60%; margin:auto;}
.item-area-home:hover{border:1px solid #aaa; padding-top:1em;}
/*---------------/ home -------------------------*/

.panel-breadcrumb a{color:#ccc;}
.panel-breadcrumb a:hover{color:#fff;}

@media screen and (max-device-width:1200px),screen and (max-width:1200px){
	#logoTop{margin:1em 1em;}
}

@media screen and (max-device-width:990px),screen and (max-width:990px){
}

@media screen and (max-device-width:768px),screen and (max-width:768px){
	#logoTop{display:none;}
	#divMenuSpace{height:100px;}
	.ulIdiomes{padding:1em 0 0 0;}
	#titolHome{width:90%;}
}

@media screen and (max-device-width:667px),screen and (max-width:667px){
}


@media screen and (max-device-width:480px),screen and (max-width:480px){
	#divMenuSpace{height:100px;}
	#divMenuLegal ul li{display:block;}
}