/* CSS Document */

/**************** DEFINICIÓ D'ESPAIS ****************/
BODY {
	padding: 0;
	BACKGROUND: url(../imatges/back.gif) top left; 
	MARGIN: 0px 5px 5px; 
	TEXT-ALIGN: center;
}

BODY#aa A#aanav {
	BACKGROUND-POSITION: 0 -12px; 
	TEXT-DECORATION: none;
}

#container {
	padding: 0;
	MARGIN: 0 auto; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 780px; 
	TEXT-ALIGN: left;
}

#header {
	padding: 0;
	MARGIN: 5px 0 0 0;
	WIDTH: 780px; 
	HEIGHT: 80px;
}

#subnav, #subnavHome {
	padding: 0;
	DISPLAY: inline; 
	FLOAT: left; 
	MARGIN: -20px 0 0 200px; 
	OVERFLOW: hidden; 
	WIDTH: 580px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	/* AMB TEXTE */
	height: 20px;
/*	text-align: right;*/
}

#homeMain {
	border: 0;
	BORDER-TOP: #CCCCCC 5px solid; 
	FLOAT: right; 
	MARGIN: 0;
	padding: 0;
	WIDTH: 780px;
	height: 564px;
	POSITION: relative; 
	BACKGROUND-COLOR: #fff;
}

#content {
	padding: 35px 37px 35px 50px;
	BORDER-TOP: #CCCCCC 5px solid; 
	FLOAT: right; 
	MARGIN: 0; 
	WIDTH: 545px; 
	POSITION: relative; 
	BACKGROUND-COLOR: #fff;
/*	height: 410px;*/
}

#logo {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 184px;
	height: 65px;
}

#leftcol {
	padding: 30px 0 0 13px;
	BORDER-TOP: #CCCCCC 5px solid;
	BACKGROUND: #F9F9F9; 
	FLOAT: left; 
	MARGIN: 0; 
	WIDTH: 135px; 
	HEIGHT: 510px;
}

#lnavcontainer {
	WIDTH: 109px;
}

#footerMain {
	padding: 0;
	FLOAT: right; 
	MARGIN: 0; 
	FONT: 65% Tahoma, Verdana, Arial, sans-serif; 
	WIDTH: 780px;
	COLOR: #000;
}

#footer {
	padding: 0;
	FLOAT: right; 
	MARGIN: 0; 
	FONT: 65% Tahoma, Verdana, Arial, sans-serif; 
	WIDTH: 632px; 
	COLOR: #000; 
}
/****************************************************/

/**************** DEFINICIÓ DE MENÚS ****************/
/* LOGO */

#logo A {
	color: #000;
	margin: 0;
	padding: 0;
	DISPLAY: block; 
	BACKGROUND: url(../imatges/firma.gif) no-repeat 0 0;
	WIDTH: 184px;
	HEIGHT: 65px;
	TEXT-DECORATION: none
}
#logo A:hover {
	BACKGROUND-POSITION: 0 -65px; 
	BACKGROUND-COLOR: transparent; 
	HEIGHT: 65px; 

/*	color: #f00;
	TEXT-DECORATION: none*/
}
#logo H1 {
	DISPLAY: none;
/*	line-height: 200%;*/
}
#logo SPAN {
	VISIBILITY: hidden;
}
/***********/
/* SUBNAV */
#subnav, #subnavHome {
	margin: 60px 0 0 0;
	padding: 0;
	width: 760px;
	text-align: right;
}

#subnav LI, #subnavHome LI {
	padding: 0;
	DISPLAY: inline; 
	MARGIN: 0;
	LIST-STYLE-TYPE: none;
}

#subnav A {
	/* AMB TEXTE */
	color:#FFFFFF;
	font: bold 100%/13px Georgia, Tahoma, Verdana, Arial, sans-serif;
	padding: 12px 0 0 0;
	text-decoration: none;
	text-transform: capitalize;
	MARGIN: 0 30px 0 0;
	OVERFLOW: hidden; 
	HEIGHT: 0!important
}

#subnavHome A {
	/* AMB TEXTE */
	color:#000;
	font: bold 100%/13px Georgia, Tahoma, Verdana, Arial, sans-serif;
	padding: 12px 0 0 0;
	text-decoration: none;
	text-transform: capitalize;
	MARGIN: 0 30px 0 0;
	OVERFLOW: hidden; 
	HEIGHT: 0!important
}

#subnav A:hover, #subnavHome A:hover {
	/* AMB TEXTE */
	color:#f00;
	TEXT-DECORATION: none
}
#subnav A.menuActual {
	color:#f00;
}
/***********/
/* LNAVCONTAINER */
#lnavcontainer UL {
	padding: 0;
	MARGIN: 0; 
	FONT: 70%/10px Tahoma, Arial, Verdana, sans-serif; 
	COLOR: #fff; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: right
}
#lnavcontainer A {
	padding: 6px 0 6px 1px;
	DISPLAY: block; 
	WIDTH: 119px; 
	COLOR: #000; 
	BORDER-BOTTOM: #aaa 1px solid; 
	TEXT-DECORATION: none
}
#lnavcontainer A:hover {
	COLOR: #f00;
	TEXT-DECORATION: none;
}
#lnavcontainer A.current {
/*	FONT-WEIGHT: bold; */
	COLOR: #f00;
	text-decoration: line-through;
}
#lnavcontainer LI.A:visited {
/*	FONT-WEIGHT: bold; */
	COLOR: #f00;
	text-decoration: line-through;
}
#lnavcontainer A.submenu {
	COLOR: #000;
	border: 0;
	line-height: 9px;
}
#lnavcontainer A:hover.submenu {
	COLOR: #f00;
	border: 0;
}
#lnavcontainer A.submenuCurrent {
/*	FONT-WEIGHT: bold; */
	COLOR: #f00;
	border: 0;
	text-decoration: line-through;
	line-height: 9px;
}

/***********/
/* FOOTER */
#footer UL, #footerMain UL {
	padding: 4px 46px 1px 0;
	height: 17px;
	BACKGROUND: #CCCCCC; 
	MARGIN: 0 0 10px; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: right;
}
#footerMain UL{
	padding: 4px 0 0 0;
	TEXT-ALIGN: center;
}
#footer LI, #footerMain LI {
	padding: 0 2px 2px 2px;
	DISPLAY: inline; 
	MARGIN: 0 2px; 
}
#footer A, #footerMain A {
	COLOR: #000; 
	TEXT-DECORATION: none
}
#footer A:hover, #footerMain A:hover {
	COLOR: #000; 
	TEXT-DECORATION: underline
}
#footer A.current, #footerMain A.current {
	FONT-WEIGHT: bold; 
	COLOR: #000
}
/***********/
/****************************************************/

/*************** CLASES DEL CONTINGUT ***************/
.nob {
	border: none;
}
.article {
	padding: 0;
	MARGIN: 0; 
	WIDTH: 540px; 
}
.copyright {
	padding: 0 0 20px 0;
	text-align: right;
	FONT: 95% Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #000; 
}

.fotoMini {
	width: 40px;
	height: 53px;
	background: #FFFFFF;
/*	background: #bb2244 url(../imatges/noButacaMini.jpg) top left no-repeat; */
}

.fotoPetita {
	FONT: 60% Tahoma, Verdana, Arial, sans-serif; 
	width: 172px;
	background: #FFFFFF;
/*	background: #bb2244 url(../imatges/noButaca.jpg) top left no-repeat;*/
	height: 229px;
}

.fotoGran {
	width: 354px;
	background-color: #FFFFFF;
/*	height: 472px;*/
}

/****************************************************/

/******************** FORMULARIS ********************/
form {
	margin:0;
}

.camp {
	font: bold 55% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

input {
	FONT: 64% Tahoma, Verdana, Arial, sans-serif; 
	VERTICAL-ALIGN: middle; 
	color: #555;
}

.descripcio {
	height: 12px;
	width: 350px;
}

.any {
	height: 12px;
	width: 40px;
}

.arxiu {
	height: 18px;
	width: 172px;
}

select {
	FONT: 100% Tahoma, Verdana, Arial, sans-serif;
	COLOR: #555;
	height: 16px;
	width: 106px;
}

.boto{
	font: 55% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height: 18px;
}

DIV.formlayout {
	padding: 0;
	MARGIN: 0 auto; 
	WIDTH: 500px; 
}

DIV.row {
	CLEAR: both; 
	padding: 0;
	FONT: bold 70%/15px Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #333; 
}
LABEL {
	padding: 2px 5px 0 0;
	FLOAT: left; 
	MARGIN: 0; 
	WIDTH: 170px; 
	TEXT-ALIGN: right
}
DIV.row SPAN.forml {
	padding: 2px 5px 0 0;
	FLOAT: left; 
	MARGIN: 0; 
	WIDTH: 170px; 
	TEXT-ALIGN: right
}
DIV.row SPAN.formr {
	padding: 0 0 20px 5px;
	FLOAT: right; 
	MARGIN: 0; 
	FONT: 100%/15px Tahoma, Verdana, Arial, sans-serif; 
	WIDTH: 320px; 
	COLOR: #333; 
	TEXT-ALIGN: left
}
TEXTAREA {
	FONT: 100% Tahoma, Verdana, Arial, sans-serif; 
	VERTICAL-ALIGN: middle; 
	COLOR: #333
}
/****************************************************/

/******************** INFO EXPOS ********************/
#titulo {
	padding: 0;
	MARGIN: 0; 
	FONT: bold 70%/16px Georgia,Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #222; 
}
#dimensions, #tecnica {
	padding: 0;
	MARGIN: 0; 
	FONT: 70%/16px Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #333; 
}
#coleccio {
	padding: 0;
	MARGIN: 0; 
	FONT: 70%/16px Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #FF8000; 
}
/****************************************************/

/********************* GENERALS *********************/
H1 {
	padding: 0 0 5px 0;
	MARGIN: 0; 
	FONT: 160% Georgia, Verdana, Arial, sans-serif; COLOR: #333; 
}
H2 {
	padding: 0;
	MARGIN: 0; 
	FONT: bold 70%/18px Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #222; 
}
H3 {
	padding: 5px 0 0 0;
	MARGIN: 0; 
	FONT: italic 70%/16px Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #333; 
}
P {
	padding: 20px 0 0 0;
	MARGIN: 0; 
	FONT: 70%/20px Tahoma, Verdana, Arial, sans-serif; 
	COLOR: #333; 
}
A {
	COLOR: #000; 
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: #f00;
}

/****************************************************/