/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Covered+By+Your+Grace);
/*////////////////////////////////////
				HEAD
////////////////////////////////////*/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5 {
padding: 0;
margin: 0;
}


/*////////////////////////////////////
				ESTILS
////////////////////////////////////*/
.share-table {
	
}
.sharebox {
	height: 65px;
	padding: 0 0 5px 0;
	width: 308px;	text-align:right;
	float: right;
	font-size:12px;
		background-image: url("imatges/sharebox.png") ;
		background-position:right top;
		background-repeat:no-repeat;
}


.compa {
	float: right;
	/*float: left;*/
	width:260px ;
	padding:0 7px 0 0;
	text-align:right;
	font-size: 10px;
	color:#BCBCBC;
	
}
.compa span {
font-family: 'Covered By Your Grace', arial, serif;
padding:0 0 0 6px;
color: #ffffff;
font-size:1.7em;
}
.icons {
	float: right;
	text-align:right;
	/*float: right;*/
	width:250px;
	padding:2px 0 0 0;
	margin: 0;
	
}
.absol4 .compa {
	color:#F08000;
}
/*///////subtítol logo//////////////*/
.logo{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
padding:0 0 0 6px;
text-decoration: none;
}
/*////////////////////////////////*/

.linkbotiga{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.complementsbotiga{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
	border:none;
}

.absol {
	position: absolute; left: 53px; top: 127px;
	background-position: top left;
	background-repeat:no-repeat;
	width:160; height:175;
}

.absol2 {
	position: absolute;
	left: 347px;
	top: 131px;
	background-position: top left;
	background-repeat:no-repeat;
	width:143;
	height:140;

}
.absol a, .absol2 a {
position: relative;
z-index: 10000;
display:block;

}
.absol3 {
	position: absolute;
	left: 15px;
	top:245px;
	background-position: top left;
	background-repeat:no-repeat;
	width:443;
	height:240;

}
.absol4 {
	position: absolute;
	right: 0;
	top: 400px;
	display:block;
	padding: 0; margin: 0;
	color: #000;
}
#banner03-paris { 
	width:210px; 
	height: 90px; 
	background-image: url("imatges/vendingparis.jpg") ;
	padding: 45px 8px 8px 8px;
}
#banner04-msg {
	background-image: url("imatges/arabomsg.jpg") ;
	background-repeat:no-repeat;
	background-position:top left;
	padding: 9px 9px 9px 85px;
	font-family: 'Cuprum', arial, serif;
	font-size:16px;
	display: table-cell;
}
#banner03-paris strong, #banner03-hostelco strong {
color:#FFFFFF;
font-weight: bold;
font-family: 'Cuprum', arial, serif;
padding: 2px 0 5px 0;
display:block;
}
#banner03-paris em, #banner03-hostelco em {
color:#e9e9e9;
font-weight: normal;
font-family: 'Cuprum', arial, serif;
font-size:14px;
font-style:normal;
}
#banner03-hostelco { 
	width:210px; 
	height: 90px; 
	background-image: url("imatges/hostelco.jpg") ;
	padding: 45px 8px 8px 8px;
}
#banner01 { 
	width: 160px; 
	height: 175px; 
	background-image: url("imatges/banner01.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imatges/banner01.png'); 
}
#banner02 { 
	width:143px; 
	height: 140px; 
	background-image: url("imatges/banner02.png") !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imatges/banner02.png'); 
}
.text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #F4F4F4;
}

.text-blak {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #999999 ;
}
.text-blackie {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000 ;
}
.text-blackie a:hover
.text-blak a:hover, .text-blackie a:hover  {color: #333 ;}
.more {
display:block;
width:117px;
background-color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.more:hover {
	background-color:#242424;
	color: #f4f4f4;

}
.boxes{
	border : 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	background : transparent;
	color : #666666;
	margin-bottom : 1px;
	margin-left : 1px;
	margin-right : 1px;
	margin-top : 1px;
	background-color : #FFF;

}
.boxes a{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	text-decoration: none;
}

.buttons{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	color : #fff;
	background-color : #585858;
	display: block;
	font-weight : bold;
	margin: 0;
	padding: 0;
	border: 2px solid #666666;
	cursor: pointer;
}
.TITOLS {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #999;}

.email {
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #F4F4F4;
}
.email strong, .email span {
	display: none;

}
/*////////////////////////////////////
				TABLES
////////////////////////////////////*/
.bottom-gris {
background-image:url(imatges/bottom-gris.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
.cafe-grans {
background-image:url(imatges/inicial5.jpg);
background-repeat:no-repeat;
background-position:top center;

}
.centre {
background-image: url(imatges/centre.jpg);
background-position: top;
background-repeat: repeat-x;
}
.diag-desc {
	background-image: url(imatges/diag-descafeinat.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.top-desc {
	background-image: url(imatges/top-desc.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
.diag-natural {
	background-image: url(imatges/diag-natural.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.top-natural {
	background-image: url(imatges/top-natural.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
.diag-extra {
	background-image: url(imatges/diag-extra.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-llet {
	background-image: url(imatges/diag-leche.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-poleo {
	background-image: url(imatges/diag-poleo.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-te-verde {
	background-image: url(imatges/diag-te-verde.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-te-limon {
	background-image: url(imatges/diag-te-limon.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-te-rojo {
	background-image: url(imatges/diag-te-rojo.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-manzanilla {
	background-image: url(imatges/diag-manzanilla.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-arabica {
	background-image: url(imatges/diag-arabica.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-xocolata {
	background-image: url(imatges/diag-xocolata.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-cafe-cortado {
	background-image: url(imatges/diag-cafe-cortado.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-propiedades-te {
	background-image: url(imatges/diag-propiedades-te.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.top-extra {
	background-image: url(imatges/top-extra.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
.diag-complements {
	background-image: url(imatges/diag-complements.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.top-complements {
	background-image: url(imatges/top-complements.jpg);
	background-position: top;
	background-repeat:repeat-x ;
}
.diag-empresa{
	background-image: url(imatges/diag-empresa.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.top-empresa {
	background-image: url(imatges/top-empresa.jpg);
	background-position:top;
	background-repeat: repeat-x;
}

.diag-maquines{
	background-image: url(imatges/diag-maquines.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-te-fruites{
	background-image: url(imatges/diag-fruites-bosc.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.diag-te-limon{
	background-image: url(imatges/diag-te-limon.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.top-maquines {
	background-image: url(imatges/top-maquines.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
.top-arabica {
	background-image: url(imatges/top-arabica.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
.top-xocolata {
	background-image: url(imatges/top-xocolata.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
/*////////////////////////////////////
				LLISTES
////////////////////////////////////*/


.sub-list {
	padding: 0;
	margin: 0; 
	}
.sub-list li {
	width: 190px;
	padding: 0;
	margin:0;
	color: #999999;
	list-style-type: none;
	}
	
.sub-list li a {
	margin: 0;
	background-image: url(imatges/square.jpg);
	background-repeat:no-repeat;
	background-position:  0 5px;
	display:block;
	padding: 1px 0 1px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#F4F4F4;
	text-decoration: none;
	}
.sub-list li a:hover {
	color:#999999;
}
/*/sitemap/*/
.sitemap{
margin: 0;
padding:0;

}

.sitemap ul {
padding:0;
margin: 0;
list-style-type:none;
width:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
font-weight: normal;
}
.sitemap li {
padding:0;
margin: 4px 0 4px 0;

}
.sitemap li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bold;
padding:0 0 0 15px;
margin:0;
background-image: url(imatges/medium_17.gif);
background-position: 3px 4px;
background-repeat:no-repeat;
color: #fff;
}

.sitemap ul ul {
	margin:0 0 0 6px;
	padding: 0 0 0 2px;
	background-image:url(imatges/dotv.gif);
	background-repeat: repeat-y;
	background-position: left;
	}
	.sitemap ul ul ul {
		margin:0 0 0 12px;
	
		}
		
.sitemap ul li li a {
	background-image: url(imatges/small_37.gif);
	background-position: 6px 4px;
	color:#B5B5B5;
	}
	.sitemap ul li li{
	
		background-repeat: no-repeat;
		}

		.sitemap ul li li li a {
		background-image:url(imatges/doth.gif);
						background-position: 4px 6px;
				color:#9D9D9D;

				}
					.sitemap ul li li  li{ 
						
						background-repeat: no-repeat;
						}
.sitemap li a:hover {
	color: #5794D5;
	}