*{
	margin:0;
	padding:0;
	border:0;
}

html, body{
	background-color:#fff;
	font:11px verdana,arial,tahoma,geneva,sans-serif;
	color:#999;
	/*line-height:12px;*/
	padding:0px 0 0 0;
	
	SCROLLBAR-FACE-COLOR:#979797;
	SCROLLBAR-HIGHLIGHT-COLOR: #6E6E6E;
	SCROLLBAR-SHADOW-COLOR: #6E6E6E;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #D0D0D0;
	SCROLLBAR-TRACK-COLOR: #D0D0D0;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	height:100%;
}

a{
	color:#999;
	text-decoration:none
}
a:hover{
	color:#4F4F4F;
	text-decoration:none
}
input,select,textarea{
	border:#cccccc 1px solid;
	padding:1px 2px;
	color:#000000;
	font:11px arial,tahoma,sans-serif;
}
select{
	padding:1px
}
ul,li{
	list-style:none;
	padding:0px;
}
input{
	width:450px;
}
h1 {
	padding:0px 0px 0px 0px;
}
h1 span{
	display:none;
}

h2 span,h3 span{
	padding:0px 0px 0px 0px;
	display:none
}
p{
	padding:10px 0px 0px 0px;
}


#page-inici{
	background:url(../img/bgr-inici.gif) repeat-x 0px 0px;
}

#page{
	background:url(../img/bgr.gif) repeat-x 0px 0px;
}


#content{
	margin:0 auto;
	width:902px;
}

/* ---------------------------- cap -------------------------------- */

#menu-sup{
	float:left;
	padding:2px 0 0 30px;
	height:16px;
	font:9px verdana,arial,tahoma,sans-serif;
	color:#99C2DF;
}

#menu-sup a{
	margin:0 20px 0 0;
	color:#99C2DF;
}
#menu-sup a:hover{
	color:#99C2DF;
	text-decoration:underline;
}

#idioma{
	float:right;
	padding:2px 20px 0 ;
	font:9px verdana,arial,tahoma,sans-serif;
	color:#99C2DF;
}

#idioma a{
	margin:0 0 0 20px;
	color:#99C2DF;
}
#idioma a:hover{
	color:#99C2DF;
	text-decoration:underline;
}

#cap-inici{
	height:249px;
	background:url(../img/bgr-cap-inici.jpg) no-repeat 0px 0px;
}

#cap-inici .col1{
	float:left;
	width:266px;
	margin:50px 0;

}

#cap-inici .col2{
	float:left;
	width:636px;
	margin:0px;
}

#cap{
	height:141px;
	_height:139px;
	background:url(../img/bgr-cap.jpg) no-repeat 0px 0px;
}

#cap .col1{
	float:left;
	width:180px;
	margin:15px 0;
}

#cap .col2{
	float:left;
	width:636px;
	margin:0px;
}
/* ---------------------------- content -------------------------------- */


#box{
	float:left;
	height:100%;
	margin:-10px 0 0 0;
	_margin:-9px 0 0 0;	

}

#box1{
	float:left;
	background:url(../img/bgr-menu-y.gif) repeat-y 0px 0px;
	height:100%;
}

#menu{
	float:left;
	width:176px;
	background:url(../img/bgr-menu-cap.gif) no-repeat 0px 0px;
	height:100%;
	
}

#menu ul{
	padding:5px 12px 5px 12px;
}

#menu li.titol{
	padding:5px 0 5px 0px;
	background:url(../img/linia-menu.gif) no-repeat bottom;
}

#menu li{
	padding:5px 0 5px 3px;
	background:url(../img/linia-menu.gif) no-repeat bottom;
}
#menu li a{
	margin:0 0 0 0px;
}

#menu li ul{
	padding:5px 0 0px 10px;
	background:none;
}
#menu li ul li{
	padding:0px;
	margin:0 0 2px 12px;	
	background:none;
	list-style:square;
}

#menu li ul li ul{
	padding:5px 0 2px 10px;
	background:none;
	font-size:10px;
}
#menu li ul li ul li{
	padding:0px;
	margin:0 0 2px 0px;	
	background:none;
	list-style:disc
}

#menu p {
    margin:0;
    padding:5px 0 0 12px;
    line-height:10px;
}



#box2{
	float:left;
	width:720px;
	padding:10px 0 0px 0;
	height:100%;

}

#box2 h1{
	font:bold 22px arial,tahoma,sans-serif;
	color:#458FC6;
	text-transform:uppercase;
	padding:0 0 0px 0;
}

#box2 h2{
	font:bold 16px arial,tahoma,sans-serif;
	color:#999999;
	padding:15px 0 0px 0;
}
#box2 h3{
	font:bold 14px arial,tahoma,sans-serif;
	color:#458FC6;
}


#box2 ul{
	float:left;
	padding:20px 0 0 0px;
	color:#fff;
}
#box2 li.box1{
	height:260px;
	width:161px;
	float:left;
	background:url(../img/bgr-quadre-01.gif) no-repeat 0px 0px;
	padding:0 10px 0 0;
	text-align:center
}
#box2 li.box2{
	height:260px;
	width:161px;
	float:left;
	background:url(../img/bgr-quadre-02.gif) no-repeat 0px 0px;
	padding:0 10px 0 0;
	text-align:center
}
#box2 li.box3{
	height:260px;
	width:161px;
	float:left;
	background:url(../img/bgr-quadre-03.gif) no-repeat 0px 0px;
	padding:0 10px 0 0;
	text-align:center
}
#box2 li.box4{
	height:260px;
	width:161px;
	float:left;
	background:url(../img/bgr-quadre-04.gif) no-repeat 0px 0px;
	padding:0 10px 0 0;
	text-align:center
}

#box2 li h2{
	font:bold 21px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:10px;
	line-height:20px;
}
#box2 li p{
	padding:94px 10px 0 10px;
	height:38px;
}
#box2 ol{
	padding:10px 0 0px 20px;
}
#box2 ol li{
	padding:0px 0 5px 0px;
	list-style:disc;
}

#box2 .mes{
	padding:10px 10px 0 10px;
	text-align:center;
}

#box2 a{
color:#458FC6;
}

#box2 a:hover{
color:#458FC6;
text-decoration:underline;
}

#box2 .space{
	padding:10px 0px 0 30px;
}
#box2 .space-galeria{
	padding:10px 0px 0 30px;
}

#box2 .submenu{
	float:left;
	margin:0px 0px 10px 20px;
}
#box2 .submenu a{
	color:#000;
}
#box2 .submenu a:hover{
	color:#000;
	text-decoration:underline
}

#box2 .submenu ul{
	color:#000;
}
#box2 .submenu li{
	padding:0 0 5px 0;	
}
#box2 .submenu ul ul{
	padding:0 0 0 20px;	
}
#box2 .submenu ul ul ul{
	padding:0 0 0 20px;	
}


#box2 .box3{
	float:left;
	padding:30px 0px 0 0px;
	text-align:center;	
	width:170px;
}

#box2 .box4{
	float:left;
	padding:20px 0px 0 0px;
	text-align:center;	
	width:220px;
}

#box2 .box5{
	float:left;
	padding:8px 0px 0 0px;
	text-align:center;	
	width:172px;
}

#box2 .caixacap{
	background:url(../img/bgr-caixa-cap.gif) no-repeat;
	height:21px;
	width:671px;
	margin:20px 0 0 0;
}
#box2 .caixa{
	background:url(../img/bgr-caixa.gif) repeat-y;
	width:651px;
	padding:0px 0px 0px 20px;
}
#box2 .caixa p{
	padding:10px 10px 0px 0px;
}

#box2 .caixapeu{
	background:url(../img/bgr-caixa-peu.gif) no-repeat;
	height:18px;
	width:671px;
}


#box2 .contact{
	margin:40px 0 0 0;
	height:113px;
	background:url(../img/bgr-contacte.gif) no-repeat top center;
	text-align:center;
}

#box2 .contact h2{
	padding:18px 70px 0 0;
	color:#666666
}

#box2 .contact p{
	padding:10px 70px 0 0;
}

#box2 .reconeixements{
	margin:40px 0 0 0;
    background-color:#CBE4F7;
	width:698px;
}

#box2 .col1{
	float:left;
	padding:20px 0 0 30px;
	width:300px;
	color:#565E64;
	text-align:justify;
}
#box2 .col2{
	float:left;
	padding:20px 0 0 30px;
	width:300px;
	color:#565E64;
	text-align:justify;
}
#box2 span{
	color:#458FC6;
}

#box2 .taula{
	margin:20px 0 0 0;
	border:1px solid #666666;
	padding:0px 0px 0px 0px;
	color:#666666;
}

#box2 .taula h4{
	font:bold 11px Verdana,Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	padding:5px 0 5px 10px;
	color:#666666;
	border-bottom:1px solid #666666;
}

#box2 .taula p {
	padding:10px 10px 10px 10px;

}

#box2 .taula ol {
	padding:10px 10px 0px 35px;
}

#box2 .taula li {
	list-style:decimal;
	padding:0px 0px 5px 0px;
}

#box2 .taula .col1 {
	float:left;
	width:100px;
	padding:0px 0px 0px 0px;
}
#box2 .taula .col2 {
	float:left;
	padding:0px 0px 10px 0px;
	width:587px;
	border-left:1px solid #666666;		
}

#box .taula .separa{
	clear:both;
	border-top:1px solid #666666;
	height:1px;
	margin:-1px;

}

#bottom{
	clear:both;
	background:url(../img/bgr-bottom.gif) repeat-x bottom;
}


#bottomfi{
	margin:auto;
	width:902px;
	height:103px;
	background:url(../img/bgr-menu-fi.gif) no-repeat 0px 0px;
}

/* ---------------------------- peu -------------------------------- */

#bgr-peu{
	background:url(../img/bgr-peu.gif) #021138 repeat-x 0px 0px;
	height:180px;
}

#peu{
	margin:0 auto;
	width:902px;
	font:11px Arial, Helvetica, sans-serif;
}

#peu .col1{
	float:left;
	width:576px;
	background:url(../img/bgr-linia-peu.gif)  no-repeat right;
	height:90px;
	color:#223B7B;
	text-align:right;
	padding:30px 20px 0 0;
}

#peu .col2{
	float:left;
	padding:30px 0px 0 20px;
}

#peu .avellana{
	margin:0px;
	padding:5px 0 0 0;
	font:10px Arial, Helvetica, sans-serif;
}
#peu .avellana a{
	color:#223B7B;
}
#peu .avellana a:hover{
	color:#223B7B;
	text-decoration:underline;
}

/* ---------------------------- comuns -------------------------------- */
.fix{
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	padding:0x;
	border:1px solid #006666
}

#fil{
	font:10px Verdana,Arial, Helvetica, sans-serif;
	color:#565E64;
	padding:0 0 10px 0;
}

#fil a{
	color:#565E64;
}
#fil a:hover{
	color:#565E64;
	text-decoration:underline;
}

#fil span{
	font-weight:bold;
	color:#458FC6;
}

.fotoeq{
	float:left;
	margin:0 10px 2px 0;
	background:#fff;
	padding:1px;
	border:1px solid #000;
}
.fotodt{
	float:right;
	margin:0 0px 2px 10px;
	background:#fff;
	padding:1px;
	border:1px solid #000;
}
.left{
	float:left;
	padding:0px 0 0 0;;	
}
.right{
	float:right;
	padding:0px 0 0 0;;
}
.center{
	text-align:center;
}

.marc{
	margin:0 10px 0 0;
	background:#fff;
	padding:1px;
	border:1px solid #000;
}
.centre{
	margin:5px 0 0 0;
	text-align:center;
}

#llista ul{
	color:#999999;
	padding:10px;
	margin:0 0 0 10px;
}
#llista li{
	list-style:disc;
}

.txt10{
	padding:5px 0;
	font:10px Verdana,Arial, Helvetica, sans-serif;
	color:#000;
}
#map{
	height:300px;
	width:670px;
	padding:1px;
	border:1px solid #000;
	margin:20px 0 20px 0;
}

form{
	padding:20px;
}

.txtform{
	float:left;
	padding:0px 10px 20px 0;
}


.pagina{
padding:30px 0 0 0;
text-align:center;
}

#banner{
	padding:10px 0px 10px 0px;
	
}