/*//////////////////////////////*/
/*    zora-style.css            */
/*//////////////////////////////*/
/*    Created : 10.10.2006.     */
/*    By hrvoje@skin29.net      */
/*                              */
/*    Modified: 12.03.2010.     */
/*    By hrvoje@skin29.net      */
/*                              */
/*//////////////////////////////*/


/*DEFAULTS*/  

* {
	margin:0;
	padding:0;
}

body {
	background:#d3cfc2;
	font: 62.5%/140%  Arial, Helvetica, sans-serif;
	color:#d3cfc2;
}

h2 {
	font:normal 1.6em/100% Geneva, Helvetica, Arial, sans-serif;
	color:#000;
}

#wrap {
	position:relative;
	width:842px;
	margin:20px auto;
 	background: url(design_elementi/strafta.gif) 0 40px no-repeat;
}

/*GLAVA*/
       
#glava {
	width:565px;
	height:372px;
	margin:0 0 0 58px;
	background-image:url(design_elementi/zaglavlje.gif);
	background-position:5px 0;
	background-repeat:no-repeat;
	position:relative;
}

/*#slogan {
	width:196px;
	height:62px;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:11px;
	text-align:right;
	line-height:150%;
	font-size:0;
	display:block;
	text-indent:-9999em;
	color:#ebe6d8;
}
#slogan.hr {
	background:transparent url(design_elementi/slogan_hr.gif) left top no-repeat;
}
#slogan.en {
	background:transparent url(design_elementi/slogan_en.gif) left top no-repeat;
}
#slogan.de {
	background:transparent url(design_elementi/slogan_de.gif) left top no-repeat;
}
#slogan.it {
	background:transparent url(design_elementi/slogan_it.gif) left top no-repeat;
}
#slogan.fr {
	background:transparent url(design_elementi/slogan_fr.gif) left top no-repeat;
}
#slogan.hu {
	background:transparent url(design_elementi/slogan_hu.gif) left top no-repeat;
}*/



/*BRANDING*/
     
#branding {
	position:absolute;
	top:23px;
	left:154px;
	width:254px;
	height:32px;
	overflow:hidden;
}

#branding a img {
	border:none;
}

#branding a {
	font-size:13px;
	color:#BA4110;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-stretch: expanded;
}


/*ZAGLAVLJE*/

#zaglavlje {
	background: url(design_elementi/zora_header2.png) 0 0 no-repeat;
	height:300px;
	width:556px;
	padding:0 4px;
	position:absolute;
	top:72px;
	left:1px;
	z-index:1;
}

#zaglavlje p {
	background-image:url(design_elementi/Jelsa-1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:556px;
	height:300px;
	margin:0;
	padding:0;
}
/*SADRAJ*/

#sadrzaj {
	margin:0 0 0 63px;
	padding: 0 0 10px 0;
	width:556px;
	background-image:url(design_elementi/sadrzaj_1px.gif);
	background-position:left bottom;
	background-repeat:repeat-y;
}
#wrap>#sadrzaj {
	min-height:257px;/* za IE dodati samo width */
	overflow:hidden;
}

#sadrzaj a:link, #sadrzaj a:visited, #sadrzaj a:active {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#7d0b0b;
}
#sadrzaj a:hover {
	text-decoration:none;
}

.related_document, .event_list {
	margin:0 0 10px 0;
	padding:0 0 0 40px;
	list-style:none;
	width:472px;
}

#sadrzaj .related_document li a{
	font-size:11px;
}

#sadrzaj .event_list li {
	color:#666;	
	font-size:12px;
	line-height:130%;
	margin:0 0 10px 0;
	clear:both;
}
#sadrzaj .event_list li span {
	display:block;
}
#sadrzaj .event_list li span.summary {
	display:inline;
	color:#7D0B0B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#sadrzaj .event_list li abbr {
	border:none;
	font-size:10px;
}
#sadrzaj .event_list li span {
	width:228px;
}
#sadrzaj .event_list li span.img_bcg {
	float:right;
}

#sadrzaj .event_list li a.thickbox span.img_bcg  {
	width:150px;
	height:80px;
	padding:5px;
	text-decoration:none;
	display:block;
	background-image:url(design_elementi/sjena_okvir.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#sadrzaj .event_list li a.thickbox img {
	border:none;
}
/*GLOBALNA NAVIGACIJA*/

#global_navi {
	font-size:9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	width:556px;
	height:18px;
	background-image:url(design_elementi/global_navi_orange2.gif);
	background-repeat:no-repeat;
	background-position:0 0; 
	/*overflow:hidden;*/
}

#global_navi li {
	float:left;
	list-style:none;
	background-image:url(design_elementi/global_navi_bullet.gif);
	background-repeat:no-repeat;
	background-position: right center;
}

#global_navi li a:link, #global_navi li a:visited, #global_navi li a:active {
	padding:3px;
	text-decoration:none;
	font-size:9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-right:1px;
	line-height:18px;/*drzi visinu reda*/
}

#global_navi li a:hover, #global_navi li.in_cat {
	background-color:#333;
}


/*FUN NAVI*/

#fun_navi {
	position:absolute;
	top:-16px;
	width:174px;
	margin-left:8px;
}


#fun_navi li a {
	width:20px;
	padding:0 4px;
}

#fun_navi li a:link, #fun_navi li a:visited, #fun_navi li a:active {
	font-size:10px;
}

#fun_navi .navigacija li {
	background-image:url(design_elementi/fun_navi_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

/*SADRZAJ*/

#izdvajamo {
	margin:	32px 40px;
}

.box1, .box2, .box3, .box {
	width:150px;
	height:200px;
	margin:0 10px 10px 0;
	background:#E6E1D3;
	float:left;
	position:relative;
}
.box3, .last {
	margin:0 0 0 0;
}
.box1 h2, .box2 h2, .box3 h2, .box h2 {
	width:140px;
	font-size:14px;
	font-family: Geneva,  Helvetica, Arial,sans-serif;
	color:#7d0b0b;
	padding:10px 5px;
	background-image:url(design_elementi/sadrzaj_crta.gif);
	background-position:left bottom;
	background-repeat: no-repeat;
}

.box1 h2, .box2 h2, .box3 h2, .box h2 {
	margin: 0;
}

.box1 p, .box2 p, .box3 p, .box p {
	width:137px;
	color:#666;	
	padding:10px 5px 0 5px;
	font-size:12px;
}

.box1 span, .box2 span, .box3 span, .box span {
	padding:0 0 0 5px;
}

.box1 img, .box2 img, .box3 img, .box img {
	width:140px;
	height:70px;
}

.box1 a.thickbox, .box2 a.thickbox, .box3 a.thickbox, .box a.thickbox {
	width:150px;
	height:80px;
	padding:5px;
	text-decoration:none;
	display:block;
	background-image:url(design_elementi/sjena_okvir.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	bottom:-10px;
}
.box1 a img, .box2 a img, .box3 a img, .box a img {
	border:none;
}

.text_box {
	width:544px;
	margin:27px 0 0 6px;
/*	
	background-image:url(design_elementi/box_sobe_1px.gif);
	background-position:left center;
	background-repeat:repeat;
*/
	background:#E6E1D3;
}
#sadrzaj>.text_box {
	min-height:194px;
	overflow:hidden;
}

.text_box h2 {
	width:228px;
	/* height:15px; */
	font-size:14px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	color:#BA4110;
	padding:8px 0 10px 40px;
	margin-bottom:10px;
	background-image:url(design_elementi/crta_h2_orange1.gif);
	background-position:40px bottom;
	background-repeat: no-repeat;
}
.text_box h3, .text_box h4, .text_box h5, .text_box h6 {
	font-size:12px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#7d0b0b;
	padding:0 0 5px 40px;
}
.text_box p, .text_box ul, .text_box ol {
	width:228px;
	color:#666;	
	padding:0 0 10px 40px;
	font-size:12px;
	line-height:130%;
}
.text_box .ignore_me {
	height:1px;
	margin:5px 0 0 0;
	background-image:url(design_elementi/crta_h2_orange.gif);
	background-position:40px bottom;
	background-repeat: no-repeat;
	clear:both;
}
.text_box .sec_navi, .related_articles {
	width:228px;
	padding:2px 0 0 37px;
	margin:0;
	list-style:none;
	clear:left;
	float:left;
}
.text_box .sec_navi li, .related_articles li {
	float:left;
	text-transform:uppercase;
	padding:0 3px;
	border-right:1px solid #7d0b0b;
}
#sadrzaj .related_articles li a:link, #sadrzaj .related_articles li a:visited, #sadrzaj .related_articles li a:active, 
#sadrzaj .sec_navi li a:link, #sadrzaj .sec_navi li a:visited, #sadrzaj .sec_navi li a:active {
	font-size:9px;
	display:block;
	padding:2px 0;
	margin:0;
}
#sadrzaj .sec_navi li a:hover, #sadrzaj .related_articles li a:hover{
	background:#333;
	color:#fff;
}

/*ARTICLE IMAGES*/

.article_images {
	width:150px;
	/*height:194px;*/
	float:right;
	/*margin:-185px -80px 0 0;*/
	margin:-1px 41px 0 0;
}
.article_images img {
	margin:5px;
}

.article_images a img {
	border:none;
}


.article_images a:link, .article_images a:hover, .article_images a:visited, .article_images a:active {
	text-decoration:none;
	display:block;
	width:150px;
	height:80px;
	background:#fff url(design_elementi/sjena_okvir.gif) 0 0 no-repeat;
	margin:0 0 10px 0;
}


/*  INFO  */

#info {
	position:absolute;
	right:8px;
	top:0;
	width:180px;
/*	min-height:646px;
	background:#cfcbbe;
	background-image:url(design_elementi/info_buseno.gif);
	background-position:0 0;
	background-repeat:no-repeat;*/
	background:#cfcbbe url(design_elementi/info_back.gif) top left repeat-y;
}

#info h2 {
	padding:13px 0 6px 8px;
	font-size: 8.5px;
	text-transform:uppercase;
	color:#666;
	text-indent:-9999em;
}

#info p {
	color:#666;
	font-size:10px;
	padding:0 0 0 8px;
}

#info ul {
	margin: 0 0 0px 0;
	color:#666;
}

#info li {
	list-style:none;
	float:left;
}

#info li a:link, #info li a:visited, #info li a:active {
	text-decoration:none;
	color:#666;
}

#info li a:hover {
	text-decoration:none;
	color:#000;
}
#fun_navi .navigacija .selected a{
	color:#BA4110;
}
#info .rezervacija {
	text-indent:-9999em;
	background-image:url(design_elementi/h2_rezervacija.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
}
#info.en .rezervacija {
	background-image:url(design_elementi/h2_rezervacija_eng.gif);
}
#info.de .rezervacija {
	background-image:url(design_elementi/h2_rezervacija_de.gif);
}
#info.it .rezervacija {
	background-image:url(design_elementi/h2_rezervacija_it.gif);
}
#info.fr .rezervacija {
	background-image:url(design_elementi/h2_rezervacija_fra.gif);
}
#info.hu .rezervacija {
	background-image:url(design_elementi/h2_rezervacija_hun.gif);
}
#info select {
	margin:0 0 0 8px;
	padding:1px 1px;
	font-size:9px;
	width:52px;
	height:18px;
}
#info option {
	padding:1px 3px;
}
#info #fm, #info #fy {
	margin-left:0;
}

#info #DateSelect .departure, #info #DateSelect .arrival {
	margin-left:8px;
}
#info .departure {
	margin-top:8px;
}

#info #tm, #info #ty {
	margin-left:0;
}

#info p button {
	margin:10px 0 0 5px;
	width:98px;
	height:19px;
	border:none;
	padding:0;
	background:none;
	cursor:pointer;
}

#info p button img {
	margin:0;
	padding:0;
}

#info .kids {
	text-decoration:underline;
	margin: 0 0 0 1px;
}

#info .kids a {
	color:#666;
	font-size:11px;
}

/*.cancel_reservation {
	background-image: url(design_elementi/h2_cancel_rezer_hr.gif);
	background-position:1px 10px;
	background-repeat:no-repeat;
}
#info.en .cancel_reservation {
	background-image: url(design_elementi/h2_cancel_rezer.gif);
}
#info.de .cancel_reservation {
	background-image: url(design_elementi/h2_cancel_rezer_de.gif);
}
#info.it .cancel_reservation {
	background-image: url(design_elementi/h2_cancel_rezer_it.gif);
}
#info.fr .cancel_reservation {
	background-image: url(design_elementi/h2_cancel_rezer_fra.gif);
}
#info.hu .cancel_reservation {
	background-image: url(design_elementi/h2_cancel_rezer_hun.gif);
}*/


.vcard {
/*	background-image:url(design_elementi/phone.gif);
	background-position:15px 6px;
	background-repeat:no-repeat;
	height:74px;*/	
	margin: 0;
	padding: 0;
}

#info #DateSelect { padding-bottom: 20px; }
#info .fontana { padding-top: 1px; background: url(design_elementi/crta_dogadanja.gif) no-repeat top center transparent; }

#info .vcard p {
	margin:10px 5px 0 0;
}
#info .vcard span {
	display:block;
	text-align:right;
	font-size:11px;
}
.vcard .name {
	margin-top:-4px;
}

.vcard span.phone {
	background:transparent url(design_elementi/phone_2.gif) 0 5px no-repeat;
	height:35px;
	margin-bottom:-20px;
	line-height:11px;
}
.vcard span.phone.last {
    background-image: none;
}
.vcard span.e_mail {
	background:transparent url(design_elementi/e-mail_ikona.gif) 0 17px no-repeat;
	line-height:14px;
	padding-top:15px;
}

.vcard p a {
	color:#666;
	font-size:11px;
	text-decoration:none;
	margin-left:0;
	line-height:20px;
}

#info .vcard span.tel  {
	font-size:13px;
	font-weight:bold;
	line-height:14px;
}

.vcard p a.email {
	font-size:0.86em;
	/*font-weight: 600;*/
}

#info .vcard p a.e_mail {
	font-size:0.86em;
	margin-left:-4px;
}

#info p.bottom {
	margin-bottom:11px;
}

#sponzori {
	width:180px;
	margin:5px 0 0 0;
	overflow:hidden;
	background:#D3CFC2 url(design_elementi/info_bottom.gif) left bottom no-repeat;
}

#sponzori ul {
	margin:10px 0 5px 0;
	overflow:hidden;
}

#sponzori li {
	list-style:none;
	margin:0 4px 0 5px;
}

#sponzori img {
	border:none;
}


/*TABLICA - TECAJNA LISTA*/

#tecajna_lista .tec_lista {
	background-image:url(design_elementi/h2_tec_lista.gif);
	background-position:8px 0px;
	background-repeat:no-repeat;
}
#info.en #tecajna_lista .tec_lista {
	background-image:url(design_elementi/h2_tec_lista_eng.gif);
}
#info.de #tecajna_lista .tec_lista {
	background-image:url(design_elementi/h2_tec_lista_de.gif);
}
#info.it #tecajna_lista .tec_lista {
	background-image:url(design_elementi/h2_tec_lista_it.gif);
}
#info.fr #tecajna_lista .tec_lista {
	background-image:url(design_elementi/h2_tec_lista_fra.gif);
}
#info.hu #tecajna_lista .tec_lista {
	background-image:url(design_elementi/h2_tec_lista_hun.gif);
}
#tecajna_lista {
	width:180px;
	height:88px;
}

#tecajna_lista table, #prognoza table {
	border-collapse:collapse;
	border-spacing:0;
	width:170px;
	margin:0 0 5px 5px;
}

#tecajna_lista h2 {
	background-image: url(design_elementi/crta_lista.gif);
	background-position: top center;
	background-repeat:no-repeat;
	padding:4px 0 15px 8px;
}

#tecajna_lista td {
	text-align:center;
	color:#666;
	/*width:73px;*/
}
#tecajna_lista tbody tr {
	line-height:160%;
}
tbody tr.alt {
	background:#DAD7C9;
}


/*PROGNOZA*/

.vreme{
	/*background-image:url(design_elementi/h2_vrijeme.gif);
	background-position:8px 3px;
	background-repeat:no-repeat;*/
}

#prognoza {
	/*width:180px;
	height:112px;*/
}
.vrijeme{
	color:#666;
}

#prognoza h2 {
	background-image:url(design_elementi/h2_vrijeme.gif);
	background-position: 8px 5px;
	background-repeat:no-repeat;
	/*padding:32px 0 6px 8px;*/
}
#info.en #prognoza h2 {
	background-image:url(design_elementi/h2_vrijeme_eng.gif);
}
#info.de #prognoza h2 {
	background-image:url(design_elementi/h2_vrijeme_de.gif);
}
#info.it #prognoza h2 {
	background-image:url(design_elementi/h2_vrijeme_it.gif);
}
#info.fr #prognoza h2 {
	background-image:url(design_elementi/h2_vrijeme_fra.gif);
}
#info.hu #prognoza h2 {
	background-image:url(design_elementi/h2_vrijeme_hun.gif);
}

#prognoza img {
	margin:0;
}

#prognoza td {
	text-align:center;
	color:#666;
	/*width:70px;*/
}

#info .tfooter td {
	text-align:right;
}


/*DOGADANJA*/

#aktualno_linkovi {
	/*height:153px;*/
	width:178px;
	margin:0 1px;
	background:#C7C4B7 url(design_elementi/aktualno_linkovi_top.gif) top left no-repeat;
}
#aktualno_linkovi form {
	margin:0;
	padding:0;
}
.dogadaj {
	background-image:url(design_elementi/h2_dogadanja.gif);
	background-position:8px 0px;
	background-repeat:no-repeat;
}
#info.en .dogadaj {
	background-image:url(design_elementi/h2_dogadanja_eng.gif);
}
#info.de .dogadaj {
	background-image:url(design_elementi/h2_dogadanja_de.gif);
}
#info.it .dogadaj {
	background-image:url(design_elementi/h2_dogadanja_it.gif);
}
#info.fr .dogadaj {
	background-image:url(design_elementi/h2_dogadanja_fra.gif);
}
#info.hu .dogadaj {
	background-image:url(design_elementi/h2_dogadanja_hun.gif);
}
#info h2.dogadaj {
	padding-top:0;
	margin-top:10px;
}
#dogadanja table {
	color:#55544e;
}
#info #DateSelect p {
	margin:0;
	padding:0;
}
#fd, #fm, #fy, #td, #tm, #ty {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#5B584C;
	text-align:left;
}
#info select#mstcode,
#info select#hid {
	width: 162px;
	font-size:9px;
}

#info table {
	border-collapse:collapse;
	color:#666;
}

#dogadanja .calendar {
	margin:0 0 3px 10px;
	border-collapse:collapse;
	border:1px solid #999;
	width:163px; /* Bilo je 145px*/
	height:115px;/*irina i visina tablice*/
	color:#666;
}

.calendar a:link, .calendar a:visited, .calendar a:active {
	display:block;
	width:100%;
	text-decoration:none;
}

.calendar a:hover {
	text-decoration:none;
	background:#BFBCB0;
}

#info .calendar td.today {
	background:#BFBCB0;
	color:#666;
}

#dogadanja table, #dogadanja tbody td {
	border:1px solid #999;
	border-left:none;
	border-right:none;
}

#dogadanja tbody td {
	text-align:center;
	vertical-align:left;
}

#dogadanja tbody td.cal_reset {
	border:none;
	padding:0;
}

#dogadanja tbody td.cal_reset a {
	text-align:center;
}

#dogadanja thead th {
	background:#d3cfc2;
	text-align:center;
}

#dogadanja thead .week_days th {
	color:#666;
	padding:0;
	background:#d7d3c6;
}

table th a, table td a {
	color:#615F59;
}

#dogadanja td, #dogadanja th {
	padding:0;
}


/*  STOPA  */
#stopa {
	background: url(design_elementi/stopa.gif) left top no-repeat;
	width:556px;
	height:135px;
	margin-left:63px;
	clear:both;
}
#stopa .copyright {
	padding:10px 0 0 0;
	color:#666;
}
#stopa .copyright a:link, #stopa .copyright a:visited, #stopa .copyright a:active {
	text-decoration:none;
	color:#BA4110;
}
#stopa .copyright a:hover {
	text-decoration:none;
	color:#BA4110;
}

#corpinfo {
	color: #666;
	margin: 10px 0;
	text-align: center;
}

/* AmericanExpress Card - dodano 23.02.2009. */
#info .amex {
    padding: 5px 5px 8px 0;
    overflow: hidden;
    text-align: right;
    font-size: 1.2em; 
    color: #7D0B0B; 
}
.amex img {
    width: 37px;
    height: 33px;
    float: left;
    display: inline;
    margin: 0 0 0 3px;
}

/*LIVE WEB CAM*/
#liveWebCam {
	margin:10px 0;
}
#liveWebCam p {
	margin:0 0 0 1px;
	padding:0;
}
#liveWebCam a:link, #liveWebCam a:hover, #liveWebCam a:visited, #liveWebCam a:active  {
	text-decoration:none;
	color:#666;
	display:block;
	width:177px;
	height:16px;
	background:transparent url(design_elementi/live_webcam_orange.gif) top left no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}

/*  =bb_availability_search
    -------------------------------------------------------------- */
    #bb_availability_search { margin-bottom: 20px; overflow: hidden; }
    #bb_availability_search h2 { text-indent: 0; padding-top: 0; }
    #bb_availability_search label { display:  block; color: #666; }
    #bb_availability_search label { overflow: hidden; margin: 5px 4px 5px 8px; }
    #bb_availability_search select { margin:  0 0 0 4px; }
    #bb_availability_search label select { margin: 0; float: right; }
    .bb_button { margin: 5px 4px; }

/* Social media icons */
#socialmedia { margin: 20px 7px 0; padding: 10px 0 5px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
#socialmedia a img { border:  none; }