/*------------------------------------------------------------------------------------------------------------------------
1.-ELEMENTOS HTML
--------------------------------------------------------------------------------------------------------------------------*/
a {
text-decoration:none;
color:#cf6204;
}

a:hover {
color:green;
text-decoration:underline;
}
img {
border:0px;
}
h1 {
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
	font-weight: normal;
    font-size: 1.50em;
	letter-spacing: .2em;
	line-height: 1.1em;
	margin:0px;
	text-align: center;
	text-transform: uppercase;
	color:#ed6e00;
margin-top:30px;
position:relative;

}

h2{
font-family:georgia, serif;
	  color:#6C6F70;
	  font-size:18px;
	  letter-spacing:0.1em;	  
	  text-align:center;
	  }

h2.pag_art_comp {
font-family:georgia, serif;
	  color:#6C6F70;
	  font-size:18px;
	  letter-spacing:0.1em;	  
	  text-align:left;
	  margin-left:20px;}	  
	  
	  
 h3 {
	  font-family:georgia, serif;
	  color:#6C6F70;
	  font-size:14px;
	  letter-spacing:0.1em;	  
	  	  }

h3#modelovaso {
margin-left:350px;
}
a.inv,a.inv :hover {
color:#6C6F70;
font-family:verdana;
font-size:8.5pt;
line-height:1.4em;
text-decoration:none;
cursor:text;

}

span.titol_bosses {
font-family:georgia, serif;
	  color:#ed6e00;
	  font-size:14px;
	  letter-spacing:0.1em;	
	  font-weight:bold;
	  
	  
}



body{
background: #f6f5bf url(../img/head_background2.jpg) 0 81px repeat-x;
margin:0 1px 0 0;  
}

ul.ventajas { /*llistat text pagvasos*/
margin-top:30px;
line-height:200%;
width:370px;
list-style:none;
margin-left:50px;
}
ul.ventajas li  { /*codi pq surtin les fletxes en I Explorer*/
padding-left:26px;
background-image:url(../img/flecha.gif);
background-repeat:no-repeat;
}

ul.ventajas strong {
font-style:italic;
font-size:10pt;}

ul.plastico {
position:relative;
margin-left:300px;
}
.precios {
color:#d4541b;
font-weight:;
font-size:8pt;
}

#boton { /*pestaña, s'ha de centrar el text*/
background:url(../img/button.gif) 0 0 no-repeat;
width:200px;
height:79px;
text-align:center;
position:relative;
margin-left:auto;
margin-right:auto;

}

#boton a{
color:#645E55;
font-family:Georgia,Times,Serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:21px;
position:relative;
display:block;
width:200px;
height:79px;
}
#boton a:hover {
text-decoration:none;
}

#boton2 { /*boto vaixella compostable*/
background:url(../img/button.gif) 0 0 no-repeat;
width:200px;
height:79px;
text-align:center;
position:absolute;
margin-left:auto;
margin-right:auto;
top:30px;
left:300px;



}

#boton2 a{
color:#645E55;
font-family:Georgia,Times,Serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:21px;
position:relative;
display:block;
width:200px;
height:79px;
}
#boton2 a:hover {
text-decoration:none;
}


ul.infovasos {
vertical-align:middle;
margin-left:100px;
line-height:30px;
width:350px;
}
/*tabla de colores de vasos*/
td.c1, 
td.c2,
td.c3,
td.c4,
td.c5,
td.c6,
td.c7,
td.c8 {
height:15px;
width:15px;
border:none;
}

td.c1 {
background-color:black;
}
td.c2 {
background-color:green;
}
td.c3 {
background-color:#261da6;
}
td.c4 {
background-color:#e832ef;
}
td.c5 {
background-color:red;
}
td.c6 {
background-color:#f8891c;
}
td.c7 {
background-color:yellow;
}

hr {
width:350px;
margin-left:200px;
border-color:white;}

/*---------------------------------------------------------------------------------------------------------
2.-SECCIONES DIV
-----------------------------------------------------------------------------------------------------------*/

#header{
height:80px;
clear:all;
background:url(../img/linea.jpg) repeat-x;
}
 

#menu_top{ /*contenidor de la barra de navegació*/
background:url(../img/cabezera.jpg) 0 0 no-repeat; 
width:796px;
height:26px;
position:relative;
top:0px;
display:block;
padding-top:100px;
margin:auto 0px;
border-top:1px solid #c4c3c3;
border-bottom:2px solid #c4c3c3;
}

ul.barra_hr{
	width:600px;
	height:20px;
margin:0px auto;
padding:0px;
list-style:none;
white-space:nowrap;
font-family:Georgia,Times,Serif;
font-size:9pt;
font-weight:bold;
letter-spacing:0.08em;
top:2px;
position:relative;
}

ul.barra_hr li{
float:left;
display:inline;
text-align:center;
margin:0px;
padding:0px;
height:10px;

}

ul.barra_hr li a,ul.barra_hr li a:visited{
width:193px;
display:block;
text-decoration:none;
color:white;
padding-top:3px;
padding-bottom:6px;
}

ul.barra_hr li a:hover,   /*  per ressaltar pestanya actual  on et trobes*/
#pagvasos #nav1 a,
#pagvajilla #nav2 a,
#pagbolsas #nav3 a
{background-color:#e2e2df;
color:#6C6F70;
text-decoration:none;
border-bottom:white;
}

div#titulo a{
background: url(../img/logo_eco.gif) 0 0 no-repeat;
width:180px;
height:68px;
display:block;
position:relative;
top:6px;
left:40px;
}

#titulolink{
	display:none;
	visibility:hidden;
}
/*____________________________________Submenu barra navegación,  se encuentra aquí*/
.submenu { 
width:480px;
height:26px;
position:absolute;
display:block;
margin:auto 0px;
}

ul.submenu_hr{
color:#8c8888;
height:20px;
margin:0px auto;
padding:0px;
list-style:none;
white-space:nowrap;
font-family:verdana;
font-size:7.5pt;
top:2px;
position:relative;
}

ul.submenu_hr li{
float:left;
display:inline;
text-align:center;
margin-left:10px;
padding:0px;
height:20px;
}
ul.submenu_hr li a{
color:#cf6204;

}
ul.submenu_hr li a:hover{
text-decoration:underline;
}

p.intro_texto {
width:700px;
margin-left:20px;}

/*_______________________________________________________*/

div.texto_visual {
width:185px;
height:100px;
border:1px solid #D1D4D3;
background:url(../img/line_box.jpg) 0 0 repeat-y;
padding:15px;
margin-left:35px;
}

div.texto_visual2 {
width:195px;
border:1px solid #D1D4D3;
background:url(../img/line_box.jpg) 0 0 repeat-y;
height:109px;
padding:10px;
margin-left:268px;
margin-top:-131px;
line-height:2em;
}

div.texto_visual3 {
width:195px;
height:109px;
border:1px solid #D1D4D3;
background:url(../img/line_box.jpg) 0 0 repeat-y;
padding:10px;
margin-left:500px;
margin-top:-131px;
line-height:2em;
}





div.frase {
position:absolute;
top:15px;
left:370px;
font-size:11pt;
font-style:italic;
color:green;


}
#contingut {
min-width:550px;
padding:25px;
font-family:arial;
font-size:8.7pt;
line-height:1.6em;
color:#6C6F70;
text-align:justify;
position:relative;
}



#page{
width:796px;
margin:0 auto;
min-height:500px;
background:#fff url(../img/linearev.jpg) 0 208px repeat-x;
position:relative;
border-right:2px solid #d7d7d7;
border-left:2px solid #d7d7d7;
}
/*----------------------------Menú navegació principal------------------------------*/
#return {
margin-left:270px;
font-weight:bold;
color:#CF6204;
display:block;

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

#return img {
vertical-align:middle;
padding-right:10px;
}





/*------------------------LListat del contingut central de la home, imatge i frase------------------------------------------------*/
ul.contingut_portada {
margin-left:180px;
list-style:none;
}

ul.contingut_portada li {
font-family:georgia, serif;
	  color:#381704;
	  font-size:13px;
	  letter-spacing:0.1em;
	  line-height:200%;
	  padding-top:11px;
text-align:left;

}

ul.contingut_portada li  img {
vertical-align:middle;}/*per aliniar centrat el text amb les imatges */

ul.contingut_portada li  a{
text-decoration:none;
color:#6C6F70;
width:200px;
width:190px;
}
ul.contingut_portada li  a:hover{
	color:#FF9900;
}





/*__________________________________tabla pag articulos compostables____________________*/
table#art-compostables { 
margin-left:10px;
border:1px dotted #d7d7d7

}



table#art-compostables img { /*centrar imágenes*/
display:block;
margin:auto;
}
td.celda1 {
border-right:1px dotted #d7d7d7;
}

.taula_vaixella {
width: 360px;
}

.taula_vaixella2 {
width: 360px;
border-left:1px dotted #d7d7d7;
}

.taula_vaixella tr{
border-bottom:1px dotted #d7d7d7;
}

.taula_vaixella td{
width:150px;
height:150px;
border-bottom:1px dotted #d7d7d7;
}

.taula_vaixella2 td{
width:150px;
height:150px;
border-bottom:1px dotted #d7d7d7;
}

td.espai_text {
padding-left:30px;
}

td.noBordeBott {
border-bottom:0px;
padding-left:30px;}

td.noBordeBott2 {
border-bottom:0px;}



td.buida {
border:0px;
}

/*_______________________________________________________________________________*/


.col2 {
float:right;
position:absolute;
top:170px;
margin-left:410px;}

.texto {               /*texto contenido paginas internas*/
float:right;
width:400px;
text-align:justify;
margin-top:130px;
}

.texto_bolsas {              
float:right;
width:380px;
text-align:justify;
}

p.texto2_bolsas {
margin-top:410px;}


p.texto2_vajilla {
margin-top:480px;}


#footer {
background:url(../img/linea.jpg) repeat-x;
padding:5px;
border-top:1px solid #d7d7d7;
clear: left; 
} 
#footer , #footer a{ 
color:#6C6F70;
font-size:7.5pt;
text-align:center;
font-family:verdana;
text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
table.tabla-colores {
margin-left:170px;
}

table.bolsas {
width:660px;
margin-left:45px;

}

table.bolsas  td{
width:210px;
text-align:center;
}







/*-----------------------------------------------------------------------------------------------------------------------------------------------
3.-IMAGENES
------------------------------------------------------------------------------------------------------------------------------------------------*/
.bolsa {
float:right;}

#vasos {
float:right;
padding:35px;
margin-top:40px;
}

#compost {
position:absolute;
top:30px;


}

#vajilla {
position:absolute;
top:170px;
left:40px;

}

#vaso33 {
float:right;
margin-right:100px;
margin-top:-200px;
}

#vaso38 {
float:right;
margin-right:100px;
margin-top:-200px;
}

#vasoportada {
padding-right:20px;
float:left;
}

#simbolos {
float:right;
margin-top:-60px;
margin-right:50px;
}

#compostaje {
margin-left:140px;
}

#compostador {
float:right;
padding-left:30px;
padding-right:30px;
}

#marbolsa {
position:absolute;
top:25px;
margin-left:0px;
}

#footer img {
padding:4px;
vertical-align:middle;
}