body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#FFFFFF;
	SCROLLBAR-FACE-COLOR: #ECECEC; 
	LEFT: 0px; 
	VISIBILITY: visible; 
	SCROLLBAR-HIGHLIGHT-COLOR: #d4d4d4; 
	OVERFLOW:auto; 
	SCROLLBAR-SHADOW-COLOR: #d4d4d4; 
	COLOR: #5b5b5b; 
	SCROLLBAR-3DLIGHT-COLOR: #ECECEC; 
	SCROLLBAR-ARROW-COLOR: gray; 
	SCROLLBAR-TRACK-COLOR: #ECECEC; 
	SCROLLBAR-DARKSHADOW-COLOR: #ECECEC; 
	SCROLLBAR-BASE-COLOR: #ECECEC;
}

textarea { border: 1px solid #CCCCCC;  background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F;}
input { border: 1px solid #CCCCCC; background-color:#F5F5F5; font-family: Verdana, Arial, Helvetica; font-size: 10px; color:#7F7F7F; height:12px; margin:2px;}
input.button { background-color:#999999; color:#ffffff; height:18px; text-align:center; font-size: 10px; padding-bottom:3px;}

img{
	border:0px;
}

a{
	color:#4C4C4C;
	text-decoration:none;
}

a:hover{
	color:#9BCBD0;
	text-decoration:none;
}

a.selected
{
	color:#9BCBD0;
	text-decoration:none;
}

hr{
	height: 1px;
	color: #F2F2F2;
	background-color: #F2F2F2;
	border: none;
	style: solid;
}

td.linia{
	border-left: 1px solid #F2F2F2;
	padding-left:15px;
}

td.liniasup{
	border-top: 2px solid #929090; !important
	}
/********* Canvas **************/

#contenedor{
	position: absolute; 
    left: 50%; 
    top: 50%; 
    width: 810px; 
    height: 580px; 
    margin-top: -290px; 
    margin-left: -405px; 
}

/********* Home **************/

#contingut_home{
    width: 792px; 
    height: 543px; 
	background-image:url(../img/fons_home.gif);
	padding:5px 7px 5px 7px;
}


#home_img_superior{
    width: 792px; 
    height: 297px; 
	padding:0px;
	margin:0px;
}

#home_logo{
	position:absolute;
	top:265px;
	left:47px;
    width: 380px; 
    height: 85px; 
	padding:0px;
	margin-top:12px;
}

#home_menu{
	position:absolute;
	top:265px;
	left:384px;
    width: 380px; 
    height: 130px; 
	padding:0px;
	margin-top:50px;
	margin-bottom:0px;
	/** border:1px solid #00FF00; **/
}

.home_capa_menu{
	color:#4C4C4C;
	padding:0px;
	line-height:170%;
	margin:0px;
	background-color: #ECECEC;
	width:120px;
	list-style: none;
}

#smn1 {
	position:absolute;
	width:120px;
	z-index:4;
	visibility: hidden;
	padding:0px;
	margin:0px;
}

#smn2 {
	position:absolute;
	width:120px;
	z-index:4;
	visibility: hidden;
	padding:0px;
	margin:0px;
	
}

#smn2 a {
	padding-left: 15px;
	display: block;
	background: transparent url(../img/menuhome_li.gif) no-repeat 8px 6px;
}





#smn3 {
	position:absolute;
	width:120px;
	z-index:4;
	visibility: hidden;
	padding:0px;
	margin:0px;
}

#smn4 {
	position:absolute;
	width:120px;
	z-index:4;
	visibility: hidden;
	padding:0px;
	margin:0px;
}

#home_inf1{
	float:left;
    width: 180px; 
    height: 50px; 
	padding:0px;
	margin-top:170px;
	text-align:center;
	border-right:1px solid #C6C5C2;
}

#home_inf2{
	float:left;
	width: 110px; 
    height: 40px; 
	padding:0px;
	margin-top:150px;
	text-align:left;
	color:#939392;
}

#home_inf3{
	float:left;
    height: 30px; 
	padding:0px;
	margin-top:180px;
	text-align:left;
	color:#939392;
}

a.menu_sup{
	color:#C2C7CF;
	text-decoration:none;
}

a.menu_sup:hover{
	color:#FFFFFF;
	text-decoration:none;
}

a.menu_inf{
	color:#939392;
	text-decoration:none;
}

a.menu_inf:hover{
	color:#000000;
	text-decoration:none;
}

/********* Interiors **************/

#contingut{
    width: 792px; 
    height: 543px; 
	background-image:url(../img/fons.gif);
	padding:5px 7px 5px 7px;
}

#menu_superior{
	width: 792px; 
    height: 35px; 
	padding:0px;
	margin:0px;
	background-image:url(../img/fons_menu.jpg);
}

#menu_left{
	position:absolute;
	top:18px;
	left:15px;
	width: 365px;  
	padding:0px;
	margin:0px; 
	color:#C2C7CF;
}

#menu_right{
	position:absolute;
	top:12px;
	left:353px;
	width: 410px;  
	padding:0px;
	margin:0px;
	text-align:left;
	color:#C2C7CF; 
	/**height: 135px;  border:1px solid #00FF00;**/
}

#img_superior{
    width: 792px; 
    height: 112px; 
	padding:0px;
	margin:0px;
}

#seccio{
    width: 790px; 
    height: 373px; 
	padding:0px;
	margin-top:0px;
	/**border:1px solid #00FF00;**/
	background-image:url(../img/fons_seccions.gif);
}

#seccio_menu{
	float:left;
    width: 145px; 
    height: 320px; 
	padding:5px 0px 0px 15px;
	margin-top:20px;
	text-align:left;
	line-height:170%;
	color:#4C4C4C;
}

#seccio_foto{
	float:left;
	width: 150px; 
    height: 330px; 
	padding:0px;
	margin-top:20px;
	text-align:center;
}

#seccio_text{
	float:left;
	overflow: auto;
	width: 450px; 
    height: 320px; 
	padding:5px 10px 0px 0px;
	margin-top:20px;
	text-align:left;
	color:#929090;
	line-height:120%;
}

.catalogo {
	float:left;
	overflow: auto;
	width: 560px; 
  height: 320px; 
	padding:7px 18px 0px 30px;
	margin-top:20px;
	text-align:left;
	color:#929090;
	line-height:150%;
	text-align:justify;
}

#seccio_text_ample{
	float:left;
	overflow: auto;
	width: 560px; 
    height: 320px; 
	padding:7px 18px 0px 30px;
	margin-top:20px;
	text-align:left;
	color:#929090;
	line-height:150%;
	text-align:justify;
}

#seccio_text_links{
	float:left;
	overflow: auto;
	width: 560px; 
    height: 320px; 
	padding:7px 18px 0px 30px;
	margin-top:20px;
	text-align:left;
	color:#929090;
}
.text_color{
	color:#70AEC7;
}

.text_color_tit, h4 {
	color:#70AEC7;
	font-size: 110%;
	text-transform:uppercase;
}

.text_alert{
	color:#FF0000;
}

.text_negre{
	color:#000000;
}

/********* Llista de Productes *********************/

.prod
{
list-style-type: none;
padding: 0;
margin: 0;
}

.prod li 
{
	background-image: url(../img/ico_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/********* Peu **************/

#peu{
    width: 790px; 
	text-align:right;
	padding-top:8px;
}

.peu_blau{
	color:#5775AD;
}

.peu_gris_clar{
	color:#999999;
}

div.catalogo {
}

div.catalogo a.pdf {
	background: transparent url(../img/icon_pdf.gif) no-repeat 0 100%;
}

div.catalogo ul#breadcrumbs, div.catalogo ul.categorias-a, div.catalogo ul.categorias-b, div.catalogo ul.categorias-b ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.catalogo ul#breadcrumbs li , div.catalogo ul.categorias-a li, div.catalogo ul.categorias-b li, div.catalogo ul.categorias-b ul li {
	margin: 0;
	padding: 0;
}

div.catalogo ul#breadcrumbs {
	margin-top: 0px;
	height: 20px;
}

div.catalogo ul#breadcrumbs li {
	float: left;
	padding-right: 1.5em;
	padding-left: 1em;
	background: transparent url(../img/bc_sep.gif) no-repeat 100% 6px;
}

div.catalogo ul#breadcrumbs li.ultim {
	background-image: none;
}

div.catalogo ul#breadcrumbs li a {
	color: #426cc0;
	font-weight: bold;
}

div.catalogo ul#breadcrumbs li a:hover {
	color: #2bbbc0;
}



div.catalogo ul.categorias-a {
	clear: left;
	margin-top: 10px;
}

div.catalogo ul.categorias-a li {
	float: left;
	width: 130px;
}

div.catalogo ul.categorias-a li a.foto {
	padding: 0 10px 0 10px;
	outline: 0;
	display: block;
}

div.catalogo ul.categorias-a li a.text {
	text-align: center;
	display: block;
	width: 110px;
	padding: 0 2px 15px 10px;
}



div.catalogo ul.categorias-a li a.text:hover {
	color: #426cc0;
}

div.catalogo ul.categorias-a li a.pdf {
	background-position: 63px 1px;
	background-image: url(../img/icon_pdf_on.gif);
}

div.catalogo div.subcat-fotos {
	float: left;
	width: 110px;
	margin: 10px 0 0 0;
}

div.catalogo ul.categorias-b {
	margin-top: 10px;
	padding-bottom: 20px;
	margin-left: 140px;
}

div.catalogo ul.categorias-b * {
	outline: 0;
}

div.catalogo ul.categorias-b a.pdf {
	padding-left: 20px;
	padding-right: 60px;
	background-position: 95% 4px;
	display: block;
	padding-top: 5px;
	padding-bottom: 7px;
}

div.catalogo ul.categorias-b a.toggle {
	display: block;
	height: 20px;
	background: transparent url(../img/extends.gif) no-repeat 95% 0;
}

div.catalogo ul.categorias-b li {
	padding: 5px 0;
	border-bottom: 1px dashed #ccc;
}

div.catalogo ul.categorias-b ul {
	margin-top: 5px;
	border-top: 1px dashed #ccc;
	display: none;
}

div.catalogo ul.categorias-b ul li {
	margin-left: 0px;
	border-bottom: none;
	padding: 2px 0;
}

div.catalogo ul.categorias-b ul li.odd {
	
}

div.catalogo ul.categorias-b a {
	font-weight: bold;
	font-size: 13px;
}

div.catalogo ul.categorias-b a:hover {
	color: #426cc0;
}

div.catalogo ul.categorias-b ul a {
	font-weight: normal;
	font-size: 9px;
}

div.catalogo ul.categorias-b ul a:hover {
	color: #000;
}

div.catalogo hr {
	clear: left;
	height: 0;
	padding-top: 10px;
	border-bottom: 1px dashed #ccc;
}