* { padding: 0; margin: 0 }
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em;}
.content { background: url(header2.jpg) no-repeat 0px 147px; color: #3B2A0A; margin: 0 auto; padding: 0; width: 850px;}
#header { background: url(header.jpg) no-repeat; width: 850px; height: 147px; }
#header h1 {  font: bold 3em "Tahoma", Arial; color: #85621E; line-height: 1em;}
#header h3 {  font: bold 1em "Tahoma", Arial; color: #000; }
#header .title { padding: 60px 0 0 60px; }
#header .navic { clear: both; text-align: left; color: #FFFFFF; padding: 10px 0 0 0px; z-index:0;position:absolute;}
#header .menuic { width: 700px; float: left; padding: 0; padding: 80px 0 0 0px; z-index:0; position:absolute;}
#main { width:850px; /*height: 550px;*/ margin: 0; padding: 90px 0 0 0; }	
#main .center { margin:5px 0; padding:0; font: 11px Arial; width: 510px; float: left; padding: 0 20px 0 0px; text-align:justify; }
#main .credits { margin:5px 0; padding:0; font: 11px Arial; width: 510px; float: left; padding: 0 20px 0 0px; text-align:justify; border-right: 1px solid #e0e0e0;}
#main .comments { width: 220px; text-align:center;float: right; padding: 75px 50px 0 0px; top: 325px; left: 760px;}
#main h2 { color: #85621E; line-height: 0.2em; }
#main h3 { color:#85621E; font-size:120%; font-weight:bold; margin: 10px 0 10px 0;}

.topmenu { width: 700px; height: 24px; float: left; padding: 0; padding: 0px 0 0 0px; z-index:10; position:absolute;}
.leftmenu2 { width: 850px; height: 20px; float: left; padding: 0; padding: 0 0 0 50px;}
.padding { padding: 5px; }
.img { float:right; padding: 1px; margin: 5px 8px 5px 0;top: 480px; left: 470px; border: 1px solid #e0e0e0;}
.logos { padding: 1px; 	margin: 5px 8px 5px 0; padding:0 0 1em 0; border-bottom: 1px solid #e0e0e0;}

/* LOGOS COLABORADORES */
#logos {width:200px;  text-align: left; clear: both; padding: 0px; margin: 0; }
#logos .comments { padding: 20px 0px 0 0px;}

/* PREFOOTER */
#prefooter { color: #85621f; height: 190px; text-align: left;  clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { position: 150px 150px; width: 70px; padding: 20px 0px 0 0px; float: left;}

/* FOOTER */
#footer { color: #000000; clear: both; padding: 20px 0px 0px 0px; margin: 0;}
#footer .padding { padding: 0px 0px 0 0; }
#footer hr { width: 740px; color: #000000; border: 1px solid #000000; margin: 0 25px 0 25px;  }

/* NAVIGATION */
.nav { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; clear: both; text-align: left; color: #FFFFFF; padding: 62px 0 0 50px; z-index:1;}
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #95722E; text-decoration: none;  }

.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }
.resalt{ margin-left:10px; color: #643200;  text-decoration:none; }
a.link:link{ color: #643200;  text-decoration:none; }
a.link:active{ color: #643200;  text-decoration:none; }
a.link:hover{ color: #643200;  text-decoration:none; }
a.link:visited{ color: #643200;  text-decoration:none; }
/*------------ataņe solo a edicions.htm--------------------------*/
.edicions { margin-left:10px; color: #643200;  text-decoration:none; border: 1px solid #e0e0e0;}
.edicions a{ margin-left:10px; color: #643200;  text-decoration:none;}
/*------subclase para enlaces en links.htm----------------------*/
a.enllasos:link{ margin-left:10px; color: #643200;  text-decoration:none;}
a.enllasos:hover{ margin-left:10px; color: #330000;  text-decoration:underline;}
a.enllasos:visited{ margin-left:10px; color: #643200;  text-decoration:none;}
/*------------------subclase para enlaces en credits.htm*/
a.credits:link{ margin-left:10px; color: #643200;  text-decoration:none;}
a.credits:hover{ margin-left:10px; color: #330000;  text-decoration:underline;}
a.credits:visited{ margin-left:10px; color: #643200;  text-decoration:none;}

/* -------------------general----------------------------------*/

/*p { margin: 0 0 5px 0; 	padding: 0; color: #555; background: inherit; }*/
hr { border: 0; height: 1px; color: #eee; }
a { color: #FFFFFF;  text-decoration:none; }
a:hover { 	background: inherit;	text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; font: bold 2.5em Arial, Sans-Serif; letter-spacing: -1px; text-align:center; }
h1 a {color: #0F5BFF;}
h2 { color:#85621E; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0 0 0.4em 0; border-bottom: 1px solid #85621E; }
h2 a { color: #85621E;}
h2 a:hover { 	color: #BD9C5C; text-decoration: none;}
ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;	color: #F29900;	margin: 0 0 0px 0;	padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

/*----------------- contacte --------------------------*/

fieldset {	border: 1px solid #eee; }
textarea.text { height: 150px; width: 235px; border: 1px solid #713707; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #CCCCCC; color: #000; }
input.field {
	border: 1px solid #713707;
	background-color: #FFFFFF;
	width: 235px;
	color: #000;
}
input.field:hover { border: 1px solid #eee; background: #CCCCCC; color: #000; }
input.text { margin: 0; width: 110px;	border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton { 	margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc; }
.comments { position: 350px 350px; padding: 10px 10px 8px 10px; margin: 0 0 7px 0; color: #333; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error {	color: #990000;	background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA;	padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }


/*----------------- VOLUNTARIS --------------------------*/

#voluntaris fieldset {	border: 1px solid #eee; }
#voluntaris textarea.text { height: 70px; width: 250px; border: 1px solid #713707; background: #fff; color: #000; }
#voluntaris textarea.text:hover { border: 1px solid #eee; background: #CCCCCC; color: #000; }
#voluntaris input.field {
	border: 1px solid #713707;
	background-color: #FFFFFF;
	width: 250px;
	color: #000;
}
#voluntaris input.field:hover { border: 1px solid #eee; background: #CCCCCC; color: #000; }
#voluntaris input.text { margin: 0; width: 110px;	border: 1px solid #546078; background: #FFF; color: #808080; }
#voluntaris input.text:hover { border: 1px solid #3a4354; }
#voluntaris input.searchbutton { 	margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
#voluntaris .date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
#voluntaris .date a { color: #546078; }
#voluntaris input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc; }



/*-------------------------- menu desplegable--------------------------*/
.menulinkcss{
	position:fixed;
	visibility: hidden;
	border: #3E1F00;
	border-bottom-width: 1px;
	font:normal 10px Verdana;
	line-height: 18px;
	z-index: 10;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	background-color: #9D4F00;
	width: 120px;
	left: 320px;
}

.menulinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
	border-bottom: 1px solid #330000;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
}

.menulinkcss a:hover{ /*hover background color*/
	background-color: #4F2700;
	color: white;
}