html, body { height:100% }

body {	
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	margin:0;
	color:#000;
	background:#dedddb url(../images/bg-body.gif) repeat-y center top;
}

p { padding:0; margin:0; }


img { border:0; }

/*---------A LiNK---------*/
a { color: #000 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:link { color: #000 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:visited { color: #000 ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:hover { color: #3366FF ; font-size: 13px; font-weight: normal; text-decoration: none; }
a:active { color: #000 ; font-size: 13px; font-weight: normal; text-decoration: none; }


/*---------DIV's GENERICS---------*/
#content { width:960px; height:100%; background:#fff; margin:0 auto; padding:10px; }

#top { height:85px; width:960px; float:left; border-bottom:4px #3366FF solid; float:left; margin:0 0 15px 0; }
	#logo { padding:10px 0 13px 0; }
	#idioma { width:70px; float:right; padding:40px 0 0 0; line-height:18px; }
	.actual { color:#999; }

#menu { height:85px; width:890px; float:left; }
	#menu ul { list-style: none; padding: 0; margin: 5px 0 0 0; }
		#menu ul li { display: inline; }
		#menu ul li a.current { color: #3366FF; }

#idioma { width:70px; float:right; padding:40px 0 0 0; line-height:18px; }
	#idioma .current { color:#999; font-size: 11px; }
	#idioma p a { font-size: 11px; }

#flash{ width:550px; height:320px; float:left; }
#text_nuezz { width:400px; float:left }
#text_nuezz p { padding:15px; color:#fff; font-size:12px; }

#footer { width: 960px; height: 50px; float: left; margin: 0 auto; margin: 30px 0 0 0; border-top:1px dotted #9bb8ec; padding:13px 0 40px 0; text-align: center; }
	#footer ul { list-style: none; }
	#footer ul li { display: inline; padding: 0 5px 0 10px; font-size: 12px; background: url(../images/bullet-footer.gif) no-repeat 0 5px; }
	#footer ul li a { font-size: 12px; }
	
	#footer p { display: inline; font-size: 12px; padding: 0 5px 0 0; }
	
	#footer img { padding: 0 10px 0 0; }


/* Productes dela plana index */

.productes_index { width:960px; float:left; margin:15px 0 0 0; }

/*Final*/

#slide-producte { width:550px; height:320px; float:left; }

#explicacio { width:380px; float:left; background:#3366FF; padding:15px; }
	#explicacio p { color:#fff; font-size:12px; }
	#explicacio ul li { padding:0; color:#fff; font-size:12px; }
	#explicacio h1 { color:#fff; height: 25px; width: 380px; float: left; padding: 0; margin: 0; }

h1 { width:920px; height:30px; float:left; font-family:Arial, Helvetica, Verdana; font-size:20px; color:#000; margin: 0 0 15px 0; }

hr { height:1px; color:#89a7e6; background:#89a7e6; border:0 solid #89a7e6; width: 960px; float: left; margin: 30px 0 15px 0; }


/*Botons pels productes a la index*/
.rollover { width: 150px; height: 130px; display:block; margin: 60px 0 0 0; color: #000; float: left; margin: 0 10px 0 0 ; }
.rollover:hover { background:#417fff; color: #fff; }
.rollover a { width: 150px; height: 130px; display:block; color: #000; }
.rollover a p { width: 150px; display:block; color: #000; text-align: right; padding: 7px 10px 0 0; }
.rollover:hover p { width: 150px; display:block; color: #fff; text-align: right; padding: 7px 10px 0 0; }
.rollover a p span { padding:0 7px 0 0; }

.dissenyador { width: 380px; text-align: right; height: 25px; float: left; }
	.dissenyador span { font-size: 10px; }
	
.news, .index_nuezz { width:960px; height: 320px; float:left; margin:15px 0 0 0; float: left; background-color:#4E70CE; }
	.news p { padding:15px; color:#fff; font-size:12px; }
	.news img { float: left; margin: 0 15px 0 0; }
	.news .title { font-size: 22px; }