html
{
 /* overflow: hidden;*/
  height: 99%;
}
                         
body
{
  background: rgb(211, 226, 195);
  background-image: url('images/roda.gif');
  background-repeat:no-repeat;
  background-position: bottom right;
  
  height: 99%;
  margin: 0;
  padding: 0;
  line-height: 150%;
  text-align: center;
  vertical-align: center;
  
}

*
{
  font-size: 8pt; 
  font-family: Tahoma, Verdana, sans-serif; 
  color: #000000;
  text-align: justify;
}

.list
{
  margin: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}




/* === Containers === */



#container
{
	position: absolute;
	margin-top: 50px;
	width: 800px;
	left: 50%;
	margin-left: -385px;
}
  

/* === Menu === */



#menu
{
  height: 31px;
  padding-right: 20px;
  margin: 0;
  list-style: none;   
  font-family: sans-serif;
  font-weight: bold;
}

#menu li
{
  float: right;
  display: block;
  width: 90px;  
  height: 31px;  
}

#menu a
{
  display: block;
  width: 90px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
  font-size:14px;
   /*font-weight: bold;*/

}

#menu a:link, #menu a:visited
{
  color: #749942; 
  background-color: #D3E2C3;
}

#menu a:hover, #menu a:active
{
  /*background-image: url('images/taba2.jpg');*/
  background-image: url('images/roda1.gif');    
  /*color: #ffffff; */
  color: #075F2C; 
}

#menuselected
{
  display: block;
  width: 90px;  height: 31px;  
  background-image: url('images/roda1.gif');    
  text-decoration: none;
  line-height: 31px;
  /*color: #ffffff;*/
  font-size:14px;
 /*font-weight: bold;*/
  color: green;
  text-align: center;
}



/* === Language menu === */



#submenu
{
  float: left;
  height: 31px;
  width: 220px;
  padding-left: 10px;
  margin: 0;
  list-style: none;   

}

#submenu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;  
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}

#submenu a:link, #submenu a:visited
{
  color: #749942; 
  background-color: #D3E2C3;
}

#submenu a:hover, #submenu a:active
{
  background-image: url('images/tabb2.jpg');
  color: #ffffff; 
}

#submenuselected
{
  display: block;
  width: 82px;  height: 31px;  
  background-image: url('images/tabb.jpg');    
  text-decoration: none;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
}



/* === Other Divs === */
 


.border
{
  background-color: #ffffff;
  padding: 15px 15px 15px 146px;
  height: 332px; /*tocar tamany alçada*/
  width: 600px;
  
  /*background-image: url('images/back.jpg'); */
  /*background-image: url('images/111.jpg');*/ 
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
border-width:15px;
  border-color: white;
	border-style: solid;
  }

.title
{
  position: absolute;
  margin-left: 15px;
  margin-top: 2px; 
  width: 32px;
  /*height: 232px;*/
  height: 400px;
  /*background-image: url('images/vanero.gif');*/
  background-image: url('images/titol1.gif');
}

.title1 h1
{
font-size: 16px; 
font-weight:bold;
color:white;
}

.content
{
  height: 250px;
  overflow: auto;
  padding: 7px;
  padding-top: 25px;
  /*padding-left:150px;*/
  padding-left:50px;
  background-color: white;
  filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
  border-width:10px;
  border-color: white;
  border-style: solid;
}

.designinfo
{
  margin-right:15px;
  margin-top: 5px;
  text-align: right;
  color: #749942;
  background-color: inherit;

}

.designinfo a
{
 text-decoration: none;
}

/* === Inline Text Styles === */


h1
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 30px 9px;
  /*font-size: 16px;
  color: #ffffff;*/
  background-color: inherit;
  /*border-left: 5px solid rgb(211, 226, 195);*/

}

.details
{
  display: none;
  font-size: 9px;
  color: #6E7468;
}


.text
{
	position: absolute;
	margin-top: -290px;
	width: 500px;
	left: 78%;
	margin-left: -403px;
	height: 250px;
	overflow: auto;
	padding: 7px;
	padding-top: 25px;
	padding-right: 25px;
  
  
}

.text a
{
  color: #666F53;
  text-decoration: none;
  font-weight: bold;
}

.text a:hover, .text a:active
{
  color: #000000;
}

blockquote
{
  margin: 3px 0 3px 0;
  padding: 5px 10px 5px 10px;
}

.note
{
  	display: block;
	margin: 10px 115px 10px 15px;
	color: #555555;
	text-align:right;
	border-bottom:solid;
	border-bottom-width:1px;
	padding-right:30px;
	margin-right:20px;
}

.note1
{
  	display: block;
	padding-right:80px;
	padding-left:60px;
	
}

.note2
{
  	display: block;
	margin: 10px 115px 10px 15px;
	color: #555555;
	text-align:left;
	padding-right:30px;
	margin-right:20px;
}

.note3
{
  	display: block;
	margin: 10px 115px 10px 15px;
	color: #555555;
	font-size: 150%;
	text-align:left;
	padding-right:30px;
	margin-right:20px;
}

.note4
{
  	display: block;
	padding-right:40px;
	padding-left:40px;
	
}

.boto
{
	
	margin-left: 80px;
}

.boto input
{
  	border:1px solid #FFFFFF; 
	text-align:center; 
	font-size:10 pt; 
	background-color:#D3E2C3; 
	font-family:Arial; 
	color:#000000
	
}

.formulari
{
  	display: block;
	margin-left: 70px;
	/*float: right;*/
		
}

.preus
{
	display: block;
	margin: 10px 115px 10px 15px;
	text-align:right;
	/*padding-right:100px;*/
	margin-right:190px;

}

.bold
{
  font-weight: bold;
}

/*Imatges*/

img.left {
	  		padding:3px;
			float: left;
	  		margin: 10px; 
			border:2px dashed #000000;
			
			}
			
img.right {
	  		padding:3px;
			float: right;
	  		margin: 10px;
			border:2px dashed #000000;
			
			}
.primeralinia{
  text-indent: 1cm
}
<!--
body {
SCROLLBAR-FACE-COLOR:#A0BA83; 
SCROLLBAR-HIGHLIGHT-COLOR: #D3E2C3; 
SCROLLBAR-SHADOW-COLOR: #D3E2C3; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
SCROLLBAR-TRACK-COLOR: #D3E2C3; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
-->