@charset "utf-8";
/* 
lila -> 402c6a -> 010101 
vermell -> ec3b25
gris -> a0a0a0 -> a0a0a0
*/
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;}

body{overflow-x: hidden}

.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:#010101;}
.clar {color:#00a2d1;}
.fosc {color:#111745;}
.gris {color:#a0a0a0;}
.red{color:#c00;}
.white{color:#fff !important;}
.black{color:#000 !important;}

.bcorporative{background-color:#010101 !important;}
.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;}
.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.cela{display:table-cell; padding:0 0.5em;}

.divSpace{overflow:hidden; height:1em;}
#logoTop{height:4em; display:block;}
#logoBottom{max-width:120px; display:block;}
#titolTop{font-size:0.9em;}

/*--------- HOVER --------------*/
.hvr-underline-from-left:before {background:#ec3b25 !important;}
/*-----------------------------------------------------------------------------------------------------------*/

/*---------------- menu idiomes -------------------------*/
.ulIdiomes{list-style:none; margin-left:-20px; padding:0; display:block; text-align:center; width:auto;}
	.ulIdiomes li{display:inline-block; margin:0 0.5em;}
		.ulIdiomes li a{color:#ec3b25 !important; padding-top:5px;}
		.ulIdiomes li a:hover{color:#fff !important;}	
		.ulIdiomes .active > a{color:#fff !important;}
/*----------------/ menu idiomes -------------------------*/

/*---------------- menu xarxes -------------------------*/
.ulXarxes{list-style:none; margin:auto; display:block; text-align:center; padding:0.8em 0 0 3em; background-color:transparent; width:auto; float:left;}
	.ulXarxes li{display:inline-block; margin:0 0.5em;}
		.ulXarxes li a{color:#000;}
		.ulXarxes li a:hover{color:#fff;}	
		
.ulXarxesBottom{list-style:none; margin:auto; display:block; text-align:center; padding:0 0 0 0; background-color:transparent; width:auto; float:left;}
	.ulXarxesBottom li{display:inline-block; margin:0 1em 0 0;}
		.ulXarxesBottom li a{color:#ddd;}
		.ulXarxesBottom 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 -------------------------*/

#divTop1{overflow:hidden; width:100%; height:3em; background-color:#a0a0a0; position:fixed; z-index:990; top:0}
	#divSearchFormQ{padding-top:0.4em; position:fixed; z-index:991; top:0; right:20px;}
#divTop2{overflow:hidden; height:5em; background-color:#d0d0d0; padding:0.5em 1em; margin-top:3em;}
	#divTitolPagina{padding-left:4em; display:table-cell; vertical-align:middle; height:5em; overflow:hidden;}
	#divPubli{text-align:right;}
#divTop3{overflow:visible; background-color:#a0a0a0;}

#divBody{overflow:hidden; background-color:#fff; border-left:3px solid #ec3b25; padding:2em 2em 2em 2em;}

#divBottom {overflow:hidden; background-color:#a0a0a0; padding:1em 0 8em 0; color:#444; font-size:1em; font-weight:normal;} 
	#divBottom a{color:#000 !important; font-size:1em; font-family: 'Roboto Condensed', Helvetica, Arial, Verdana, Tahoma, sans-serif  !important;}
	#divBottom a:hover{color:#fff !important;}
	.titolColumnaBottom{color:#222; font-size:1.1em; font-weight:bold; border-bottom:1px solid #222; width:100%; margin:1em 0;}



/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-device-width:1400px),screen and (max-width:1400px){
	#divBody{padding:1em}
	#titolTop{font-size:0.8em;}
}

@media screen and (max-device-width:1200px),screen and (max-width:1200px){
	#divBody{padding:1em}
	#titolTop{font-size:0.8em;}
}

/*----- ipad horizontal + ipad pro vertical ---------------------------*/
@media screen and (max-device-width:1024px),screen and (max-width:1024px){
	#titolTop{font-size:0.7em;}
}

/*----- ipad vert vertical ---------------------------*/
@media screen and (max-device-width:768px),screen and (max-width:768px){
	#divBody{padding:0.5em; padding-top:3em;}
	#titolTop{font-size:0.7em;}
}

/*----- iphone6+ horizontal ---------------------------*/
@media screen and (max-device-width:736px),screen and (max-width:736px){
	/*--- amaga la publi ------*/
	#divTop2{display:none;}
	#divTop3{margin-top:3em;}

}

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

/*----- iphone6 i iphone6+ vertical ---------------------------*/
@media screen and (max-device-width:480px),screen and (max-width:480px){
}