@charset "utf-8";
/*========================*/
/*=== Reiniciar estils ===*/
/*========================*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/*===========================*/
/* Final de reiniciar estils */
/*===========================*/

/*
Colors:
vermell: #950101
gris: #4c4c4c 
*/

html, body {height:100%}

body{position:relative;
	min-width:800px;	
	font-family: Futura, "Universalis ADF Std", 'Questrial', Trebuchet, Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	line-height:1.2;
	letter-spacing: 0.1em;	
	background: #e7e5e6 url('../images/fons_paper.gif');
	}

strong{font-weight:bold !important};
	
.myotragus {
bottom: 0px;
position: absolute;
float: right;
right: 0px;
}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Amagar per IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* Final d'amagar per IE-mac */

.just-centrar{text-align:center !important}
.just-dreta{text-align:right !important}
.just-esquerra{text-align:left !important}

.indentar{margin-left:30px}

.vermell{color:#950101;font-weight:bold}
.text-12{font-size:1.2em;z-index:5}
.text-09{font-size:0.9em}
.text-08{font-size:0.8em}
.gris{color:#4c4c4c}
.vora-gris{border: 1px solid #4c4c4c}

.linia-punts-gris {border:1px dashed #4c4c4c;border-style: none none dashed;margin:5px 0;height: 1px}
.linia-punts-vermell {border:1px dashed #950101;border-style: none none dashed;margin:5px 0;height: 1px}

div .clear {clear:both}

.no-visible{display:none}

/* Estructura */
	
#div-centre {
	position: relative;
	zoom: 1;	
	width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}
	
#contingut p a,#peu-pagina p a{color:#950101;text-decoration:none;border-bottom:1px dashed}
#contingut p a:link,#peu-pagina p a:link,#contingut p a:visited,#peu-pagina p a:visited{text-decoration:none;border-bottom:1px dashed}
#contingut p a:hover,#peu-pagina p a:hover{text-decoration:none;border-bottom:1px solid}

.boto {margin:10px}

br {margin-top:10px;display:block;line-height:2}

#contenidor{ 
 width:950px; 
 margin:0 auto; 
}

#capcalera{
 position:relative; 
 padding:5px 0;  
 width:100%;
 display:block;
 overflow:hidden; 
}

#social {
	float:right;
}

#social img {	
	width:40px;
	padding:10px 0 0 20px;	
}

#social p {
	font-family:'Condiment', cursive;
	font-size: 0.8em;
}

#social img:hover {
	-webkit-transform: rotate(-15deg); 
	-moz-transform: rotate(-15deg);	
}

.cap-logo{float:left}
.cap-text{float:left;margin:35px 0 0 10px}
 
#capcalera >* h1{font-size:2em;color:#950101;font-weight:bold}
#capcalera >* h2{font-size:1.5em;color:#950101}

#contingut{
 /*)background-color: #FFFFFF;*/  
 position: relative; 
 width:774px;
 padding: 10px;
 float:right;
 margin-left:5px;
 border-top: 1px dashed #4c4c4c;
 border-left: 1px dashed #4c4c4c;
 }
#contingut-legal{padding:25px;text-align:justify}
#contingut h1,#contingut-legal h1{font-size:2em;font-weight: bold;letter-spacing: 0.1em;color:#950101;text-shadow:2px 2px #4c4c4c}
#contingut h2,#contingut-legal h2{font-size:1.5em;color: #4c4c4c;font-weight:bold}
#contingut h2.subtitol{font-family:'Condiment', cursive;font-size:2em;font-weight:normal;color: #4c4c4c;top:-10px;position:relative;left: 50px;}
#contingut h3{font-size:1.2em;color: #950101;font-weight: bold;margin-top:10px;margin-bottom:10px;text-align:justify}

#contingut p{display:block;text-align:justify;margin-bottom:10px}
	
#contingut .columna-1 {float:left;width: 365px;padding:10px}
#contingut .columna-2 {float:right;width: 365px;padding:10px}
#contingut .columna-1-gran {float:left;width: 450px;padding:10px}
#contingut .columna-2-petita {float:right;width: 250px;padding:10px;color:#4c4c4c}
 
#contingut >* a.link {color:#950101}
#contingut >* a.link:before {
    content: "> ";
}

/*#contingut ol.titol-2 li {list-style-type:decimal;list-style-position:inside;font-size:1.5em;color:#4c4c4c;font-weight:bold}
#contingut ol.titol-2 li h2{font-size:1em;color:#4c4c4c;font-weight:bold}*/

#contingut ul .text, #contingut ol .text { margin-left:30px;margin-top:10px;margin-bottom:10px;}
#contingut ul li, #contingut ol li {margin-top:10px;margin-bottom:10px}

#contingut sup
{vertical-align:super} 

.taula-acroquis {
	width:100%;
	border-collapse:collapse;
	margin: 10px 0 10px 0;
}
.taula-acroquis td, .taula-acroquis th 
{
font-size:1em;
border:1px solid #4c4c4c;
padding:3px 7px 2px 7px;
}

.taula-acroquis th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#ff5050;
color:#ffffff;
}
.taula-acroquis tr td {text-align:center;}
.taula-acroquis tr.alt td 
{
color:#000000;
background-color:#ffd9d9;
}

#contingut ul.text{margin-left:30px;margin-bottom:10px}

#pre-peu-pagina {height:60px;}
	
#peu-pagina{
 height:60px; 
 border-top: 1px dashed #4C4C4C;
 text-align:center;
 width: 950px;
 clear:both;
 display:block; 
 margin: 0 auto; 
 position:relative;
 padding: 5px 0 5px 0;
 }

.columna-peu{float:left;width:33%}
.columna-peu-dreta{float:right;width:33%}
 
/* MENU */
#nav{
 width:150px; 
 float:left; 
 position:relative;
 z-index:10;
 }
	
#nav > ul > li.actiu > a, #nav > ul > li > ul > li.actiu > a {color:#950101;font-weight:bold;text-shadow:1px 1px #000;}
#nav > ul > li > a {color:#000}


/*ul, li {
	margin: 0;
	padding: 0;
	list-style:none;
}*/

.sliding-navigation, .sliding-navigation-submenu
{
	list-style: none;	
	padding: 0;
}


.sliding-navigation li.sliding-element a, .sliding-navigation-submenu li.sliding-element a
{
	display: block;	
	width: 140px;	
	padding: 5px;	
	margin: 0;
	margin-bottom: 5px;
	color: #000;
	/*background:#4c4c4c;*/ 
	background:#999 url(images/ui-bg_inset-hard_75_999999_1x100.png) 50% 50% repeat-x;
	/*border: 1px solid #1a1a1a;*/
	text-decoration: none;
}

.sliding-navigation-submenu li.sliding-element a 
{
	width: 120px !important;	
	margin-left:20px;
}

.vora-rodona {	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	-khtml-border-radius: 5px;
	border-radius:5px;
	/*behavior: url(css/PIE.php);*/
}

.ombra {-moz-box-shadow:2px 2px 4px #8e8e8e;
	-webkit-box-shadow:2px 2px 4px #8e8e8e;
	box-shadow:2px 2px 4px #8e8e8e;}
	
/* SERVEIS */
.servei-acroquis{min-height:180px;border: 1px dashed #4C4C4C;border-style: none none dashed;}
.servei-acroquis.darrer{border: none;}
.servei-acroquis img {width:90px;height:90px;margin:0 10px 10px 0;float:left;-moz-box-shadow:2px 2px 4px #8e8e8e;
	-webkit-box-shadow:2px 2px 4px #8e8e8e;
	box-shadow:2px 2px 4px #8e8e8e;}


/* CONTACTE */
#formulari-contacte{width:600px;margin:0 auto}

.nota {    
    width: 400px;
    margin: 0 auto 10px;
    padding: 6px 5px 4px 42px;
    position: relative;
    color: #444;
    line-height: 20px;
    border: 1px solid #d2d2d2;
 
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
    background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
 
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    -ms-background-size: 100% 20px;
    -o-background-size: 100% 20px;
    background-size: 100% 20px;
 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}
.nota::before {
    content: '';
    position: absolute;
    width: 4px;
    top: 0;
    left: 30px;
    bottom: 0;
    border: 1px solid;
	border-color: transparent #efe4e4;}
	
.g-recaptcha {
	padding: 10px;
}