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

/************************ TYPO *********************************/
body	{ font: 11px  arial, verdana, helvetica, tahoma, sans-serif; color: #4E4E4E;}
a		{ color: #DE6C25; text-decoration: none; }
a:hover { color: #DE6C25; text-decoration: underline; }

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

a.gray_line { color: #4E4E4E; text-decoration: underline;}
a.gray_line:hover { color: #4E4E4E; text-decoration: none;}

input, select, textarea  { font: 11px verdana, arial, helvetica, tahoma, sans-serif; color: #4E4E4E; }

h1			{ color: #4E4E4E; font-family: Arial, "Verdana", Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 10px 10px 12px 10px; }
h2			{ color: #4E4E4E; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 5px 0 5px 0; }
h2.gall			{ margin: 5px 0 0 0; }

ul.box1 { float: left; margin: 2px; padding-left: 10px; list-style: none; margin-top: 10px; margin-bottom: 10px; }
ul.box1 li  {color: #4E4E4E; font-family:  Arial, Verdana, Helvetica, sans-serif; line-height: 15px; padding-left: 9px; padding-top: 0px; background-image: url(../../img/bullet1.gif); background-repeat: no-repeat; background-position: 0px 5px;}
ul.box1 li a {color: #4E4E4E; text-decoration: none;}
ul.box1 li a:hover {color: #4E4E4E; text-decoration: underline;}

.orange {color: #DE6C25;}

/********************** GENERAL ********************************/
html	{ height: 100%; }
body	{ height: 100%; background: #F5F5F5;  }
#container	{ position: relative; width: 922px; margin: 0px auto; overflow: hidden; padding-bottom: 30px;}
.box 						{ margin: 0 0 20px 0; zoom: 1;  overflow: hidden; }
.box .heading				{ background: url('../../img/BKGheading.gif') top left no-repeat;   width : 176px; height: 23px; }
.box .heading span			{ color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 4px 0 10px; }

.spacer6	{padding-right: 6px; }
.spacer15	{padding-right: 15px; }
.spacer_left6	{padding-left: 6px; }
.right	{position: relative; float: right; }

/********************** MAIN MENU ********************************/
#toplinks { width : 100%; background: url('../../img/BKGtop_menu.gif') bottom left repeat-x; height : 27px; }
#toplinks #blue_menu { width : 922px; background: url('../../img/BKGblue_menu.gif') bottom left repeat-x; text-align: left; height: 27px; padding: 0; margin: 0 auto; }

#mainnav	{ float: left; list-style: none; *display: inline; position: relative;}
#mainnav ul{text-align: center;}
#mainnav li{ display: inline; }
#mainnav li a{ display:block; float:left; height: 20px; text-decoration: none; padding: 5px 0 0 0;  color: white; font: bold 11px Arial; }
#mainnav li.link1 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link1.gif) top left repeat-x; }
#mainnav li.link2 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link2.gif) top left repeat-x; }
#mainnav li.link3 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link3.gif) top left repeat-x; }
#mainnav li.link4 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link4.gif) top left repeat-x; }
#mainnav li.link5 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link5.gif) top left repeat-x; }
#mainnav li.link6 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link6.gif) top left repeat-x; }
#mainnav li.link7 a{ padding: 5px 16px 0 16px; background: url(../../img/main_link7.gif) top left repeat-x; }
#mainnav li a:hover, #mainnav li a.on{ color: #DE6C25; }

#lang	 { float: right; margin-top: 5px; margin-right: 10px;}
#lang a	 { display: block; float: left; margin: 0 0 0 10px;  background: url(../../img/langBKG.gif); opacity: 0.4; }
#lang a:hover, #lang a.on	 { opacity: 1; }

/********************** HEAD MAIN ********************************/
#head_main { width : 100%; height : 84px; background: url('../../img/BKGhead_main.gif') bottom left repeat-x; clear : both; }
#head_container { width : 922px; height : 84px;  padding: 0; margin: 0 auto; }
#home_mail	{position: relative; float: left; width: 140px; height: 10px; margin: 48px 0 0 0;}
#slogan	{position: relative; float: left; width: 350px; height: 23px; margin: 24px 0 0 50px;}
#date	{ position: relative; float: right; height: 11px; margin: 48px 0 0 0;}

/********************** HEADER ********************************/
#header {position: relative; width : 100%; height : 210px;  background: url('../../img/BKGheader.gif') bottom left repeat-x; clear : both; z-index:1;}
#vertical_lines {position: relative; top: 124px; width: 100%; height: 20px; background: url('../../img/BKGvertical_lines.gif') top left repeat-x; z-index:2;}
#header_bkg {position: relative; width : 939px; height : 212px; padding: 0; margin: 0 auto;  z-index:3; }
#header_position {position: relative; top: -41px; width : 939px; height : 212px; z-index:4;}
#header_content {position: absolute; width: 740px; height: 183px; right: 16px; top: -30px; z-index: 5; overflow: hidden; }
#header_pic {position: absolute; top: -31px; left: 182px; width : 740px; height : 184px; z-index: 5;}
#header_link { position: absolute; bottom: 70px; right: 40px; font: bold 22px  arial, verdana, helvetica, tahoma, sans-serif; color: #FFFFFF; z-index: 10000;}
/****************** LEFT COLUMN *******************/
#left_column	{ float: left; width: 176px ;}

#findAccomo .txt,
#findAccomo select,
#findAccomo .select  { color: #4E4E4E; font-family: arial, sans-serif; font-size: 11px; }
#findAccomo label   { color: #4E4E4E; font-size: 11px; }

#findAccomo { position: relative; zoom: 1; height: 190px; margin-top: 10px;}
#findAccomo span  {display: block; margin-bottom: 5px; }
#findAccomo select  { border: 1px solid #9fbdc0; width: 138px; }
#findAccomo label { display: block; }
#findAccomo .txt  { display: block; border: 1px solid #9fbdc0; width: 132px; padding: 1px 23px 1px 3px; background: #fff url(../../img/BKGdate.gif) top right no-repeat; margin-bottom: 10px;  }
#findAccomo button  { display: block; margin-top:10px; position: absolute; left: 0px; }

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


/****************** CONTENT *******************/
#wrapper	{ float: left;  }
#wrapper_index	{ float: left;  width: 570px; margin-left: 176px ; }
#content	{ position: relative; float: left; width: 515px; margin-left: 27px; }
#content_calendar	{ position: relative; float: left; width: 719px; margin-left: 27px; }
#arr_big	{ position: relative; float: left; margin-top: 4px; }

#calendar {width: 719px; clear: both;}
#calendar .month	{ background: #949494; text-align: left; color: #FFFFFF; font-family: Arial, "Verdana",  Helvetica, sans-serif; font-weight: bold; font-size: 11px; padding: 6px 15px 7px 15px;}
#calendar table  {position: relative; left: -2px; width:723px;}
#calendar table div.wrapper  { position: relative; height: 32px;}

#calendar table tr.heads	{ background: #B7B7B7; }
#calendar table th		{ color: #FFFFFF; padding: 5px 5px; font-family: Arial, "Verdana", Helvetica, sans-serif; font-weight: bold; font-size: 10px; width: 100px; }
#calendar table td		{ color: #DE6C25; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-weight: normal; font-size: 11px; background: #EBEBEB; border: 1px solid #B7B7B7; vertical-align: top; padding: 5px 0 0 5px; }

#calendar table td.white	{ background: #FFFFFF; }
#calendar table span.empty	{ display: block; position: absolute; background: #FFFFFF; }
#calendar table td.today	{ background: #A9A8A8; color: #FFFFFF; }
#calendar table span.stoday	{ display: block; position: absolute; right: 10px; bottom: 5px; }
#calendar table td.action	 { background: #D0D0D0; color: #10376A; }
#calendar table td.action a		{ color:#FFFFFF;  padding: 2px 0 0 2px; cursor: pointer; }
#calendar table td.action a:hover	{ color: #686868; }

#calendar table div.wrapper div   { float: left; }
#calendar table div.wrapper div .pop  		{ display: none; }
#calendar table div.wrapper div:hover .pop,
#calendar table div.wrapper div.over .pop		{ display: block; position: absolute; z-index: 100; background: #B7B7B7; width: 150px; margin: 15px 0 0 -150px; padding-bottom: 4px; }
#calendar table div.wrapper div .pop span		{ background: #B7B7B7; padding: 5px 0 1px 11px; color: #686868; display: block; }
#calendar table div.wrapper div .pop span b	{ display: block; margin-bottom: 5px; color: #10376A;; }
#calendar table span.day		{ display: block; position: absolute; right: 10px; bottom: 5px;  }
#calendar table img	 { margin: 2px; }

.selectField select,
.selectField .select  { color: #4E4E4E; font-family: arial, sans-serif; font-size: 11px; }

.selectField { position: relative; zoom: 1; margin-top: 5px;}
.selectField select  { border: 1px solid #9fbdc0; width: 70px; }

/* home */
#box_index 	{float: left; width : 570px; position: relative; margin: 10px 0 -10px 0; }
#box_index .win {float: left; background-image: none; width : 176px; margin: 0 21px 20px 0; }
#box_index .win .heading		{ background: url('../../img/BKGheading.gif') top left no-repeat; height: 23px; }
#box_index .win .heading span		{ color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 4px 0 10px; }
#box_index .win .white_bg	{ background: #FFFFFF;   width : 176px; height: 60px; }
#box_index .win img	{ margin: 5px 0 0 5px; }
#box_index .win.last	{ float: right; background-image: none; width : 176px; margin: 0 0 20px 0; }

/* kako do nas */
.map {position: relative; float: left; background: #fff; border: 7px solid #fff; margin: 20px 0 0 0; }

/* gallery */
ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery li {width: 115px; height: 107px; border: 1px solid #B7B7B7; background: #FFF; float: left; margin: 0 10px 20px 0;  padding: 0 !important;}
ul#gallery li span {color: #4E4E4E; display: block; height: 20px; background: #FFF; padding: 5px 5px 5px 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; }

#page { clear: left; padding-top: 11px; margin: 0 0 20px 0; text-align: right; line-height: 15px; }
#page a { color: #4E4E4E; background: #EBEBEB; }
#page a.letters { color: ##4E4E4E;}
#page span { padding: 0 17px; }
#page span a { padding: 3px 7px; }
#page span a:hover,
#page span a.on { background: #B7B7B7; color: #fff; font-weight: bold; }
#page a.back,
#page a.forward { background: none; font-weight: bold; }
#page a.back { background: url(../../img/BKGmore2.gif) left 2px no-repeat; padding-left: 14px; }
#page a.forward { background: url(../../img/BKGmore.gif) right 2px no-repeat; padding-right: 14px; }

/* gastronomija */
#gastro_gall { position: relative; float: left; width : 100%;  margin: 10px 0 0 0; }
#gastro_gall img	 { margin: 0 7px 0 0; border: 5px solid #fff; }

/****************** RIGHT COLUMN *******************/
#right_column	{  position: relative; float: right; width: 176px; z-index: 6;}

#calendar_box .month	{ background: #949494; text-align: center; color: #FFFFFF; font-family: Arial, "Verdana",  Helvetica, sans-serif; font-weight: bold; font-size: 10px; padding: 6px 15px 7px 15px; }
#calendar_box .month span.back	{ float: left; }
#calendar_box .month span.fwd	{ float: right; }
#calendar_box table  { width: 174px; margin-left: -2px; }
#calendar_box table div.wrapper  { position: relative; width: 19px; height: 19px;}

#calendar_box table td		{ color: #DE6C25; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-weight: normal; font-size: 10px; background: #EBEBEB; border: 1px solid #B7B7B7; vertical-align: top; padding: 2px 0 0 2px; }
#calendar_box table td.days		{color: #FFFFFF; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-weight: bold; font-size: 8px; background: #B7B7B7; }
#calendar_box table td.white	{ background: #FFFFFF; }
#calendar_box table strong { color: #10376A;}
#calendar_box table span.empty	{ display: block; position: absolute; background: #FFFFFF; }
#calendar_box table td.today	{ background: #A9A8A8; color: #FFFFFF; }
#calendar_box table td.action	 { background: #D0D0D0; width: 24px; height: 23px; color: #10376A;}
#calendar_box table td.action a		{ color:#10376A; cursor: pointer; }
#calendar_box table td.action a:hover	{ color: #686868; }

#calendar_box .action div.popup 		{ display: none; }
#calendar_box .action:hover div.popup,
#calendar_box .action.over div.popup	{ display: block; position: absolute; z-index: 1001; background: #B7B7B7; width: 182px; margin: 2px 0 0 -184px; padding-bottom: 4px; }
#calendar_box .action div.popup div     { padding: 5px 0 1px 11px; color: #686868; }
#calendar_box .action div.popup span	{ display: block; margin-bottom: 2px; color: #10376A; }

.weather th	{ padding-bottom: 5px; }
.weather th,
.weather td { vertical-align: top; text-align: left; }
.weather em { display: block; }
.weather .link  { padding-top: 5px; }

#forcast td   		{ width: 34px; text-align: center; border-right: 1px solid #cbbb98; padding: 3px 0; }
#forcast td.last    { border: none; }

.weather 		{ margin-top: 10px; padding: 0 4px 0 0; float: left; }
#weather	{ margin-right: 5px; }
#weather	table{ width: 174px; }
#weather td	{ vertical-align: middle; padding-right: 5px;}
#forcast  { padding-bottom: 6px; }
#forcast img  { display: inline; margin: 0; }
#forcast .link  { border: none; text-align: left;}


/********************** FORM ********************************/
button  { color: #3a4f66; font-size: 12px; font-weight: bold; }
button { cursor: pointer; margin-right: 5px; border: 1px solid #9fbdc0; padding: 0 10px 1px; background: #b2d6ef url(../../img/BKGbutton.gif) top left repeat-x; }
#button {float: left; margin-top: 15px;}
/* select box styles */
div.select { cursor: pointer; margin: 0 0 10px 0; }
div.select div { background: #fff url('../../img/select-bg.gif') top right no-repeat; border: 1px solid #9fbdc0; padding-right: 20px; }
div.select div p { padding: 1px 3px; }
div.select ul { background-color: #fff; list-style: none;}
div.select li { border: 1px solid #9fbdc0; border-top: none; padding: 3px 0 1px 3px; cursor: pointer; zoom: 1; }
div.select li.active { background-color: #9fbdc0; color: #fff; }

.select100 { background: #fff; border: 1px solid #9fbdc0; width: 100px;}
.message { padding: 10px 0 10px 0;}

#main_form {width: 515px; float: left; padding: 10px 0 15px 0px; }
#main_form .field_wrapp {float: left; clear: both; width: 450px;}
#main_form strong { display: block; font-size: 11px; margin-bottom: 20px; }
#main_form em { color: #DE6C25; }
#main_form label { display:  block; float: left; clear: left; width: 107px; }
#main_form select { width: 170px; padding: 1px; margin-bottom: 6px; border: 1px solid #9fbdc0;}
#main_form .date  { display: block; margin-left: 106px; border: 1px solid #9fbdc0; width: 143px; padding: 2px 23px 2px 3px; background: #fff url(../../img/BKGdate.gif) top right no-repeat; margin-bottom: 6px;  }
#main_form .check img { display: block; float: left; margin:8px 8px 5px 0; border: 1px solid #9fbdc0; }
#main_form .check .inputtext { float: left; margin-top:8px;}
#main_form .inputtext { width: 230px; height: 17px; margin-bottom: 6px; border: 1px solid #9fbdc0;}
#main_form fieldset .inputtext { width: 110px;  margin-right: 3px;}
#main_form .big { width: 170px !important; }
#main_form .biger { width: 190px; margin-right: 4px; }
#main_form .small { width: 50px !important; }
#main_form .txtarea { margin-top: 20px; }
#main_form textarea { width: 280px; padding: 2px; height: 136px; font-family: Arial, Helvetica, sans-serif; background: #fff; font-size: 11px; border: 1px solid #9fbdc0; }
#main_form i { font-size: 11px; color: #fff; display: block; margin: 5px 0 5px 0; }
#main_form .error_message { display: block; margin: 0 0 0 107px; color: #FD8701;}


/********************** FOOTER ********************************/
#footer {position: relative; width: 922px; margin: 0px auto; text-align: center; height: 45px; background: url(../../img/BKGfooter.gif) top left repeat-x; padding: 20px 0 20px 0; clear: both;}