/*********************
  general items
*********************/
* {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
a {
	color: #978E7D;
	text-decoration: none;
}
a:hover {
	color: #d2c9bc;
}
a:focus {
	outline: 0;
}
fieldset {
	border: 0;
}
.clb {
	clear: both;
}

/*********************
  Main Styles
*********************/
html {
	font: .627em Arial, Verdana, Helvetica, sans-serif;
}
body {
	color: #978e7d;
	background: #fffef6 url(/images/body_bgr.gif) repeat-x 0 0;
}
#container {
	width: 968px;
	text-align: left;
	padding: 45px 0 0 35px;
	background: #fffef6;
}

/*********************
  header & footer
*********************/
#header {
	float: left;
	width: 968px;
	height: 30px;
	background: #dfdad1;
}
a#logo {
	float: left;
	height: 30px;
	border-right: 2px solid #fffef6;
}
a#logo img {
	display: block;
}
#footer {
	clear: both;
}

/*********************
  navigation
*********************/
#top_nav {
	float: right;
	position: relative;
	z-index: 2;
	height: 30px;
	list-style-type: none;
	border-left: 2px solid #fffef6;
	font-size: 1.2em;
}
#top_nav li {
	float: left;
	display: inline;
	width: 110px;
	height: 30px;
	border-right: 2px solid #fffef6;
	text-align: right;
}
#top_nav li a {
	display: block;
	padding: 3px 5px;
	width: 100px;
	height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	color: #978d7d;
}
#top_nav li a:hover {
	background-color: #d2c9bc;
	color: #fffef6;
}
#top_nav li a.on {
	color: #fffef6;
	background: #978e7d;
}
#top_nav li.facebook {
	float: left;
	display: inline;
	width: 110px;
	height: 30px;
	border-right: 2px solid #fffef6;
	text-align: right;
}
#top_nav li.facebook a {
	display: block;
	padding: 3px 5px;
	padding-right: 35px;
	width: 70px;
	height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	color: #978d7d;
	background: #dfdad1 url(/images/facebook.jpg) no-repeat 80px 0;
}
#top_nav li.facebook a:hover {
	background: #d2c9bc  url(/images/facebook_over.jpg) no-repeat 80px 0;
	color: #fffef6;
}
#top_nav li.facebook a.on {
	color: #fffef6;
	background: #978e7d url(/images/facebook_over.jpg) no-repeat 80px 0;
}
/*********************
  main content items
*********************/
#content {
	float: left;
	margin-bottom: 35px;
	width: 967px;
}
#flash_content {
	float: left;
	display: inline;
	padding-top: 20px;
	margin-right: 7px;
	width: 300px;
}
#left_col {
	float: left;
	width: 103px;
	margin-top: -30px;
	padding-top: 30px;
	border-right: 2px solid #fffef6;
	background: #dfdad1;
	font-size: 1.2em;
}
#left_col ul#side_nav,
#left_col ul#side_nav ul {
	float: left;
	width: 103px;
	margin-right: -3px;
	list-style-type: none;
}
#left_col ul#side_nav ul {
	display: none;
}

ul#side_nav li,
ul#side_nav li li {
	float: left;
	clear: left;
	width: 103px;
	border-top: 2px solid #fffef6;
}
ul#side_nav li li {
	text-indent: 9px;
}
ul#side_nav li a {
	display: block;
	padding: 1px 3px;
	width: 97px;
	color: #978d7d;
	text-decoration: none;
	text-transform: uppercase;
}
#side_nav li a:hover {
	background-color: #d2c9bc;
	color: #fffef6;
}
#side_nav li a.on {
	color: #fffef6;
	background: #978e7d;
}
#right_col {
	float: left;
	position: relative;
	width: 555px;
	font-family: Georgia, Arial, Verdana, sans-serif;
	font-size: 1.2em;
}
.home {
	height: 650px;
}
.locations,
#right_col.subpage {
	width: 527px!important;
	padding: 33px 0 0 28px;
}
#right_col.subpage p {
	font-family: Georgia, Arial, Verdana, sans-serif;
	padding-bottom: 25px;
	line-height: 1.4em;
}
#right_col.subpage p a {
	padding: 1px 3px;
	background: #d2c9bc;
	color: #fffef6;
}
.text-area {
	float: left;
	width: 330px;
	padding-bottom: 20px;
}
.text-area-posao {
	float: left;
	width: 290px;
	padding-bottom: 20px;
}
.text-area-home {
	float: left;
	width: 330px;
	padding-bottom: 0;
	margin: 20px 0 0 50px;
}
.text-area-oglas {
	float: left;
	width: 330px;
	padding-bottom: 20px;
}
.text-area-oglas ul {
	clear: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 16px;
	padding: 4px 0 0;
	font-family: Georgia, Arial, Verdana, sans-serif;
}
.text-area-oglas li {
	margin: 0;
	padding: 0 0 4px 15px;
	background-image: url(/images/pfeilrechts.gif);
	background-repeat: no-repeat;
}
.address ul {
	clear: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 16px;
	padding: 4px 0 0;
	font-family: Georgia, Arial, Verdana, sans-serif;
}
.address li {
	margin: 0;
	background-image: none;
	padding: 2px 0;
}
#logosection {
	display: block;
	margin-top: -50px;
	float: right;
	padding: 8px 0 0;
	width: 220px;
	background-color: #EDE8DF;
	text-align: center;
}
#logosection img {
	border: 4px solid #fffef6;
	display: block;
	margin: 0 auto 8px;
}
.locations ul {
	clear: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 16px;
	padding: 4px 0 0;
	font-family: Georgia, Arial, Verdana, sans-serif;
}
.locations li {
	margin: 0;
	padding: 2px 0;
}
a.back,
.locations a {
	display: inline;
	padding: 0 0 4px 15px;
	background-image: url(/images/pfeilrechts.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
a.back {
	background-image: url(/images/pfeilrechts_left.gif);
}
.locations a:hover {
	color: #d2c9bc;
}

#right_col h1#welcome {
	margin: 50px 0 43px 50px;
	padding-top: 54px;
	width: 410px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(/images/h1_welcome.gif) no-repeat 0 0;
}
.answer {
	width: 492px;
	background: #ede8df;
	margin: 10px 0 20px 15px;
	padding: 10px 10px 10px 10px;
}
#opening {
	clear: left;
	padding-left: 50px;
	width: 315px;
}
#opening p {
	clear: left;
	padding-bottom: 5px;
	font-family: Georgia, Arial, Verdana, sans-serif;
}
img#thumbs1{
	display: inline;
	margin: 20px 0 0 50px;
	border: 5px solid #d2c9bc
}
img#thumbs2{
	border: 5px solid #d2c9bc
}
img#tagline {
	display: block;
	position: absolute;
	bottom: 0;
	left: 20px;
}
#right_col h1 {
	margin-bottom: 20px;
	color: #847D72;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
}
#right_col h2 {
	float: none;
	clear: left;
	margin-bottom: 20px;
	color:#847D72;
	background: #fffef6;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
}
#right_col #opening h2,
#right_col h2.subheading {
	float: left;
	margin-bottom: 10px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 1px 3px;
	color: #fffef6;
	background: #d2c9bc;
	font-family: Arial, Verdana, sans-serif;
}
#right_col h2.footnote {
	float: left;
	margin-bottom: 10px;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 1px 3px;
	color: #fffef6;
	background: #e20043;
	font-family: Arial, Verdana, sans-serif;
}
#right_col #opening h2.bg {
	float: left;
	margin: 30px 0 10px 0;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 1px 3px;
	color: #fffef6;
	background: #d2c9bc;
	font-family: Arial, Verdana, sans-serif;
}
#flash{
	margin: 20px 0 0 50px;
}

ul.address {
	clear: left;
	list-style-type: none;
	font-family: Georgia, Arial, Verdana, sans-serif;
}
ul.address li {
	clear: left;
	padding-bottom: 3px;
}
/** email **/

#l_col,
#r_col {
	float: left;
	width: 235px;
}
#r_col {
	float: left;
	width: 290px;
}
form#contact_f {
	float: left;
	clear: left;
	width: 527px;
	padding-bottom: 50px;
}
form#contact_f label {
	display: block;
	padding-bottom: 2px;
	clear: left;
}
form#contact_f label span,
form#contact_f p span {
	color: red;
}
form#contact_f input {
	width: 190px;
	padding: 1px 2px;
	margin-bottom: 20px;
	border: 1px solid #dfdad1;
}
#buttons {
	clear: left;
	padding-bottom: 20px;
}
form#contact_f input#submit,
form#contact_f input#reset {
	cursor: pointer;
	margin: 0 5px 0 0;
	padding: 19px 0 0;
	width: 77px;
	overflow: hidden;
	font-size: .1em;
	border: 0;
	background: url(/images/f_buttons.gif) no-repeat 0 0;
	color: #fffef6;
}
form#contact_f input#reset {
	background-position: -82px 0;
}
form#contact_f textarea {
	width: 284px;
	height: 200px;
	padding: 1px 2px;
	margin-bottom: 10px;
	border: 1px solid #dfdad1;
	overflow: auto;
}
/** vap **/

h1#vap {
	margin-top: 100px;
	padding-top: 26px;
	width: 277px;
	height: 0;
	overflow: hidden;
	background: url(/images/h1_vap.gif) no-repeat 0 0;
	font-size: .1em;	
}
ul.vap {
	clear: left;
	list-style-type: none;
	font-family: Arial, Verdana, sans-serif;
}
ul.vap li {
	clear: left;
	border-bottom: 2px solid #fffef6;
}
ul.vap li span {
	clear: left;
	color: #fffef6;
	text-transform: uppercase;
	background: #d2c9bc;
	padding: 0 2px;
}
ul.vap li span a {
	text-transform: none;
}
ul.vap li span a:hover {
	color: #978E7D;
}
.quality {
	width: 390px;
}
.quality h2 {
	margin-bottom: 20px;
}
form#quality_f {
	clear: left;
	width: 100%;
}
form#quality_f select {
	clear: left;
	width: 100%;
	margin-bottom: 40px;
}
#grades {
	clear: left;
	width: 100%;
	padding: 10px 0 50px;
}
#grades ul {
	clear: left;
	padding-bottom: 10px;
	list-style-type: none;
	text-align: right;
}
#grades ul li {
	clear: left;
	padding-bottom: 25px;
}
span.question {
	padding-right: 10px;
}
span.radio_module {
	width: 20px;
	margin-right: 5px;
}
span.radio_module label {
	width: 20px;
	font-family: Arial, Verdana, sans-serif;
}
span.radio_module input {
	clear: left;
	width: 12px;
	height: 12px;
}
input.btn {
	padding: 3px 5px;
	cursor: pointer;
}
#right_col p.big {
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

ul.press {
	clear: left;
	list-style-type: none;
	padding-bottom: 20px;
	width: 250px;
}
ul.press li {
	clear: left;
	list-style-type: none;
	padding: 0 0 4px 15px;
	width: 235px;
	background: url(/images/pfeilrechts.gif) no-repeat 0px 0px;
}

ul.gallery {
	float: left;
	width: 600px;
}
ul.gallery li {
	float: left;
	list-style-type: none;
	margin: 0 10px 10px 0 ;
}
ul.gallery li a {
	display: block;
	border: 5px solid #dfdad1;
}

/*** menu **/

#menu_content {
	float: left;
	width: 450px;
}
#menu_content h2 {
	margin-bottom: 8px;
	width: 450px;
	text-transform: uppercase;
	color: #fffef6;
	background: #005429;
	text-indent: 10px;
}
#menu_content.pasta h2 {
	background: #005429;
}
#menu_content h2.bar {
	background: #003f76;
}
#menu_content h2.vino {
	background: #560c56;
}
#menu_content h2.slatkisi {
	background: #693c20;
}
#menu_content h3 {
	float: left;
	margin: 0 0 3px 25px;
	width: 425px;
	text-transform: uppercase;
	color: #847d72;
	background: #d2c9bc;
	text-indent: 5px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
}
#menu_content h3.sec {
	background: #d2c9bc;
}
#menu_content ul {
	float: left;
	clear: left;
	display: inline;
	margin: 0 0 30px 25px;
	width: 425px;
	list-style-type: none;
}
#menu_content ul.menu_images {
	position: relative;
	padding: 5px 0;
	background: #efeae6;
}
#menu_content ul li {
	position: relative;
	float: left;
	clear: left;
	padding: 8px 5px;
	width: 415px;
	color: #000;
	text-align: right;
	background: #ede8df;
}
#menu_content ul.menu_images li {
	position: static;
	padding: 0 5px;
	background: #efeae6;
}
#menu_content ul.menu_images li a {
	padding-right: 20px;
	color: #000;
	background: url(/images/pfeilrechts.gif) no-repeat top right;
	line-height: 1.5em;
}
#menu_content ul.menu_images li a:hover {
	color: #978D7D;
}
#menu_content ul.menu_images li .menu_image {
	display: none;
	position: absolute;
	left: 165px;
	top: 5px;
	z-index: 10;
}
#menu_content ul li.zebra {
	background: #f2efe8;
}
#menu_content ul li .name {
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
}
#menu_content ul li .novo {
	position: absolute;
	top: 2px;
	left: -31px;
	width: 34px;
	height: 34px;
	background: url(/images/novo.gif) no-repeat 0 0;
	z-index: 10;
}
#menu_content ul li .elements {
	float: left;
	clear: left;
	text-align: left;
	font-size: .8em;
}
#menu_content ul li .quantity {
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	color: #978e7d;
	font-size: .8em;
	margin: 0 2px 0 33px;
}
#menu_content ul li .price {
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 1,1em;
	/*margin-right: 10px;*/
}
ul.pdf {
	clear: left;
	list-style-type: none;
	padding-bottom: 20px;
	width: 250px;
}
ul.pdf li {
	clear: left;
	list-style-type: none;
	padding: 0 0 4px 15px;
	width: 235px;
	background: url(/images/pfeilrechts.gif) no-repeat 0px 0px;
}
/* gallery */
#gallery {
	float: left;
	width: 540px;
}
#gallery #map {
	float: left;
	margin-right: 1px;
	width: 84px;
	height: 84px;
}
#gallery #thumbs {
	float: left;
	width: 455px;
}
#gallery #thumbs_inner {
	float: left;
	display: inline;
	position: relative;
	margin: 0 1px;
	width: 424px;
	height: 84px;
	overflow: hidden;
}
#gallery #thumbs #arrow_prev,
#gallery #thumbs #arrow_next {
	float: left;
	display: block;
	padding-top: 84px;
	height: 0;
	width: 14px;
	overflow: hidden;
	font-size: 1px;
	background: url(/images/arrow_left.gif) no-repeat 0 0;
}
#gallery #thumbs #arrow_next {
	float: right;
	background: url(/images/arrow_right.gif) no-repeat 0 0;
}
#gallery #thumbs ul {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 500px;
	list-style-type: none;
}
#gallery #thumbs ul li {
	position: relative;
	display: inline;
	float: left;
	margin-right: 1px;	
}
#gallery #thumbs ul li div.shad {
	position: absolute;
	top: 84px;
	left: 0;
	width: 84px;
	height: 84px;
	background-color: #fffef6;
}
#gallery #image_holder {
	float: left;
	margin-top: 1px;
	width: 540px;
}
#gallery #image_holder img {
	display: none;
}
#gallery #image_holder #location_map img {
	display: block;
	padding-bottom: 20px;
}
#gallery #image_holder img.visible {
	display: block;
}
#image_holder #location_map {
	padding-top: 150px;
}
#image_holder #location_map .vap {
	padding-bottom: 20px;
}

.faq .answer {
	display: none;
}