@font-face { font-family: 'Apex'; src: url('ApexNew-Light.otf'); }
@font-face { font-family: 'Apex'; font-weight: bold; src: url('ApexNew-Bold.otf'); }

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:15px 0;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#007700;}
#cookie-bar .cb-disable:hover {background:#009900;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

	body { padding-top: 10px; }
	
	header { margin-bottom: -16px; max-height: 100px; overflow: hidden; }
        header .right { float: right; }
        
	header .contact-info {
            color: rgb(112,112,112);
            font-size: 13px;
            margin: 60px 20px 0 10px;
            float: right;
	}
	header .xarxes-socials {
            margin-top: 53px;
            margin-left: -14px;
            float: right;
	}
	header .xarxes-socials a { width: 26px; height: 26px; display: block; text-indent: -9999px; float: left; margin: 0 2px; }
	header .xarxes-socials a.facebook { background: url(../img/facebook.png) center center no-repeat; }
	header .xarxes-socials a.twitter { background: url(../img/twitter.png) center center no-repeat; }
	header .xarxes-socials a.youtube { background: url(../img/youtube.png) center center no-repeat; }
	header .xarxes-socials a.linkedin { background: url(../img/linkedin.png) center center no-repeat; }
	
        header .select-language {
            text-align: right;
        }
        header .select-language a {
            margin: 0 6px;
            color: #BE0926;
        }
        
	hr { background: url(../img/separador.png) left top repeat-x; border: none; height: 4px; }
	
	.content { margin-left: 226px; }
	
	h1 { color: #BE0926; font-family: 'Apex'; font-weight: bold; }
	
/* -----------------------------------------------------------------------------
	MENU
----------------------------------------------------------------------------- */
	
	.menu {
		background: url(../img/menu-background.png) left top repeat-x;
		height: 57px;
		margin-top: -20px;
	}
	
	.menu ul {}
	.menu ul li {
		float: right;
		list-style: none;
		background: url(../img/menu-separador.png) left 22px no-repeat;
	}
	.menu ul li:last-child { background: none; }
	.menu ul li a {
		display: block;
		color: #BE0926;
		font-weight: bold;
		margin: 19px 16px 0 20px;
	}
	
/* -----------------------------------------------------------------------------
	SIDEBAR
----------------------------------------------------------------------------- */
	
	.sidebar {
		float: left;
		width: 198px;
		background: url(../img/sidebar-background.png) left top repeat-y;
		margin-top: -13px;
		height: 100%;
		padding-bottom: 30px;
		border-radius: 0 0 8px 8px;
	}
	
	.sidebar .la-pastisseria {
		background: url(../img/la-pastisseria.png) center center repeat-y;
		width: 197px;
		height: 51px;
		margin-top: -36px;
		margin-bottom: 10px;
		z-index: 10;
	}
	
	.sidebar .sombra {
		background: url(../img/menu-sombra.png) center center repeat-x;
		height: 13px;
		width: 198px;
		z-index: -1;
	}
	
	.sidebar a.productes, .sidebar a.novetats, .sidebar a.professionals, .sidebar a.que-voldra {
		display: block;
		width: 206px;
		height: 60px;
		text-indent: -9999px;
		margin-left: -7px;
	}
	
	.sidebar a.productes.lang-ca { background: url(../img/productes-ca.png) center center no-repeat; }
	.sidebar a.novetats.lang-ca { background: url(../img/novetats-ca.png) center center no-repeat; }
	.sidebar a.professionals.lang-ca { background: url(../img/professionals-ca.png) center center no-repeat; }
	.sidebar a.que-voldra.lang-ca { background: url(../img/que-voldra-ca.png) center center no-repeat; margin-top: 10px; }
	
	.sidebar a.productes.lang-es { background: url(../img/productes-es.png) center center no-repeat; }
	.sidebar a.novetats.lang-es { background: url(../img/novetats-es.png) center center no-repeat; }
	.sidebar a.professionals.lang-es { background: url(../img/professionals-es.png) center center no-repeat; }
	.sidebar a.que-voldra.lang-es { background: url(../img/que-voldra-es.png) center center no-repeat; margin-top: 10px; }
	
	.sidebar ul li {
		list-style: none;
		margin: 10px 0 10px 0;
	}
	
	.sidebar ul li a {
		background: url(../img/sidebar-punt.png) left center no-repeat;
		list-style: none;
		padding-left: 20px;
		color: #BE0926;
		font-weight: bold;
	}
	
/* -----------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------- */

	footer {
		color: rgb(112,113,115);
		text-align: center;
		font-size: 12px;
		line-height: 6px;
	}
	
	footer a {
		color: rgb(112,113,115);
	}
	
/* -----------------------------------------------------------------------------
	PRODUCTES
----------------------------------------------------------------------------- */
	
	.productes h2 {
		width: 703px;
		height: 82px;
		text-indent: -9999px;
	}
	
	.productes h2.granel { background: url(../img/prod-granel.png) center center no-repeat; }
	.productes h2.envasats { background: url(../img/prod-envasats.png) center center no-repeat; }
	 
	#box-productes {
		display: none;
		width: 600px;
		height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 10%;
		left: 50%;
		margin-left: -300px;
		padding: 14px;
		
		border-radius: 8px;
		box-shadow: 0 0 12px black;
		background: white;
		background: -moz-linear-gradient(top, #ffffff 0%, #fac074 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fac074));
		background: -webkit-linear-gradient(top, #ffffff 0%,#fac074 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#fac074 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#fac074 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#fac074 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fac074',GradientType=0 );
	}
	
	#box-productes .close {
		background: url(../img/close.png) center center no-repeat;
		width: 18px;
		height: 18px;
		text-indent: -9999px;
		margin: -10px -10px;
		opacity: 1;
	}
	
	#box-productes img.gran {
		float: left;
		border-radius: 12px;
		box-shadow: 0 0 10px #454545;
		margin-right: 20px;
		margin-bottom: 20px;
		display: block;
		max-width: 300px;
	}
	
	#box-productes h2 {
		font-family: 'Apex';
		font-weight: bold;
		font-size: 16px;
		margin: -10px 0;
	}
	
	#box-productes hr { margin-top: 6px; margin-bottom: 12px; }
	
	#box-productes p { font-size: 12px; line-height: 16px; }
	
	#box-productes h3 {
		font-size: 15px;
		color: #bd0926;
		background: url(../img/sidebar-punt.png) left center no-repeat;
		padding-left: 16px;
		margin-bottom: 0;
	}
	
	#box-productes .ginverse, #box-productes .gallproducte { margin-left: 10px; }
	#box-productes .ginverse a, #box-productes .gallproducte a { margin: 0 10px; color: #BE0926; }
	
	a.producte {
		width: 200px;
		height: 120px;
		float: left;
		overflow: hidden;
		border-radius: 3px;
		margin: 10px 12px 10px 12px;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
		color: white;
		text-shadow: 0 0 3px black;
		background-size: 200px;
		background-color: #e5cf91;
		background-position: top center;
		background-repeat: no-repeat;
	}

	a.producte div {
		display: table-cell;
		vertical-align: bottom;
		width: 200px;
		height: 120px;
	}

	a.producte div p {
		background-color: rgba(208,5,24,0.7);
		margin: 0;
		padding: 5px;
	}
	
/* -----------------------------------------------------------------------------
	CONTACTA
----------------------------------------------------------------------------- */

	.contacta h1 {
		background: url(../img/especialitats-contacta.png) center center no-repeat;
		width: 456px;
		height: 93px;
		text-indent: -9999px;
		margin-bottom: 30px;
	}
	
	.contacta h2 { color: #BE0926; font-size: 16px; }
	
	.contacta a img { float: right; }
	
	.contacta { line-height: 14px; }
	.contacta p.margin { margin-bottom: 30px; }


/* -------------------------------------------------------------------------- */

.box-foto { float: left; }

.box-foto .middle {
	width: 244px;
	height: 244px;
	display: table-cell;
	text-align: center;
    vertical-align: middle;
}

.box-foto .img {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 0 10px #777;
	display:inline-block;
	background-color: white;
}
.box-foto img { border-radius: 2px; }