/*
----------------------------------------------------------------*/
 /* Based on Foundation by ZURB */ .row { width: 100%; max-width: 1200px; margin: 0 auto; } .row .row { min-width: 0px; } .col, .cols { margin-left: 3.08%; float: left; min-height: 1px; position: relative; } .col:first-child, .cols:first-child { margin-left: 0px; }
.row .one.cols { width: 5.51%; } .row .two.cols { width: 14.1%; } .row .three.cols { width: 22.69%; } .row .four.cols { width: 31.28%; } .row .five.cols { width: 39.87%; } .row .six.cols { width: 48.46%; } .row .seven.cols { width: 57.05%; } .row .eight.cols { width: 65.64%; } .row .nine.cols { width: 74.22999999999999%; } .row .ten.cols { width: 82.82%; } .row .eleven.cols { width: 91.41%; } .row .twelve.cols { width: 100%; }
.row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } /*.row .offset-by-eleven { margin-left: 95.7%; }*/

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



body { 
	background: #ccc url("/images/bg.png");
    font-family: 'Oswald', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0em;
}

a {
    color: #33170d;
}

a:hover, a:focus {
    color: #4F2E22;
    text-decoration: underline;
}

.capital {
    text-transform: uppercase;
}

button, .button {
    background-color: #33170d;
    color: #fff;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #fc6;
    color: #33170d;
}

table {
  background: none;
  border: none;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
  background: none;
}

table tr th, table tr td {
  color: #000;
}


/* UI classes */
.full-line {
	margin: 0 0 10px 0;
	height: 9px;
	border-bottom: 1px solid #333;
}

.full-line-wide {
	margin: 10px 0 0 0;
	height: 10px;
	border-bottom: 10px solid #333;
}

.bright-line {
	border-bottom: 1px solid #eee;
}

#header-bg {
    background: #856945 url("/images/head-bg.jpg") no-repeat;
    border-bottom: 1px solid #fc6;
}

#header {
	position: relative;
	min-height: 184px;
    background: url("/images/head-bg.jpg") no-repeat center center;
}
#logo {
    position: relative;
}
#logo-link {
    display: block;
    position: absolute;
    left: 440px;
    width: 300px;
    height: 150px;
}
#logo-link img {
    width: 100%;
    height: 174px;
}
#lang-box {
    position: absolute;
    right: 0;
    top: 140px;
}
#lang-box a {
    display: inline-block;
    margin-left: .5em;
}
#header-contact nav {
	margin-top: 50px;
}

#header-contact nav > *:before {
  color: #333;
  content: "·";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
}

#header-contact nav > *:first-child:before {
  content: " ";
  margin: 0;
}

#header-contact a {
	color: #333;
}

#header-contact a:hover {
	color: #f33;
}

#header-search form {
	margin-top: 42px;
}

#navigation-bar-bg {
	position: relative;
	background: #33170d;
    border-top: 5px solid #33170d;
    border-bottom: 5px solid #33170d;
}

.top-bar {
    background: #33170d;
    height: 30px;
    line-height: 30px;
}

.top-bar .name {
    height: 30px;
    line-height: 30px;
}

.top-bar-section ul li {
    background: #33170d;
}

.top-bar-section ul li > a {
    font-weight: bold;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    margin: 0 0;
    background: #33170d;
    border-left: 2px solid #fc6;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

#top_navmenu * {
    font-family: 'Oswald', sans-serif;
}

#top_navmenu li:first-child a {
    border: none;
}

.top-bar-section .has-dropdown > a:after {
    top: 15px;
}

.top-bar-section li:hover:not(.has-form) a:not(.button) {
    background: #33170d;
    color: #fc6;
    text-decoration: underline;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: #33170d;
    color: #fc6;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: #33170d;
    color: #fff;
    text-decoration: none;
}

.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button) {
    color: #fb0;
    background: rgba(0,0,0,0.95);
    text-decoration: none;
}





#slider-bottom {
    height: 40px;
    background: #33170d;
    border-bottom: 2px solid #fc6;
}

#shop-breadcrumbs {
	margin: 10px 0 10px 0;
}
/* Left navigation */
#left-nav h3 {
	color: #333;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0 0 1rem 0;
	margin: 0 0 1rem 0;
	border-bottom: 1px solid #eee;
}

/*
#aruhaz_menu {
	list-style: none;
	margin: 0 0 1rem 0;
	padding: 0;
}

#aruhaz_menu li a {
	display: block;
	padding: 0.25rem 0;
	color: #333;
	font-size: 0.8125rem;
	text-transform: uppercase;
}

#aruhaz_menu li a:hover {
	color: #f33;
	background: #eee;
}
*/

/* ORBIT SLIDER
--------------------------------------------------------*/
.orbit-container .orbit-prev, .orbit-container .orbit-next {
  background-color: transparent;
  color: white;
  height: 104px;
  line-height: 104px;
  margin-top: -52px;
  position: absolute;
  text-indent: -9999px !important;
  top: 45%;
  width: 104px;
  z-index: 10;
}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 52px;
}

.orbit-container .orbit-prev {
    left: 20%;
}
.orbit-container .orbit-next {
    right: 20%;
}

.orbit-container .orbit-prev > span {
    width: 104px;
    height: 104px;
    margin: 0;
    border: none;
    background: url("/images/prev.png") no-repeat;
    top: 0;
    left: 0;
}
.orbit-container .orbit-next > span {
    width: 104px;
    height: 104px;
    margin: 0;
    border: none;
    background: url("/images/next.png") no-repeat;
    top: 0;
    left: 0;
}

.orbit-container .orbit-prev:hover > span {
    background: url("/images/prev.png") no-repeat;
}
.orbit-container .orbit-next:hover > span {
    background: url("/images/next.png") no-repeat;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
    position: absolute;
    top: 55%;
    left: 20%;
    bottom: auto;
    width: 40%;
    padding: 1rem;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

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

/* Shop menü CSS */

ul#aruhaz_menu {
	margin: 0;
	border: 0;
	padding: 0;
	width: 220px;
	list-style: none;
	z-index: 1;
}

ul#aruhaz_menu li,
ul#aruhaz_menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	width: 220px;
	list-style: none;
	z-index: 1;
}
ul#aruhaz_menu li {
	position: relative;
}
/* 1 szint */
ul#aruhaz_menu a {
	display: block;
	padding: 0.25rem 0.25rem;
	margin: 0;
	color: #333;
	font-size: 0.8125rem;
	text-transform: uppercase;
}
/* 1 szint hover */
ul#aruhaz_menu a:hover,
ul#aruhaz_menu li:hover a {
	background: #eee;
	color: #f33;
}

/* 2. szint */
ul#aruhaz_menu li:hover li a {
	margin: 0;
	color: #fff;
	background: #333;
	border-bottom: 1px solid #444;
}

/* 2. szint hover */
ul#aruhaz_menu li:hover li a:hover,
ul#aruhaz_menu li:hover li:hover a {
	background: #d11;
	color: #fff;
}

/* 3. szint */
ul#aruhaz_menu li:hover li:hover li a {
	background: #333;
	color: #fff;
}

/* 3. szint hover */
ul#aruhaz_menu li:hover li:hover li a:hover,
ul#aruhaz_menu li:hover li:hover li:hover a {
	background: #d11;
	color: #f33;
}

/* 4. szint */
ul#aruhaz_menu li:hover li:hover li:hover li a {
	background: #333;
	color: #fff;
}

/* 4. szint hover */
ul#aruhaz_menu li:hover li:hover li:hover li a:hover {
	background: #d11;
	color: #ff;
}

ul#aruhaz_menu ul,
ul#aruhaz_menu ul ul,
ul#aruhaz_menu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 220px;
}

/* Ne tedd máshová - display:block előtt kell jönnie (Gecko) */
ul#aruhaz_menu li:hover ul ul,
ul#aruhaz_menu li:hover ul ul ul {
	display: none;
}

ul#aruhaz_menu li:hover ul,
ul#aruhaz_menu ul li:hover ul,
ul#aruhaz_menu ul ul li:hover ul {
	display: block;
}

/* Content */

#content {
    background: transparent;
    color: #33170d;
    font-family: Arial, Helvetica, sans-serif;
}

#content h1 {
	font-size: 2.4rem;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0 0 1rem 0;
	margin: 1rem 0 1rem 0;
    color: #33170d;
}

#content h2, #content h3, #content h4 {
    color: #33170d;
}

#content label {
    color: #33170d;
}

.product-box {
	padding: 0.5rem;
	background: #fff;
	border: 1px solid #eee;
}

.product-box h3 {
	font-size: 1.2rem;
	font-weight: bold;
}

.product-link {
	display: block;
	color: #000;
}

.product-pic {
	display: block;
	margin: 0.5rem 0;
}

.product-name {
	display: block;
	font-weight: bold;
}

.product-price {
	display: block;
	font-weight: bold;
	font-size: 1.2rem;
}

.oilbox-3 {
    padding: 0 10px;
    background: #fc6;
    color: #000;
}

.oilbox-4 {
    padding: 0 10px;
    background: #f00;
    color: #fff;
}

/* newsletter */
#newsletter-bg {
    background: #33170d;
}

#newsletter {
    color: #fff;
    border-top: 15px solid #33170d;
}

#newsletter h3 {
    margin: 0;
    color: #fff;
}

#newsletter form {
    margin: 0;
    padding: 0;
}

#newsletter input {
    color: #333;
}

#newsletter button {
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0;
    background: #fc6;
    color: #603913;
}
/* Footer */

#footer-bg {
    /* background: rgba(0,0,0,0.4); */
    background: url("/images/foot-bg.jpg");
}

#footer * {
	font-size: 0.8125rem;
    color: #fff;
}

#footer h2 {
    font-size: 24px;
    font-weight: 800;
    color: #33170d;
}

#bottom-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Left offcanvas menu */
.left-off-canvas-menu {
	background: none repeat scroll 0 0 #333;
}

#offcanvas_menu,
#offcanvas_menu ul,
#offcanvas_menu ul ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8125rem;
}

#offcanvas_menu li a {
	font-weight: 600;
	color: #f33;
	text-transform: uppercase;
}

#offcanvas_menu li li a {
	font-weight: normal;
	color: #eee;
	padding: 0.33334rem 0.66667rem;
	text-transform: none;
}

#offcanvas_menu li li li a {
	padding-left: 1.66667rem;
}

ul.off-canvas-list li label {
	background: none repeat scroll 0 0 #f33;
	color: #fff;
	border-top: 1px solid #d11;
	border-bottom: 1px solid #fff;
	display: block;
	font-size: 1rem;
}

/*
--------------------------------------------------------*/
.stereochef-box {
    display: block;
    position: relative;
    margin: 2em 0.5em 3em;
    min-height: 150px;
    width: 100%;
    background: #33170d;
    min-width: 99%;
    max-width: 99%;
    color: #fff;
}

.stereochef-box h1 {
    text-align: center;
}

.stereochef-box p {
    padding: 1em;
    font-size: 0.9em;
}

.stereochef-box:before, .stereochef-box:after {
    position: absolute;
    bottom: -30px;
    content: '';
    width: 50%;
    height: 30px;
}

.stereochef-box:before {
    left: 0px;
    background: linear-gradient(to right top, transparent 50%, #33170d 50%);
}

.stereochef-box:after {
    right: 0px;
    background: linear-gradient(to left top, transparent 50%, #33170d 50%);
}

.stereochef-box-yellow {
    background: #33170d;
    color: #fff;
}

#content .stereochef-box-yellow h1 {
    color: #f00;
}

.stereochef-box-yellow:before {
    left: 0px;
    background: linear-gradient(to right top, transparent 50%, #33170d 50%);
}

.stereochef-box-yellow:after {
    right: 0px;
    background: linear-gradient(to left top, transparent 50%, #33170d 50%);
}
/*
.stereochef-box {
    display: block;
    position: relative;
    margin: 2em 0.5em 3em;
    min-height: 150px;
    width: 100%;
    background: #f00;
    min-width: 99%;
    max-width: 99%;
    color: #fff;
}

.stereochef-box h1 {
    text-align: center;
}

.stereochef-box p {
    padding: 1em;
}

.stereochef-box:before, .stereochef-box:after {
    position: absolute;
    bottom: -30px;
    content: '';
    width: 50%;
    height: 30px;
}

.stereochef-box:before {
    left: 0px;
    background: linear-gradient(to right top, transparent 50%, #f00 50%);
}

.stereochef-box:after {
    right: 0px;
    background: linear-gradient(to left top, transparent 50%, #f00 50%);
}
*/

/*
.stereochef-box-yellow {
    background: #fc6;
    color: #000;
}

#content .stereochef-box-yellow h1 {
    color: #f00;
}

.stereochef-box-yellow:before {
    left: 0px;
    background: linear-gradient(to right top, transparent 50%, #fc6 50%);
}

.stereochef-box-yellow:after {
    right: 0px;
    background: linear-gradient(to left top, transparent 50%, #fc6 50%);
}
*/

/* BANNER CUCCOK
---------------------------------------------------------*/
#floating-banner {
    display: none;
    position: absolute;
    z-index: 9999999;
    top: -604px;
    left: -604px;
    width: 600px;
    height: 600px;
    border: 2px solid #fc6;
    background: #000;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.3);
}
#floating-banner-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background: #f00;
    color: #fc6;
    cursor: pointer;
    border: 1px solid #fc6;
    border-radius: 10px 10px 10px 10px;
}
#floating-banner-pic {
    /* valami */
}
/*
---------------------------------------------------------*/