a { color:#F20; text-decoration:none }
a:hover,a:active, a:focus { color:#000000; text-decoration:underline; }

a.neg{ color: white; text-decoration:none }
a.neg:hover,a.neg:active { color:#FFCC33; text-decoration:underline }

div.reset { clear: both; margin: 0; font-size: 0 }

table.fotosHistoria { margin-left: 12px; margin-top: 20px }
table.fotosHistoria td { font: 0.75em Helvetica, Arial, Sans-serif; padding-left: 18px; padding-bottom: 18px }
table.fotosHistoria img { margin: 0 0 5px 0; border: none; width: 160px; height: 89px }



/***** ESTILS TEXT *****************************************************/
.categoria { clear: both; width: 258px; background: #E14A00; color: white; font: bold 0.8em Helvetica, Arial, Sans-serif; padding: 5px 30px 5px 30px; text-transform: uppercase; margin: 0 0 20px 222px }

h1 { color: #E14A00; font: bold 1.1em Helvetica, Arial, Sans-serif; text-align: left; margin: 0px 30px 10px 35px }
.intro { font: 0.85em Helvetica, Arial, Sans-serif; text-align: left; margin: 0 30px 15px 35px; color: #180500 }
.txt { background: url(img/filet.jpg) no-repeat; color: #382B27; font: 0.80em Georgia, Times New-Roman, serif; text-align: justify; margin: 0 0 15px 35px; padding-top: 15px; width: 475px }

.fotomini { width: 475px; height: 155px; border: none; margin-left: 35px }
.peufoto { font: 0.75em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; margin: 10px 30px 4px 30px; color: #9E9790 }


/***** ESTRUCTURA *****************************************************/
html, body { height:100%; margin: 0; padding: 0; border: none; text-align: center; }


body#marc { text-align: center;	margin: 0; background: url(img/bg_pag.gif) fixed top; }

div#contL { display: inline; width: 218px;	margin-left: 10px; float: left; text-align: left; }
div#contR { display: inline; width: 540px; margin: 0 10px 0 0; float: right;  padding: 0 0 20px 0px; text-align: left }

div#peu { margin: 0 10px 0 10px; padding: 0 0 0 0; text-align: left; background: #D44A2A; font: 0.75em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; color: white; height: 47px  }
div#peu p { margin: 0; padding: 22px 20px 0 0; text-align: right}

div#ariadna { font: 0.7em Arial, Helvetica, Sans-serif; color: #777777; margin: 0 0 0 30px; padding: 4px 0 4px 0; border-bottom: 1px solid #CCCCCC }


table#layoutTable { background: url(img/bg_pag_ombra2.gif); width: 778px; height:100%; text-align: center; margin-bottom: 0 }
html>body table#layoutTable { margin-bottom: -25px }

table#layoutTable td.colTop { vertical-align: top; }

div#idioma { background: url(img/bg_idioma.png) no-repeat #FFCC33; height: 19px; margin: 0 10px 0 10px }
div#idioma p { font: 0.65em Lucida Sans Unicode, Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 0; padding: 2px 10px 0 10px; float: left; border-left: 1px solid black; height: 17px; display: inline }
div#idioma a { color: black }
div#idioma p:hover, div#idioma p:active { background: #D44A2A }
div#idioma p:hover a, div#idioma p:active a { color: white; text-decoration: none }


div#header { margin-left: 0px; clear: both; display: inline }
div#subheader { float: left; display: inline; width: 758px; background: white; font: 0.7em Helvetica, Arial, Sans-serif; text-transform: uppercase; margin-left: 10px; text-align: left; border-bottom: 1px solid #7A6D69; padding: 4px 0 4px 0 }

div#menu { background: #E6DDD4 }
div#menu p { color: black; font: bold 0.75em Helvetica, Arial, Sans-serif; text-transform: uppercase; background: #FFCC33; padding: 4px 10px 4px 10px; margin: 0 }

div#menu ul { font: bold 0.8em Helvetica, Arial, Sans-serif; color: #E14A00; list-style: none; margin: 0; padding: 0 0 5px 0 }
div#menu ul ul { font: 0.9em Georgia, Times New-Roman, serif; color: black; list-style: none; padding: 0 }
div#menu ul li { border-top: 1px solid #B1A29E; padding: 3px 5px 5px 10px; margin: 0; width: 186px }
html>body div#menu ul li { width: auto }
div#menu ul li ul li { border-top: none; padding: 0 5px 0 10px; margin: 0; text-indent: -5px; width: 186px }
html>body div#menu ul li ul li { width: auto }
div#menu a { color: black; text-decoration:none }
div#menu a:hover, div#menu a:active, div#menu a:focus { color:#F20; text-decoration: none; }