/*
-----------------------------------------------
Sanavita Main CSS 
www.nivas.hr
upadted: 04/01/05
----------------------------------------------- 
*/

#x-mas {
position:absolute;
top:0;
right:80%;
margin:10px;
width:72px;
height:72px;
}
#vidi {
position:absolute;
top:0;
right:0;
margin:10px;
width:72px;
height:72px;
}

/*general*/

body{
margin:0;
padding:0;
background:#d8e8ee url(../images/body/body-bg.gif) no-repeat top center;
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#666;
overflow-x:hidden;
}

  
a {
margin:0;
padding:0;
text-decoration:none;
color:#3381ab;
outline:none;
}

a:hover{
text-decoration:underline;
}

img {
outline:none;
}
/*general*/

/*layout*/
#containerIndex,
#container{
margin:25px auto;
padding:0;
width:700px;
}
#header-big{
margin:0 auto;
padding: 0;
height:340px;
width:700px;
display:block;
float:left;
}
#header{
margin:0 auto;
padding: 0;
height:117px;
width:700px;
display:block;
background:url(../images/header/head-small.jpg) no-repeat top left;
float:left;
text-indent:-9999px;
}
#wrap{
margin:0;
padding:0;
}

#navi{
margin:0;
padding:0;
width:700px;
background:#fff url(../images/navigation/navi-bg.gif) repeat-x top left;
float:left;
font-size:100%;
font-weight:bold;
}

#content{
margin:0;
padding:0px 0 20px 0;
float:left;
width:700px;
background-color:#fff;
text-align:left;
display:inline;
}

#content-legal{
margin:0;
padding:20px 0;
float:left;
width:700px;
background-color:#fff;
text-align:left;
display:inline;
font-size:120%;
}
#left {
float:left;
font-size:120%;
line-height:1.4em;
margin:0;
padding:0;
width:444px;
text-align:left;
}
#right{
float:right;
margin:0;
_margin-right:-5px;
padding:0;
width:187px;
text-align:left;
font-size:100%;
}
#footer{
margin:0 0 20px 0;
padding:0 0 20px 0;
line-height:1em;
text-align:left;
float:left;
width:700px;
background:#fff url(../images/footer/foot-bg.gif) no-repeat left bottom;
}
.gutter{
margin:0 23px;
padding:0;
}
/*layout*/

/*navigation*/
#main-navi{
margin:0;
padding:0 0 0 16px;
display:inline;
list-style:none;
float:left;
background:url(../images/navigation/navi-left.gif) no-repeat left top;
}
#main-navi li{
margin:0;
padding:0;
float:left;
background:url(../images/navigation/tab-normal-right.gif) no-repeat right top;
}
#main-navi a{
margin:0;
padding:9px 13px 10px 13px;
background:url(../images/navigation/tab-normal-left.gif) no-repeat left top;
float:left;
text-decoration:none;
color:#9ec046;
}
#main-navi a:hover{
color:#65811c;
}
#main-navi #current{
background: url(../images/navigation/tab-right-on.gif) no-repeat right top;
}
#main-navi #current a{
color: #fff;
background: url(../images/navigation/tab-left-on.gif) no-repeat left top;
}


#navi img {
padding:12px 25px 0 0;
_padding:12px 20px 0 0;
}


/*navigation*/

/*content*/
.t-img{
margin-left:10px;
margin-right:10px;
margin-top:-20px;
margin-bottom:0;
padding:0;
float:left;
}
#content h3{
color:#b56897;
margin:10px 0;
padding:0;
font-size:130%;
}



#content #left h3 {
color:#b56897;
margin:10px 0 0;
padding:0;
font-size:130% !important;
/*float:left; badu 30.3.*/
display:block;
width:422px;
}

#left p{
/*float:left; badu 30.03.*/
margin:10px 0;
text-indent:1em;
}


#left p.pFirst{ text-indent:0;}

#left p.pLiteratura {
font-size:90%;
color:#999;
text-indent:0;
background: url(../images/body/literatura-ico.gif) no-repeat 0 0.5em !important;
padding:0 0 0 10px;
float:left;
}

#right h3.obavijest-label{
margin:10px 0 0px;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/obavijest-h1.gif) no-repeat top left;
width:86px;
height:17px;
float:left;
}

#right h3.usluge-menu-label{
margin:10px 0 8px;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/usluge-menu-h1.gif) no-repeat top left;
width:63px;
height:17px;
display:block;
float:left;
}
#left h3.ponuda-h {
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/ponuda-h1.gif) no-repeat top left;
width:246px;
height:16px;
}
#left h3.sanavita-label{
float:left;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/sanavita-h.gif) no-repeat top left;
width:79px;
height:17px;
}
#left h3.sana-label{
float:left;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/sanavita-h1.gif) no-repeat top left;
width:246px;
height:16px;
}
#left h3.lokacija-label{
margin:6px 0 8px;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/kakodonas.gif) no-repeat top left;
width:101px;
height:17px;
}
#left h3.galerija-label{
float:left;
margin:0;
padding:0 0 10px !important;
text-indent:-9999px;
background:url(../images/h-labels/galerija.gif) no-repeat top left;
width:67px;
height:17px;
}
#left h3.onama-label{
float:left;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/onama-h1.gif) no-repeat top left;
width:69px;
height:17px;
}
#left h3.ponuda-label{
float:left;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/ponuda-h.gif) no-repeat top left;
width:69px;
height:17px;
}
#left h3.proizvodi-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/proizvodi-h1.gif) no-repeat top left;
width:79px;
height:17px;
}
#left h3.sauna-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/finskasaun-h1.gif) no-repeat top left;
width:106px;
height:17px;
}
#left h3.kakodonas-label{
float:left;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/kakodonas-h1.gif) no-repeat top left;
width:101px;
height:17px;
}
#left h3.masaza-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/masaza-h1.gif) no-repeat top left;
width:106px;
height:17px;
}
#left h3.lounge-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/lounge-h1.gif) no-repeat top left;
width:68px;
height:17px;
}
#left h3.firme-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/firme-h1.gif) no-repeat top left;
width:68px;
height:17px;
}
#left h3.akcije-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/akcije-h1.gif) no-repeat top left;
width:68px;
height:17px;
}
#left h3.salon-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/salon-h1.gif) no-repeat top left;
width:136px;
height:17px;
}
#left h3.trening-label{
float:left;
margin:0 0 8px;
padding:0;
text-indent:-9999px;
background:url(../images/h-labels/kond-trening-h1.gif) no-repeat top left;
width:206px;
height:17px;
}
#left h3.solarij-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/solarij-h1.gif) no-repeat top left;
width:56px;
height:17px;
}
#left h3.aroma-label{
float:left;
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/profaroma-h1.gif) no-repeat top left;
width:220px;
height:17px;
}
#left h4 {
/*float:left; badu 30.03.*/
width:402px;
font-size:90%;
padding:0;
margin:0 0 0;
display:block;
}

#left h5 {
/*float:left;*/
width:412px;
font-size:90%;
padding:0;
margin:0;
display:block;
}

#content-legal h3.legal-label{
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/legal-h1.gif) no-repeat top left;
wih:150px;
height:17px;
}
.ponuda-box h3{
width:444px;
margin:0 !important;
padding:10px 42px 0 0 !important;
float:left;
color:#b56897;
text-indent:93px;
background:url(../images/body/ponuda-box-top.gif) no-repeat top left;
font-size:130%;
display:block;
}
.ponuda-box a.box-a{
background:url(../images/bullets/a-bul.gif) no-repeat 0 0.5em;
padding:0 8px;
margin:0;
font-weight:bold;
display:inline-block;
text-indent:0;
}
.ponuda-box-menu a.ponuda-box-a{
padding:0 8px;
margin:0;
background:url(../images/bullets/ponuda-menu-ico.gif) no-repeat 0 0.5em;
display:block;
color:#9ec046;
}
#ponuda-box-a-current{
font-weight:bold !important;
}

.ponuda-box {
float:left;
width:444px;
margin:10px 0;
padding:0;
background:url(../images/body/ponuda-box-bot.gif) no-repeat bottom left;
display:block;
}
.ponuda-box ul{
margin:0;
padding:0;
float:left;
list-style:none;
width:75%;
}
.ponuda-box ul li{
margin:2px 0 5px 0;
padding:0;
font-size:90%;
line-height:1.4em;
}
.ponuda-box ul li ul {
float:left;
width:100%;
margin:2px 0 5px;
}
.ponuda-box ul li ul li{
margin:0;
padding:0 0 0 8px;
font-size:100%;
background:transparent url(../images/bullets/dt-ico.gif) no-repeat scroll 0 0.6em;
}
.ponuda-box-menu{
float:left;
margin:0 0 10px 0;
padding:5px 0;
background:url(../images/body/ponuda-menu-top.gif) no-repeat top left;
display:block;
width:187px;
font-size:110%;
}
.ponuda-box-menu ul{
margin:0;
padding:3px 5px 8px 3px;
list-style:none;
float:left;
background:url(../images/body/ponuda-menu-bot.gif) no-repeat bottom left;
width:190px;
}
.ponuda-box-menu ul li{
margin:0;
padding:2px 3px;
}
.quote-box{
margin:0 0 15px 10px;
_margin:0 0 15px 5px;
padding:0;
float:left;
width:422px;
background:url(../images/body/quote-bot.gif) no-repeat bottom left;
}
.quote-box ul{
margin:0;
padding:0;
float:left;
list-style:none;
width:422px;
background:url(../images/body/quote-top.gif) no-repeat top left;
}
.quote-box ul li{
margin:10px;
padding:0;
font-style:italic;
float:left;
}
.ponuda-details{
margin:0 0 10px 0;
padding:0;
float:left;
color:#999;
font-size:90%;
width:444px;
}
.ponuda-details dd{
margin:5px 10px;
padding:0 10px;
background:url(../images/bullets/details-ico.gif) no-repeat 0 0.5em;
}
.ponuda-details dt{
margin:0;
padding:0;
color:#b56883;
font-size:110%;
font-weight:bold;
}
.ponuda-details-norm{
margin:0 0 10px;
padding:0;
float:left;
color:#666;
font-size:90%;
width:444px;
}
.ponuda-details-norm dd{
margin:5px 10px;
padding:0 10px;
background:url(../images/bullets/details-ico.gif) no-repeat 0 0.6em;
}
.ponuda-details-norm dt{
margin:0;
padding:0;
color:#666;
font-size:100%;
font-weight:bold;
}
.ponuda-details-norm dt span{
font-size:90% !important;
font-weight:normal;
}


.legal-details{
margin:0;
padding:0;
color:#999;
text-align:left;
}
.legal-details dd{
margin:5px 10px;
padding:0 10px;
background:url(../images/bullets/details-ico.gif) no-repeat 0 0.5em;
font-size:110%;
}
.legal-details dt{
margin:0;
padding:0;
color:#b56883;
font-size:110%;
font-weight:bold;
}
#cijenik-salon{
margin:10px 0;
padding:0;
font-size:80%;
background:#f2dede;
line-height:1em;
border:1px solid #f2dede;
float:left;
}
#cijenik-salon td{
padding:3px 6px;
margin:0;
background:#fcf7f7;
color:#718FBD;
line-height:1.3em;
border:2px solid #fff;
}


#content #left #cijena {
margin:0 0 15px 0px;
_margin:0 0 15px 0px;
padding:0 !important;
float:left;
width:422px;
background:url(../images/body/price-bot.gif) no-repeat bottom left;
display:block;
}

h3.blu { color:#718fbd !important;}

#content #left #cijena h3 {
float:left;
padding:10px 10px 0 !important;
margin:0;
display:block;
width:402px;
background: url(../images/body/price-top.gif) no-repeat top left;
color:#718fbd;
}
#content #left #cijena h5 {
float:left;
padding:10px!important;
margin:0;
display:block;
width:402px;
font-size:85%;
background: url(../images/body/price-top.gif) no-repeat top left;
color:#718fbd;
}
#content #left #cijena h3 span {
padding:0 0 0 10px;
}


#content #left #cijena ul {
color:#333;
margin:0;
padding:10px;
float:left;
list-style:none;
width:402px;
}
#content #left #cijena table {
	padding-bottom:10px;
}
#content #left #cijena p,
#content #left #cijena ul li {
margin:0;
padding:0 5px !important;
color:#718fbd;
font-size:90% !important;
}
#content #left #cijena p strong,
#content #left #cijena ul li strong {
}

p.topback{
margin:0 !important;
padding:0 !important;
}

a.back {
background:url(../images/content-images/back-ico.gif) no-repeat 0 0.4em;
padding:0 0 0 15px;
font-size:90% !important;
}

a.top {
background:url(../images/content-images/top-ico.gif) no-repeat 0 0.5em;
padding:0 0 0 10px;
font-size:90% !important;
text-indent:0;
display:inline-block;
}

div.inTextImg {
float:left;
margin:5px 5px 0 0;
padding:0;
width:92px;
}
div.inTextImg img {
padding: 0 0 5px;
border:0;
}

div.inTextImg p {
padding:0 !important;
margin:0 0 !important;
font-size:0.8em !important;
text-indent:0 !important;
color:#666;
line-height:1.1em;
}

#bigMap {
float:left;
width:444px;
padding:25px 0 0;
}

/*content*/

/*sidebar*/
a.link{
font-weight:bold !important;
color:#3381ab !important;
padding:0 !important;
margin:0 !important;
float:none !important;
}
a.link:hover{
text-decoration:underline;
}
dl.side-news{
margin:8px 0 0;
padding:0;
float:left;
width:190px;
display:block;
}
dl.side-news dt{
margin:0 5px;
padding:0 5px 5px 8px;
color:#e55674;
font-weight:bold;
background:url(../images/bullets/dt-ico.gif) no-repeat 0 0.5em;
}
dl.side-news dd{
margin:0 0 5px 0;
padding:0;
float:left;
}
dl.side-news dd a{
margin:0;
padding:0;
}
dl.side-news dd a:hover{
margin:0;
padding:0;
text-decoration:underline !important;
background-color:#FFF !important;
}
#karta-box{
margin:15px 0;
padding:0;
float:left;
}
#karta-box h3.karta-label{
margin:0;
padding:10px 0 0 0;
text-indent:-9999px;
background:url(../images/h-labels/kakodonas.gif) no-repeat top left;
width:102px;
height:13px;
}
#karta-box p{
margin:0 4px;
padding:0;
color:#6da4c1;
}
#karta-box a.povecaj-kartu{
margin:0 5px;
padding:5px 15px;
color:#3381ab;
background:url(../images/sidebar/povecaj-kartu-ico.gif) no-repeat center left;
float:left;
}
#karta-box img.karta{
margin:0 0 5px 0;
padding:0;
float:left;
display:block;
}
/*sidebar*/

/*footer*/
img.foot-logo{
margin:0;
padding:0 0 0 23px;
float:left;
display:block;
width:103px;
height:23px;
}
img.hvala{
margin:0;
padding:0;
}
#footer p{
padding:0;
margin:0;
}
#footer a{
margin:0;
padding:0;
color:#3381ab; 
font-weight:normal;
}
#footer a.nivas {
color:#9ac726;
font-weight:bold;
}
#footer a.nivas:hover{
color:#3381ab; 
}
#footer p.dark{
padding:0;
line-height:1.2em;
margin:2px 0 2px 140px;
color:#3c7631;
}
#footer p.dark span{
color:#9ac726;
}

#topTip {
_display:none;
position:absolute;
top:30%;
left:-50px;
}

.textpink {color:#e55674;}

/*footer*/


#containerIndex #siteControls {
position:relative;
top:350px;
left:700px;
_left:350px;
}
#container #siteControls{
position:relative;
top:125px;
left:700px;
_left:350px;
}
#siteControls ul{
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
height:100px;
}
#siteControls ul li{
margin:0;
padding:0;
list-style:none;
}
#siteControls ul li a{
margin:0;
padding:0;
}

#siteControls ul li a.bigText,
#siteControls ul li a.smallText,
#siteControls ul li a.bookmark {
display:block;
text-indent:-9999em;
width:32px;
}
 

#siteControls ul li a.bigText {
height:23px;
background:#e55674 url(../images/body/txt-veci.gif) no-repeat -8px 0;
}
#siteControls ul li a.smallText {
height:21px;
background:#e55674 url(../images/body/txt-manji.gif) no-repeat -8px 0;
}
#siteControls ul li a.bookmark {
padding-left:-5px;
height:22px;
background:#e55674 url(../images/body/bookmark.gif) no-repeat -8px 0;
}

#siteControls ul li a.bigText:hover{
background:#b2cd5c url(../images/body/txt-veci.gif) no-repeat 0 0;
}
#siteControls ul li a.smallText:hover{
background:#b2cd5c url(../images/body/txt-manji.gif) no-repeat 0 0;
}
#siteControls ul li a.bookmark:hover{
background:#b2cd5c url(../images/body/bookmark.gif) no-repeat 0 0;
}



/*FLASH GALS********************/
#flashcontent { border:0; width:444px; padding:0; margin:8px 0 0; float:left;}


/***************************************************************************************************** EXTRA*/




/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;background:#fff;border:2px solid #d8e8ee;text-align:left;padding:5px;}
body div#toolTip p { margin:0;padding:0;color:#0099FF;font:11px/12px verdana,arial,serif; font-weight:bold;}
body div#toolTip p em { display:block;margin-top:3px;color:#666;font-style:normal;font-weight:normal; }
body div#toolTip p em span { font-weight:bold;color:#9ec046; font-weight:bold; }
/* SIFR SUFFER */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 10px !important;
	line-height:12px !important;
	overflow:hidden;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 10px !important;
	line-height:20px !important;
	overflow:hidden;
}


/***************************************************************************************************** EXTRA*/


p.linkovi {
font-weight:bold;
color:#3381ab;
padding-top:12px;
}
ul.link_list {
list-style:none;
padding:0;
margin:0;
margin-top:-5px;
}
ul.link_list li {
margin:0 0 15px 0;
float:left;
}
ul.link_list li a img {
border:#fff 1px solid;
}
ul.link_list li a:hover img {
/*border:#3381ab 1px solid;*/
}