body {
margin: 0px auto;
padding: 0;
text-align: center;
font-family:  arial, helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.7em;
background-color: #fff;
}
	
#page {
margin: 0px auto;
padding: 0px 0 0 0;
width: 720px;
text-align: left;
}

/***************
generals
****************/
	
h1 {
font-family:  georgia, times, "times new roman", serif;
font-size: 45px;
color:#09f;
padding: 50px 25px 30px 0px;
margin: 0 0 -38px 0;
line-height: 1.1em;
}

h2 {
font-family:  georgia, times, "times new roman", serif;
color: #FF6600;
font-size: 2em;
line-height: 1.4em;
margin: 20px 0 0 0;
}

h3 {
font-family:  georgia, times, "times new roman", serif;
color: #09f;
font-size: 1.8em;
padding: 20px 0 0 0;
border-top: 3px solid #09f;
margin-top: 38px;
}

h4 {
font-size: 1.2em;
font-weight: bold;
color: #09f;
padding: 15px 0 0 0;
border-top: dashed 1px #999;
margin-bottom: -10px;
}

h5 {
font-size: 1.1em;
font-weight: bold;
color: #09f;
margin-top: 0.5em;
}

h6 {
font-size: 1em;
font-weight: bold;
color: #000;
margin-bottom: -1em;
}

.noborder { 
border: 0;
margin-bottom: 0px;
margin-right: 5px;
}

.opcionsdreamw {
color: #666666;
background-color: #f2f2f2;
padding: 0 4px;
}

.atenci {
font-weight: bold;
color: #FF0000;
}

ul li {
list-style-image: url(img/bullet.gif);
}

#alum strong {
color: #09f;
}

blockquote {
background-color: #f2f2f2;
padding: 25px 10px;
}

.blau {
color: #09f;
}

code {
display: block;
font-size: 1.2em;
padding: 15px;
border: 1px solid #FF6600;
background-color: #fff5e5;
margin-bottom: 10px;}

hr {
height: 1px;
padding: 0;
border: 1px dashed #ccc;
}

/***************
menu
****************/

.menu {
width: 100%;
background-color: #f6f6f6;
color: #333;
font-size: 12px;
text-align: left;
}

.menu p {
padding: 3px 20px;
margin: 0;
}

.menu ul {
padding-top: 3px;
margin-top: 0;
}

.menu li {
float: left;
margin-right: 35px;
}

.menu a {
text-decoration: none;
border-bottom: 0;

}

/***************
links
****************/

a {
color: #9c0;
text-decoration: none;
border-bottom: dashed 1px #9c0;
font-weight: bold;
}

a:hover {
color: #fff;
text-decoration: none;
background-color: #9c0;

}

a img {
padding: 2px;
border: 1px solid #ccc;
}

a:hover img  {
border-color: #09f;
background-color: #fff;
}

.tornar a {
color: #fff;
text-decoration: none;
background-color: #ccc;
margin: 55px 0;
padding: 2px 10px;
}

.tornar a:hover {
color: #000;
text-decoration: none;
}

/***************
taules
****************/
table {
border: 1px solid #09f;
width: 100%;
border-collapse: collapse;
}
.nomargin {
margin-bottom: 0;
}

.tauladreta {
text-align: right;
font-weight: bold;}

tr {
margin: 0;
padding: 0;
}

td {
border: 1px solid #ccc;
padding: 2px 5px;
}

/***************
deures
****************/

#deures {
border: 8px solid #F60;
padding: 0 15px 15px 15px;
margin: 15px 0;
}

#deures h4 {
color: #f60;
margin-top: 0;
padding-top: 15px;
}

#deures a:hover {
background-color: #f60;
}

#deures strong {
color: #999;
}




/***************
footer
****************/

#contfooter {
background-image:url(img/fons_footer.gif);
background-color:#E2E8EF;
padding-bottom: 45px;
padding-top: 25px;
}

#footer {
background-color: #fff;
margin: 0px auto;
padding: 1px 30px 20px 30px;
width: 660px;
text-align: left;
}

#footer h2 {
color: #09f;
border-bottom: 1px solid #30acff;
background-color: #fff;
padding-left: 0;
padding-top: 7px;
}

/***************
generics
****************/

.clear  {
clear: both;
}

.esq {
float: left;}