/* ___________________________ELEMENTS HTML_____________________*/
h1 {
font-family:arial;
font-size:13pt;
color:#cc0000;
text-transform:uppercase;
}

h1.titolWeb {
margin-left:200px;
margin-top:-45px;
text-transform:none;
}

h2 {
text-align:left;
font-size:11pt;
color:#cc0000;
}

h2.subtitol {
text-align:center;
font-size:10pt;
}
h2.titolambLinia{
border-bottom:1px solid #C60C30;
}


h3 {
font-size:10pt;
}

span.titol_vermell {
font-size:11pt;
color:#cc0000;
font-weight:bold;

}

#page {
width:912px;
margin:0 auto;
position:relative;
min-height:550px;

}
body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:justify;
	margin-top:10px;
			}
ul.menu {
margin:0px auto;
padding:0px;
list-style:none;
white-space:nowrap;
font-family:Arial;
font-size:10pt;
font-weight:bold;
position:relative;
}

ul.menu li{
float:left;
display:inline;
font-weight:bold;
font-family:Arial;
position:relative;
background:url(../img/ombra_boto.jpg) 0 0 no-repeat;
background-position: right;
width:170px;
margin-right:50px;
}

.menu li a {
margin:auto;
height:55px;
color:black;
text-decoration:none;
display:block;
padding-top:25px;
padding-left:30px;
white-space:pre;
}

.menu li a:hover {
color:#cc0000;
background:url(../img/ombra_boto2.jpg) 0 0 no-repeat;
background-position: right;
}

span.botoB {
margin-left:80px;
}
.boto_estatic {
color:#red;
}

a img {
border:none;
}	
	
a {
text-decoration:none;
color:#9a1e11;}
	
a:hover {
color:red;
}	

	
	
/*  ____________taula dels articles___*/	
		
table {
margin:auto;
font-size:7.5pt;
text-align:center;
}

/*__________________cel·les genèriques per totes les taules__________*/
td.capçalera {

}

tr.titol {
font-weight:bold;
color:#ad1f1a;
font-size:8pt;
height:15px;
}

tr.buida {
height:15px;
}

td.preu {
font-weight:bold;
min-width:110px;
}
td.contArticle {
background-color:#efefef;
min-width:110px;}

td.cellfoto {
min-width:100px;
}


 /*___________taula index vaixella compostable________________*/
table.contIndexVaixella {
border:1px solid #d7d7d7;
background:url(../img/img_taula_fons.jpg) 0 0 repeat-x;
}

table.imgportadavaixella {
width: 500px;
margin-right:0px;
}

table.imgportadavaixella td img {
display:block;
margin:auto;
}
table.imgportadavaixella td {
width:250px;
}

tr.contTitols {
height:30px;
font-size:12pt;
font-weight:bold;
}

td.titolsTaulaIndex {
background:url(../img/img_taula.jpg) 0 0 repeat-x;
}
td.titolsTaulaIndex2 {
background:url(../img/linia_taronja.jpg) 0 0 repeat-x;
}

td.fotosIndex {
border:1px solid #d7d7d7;
}

/*_______________________________________________________*/

p.textBosses {
float:left;
width:180px;
}

div.text_estret {
float:left;
width:380px;
}



table.artcoberts td {
text-align:center;
margin:0px;
padding:0px;
}

table.bolsleft {
float:left;
width:320px;
margin-left:75px;
}

table.bolsright {
width:360px;}

table.bolsright td {
width:120px;
}

table.gotsLeft {
float:left;
margin-left:10px;
position:relative;
}
table.gotsPla {
margin-left:540px;
position:relative;
}

td.contpack {
width:300px;
background-color:#efefef;
}

ul.artpacks {
text-align:left;
}
		
table.estoigsCoberts {
width:600px;	
}

table.estoigCoberts , td.preu, td.article{
background-color:#efefef;}

td.titolEstoig {
width:250px;
background-color:#efefef;
}	
td.fotoCoberts {
width:76px;
}
td.preu1 {
background-color:#d9d9d9;
width:120px;
font-weight:bold;
}


td.fotoPlats {
width:76px;}

table.bosses td {
width:300px;
}

table.bossesPaper {
width:600px;
border:1px solid #d7d7d7;
}
td.fotoBPaper {
width:200px;
border:1px solid #d7d7d7;
}


td.contBPaper {
text-align:left;
background-color:#efefef;
padding-left:25px;
border:1px solid #d7d7d7;
}

td.fotoBComp {
border:1px solid #d7d7d7;

}


td.contBComp {
text-align:left;
background-color:#efefef;
padding-right:10px;}

table.bossesCompos {
margin-right:25px;

}
table.bossesCompos td{
width:200px;


}


table.menuGots {
float:left;
width:470px;
position:relative;
margin-top:5px;
margin-left:-450px;
}


table.recursos-festes td {
width:250px;
padding:10px;
}

td.text-recursos {
text-align:justify;
vertical-align:top;}


table.begudes td {
width:300px;}

td.contBegudes {
width:400px;
text-align:justify;
background-color:#efefef;
padding:10px;
border:1px solid #d7d7d7;
}
	/* ________________________ DIV columnes de text de la home_________________________________   */

	
#threeColLayout #content2 {
float:left;
width:269px;
position:relative;
padding-left:15px;
padding-right:10px;
background:url(../img/ombra_gris.jpg) left repeat-y;
}

#content3 {
float:left;
width:269px;
position:relative;
padding-left:20px;
background:url(../img/ombra_gris.jpg) left repeat-y;
}

#content1 {
float:left;
width:269px;
margin-left:10px;
padding-right:15px;
position:relative;
}

#content1 img {
margin-left:20px;
}
#content2 img{
margin-left:40px;}
#content3 img{
margin-left:20px;}

	/*____________________________________________________________________________*/
	
	/*__________________________________DIV______________________________________*/
#header {	
height:60px;
} 
	
#logo a{
background:url(../img/logo_sarau.gif) 0 0 no-repeat;
width:134px;
height:60px;
display:block;
position:relative;
} 

#titollogo {
	display:none;
	visibility:hidden;
		}
		
	
		
#banners {
width:620px;
margin:auto;
}
		
#cont_menu {
width:912px;
height:100px;
margin:auto;
position:relative;
}

#contingut {
color:#666666;
line-height:15pt;
position:relative;
min-height:540px;}

#textBosses {
width:600px;
float:left;
}
.textBossesComp {
width:500px;
float:left;
}
.textBossesComp2 {
width:400px;
float:left;
}

.cosTextGots{
width:440px;
float:left;
margin-top:80px;

}

.cosTextGots2 {
width:440px;
float:left;
margin-top:5px;}

div.midaText {
position:absolute;
top:10px;
right:10px;
width:140px;
}


#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
color:#999999;
text-align:center;
border-top:4px solid black;
padding-top:10px;
height:100px;
position:relative;
}
#footer a{
text-decoration:none;
font-size:7pt;
color:#999999;
}
#footer a:visited{
font-size:7pt;
color:#999999;
text-decoration:none;
}
#footer a:hover {
color:#666666;
text-decoration:none;}



#img_home {     /*imatge gran de la portada*/
width:911px;
height:310px;
background:url(../img/grans/generica_2.jpg) 7px 7px no-repeat;
margin:auto;
border:1px solid #999999;

}

#textPpal {
color:#dedada;
width:370px;
font-size:11pt;
line-height:15pt;
margin-left:50px;
margin-top:40px;
text-indent:10px;
font-family:arial;
font-style: italic;

}	

#textcompost {
width:380px;
}
p.textPacks {
width:500px;
}


#botoBosses {
width:165px;
height:73px;
background:url(../img/material_compostable/logo_compostable.gif) left no-repeat;
float:right;
margin-top:-25px;
margin-right:50px;
text-align:right;
color:green;
font-size:14pt;
display:block;
font-family:forte,times,arial;
line-height:30.5px;
}

#botoBosses a {
color:green;
text-decoration:none;}

#botoBosses a:hover {
color:red;
}

ull.llistat {
line-height:4px;
}

ul.llistat  li{
padding-bottom:25px;
}

li.textAmple {
width:700px;
}



table.mesEconomic {
margin-left:550px;
margin-top:-80px;}

tr.submenuGots td{
/*background:url(../img/img_taula.jpg) 0 0 repeat-x;*/
color:red;


}

.boto1 {
background-color:#5f5f5d;
color:white;
}

#boto_serveipostvendados a{ 
		float:left;
		margin:auto;
		background-image:url(../img/gots/logos/servei_postvenda_dos.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:330px;
		height:78px;
					}

#boto_serveipostvendados a:hover{ 
		float:left;
		margin:auto;
		background-image:url(../img/gots/logos/servei_postvenda_dos_hover.gif);
		background-repeat:no-repeat;
		background-position:center;
		width:330px;
		height:78px;
					}


.textSostenible {
font-weight:bold;
font-style:italic;
}

div.MesInfo {
width:120px;
height:30px;
position:relative;
margin-left:500px;
margin-top:45px;
color:#C9CAC8;
font-weight:bold;
font-size:12px;
}


.Boto_preguntes a {
float:right;
width:179px;
height:50px;
margin-right:150px;
background:url(../img/boto_preguntes.jpg) 0 0 no-repeat;
display:block;
position:relative;}
		
.text_inv {		
display:none;
visibility:hidden;
	}

	

/*__________________________IMATGES_______________________________*/

#personalitzable {
width:175px;
height:43px;
margin-left:580px;
position:relative;
background:url(../img/material_compostable/boto_person.gif) 0 0 no-repeat;
}
	
.jassera {
float:left;
margin-left:100px;
}

.marques {
float:right;
margin-right:90px;
}
#banderoles {
float:right;
margin-left:600px;
margin-top:-300px;
}
#diagrama {
float:right;
}
#nobosses {
margin-left:100px;
margin-top:80px;
}
#bossespatata {
margin-left:100px;
margin-top:-60px;
}
#diagrama_bossa {
margin-left:90px;
margin-top:-10px;
}
#platja {
margin-left:40px;
margin-top:-40px;
}
#got {
margin-top:-480px;
margin-left:520px;
}
#got_taronja {
margin-left:100px;
margin-top:20px;

}

#gotBlau {
margin-top:-530px;
margin-left:550px;

}

#gotEco {
border:0px;
margin-left:550px;
margin-top:-370px;
position:relative;}

#picnic {
float:right;
}
#boto {
margin-left:220px;

}
#furgo {
float:right;
margin-top:90px;
margin-right:100px;}

#botoComanda {
float:right;
margin-top:-400px;
margin-right:35px;
}

.requadre_foto {
width:200px;
height:285px;
border:4px solid #E0E1DD;
margin-left:570px;
}

#tastets {
margin-left:450px;
margin-top:-80px;
}

#fotogotsPLA {
margin-top:-185px;
margin-right:130px;
float:right;}