@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	text-align: left;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333; }


body { padding:0px; margin:0px; }

#contingut { 	
  position:absolute;
  height:540px; 
  width:860px;
  margin:-270px 0px 0px -430px;
  top: 273px; 
  left: 498px;
  text-align: left;
  padding: 0px;
  background-color: #ffffff;
  border: 0px dotted #000000;
  overflow: auto;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
.color_c00 { color: #cc0000; }
.color_aaa { color: #aaaaaa; }
.cont { color: #707070; font-size: 13px; padding-top: 7px; padding-right: 70px; }
.titol_benvinguts {color: #b8b8b8; font-family: Arial, Arial Narrow, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-left: 0px; }
.titol_peu_404040 {color: #404040; font-family: "Century Gothic", Verdana, Arial; font-size: 30px; font-weight: normal; padding-left: 0px; }
.titol_peu_BB0000 {color: #BB0000; font-family: "Century Gothic", Verdana, Arial; font-size: 30px; font-weight: normal; padding-left: 0px; }

.portafoli {color: #bb0000; text-decoration:none; margin:0px 2px 0px 2px;}
a.portafoli {color: #bb0000; text-decoration:none; margin:0px 2px 0px 2px;}
a.portafoli:visited {color: #bb0000; text-decoration:none; margin:0px 2px 0px 2px;}
a.portafoli:active {color: #bb0000; text-decoration:none; margin:0px 2px 0px 2px;}
a.portafoli:link {color: #bb0000; text-decoration:none; margin:0px 2px 0px 2px;}
a.portafoli:hover {color: #ffffff; background-color: #bb0000; text-decoration: none; margin:0px 2px 0px 2px;}

.portafoli_petit {color: #474747; font-family: Verdana, Arial; font-size: 10px;}
/* ----------------------------------------------------------------------------------------------------------------------------- */

td {
	font-size: 11px; }	 
/* body { 
	background-position: center;
	background-repeat:repeat-y; 
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	} */
div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 774px;
	height: 470px;
	border:#404040 dotted 0px;
	}

h1, h2, h3, h4 { font-family: 'Century Gothic', 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif; }

input {
	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#d8d8d8;
	background-color:#ffffff;
}
select {
	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#ffffff;
	background-color:#f4f4f4;
	color:#000000;
	
	scrollbar-face-color: #DA0006;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #DA0006;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFFF;
}
textarea {
	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-bottom-color:#d8d8d8;
	background-color:#ffffff;
	
	scrollbar-base-color:#bbbbbb; 
	scrollbar-face-color: #fafafa;
	scrollbar-shadow-color: #fafafa;
	scrollbar-highlight-color: #fafafa;
	scrollbar-3dlight-color: #fafafa;
	scrollbar-darkshadow-color: #fafafa;
	scrollbar-track-color: #fafafa;
	scrollbar-arrow-color:  #444444;
}
/*
textarea {
	font-family:Helvetiva, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	border-width: 0px 1px 1px 0px;
	border-right-color: #ffffff;
	border-top-color:#888888;
	background-color:#efefef;
	padding: 7px;
	
	scrollbar-base-color:#bbbbbb; 
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color:  #444444;
}
*/


fieldset { border:1px dotted #bbbbbb; float: left; padding: 20; }
legend { padding: 7px 7px 7px 7px; border:1px solid #aaaaaa; color:#333; background-color: #f2f2f2; }

li { list-style-type: square; }
table { font-family:arial; font-size:11px; color:#333333; }
table.centrada { width: 100%; height: 100%; }
td.centrada { vertical-align: middle; text-align: center; }
td.scroll {
	width:280px;
	height:180px;
	background-color:#ffffff;
	scrollbar-base-color:#ffffff;
	scrollbar-3d-light-color:#ffffff;
	scrollbar-arrow-color:#003366;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#ffffff; 
	}
/*	--------------------------------------------------------------------------------------------------------------------------------------------------------- */

#senseborder { border:0; background-color:#efefef; }

.bb0000 {color: #bb0000;}
.bb0000_b {color: #bb0000; font-weight: bold;}
.bb0000_b_subrat {color: #bb0000; font-weight: bold; text-decoration:none; border-bottom:1px dotted #bb0000;}
.e32728 {color: #e32728;}
.e32728_b {color: #e32728; font-weight: bold;}
.asterisc {color: #e32728; font-family: Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
.barra {color: #063F74; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.comentaris {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.docs {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; }
.enviar { color:#1155B7; font-size:10px; font-family:Verdana, MS Sans Serif, sans-serif; font-weight:normal; background-color:#eeeeee; border: 0px solid #003267; }
.fletxa {color: #404040; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal;}
.fornnoms {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#1155B7; }
.18 { font-size: 20px; }
.hdot { background: url(img/vdot.gif) repeat-x; MARGIN: 0px; HEIGHT: 1px }
.ffffff { color: #ffffff; }
.novetats {color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.novetats1 {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.ombra { background: url(img/ombra.gif) no-repeat right bottom !important;
	clear: left;
	float: left;
	margin:5px 0 0px 10px !important;
	margin:5px 0 0px 10px;
	display:inline; }
.ombra img { background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	width:auto; }
.rastre {color: #404040; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.recuadre { border:#999 solid 1px;}
.subtitol {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555;}
.titolcap { background-color:#6B696B; font-family:Arial, Helvetica; font-size:11px; font-weight:normal; color: #fff; padding: 4px 0px 4px 8px; margin: 0 }
.titolcap1 { background-color:#292929; font-family:Arial, Helvetica; font-size:11px; font-weight:normal; color: #fff; padding: 4px 0px 4px 8px; margin: 0 }
.titolcap2 { background-color:#4e4e4e; font-family:Arial, Helvetica; font-size:11px; font-weight:normal; color: #fff; padding: 4px 0px 4px 8px; margin: 0 }
.titolcap3 { background-color:#292929; font-family:Arial, Helvetica; font-size:11px; font-weight:normal; color: #fff; padding: 4px 0px 4px 8px; margin: 0 }
.titolhome {color: #e02828; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding-left: 10px; }
.titolhome1 {color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-left: 10px; }
.titolnoticies {color: #777777; font-size: 12px; padding-left: 20px; padding-right: 7px; }
.titolnoticies1 {font:normal 1.3em "Arial", "Helvetica", "Verdana", sans-serif; margin: 0.8em 0.5em 1.2em 0; padding: 0 0 0 1em; color: #666; border-left: 5px solid #c30006; width: 95%; background-color: #ffffff; }

.titolproducte {color: #404040; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; }
.vermell {color: #e02828; }

/*	--------------------------------------------------------------------------------------------------------------------------------------------------------- */

.enllac {background-color:ffffff; color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
a.enllac {background-color:ffffff; color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
a.enllac:visited {background-color:ffffff; color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
a.enllac:active {background-color:ffffff; color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
a.enllac:link {background-color:ffffff; color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; }
a.enllac:hover {background-color:ffffff; color: #3399cc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; border-bottom:1px dotted #333333;}

.enllacpdf {background-color:#fafafa; color:#333333; font-family: Arial, Verdana, sans-serif; text-decoration:none; font-size:11px;}
a.enllacpdf {color: #333333; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 11px;}
a.enllacpdf:visited {color: #333333; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 11px;}
a.enllacpdf:active {color: #333333; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 11px;}
a.enllacpdf:link {color: #333333; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 11px;}
a.enllacpdf:hover {background-color: ffffff; color: #E02828; font-family: Arial, Verdana, sans-serif; text-decoration: none; font-size: 11px;}

.idioma {background-color:ffffff; color:#404040; font-family:Verdana, sans-serif; text-decoration:none; font-size:10px; padding:0px 2px 5px 2px; }
a.idioma {color: #404040; font-family: Verdana, sans-serif; text-decoration: none; font-size: 10px; }
a.idioma:visited {color: #404040; font-family: Verdana, sans-serif; text-decoration: none; font-size: 10px; }
a.idioma:active {color: #404040; font-family: Verdana, sans-serif; text-decoration: none; font-size: 10px; }
a.idioma:link {color: #404040; font-family: Verdana, sans-serif; text-decoration: none; font-size: 10px; }
a.idioma:hover {background-color: E02828; color: #ffffff; font-family: Verdana, sans-serif; text-decoration: none; font-size: 10px; padding: 30px 3px 5px 3px; text-transform:uppercase; }

.menu {color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; padding-left: 10px; }
a.menu {color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
a.menu:visited {color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
a.menu:active {color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
a.menu:link {color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
a.menu:hover {color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
.menurastre {background-color:e6e6e6; color: #404040; font-family: Arial Narrow, Helvetica, sans-serif; font-size: 20px; font-weight: bold; padding-left: 10px; }

.menu1 {text-decoration:none; color: #A0A0A0; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; padding-left: 10px; }
a.menu1 {text-decoration:none; color: #A0A0A0; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a.menu1:visited {text-decoration:none; color: #A0A0A0; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a.menu1:active {text-decoration:none; color: #A0A0A0; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a.menu1:link {text-decoration:none; color: #A0A0A0; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
a.menu1:hover {text-decoration:none; color: #474747; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.menu1rastre {color: #474747; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; padding-left: 10px; }

.peu {color: #555555; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.peu {color: #555555; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.peu:visited {color: #555555; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; }
a.peu:active {color: #555555; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.peu:link {color: #555555; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.peu:hover {color: #000000; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }

#submenu a {
	text-align:right;
	font-size:11px; 
	font-family:arial, sans-serif; 
	list-style-type:none; 
	text-decoration:none;
	background-color:#fafafa; 
	color:#555;
	display:block; 
	width:120px;
	height:1.5em; 
	margin:12px 0 0 0;
	padding-right:20px; 
	border-right:5px solid #fafafa;
	}
#submenu a:hover {
	color:#333333; 
	border-right:5px solid #aaa;
	}
.submenurastre {
	text-align:right;
	font-size:11px; 
	font-family:arial, sans-serif; 
	list-style-type:none; 
	text-decoration:none;
	background-color:#ffffff; 
	display:block; 
	width:120px;
	height:1.5em; 
	margin:12px 0 0 0;
	padding-right:20px; 
	color:#000000; 
	border-right:5px solid #E02828;
	}


#submenu1 a {
	text-align:right;
	font-size:11px; 
	font-family:arial, sans-serif; 
	list-style-type:none; 
	text-decoration:none;
	background-color:#fafafa; 
	color:#555;
	display:block; 
	width:200px;
	height:1.5em; 
	margin:7px 0 7px 0;
	padding-right:20px; 
	border-right:5px solid #fafafa;
	}
#submenu1 a:hover {
	color:#333333; 
	border-right:5px solid #aaa;
	}
.submenurastre1 {
	text-align:right;
	font-size:11px; 
	font-family:arial, sans-serif; 
	list-style-type:none; 
	text-decoration:none;
	background-color:#ffffff; 
	display:block; 
	width:200px;
	height:1.5em; 
	margin:7px 0 7px 0;
	padding-right:20px; 
	color:#000000; 
	border-right:5px solid #E02828;
	}


.titolemail {color: #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.titolemail {color: #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.titolemail:visited {color: #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; }
a.titolemail:active {color: #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.titolemail:link {color: #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }
a.titolemail:hover {color: #E02828; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration:none; }


/* NOVETATS CONTRAIBLE ------------------------------------------------- */
.showstate { /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.headers {
width: 730px;
font-size: 100%;
color: #DE2825;
background-color: #f7f7f7;
font-weight: bold;
border: 1px dotted #747474;
padding: 7px;
}
.headers1 {
width: 730px;
font-size: 100%;
color: #ffffff;
background-color: #DE2825;
font-weight: bold;
border: 1px dotted #f7f7f7;
padding: 7px;
}
.switchcontent {
width: 730px;
border: 1px dotted #747474;
border-top-width: 0;
padding: 7px;
background-color: #ffffff;
}
.switchcontent1 {
width: 730px;
border: 1px dotted #DE2825;
border-top-width: 0;
padding: 7px;
background-color: #ffffff;
}
/* FI NOVETATS CONTRAIBLE ---------------------------------------------- */





#nav {
  float:center;
  width:100%px;
  line-height:11px;
  display:block;
  margin:0px;
  padding:1px 0px 0px 10px;
  font:400 11px "Lucida Grande","Nimbus Sans Medium",Arial,sans-serif;
  line-height:20px;
  color:#505050;
  background:#FAFAFA;
  text-decoration:none;
  border-top:1px solid #d3d3d3;   
  border-bottom:1px solid #d3d3d3;
  }









/* MENÚ navegació superior ------------------------------------------------------ */
#navlist {
margin: 0;
padding: 0 0 20px 0px;
border-bottom: 0px solid #000; }

#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none; }

#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999; }

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 0px solid #000;
padding-bottom: 2px;
background: transparent;
color: #b00; }

#navlist a:hover { color: #b00; }
/* ------------------------------------------------------------------------------ */

/* PORTAFOLI navegació superior ------------------------------------------------- */
#portafoli_navlist {
margin: 0;
padding: 0 0 20px 0px;
border-bottom: 0px solid #000; }

#portafoli_navlist ul, #portafoli_navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none; }

#portafoli_navlist a:link, #portafoli_navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 4px 0px 4px;
text-decoration: none;
color: #999; }

#portafoli_navlist a:link#current, #portafoli_navlist a:visited#current, #portafoli_navlist a:hover {
border-bottom: 0px solid #000;
padding-bottom: 2px;
background: transparent;
color: #b00; }

#portafoli_navlist a:hover { color: #b00; }
/* --------------------------------------------------------------------------- */

/* CONTINGUT -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------ */