@charset "utf-8";

/* CSS Document */



* {

	margin: 0;

	padding: 0;

}



/* --------------------------------------------------------------------------------------------- common */



a {

    text-decoration: none;

}



a img {

    border: none;

}



li {

	list-style-type: none;	

}



.clear {

	clear: both;

}



/* --------------------------------------------------------------------------------------------- body */



body, html {

	height: 100%;

	width: 100%;

}



body {

	font-family: tahoma;

	background: #f1f9fc url(../img/body_bck.gif) top left repeat-x;

}



/* --------------------------------------------------------------------------------------------- fonts */



p, .p01, #article .text {

	font-size: 11px;

	color: #6e6e6e;

}



/* --------------------------------------------------------------------------------------------- bullets */



.bullet_01 {

	margin-left: 5px;

}



/* --------------------------------------------------------------------------------------------- form_02 */



.form_02 fieldset {

	border: 0px;

	padding: 18px 0px 0px 16px;

	color: #307e39;

}



.form_02 label {

	display: block;

}



.form_02 input,

.form_02 select {

	color: #307e39;

}



.form_02 .input_1 {

	width: 192px;

}



.form_02 .input_2 {

	width: 88px;

	text-align: center;

}



.form_02 #day_of_arrival {

	width: 44px;

}



.form_02 #month_of_arrival {

	width: 44px;

}



.form_02 #year_of_arrival {

	width: 58px;

}



.form_02 .item_1 {

	margin-bottom: 12px;

}



.form_02 .item_2 {

	margin-bottom: 12px;

	width: 102px;

	float: left;

}



.form_02 #submit_quick_reservation {

	width: 113px;

	height: 41px;

	background: url(../img/quick_reservation_submit.jpg) top left no-repeat;

	border: none;

	margin: 10px 0px 0px 83px;

	cursor: pointer;

}



.form_02 #submit_quick_reservation.en {

	background: url(../img/quick_reservation_submit_en.jpg) top left no-repeat;

}



/* --------------------------------------------------------------------------------------------- form_03 */



.form_03 fieldset {

	border: 0px;

/*	padding: 18px 0px 0px 16px;*/

}



.form_03 p {

	line-height: 18px;

}



.form_03 .item_1 {

	margin-top: 10px;

	clear: both;

}



.form_03 .item_2 {

	margin-top: 2px;

	clear: both;

}



.form_03 label {

	color: #307e39;

	font-size: 12px;

	display: block;

	float: left;

}



.form_03 .label_1 {

	width: 140px;

	text-align: right;

	padding-right: 6px;

	line-height: 20px;

}



.form_03 .label_2 {

	width: 140px;

	text-align: right;

	padding-right: 6px;

	line-height: 24px;

}



.form_03 input,

.form_03 select {

	color: #307e39;

}



.form_03 textarea {

	font-family: tahoma;

	color: #307e39;

	font-size: 12px;

}



.form_03 .input_1 {

	width: 192px;

}



.form_03 .input_2 {

	width: 88px;

	text-align: center;

}



.form_03 .input_3 {

	width: 192px;

	height: 100px;

}



.form_03 .input_4 {

	/*

	float: left;

	clear: both;

	margin-left: 130px;

	*/

}



.form_03 #day_of_arrival,

.form_03 #month_of_arrival,

.form_03 #day_of_departure,

.form_03 #month_of_departure {

	width: 44px;

}



.form_03 #year_of_arrival,

.form_03 #year_of_departure {

	width: 58px;

}



.form_03 #submit_reservation {

	width: 113px;

	height: 41px;

	background: url(../img/reservation_submit.gif) top left no-repeat;

	border: none;

	float: right;

	margin: 10px 20px 0px 0px;

	cursor: pointer;

}



.form_03 #submit_reservation.en {

	background: url(../img/reservation_submit_en.gif) top left no-repeat;

}



/* --------------------------------------------------------------------------------------------- wrapper */



#wrapper {

	width: 100%;

	min-height: 100%;

	position: relative;

	background: url(../img/wrapper_bck.gif) top left no-repeat;

}



/* --------------------------------------------------------------------------------------------- header */



#header_wrapper {

	background: url(../img/nav_bck.gif) top left repeat-x;

}



#header {

	width: 1003px;

}



/* --------------------------------------------------------------------------------------------- flash */



#header h1.flash {

	line-height: 1px;

}



#header #not_flash h1 {

	float: left;

	margin: 22px 0px 0px 22px;

	display: inline;

}



#header #not_flash img.cat_image {

	float: right;

}



/* --------------------------------------------------------------------------------------------- nav */



#nav {

	height: 61px;

	background: url(../img/nav_bck.gif) top left repeat-x;

	float: left;

}



#nav li {

	float: left;

}



#nav li a {

	display: block;

	height: 45px;

	text-indent: -10000px;

}



#nav .about {

	background: url(../img/nav_about.gif) top left no-repeat;

	width: 100px;

}



#nav .vacation {

	background: url(../img/nav_vacation.gif) top left no-repeat;

	width: 97px;

}



#nav .gastro {

	background: url(../img/nav_gastro.gif) top left no-repeat;

	width: 124px;

}



#nav .conference {

	background: url(../img/nav_conference.gif) top left no-repeat;

	width: 147px;

}



#nav .aditional {

	background: url(../img/nav_aditional.gif) top left no-repeat;

	width: 137px;

}



#nav .reservation {

	background: url(../img/nav_reservation.gif) top left no-repeat;

	width: 109px;

}



#nav .contact {

	background: url(../img/nav_contact.gif) top left no-repeat;

	width: 97px;

}



#nav .about_en {

	background: url(../img/nav_about_en.jpg) top left no-repeat;

	width: 62px;

}



#nav .vacation_en {

	background: url(../img/nav_vacation_en.jpg) top left no-repeat;

	width: 132px;

}



#nav .gastro_en {

	background: url(../img/nav_gastro_en.jpg) top left no-repeat;

	width: 107px;

}



#nav .conference_en {

	background: url(../img/nav_conference_en.jpg) top left no-repeat;

	width: 195px;

}



#nav .aditional_en {

	background: url(../img/nav_aditional_en.jpg) top left no-repeat;

	width: 147px;

}



#nav .reservation_en {

	background: url(../img/nav_reservation_en.jpg) top left no-repeat;

	width: 111px;

}



#nav .contact_en {

	background: url(../img/nav_contact_en.jpg) top left no-repeat;

	width: 90px;

}



#nav li a:hover {

	background-position: top right;

}



/* --------------------------------------------------------------------------------------------- drop_down */



.drop_down {

	position: absolute;

	visibility: hidden;

	background-color: #eee;

	color: #6a86c1;

	font-size: 12px;

	font-weight: bold;

	padding: 7px;

	top: 45px;

	width: 253px;

	border-top: 1px solid #dadada;

	background: url(../img/drop_down_bck.gif) top left repeat-y;

/*	z-index: 10;*/

}



.drop_down a {

	color: #6a86c1;

	display: block;

	width: 240px;

	height: 16px;

	padding-left: 8px;

	margin: 4px 0px;

}



.drop_down a:hover {

	color: #5f9400;

	background: url(../img/drop_down_hover_bck.gif) top left no-repeat;

}



#div_1 {

	left: 0px;

}



#div_1.en {

	left: 0px;

}



#div_2 {

	left: 100px;

}



#div_2.en {

	left: 62px;

}



#div_3 {

	left: 197px;

}



#div_3.en {

	left: 194px;

}



#div_4 {

	left: 321px;

}



#div_4.en {

	left: 301px;

}



#div_5 {

	left: 468px;

}



#div_5.en {

	left: 496px;

}



#div_6 {

	left: 605px;

}



#div_6.en {

	left: 641px;

}



#div_7 {

	left: 714px;

}



#div_7.en {

	left: 752px;

}



#nav li a:hover {

	background-position: top right;

}



/* --------------------------------------------------------------------------------------------- language */



#language {

	height: 61px;

	background: url(../img/nav_bck.gif) top left repeat-x;

}



#language img {

	float: left;

}



#language .hr {

	background: url(../img/language_li_bck.gif) top left no-repeat;

	height: 14px;

	padding-left: 74px;

	padding-top: 9px;

	float: left;

}



#language .en {

	background: url(../img/language_li_bck.gif) bottom left no-repeat;

	height: 18px;

	padding-left: 74px;

	padding-top: 4px;

	float: left;

}



/* --------------------------------------------------------------------------------------------- content */



#content {

	width: 1003px;

/*	min-height: 300px;*/

	padding-bottom: 56px; /*36+20*/

}



/* --------------------------------------------------------------------------------------------- primary */



#primary {

	width: 673px;

	float: right;

}



/* --------------------------------------------------------------------------------------------- info */



#info {

	width: 225px;

	height: 272px;

	float: left;

}



#info h2 {

	height: 27px;

	line-height: 27px;

	background-color: #307e39;

	padding-left: 12px;

}



#info h3 {

	padding: 4px 0px 0px 6px;

}



/* --------------------------------------------------------------------------------------------- find_us */



#find_us {

	width: 225px;

	height: 80px;

	background: url(../img/find_us_bck.jpg) top left no-repeat;

}



/* --------------------------------------------------------------------------------------------- weather */



#weather {

	width: 225px;

	height: 82px;

	background: url(../img/weather_bck.jpg) top left no-repeat;

}



#weather .temp {

	float: right;

	margin-top: -5px;

	width: 110px;

}



/* --------------------------------------------------------------------------------------------- converter */



#converter {

	width: 225px;

	height: 83px;

	background: url(../img/converter_bck.jpg) top left no-repeat;

	position: relative;

}



#converter form {

	position: absolute;

	left: 74px;

	top: 31px;

}



#converter form .form_item {

	float: left;

}



#converter .input_1 {

	width: 64px;

	float: left;

	margin-right: 7px;

	margin-bottom: 4px;

	clear: both;

}



#converter .input_2 {

	width: 60px;

	height: 18px;

	margin-bottom: 4px;

	font-size: 10px;

	float: left;

}



/* --------------------------------------------------------------------------------------------- quick_reservation */



#quick_reservation {

	width: 224px;

	height: 272px;

	float: left;

	background: url(../img/quick_reservation_bck.jpg) bottom left no-repeat;

}



#quick_reservation h2 {

	background-color: #307e39;

	height: 27px;

	padding-left: 12px;

}



/* --------------------------------------------------------------------------------------------- selected */



#selected {

	width: 224px;

	height: 272px;

	float: left;

	background: url(../img/selected_bck.jpg) bottom left no-repeat;

}



#selected h2 {

	background-color: #307e39;

	height: 27px;

	margin-bottom: 14px;

	padding-left: 12px;

}



#selected .date {

	color: #307e39;

	margin-left: 14px;

}



#selected h3 {

	margin-left: 14px;

}



#selected .thumb {

	background: url(../img/selected_img_bck.jpg) top left no-repeat;

	padding: 6px;

	width: 191px;

	height: 80px;

	margin-left: 10px;

}



#selected .text {

	color: #307e39;

	line-height: 17px;

	margin: 0px 12px 0px 14px;

}



/* --------------------------------------------------------------------------------------------- selected_2 */



#selected_2 {

	width: 217px;

	height: 245px;

	float: left;

	background: url(../img/selected_2_bck.jpg) bottom left no-repeat;

}



#selected_2 h2 {

	display: none;

}



#selected_2 .date {

	color: #307e39;

	margin-top: 18px;

	margin-left: 6px;

}



#selected_2 h3 {

	margin-left: 6px;

}



#selected_2 .thumb {

	background: url(../img/selected_2_img_bck.gif) top left no-repeat;

	padding: 6px;

	width: 191px;

	height: 80px;

	margin-left: 2px;

}



#selected_2 .text {

	color: #307e39;

	line-height: 17px;

	margin-left: 6px;

	margin-right: 12px;

}



/* --------------------------------------------------------------------------------------------- intro */



#intro {

	width: 443px;

	float: left;

	margin-top: 30px;

}



#intro p {

	line-height: 18px;

	text-align: justify;

}



/* --------------------------------------------------------------------------------------------- quick_nav */



#quick_nav,

#links {

	width: 194px;

	margin-right: 20px;

	display: inline;

	float: right;

	margin-top: 30px;

}



#quick_nav h2,

#links h2 {

	border-bottom: 1px dotted #6e6e6e;

	line-height: 1px;

	padding: 4px 0px 7px 3px;

}



#quick_nav ul,

#links ul {

	margin-top: 6px;

}



#quick_nav li a,

#links li a {

	line-height: 18px;

	color: #6e6e6e;

}



#quick_nav li a:hover,

#links li a:hover {

	background-color: #6e6e6e;

	color: #f1f9fc;

}



/* --------------------------------------------------------------------------------------------- master */



#master {

	width: 430px;

	float: left;

	margin-top: 40px;

}



/* --------------------------------------------------------------------------------------------- article */



#article {

	/*

	margin-top: 40px; (master ima margin-top)

	*/

}



#article h2 {

	font-size: 11px;

	color: #6e6e6e;

	width: 419px;/*427*/

	background: #f4f4f4 url(../img/article_title_bck.gif) top left no-repeat;

	padding: 4px 0px 0px 8px;

}



#article h3 {

	width: 421px;/*427*/

	background: #f4f4f4 url(../img/article_title_bck.gif) bottom right no-repeat;

	padding: 2px 0px 0px 6px;



}



#article .text {

	line-height: 18px;

	margin-top: 6px;

}



#article .text li {

	list-style-type: circle;

	margin-left: 20px;

}



#article .text p {

	line-height: 18px;

	padding: 4px 0px;

}



#article .text a {

	padding: 1px 2px 1px 3px;

	color: #6e6e6e;

	background-color: #cfe1e8;

	border-bottom: 1px solid #96bcca;

	border-right: 1px solid #96bcca;

}



#article .text a:hover {

	color: #6e6e6e;

	background-color: #96bcca;

	border-bottom: 1px solid #cfe1e8;

	border-right: 1px solid #cfe1e8;

}



/*

#article .text a:hover {

	background-color: #6e6e6e;

	color: #e9f0f3;

	border-bottom: 1px solid #6e6e6e;

	border-right: 1px solid #6e6e6e;

}

*/



#article .text img {

	padding: 3px;

	margin-right: 4px;

	border: 1px solid #a5b1d6;

	background-color: #fff;

}



#article .even {

	background-color: #ebf4f2;

	color: #5f9400;

	height: 20px;

}



#article .odd {

	background-color: #e4f3fe;

	color: #6a86c1;

}



#article .even td,

#article .odd td {

	padding-left: 6px;

}



#article .even th,

#article .odd th {

	padding-left: 6px;

	text-align: left;

}



#article .even img,

#article .odd img {

	padding: 0px;

	border: 0px;

	margin-left: -3px;

}



#article #gallery img {

	padding: 3px;

	border: 1px solid #a5b1d6;

	background-color: #fff;

}



/* --------------------------------------------------------------------------------------------- article_footer */



#article_footer_wrapper {

	width: 427px;

	margin-top: 12px;

	background: #fff url(../img/article_footer_bck.gif) top left no-repeat;

}



#article_footer {

	background: url(../img/article_footer_bck.gif) top left no-repeat;

	padding: 16px 0px 14px 6px;

}



#article_footer img {

	margin-right: 14px;

}



/* --------------------------------------------------------------------------------------------- archive */



#archive h2 {

	width: 131px;

	height: 42px;

	display: block;

	margin-bottom: 5px;

	background: url(../img/archive_title_bck.jpg) top left no-repeat;

}



#archive.home h2 {

	background: url(../img/news_list_title_bck.jpg) top left no-repeat;

}



#archive.home h2 {

	margin-top: 60px;

}



#archive .news_list_item_wrapper {

	width: 400px;

	background: #fff url(../img/article_item_bck.gif) top left no-repeat;

	margin-left: 13px;

	margin-bottom: 10px;

}



#archive .news_list_item {

	padding: 3px 5px 8px 10px;

	background: url(../img/article_item_bck.gif) bottom left no-repeat;

}



#archive .news_list_item img.thumb {

	background: url(../img/news_list_img_bck.gif) top left no-repeat;

	padding: 4px;

	margin-right: 6px;

	float: left;

}



#archive p.text {

	line-height: 17px;

}



#archive a.archive {

	color: #9fb1cd;

	font-size: 11px;

	font-weight: bold;

	margin-left: 25px;

}



/* --------------------------------------------------------------------------------------------- reservation */



#reservation .subtitle {

	line-height: 18px;	

}



#reservation form {

	margin: 20px 0px;

}



#reservation h3 {

	padding-top: 14px;

}



#reservation p.error {

	color: #ff0000;

	margin: 10px 0px 0px 20px;

}



/* --------------------------------------------------------------------------------------------- slave */



#slave {

	width: 217px;

	float: right;

}



/* --------------------------------------------------------------------------------------------- secondary */



#secondary {

	width: 320px;

}



/* --------------------------------------------------------------------------------------------- news_list */



#news_list {

	width: 320px;

	float: left;

	background: url(../img/news_list_article_bck.jpg) top left no-repeat;

}



#news_list.home {

	background: url(../img/news_list_bck.gif) top left no-repeat;

}



#news_list h2 {

	width: 131px;

	height: 42px;

	display: block;

	margin-bottom: 5px;

	background: url(../img/news_list_title_article_bck.jpg) top left no-repeat;

}



#news_list.home h2 {

	background: url(../img/news_list_title_bck.jpg) top left no-repeat;

}



#news_list.home h2 {

	margin-top: 60px;

}



#news_list .news_list_item_wrapper {

	width: 293px;

	background: #fff url(../img/news_list_item_bck.gif) top left no-repeat;

	margin-left: 13px;

	margin-bottom: 10px;

}



#news_list .news_list_item {

	padding: 3px 5px 8px 10px;

	background: url(../img/news_list_item_bck.gif) bottom left no-repeat;

}



#news_list .news_list_item img.thumb {

	background: url(../img/news_list_img_bck.gif) top left no-repeat;

	padding: 4px;

	margin-right: 6px;

	float: left;

}



#news_list p.text {

	line-height: 17px;

}



#news_list a.archive {

	color: #9fb1cd;

	font-size: 11px;

	font-weight: bold;

	margin-left: 25px;

}



/* --------------------------------------------------------------------------------------------- footer */



#footer_wrapper {

	clear: both;

	width: 100%;

	position: absolute;

	bottom: 0px;

	height: 36px;

}



#footer {

	position: relative;

	margin-left: 330px;

	background: url(../img/footer_bck.gif) bottom left repeat-x;

	height: 36px;

}



#footer img {

	float: left;

}



#footer .phone {

	position: absolute;

}



#footer .fax {

	position: absolute;

	left: 110px;

}



#footer .mail {

	position: absolute;

	left: 220px;

}



#footer .ea {

	position: absolute;

	left: 550px;

}


/* ********* paginacija **********  */

#pageNavPosition {
	text-align:center;
	width:100%;
	font-size:10px;
	color:#666
	
	
	
	}

.pg-normal {
	cursor:pointer;
	color:#8DA0C5;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	
	}
	
	.pg-selected {
		font-weight:bold;
		color:#444444;
		font-size:10px;
}