@charset "utf-8";
/* CSS Document for Joomla 3 styles */

/* ===========================

	FONT STYLES

	========================== */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	background: #000000 url(../images/charcoal_background.jpg);
	background-repeat: no-repeat;
}
a {
	color: #939598;
}
a:hover {
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 30px;
	line-height: 34px;
	margin: 10px 0;
}
h2 {
	font-size: 26px;
	line-height: 30px;
}
h3 {
	font-size: 22px;
	line-height: 26px;
}
h4 {
	font-size: 18px;
	line-height: 20px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
h6 {
	font-size: 12px;
	line-height: 20px;
}
/* ======================

	GENERAL STYLES

	===================== */

#main_content_container {
	margin-top:120px;
	padding-top:20px;
}

#main_content {
	background: rgba(255, 255, 255, .9);
	margin-top:20px;
	margin-bottom:20px;
	padding:20px;
}

.page-header {
    padding-bottom: 9px;
    margin: 0;
}

#alert {
	text-align: center;
	background: #EB2730;
	color: #ffffff;
	padding: 5px 0 5px 0;
}
#logo_nav_cart {
	background: #5364a3;
}
#logo {
	padding:5px;	
}
#navigation {
	text-align: center;
}

.navbar-fixed-top {
    /* position: fixed; */
    right: 0;
    left: 0;
    z-index: 1030;
}

#shipping_offer {
	margin-top:20px;
	margin-bottom:20px;
	color: #ffffff;
	font-size: 20px;
}

#shopping_cart {
	text-align:center;
	padding-top:40px;	
}

.breadcrumb {
	background-color:unset;
	font-weight:bold;	
}

.eshop-shop-introduction {
	margin-bottom:20px;	
}

.sortPagiBar {
	visibility:hidden;	
}

.eshop-items h4, .eshop-items a {
	color:#ffffff;	
}

.eshop-items h4 {
	font-size:26px;
}

#allergy_icons {
	margin: 10px 0;	
}
#allergy_icons img{
	max-height:50px;
	padding: 0 5px;
	float:right;	
}

.checkoutWrapper {
	min-height:1050px;	
}

#secondary_content {
	background-image: url(../images/wood-grain.jpg);
}

#review_recipe_newsletter {
	margin-bottom:10px;
}

#review_recipe_newsletter h1 {
	background-color:#cccccc;
	color:#000000;
	padding-left:10px;	
	font-size:22px;
}

#review_recipe_newsletter .moduletable {
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: bottom;
	border-radius:2px;
	padding:10px;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

.review img, .recipe img, .newsletter img {
	max-height:150px;
	max-width:200px;
	border-radius:4px;
}

input, textarea, .uneditable-input {
    width: 185px;
}

#footer, #footer a {
	color:#ffffff;
}

#footer {
	background:rgba(235, 39, 48, 0.95);
	padding-top:10px;
}

#rights p, #policy p {
    margin-top: 25px;
}

#social .custom p {
    margin:0px;
}

#social .custom img {
    margin: 5px;
    max-height: 50px;
	float:right;
}

#development a {	
	float:right;
	color:#ffffff;
	font-size:12px;
	margin-top:10px;
}

#development {
	background: rgba(235, 39, 48, 0.95) none repeat scroll 0 0;	
}

/* ===================================================================================



	BOOTSTRAP MEDIA QUERIES OVERRIDES



	NOTE: The order of the media queries is important when styles overwrite each other



	================================================================================== 

*/

@media (min-width: 980px) {}



@media (min-width: 1200px) {}



@media (max-width: 979px) {}



@media (min-width: 768px) and (max-width: 979px) {}



@media (max-width: 767px) {}



@media (max-width: 480px) {
#logo {
	padding-top:10px;
	padding-bottom:10px;
	}
	
#navigation {
	padding-top:20px;
	padding-bottom:20px;
	}
	
#shipping_offer {
	padding-top:20px;
	padding-bottom:20px;
	}
	
#shopping_cart {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	}
	
#main_content_container {
	margin-top:0px;
}

#main_content {
	margin-top:0px;
	margin-bottom:0px;
}
	
.ajax-block-product {
	margin-top:20px;
	margin-bottom:20px;	
}
}
	
}











/* ======================



	MODULES



	===================== */







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



	Special module styles



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



/* Special general */



[class*="special"] .module-content ul {
	margin: 0 0 10px 17px;
}
[class*="special"] .module-content ul.unstyled {
	margin: 0 0 10px 0;
}
/* -------------



	Special Grey



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



.specialgrey {
	border: 1px #e6e6e6 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 2px 4px 0 #b4b4b4;
	color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #F5F5F5;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); /* W3C */
}
.specialgrey .page-header {
	border-bottom: 1px #ccc dotted;
	margin: 0;
	padding: 4px 19px;
}
.specialgrey .module-content {
	padding: 4px 19px;
}
/* -------------



	Special Blue



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



.specialblue {
	border: 1px #3c67a5 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 2px 4px 0 #b4b4b4;
	color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #507bb9; /* Old browsers */
	background: -moz-linear-gradient(top, #507bb9 0%, #3c67a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #507bb9), color-stop(100%, #3c67a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #507bb9 0%, #3c67a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #507bb9 0%, #3c67a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #507bb9 0%, #3c67a5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #507bb9 0%, #3c67a5 100%); /* W3C */
}
.specialblue .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}
.specialblue hr {
	margin: 5px 0;
}
.specialblue .module-content {
	padding: 4px 19px;
	color: #fff;
}
.specialblue .module-content a {
	color: #fff;
}
/* -------------



	Special Red



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



.specialred {
	border: 1px #990000 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 2px 4px 0 #b4b4b4;
	color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0000 0%, #990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0000 0%, #990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff0000 0%, #990000 100%); /* W3C */
}
.specialred .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}
.specialred .module-content {
	padding: 4px 19px;
	color: #fff;
}
.specialred .module-content a {
	color: #fff;
}
/* -------------



	Special Gold



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



.specialgold {
	border: 1px #ab7915 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 2px 4px 0 #b4b4b4;
	color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #cc9933; /* Old browsers */
	background: -moz-linear-gradient(top, #cc9933 0%, #ab7915 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9933), color-stop(100%, #ab7915)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc9933 0%, #ab7915 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc9933 0%, #ab7915 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cc9933 0%, #ab7915 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cc9933 0%, #ab7915 100%); /* W3C */
}
.specialgold .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}
.specialgold .module-content {
	padding: 4px 19px;
	color: #fff;
}
.specialgold .module-content a {
	color: #fff;
}