﻿body {
color: #000000;
font-family: Verdana, Helvetica, sans-serif;
font-size:12px;
background-color:#CCCC99;
margin-top: 40px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 900px;
height: 300px;
}

h3 {
color: black;
font-size:15px;
}

h4 {
color: maroon;
font-size:12px;
}

h5 {
color: gray;
}

p{
color: black;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#capsalera {
width: 896px;
height: 100px;
border: 2px solid maroon;
background-color: #CC6633;
background-image: url("imgindex/logo.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

#capsalera img {
float: right;
padding-right: 10px;
padding-top: 6px;
}

#capsalera6 {
width: 896px;
height: 100px;
border: 2px solid maroon;
background-color: #CC6633;
background-image: url("imgindex/logo6.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

#capsalera6 img {
float: right;
padding-right: 10px;
padding-top: 6px;
}


#capsalera11 {
width: 896px;
height: 100px;
border: 2px solid maroon;
background-color: #CC6633;
background-image: url("imgindex/logo11.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

#capsalera11 img {
float: right;
padding-right: 10px;
padding-top: 6px;
}


#capsalera16 {
width: 896px;
height: 100px;
border: 2px solid maroon;
background-color: #CC6633;
background-image: url("imgindex/logo16.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

#capsalera16 img {
float: right;
padding-right: 10px;
padding-top: 6px;
}


#capsalera21 {
width: 896px;
height: 100px;
border: 2px solid maroon;
background-color: #CC6633;
background-image: url("imgindex/logo21.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

#capsalera21 img {
float: right;
padding-right: 10px;
padding-top: 6px;
}



#capsalera23 {
width: 896px;
height: 100px;
border: 2px solid maroon;
background-color: #CC6633;
background-image: url("imgindex/logo23.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}

#capsalera23 img {
float: right;
padding-right: 10px;
padding-top: 6px;
}




#menu {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
width: 190px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 20px;
background-color:#EDDD8C;
height: 419px;
border-bottom: 2px solid maroon;
border-left: 1px solid maroon;
}


#contingut {
overflow: scroll;
float: right;
background-color: #FFFBB1;
width: 648px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
text-align:justify;
border-bottom: 2px solid #2D9930;
border-right: 1px solid #2D9930;
margin-top: 0px;
height: 424px;
}

#titols {
background-color: #FFFBB1;
height: 15px;
width: auto;
border-left: 1px solid maroon;
border-right: 1px solid #2D9930;
}


#contingut ul {
font-size:12px;
font-weight:bold;
}

#peu {
background-color: #FFFFFF;
}

.peu{
float: right;
width: 900px;
height: 20px;
text-align: right;
}

.numero {
color: #FFFFBE;
}

.verd {
color: green;
font-weight:bold;
font-size:14px;
}

.nota {
font-style: oblique;
line-height:1;
color: #B45C05;
}

.adresa {
color: maroon;
font-size:12px;
font-style: normal;
}

.adreses {
font-style: normal;
color: black;
font-size:18px;
text-align: center;
line-height:15px;
}

.ressaltar {
font-weight:bold;
}

.subrratllar {
text-decoration: underline;
}

img {
border: none;
}

.clear {
clear: both;
}

.centrar-imagen {
text-align: center; 
}

.style {
text-align: center;
text-decoration: blink;
font-weight:bold;
color: maroon;
font-size:14px;
}

.nom{
font-weight:bold;
font-size: 20px;
}

.credit{
font-weight:bold;
font-size: 12px;
}

.lloc{
font-weight:bold;
color: green;
font-size: 24px;
text-align: center;
border: 1px solid black;
}

.fora{
font-weight:bold;
font-size: 12px;
text-align: center;
}

.mail{
text-align: center;
font-weight:bold;
font-size:16px;
text-align: center;
color: blue;
border: 1px solid black;
}

.tf{
text-align: right;
font-weight:bold;
font-size:14px;
color: #CCCC99;
padding-top: 10px;
}

.border {
border: 2px solid white;
background-color: #CCCC99;
text-align: center;
width: 170px;
}

.titols {
border: 1px solid maroon;
background-color: #CCCC99;
padding: 0px 10px;
font-weight:bold;
}

.border1 {
text-align: left;
font-size: 12px;
}

#menu img {
padding-left: 5px;
padding-top: 48px;
}

.benvinguts {
color: maroon;
font-weight:bold;
text-align: center;
font-size:16px;
}

#menu ul {
list-style-type: circle;
}

.flotar-de {
float:right;padding:7px;
}


#menu2 img {
padding-left: 5px;
padding-top: 35px;
}

#menu2 ul {
list-style-type: circle;
}

#menu2 {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
width: 190px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 20px;
background-color:#EDDD8C;
height: 419px;
border-bottom: 2px solid maroon;
border-left: 1px solid maroon;
}

