/*** CSS RESET ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

/*** COMMON ***/
b,strong {font-weight:bold;}
div.clear{clear:both;}
h1,h2,h3,h4,h5,h6 {font-family: 'Oleo Script Swash Caps', cursive; color:#6a1616; margin-bottom: 15px;}
h1, h2 {font-size:22pt; margin-bottom: 15px; color: #BC8E5C; line-height: 16pt;}
h3,h4,h5 {font-size:16pt; font-family: 'Open Sans', sans-serif; }
p {line-height:17pt; font-family: 'Open Sans', sans-serif; font-size: 11pt; margin-bottom: 20px;}

h1.title {font-size:22pt; margin-bottom: 35px; color: #BC8E5C; border-bottom: 1px solid; padding-bottom: 10px;}

.ruler {height:1px; border-bottom:1px solid #D3D2DA; margin:15px 0px;}

body {background: url(../images/bg_body.png) repeat-x; font-family: 'Open Sans', sans-serif; font-size: 10pt;}

a {color:#5c0000; text-decoration: none;}
a:hover {text-decoration: none;}

a.read-more {padding:8px 10px 10px 10px; font-size: 11pt; text-align: center; display: inline-block; background: #AC7031; color:#fff; margin-top: 10px;}
a:hover.read-more {background: #6A1616;}

.fleft {float:left;}
.fright {float:right;}

.border-radius {
	/* round corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.novisplet-logo {background:url(../images/novisplet_logo.png) no-repeat 225px 0px; height:14px;  margin: 0px auto; width: 350px; position: relative; margin-top: 10px;}
.novisplet-logo a {text-decoration:none; color:#e2be8a; font-size: 9pt; display: inline-block; margin: 0px auto; margin-left: -40px;}

/*** LAYOUT ***/
#page-wrapper {width: 950px; margin: 0px auto;}

#content-wrapper {min-height: 100px; margin-bottom: 50px; position: relative; background: url('../images/bgw.png');}

#main-content {min-height: 500px;}
#main-content .col-single {padding:30px;}

#main-content .col2 {}
#main-content .col-left {width: 250px; padding: 30px 30px 30px 30px; text-align: justify} /*330*/
#main-content .col-right {width: 560px; padding: 30px 30px 30px 0px;} /*630*/

#main-content .col2-equal {}
#main-content .col2-equal .col {padding: 30px; width: 390px;}

/*** HEADER ***/
header {}

.main-menu-wrapper {margin-top: 30px; background: none; position: absolute; top:0px; width: 950px;}

#main-menu nav.leftmenu,
#main-menu nav.rightmenu {margin-top: 0px; margin-right: 0px; float: left;}
#main-menu nav a { font-family: 'Oleo Script Swash Caps', cursive; font-size: 17pt; color:#fff; text-shadow: 2px 2px #ac7030; text-decoration: none; text-align: center; margin: 0px 25px 0px 0px; display: inline-block; padding-top:65px;}
#main-menu nav a.last {margin-right: 0px;}
#main-menu nav a:hover {color:#6a1616; text-shadow: none;}
#main-menu nav a:hover span.icon {content: "1"; display: inline-block;}
#main-menu nav a.active {color:#6a1616; text-shadow: none;}

#main-menu nav.rightmenu {float: right;}

.logo { width:100%; /*z-index: 1000; position: absolute;*/}
#logo-link { display: block; height: 193px; width: 280px; float: left;}
#logo-link {z-index: 1000;}


/*** CONTENT ***/
#content-wrapper {}

#content-top {}

#main-content {}

#content-bottom {}

/*** FOOTER ***/
footer {position:relative; color:#FFF;  width: 850px; margin: 0px auto; text-align: center; padding: 35px ;}
footer p {font-size: 11pt ; color: #000; margin-bottom: 5px;}
footer a {color:#000; font-size: 11pt; }
footer a.mail {color:#5E0001; text-decoration: underline;}
footer a:hover.mail {color:#5E0001; text-decoration: none;}

.footer-wrapper {background: url(../images/bg_footer.png) repeat-x;}
.footer-data {line-height:13pt; margin-bottom: 20px;}

/*** SPECIAL ***/
#catalog-menu {margin:0px auto;}
#catalog-menu  {border-top: 1px solid #AC7031; border-bottom: 1px solid #AC7031;  font-size: 11pt; position: relative; margin-bottom: 20px; display: inline-block;}
#catalog-menu li {float:left;}
#catalog-menu a {text-align: center; display: inline-block; padding: 15px 27px;}
#catalog-menu li.last {margin-right: 0px;}
#catalog-menu a:hover,
#catalog-menu a.active {background: #5C0001; color:#fff;}
#catalog-menu a span.icon {display: none;}
#catalog-menu a:hover span.icon,
#catalog-menu a.active span.icon { color:#000; display: block;}
#catalog-menu a.active span.icon img, 
#catalog-menu span.icon img {position: absolute; bottom: -8px;}


/** tabs frontpage */
#tab-side-container { background: #fff;  height: 300px; }
#tab-side-container ul { height: 300px; list-style: none; margin: 0; padding: 0; float: left;}
#tab-side-container ul li { width: 250px; margin: 0; padding: 0;  border-bottom: 1px solid #F6EFE9; }
#tab-side-container ul li.first { margin: 0; padding: 0;  font-size: 22pt !important; border-top: none; padding-top:5px; padding-bottom: 10px;}
#tab-side-container ul li.first a {font-size: 14pt !important; font-weight: normal; color:#5E0000}
#tab-side-container ul li.first a:hover {background: none; cursor: default; color:#5E0000 !important;}
#tab-side-container ul li a { display: block; padding: 15px 10px 15px 10px; outline: none; font-size: 12pt; font-weight: bold;}
#tab-side-container ul li a:hover {  background:#F6EFE9; color: #AC7031;}
#tab-side-container ul li.selected-tab { background: #F6EFE9; position: relative; left: 1px; color:#AC7031; }
#tab-side-container ul li:first-child.selected-tab { border-top: none; }
#tab-side-container ul li a.selected-tab { font-weight: bold; text-decoration: none; background: #F6EFE9; color: #AC7031;}
#tab-side-container .panel-container { padding-top: 0px; padding-left: 250px; }
#tab-side-container .panel-container div { text-align: justify;}
#tab-side-container .panel-container div.content { text-align: justify; padding:15px;}
#tab-side-container .panel-container div img {text-align: center;}
#tab-side-container .panel-container div {background: #F6EFE9;}
#tab-side-container .panel-container div a.link {padding:10px; font-size: 12pt; text-align: center; display: block; background: #AC7031; color:#fff;}
#tab-side-container .content img {display:block; margin:0px auto; margin-bottom:15px;}

/* products list */
.product {width: 385px; background: #F6EFE9;  padding:20px; margin: 10px 30px 20px 0px; height: 270px; overflow: hidden;}
.product h2 {color:#AD702F; font-family: 'Open sans', sans-serif; font-size: 13pt; font-weight: bold;}
.product h2 {margin-top: -10px; display: inline-block; width:170px;}
.product.last {margin-right: 0px;}
.product p {text-align:justify; font-size: 9pt; line-height: 14pt;}
.product .content img {margin-left:15px; margin-top: -35px; box-shadow: 0px 0px 3px #888888;}
.product .fleft {width: 170px;}

ul#product-pager li {float:left;}
ul#product-pager li a {display:block; padding:8px 10px; font-size:11pt;}
ul#product-pager li a:hover,
ul#product-pager li a.active {background: #AC7031; color:#fff;}

.recipes {padding:10px 20px 20px 20px; background:#F6EFE9; margin-bottom: 20px;}
.recipes h2 a{color:#AD702F; font-family: 'Open sans', sans-serif; font-size: 13pt; font-weight: bold;}
.recipes h2 a:hover {text-decoration:underline;}
.recipes a.read-more {padding:8px 10px 10px 10px; font-size: 11pt; text-align: center; display: inline-block; background: #AC7031; color:#fff; margin-top: 10px;}
.recipes a:hover.read-more {background: #6A1616;}
.recipes .teaser-img-link {display: inline-block; float: right; background: #fff; padding: 10px 10px 5px 10px; margin: -35px 0px 0px 15px;
	-moz-box-shadow: 0px 3px 4px #E3DBD8;
	-webkit-box-shadow: 3px 3px 4px #E3DBD8;
	box-shadow: 0px 3px 4px #E3DBD8;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.recipe .ingredients { background: #F6EFE9; padding: 20px 20px; width: 380px; float: left; margin: 0px 0px 20px 0px; }
.recipe .ingredients p {font-size: 14px; line-height: 22px;}
.recipe h2 {color:#AD702F; font-family: 'Open sans', sans-serif; font-size: 14pt; font-weight: bold;}
.recipe .gallery {width:440px; float: right; margin: 0px 0px 10px 30px;}
.recipe .gallery img {padding:10px; background: #fff;
	-moz-box-shadow: 0px 3px 4px #E3DBD8;
	-webkit-box-shadow: 3px 3px 4px #E3DBD8;
	box-shadow: 0px 3px 4px #E3DBD8;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	margin: 0px 10px 10px 0px;
}
.recipe .gallery img.nline {margin-right: 0px; width: 185px;}

/* frontpage slider */
.slider-wrapper {background: url(../images/slider_wrapper_shadow.png) center bottom no-repeat; height: 380px; margin-top: 170px !important;}
.slider-wrapper .slide {background: #fff; padding: 5px;}
.slider-wrapper .slide img {display: block;}
.slider-wrapper .slide .desc {
  padding:15px 20px 5px 0px;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  display: block;
  position: absolute;
  text-align: right;
  color:#fff;
  top:312px;
  font-size: 16pt;
  width: 920px;
  height: 32px;
}
.slider-wrapper .slide p.desc-text { font-size: 24pt; font-family: 'Oleo Script Swash Caps', cursive; position: absolute; top:330px; right: 20px; color:#fff;}

.bx-wrapper {position: relative;}
.bx-viewport {overflow: visible !important; z-index: -1;}
.bx-controls-direction {}
.bx-prev, .bx-next {width:53px; height: 55px; background: url(../images/slider_ctrl_prev.png) no-repeat; display: block; text-indent: -99999px; position: absolute; top:150px;}
.bx-prev {left:-21px;}
.bx-next {background: url(../images/slider_ctrl_next.png) no-repeat; right: -21px;}

#mushrooms {margin-left: -9999px; display: inline-block; position: absolute; margin-top: -180px;}

.gallery {width:440px; float: right; margin: 0px 0px 10px 30px;}
.gallery img {padding:10px; background: #fff;
	-moz-box-shadow: 0px 3px 4px #E3DBD8;
	-webkit-box-shadow: 3px 3px 4px #E3DBD8;
	box-shadow: 0px 3px 4px #E3DBD8;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	margin: 0px 10px 10px 0px;
}
.gallery img.nline {margin-right: 0px; width: 185px;}

#form_1 {padding:15px 15px; background:#F6EFE9; width:280px; position: absolute; right: 20px; top:130px;}
#form_1 h3 {font-size:14pt; color:#B3773B; margin-bottom:5px;}
#form_1 b.label {display:block; margin-bottom:3px; font-size: 9pt;}
#form_1 input, #form_1 textarea {width:260px; padding:4px; margin-bottom:10px; border:1px solid #C7C7C7;}
#form_1 #submit-button {
	width:auto;
	background:#AC7031;
	color:#fff;
	width:70px;
	border:none;
	padding: 6px 5px;
}
#form_1 .required {padding:5px 15px; display:block; font-size: 9pt;}
#form_1 .star {font-size:10pt; color:#B3773B}

#maps {border: 1px solid #A3A3A3;}

#submit-button{cursor:pointer}

.padd {padding: 30px}
.padd h1 {background: url('../images/shape.png') no-repeat center center;}
.padd h2 {background: url('../images/shape2.png') no-repeat center center;}
.text-center {text-align: center;}

.itm {float: left; margin-top: 20px; position: relative; width: 256px; height: 201px; padding: 5px; background: url('../images/okvir.png') no-repeat}
.itm a {color: #FFF; text-decoration: none;}
.itm a:hover, .itmtext:hover {text-decoration: underline;}
.itmtext {position: absolute; width: 256px; font-size: 14px; text-shadow: 1px 1px 1px #000; padding: 15px 0; text-align: center; color: #FFF; bottom: 17px; background: url('../images/itbg.png');}
.ilv {margin-left: 45px;}