body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}
h1{
padding:0px;
}
li{
padding:5px;
}
/* estils dels div */
#container
{
width:100%;
margin: 10px auto;
background-color: #000000;
color: #333;
/*border: 1px solid gray;*/
/*line-height: 130%;*/
}
#cap{
color:#009900;
background-color:#000000;
border-style:solid;
border-width:1px;
border-color:#FF0000;
padding:6px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
height:40px;
vertical-align:middle;
}
#esquerre{
float:left;
color:#009900;
background-color:#000000;
border-style:solid;
border-width:1px;
border-color:#FF0000;
text-align:center;
font-size:18px;
padding:2px;
/*margin-bottom:5px;*/
width:200px;
}
#contingut{
color:#009900;
background-color:#000000;
/*border-style:solid;
border-width:1px;
border-color:#FF0000;*/
font-size:20px;
padding:5px;
/*margin-bottom:6px;*/
margin-left:230px;
margin-right:230px;
text-align:center;
/*max-width: 36em;*/
}
#dreta{
float:right;
color:#009900;
background-color:#000000;
border-style:solid;
border-width:1px;
border-color:#FF0000;
text-align:center;
font-size:18px;
padding:2px;
margin-bottom:5px;
width:200px;
}
#peu{
bottom:0px;
color:#009900;
background-color:#000000;
border-style:solid;
border-width:1px;
border-color:#FF0000;
text-align:center;
font-size:18px;
padding:6px;
margin-left:206px;
margin-right:206px;

}

/* estils del div esquerra */
#taulaMenu{
text-align:center;
margin-left:auto;
margin-right:auto;
width:200px;
background-color:#009900;

}
#taulaSubmenu{
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:14px;
width:150px;
background-color:#009900;
}
.menu{
/*background-color:#000000;*/
background-color:#333333;
font-weight:bold;
color:#009900;
height:35px;
}
.menu:hover{
background-color:#009900;
color:#000000;
}
.menu a{
text-decoration:none;
color:#009900;
}
.menu:hover a{
background-color:#009900;
color:#000000;
}
.submenu{
background-color:#333333;
/*background-color:#000000;*/
color:#009900;
}
.submenu:hover{
background-color:#009900;
color:#000000;
}
.submenu a{
text-decoration:none;
color:#009900;
}
.submenu:hover a{
background-color:#009900;
color:#000000;
}
.selec{
background-color:#009900;
color:#000000;
height:35px;
}
.subselec{
background-color:#009900;
color:#000000;
}
/* estils del div contingut */
#taulaLinks{
text-align:left;
margin-left:auto;
margin-right:auto;
font-size:18px;
max-width:36em;
background-color:#000000;
}
#taulaLinks a{
text-decoration:none;
color:#FF9900;
}
.links{
text-align:left;
font-size:24px;
font-weight:bold;
color:#FF9900;
}
.titol{
padding:5px;
text-align:justify;
font-size:22px;
font-weight:bold;
}
.apartat{
padding:5px;
text-align:justify;
font-size:28px;
font-weight:bold;
}
.cont{
text-align:justify;
font-size:18px;
}
.contList{
text-align:justify;
font-size:18px;
}
.nota{
text-align:justify;
font-size:12px;
}
.decalogo{
text-align:justify;
font-size:18px;
color:#FF6600;
}
.cont:first-line{
text-align:left;
font-size:24px;
font-weight:bold;
}
.novivetitol{
padding:5px;
text-align:justify;
font-size:24px;
}
.novive{
padding:5px;
text-align:justify;
font-size:18px;
}
 /* classes per al div de la dreta*/ 
#formulari {
text-align:left;
margin-left:auto;
margin-right:auto;
width:90%;
}
#taulaForm{
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
background-color:#000000;
}
#portada{
margin-bottom:0px;
}
#pedido{
margin-top:0px;
}
.foto{
width:180px;
padding:5px;
}
.grafica{
width:400px;
text-align:center;
padding:10px;
margin-right:auto;
}
.fotodefecte{
width:500px;
text-align:center;
padding:10px;
margin-right:auto;
}
.factura{
width:250px;
text-align:center;
padding:10px;
margin-right:auto;
}
.camp{
width:95%;
background-color:#333333;
color:#009900;
border-style:solid;
border-color:#009900;
}
.exemp{
width:20%;
background-color:#333333;
color:#009900;
border-style:solid;
border-color:#009900;
}
.boto{
background-color:#000000;
border-style:solid;
border-width:2px;
border-color:#009900;
color:#009900;
}
.form{
text-align:left;
font-size:16px;
}
.formLabel{
text-align:right;
font-size:16px;
}
#taulacontact{
width:90%;
text-align:center;
border-width:0px;
}
.contact{
text-align:right;
font-size:16px;
}
.contact2{
text-align:right;
font-size:16px;
}
.titolCont{
text-align:center;
}
.campcontact{
width:80%;
background-color:#333333;
color:#009900;
border-style:solid;
border-color:#009900;
}
.texpedido{
padding-left:4px;
padding-right:4px;
text-align:left;
font-size:16px;
margin-top:5px;
margin-bottom:5px;
text-indent: 5%;
}
.linkpedido{
text-align:center;
font-weight:bold;
font-size:20px;
}
.linkpedido a{
color:#009900;
}
.formsend{
text-align:center;
}
 /* classes per al div cap*/ 

.textcap{
text-align:center;
font-size:28px;
}
.textcap a{
text-decoration:none;
}
.textpeu{
text-indent:25px;
text-align:justify;
font-size:20px;
margin-bottom:20px;
margin-top:5px;
}

.titolpeu{
/*color:#990099;*/
font-size:28px;
}
.textpeu a{
text-decoration:none;
}

.fotoportada{
background-color:#000000;
height:400px;
border:0px;
}
 
 /* classes per al div peu*/ 
 
.texpeu{
padding-left:4px;
padding-right:4px;
text-align:left;
font-size:18px;
margin-top:5px;
margin-bottom:5px;
text-indent: 5%;
}

.titolpeu{
padding-left:4px;
padding-right:4px;
text-align:center;
font-size:24px;
margin-top:5px;
margin-bottom:5px;

}

/* fotos */

.fotobici{
background-color:#000000;
width:500px;
border:0px;
}

.taulabici{
width:80%;
text-align:center;
border-width:0px;
background-color:#333333;
margin-left:auto;
margin-right:auto;
}
.casellabici{
width:90%;
text-align:center;
background-color:#009900;
}
.articles{
text-align:justify;
font-size:18px;
}
.articles a{
color:#99CC00;
text-decoration:none;
}
.taulalink{
width:80%;
text-align:center;
border-width:0px;
background-color:#009900;
margin-left:auto;
margin-right:auto;
}
.fotolink{
border:0px;
}
.casellalink{
width:90%;
text-align:center;
background-color:#333333;
}