body {
    font-family: Arial, Helvetica, sans-serif;
    background: #e5e1d6 url(../images/bg-yellow.png);  /* bg.jpg :: fons-fosc.jpg  <- proves nova web  */
    color: #000; /* #282626; #fff;  #d5d5d5; */
    text-shadow: 1px 1px 0 #fff;
    /* background: #555 url(../images/fons.gif); */ /* no-repeat center center; */
    /* background: #fa7900 url(../images/orange-stained.jpg) no-repeat top right; */ /* <- proves nova web  */
    /* background: #444;*/ /* <- proves nova web  */
}

img {
    margin: 0px;
    border: 0px;
}

.img {
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #ad633d; /* 3e70; */
}

a, a:visited, a:hover {
    color: #ad633d; /* #e70; */
    text-decoration: none;
}

.coberta {
    width: 900px;
    margin: 2em auto 0;
    padding: 0;
    background: transparent;
    /* background: #fff; */
    /* background: #d5d5d5 url(../images/fons-clar.jpg); */ /* <- proves nova web  */
    /* background: #efecec;*/ /* <- proves nova web  */

    -ms-border-radius: 20px;    
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    border-style: solid;
    border-width: 2px;
    border-color: #a64; /* #ad633d; #e70; */
}

.coberta .socialnetworks {
    float: right;
    margin: 2px 3px 0 0;
    text-align: right;
}

.cap {
    font-family: "Courier New", Courier, monospace;
    text-align: center;
    /* background: #9c4 url('../images/cameras.gif') no-repeat center center; */
    background-image: url('../images/antic-modern.png'); /* no-repeat center center;*/ /* <- proves nova web  */
    background-repeat: no-repeat;
    background-position: center center;

    -ms-border-radius: 20px 20px 0 0;
    -khtml-border-radius: 20px 20px 0 0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    /* -webkit-border-radius: 20px 20px 0 0; */
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;

    border-style: none;
    padding: 0.5em;
}

.cap h1 {
    font-size: 3em;
    display: inline;
    color: #444; /* #282626; #282626; #2a2a2a;  #030; */
    font-weight: bold;
    text-shadow: 2px 2px 0 #eee; /* #fff; */
    background: transparent; /* #9c4; */
}

.cap h2 {
    display: inline;
    margin-left: 0.5em; 
    font-size: 1.8em;
    font-weight: bold; /* normal; */
    background: transparent; /* #9c4; */
    color: #444; /* #000; #555; #2a2a2a; #030; */

}

.menu {
    background: #5e5353 url(../images/bgmenu.png); 
    /* background: #000; */ /* #030;  #003003; #48643c; */
    /* background: #ad633d; */  /* #2a2a2a; #e70;*/  /* <- proves nova web  */
}

.menu ul {
    text-shadow: none;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 6px;
}

.menu ul li {
    display: inline;
}

.menu ul li a {
    color: #e4e0d3; /* #282626; */ /* #e70; */
    font-size: 1.1em; 
    padding: 6px 12px;
    font-weight: normal;
    text-decoration: none;
}

.menu ul li#current a,
.menu ul li a:hover {
    /* background: transparent; #d5d5d5;
       background: #e5e1d6 url(../images/bg.jpg); */
    background: #fbf678 url(../images/bg-yellow.png);
    padding: 6px 12px;
    color: #000; /* #282626; #ad633d;  #e70; */
    text-shadow: 1px 1px 0 #fff;
}

.menu ul li#current a {
    /* border-top: 4px solid #000; */
    border-top: 4px solid #444; /* #282626; #ad633d;  #e70;  <- proves nova web  */
}

.contingut {
    padding: 2em;
    text-align: justify;
    font-size: 1.1em;
}

.contingut li {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.contingut h2 {
    margin: 0 0 0.5em 0;
    color: #444; /*#555;  #ad633d; */
    font-size: 1.5em;
}

.contingut a, .contingut a:visited {
    color: #000;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 1px;
    padding-top: 1px;
    white-space: nowrap;
}

.contingut pre a, .contingut pre a:visited {
    font-size: 0.9em;
    color: #606060;
}

.contingut a:hover, .contingut pre a:hover {
    color: #a64;
}

.logoA, .logoB {
    background-color: transparent; 
    border: 2px solid #000; 
}

.logoA:hover {
    background-color: #fff;
    border: 2px solid #ad633d;
}

.logoB:hover {
    background-color: #830051;
    border: 2px solid #ad633d;
}

.esquerra-cel, .dreta-cel {
    position: absolute;
    top: 0px;
    background: transparent; /* #555; */
    /* background: #2a2a2a; */ /* <- proves nova web  */
    /* color: #fff; */
    margin: 0px;
    padding: 2px;
    font-size: 0.8em;
}

.dreta-cel {
    right: 0px;
}

.esquerra-cel {
    left: 0px;
}

.peu {
    background-color: transparent;
    margin-top: 0.5em;
    position: relative;
    text-align: center;
}

.terra {
    display: inline;
    font-size: 0.8em;
    color: #444; /* #282626; */
    background: transparent /* #555; */
    /* background: #2a2a2a; */ /* <- proves nova web  */
    padding: 2px;
    margin: 0;
}

.esquerra-cel a, .esquerra-cel a:visited, .esquerra-cel a:hover,
.dreta-cel a, .dreta-cel a:visited, .dreta-cel a:hover, 
.terra a, .terra a:visited, .terra a:hover {
    color: #000; /* #210e08; #9c4; */
    /* color: #e70; */ /* <- proves nova web  */
    /* font-size: 0.9em; */
    font-weight: bold;
}

.esquerra-cel a:hover, .dreta-cel a:hover, .terra a:hover {
    color: #a64; /* #ad633d; */ 
}

ul.errorlist {
    margin: 0;
    padding: 0;
}

.errorlist li {
    /* background-color: red;*/
    color: red; /* white; */
    display: block;
    font-size: 0.7em;
    /* 10px; */
    margin: 0 0 3px;
    padding: 4px 5px;
}