/* =========================  NOU DISSENY =============================================================
body, html (line 27)
{
	background: url(Fons_Diagonal.gif);
/*background-image: url(/i/body-bg-2.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
}

body (line 29)

{
	background: url(Fons_Diagonal.gif);
padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
color: #444444;
font-family: "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 76%;
line-height: 1.5;
font-size-adjust: none;
font-stretch: normal;

}* (line 23)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

#wrap (line 38)
{
position: relative;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
min-width: 600px;
max-width: 70em;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
}
=========================  NOU DISSENY =============================================================*/
body {
 /*background: #e9e9e9 url(Fons.png) top repeat-y;*/
	background: #999999 url(Fons2.png) top repeat-y;

}
p {
	line-height: 18px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}
/*=========================================================================================================
    CAPCELERES
==========================================================================================================*/
#Cap0_100 {
	width: 765px;
	height: 26px;
	background: #ffffff;
}
#Cap0_750 {
	width: 765px;
	height: 26px;
	text-align: center;
	margin: auto;
}
#Cap0_Esq {
	float: left;
	width: 180px;
	/*background: url(Logo_Bl.png) bottom left no-repeat;*/
	height: 22px;
}
#Cap0_Dret{
	vertical-align: bottom;
	float: right;
	width: 550px;
	padding-right: 4px;
}
#Cap_Top_100 {
	/*margin: 2px 10px 0px 10px;*/
	width: 775px;
	position: relative;
	background: #ffffff;
	/*border-bottom: 1px #999 solid;*/
}
#Cap_Top_750 {
	width: 765px;
	/*text-align: center;*/
	background: #36393D;
	padding: 0;
	margin: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	/*border-bottom: 1px #666 solid;*/
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
	/*height: 31px;*/
}
#Cap_Menu_100 {
	width: 775px;
	/*border-bottom: 1px #666 solid;*/
	height: 40px;
	Display: block;
	vertical-align: bottom;
	/*background: url(Fons_Diagonal.gif);*/
	background: #ffffff;
}
#Cap_Menu_750 {
	width: 765px;
	height: 40px;
	background: #36393D;
	text-align: center;
	vertical-align: bottom;
	margin: auto;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
}
#Cap_Menu_Esq {
	float: left;
	display: block;
	width: 10px;
	padding-left: 10px;
	/*background: url(Cantonera_Esq.png) no-repeat top left;*/
}
#Cap_Menu_Mig {
	/*float: left;*/
	display: block;
	width: 500px;
	padding-left: 10px;
	background: url(Cantonera_Esq.png) no-repeat top left;
}
#Cap_Menu_Dret{
	display: block;
	float: right;
	width: 10px;
	padding-right: 4px;
	/*background: url(Cantonera_Dret.png) no-repeat top right;*/
}
#Cap_MenuPro_100 {
	width: 775px;
	background: #ffffff url(Fons_Mig.png) repeat-x top left;
	border-bottom: solid 1px #fff;
}
#Cap_MenuPro_750 {
	width: 765px;
	height: 27px;
	background: url(Fons_Menu_2.png) repeat-x top;
	text-align: center;
	margin: auto;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
}
#Cap_MenuAbo_100 {
	width: 775px;
	background: #ffffff;
	border-bottom: solid 1px #fff;
}
#Cap_MenuAbo_750 {
	width: 765px;
	height: 12px;
	text-align: center;
	margin: auto;
	background: url(Fons_Menu_2.png) repeat-x top;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
}
#Cap_Commerce_100 {
	width: 775px;
	background: #ffffff;
	border-bottom: solid 1px #fff;
}
#Cap_Commerce_750 {
	width: 765px;
	height: 12px;
	text-align: center;
	margin: auto;
	background: #FF6600 url(Fons_Menu_2_.png) repeat-x top;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
}
#Cap_MenuCom_100 {
	width: 775px;
	background: #ffffff url(Fons_Mig.png) repeat-x top left;
	border-bottom: solid 1px #fff;
}
#Cap_MenuCom_750 {
	width: 765px;
	height: 31px;
	/*background: url(Fons_Menu_2.png) repeat-x top;*/
	background: #666;
	text-align: center;
	/*margin: auto;*/
	margin-bottom: 10px;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
}

#Cap_Library_100 {
	width: 775px;
	background: #ffffff;
	border-bottom: solid 1px #fff;
}
#Cap_Library_750 {
	width: 765px;
	height: 12px;
	text-align: center;
	margin: auto;
	background: #005329 url(Fons_Menu_2_.png) repeat-x top;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
}

#Cap_Img_100 {
	width: 775px;
	/*position: relative;*/
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
	/*background: url(Fons_Body_Diag.png);*/
	background: #ffffff;
	border-bottom: #fff 1px solid;
	border-top: #fff 1px solid;
}
#Cap_Img_750 {
	width: 765px;
	text-align: center;
	margin: auto;
	/*border-left: #999 1px solid;
	border-right: #999 1px solid;*/
}
#Cap_Img_750 .current {
	background: url(Imatges/Menu_Sup_Pro_Bnd_1.jpg);
}
#Cap_Inf_100 {
	width: 775px;
	position: relative;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
	margin: auto;
	/*background: url(Fons_Diagonal.gif) #fff;*/
	background: #fff;
}
#Cap_Inf_750 {
	width: 748px;
	/*text-align: center;*/
	/*padding: 1px 0 15px 0;*/
	padding: 0;
	margin: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;	
	background: #fff;
	height: 26px;
}
#Cap_Inf_750_commerce {
	width: 763px;
	/*text-align: center;*/
	/*padding: 1px 0 15px 0;*/
	padding: 0;
	margin: 2px 0 2px 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;	
	background: #FFE4D2;
	height: 60px;
	border: #CCCCCC solid 1px;
}
#Caixa_User_Commerce {
	/*position: absolute;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	padding: 11px 0 5px 14px;
	text-align: left;
	margin: auto;
	width: 435px;
	float: left;
}
#Caixa_User_Commerce .client {
	/*position: absolute;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	/*padding: 6px 0 5px 1px;
	text-align: left;
	margin: auto;
	width: 435px;
	float: left;*/
}
#Caixa_Client_Commerce {
	/*position: absolute;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	padding: 11px 0 5px 14px;
	text-align: left;
	margin: auto;
	width: 300px;
	float: right;
	background: url(Lin_Client_Comm.png) left center no-repeat;
	height: 40px;
}
#Caixa_Client_Commerce .txt {
	/*position: absolute;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	/*padding: 6px 0 5px 1px;
	text-align: left;
	margin: auto;
	width: 435px;
	float: left;*/
}
.Localitzats_Comm {
	border-top: #FF6600 solid 3px;
	border-bottom: #000000 solid 1px;
}
.Localitzats_Comm_Titol {
	/*border-top: #FF6600 solid 3px;*/
	border-bottom: #FF6600 solid 3px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}
#Caixa_User {
float: right;
width: 300px;
margin-top: 2px;
}
.columna {
float: left;
margin: 0;
}
#User {
padding: 5px 0 3px 25px;
background: url(User.jpg) left center no-repeat #fff;
text-align: left;
float: right;
}
#Idm {
width: 120px;
border: 1px #666 solid;
}
#Sist {
width: 130px;
border: 1px #666 solid;
height: 22px;
}
#Cos1 {
	width: 775px;
	text-align: center;
	margin: auto;
	border-top: #ccc 1px solid;
	background: #ffffff;
	/*position: relative;*/

}
#Cos2 {
	width: 775px;
	margin: auto;
	/*background: #000;*/
	padding: 0;
	background: #ffffff;
}
#Esq {
	float: left;
	width: 195px;
}
#Dret{
	float: right;
	width: 560px;
	padding-right: 6px;
	background: #fff;
}
#Tot {
	float: left;
	width: 774px;
	padding-right: 1px;
	background: #fff;
}
#Tot2 {
	float: left;
	width: 735px;
	padding-right: 20px;
	padding-left: 20px;
	background: #fff;
}
#Tot_Jommla {
	float: left;
	width: 583px;
	padding-right: 1px;
	background: #fff;
}

#clear {
	clear: none;	
}
#onets_list {
	/*position: absolute;*/
	font-size: 10px;
	font-weight: bold;
	color: #666;
	padding: 6px 0 5px 1px;
	text-align: left;
	margin: auto;
	width: 435px;
	float: left;
}
#onets_list ul   {
    list-style: none;
	margin: 0;
	padding: 0;
	/*display: block;*/
}
#onets_list li  {
	margin: auto;
	padding: 0 15px 0 13px;
	float: left;
	background: url(Li_4.gif) no-repeat left;
}

#Peu_100 {
	width: 100%;
	position: relative;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;*/
	margin: auto;
	float: left;
}
#Peu_750 {
	width: 765px;
	/*text-align: center;*/
	/*padding: 1px 0 15px 0;*/
	padding: 0;
	margin: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;	
	background: url(Fons_Peu.png) top repeat-x #fff;
	/*height: 26px;*/
}
.Peu_1 {
	border-left: dashed 1px #999;
	border-right: dashed 1px #999;
	
}
#Peu3 {
 background-color: #A3A38F;
 margin: 5px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
}
/*=========================================================================================================
      PROVA CSS EN 2 COLUMNES - IMPORT -
==========================================================================================================/*
/* <![CDATA[ */

/*body {
	margin:0; padding:0;
	background:silver;
	text-align:center;
	}*/

#content {
	width: 98%;
	margin:1em auto;
	border: 1px solid black;
	text-align:left;
	max-width: 1024px;
	/*max-width: 1024px;*/
	}

#sidebar {
	float: left;
	width: 180px;
	margin:0; 
	padding:0;
	}

#sidebar-content {
	margin:0; padding: 0.5em 1em;
	font-size: 70%;
	}

#main {
	margin:0 0 0 180px; 
	padding:0;
	/*width: 450px;*/
	}

#main-content {
	margin:0; padding: 0.5em 1em;
	font-size: 100%;
	}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; 
	padding:0;
	border:none;
	visibility: hidden;
	}

/* ]]> */
/*=========================================================================================================
    MENUS
==========================================================================================================*/
#Menu_Top_1B {
	width: 200px;
	float: left;
	/*position: relative;
	bottom: 29px;
	right: 10px;*/
	padding-top: 10px;
}
#Menu_Top_1B ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}
#Menu_Top_1B li  {
	margin: 0;
	padding: 0;
	padding-left: 2px;
	float: right;
}
#Menu_Top_1B a    {
	font-size: 10px;
	font-weight: bold;
	width: 97px;
	/*letter-spacing: 1px;*/
	color: #ccc;
	/*height: 22px;*/
	text-decoration: none;
	display: block;
	float: left;
	padding: 11px 1px 7px 1px;
    /*border-bottom: 1px #666 solid;*/
	/*line-height: 9pt;*/
	background: url(Tab_B2.png) no-repeat bottom left;
}

#LE {
	Float: left;
	Background: #990033;
}
#RI {
	Float: right;
	/*Background: #666666;*/
}

#Menu_Top_1 {
	/*width: 400px;
	float: right;*/

	width: 100%;
	float: left;
	/*position: relative;
	bottom: 29px;
	right: 10px;*/
	padding-top: 10px;
}
#Menu_Top_1 ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}
#Menu_Top_1 li  {
	margin: 0;
	padding: 0;
	padding-left: 2px;
	float: right;
}
#Menu_Top_1 a    {
	font-size: 10px;
	font-weight: bold;
	width: 97px;
	/*letter-spacing: 1px;*/
	color: #ccc;
	/*height: 22px;*/
	text-decoration: none;
	display: block;
	float: left;
	padding: 11px 1px 7px 1px;
    /*border-bottom: 1px #666 solid;*/
	/*line-height: 9pt;*/
	background: url(Tab_B2.png) no-repeat bottom left;
}
#Menu_Top_1 .my a    {
	background: url(Tab_B2_My.png) no-repeat bottom left;
	width: 130px;
	text-align: left;
	padding-left: 30px;
	
}
#Menu_Top_1 .my a:hover    {
	color: #fff;
	background: url(Tab_B2_My.png) no-repeat bottom left;
}

* html #Menu_Top_1 a {width: 99px} /* IE width Hack */ 

#Menu_Top_1 a:hover    {
	color: #fff;
	background: #e9e9e9;
	background: url(Tab_C2.png) no-repeat bottom left;
}
#Menu_Top_1 .current  a  {
	color: #fff;
    /*border-bottom: 1px #fff solid;*/
	background: url(Tab_D2.png) no-repeat bottom left;
}
#Menu_Top_1 .visitor  a  {
	/*color: #fff;*/
    /*border-bottom: 1px #fff solid;*/
	text-align: left;
	padding-left: 18px;
	background: url(Tab_Visitor.png) no-repeat left;
}
#Menu_Top_1 .mail  a  {
	/*color: #fff;*/
    /*border-bottom: 1px #fff solid;*/
	text-align: left;
	padding-left: 18px;
	background: url(Tab_Mail.png) no-repeat left;
}
/*IE5-Mac Hac|*/
#Menu_Top_1  {
     float: none;
}


#Menu_Top_2 {
	width: 748px;
	float: left;
}
#Menu_Top_2 ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}
#Menu_Top_2 li  {
	margin: 0;
	padding: 0;
	float: left;
}
#Menu_Top_2 a    {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 15px 3px 10px;
	background: url(Fons_Menu_2_Sep.png) top no-repeat right;
	/*line-height: 9pt;*/
}
#Menu_Top_2 a:hover    {
	color: #999;
}
#Menu_Top_2 .current  a  {
	color: #333;
	background: url(Fons_Menu_2_Sel.png) top repeat-x left;
	/*background: url(Tab_Pro_2.gif) repeat-x top right;*/
	border-bottom: 3px #fff solid;
}
#Menu_Top_2 .NoLink__ {
	color: #333;
	background: url(Fons_Menu_2_Sep.png) top no-repeat left;
	padding: 4px;
}
/*IE5-Mac Hac|*/
#Menu_Top_2  {
     float: none;
}

#Menu_Top_2_Commerce {
	width: 748px;
	float: left;
}
#Menu_Top_2_Commerce ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}
#Menu_Top_2_Commerce li  {
	margin: 0;
	padding: 0;
	float: left;
}
#Menu_Top_2_Commerce a    {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 25px 8px 20px;
	border-right: #fff solid 1px;
	/*background: url(Fons_Menu_2_Sep.png) top no-repeat right;*/
	/*line-height: 9pt;*/
}
#Menu_Top_2_Commerce a:hover    {
	color: #fff;
	background: #000;
}
#Menu_Top_2_Commerce .current  a  {
	color: #fff;
	background: #000;
	font-weight: bold;
}
#Menu_Top_2_Commerce .NoLink__ {
	color: #333;
	background: url(Fons_Menu_2_Sep.png) top no-repeat left;
	padding: 4px;
}
/*IE5-Mac Hac|*/
#Menu_Top_2_Commerce  {
     float: none;
}


#Menu_Top_3 {
	/*width: 250px;*/
	float: left;
}
#Menu_Top_3 ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}
#Menu_Top_3 li  {
	margin: 0;
	padding: 0;
	float: right;
}
#Menu_Top_3 a    {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BBBBBB;
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 15px 3px 10px;
	/*line-height: 9pt;*/
}
#Menu_Top_3 a:hover    {
	color: #666;
}
#Menu_Top_3 .current  a  {
	color: #fff;
	background: url(Tab_Pro_2.gif) repeat-x top right;
	border-bottom: 3px #fff solid;
}
#Menu_Top_3 .my  a  {
	background: url(Tab_My.png) no-repeat center left;
	padding: 5px 25px 4px 30px;
}

/*IE5-Mac Hac|*/
#Menu_Top_3  {
     float: none;
}
/* ==============================================================================
                                                         MENU LATERAL 
=============================================================================== */
#MenuLateral {
	background: transparent url("Pest_mig.png") top center repeat-y;
	width: 100%;
}

#MenuLateral ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}

#MenuLateral a {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 2px;
	margin: 0 20px 0 20px;
	/*background-color: #E8E8E8;*/
	background: transparent;
	text-align: left;
	color: #2f2f2f;
	border-bottom: 1px #cccccc solid;
	border-top: 1px #ffffff solid;
	/*border-left: 1px #ffffff solid;*/
}
#MenuLateral a:hover,   
#MenuLateral .new a:hover   
 {
	color: #990033;
	background: url(icon.gif) no-repeat right #F4F4F4;
	padding: 5px 0 5px 2px;
}
#MenuLateral .tit {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 2px;
	margin: 0 18px 5px 18px;
	text-align: left;
	color: #666;
	border-bottom: 2px #cccccc solid;
	background: transparent url(Fons_Titol.jpg) no-repeat top;
}
#MenuLateral .tit_library {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 2px;
	margin: 0 18px 0 18px;
	text-align: left;
	color: #666;
	border-bottom: 2px #cccccc solid;
	background: transparent url(Fons_Titol.jpg) no-repeat top;
}
#MenuLateral .current a  {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #000;
	display: block;
	text-align: left;
	font-weight: bold;
	background: transparent url(icon.gif) no-repeat right;
}
#MenuLateral .new a  {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #000;
	display: block;
	text-align: left;
	/*font-weight: bold;*/
	background: transparent url(icon-new.gif) no-repeat right;
}
#MenuLateral .NoLink  {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 2px;
	margin: 0 20px 0 20px;
	text-align: left;
	color: #999;
	border-bottom: 1px #cccccc solid;
	border-top: 1px #ffffff solid;
}
#MenuLateral .Pest_Sup   {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url("Pest_Sup.png") center bottom no-repeat;
	height:15px;
}
#MenuLateral .Pest_Inf   {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url("Pest_Inf.png") center top no-repeat;
	height:15px;
}
#MenuLateral .Pestanya2   {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #444;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ccc;
	border-bottom: 1px #aaa solid;
	border-top: 1px #eee solid;
	border-left: 1px #ffffff solid;
}
#MenuLateral .Pestanya   {
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #444;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 14px;
	background: url(../Imatges/Pestanya__.gif) no-repeat  bottom left;
}
#MenuLateral .caixabusc a  {
	padding: 0;
	margin: 0;
	text-align: left;
	width: 20px;
	height: 20px;
	background: #fff url(Cerca.png) no-repeat top;
}
#MenuLateral .caixabusc a:hover  {
	padding: 0;
	margin: 0;
	text-align: left;
	width: 20px;
	height: 20px;
	background: #fff url(Cerca2.png) no-repeat top;
}
#MenuLateral .caixabusc   {
	padding: 5px;
	margin: 0;
	text-align: left;
	width: 100%;
	/*background: #000;*/
}
#MenuLateral .Pestanya_Busc   {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #444;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 14px;
	background: url(../Imatges/Pestanya__busc.gif) no-repeat  bottom left;
}
#MenuLateral .Pestanya_Net   {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #444;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 14px;
	background: url(My__esbelt.jpg) no-repeat  top left;
}
#MenuLateral .MyEsbelt   {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #444;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 14px;
	background: url(Myesbelt.jpg) no-repeat bottom center;
	width: 140px;
	height: 140px;
	margin-left: 25px;
}
.MenuLateralFons {
	background: url(Pest_fons.png) repeat-y bottom center;
}

/* =============================================================================================
       Menu Lateral PRODUCT  "LatProduct" 
================================================================================================*/


#LatProduct {
	background: transparent url("Prod_ini_Mid.png") top center repeat-y;
	width: 100%;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#LatProduct ul   {
    list-style: none;
	margin: 0;
	padding: 0;
}

#LatProduct a {
	text-decoration: none;
	display: block;
	padding: 8px 0 8px 2px;
	margin: 0 20px 0 20px;
	background: transparent;
	text-align: left;
	color: #2f2f2f;
	border-bottom: 1px #cccccc solid;
	border-top: 1px #ffffff solid;
}
#LatProduct a:hover  {
	color: #990033;
	background: url(icon.gif) no-repeat right #F4F4F4;
	padding: 8px 0 8px 2px;
}
#LatProduct .tit {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 2px;
	margin: 0 16px 0 16px;
	text-align: left;
	color: #fff;
	border-bottom: 2px #cccccc solid;
	background: url("Prod_ini_Tit_4.png") center top no-repeat;
}
#LatProduct .Pest_Sup   {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url("Prod_ini_Top_4.png") center bottom no-repeat;
	height:15px;
}
#LatProduct .Pest_Inf   {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url("Prod_ini_Bot.png") center top no-repeat;
	height:15px;
}
/*===============================================================================================
         HOME PAGE
===============================================================================================*/
.frase_esbelt {
	/*font-family: courier, serif;*/
	font-family: "Times New Roman";
	font-size: 24px;
	/*font-style: italic;*/
	/*font-weight:bold;*/
	color: #666;
}
.introduccio_esbelt {
	/*font-family: courier, serif;*/
	font-family: "Times New Roman";
	font-size: 18px;
	/*font-style: italic;*/
	/*font-weight:bold;*/
	color: #666;
	padding: 2px 15px 4px 20px;
	line-height: 25px;
}
.introduccio_esbelt h4 {
	color:#990033;
}
#seccio {
	background: url(Fons_Menu_2_Sel.png) repeat-x 0px -3px;
	width: 95%;
}

/*#seccio .titol_seccio {
	font-family: "Times New Roman",Times,serif;
	text-shadow: #cccccc;	
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #333;
    line-height: 15px;
	padding: 0 0 3px 15px;
	background: url(Li_14.png) no-repeat 0px 2px;
	border-bottom: solid #990033 2px;
}*/

#seccio .titol_seccio {
	font-family: "Times New Roman",Times,serif;
	/*text-shadow: #cccccc;	*/
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #fff;
    line-height: 15px;
	padding: 6px 0 3px 32px;
	/*padding: 0 0 3px 30px;*/
	background: url(Fons_Seccio.png) no-repeat 0px 0px;
	/*border-bottom: solid #990033 2px;*/
	/*border-bottom: dotted #666666 1px;*/
}
#seccio .contacta {
	/*font-family: "Times New Roman",Times,serif;*/
	/*text-shadow: #cccccc;	*/
	font-size: 11px;
	font-weight: bold;
	color: #666;
	padding: 3px 0 3px 0;
}
#fotohome1, #fotohome2, #fotohome3, #fotohome4, #fotohome5 {
	width: 100%;
	height: 450px;
}
#fotohome1 {
	background: url(../Imatges/home/Mar_002.jpg) no-repeat;
}
#fotohome2 {
	background: url(../Imatges/home/Mar_003.jpg) no-repeat;
}
#fotohome3 {
	background: url(../Imatges/home/Mar_003.jpg) no-repeat;
}
#fotohome4 {
	background: url(../Imatges/home/Focs_001.jpg) no-repeat;
}
#fotohome5 {
	background: url(../Imatges/home/Nadal_001.jpg) no-repeat;
}
#fotohome1 .text, #fotohome2 .text, #fotohome3 .text, #fotohome4 .text, #fotohome5 .text {
	font-family: "Times New Roman",Times,serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
    line-height: 26px;
	/*padding: 400px 10px 3px 10px;*/
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#fotohome1 .frase , #fotohome2 .frase, #fotohome3 .frase, #fotohome4 .frase, #fotohome5 .frase{
	font-family: "Times New Roman",Times,serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
    line-height: 16px;
	/*padding: 400px 10px 3px 10px;*/
	text-align: left;
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 350px;
}
.taula {
	padding: 2px 5px 2px 5px;

}
#MyEsbelt  {
	background: url(MyEsbelt.jpg) repeat-x 0px -3px;
	width: 95%;
	padding: 10px 0 10px 0;
	height: 225px;
}
#MyEsbelt_Caixa {
	background: url(My.png) #e9e9e9 no-repeat right ;
	font-family: "Times New Roman";
	font-size: 16px;
	font-weight: bold;
	color: #666;
	line-height: 22px;
	width: 95%;
	padding: 12px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
}

/*===============================================================================================
          IMATGES BANNERS SUPERIOR
===============================================================================================*/

#Img_BND {
	background: url(../Imatges/Banner/Prod_BND2.jpg) no-repeat center;
	height: 110px;
	color: #333;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_ACC {
	background: url(../Imatges/Banner/Prod_ACC.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_CTR {
	background: url(../Imatges/Banner/Prod_CTR.jpg) no-repeat top center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_COR {
	background: url(../Imatges/Banner/Prod_COR.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_OTH {
	background: url(../Imatges/Banner/Prod_OTH2.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_MAQ {
	background: url(../Imatges/Banner/Prod_MAQ.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_APL {
	background: url(../Imatges/Banner/SUP_Aplic_002.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_ABO {
	background: url(../Imatges/Banner/SUP_Abo_002.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_ABO2 {
	background: url(../Imatges/Banner/SUP_Abo_005.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
#Img_COM {
	background: url(../Imatges/Banner/Com_2.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	text-shadow: 8px;
	padding: 8 6 7 0;
	
}
/*div[id=Img_COM] {
	color: #000 !important; 
	}
*/
#Img_LIB{
	background: url(../Imatges/Banner/Lib_6.jpg) no-repeat center;
	height: 110px;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;	
	font-size: 22px;
	text-align: right;
	padding: 8 6 7 0;
}
/* =====================================================================================================
     FORMULARIS
=======================================================================================================*/
select .menunegre { 
background-color: #333;
font:10px verdana, arial, helvetica, sans-serif;
color:#FFF;
border: #fff solid 1px;
}

/* =======================================================================================================
    BOTONS
==========================================================================================================*/
#boto-negre {
	font-size: 12px;
	color: #FF9900;
}

#boto-negre a {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: right;
	padding: 15px 15px 15px 15px;
	width: 150px;
	margin: 0 0 0 2px;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background: #333333;
}

#boto-negre a:hover, #boto-negre a:active, #boto-negre a:focus {
	font-size: 12px;
	background: #666666;

}

/* ========================================================================
    Botó Cerca clients Commerce 
===========================================================================*/
#BT_Comm li    {
	background: #990033;
	margin: 0;
	padding: 3;
	float: right;
	border-bottom: 1px solid black;
}

#BT_Comm a    {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	background: #CCCCCC;
	display: block;
	float: right;
	border: #999999 solid 1px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-right: 10px;
	/*float:right;*/
}

#BT_Comm a:hover    {
	background: #333;
	color: #fff;
}


/* =====================================================================================================
     QUADRE LATERAL  --- RECTE 
=======================================================================================================*/
#quadre_lateral  {
	/*background:#E7E7DA;   COLOR SEPIA   */
	background:#EFEFEF;
	border-top: solid #999 3px;
	border-bottom: solid #999 1px;
	/*border-top: solid #999966 3px;   COLOR SEPIA  */
	/*border-bottom: solid #999966 1px;  COLOR SEPIA */
	padding: 7px 6px 10px 6px;
	text-align: left;
	width: 90%;
	margin: 12px 0 12px 0;
}

#quadre_lateral h3 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia,"Times New Roman",Times,serif;	
}
#quadre_lateral p{
	font-size: 11px;
	font-family: Verdana,Arial,Times,serif;	
}

.quadre_login{
	background-color: #f1f3f5;
	border: 1px solid #ccc;
}
.quadre_login_sub{
	background-color: #e9ecef;
	border: 1px solid #ccc;
}
.titol_login {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana,Arial,Times,serif;	
}


/* =====================================================================================================
     QUADRE PER OPCIONS --- RODO BLAU   (  Exemple. Auto-Catàleg 2008 )
=======================================================================================================*/
.quadre_autocat_sup  {
	background: url(AutoCatSup.jpg) no-repeat left top;
	padding: 25px 2px 5px 30px;
	text-align: left;
	color: #ffffff;
}
.quadre_autocat_mig {
	background: url(AutoCatMig2.jpg) repeat-y left top;
	padding: 1px 2px 5px 20px;
	text-align: left;
	color: #ffffff;
	border-top: 1px solid #dddddd;
}
.quadre_autocat_inf  {
	background: url(AutoCatInf.jpg) no-repeat left bottom;
	padding: 2px 2px 5px 30px;
	color: #ffffff;
	border-top: 1px solid #dddddd;
	height: 90px;
}
.quadre_autocat_text {
	text-align: left;
	color: #ffffff;
	line-height:20px;
	padding: 2px 0 5px 0;
}
.quadre_autocat_sup_tit {
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.quadre_autocat_linia{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 0 5px 0 5px;
}
/* =====================================================================================================
     QUADRE PER OPCIONS --- RECTE   (  Exemple. Auto-Catàleg )
=======================================================================================================*/
#quadre_opcio  {
	background:#E7E7DA;
	border-top: dashed #999966 1px;
	border-bottom: dashed #999966 1px;
	/*background:#E7FFB3; // Verd Fort
	border-top: dashed #7BB700 1px; // Verd Fort
	border-bottom: dashed #7BB700 1px; // Verd Fort*/
	padding: 5px 2px 5px 15px;
	text-align: left;
	width: 90%;
}

#quadre_opcio h3 {
	color: #999966;
	/*color: #7BB700; // Verd Fort */
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia,"Times New Roman",Times,serif;	
}
#quadre_opcio p{
	font-size: 11px;
	font-family: Verdana,Arial,Times,serif;	
}

/* =====================================================================================================
     QUADRE VERT --- RECTE   (  Exemple. Filtres banda)
=======================================================================================================*/
#quadre_opcio_vert  {
	background:#D9F2D9;
	border: solid #999999 1px;
	padding: 5px 2px 5px 15px;
	margin: 6px 0 2px 0;
	text-align: left;
	width: 90%;
}


/* =====================================================================================================
     QUADRES AMB CANTONADES RODONES però sense vores
=======================================================================================================*/

dl.curved p.info {
	background:#DBFF91 url(Info_Verd.png) top left no-repeat; 
	font-size: 11px;
	font-family: verdana, arial;
	margin:5px 0; 
	padding:0; 
	width:96%;
	/*text-align:center; */
}
dl.curved {
	background:#DBFF91 url(c_tl.gif) top left no-repeat; 
	font-size: 11px;
	font-family: verdana, arial;
	margin:5px 0; 
	padding:0; 
	width:96%;
	/*text-align:center; */
}
dl.curved dt {
	background:transparent url(c_tr.gif) top right no-repeat; 
	padding:10px; 
	text-align:center; 
	color: #8ED200;
	font-size: 15px;
	font-weight: bold;
	font-family: Courier New, Courier, Times New Roman;
}
dl.curved dd {
	background:#DBFF91 url(c_bl.gif) bottom left no-repeat; 
	padding:0; 
	margin:0;
}
dl.curved dd p {
	margin:0; 
	padding:8px; 
	line-height:1.3em;
}
dl.curved dd p.last {
	background:transparent url(c_br.gif) bottom right no-repeat; 
}


/* ================================================================================================
                 BOX CANTONADES RODONES     Sense Ombra
==================================================================================================*/

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px;}
#xsnazzy h1 {font-size:1.1em; color:#7BB700;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.8em;}
#xsnazzy h2 {padding-top:0.5em;}
/*#xsnazzy {background: transparent; margin:1em; width:93%;}*/
#xsnazzy {background: transparent; margin:5px 5px 5px 10px;}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#E7FFB3; border-left:1px solid #7BB700; border-right:1px solid #7BB700;}
.xb1 {margin:0 5px; background:#7BB700;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#E7FFB3; border:0 solid #7BB700; border-width:0 1px; text-align:left;}


/* ===================================================================================
                    PRODUCTE  INICI 
===================================================================================== */
/*
#product_ini a:link, #product_ini a:visited {
	margin: 10px 7px 0 7px;
	float: left;
	width: 140px;
	background: #e9e9e9;
	border-top: 7px solid #999999;
	border-bottom: 5px solid #999999;
}
#product_ini a:hover {
	background: #fff;
	border-top: 7px solid #990033;
	border-bottom: 5px solid #990033;
}
#product_ini h4 {
	margin: 0;
	padding: 4 0 4 3;
	color: #666666;
	border-bottom: 2px solid #999999;
	font-size: 12px;
	font-family: verdana, arial;
}
#product_ini p {
	padding: 0 0 0 3;
	color: #000000;
	font-size: 11px;
	font-family: verdana, arial;
}

*/
#product_ini a:link, #product_ini a:visited {
	margin: 10px 7px 0 7px;
	float: left;
	width: 140px;
	background: #e9e9e9;
	border-top: 7px solid #999999;
	border-bottom: 5px solid #999999;
}
#product_ini a:hover {
	background: #fff;
	border-top: 7px solid #990033;
	border-bottom: 5px solid #990033;
}
#product_ini h4 {
	margin: 0;
	padding: 4 0 4 3;
	color: #666666;
	border-bottom: 2px solid #999999;
	font-size: 12px;
	font-family: verdana, arial;
}
#product_ini p {
	padding: 0 0 0 3;
	color: #000000;
	font-size: 11px;
	font-family: verdana, arial;
}

#prod_ini {
	float: left;
	width: 180px;
	
}
#prod_ini .top {
	background: url(Prod_ini_Top.png) top center no-repeat;
	height: 20px;
}
#prod_ini .mid {
	background: url(Prod_ini_Mid.png) top center repeat-y;
	padding: 5 0 0 9px;
	/*eight: 20px;*/
}
#prod_ini .bot {
	background: url(Prod_ini_Bot.png) bottom center no-repeat;
	height: 20px;
}
#tooltip {
	color: #666666;
	font-size: 10px;
	font-family: verdana, arial;
}
a.tooltip {color:#003399;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-20px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:200px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}


.BT_CercaRodo a  {
	padding: 0;
	margin: 0;
	text-align: left;
	width: 20px;
	height: 20px;
	background: #fff url(Cerca.png) no-repeat top;
}
.BT_CercaRodo a:hover  {
	padding: 0;
	margin: 0;
	text-align: left;
	width: 20px;
	height: 20px;
	background: #fff url(Cerca2.png) no-repeat top;
}
.BT_CercaRodo   {
	padding: 5px;
	margin: 0;
	text-align: left;
	width: 100%;
	/*background: #000;*/
}


/*
==============================================================================================================================
                            QUICK ESBELT
==============================================================================================================================
*/
#lists {padding:0; margin:25px 0 50px 15px; list-style:none; position:relative; height:25px; float:left; background:url(line.gif) no-repeat 100% 4px; width:600px; z-index:500;} /* margins for this demonstration only */
#lists li {display:inline; float:left;; height:25px; background:url(line.gif) no-repeat 0 4px;}
#lists li a.tl {display:block; width:150px; height:25px; text-decoration:none; line-height:20px; font-size:12px; font-weight:bold; text-indent:10px; font-weight:normal; color:#000; background:url(white_arrow.gif) no-repeat 130px 5px;}

#lists div {display:none;}

#lists li a:hover {text-decoration:underline; white-space:normal; background-position:130px 15px;}
#lists li:hover > a {text-decoration:underline; white-space:normal; background-position:130px 15px;}

#lists :hover div
{display:block; width:598px; background:#faebd7; position:absolute; left:0; top:25px; border:1px solid #888; padding-bottom:10px;}
#lists :hover div.pos2 {background:#f0f5ee;}

#lists .two:hover {position:relative;}
#lists .single:hover {position:relative;}

#lists .two:hover div.pos3 {background:#f5eef0; width:300px;}
#lists .single:hover div.pos4 {background:#ffefd5; width:150px;}

#lists :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:179px;}
#lists :hover div dl dt {width:179px; background:#888; text-indent:10px; margin:5px 0 10px 0; text-decoration:none; height:20px; line-height:20px;}

#lists .two:hover div {left:-150px;}
#lists .two:hover div dl {width:129px;}
#lists .two:hover div dl dt {width:129px;}

#lists .single:hover div dl {width:129px;}
#lists .single:hover div dl dt {width:129px;}

#lists :hover div dl dd {padding:0; margin:0;}

#lists :hover div dt a {text-decoration:none; cursor:default; font-weight:normal; color:#fff;}
#lists :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:11px; color:#000; text-indent:10px; line-height:15px;}
#lists :hover div dd a:hover {text-decoration:underline;}

#lists .clear {clear:both;}