/* CSS Document */


body {
	background: url(../img/fons.jpg) repeat-x #737371 center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:15px 0px 0px 0px;
	color: #303030;
}


/*  INICI */

.inici { background: url(../img/inici.jpg); width:828px; height:80px; margin:auto; padding:345px 0px 0px 22px; }
.inici a { display:block; float:left; width:404px; height:39px; text-align:center; background: url(../img/fons_boto_inici.gif) repeat-x 0 -61px;   color:#FFFFFF; text-decoration:none; padding:21px 0px 0px 0px; font-size:14px; }
.inici a:hover { background: url(../img/fons_boto_inici.gif) repeat-x; }
.inici_alsada {  width:849px; height:426px; margin-top: -213px; margin-left: -425px; vertical-align: middle; position: absolute; top:50%; left:50%; }

/*  INICI // */



/* FONSDOS MARGES SOMBRES */

.fons_web { background:url(../img/fons_web.gif) repeat-x top; width:962px; float:left;}
.fons_web_baix { background:url(../img/fons_web_baix.gif) repeat-x bottom #FFFFFF; width:962px; border-bottom: solid 4px #FFFFFF; float:left;}


.marc {   width:962px; padding:4px 4px 0px 4px; float:left; }

.marc_3 { margin:auto; width:996px;}

.marc_2 { width:996px; background:url(../img/fons_gen_base.gif); float:left;}
.sombra_1 { float:left;  width:13px; height:620px; background:url(../img/fons_lateral_1.gif)  no-repeat;}
.sombra_2 { float:right; width:13px; height:620px; background:url(../img/fons_lateral_2.gif) no-repeat;}

.peu_1 { background:url(../img/fons_peu_1.gif); height:64px;  width:17px; float:left;}
.peu_2 { background:url(../img/fons_peu.gif); height:64px;  width:962px; float:left; }
.peu_3 { background:url(../img/fons_peu_3.gif); height:64px;  width:17px; float:left;}

.peu { font-size:12px; color: #FFFFFF; text-align:center; padding:16px 0px 0px 0px;}

/* FONSDOS MARGES SOMBRES //  */



/* CAPSALERA */

.logo {  background:url(../img/fons_logo.jpg) right no-repeat; height:105px;  float:left; width:962px; }
.logo img { border:0px; padding:27px 0px 0px 44px; }

.menu { padding:0px 2px 0px 28px; background:url(../img/menu_sep.gif) no-repeat right; float:left;}
.menu ul { margin:0px; padding:0px;float:left;}
.menu li { float:left; list-style:none;   padding:0px; background:url(../img/menu_sep.gif) no-repeat; }
.menu a { color:#FFFFFF; font-size:13px; text-decoration:none; display:block; margin:0px 0px 0px 2px; padding:10px 20px 0px 20px; height:26px; background:url(../img/hover.gif) repeat-x 0 -36px; }
.menu a:hover {background:url(../img/hover.gif); }

.foto_cap { padding:16px 0px 0px 0px; float:left;}

/* CAPSALERA //  */


.cos { padding:50px 50px 50px 50px; float:left; font-size:12px; line-height:20px;}
.titol {float:left; width:865px; font-size:24px; color:#CC0000; padding:5px 0px 20px 0px; border-bottom:solid 1px #D5D5D5;}
.ralla {border-top:solid 1px #FFFFFF; float:left; width:865px; }

.texte { float:left; width:500px;  padding:20px 0px 0px 0px; text-align:justify; }

.texte a { text-decoration:none; color:#CC0000;}
.texte a:hover { text-decoration: underline; color:#CC0000;}

.texte2 { float:left; w width:865px; padding:20px 0px 0px 0px; text-align:justify; }


.foto { float:right; padding:40px 0px 0px 0px; }
.foto img {border:solid 1px #CCCCCC; padding:7px;}



.cos_2 { padding:20px 0px 0px 0px; float:left; font-size:12px; line-height:20px;}
.titol_2 {float:left; width:941px; font-size:24px; color:#CC0000; padding:5px 0px 20px 20px; border-bottom:solid 1px #D5D5D5;}
.ralla_2 {border-top:solid 1px #FFFFFF; float:left; width:960px; line-height:0px; font-size:0px; }


.menu_2 { float:left; width:200px;}

.tit_menu {width:198px; height:50px; background: url(../img/fons_menu_2_tit.gif); }

.menu_2 ul { margin:0px 2px 0px 0px; padding:0px;}
.menu_2 li { margin:0px; padding:0px; list-style:none;}
.menu_2 a { color:#303030; text-decoration:none; padding:6px 10px 6px 10px; display:block; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #FFFFFF; line-height:15px;}
.menu_2 a:hover { background: #ECECEC;}


.fons_menu_2 { float:left; background:url(../img/menu_2.gif) repeat-y; }


.conjunt { padding:0px 30px 30px 30px; float:left; width:702px;}

.titol_3 {float:left; width:747px; font-size:18px; font-weight:bold; color: #999999; padding:17px 0px 13px 15px; border-bottom:solid 1px #D5D5D5;}
.ralla_3 {border-top:solid 1px #FFFFFF; float:left; width:762px; line-height:0px; font-size:0px; }

.texte_2 { float:left; width:430px;  padding:30px 0px 0px 0px;}
.foto_2 { float:right; padding:40px 0px 0px 0px; }
.foto_2 img {border:solid 1px #CCCCCC; padding:7px;}