/*
  Global White Space Reset
  http://leftjustified.net/journal/2004/10/19/global-ws-reset/

  BEGIN
*/

* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, fieldset, address {
  margin:1em 5%;
}

li {
  margin-left:5%;
}

dl, dt, dd {
  margin:0;
  padding:0;
}

fieldset {
  padding: .5em;
}

option { /* Firefox fix  this other also works*/
  min-width: 1.5em;
}

/* END Global White Space Reset */

/****************************************************************************
**  GENERAL
****************************************************************************/

html {overflow:hidden}

body {
  background-color: #fff;
  color:#5F5F5F;
  font-family:"Trebuchet MS", Arial, sans-serif;
  padding-top:2.5em;
  *padding-top:3em;
}

#container {
}

#menu, #text, #gal, #footer {
  margin-left:3em;
  width:45em;
  *width:44.5em;
}

#menu ul {
  list-style:none;
  padding:0;
  margin:0;
}

#menu li {
  padding:0;
  margin:0;
  padding-right:1em;
  display:inline;
  color:#ddd;
}

#menu li a{
  font-size:1em;
  color:#92781A;
  text-decoration:none;
}

#menu li a:hover{
  font-size:1em;
  color:#92781A;
  text-decoration:underline;
}

#banner, #banner2 {
  margin-top: 0.4em;
  background: #eee url(img/pont2.jpg) no-repeat 2em 0;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

/*
#banner h1 {
  font-family:"Monotype Corsiva", "Trebuchet MS", Arial, sans-serif;
  font-size:55px;
  margin:0;
  padding: 0.1em 0 0.1em 8.5em;
  *padding-left:8.2em;
  color:#92785A;
}

*/
#banner {
  padding: 1em 0 1em 29.6em;
  *padding-left: 28.6em;
  color:#92785A;
}

#banner h1 {
  margin:0;
  padding:0;
  background: url(img/logo.gif) no-repeat;
  overflow: hidden;
  /*Size of the image*/
  padding-top: 108px;
  width: 294px;
  /* WIN IE5 hack */
  height:108px;
  voice-family: "\"}\"";voice-family:inherit;
  height: 0;
}

#banner2 {
  margin:0;
  margin-top:0.4em;
  color:#92785A;
  height:3em;
}

#banner2 #title {
  font-size:2.3em;
  margin-left:1.25em;
  *margin-left:0.62em;
  float:left;
  width:10em;
}

#banner2 #familia {
  font-size:1em;
  text-align:right;
  width:10em;
  margin-left:37.7em;
  *margin-left:36.6em;
}

#text, #gal {
  text-align:justify;
  margin-top: 1em;
  margin-bottom: 1em;
}

#page p {
  padding-left:0.4em;
  margin:0;
  margin-bottom:1em;
}

#footer {
  clear:both;
}

#footer h5{
  font-size:0.7em;
  padding:0;
  margin:0;
  border-top: 1px solid #a2a81A;
  padding-top: 0.3em;
  padding-bottom: 1em;
  color:#999;
}

#footer a, #footer a:visited {
color:#999;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}


/****************************************************************************
**  PORTADA
****************************************************************************/

#portada p {
  margin:0;
  margin-bottom:1em;
}

#portada #text, #page #text, #page #gal {
  font-size:0.9em;
  padding-left:0.5em;
  width:50em;
  *width:51em;
  min-height:18.6em;
}

#portada #text {
  *width:49.5em;
  min-height:0;
  padding-bottom:1.48em;
  *padding-bottom:1.8em;
}

/****************************************************************************
**  HISTORIA
****************************************************************************/

#inforight {
  float:left;
  width:7em;
}

#inforight ul {
  list-style:none;
  padding:0;
  margin:0;
  text-align:right;
  dpadding-right:1em;
}

#inforight ul ul{
  padding-left:1em;;
}

#inforight li {
  padding:0;
  margin:0;
}

#inforight li a {
  padding:0;
  margin:0;
  color: #92785A;
  text-decoration:none;
}

#inforight li a:hover {
  text-decoration:underline;
}

/****************************************************************************
**  NOTICIES
****************************************************************************/

dl {
  *padding-right:1.3em;
}

dt {
  font-size:1.3em;
  border-bottom: 2px solid #aaa;
}

dd {
 margin-bottom: 0.5em;
}

dd img {
  margin:0.5em;
  padding:0;
  margin-left:0;
  float:left;
}

#scroller3 {
  height:25em;
  overflow:auto;
  overflow-y:auto;
  overflow-x:none;
  padding-right:0.5em;
}

#scroller3 fieldset {
  margin:0;
  margin-top: 0.8em;
  padding:0.1em;
  -moz-border-radius:8px;
}

#scroller3 ul {
  margin:0 auto;
  padding:0;
}

#scroller3 li {
  margin:0;
  padding:0;
  padding-left:0.5em;
  display:inline;
}

#scroller3 li a{
  color:#92781A;
  text-decoration:none;
}

#scroller3 li a:hover{
  color:#92781A;
  text-decoration:underline;
}

#pages {
  text-align:center;
}

#gal {
  text-align:center;
  height:18.5em;
  *height:19em;
}

#gal a, #pages a{
  font-size:1em;
  color:#92781A;
  text-decoration:none;
}

#gal a:hover{
  font-size:1em;
  color:#92781A;
  text-decoration:underline;
}

#gal table, #gal p {
  margin:0;
  padding:0;
}

#gal table {
  margin:0 auto;
  margin-top:0.2em;
  text-align:center;
}

/****************************************************************************
**  QUI SOM
****************************************************************************/

form#quisom {
  width:9em;
}

#quisom #enviar {
  display:block;
  margin:0.5em auto;
  font-size:0.8em;
  height: 1.8em;
  line-height:1.3em;
}

#login {
  float:left;
}

#login fieldset, #login #info {
  padding:0.5em;
  margin:0;
  text-align:left;
  font-size:0.9em;
  -moz-border-radius:8px;
}

#scroller, #scroller2 {
  height:25em;
  width:39.1em;
  *width:38.5em;
  overflow:auto;
  padding-right:0.5em;
  float:right;
}

#scroller td, #scrollerasp td {
  border-bottom: 1px solid #a2a81A;
}

#scroller table, #scrollerasp table {
  margin-bottom: 1em;
  width:39em;
  *width:38.5em;
}

#scroller caption, #scrollerasp caption {
  color: #92785A;
  font-weight:bold;
  background-color:#eee;
}

#scroller2 {
  width:41.7em;
  *width:42em;
  border-left: 1px solid #a2a81A;
  padding-left:0.5em;
}

#scroller2 li{
  margin:0;
  padding:0;
}

#scrollerasp {
  width:48em;
  float:left;
  overflow:auto;
  height:18.6em;
  *height:19em;
}

#scrollerasp table {
  width:49.5em;
  *width:48.6em;
}

/****************************************************************************
**  CONTACTE
****************************************************************************/

#contacte fieldset{
  padding:0.5em;
  width:37em;
  margin: 0 auto;
  border:1px solid #ccc;
}

#contacte label {
  width:36.5em;
  display:block;
  text-align:left;
  margin-top:0.3em;
}

#contacte .inputT {
  width:36.5em;
}

#contacte #denviar {
  clear:both;
  margin-top:0.5em;
  text-align:center;
}

#contacte #denviar input{ padding:0 0.3em;  margin:0.5em auto;}

#contacte textarea {
  width:36.5em;
  height:5em;
}