* { padding: 0; margin: 0; }


.clear_float {
clear: both;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:  #f6f3e9 url(images/back_pat1.jpg) top left repeat-x;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
 background: #f6f3e9 url(images/main_bg.jpg) left 367px repeat-x;
}

#header_up {
 width: 960px;
 color: #333;
 height: 188px;
 background:url(images/header_up.jpg) 0 28px no-repeat;
}

#header_down {
 width: 960px;
 height: 179px;
 color: #333;
 background: url(images/header_down1.jpg) top left no-repeat;
}

#content { 
 width: 856px;
 color: #333;
 background: url(images/content_box_bg.jpg) left top repeat-x;
 /*height: 453px;  /* PRIVREMENO , treba maknut poslje */
 margin: 0 0 0 52px;
 padding: 0px 0 0px 0;
}


#footer {
 margin: 0 auto;
 height: 100px; 
 color: #333;
 background: url(images/footer_background_01.jpg) left bottom repeat-x;
}

#footer_up {
margin: 0 auto;
width: 960px;
height: 60px;
background: url(images/content_down_bg.jpg) left top no-repeat;
}

#footer #footer_text {
margin: 14px auto 0 auto;
width: 795px;
color: #006699;
font-size: 11px;
}

#footer #footer_text a {
color: #336699;
}

/* HEADER */

#flash_placeholder {
position:absolute;
width: 588px;
height: 288px;
background: #f5f1e5;
margin: 56px 0 0 315px;
}



#bottom_nav ul {
list-style:none;
}



#zastavice ul {
list-style: none;
}

/* TOP NAV */

#top_nav {
width: 960px;
background: url(images/top_nav_bg.jpg) top left repeat-x;
height: 28px;
}

#top_nav ul {
list-style: none;
margin: 0 0 0 46px;
}

#top_nav ul li {
float: left;
padding: 4px 22px 0 22px;
}


#top_nav ul li a {
margin: 0 5px 0 5px;
color:#FFFFFF;
outline: none;
}

#top_nav ul li a:hover {
color:#0099FF;
}




/* BOTTOM NAV */


#bottom_nav {
position: absolute;
margin: 48px 0 0 64px;
width: 200px;
height: 88px;
}

#bottom_nav ul {
list-style: none;
margin: 0 0 0 46px;
}

#bottom_nav ul li a {
display: block;
outline: none;
color:#0066FF;
}

#bottom_nav ul li a:hover {
color:#FFFFFF;
}


/* ZASTAVICE */

#zastavice {
position: absolute;
width: 150px;
height: 28px;
margin: 6px 0 0 105px;
}

#zastavice ul {
list-style: none;
}

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

#zastavice ul li a {
display: block;
height: 28px;
width: 36px;
text-indent: -2000em;
outline: none;
}


#zastavice ul li #english {
background: url(images/oaza_zastavice.jpg) no-repeat;
}
#zastavice ul li #english:hover {
background: url(images/oaza_zastavice.jpg) no-repeat 0px -28px;
}

#zastavice ul li #croatian {
background: url(images/oaza_zastavice.jpg) no-repeat -36px 0px;
}
#zastavice ul li #croatian:hover {
background: url(images/oaza_zastavice.jpg) no-repeat -36px -28px;
}


#zastavice ul li #german {
background: url(images/oaza_zastavice.jpg) no-repeat -72px 0px;
}
#zastavice ul li #german:hover {
background: url(images/oaza_zastavice.jpg) no-repeat -72px -28px;
}



#zastavice ul li #russian {
background: url(images/oaza_zastavice.jpg) no-repeat -108px 0px;
}
#zastavice ul li #russian:hover {
background: url(images/oaza_zastavice.jpg) no-repeat -108px -28px;
}


#zastavice ul li #italian{
background: url(images/oaza_zastavice.jpg) no-repeat -144px 0px;
}

#zastavice ul li #italian:hover {
background: url(images/oaza_zastavice.jpg) no-repeat -144px -28px;
}


#zastavice ul li #hungarian {
background: url(images/oaza_zastavice.jpg) no-repeat -180px 0px;
}
#zastavice ul li #hungarian:hover {
background: url(images/oaza_zastavice.jpg) no-repeat -180px -28px;
}









/* CONTENT */

#content h1 {
background:url(images/h1_dobrodosli.jpg) top left no-repeat;
height: 40px;
margin: 10px 0 0px 20px;
text-indent: -2000em;
}

#h1_crta {
position: absolute;
margin: 0 0 0 -830px;
}

#content_text {
width: 856px;
padding: 5px 0px 0 0px;
}


#content_text h2 {
font-family: Tahoma;
font-size: 16px;
color: #10516d;
margin: 10px 0 30px 0;
}



#content_text p {
font-size: 12px;
line-height: 15px;
margin: 10px 0 0 0;
}

#content_area {
padding: 0 0 0 0;
}

/*////////////////////////// PROMJENIT ZA OSTALE THEME NA DRUGIM STRANICAMA BEZ IMAGE PLACE HOLDERA ///////////////////// */
#samo_textualni_dio {
width: 800px;
float: left;
padding: 15px 30px 0 30px;
}
}



#image_placeholder {
width: 303px;
height: 234px;
background: url(images/content_image_1.jpg) left top no-repeat;
margin: 15px 0 0 22px;
float: left;
padding: 8px 0 0 11px;
}



#bottom_images_placeholder {
height: 110px;
width: 814px;
background: url(images/botom_images.jpg) left top no-repeat;
margin: 20px 0px 0 20px;
padding: 9px 0 0 9px;
}

#bottom_images_placeholder img {
float: left;
margin: 0 0 0 3px;
}



/* ENGLISH */





/* PRIVREMENO RJESENJE JER CRTA NIJE NA MJESTU ZA SA SLIKAMA I BEZ */
#h1_crta {
position: absolute;
margin: 0 0 0 -840px;
}



#content_text_eng {
width: 856px;
padding: 5px 0px 0 0px;
}

#content_text_eng h2 {
font-family: Tahoma;
font-size: 16px;
color: #10516d;
margin: 0 0 10px 0;
}

#content_text_eng p {
font-size: 12px;
line-height: 15px;
margin: 10px 0 0 0;
}

/* OPERA HACK */

html:first-child #h1_crta {
padding: 0 0 0 850px;
}


/* NOVO DODANO ZA BEZ IMAGEPLACEHOLDERA */

/*
#kontakt #samo_textualni_dio, #polozaj #samo_textualni_dio, #korisne-informacije #samo_textualni_dio, #kucni-red #samo_textualni_dio, #kako-do-nas #samo_textualni_dio, #gallery_eng #samo_textualni_dio, #galerija #samo_textualni_dio{
width: 800px;
float: left;
padding: 15px 30px 0 30px;
}
*/


/* ZA GALERIJU SLIKA */

/* ENG*/
#content_text #gallery_eng #entry {
width: 800px; 
}

#gallery_eng #samo_textualni_dio img{
margin: 12px 6px 0 0;
border: 1px solid #999999;
}

/* HR */

#content_text #galerija #entry {
width: 800px; 
}

#galerija #samo_textualni_dio img{
background: #FFFFFF;
margin: 12px 6px 0 0;
border: 1px solid #999999;
}

#samo_textualni_dio img{
background: #FFFFFF;
margin: 0px 20px 10px 0;
border: 1px solid #999999;
padding: 1px;
float: left;
}

/* GER */

#content_text #galerie #entry {
width: 800px; 
}

#galerie #samo_textualni_dio img{
background: #FFFFFF;
margin: 12px 6px 0 0;
border: 1px solid #999999;
}

/* ITA*/

#content_text #mostra #entry {
width: 800px; 
}

#mostra #samo_textualni_dio img{
background: #FFFFFF;
margin: 12px 6px 0 0;
border: 1px solid #999999;
}


/* DOBRODOSLI - POCETNA */

#samo_textualni_dio #botom_images {
margin: 40px 0 -15px 0;
border: 1px solid #999999;
padding: 3px 3px 3px 4px;
}

#samo_textualni_dio #botom_images img{
background: #FFFFFF;
margin: 2px 1px 0 1px;
border: none;
padding: 0;
float: none;
}

#content #dobrodosli h2 {
height: 10px;
text-indent: -2000em;
font-size: 16px;
color: #10516d;
margin: 0 0 10px 0;
}

#content #dobrodosli h3 {
font-size: 16px;
color: #10516d;
}

/* KUCNI RED */
#content_text #kucni_red_lista  {
margin: 10px 0 0 15px;
}


#content_text #kucni_red_lista li {
margin: 0 0 10px 0;
}


/* KAKO DO NAS */

#content_text #polozaj #kakodonas_h3 {
margin: 40px 0 20px 0;
font-family: Tahoma;
font-size: 16px;
color: #10516d;
}

#content_text #polozaj #udaljenost {
margin: 0px 0 0 10px;
}

#content_text #polozaj #udaljenost li {
margin: 0 0 5px 0;
}

#content_text #polozaj #kako_do_nas_div ul {
margin: 5px 0 30px 10px;
}


#content_text #polozaj #kako_do_nas_div li {
margin: 0 0 5px 0;
}


/* APARTMANI */

#content_text #flash_selektor {
border: #666666 solid 1px;
width: 709px;
height: 375px;
background: #FFFFFF;
padding: 1px;
}

/*
#content_text #blizanka1 {
display: block;
width: 285px;
height: 220px;
margin: 150px 0 0 120px;
float: left;
outline: none;
}

#content_text #blizanka1:hover {
background: url(images/blizanka1.jpg) no-repeat -120px -150px;
}



#content_text #blizanka2 {
display: block;
width: 275px;
height: 200px;
margin: -240px 0 0 380px;
float: left;
outline: none;
}

#content_text #blizanka2:hover {
background: url(images/blizanka2.jpg) no-repeat -380px -130px;
}



#content_text #plava_kuca {
display: block;
width: 290px;
height: 180px;
margin: -370px 0 0 0px;
float: left;
outline: none;
}

#content_text #plava_kuca:hover {
background: url(images/plava.jpg) no-repeat 0px -56px;
}
*/

#content_text #apartmani_detalji {
margin: 10px 0 0 0;
}

#content_text #apartmani_detalji h4 {
padding: 40px 0 0 0;
margin: 0px 0 10px 0;
border-bottom: 1px solid #666666;
}

#content_text #apartmani_detalji h4 #na_vrh {
font-size: 12px;
text-decoration:none;
float: right;
margin: -15px 5px 0 0;
padding: 0 0 0 0;
display: block;
color: #000000;
}


#content_text #anchor_podapartmani {
margin: 40px 0 20px 0;
padding: 15px 0 10px 0;
border-bottom: 1px dotted #999999;
border-top: 1px dotted #999999;
}


#content_text #anchor_podapartmani ul{
list-style: none;
}

#content_text #anchor_podapartmani ul li{
margin: 0px 0 10px 0;
}



/* PRIMOSTEN */

#tablica_restorana {
height: 247px; 
margin-left: 10px;
border: none;
width: 500px;
}

#tablica_restorana ul {
list-style: disc;
}








/****************** ENGLESKA VERZIJA *****************************/


/* WELCOME */

#content #welcome h2 {
height: 10px;
text-indent: -2000em;
font-size: 16px;
color: #10516d;
margin: 0 0 10px 0;
}


#content #welcome h3 {
font-size: 16px;
color: #10516d;
}

#content #eng_h1 {
background: url(images/eng/eng_h1_welcome.jpg) top left no-repeat;
height: 40px;
margin: 10px 0 0px 20px;
text-indent: -2000em;
}

#content #ger_h1 {
background: url(images/h1_wil.jpg) top left no-repeat;
height: 40px;
margin: 10px 0 0px 20px;
text-indent: -2000em;
}

#content #ita_h1 {
background: url(images/h1_ben.jpg) top left no-repeat;
height: 40px;
margin: 10px 0 0px 20px;
text-indent: -2000em;
}



/* OUR LOCATION */

/* KAKO DO NAS */

#content_text #our-location #kakodonas_h3 {
margin: 40px 0 20px 0;
font-family: Tahoma;
font-size: 16px;
color: #10516d;
}

#content_text #our-location #udaljenost {
margin: 0px 0 0 10px;
}

#content_text #our-location #udaljenost li {
margin: 0 0 5px 0;
}

#content_text #our-location #kako_do_nas_div ul {
margin: 5px 0 30px 10px;
}


#content_text #our-location #kako_do_nas_div li {
margin: 0 0 5px 0;
}



/* GERMANY - OUR LOCATION */

/* KAKO DO NAS */

#content_text #lage #kakodonas_h3 {
margin: 40px 0 20px 0;
font-family: Tahoma;
font-size: 16px;
color: #10516d;
}

#content_text #lage #udaljenost {
margin: 0px 0 0 10px;
}

#content_text #lage #udaljenost li {
margin: 0 0 5px 0;
}

#content_text #lage #kako_do_nas_div ul {
margin: 5px 0 30px 10px;
}


#content_text #lage #kako_do_nas_div li {
margin: 0 0 5px 0;
}


/* KONTAKT FORMA */


/*#kontakt*/ #from {
margin: 0 0 5px 8px;
}


/*#kontakt*/ #to {
margin: 0 0 0 9px;
}

/*#kontakt*/ #reservation {
width: 350px;
float: left;
margin: 0px 50px 0 0;
}

/*#kontakt*/ #msg {
width: 300px;
height: 100px;
}

/*#kontakt*/ #reservation fieldset {
padding: 20px;
}
 
/*#kontakt*/ .entry fieldset {
padding: 20px;
}

/*#kontakt*/ fieldset legend {
font-weight: bold;
}

/*#kontakt*/ #nrper {
width: 63px;
}




/* POSEBNO SIRINA KONT FORME*/

#kontakt .entry { 
float: right;
width: 330px;
margin: 0 30px 0 0;
}

#contact_eng .entry { 
float: right;
width: 330px;
margin: 0 30px 0 0;
}


/* ENG KONTAKT FORMA */

#contact_eng #to {
margin: 0 0 0 22px;
}


/* GERMAN */
/* POSEBNO SIRINA KONT FORME GER*/

#kontakt_ger .entry { 
float: right;
width: 330px;
margin: 0 30px 0 0;
}

#kontakt_ger.entry { 
float: right;
width: 330px;
margin: 0 30px 0 0;
}


/* GER KONTAKT FORMA */

#kontakt_ger #to {
margin: 0 0 0 15px;
}

/*** END GERMAN ***/



/* ITALIAN - POSIZIONE */

#content_text #posizione #kakodonas_h3 {
margin: 40px 0 20px 0;
font-family: Tahoma;
font-size: 16px;
color: #10516d;
}

#content_text #posizione #udaljenost {
margin: 0px 0 0 10px;
}

#content_text #posizione #udaljenost li {
margin: 0 0 5px 0;
}

#content_text #lage #kako_do_nas_div ul {
margin: 5px 0 30px 10px;
}


#content_text #posizione #kako_do_nas_div li {
margin: 0 0 5px 0;
}


/* ITALIAN*/
/* POSEBNO SIRINA KONT FORME ITA*/

#contatto .entry { 
float: right;
width: 330px;
margin: 0 30px 0 0;
}

#contatto .entry { 
float: right;
width: 330px;
margin: 0 30px 0 0;
}


/* ITA KONTAKT FORMA */

#contatto #from{
margin: 0 0 0 36px;
}