/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 
table { border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left;} 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym {border:0;}
/*---------- MAIN STRUCTURE STYLES ----------*/
html{font-size:100%; min-height:100%;}
body{font-size:62.5%; font-family:Georgia, "Times New Roman", serif; color:#666;
	background:#f8eeee;
	background:url(fons.jpg) top repeat #f8eeee;
	border-top:0em solid #666;padding:0 0em;
	/*overflow:hidden; per amagar l'scroll*/}
#wrapper{width:94em; margin:0 auto;}
.header{ width:94em; padding-top:0em;	margin-bottom:0em;}
/*GRIDS-------------------------------------------------------- */
.generic{border-top:0em solid #666; /* The border at the top of each grid */ float:left; padding-top:1em; margin-bottom:2em;}
.clear{	clear:both;}
.end{ margin-left:0 !important;	margin-right:0 !important;}
.twotwenty{width:22em; margin-right:2em;}/* 220px */
.twoeighty{width:28em; margin-right:2em;}/* 280px */
.sevenhun{ width:70em; margin-right:2em;}/* 700px */
.nineforty{ width:94em;}/* 940px */
.textpeu {text-align: center; color: #472101; height: 140px; text-indent: -10001px; background-position: 50% 0;	background-repeat: no-repeat; margin-top: 0.1em;}
.peu p { background-image: url("peu.png");  behavior: url(pngfix/iepngfix.htc); clear:both;}
.peuc p { background-image: url("peuc.png");  behavior: url(pngfix/iepngfix.htc); clear:both;}
/*---------- FONT STYLES ----------*/
/*PARAGRAPHS-------------------------------------------------------- */
.generic p{ font-size:1.2em; line-height:1.5em;	margin-bottom:1.5em;}
p.intro:first-line{font-variant:small-caps;}
p.drop:first-letter{ float:left; font-size:3em; margin-top:-0.05em; margin-right:0.1em; margin-bottom:-0.5em;}
/*HEADINGS-------------------------------------------------------- */
h1{color:#950000; font-size:3em; margin-bottom:0.6em; font-style:italic; line-height:1.2em;}
h2{color:#950000; font-size:2.4em; margin-bottom:0.2em; margin-top:10px; line-height:0.5em;}
h3{color:#950000; font-size:2em;margin-bottom:0.4em; margin-top:10px; line-height:0.6em;}
h4{color:#950000; font-size:1.4em; margin-bottom:1.5em; line-height:1.5em;	font-variant:small-caps;}
h5{color:#950000; font-size:1em; margin-bottom:1.8em; line-height:1.8em; font-variant:small-caps;}
h6{color:#950000; font-size:1em; margin-bottom:1.8em; line-height:1.8em;}
/*LINKS-------------------------------------------------------- */
p a{ color:#950000;}
p a:hover{text-decoration:none;}
h1 a{color:#950000;}
h1 a:hover{text-decoration:none;}
li a{color:#950000;}
li a:hover{text-decoration:none;}
/*ALL THE TRIMMINGS-------------------------------------------------------- */
blockquote p{font-size:1.2em!important;	line-height:1.5em!important; margin-bottom:1.5em!important; font-style:italic; font-weight:bold;}
blockquote p cite{font-style:normal;}
.generic strong{font-variant:small-caps;}
.generic em{font-style:italic;font-weight:inherit;}
.amp{font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style:italic; font-weight:normal; line-height:inherit;}
abbr{border-bottom:1px dotted #666; border-color:inherit; cursor:help;}
.clear{clear:both;}
.right-float{ float:right; margin-left:2em; margin-right:0;}
.left-float{ float:left; margin-right:2em; margin-left:0;}
.llengua {text-align:right;}
.llengua a, a:visited, a:hover {color:#666666;}
.code{font-family:Courier, "Courier New", monospace; background:#ddd; font-size:1em;}
/*---------- IMAGE STYLES ----------*/
img{font-size:1em;}
img.left-img{font-size:1em; float:left; padding:4px; border:1px solid #ccc; margin-bottom:1.8em; margin-right:2em; margin-top:0.3em;}
img.right-img{font-size:1em;float:right;padding:4px; border:1px solid #ccc; margin-bottom:1.8em; margin-left:2em;  margin-top:0.3em;}
/* Formulari */
form#two {background:#000; width:420px; padding:10px;margin-left: 1%; color:#c2bdba;}
form#two fieldset {width:400px; display:block; border:1px solid #666666; padding:0.5em; font-family:verdana, sans-serif; margin-bottom:0em; line-height:1em;}
* html form#two fieldset#personal, * html 
* html form#two fieldset#current {background-position:400px 20px;}
form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #666666; margin:5px; padding:3px; width:200px;}
form#two label {clear:left; display:block; float:left; width:140px; text-align:right; padding-right:5px; margin-bottom:0.5em;margin-top:0.5em;}
form#two input {padding:2px; background:#fff; margin-bottom:0.6em; color:#000;}
form#two textarea {width:350px; height:8em; border:1px solid #000; padding:0.5em; overflow:auto; background:#fff ; color:#ca1c1c;}
.butons {text-align:center;margin-top:20px;margin-bottom:20px;}
#submit{ clear:both; padding:15px; border:2px solid #666; background:#000 !important; cursor:pointer; margin-left:9em;}
#reset{	 clear:both; padding:15px; border:none; background:#000 !important; cursor:pointer; float:right; color:#fff; margin-top:28px;}

/*---------- LIST STYLES ----------*/
ul{ margin-bottom:1.8em; list-style:square inside;}
ul li{ font-size:1.2em;	line-height:1.5em;}
/* Apply this class to the first list item in a list to give it a caption */
ul li.caption{ font-variant:small-caps;	list-style:none; color:#950000;}
li > ul, li > ol{ margin-bottom:0; margin-left:5em;}
li > ul li, li > ol li{	font-size:1em;}
ol{ margin-bottom:1.8em; list-style:decimal inside;}
ol li{ font-size:1.2em;	line-height:1.5em;}

.page {
	width: 1000px;
	height: 750px;
	position:relative;
}