*		{ margin: 0; padding: 0; }
img, fieldset { border: none; }
:focus	{ outline: 0; }
a		{ text-decoration: underline; }
.alt	{ display: none; }

/************************ TYPO *********************************/
body	{ font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; font-size: 14px; color: #292315;}

a       { color: #762707; text-decoration: underline;}
a:hover { color: #762707; text-decoration: none;}

a.brown       { color: #292315; text-decoration: none; font-weight: bold;}
a.brown:hover { color: #292315; text-decoration: underline; font-weight: bold;}

a.red_underline       { color: #762707; text-decoration: underline;}
a.red_underline:hover { color: #762707; text-decoration: none;}

.error { color: #CC0F13;}
.orange { color: #CB420D;}
.orange_bold { color: #CB420D; font-weight: bold;}
.gray_bold { color: #818080; font-weight: bold;}
.gray_normal { color: #818080; font-weight: normal;}

h1 { color: #3D0000; font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; font-size: 18px; font-weight: bold; padding: 0 0 12px 0; }
h2 { color: #292315; font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; font-size: 13px; font-weight: bold; padding: 0 0 15px 0;}
h3 { color: #762707; font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; font-size: 12px; font-weight: bold; padding: 10px 0 10px 0;}

#page { clear: left; padding-top: 11px; margin: 0 0 5px 0; text-align: right; line-height: 15px; }
#page a { color: #fff; background: #C6C6C6; text-decoration: none;}
#page a:hover { text-decoration: underline;}
#page a.letters { color: #818080;}
#page span { padding: 0 17px; }
#page span a { padding: 3px 7px; }
#page span a:hover,
#page span a.on { background: #979797; color: #fff; font-weight: normal; }
#page a.back,
#page a.forward { background: none; font-weight: normal; }
#page a.back { background: url('../../img/site/BKGmore2.gif') left 2px no-repeat; padding-left: 14px; }
#page a.forward { background: url('../../img/site/BKGmore.gif') right 2px no-repeat; padding-right: 14px; }

#button {float: left; margin-top: 3px; border: 1px solid #291717;}
#button button  { color: #D2C399; font-size: 10px; font-weight: normal; }
#button button { cursor: pointer; border: 1px solid #D2C399; padding: 0 3px 0; background: #7A693A; }
#button button span  { display: block; margin-top: -2px; }
 
/************************ GENERAL *********************************/
html	{ background: #490102; }
#container {position: relative; width: 900px; margin: 0 auto; text-align: left; overflow:auto; z-index: 3; padding-bottom: 40px;}
.column { width: 50%;  position: absolute;  top: 0;} 
.left {left: 0;} 
.right {right: 0;} 
#leftcol { margin-right: 450px; background: url('../../img/site/BKG_col.jpg') left top repeat-x; min-height: 159px;  z-index: 1;}
#rightcol { margin-left: 449px; background: url('../../img/site/BKG_col.jpg') left top repeat-x; min-height: 159px; z-index: 2;}

/************************ TOP *********************************/
#top	{float: left; width: 900px; height: 159px; background: url('../../img/site/BKG_top.jpg') left top no-repeat;}
#top_wrapper {float: left; width: 900px; height: 87px; margin-top: 10px;}
#top #top_wrapper form {float: left; width: 250px; min-height: 80px; height: auto !important; height: 87px;}
#top #top_wrapper p   { margin: 2px 0 0 0; font-weight: bold; color: #D2C399; font-size: 13px;}
#top #top_wrapper fieldset {display: block; float: left; width:115px;  padding: 0 2px 3px 0; }
#top #top_wrapper label  { display: block; float: left; clear: left; width: 115px; padding: 0 0 2px 0; color: #D2C399; font-size: 13px;}
#top #top_wrapper .txt  {float: left; width: 80px; height: 14px; border: 1px solid #291717; margin: 0 5px 3px 0; padding: 2px 0 0 5px; background: url('../../img/site/BKG_txt.gif') left top repeat-x; font-size: 10px; color: #292315;}
#top #top_wrapper img	{ display: block; float: left; cursor: pointer; }

/* jezik */
#top_lang	{float: right; width: 300px; height: 19px; color: #D2C399; font-size: 13px;}
#lang {float: right; width: 210px; height: 12px; margin: 2px 0 0 0; text-align: right;}
#lang a.lang_title {margin-left: 3px; font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; color: #D2C399; font-weight: normal; text-decoration: none;}
#lang a.lang_title:hover, #lang a.on {text-decoration: underline;}

/* main menu */
#nav {float: left; width: 900px; height: 62px; text-align: center; list-style: none; *display: inline; }
#nav  li { display: inline;}
#nav  li { display:block; float:left; height: 62px; padding:0 10px 0 10px; background:url('../../img/site/BKG_menu_line.gif') top right no-repeat;}
#nav  li#last { background: none;}
#nav  li a { display:block; float:left;  height: 62px; }
#nav  li.link1_cro a {width: 85px; background: url('../../img/site/naslovnica_cro.gif') top left no-repeat; }
#nav  li.link2_cro a {width: 71px; background: url('../../img/site/smjestaj_cro.gif') top left no-repeat; }
#nav  li.link3_cro a {width: 65px; background: url('../../img/site/lokacija_cro.gif') top left no-repeat; }
#nav  li.link4_cro a {width: 101px; background: url('../../img/site/fotogalerija_cro.gif') top left no-repeat; }
#nav  li.link5_cro a {width: 116px; background: url('../../img/site/posebna_ponuda_cro.gif') top left no-repeat; }
#nav  li.link6_cro a {width: 96px; background: url('../../img/site/dogadjanja_cro.gif') top left no-repeat; }
#nav  li.link7_cro a {width: 93px; background: url('../../img/site/rezervacija_cro.gif') top left no-repeat; }
#nav  li.link8_cro a {width: 70px; background: url('../../img/site/kontakt_cro.gif') top left no-repeat; }

#nav  li.link1_cro a:hover, #nav  li.link1_cro a.on {width: 85px; background: url('../../img/site/naslovnica_cro.gif') bottom left no-repeat; }
#nav  li.link2_cro a:hover, #nav  li.link2_cro a.on {width: 71px; background: url('../../img/site/smjestaj_cro.gif') bottom left no-repeat; }
#nav  li.link3_cro a:hover, #nav  li.link3_cro a.on {width: 65px; background: url('../../img/site/lokacija_cro.gif') bottom left no-repeat; }
#nav  li.link4_cro a:hover, #nav  li.link4_cro a.on {width: 101px; background: url('../../img/site/fotogalerija_cro.gif') bottom left no-repeat; }
#nav  li.link5_cro a:hover, #nav  li.link5_cro a.on {width: 116px; background: url('../../img/site/posebna_ponuda_cro.gif') bottom left no-repeat; }
#nav  li.link6_cro a:hover, #nav  li.link6_cro a.on {width: 96px; background: url('../../img/site/dogadjanja_cro.gif') bottom left no-repeat; }
#nav  li.link7_cro a:hover, #nav  li.link7_cro a.on {width: 93px; background: url('../../img/site/rezervacija_cro.gif') bottom left no-repeat; }
#nav  li.link8_cro a:hover, #nav  li.link8_cro a.on {width: 70px; background: url('../../img/site/kontakt_cro.gif') bottom left no-repeat; }

#nav li.link1_eng a {width: 74px; background: url('../../img/site/naslovnica_eng.gif') top left no-repeat; }
#nav li.link2_eng a {width: 106px; background: url('../../img/site/smjestaj_eng.gif') top left no-repeat; }
#nav li.link3_eng a {width: 65px; background: url('../../img/site/lokacija_eng.gif') top left no-repeat; }
#nav li.link4_eng a {width: 61px; background: url('../../img/site/fotogalerija_eng.gif') top left no-repeat; }
#nav li.link5_eng a {width: 97px; background: url('../../img/site/posebna_ponuda_eng.gif') top left no-repeat; }
#nav li.link6_eng a {width: 96px; background: url('../../img/site/dogadjanja_eng.gif') top left no-repeat; }
#nav li.link7_eng a {width: 94px; background: url('../../img/site/rezervacija_eng.gif') top left no-repeat; }
#nav li.link8_eng a {width: 85px; background: url('../../img/site/kontakt_eng.gif') top left no-repeat; }

#nav li.link1_eng a:hover, #nav li.link1_eng a.on {width: 74px; background: url('../../img/site/naslovnica_eng.gif') bottom left no-repeat; }
#nav li.link2_eng a:hover, #nav li.link2_eng a.on {width: 106px; background: url('../../img/site/smjestaj_eng.gif') bottom left no-repeat; }
#nav li.link3_eng a:hover, #nav li.link3_eng a.on {width: 65px; background: url('../../img/site/lokacija_eng.gif') bottom left no-repeat; }
#nav li.link4_eng a:hover, #nav li.link4_eng a.on {width: 61px; background: url('../../img/site/fotogalerija_eng.gif') bottom left no-repeat; }
#nav li.link5_eng a:hover, #nav li.link5_eng a.on {width: 97px; background: url('../../img/site/posebna_ponuda_eng.gif') bottom left no-repeat; }
#nav li.link6_eng a:hover, #nav li.link6_eng a.on {width: 96px; background: url('../../img/site/dogadjanja_eng.gif') bottom left no-repeat; }
#nav li.link7_eng a:hover, #nav li.link7_eng a.on {width: 94px; background: url('../../img/site/rezervacija_eng.gif') bottom left no-repeat; }
#nav li.link8_eng a:hover, #nav li.link8_eng a.on {width: 85px; background: url('../../img/site/kontakt_eng.gif') bottom left no-repeat; }

/************************ HEADER *********************************/
#inside	{float: left; width: 900px; background: #D2C398;}
#header	{float: left; width: 900px; height: 230px;}
#flash	{float: left; width: 884px; height: 202px; margin: 8px 8px 8px 8px;}
#flash_line	{float: left; width: 884px; height: 12px; margin: 0 0 0 8px;}

/************************ CONTENT *********************************/
#wrapper	{float: left; width: 884px; margin: 25px 0 30px 8px;}
#column_left	{float: left; width: 220px;}
#content	{float: left; width: 404px; padding: 0 20px 0 20px;}
#content_home	{float: left; width: 624px; padding: 0 20px 0 20px;}
#column_right	{float: left; width: 220px;}

#content_home a, #content a { color: #762707; text-decoration: underline;}
#content_home a:hover, #content a:hover { color: #762707; text-decoration: none;}

.box, .box_home { width : 220px; padding-bottom: 15px; margin: 0px auto; zoom: 1;  overflow: hidden; }
.box_home { float: left; width : 190px; margin: 20px 20px 0 0;}
.box_home.last { margin: 20px 0 0 0;}
.box .heading, .box_home .heading	{padding: 3px 30px 10px 32px; background: url('../../img/site/BKG_heading.gif') 0 5px  repeat-x; }
.box .heading span, .box_home .heading span	{ font-size: 14px; color: #292315; font-weight: normal; }

.img_home { float: left; width : 170px; height: 45px; margin: 10px 0 0 10px; }
.txt_home { float: left; width : 170px; margin: 10px 0 5px 10px; }
.more { float: left; width : 170px; margin: 0 0 10px 10px; }

/* lokacija */
#location {float: left; background: #B3A682; padding: 5px; margin: 20px 0 30px 0; }

/* galerija */
.gall_box {float: left; width: 404px;  margin: 10px 0 0 0; }

/* kolona lijevo */
#map {float: left; width: 200px; height: 55px; margin: 10px 0 0 10px; cursor: pointer;}

/* vremenska prognoza */
#weather dt { color: #762707; font-size: 13px; font-weight: normal; }
#weather dd { color: #292315; font-size: 13px; }
#weather dd span    { color: #292315; font-size: 10px; }
#weather dd span b  { font-size: 14px; }
#weather .forecast dd  { line-height: 13px; }
#weather a  { font-size: 13px; font-weight: normal; color: #762707; text-decoration: underline; }

#weather  { background: #D2C398; padding: 7px 10px 5px 10px; }
#weather dl { height: auto; margin: 0; padding: 0; background: #D2C398; overflow: hidden; }
#weather dt { text-indent: 0; margin: 0; height: auto; padding: 2px 4px 3px 0; }
#weather dd.first { border: none !important;}

#weather .today { padding: 0 2px; margin-bottom: 7px; }
#weather .today dd  { padding: 1px 4px 1px 0; border-top: 1px solid #B3A682; overflow: hidden; }
#weather .today div { float: left; width: 55px; }
#weather .today img { display: block; }
#weather .today span  { float: left; display: block; width: 32px; padding-top: 5px; }
#weather .today span b  { display: block; margin-bottom: -7px; }

#weather .forecast { padding-bottom: 6px; margin-bottom: 2px; }
#weather .forecast dd { float: left; width: 38px; border-left: 1px solid #B3A682; text-align: center; padding: 3px 0; }
#weather .forecast dd.first { padding-left: 5px; }
#weather .forecast dd img { margin: 0 auto 5px auto; display: block; }

/* konverter valuta */
#converter span { color: #292315; font-size: 13px; font-weight: normal; }
#converter label,
#converter .txt { color: #292315; font-size: 13px; font-weight: normal; }
#converter label { color: #292315; }
#converter select { color: #292315; font-weight: normal; font-size: 11px; }

#converter  { background: #D2C398; padding: 5px 0 14px 10px; margin-bottom: 13px; }
#converter span { display: block; margin-bottom: 8px; }
#converter fieldset { margin-bottom: 5px; }
#converter .txt {color: #292315; width: 101px; margin: 0 3px 0 0; padding: 1px 2px; border: 1px solid #B3A682; background: url('../../img/site/BKG_txt2.gif') left top repeat-x #F5E4B3; }
#converter label  { padding-left: 10px; }
#converter select { border: 1px solid #B3A682; background: #F5E4B3;}
#converter option { padding: 0 2px 0 0; }

/* lista */
#content_home ul, #content ul { list-style: none; margin: 8px 0 8px 15px; text-align: justify; }
#content_home ul li , #content ul li  {display: block; font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bullet1.gif') 0px 5px no-repeat; height:1%;}
#content_home ul li a ,#content ul li a {color: #762707; text-decoration: underline;}
#content_home ul li a:hover , #content ul li a:hover {color: #762707; text-decoration: none;}
#content_home ul li ul , #content ul li ul { list-style: none; margin: 10px 0 10px 20px; }
#content_home ul li ul li , #content ul li ul li  { font-family: "Times New Roman", Times, FreeSerif, Verdana, serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bullet2.gif') 0px 5px no-repeat; height:1%;}
#content_home ul li ul li a , #content ul li ul li a {color: #762707; text-decoration: underline;}
#content_home ul li ul li a:hover , #content ul li ul li a:hover {color: #762707; text-decoration: none;}

/* Foto galerija */
ul#gallery_cont {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery_cont li {float: left; width: 115px; height: 80px; background: #B3A682; margin: 0 10px 10px 0;  padding: 0 !important;}
ul#gallery_cont li a.imgwrapper { display: block; text-align: center; padding: 5px 0 0 0;}
ul#gallery_cont li a { font-weight: normal; color: #0C0C0C; }
ul#gallery_cont li a:hover { font-weight: normal; color: #A7020D; }

ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery li {float: left; width: 91px; height: 63px; background: #B3A682; margin: 0 10px 10px 0;  padding: 0 !important;}
ul#gallery li a.imgwrapper { display: block; text-align: center; padding: 3px 0 0 0;}
ul#gallery li a { font-weight: normal; color: #0C0C0C; }
ul#gallery li a:hover { font-weight: normal; color: #A7020D; }

/* rabat tablica */
#pricetable {float:left; border-collapse: separate; border-spacing: 0px; border: 1px solid #B3A682; width: 100%;  text-align: left; vertical-align: top; margin: 0 0 25px 0; font-size: 12px;}
#pricetable th.cell_50 {width: 50px;}
#pricetable th { height: 18px; background: #685B3A; color: #ffffff; padding: 2px 2px 0 0; }
#pricetable td { padding: 2px 0; }
#pricetable tr.title th { background: #685B3A; color: #ffffff; padding: 5px 2px 5px 0; }
#pricetable th.center, #pricetable td.center { text-align: center; padding-left: 3px; }
#pricetable td.border_left { text-align: center; padding-left: 3px; }
#pricetable td.left { text-align: left; padding-left: 3px; }
#pricetable td .red_bold { text-align: left; color: #292315; font-weight: bold; }
#pricetable tr.grayrow td { background: #C3B58D;  border-top: 1px solid #B3A682;}
#pricetable tr.whiterow td { background: #D2C398;  border-top: 1px solid #B3A682;}

/* kolona desno */
#restaurant {float: left; width: 200px; margin: 10px 0 0 10px; }
#rest_img {float: left; width: 200px; height: 55px; margin: 10px 0 0 0; }
#rest_logo {float: left; width: 115px; height: 95px; margin: 10px 0 0 40px; }

/********************** FORM ********************************/
form.reservation { float: left; margin-right: 10px; }
form.reservation div { float: left;  margin: 10px 0 0 0; width: 390px;}
form.reservation .reset { margin-right: 10px !important; }

#main_form { float: left; width: 390px;  padding: 10px 0 0 0; }
#main_form .field_wrapp {float: left; clear: both; width: 390px; margin-bottom: -2px;}
#main_form h3, #advert h3 { margin: 0; }
#main_form .message, { display: block; font-size: 11px; margin-bottom: 10px; }
#main_form em { color: #c00; }
#main_form label { display:  block; float: left; clear: left; width: 117px; line-height: 13px; margin: 4px 0 0 0; }
#main_form select { width: 196px; padding: 2px; margin-bottom: 4px; border: 1px solid #B3A682; background: #F5E4B3; font-size: 11px; color: #292315;}
#main_form .inputtext { width: 230px; height: 13px; padding: 2px;  border: 1px solid #B3A682; background: url('../../img/site/BKG_txt2.gif') left top repeat-x #F5E4B3; font-size: 11px; color: #292315;}
#main_form fieldset .inputtext { width: 110px; }
#main_form .big { width: 170px !important; }
#main_form .biger { width: 190px; margin-right: 4px; }
#main_form .small { width: 50px !important; }
#main_form textarea { width: 230px; padding: 2px; height: 136px; border: 1px solid #B3A682; background: url('../../img/site/BKG_txt2.gif') left top repeat-x #F5E4B3; font-size: 11px; color: #292315; font-family: Tahoma,"Arial", Verdana, Helvetica, sans-serif;}
#main_form i { font-size: 13px; color: #004a7b; display: block; margin: 5px 0 15px 0; }
#main_form .check img { display: block; float: left; margin:5px 8px 5px 0; border: 1px solid #9fbdc0; }
#main_form .check .inputtext { float: left; margin-top:5px;}
#main_form .clear {float: left; margin: 10px 0 10px 0px; overflow: hidden; width: 250px;}
#main_form .clear a.btn { background: transparent url('../../img/site/BKG_button_right.gif') no-repeat scroll top right; color: #292315; display: block; float: left; font: normal 11px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;}
#main_form .clear a.btn span { background: transparent url('../../img/site/BKG_button_left.gif') no-repeat; display: block; line-height: 12px; padding: 5px 0 5px 13px;} 
#main_form .clear a.btn:active { background-position: bottom right; color: #000;  outline: none; /* hide dotted outline in Firefox */}
#main_form .clear a.btn:active span { background-position: bottom left; padding: 6px 0 4px 14px; /* push text down 1px */} 

#main_form .error_message, #advert .error_message {font: 11px tahoma, verdana, arial, helvetica, sans-serif; color: #CC0F13;}

#close_form {clear: both; float: left; width:200px;}
#close {display: block; margin: 0 0 10px 0; width:200px;}


span.datepicker_wrap {height: 14px;}


/************************ FOOTER *********************************/
#footer	{float: left; width: 884px; margin: 25px 0 20px 8px; }
#footer_line	{float: left; width: 884px; height: 10px;}
#footer_wrapper {margin: 0px auto; width: 884px; }
#footer #rights {margin: 0px auto; width: 500px; height: 20px; margin-top: 20px;  text-align: center; }
#sign {float: left; padding: 5px 0 0 0;}
#sign a{ font-family: Arial, Verdana,  sans-serif; font-size: 11px; text-decoration: none; color: #fff; }
#sign a:hover{color: #fff; text-decoration: underline;}
#sign .lupus{ color: #fff; }