@charset "utf-8";
/* CSS Document */

#header ul {
	
	padding: 15px 30px 10px 25px;
}
#header li.logo {
	display: block;

	text-align: right;
	font-size: 220%;
	margin-top: -10px;
}
#header li.logo span {
	font-size: 70%;}

#header li {
	width:50%;
	text-align:left;
}
#header li.logo img{
	width:50%;
	margin-top: -10px;
	padding-right: 35px;
}
#footer {
display: none;
	width:100%;
	height:48px;
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	padding:0;
	border-top:1px solid #444;
}
#scroller ul{
	margin: 20px 0px 0 25px;
}
#scroller ul li, #scroller ul li.menut  {
	margin: 0 24px 65px 0!important;
	/*width: 470px;*/
	width: 29%;
	height: 210px;
	float:left;
	padding: 1px;
	-webkit-border-radius:12px;
	border: 1px solid rgba(255,255,255,0.3);
	-webkit-box-shadow: 2px 2px 5px #000;
	overflow: hidden;	
}

#scroller ul li a, #scroller ul li.menut a {
	font-weight: bold;	
	-webkit-border-radius:12px;
	border: 2px solid rgba(0,0,0,0.5);
	text-shadow:2px 2px 2px #2d0202;
	display:block;
	text-align: right;
	width:94%;
	height: 207px;
	padding-top: 149px;
	padding-bottom: 0px;
	font-size: 31px;
	padding-top: 14%!important;
	padding-right: 10px;
	float: left;
}
#scroller ul li.menut a {
	font-size: 35px;
	padding-top: 119px;
}
#scroller ul li a#negre {
	background:url(../imatges/categories/negre.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
	font-size: 40px;
}
#scroller ul li a#blanc {
	background:url(../imatges/categories/blanc.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
	font-size: 40px;
}
#scroller ul li a#cava {
	background:url(../imatges/categories/cava.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
	font-size: 37px;
}
#scroller ul li a#rosados {
	background:url(../imatges/categories/rosados.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
	font-size: 40px;
}
#scroller ul li a#dulce {
	background:url(../imatges/categories/dulce.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
}
#scroller ul li a#copas {
	background:url(../imatges/categories/copas.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
	font-size: 35px;
	padding-top: 121px;
}
#scroller ul li a#formatos {
	background:url(../imatges/categories/formatos.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
}#scroller ul li a#recomendados {
	background:url(../imatges/categories/recomendados.png) -109px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
						padding-top: 86px;
}#scroller ul li a#licores {
	background:url(../imatges/categories/licores.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),
						color-stop(8, #000), to(rgb(0, 0, 0)));
}

#scroller ul li a#sake {
	background:url(../imatges/categories/sake.png) -8px -8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(74,74,74,0.8)),

                color-stop(8, #000), to(rgb(0, 0, 0)));
}

/*
#scroller ul {
	list-style-type: none;
	width: 887px;
	margin: 0 auto;
	padding: 0;
	padding-left: 20px;
}
#scroller ul li a {
	display:block;
	width: 260px;
	float: left;
	font-size: 26px;
	background: url(../imatges/categories/categoria.png) left top no-repeat;
	text-align: right;
	padding-top: 130px;
	padding-bottom: 30px;
	padding-right: 27px;
	margin-right: 7px;
	
}
#scroller ul li a.text-llarg {
	padding-top: 132px;
	padding-bottom: 32px;
	font-size: 23px;}

#scroller ul li a#rosados {
	background: url(../imatges/categories/rosados.png) left top no-repeat;
}
#scroller ul li a#dulce {
	
	background: url(../imatges/categories/dulce.png) left top no-repeat;
}
#scroller ul li a#birra {
	background: url(../imatges/categories/birra.png) left top no-repeat;
}
#scroller ul li a#cava {
	background: url(../imatges/categories/cava.png) left top no-repeat;
}
#scroller ul li a#copas {
	background: url(../imatges/categories/copas.png) left top no-repeat;
}
#scroller ul li a#formatos {
	background: url(../imatges/categories/formatos.png) left top no-repeat;
}
*/