body {
	margin: 0px;
	background: #ffffff;
	overflow: hidden;
	color: #1b1c20;
	font-family: arial, verdana, helvetiva, geneva;
	font-size: 12px;
	text-align: center;
}

body.newsletter {
	text-align: left;
	overflow: auto;
}

p {
	color: #1b1c20;
	font-family: arial, verdana, helvetiva, geneva;
	font-size: 12px;
}

a {
	color: #97bd11;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}


.verd {
	color: #97bd11;
}

.negre {
	color: #000000;
}

h1 {
	color: #1b1c20;
	font-size: 16px;
}

h2 {
	color: #1b1c20;
	font-size: 14px;
}

img {
	border: none;
}

/**/

div {
	position: relative;
}

#tot {
	margin: 0px auto 0px auto;
	width: 790px;
	height: 460px;
	overflow: hidden;
	text-align: left;
}

#peu {
	margin: 10px auto 0px auto;
	width: 790px;
	height: 45px;
	overflow: hidden;
	text-align: left;
}

body.bodyhome #peu {
	display: none;
}

#esq {
	float: left;
	width: 21px;
	height: 20px;
	margin: 440px 0px 0px 0px;
}

/* l */

.l {
	background: url(imatges/fons/brick.jpg) top left no-repeat;
}

.l #centre {
	float: left;
	width: 413px;
	height: 255px;
	margin: 200px 0px 0px 100px;
	text-align: left;
	display: inline;
}

.l #dreta {
	float: left;
	width: 240px;
	height: 400px;
	margin-top: 30px;
	text-align: center;
	display: inline;
	line-height: 22px;
}

/* home */

.home {
	background: url(imatges/fons/brick.jpg) top left no-repeat;
}

.home #centre {
	float: left;
	width: 545px;
	height: 255px;
	margin: 101px 0px 0px 45px;
	text-align: left;
	display: inline;
}

.home #dreta {
	float: left;
	width: 150px;
	height: 400px;
	margin-top: 30px;
	text-align: center;
	display: inline;
}

/* contacte */

.contacte {
	background: url(imatges/fons/contacte.jpg) top left no-repeat;
}

.contacte #centre {
	float: left;
	width: 445px;
	height: 255px;
	margin: 101px 0px 0px 45px;
	text-align: left;
	display: inline;
	font-size: 14px;
}

.contacte #dreta {
	float: left;
	width: 250px;
	height: 400px;
	margin-top: 30px;
	text-align: left;
	display: inline;
}

/* concepte */

.concepte #esq {
	margin-top: 413px;
}

.concepte {
	background: url(imatges/fons/concepte.jpg) top left no-repeat;
}

.concepte #centre {
	float: left;
	width: 485px;
	height: 370px;
	margin: 65px 0px 0px 0px;
	text-align: left;
	display: inline;
	font-size: 14px;
}

/* creacions */

.creacions #esq {
	width: 45px;
	margin-top: 413px;
}

.creacions {
	background: url(imatges/fons/creacions.jpg) top left no-repeat;
}

.creacions #menys {
	position: absolute;
	left: 224px;
	top: 152px;
	width: 40px;
	height: 40px;
}

.creacions #mes {
	position: absolute;
	left: 613px;
	top: 152px;
	width: 40px;
	height: 40px;
}

.creacions #centre {
	position: absolute;
	left: 40px;
	top: 308px;
	width: 728px;
	height: 139px;
	text-align: left;
	font-size: 13px;
}

.creacions #titol h1 {
	position: absolute;
	left: 112px;
	top: 87px;
}

.creacions #titol h1 {
	font-size: 11px;
}

/* creacions_f */

.creacions_f #esq {
	width: 45px;
}

.creacions_f {
	background: #ffffff url(imatges/fons/creacions_f.gif) top left no-repeat;
}

.creacions_f #centre {
	position: absolute;
	left: 154px;
	top: 117px;
}

.creacions_f #centre h1{
	font-size: 14px;
}

.creacions_f #productes {
	position: absolute;
	left: 46px;
	top: 62px;
}

.creacions_f #productes img {
	margin: 0px 10px 10px 0px;
}

/* creacions_id */

.creacions_id #esq {
	width: 45px;
}

.creacions_id {
	background: #000000;
}

.creacions_id #centre {
	position: absolute;
	left: 54px;
	top: 175px;
}

#imatge_producte {
	position: absolute;
	left: 213px;
	top: 42px;
}

#imatge_producte_b {
	position: absolute;
	left: 613px;
	top: 42px;
}

#nom_producte {
	position: absolute;
	left: 643px;
	top: 207px;
	color: #ffffff;
	font-size: 14px;
}

#nom_producte h1 {
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
}

/* ambients */

.ambients #esq {
	position: absolute;
	left: 0px;
	top: 0px;
}

.ambients {
	background: url(imatges/fons/ambients.jpg) top left no-repeat;
}

.ambients #centre {
	position: absolute;
	left: 50px;
	top: 215px;
	width: 170px;
	text-align: left;
	display: inline;
	font-size: 13px;
	overflow: hidden;
}

/* ambients_view */

.ambients_view #esq {
	width: 43px;
	margin-top: 413px;
}

.ambients_view {
	background: #000000;
}

.ambients_view #centre {
	float: left;
	width: 704px;
	height: 460px;
	text-align: center;
	overflow: hidden;
}

.ambients_view #dreta {
	float: right;
	width: 43px;
	margin-top: 413px;
	text-align: right;
}

/* led's */

.leds {
	background: url(imatges/fons/leds.jpg) top left no-repeat;
}

.leds #esq {
	width: 45px;
	margin-top: 413px;
}

.leds #centre {
	position: absolute;
	left: 105px;
	top: 175px;
	width: 300px;
	color: #ffffff;
	font-size: 12px;
}

.leds #centre h1 {
	color: #ffffff;
}

#leds_show {
	float: left;
	width: 790px;
	height: 460px;
	background: url(imatges/fons/leds_show.jpg) top left no-repeat;
}

#leds_1 {
	position: absolute;
	left: 86px;
	top: 168px;
}
#leds_2 {
	position: absolute;
	left: 206px;
	top: 168px;
}
#leds_3 {
	position: absolute;
	left: 340px;
	top: 24px;
}
#leds_4 {
	position: absolute;
	left: 366px;
	top: 217px;
}
#leds_5 {
	position: absolute;
	left: 568px;
	top: 24px;
}
#leds_6 {
	position: absolute;
	left: 568px;
	top: 333px;
}
#leds_7 {
	position: absolute;
	left: 86px;
	top: 333px;
}
#leds_8 {
	position: absolute;
	left: 206px;
	top: 333px;
}


/* showroom */

.showroom {
	background: url(imatges/fons/showroom.gif) top left no-repeat;
}

.showroom #esq {
	position: absolute;
	left: 0px;
	top: 0px;
}

.showroom #centre {
	position: absolute;
	left: 23px;
	top: 158px;
	width: 252px;
	font-size: 10px;
}

.showroom #centre h1 {
	font-size: 13px;
}

#showroom_1 {
	position: absolute;
	left: 0px;
	top: 270px;
}
#showroom_2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 790px;
	text-align: right;
}
#showroom_2 img {
	margin-left: 3px;
}
#showroom_3 {
	position: absolute;
	left: 292px;
	top: 110px;
}
#showroom_4 {
	position: absolute;
	left: 535px;
	top: 110px;
	text-align: right;
}
#showroom_4 img {
	margin-left: 3px;
	margin-bottom: 3px;
}

/* noticies */

.noticies {
	background: url(imatges/fons/noticies.jpg) top left no-repeat;
}

.noticies #esq {
	width: 21px;
}

.noticies #centre {
	float: left;
	width: 445px;
	height: 255px;
	margin-left: 95px;
	text-align: left;
	display: inline;
	font-size: 14px;
}

.noticies .noticia {
	float: left;
	width: 250px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 14px;
}

.noticies #text_div {
	float: left;
	width: 270px;
	height: 220px;
	margin: 25px 0px 0px 20px;
	overflow: auto;
}

.noticies #dreta {
	float: left;
	width: 600px;
	height: 75px;
	margin-top: 30px;
	text-align: left;
	display: inline;
}

/*  */

input,button,textarea,select,file {
	width: 185px;
	height: 15px;
	border: solid 1px #cccccc;
	margin-bottom: 3px;
	color: #000000;
	font-family: arial, verdana, helvetiva, geneva;
	font-size: 11px;
}

textarea {
	height: 70px;
}

input.boto {
	width: 70px;
	height: 17px;
	border: solid 1px #cccccc;
	background-color: #97bd11;
	font-size: 11px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

head:first-child+body input.boto {
/*Hidden from IE and older Opera. Mozilla Firefox and Opera 7 will read this.*/
	line-height: 17px;
}

input.txec {
	width: 13px;
	background-color: #ffffff;
	border: none;
}

#tooltip {
	float: left;
	width: 140px;
	margin-top: 5px;
	text-align: center;
	font-size: 11px;
}

body.bodyhome #tooltip {
	margin-left: 5px;
}