HTML {height:100%}

BODY	
	{
	margin: 0px;
	padding: 0px;
	min-height:100.5%;
	text-align:center;
	font: 8pt verdana, sans-serif;
	background: url('img/css/bg-bdy.gif') top repeat-x;
	}
A
	{
	color:#3366AA;
	text-decoration:none;
	}

A:hover	
	{
	color:#EE0000;
	background: transparent;
	}

DIV, TABLE, UL, IMG, P	
	{
	padding: 0px;
	margin: 0px;
	border: 0px none;
	line-height:150%;
	text-align: left;
	}

.bx600-bg P
	{
	margin: 5px 15px;
	line-height:150%;
	}

TD, LI, FORM, INPUT, SELECT
	{
	margin: 0px;
	padding: 0px;
	}

TABLE	
	{
	border-spacing: 0px;
	border-collapse:collapse;
	}

TD {vertical-align: top;}

UL {list-style-type:none;}

UL.bul
	{
	list-style-type: circle;
	margin: 5px 10px 5px 30px;
	list-style-position: outside;
	list-style-image: url('../img/css/bul-g-ul.gif');
	}

UL.bul LI {line-height: 150%; padding: 0px 0px 5px 0px;}

OL
	{
	padding:5px 0px;
	margin: 0px 20px 0px 40px;
	list-style-position: outside;
	}

OL LI {line-height: 150%; padding:5px 0px; margin: 0px;}

INPUT {font: 8pt verdana, arial, sans-serif;}

INPUT.txt {width:180px; padding:1px; margin:3px 0px 3px 10px;  border: inset 1px #CCCCCC}

INPUT.chkbx {width:14px; height:14px; margin:3px}

TEXTAREA {margin:3px 0px 3px 10px; padding:1px; font: 8pt verdana, arial, sans-serif; border: inset 1px #CCCCCC}

SELECT {width:185px; font: 8pt verdana, arial, sans-serif; margin:3px 0px 3px 10px;}

H1
	{
	color:#333333; 
	text-align: left;
	margin: 0px 15px; 
	padding:5px 0px 5px 0px;
	font:bold 12pt arial, sans-serif;
	}

H2
	{
	color:#333333; 
	text-align: left;
	margin: 0px 15px; 
	padding:5px 0px 5px 0px;
	text-transform: uppercase;
	font:bold 11pt arial, sans-serif;
	}

H3
	{
	color:#333333; 
	text-align: left;
	margin: 0px 15px; 
	padding:5px 0px 5px 0px;
	font:bold 11pt "century gothic", arial, sans-serif;
	}

H4
	{
	color:#333333; 
	text-align: left;
	margin: 0px 15px; 
	padding:5px 0px 5px 0px;
	font:bold 10pt "century gothic", arial, sans-serif;
	}

.mainT, .zoomT 
	{
	color:#333333;
	text-transform: uppercase; 
	font: bold 11pt arial, sans-serif;
	}

.backT 
	{
	padding-top:5px; 
	border-top:1px solid #CCCCCC;
	font:bold 10pt "century gothic", sans-serif; text-align:center; 
	}

H1.mainT {padding:0px; margin: 5px 15px 5px 15px;}
H2.zoomT {font:bold 10pt "century gothic", verdana, sans-serif; padding:0px; margin: 0px 10px 5px 0px;}
H4.backT {padding:5px 0px 0px 0px; margin: 0px auto;}
.mainT IMG {margin: 0px 10px 0px -5px; float: left;}
.tab580 TD.mainT {padding: 0px 0px 5px 4px; vertical-align:middle;}
.tab580 TD.sideT {padding: 0px 5px; text-align:right; font: 10pt verdana, sans-serif}
.backT IMG {position:relative; top:1px}
P.sideT {float:right; padding:0px; margin: 5px 10px 0px 10px; font:bold 9pt arial, sans-serif}
IMG.sideIMG {float:right; position:relative; right:15px; top: 5px}

.bold {color:#333333; font: bold 9pt arial, sans-serif;}

.e-mail, .e-mail A {font: 10pt arial, sans-serif; text-decoration:underline}
.e-mail A:Hover {color: #EE0000}

#main
	{
	width: 980px;
	position: relative;
	margin:10px auto 0px auto;
	} 

#head
	{
	width: 980px;
	margin:0px auto 0px auto;
	}

#left, #right {width:180px;}

#mid
	{
	padding: 0px;
	vertical-align: top;
	text-align: center;
	}

#foot
	{
	clear:both;
	color: #999999;
	text-align: center;
	margin:15px auto 0px auto;
	padding: 10px 0px 20px 0px;
	font: 10pt arial, sans-serif;
	background: url('img/css/bg-foot.gif') top repeat-x;
	}

#toptabs
	{
	margin: 0px;
	border-spacing: 0px;
	border-collapse: separate;
	border-right: 1px solid #CCCCCC;
	font: 9pt arial, sans-serif;
	}

#toptabs A:Hover {color: #333333}

#toptabs TD, #toptabs TD.on
	{
	cursor:pointer;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 4px 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #FFFFFF;
	}

#toptabs TD.on {background: url('img/css/bg-toptab-on.gif') bottom repeat-x;}

#toptabs TD.on A {color: #333333}

#toptabs IMG
	{
	margin:5px 25px 0px 25px;
	}

#toptabs TD.on {background: url('img/css/bg-toptab-on.gif') top repeat-x;}

#navbar
	{
	color:#666666;
	text-align:center;
	font: 9pt Arial, sans-serif;
	margin:7px 0px 3px 0px;
	}

#navbar a{}
#navbar a:hover{}

#l-search FORM
	{
	padding: 10px 0px 10px 10px;
	}

.searchtxt
	{
	width:110px;
	margin: 0px 0px 1px 0px;
	}
.searchbutt
	{
	width:40px;
	height:20px;
	border:0px none;
	background: url('img/but/but-cerca.gif') bottom no-repeat; 
	}
#l-search SELECT {width: 160px; margin: 5px 0px}
#l-search UL {width: 170px;}
#l-search UL LI {display: inline; padding: 0px 5px 0px 0px}

#l-cats {width:180px; padding: 5px 0px;}

#l-cats P.h-on, #l-cats P.h-off
	{
	cursor:pointer;
	margin: 0px 0px 0px 10px; 
	padding: 2px 0px 2px 15px;
	font: bold 10pt "Century Gothic", arial, sans-serif; 
	}
#l-cats P.h-on {color:#EE0000; background:url('img/css/tree-minus.gif') left no-repeat;}
#l-cats P.h-off {color:#666699; background:url('img/css/tree-plus.gif') left no-repeat;}

#l-cats UL {padding:0px 0px 3px 0px; margin:0 0 0 25px;}
#l-cats UL LI {padding:0px; line-height:150%}
#l-cats UL LI A {color:#333333;}
#l-cats UL LI A:Hover {color:#EE0000;}

#r-info LI
	{
	padding: 0px 5px 5px 5px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	font: bold 10pt "Century Gothic", arial, sans-serif; 
	}

#r-info UL
	{
	width:176px;
	margin:0px auto 0px auto;
	}

#r-info P
	{
	clear:left;
	margin: 0px 0px 5px 5px;
	font: 8pt verdana, sans-serif; 
	}

#r-info P A
	{
	color: #000000;
	text-decoration: underline;
	}

#r-info P A:hover
	{
	color: #EE0000;
	}

#r-info IMG
	{
	position: relative;
	top:5px;
	}


#r-info LI.iban
	{
	cursor: pointer;
	padding: 5px 0px 30px 51px;
	background:url('../img/ban/infoban.gif') center no-repeat
	}

.show {display: block}

.hide {display: none}

#emsg P, #hmsg P {margin:10px 20px;	font : 10pt arial, sans-serif; margin:0px 15px; padding:5px 0px}
#emsg P {color:#EE0000; font-weight:bold;}

.stxt {color:#999999; font: 10px verdana, arial, sans-serif}

.bx180-t-b, .bx180-t-bhow
	{
	clear:both;
	color:#FFFFFF;
	text-align: center;
	margin: 0px auto;
	padding: 2px 0px 5px 0px;
	font: 9pt verdana, arial, sans-serif;
	background: url('img/css/bx180-t-b.gif') top no-repeat
	}

.bx180-t-bhow {background: url('img/css/bg-l-how.gif') top no-repeat}

.bx180-h
	{
	margin: 0px;
	color: #333333;
	text-align: center;
	padding: 3px 0px 8px 0px;
	background:url('img/css/bx180-h.gif') top no-repeat;
	}

.bx180-t, .bx180-t-g {width:180px; font-size: 4px; margin: 0px auto 0px auto;}
.bx180-bg, .bx180-bg-g {width:180px; margin: 0px auto;}
.bx180-b, .bx180-b-g {width:180px; font-size: 5px; margin: 0px auto 10px auto;}

.bx180-t {background:url('img/css/bx180-t.gif') bottom no-repeat}
.bx180-t-g {background:url('img/css/bx180-t-g.gif') bottom no-repeat}

.bx180-bg {background:url('img/css/bx180-bg.gif') center repeat-y}
.bx180-bg-g {background:url('img/css/bx180-bg-g.gif') center repeat-y}

.bx180-b {background:url('img/css/bx180-b.gif') top no-repeat}
.bx180-b-g {background:url('img/css/bx180-b-g.gif') top no-repeat}

.tab580 {width: 580px; margin: 0px auto 5px auto;}

.bx260
	{
	width:260px;
	text-align: center;
	margin: auto; 
	padding: 5px 0px 8px 0px; 
	background: url('img/css/bx260.gif') center top no-repeat
	}

.bx260-t
	{
	width:260px;
	margin: auto; 
	text-align: center; 
	padding: 10px 10px 5px 10px;
	font:9pt arial, sans-serif;
	background: url('img/css/bx260-t.gif') top center no-repeat
	}

.bx260-b
	{
	width:260px; 
	margin: 0px auto;
	padding-bottom:10px;
	background: url('img/css/bx260-b.gif') bottom center no-repeat
	}

.bx260-t P, .bx260-t P {margin: 0px 10px; padding:0px}

.bx570-t, .bx570-bg, .bx570-b
	{
	clear: both;
	width:570px;
	position: relative;
	margin: 0px auto 0px auto;
	}

.bx570-t {font-size: 5px; background:url('img/css/bx570-t.gif') bottom no-repeat}
.bx570-b {font-size: 5px; background:url('img/css/bx570-b.gif') top no-repeat}
.bx570-bg {background:url('img/css/bx570-bg.gif') center repeat-y;}

.bx600-t, .bx600-t-g, .bx600-tsep, .bx600-tsep-g, .bx600-bg, .bx600-bg-g, .bx600-b, .bx600-b-g, .bx600-bsep, #divopt
	{
	clear: both;
	width:600px;
	position:relative;
	margin: 0px auto 0px auto;
	}

.bx600-t {font-size: 4px; background:url('img/css/bx600-t.gif') bottom no-repeat}
.bx600-t-g {font-size: 4px; background:url('img/css/bx600-t-g.gif') bottom no-repeat}

.bx600-tsep {height: 14px; background:url('img/css/bx600-tsep.gif') bottom no-repeat}
.bx600-tsep-g {height: 14px; background:url('img/css/bx600-tsep-g.gif') bottom no-repeat}

.bx600-bg, #divopt {background:url('img/css/bx600-bg.gif') center repeat-y; padding: 5px 0px 5px 0px}
.bx600-bg-g {background:url('img/css/bx600-bg-g.gif') center repeat-y; padding: 5px 0px 5px 0px}

.bx600-b {font-size: 5px; background:url('img/css/bx600-b.gif') top no-repeat}
.bx600-b-g {font-size: 5px; background:url('img/css/bx600-b-g.gif') top no-repeat}

.bx600-bsep {height: 15px; background:url('img/css/bx600-bsep.gif') bottom no-repeat}

.up {position:relative; top:5px; font: 9pt arial,sans-serif; margin:0px; padding:0px; text-align:right}
.up	A {}
.up	IMG {position:relative; top:1px; margin-left:3px}

#divopt {text-align: center}
#divopt TABLE {width: 580px; margin: 0px auto 0px auto;}
#divopt P {margin: 5px 15px 5px 15px;}
#divopt IFRAME {width: 585px; height:460px; margin: 0px auto 0px 10px}
#divopt H3 
	{
	font-size:10pt;
	text-transform:uppercase; 
	padding:5px 0px 3px 0px; margin:0px 15px; 
	border-bottom:1px solid #CCCCCC;
	}

#divopt H4 {padding:5px 0px 3px 0px; margin:0px 15px;}

#tabopt, #ord
	{
	clear: both;
	height: 26px;
	background:url('../img/css/bx600-tsep.gif') center bottom no-repeat
	}

#ord {padding:10px 20px 0px 0px}
#ord .tab-on, #ord .tab-off {float:right;}

#tabopt {padding:10px 0px 0px 20px;}
#tabopt .h-on, #tabopt .h-off {float:left;}

.tab-on, #tabopt .h-on, .tab-off, #tabopt .h-off
	{
	width:85px;
	height: 16px;
	line-height:100%;
	text-align: center;
	vertical-align: middle;
	padding:4px 0px 1px 0px;
	}

.tab-on, #tabopt .h-on
	{
	color:#FFFFFF;
	background: url('../img/css/ztab-on.gif') top center no-repeat;
	}

.tab-on A, #tabopt .h-on A
	{
	color:#FFFFFF;
	}

.tab-off, #tabopt .h-off
	{
	cursor:pointer;
	background: url('../img/css/ztab-off.gif') top center no-repeat;
	}

.tab-off A, #tabopt .h-off A, .tab-off A:Hover, #tabopt .h-off A:Hover
	{
	color:#333333;
	}