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

/************************ TYPO *********************************/
body	{ font-family: Tahoma,"Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}

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

a.gray       { color: #818080; text-decoration: none;}
a.gray:hover { color: #818080; text-decoration: underline;}

a.gray_underline       { color: #818080; text-decoration: underline;}
a.gray_underline:hover { color: #818080; 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;}

.space_5b { margin-bottom: 5px;}
.space_5t { margin-top: 5px;}
.spacer_3t	{padding-top: 3px; }

h1 { color: #000000; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 17px; font-weight: normal; padding: 0 0 12px 0; }
h2 { color: #818080; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0 0 15px 0;}
h3 { color: #EE902C; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

#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: 0px; border: 1px solid #cccccc;}
#button button  { color: #ffffff; font-size: 10px; font-weight: normal; }
#button button { cursor: pointer; border: 1px solid #ffffff; padding: 0 3px 0; background: #B7B988; }
#button button span  { display: block; margin-top: -2px; }
 
/************************ GENERAL *********************************/
body	{background-image: url('../../img/site/BKG_body.gif'); background-color: #ffffff;}
#container 	{position: relative; padding-bottom: 40px; width: 860px; margin: 0px auto;}
#inside 	{float: left; padding: 0 18px 0 18px; width: 824px; background-color: #ffffff;}

/************************ TOP *********************************/
#top	{float: left; width: 824px; height: 156px; }
#top form {float: left; width: 235px; min-height: 80px; height: auto !important; height: 195px;}
#top p    { margin: 20px 0 5px 0; font-weight: bold;}
#top fieldset {display: block; float: left; width:115px;  padding: 0 2px 5px 0; }
#top label   	{ display: block; float: left; clear: left; width: 115px; padding: 0 0 2px 0;}
#top .txt    	{float: left; width: 80px; height: 15px; border: 1px solid #CCCCCC; margin: 0 5px 6px 0; padding: 2px 0 0 5px; background: #ffffff; font-size: 10px; color: #6E6E6E;}
#top img			{ display: block; float: left; cursor: pointer; }
#top .button     { float: right; margin: 10px 14px 0 0; }

#logo	{float: left; width: 119px; height: 100px; margin: 5px 0 0 110px;}

#top_right	{float: right; width: 230px; height: 100px; margin-top: 8px;}

#lang   	{float: right;  width: 125px; }
#lang li    { display: block; float: left; margin-left: 7px; border-left: none; }
#lang a     { display: block; float: left; }
#lang a.on,
#lang a:hover   { opacity: 0.25; }

#slogan { clear: right; float: right; text-align: right; width: 230px; margin: 20px 0 20px 0; font-weight: bold;}

#address { clear: right; float: right; text-align: right; width: 230px;}

/* main menu */
#main_menu {clear: both; float: left;  width: 824px; height: 28px; margin: 20px 0 0 0; *display: inline; background: url(../../img/site/BKG_main_menu.gif) left top repeat-x; }
#main_menu ul {float: left; list-style: none;}
#main_menu ul li {display: inline; color:#ffffff; height:1%;  }
#main_menu ul li a {float: left; display: block; height: 12px; padding: 8px 25px 8px 10px; border-right: 1px solid #394E26; }
#main_menu ul li.last a {border-right: none; }
#main_menu ul li a {color:#ffffff; font-weight: bold; font-size: 10px; text-decoration: none; background: url(../../img/site/BKG_main_menu.gif) left top repeat-x;}
#main_menu ul li a:hover {color:#ffffff; text-decoration: none; background: url(../../img/site/BKG_main_menu.gif) left bottom repeat-x;}
#main_menu ul li a.on {color: #ffffff; text-decoration: none; background: url(../../img/site/BKG_main_menu.gif) left bottom repeat-x;} 

/************************ HEADER *********************************/
#header	{float: left; width: 824px; height: 201px; margin: 9px 0 9px 0; background: url(../../img/site/BKG_header.gif) left top repeat-x; }
#flash	{float: left; width: 824px; height: 185px; margin-top: 8px; }

/************************ CONTENT *********************************/
#wrapper {float: left; width: 824px; min-height: 400px; }
#left_side_bar {float: left; width: 220px;}

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

#map {float: left; width: 165px; height: 54px; margin-top: 15px; cursor: pointer;}
#map span {float: left; display: block; width: 165px; height: 54px; margin: 38px 0 0 7px; color: #ffffff; }
#map a span  {color: #ffffff; text-decoration: none; cursor: pointer; }
#map a:hover span {color: #ffffff; text-decoration: none; }

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

#weather  { background: #ffffff; padding: 7px 10px 5px 0; }
#weather dl { height: auto; margin: 0; padding: 0; background: #fff; 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 #eff5f2; 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 #eff5f2; 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: #000000; font-size: 11px; font-weight: normal; }
#converter label,
#converter .txt { color: #6E6E6E; font-size: 11px; font-weight: normal; }
#converter label { color: #000000; }
#converter select { color: #000000; font-weight: normal; font-size: 11px; }

#converter  { background: #ffffff; padding: 5px 0 14px 0; margin-bottom: 13px; }
#converter span { display: block; margin-bottom: 8px; }
#converter fieldset { margin-bottom: 5px; }
#converter .txt { border: 1px solid #CCCCCC; width: 101px; margin: 0 3px 0 0; padding: 1px 2px; }
#converter label  { padding-left: 10px; }
#converter select { border: 1px solid #CCCCCC; }
#converter option { padding: 0 2px 0 0; }

/* content */
#content {float: left; width: 604px; margin-top: 5px;}
#content_text {float: left; width: 400px; margin: 0 20px 0 25px;}
#content_full_text {float: left; width: 550px; margin: 0 0 0 25px; padding-bottom: 30px;}
#content_home {float: left; width: 704px; margin: 0 20px 0 0;}
#content_pic {float: left; width: 130px; margin: 0 5px 0 5px;}

.img_home { float: left; width : 212px; height: 70px; padding: 3px; margin-top: 10px; border: 1px solid #CCCCCC; }
.txt_home { float: left; width : 220px; margin: 10px 0 10px 0; }
em { color: #EE902C; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold;  }

#location {float: left; background: #fff; padding: 5px; border: 1px solid #CCCCCC; margin: 20px 0 30px 0; }

#content_text ul ,#content ul {clear: both; list-style: none; margin: 10px 0 10px 20px;}
#content_text ul li, #content ul li  {color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 12px; padding-left: 9px; margin-bottom: 4px; background: url(../../img/site/orange.gif) 0px 3px no-repeat; height:1%;}
#content_text ul li a, #content ul li a {color:#CB420D; text-decoration: none;}
#content_text ul li a:hover, #content ul li a:hover {color:#CB420D; text-decoration: underline;}

/* komentari gostiju */
#total_box {float: left; width :550px; height :100px; background: #F3F3F3;}
#total {float: left; width :200px; height :100px; }
#total_txt {float: left; height :25px; padding-right: 10px; margin: 16px 0 0 10px; font: bold 12px arial; color: #818080;}
.mark_right {float: left; width :48px; height :48px; padding-top: 16px; font: bold 11px arial; color: #ffffff; text-align: center;  background: url(../../img/site/comment_big_right.png) 0px 0px no-repeat;}
#total_base {float: left; width :200px; height :25px; margin: 15px 0 0 10px; font: normal 11px arial; color: #818080;}
#score {float: left; width :300px; height :100px; }
#score .review{ float: left; width: 300px; margin: 4px 0 0 0; }
#score .review span { display:  block; float: left; clear: left; width: 90px; line-height: 13px; color: #818080;}
#score .review .score_bar {float: left; width: 111px; background: #D4D3D3; margin: 5px 0 0 0;}
#score .review .grade {float: left; padding-left: 5px; color: #818080;}

#content_full_text ul.cont_box  { list-style: none; width : 550px; margin-left: 0px;}
#content_full_text ul.cont_box li{clear: both; padding: 5px 5px 15px 5px; zoom: 1; overflow: hidden; }
#content_full_text ul.cont_box li .cont	{float: left; margin: 0 15px 0 0; padding: 3px !important;}
#content_full_text ul.cont_box li .comm_data {float: left; width : 250px; }
#content_full_text ul.cont_box li .mark_left {float: right; width :48px; height :48px; padding-top: 16px; font: bold 11px arial; color: #ffffff; text-align: center;  background: url(../../img/site/comment_big_left.png) 0px 0px no-repeat;}
#content_full_text ul.cont_box li .comm_txt_plus {float: left; width :500px; margin-top: 3px; padding-left: 15px; background: url(../../img/site/positive.gif) 0px 0px no-repeat;}
#content_full_text ul.cont_box li .comm_txt_minus {float: left; width :500px; margin-top: 3px; padding-left: 15px; background: url(../../img/site/negative.gif) 0px 0px no-repeat;}
#content_full_text ul.cont_box li.white_box {background: #FFFFFF;}
#content_full_text ul.cont_box li.gray_box 	{background: #F3F3F3;}

#click_advert {display: block; margin: 10px 0 10px 0; width:400px;}

/* gallery */
ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery li {width: 120px; height: 105px; border: 1px solid #CCCCCC; background: #ffffff; margin: 0 5px 20px 0;  padding: 3px;}
ul#gallery li span {color: #0C0C0C; display: block; height: 14px; padding: 4px 5px 3px 5px; line-height: 10px; text-align: center;}
ul#gallery li a.imgwrapper { display: block; text-align: center; padding: 7px 0 0 0;}
ul#gallery li a { font-weight: normal; color: #0C0C0C; }
ul#gallery li a:hover { font-weight: normal; color: #A7020D; }

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

#main_form, #advert { float: left; width: 500px;  padding: 10px 0 0 0; }
#main_form .field_wrapp, #advert .field_wrapp {float: left; clear: both; width: 450px; margin-bottom: -2px;}
#main_form h3, #advert h3 { margin: 0; }
#main_form .message, #advert .message { display: block; font-size: 11px; margin-bottom: 10px; }
#main_form em, #advert em { color: #c00; }
#main_form label, #advert label { display:  block; float: left; clear: left; width: 117px; line-height: 13px; margin: 4px 0 0 0; }
#main_form select, #advert select { width: 196px; padding: 2px; margin-bottom: 4px; border: 1px solid #CCCCCC; background: #ffffff; font-size: 11px; color: #6E6E6E;}
#main_form .inputtext, #advert .inputtext { width: 230px; height: 13px; padding: 2px;  border: 1px solid #CCCCCC; background: #ffffff; font-size: 11px; color: #6E6E6E;}
#main_form fieldset .inputtext, #advert fieldset .inputtext { width: 110px; }
#main_form .big, #advert .big { width: 170px !important; }
#main_form .biger, #advert .biger { width: 190px; margin-right: 4px; }
#main_form .small, #advert .small { width: 50px !important; }
#main_form textarea, #advert textarea { width: 230px; padding: 2px; height: 136px; border: 1px solid #CCCCCC; font-size: 11px; color: #6E6E6E; font-family: Tahoma,"Arial", Verdana, Helvetica, sans-serif;}
#main_form i, #advert i { font-size: 13px; color: #004a7b; display: block; margin: 5px 0 15px 0; }
#main_form .check img, #advert .check img { display: block; float: left; margin:5px 8px 5px 0; border: 1px solid #9fbdc0; }
#main_form .check .inputtext, #advert .check .inputtext { float: left; margin-top:5px;}
#main_form .clear, #advert .clear {float: left; margin: 10px 0 10px 0px; overflow: hidden; width: 250px;}
#main_form .clear a.btn, #advert .clear a.btn { background: transparent url('../../img/site/BKG_button_right.gif') no-repeat scroll top right; color: #444; 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, #advert .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, #advert .clear a.btn:active { background-position: bottom right; color: #000;  outline: none; /* hide dotted outline in Firefox */}
#main_form .clear a.btn:active span, #advert .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: 824px; height: 40px;  border-top: 5px solid #CCCCCC;}
#rights {float: left; width: 824px; height: 20px; margin-top: 10px;  text-align: center; }
.sign {float: left; padding: 3px 0 30px 0px;}
.sign a{ font-family: Arial, Verdana,  sans-serif; font-size: 11px; text-decoration: none; color: #2284C7; }
.sign a:hover{color: #676869;}
.sign span{ color: #676869; }