body {
    font-family: Arial, Helvetica, sans-serif;
    background: #555 url(../images/fons.gif); /* no-repeat center center; */
    /* background: #444; */
    color: #555;
}

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

.img {
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #9c4;
}

a, a:visited, a:hover {
    color: #555;
    text-decoration: none;
}

.coberta {
    width: 900px;
    margin: 2em auto 0;
    padding: 0;
    background: #fff;
    
    -ms-border-radius: 20px;    
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
    border-style: solid;
    border-width: 1px;
    border-color: #000;
}

.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;
   
    -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: #000; /*#030; */
    font-weight: bold;
    background: transparent; /* #9c4; */
}

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

}

.menu {
    background: #000; /* #030;  #003003; #48643c; */
}

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

.menu ul li {
    display: inline;
}

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

.menu ul li#current a,
.menu ul li a:hover {
    background: #fff;
    padding: 6px 12px;
    color: #555;
}

.menu ul li#current a {
    border-top: 4px solid #000;
}

.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: #555;
    font-size: 1.5em;
}

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

.esquerra-cel, .dreta-cel {
    position: absolute;
    top: 0px;
    background: #555;
    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: #fff;
    background: #555;
    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, .terrra a:visited, .terra a:hover {
    color: #9c4;
    font-size: 0.9em;
    font-weight: bold;
}

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;
}