html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
object, embed {display: block; overflow: hidden;}
body {line-height: 1;}
ol, ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

body {
margin: 0 auto;
padding: 0;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
}

h1 {font-size: 24px; color: #fff; font-weight: normal;float:right;text-align:right;margin:40px 80px -20px 0;text-transform:uppercase;}
h2 {font-size: 11px; font-weight: normal; margin: 0;}
h3 {font-size: 19px; font-weight: normal;}
h4 {font-size: 20px; font-weight: normal; float: left;}
h5 {font-size: 12px; font-weight: bold;}
h6 {font-size: 12px; font-weight: bold;padding: 27px 0 0 80px;width:119px;height:21px;cursor:pointer;}

.clear {clear: both; height: 1px;}
.clear5 {clear: both; height: 5px;}
.clear10 {clear: both; height: 10px;}
.clear15 {clear: both; height: 15px;}
.clear16 {clear: both; height: 16px;}
.clear20 {clear: both; height: 20px;}
.clear30 {clear: both; height: 30px;}
.clear40 {clear: both; height: 40px;}
.clear50 {clear: both; height: 50px;}
.clear100 {clear: both; height: 100px;}
.clear260 {clear: both; height: 260px;}
.clear260 {clear: both; height: 260px;}

a:link {color: #114678; text-decoration: none;}
a:visited {color: #114678; text-decoration: none;}
a:active {color: #114678;}
a:hover {color: #000; text-decoration: none;}

a.plavi:link, a.plavi:visited, a.plavi:active {color: #114678; text-decoration: none;}
a.plavi:hover {color: #000; text-decoration: none;}

a.plavi:link, a.plavi:visited, a.plavi:active {color: #227aa1; text-decoration: none;}
a.plavi:hover {color: #51565d; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #51565d; text-decoration: none;}
a.sivi:hover {color: #2088b5; text-decoration: none;}

a.s-sivi:link, a.s-sivi:visited, a.s-sivi:active {color: #bababb; text-decoration: none;}
a.s-sivi:hover {color: #2088b5; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color: #000; text-decoration: none;}
a.crni:hover {color: #000; text-decoration: none;}

a.forma-in:link, a.forma-in:visited, a.forma-in:active {color: #000; text-decoration: none;}
a.forma-in:hover {color: #c4161c; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #c4161c; text-decoration: none;}
a.crveni:hover {color: #000; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #27516C; text-decoration: none;}

#pagination {float: right; margin: 20px 0 0 0;}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:0 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }  
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:1px 7px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:0 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }

.btn {
height: 27px;
display: block;
// background: url(https://spa-studio.hr/slike/btn.gif) top left repeat-x;
background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
text-align: center;
float: left;
color: #444;
text-decoration: none;
cursor: pointer;
border: 1px solid #c4c4c4;
font: bold 12px/27px Arial;
margin: 0 10px;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
// background: url(https://spa-studio.hr/slike/btn.gif) top left repeat-x;
background: #f2f5f6; /* old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* ie */
border: 1px solid #c4c4c4;
color: #444;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}

#oko-sve{position:absolute;width:100%;top:0}
.fullBg{position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%}

#wrapper {
width: 1020px;
margin: 0 auto;
padding: 0;
}

#header {
float: left;
width: 1020px;
height: 271px;
background: url("https://spa-studio.hr/slike/header_bg.png") top center no-repeat;
}

#main {
float: left;
width: 1020px;
background: url("https://spa-studio.hr/slike/main_bg.png") top center repeat-y;
}

#logo {
width: 344px;
height: 151px;
float: left;
margin: 100px 0 0 100px;
background: url("https://spa-studio.hr/slike/logo.png") top left no-repeat;
}

#flash-gore {
margin-top: -30px;
}

#bread-g {
width: 862px;
float: left;
padding: 40px 70px 0 70px;
color: #51565d;
font-family: Tahoma;
font-size: 11px;
}

#bread-d {
width: 862px;
float: left;
padding: 0 70px 0 70px;
color: #51565d;
font-family: Tahoma;
font-size: 11px;
}

#bigger {
width: 708px;
float: left;
padding: 30px 0 0 32px;
}

#bigger-upute {
padding: 68px;
}

#smaller {
font-family: Tahoma;
font-size: 11px;
width: 234px;
float: right;
padding: 30px 32px 0 0;
color: #262829;
line-height: 16px;
}

.krugovi {
float: left;
width: 676px;
height: 648px;
margin: 0;
padding: 0;
}

.krugovi-bg {
float: left;
width: 676px;
height: 648px;
background: url("https://spa-studio.hr/slike/krugovi_bg.png") top left no-repeat;
padding; 0;
margin-top: -648px;
}

.krugovi-lijeva {
float: left;
}

.krugovi-desna {
float: right;
}

#smaller-naslov-1 {
width: 234px;
height: 50px;
line-height: 50px;
float: left;
background: url("https://spa-studio.hr/slike/jedan.gif") top right no-repeat;
margin: -20px 0 10px 0;
}

#smaller-naslov-2 {
width: 234px;
height: 50px;
line-height: 50px;
float: left;
background: url("https://spa-studio.hr/slike/dva.gif") top right no-repeat;
margin: 0 0 10px 0;
}

.smaller-okvir {
width: 234px;
height: 105px;
float: left;
background: url("https://spa-studio.hr/slike/smaller_okvir.png") top left no-repeat;
top: -109px;
margin: 0;
padding: 0;
position: relative;
z-index: 1000;
}

.novosti-tekst {
color: #555555;
padding: 10px 0 10px 0;
}

.novosti-slika {
width: 234px;
height: 105px;
float: left;
position: static;
overflow: hidden;
cursor: pointer;
z-index: -1;
}

#foot-desno {
font-size: 11px;
font-family: Tahoma;
color: #bababb;
margin: 20px 0 0 0;
line-height: 20px;
padding: 0 29px 0 0;
float: right;
}

#footer {
float: left;
width: 980px;
height: 96px;
background: url("https://spa-studio.hr/slike/footer_bg.png") top center no-repeat;
padding: 60px 20px 0 20px;
margin: 0 0 60px 0;
}

.slika-lijevo {
float: left;
margin: 0 10px 0 0;
border: 2px solid #97CCE4;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.slika-lijevo:hover {
float: left;
margin: 0 10px 0 0;
border: 2px solid #66AACE;
cursor: pointer;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.slika-desno {
float: right;
margin: 0 0 0 10px;
border: 2px solid #97CCE4;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.slika-desno:hover {
float: right;
margin: 0 0 0 10px;
border: 2px solid #66AACE;
cursor: pointer;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.slika-galerija {
float: left;
margin: 10px 5px 0 5px;
border: 2px solid #97CCE4;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.slika-galerija:hover {
float: left;
margin: 10px 5px 0 5px;
border: 2px solid #66AACE;
cursor: pointer;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.scroller-img {
float: right;
margin: 0 0 0 10px;
border: 2px solid #97CCE4;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #97CCE4;
}

.scroller-img:hover {
float: right;
margin: 0 0 0 10px;
border: 2px solid #66AACE;
cursor: pointer;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #66AACE;
}

.entry {
font-family: Tahoma;
font-size: 14px;
color: #555555;
line-height: 20px;
}

.entry-cijene {
float: left;
width: 648px;
background: #E2F0F5;
padding: 20px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-family: Tahoma;
font-size: 14px;
color: #555555;
line-height: 20px;
}

.entry-proizvod {
float: left;
width: 648px;
background: #E2F0F5;
padding: 20px;
margin: 0 20px 0 0;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-family: Tahoma;
font-size: 11px;
color: #555555;
line-height: 17px;
}

.entry-kontakt {
float: left;
width: 294px;
height: 340px;
background: #E2F0F5;
padding: 20px;
margin: 0 20px 0 0;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-family: Tahoma;
font-size: 14px;
color: #555555;
line-height: 20px;
}

.entry-title {
font-family: Arial;
font-size: 20px;
color: #262829;
}

.entry-tekst {
width: 578px;
height: 64px;
overflow: hidden;
float: left;
background: #E2F0F5;
padding: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#vodic-karta {
float: left;
width: 684px;
height: 500px;
display: block;
border: 2px solid #E2F0F5;
font-size: 11px;
margin: 0 0 30px 0;
}

.window {
    width:  300px;
    height:  300px;
}

#karta-naslov {
float: left;
font-size: 16px;
color:#114678;
margin: 20px 20px 20px 0;
}

.text {
width: 274px;
height: 30px;
border: none;
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
background: #fff;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: Arial;
font-size: 16px;
color: #97CCE3;
}

.textarea {
width: 100%;
height: 100px;
border: none;
margin: 0 0 10px 0;
background: #fff;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.gumb {
width: 294px;
height: 30px;
border: none;
background: #67ABCF;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: Arial;
font-size: 16px;
color: #fff;
cursor: pointer;
}

.veliki {
font-size: 22px;
}

.slider {
width: 648px;
overflow: hidden;
float: left;
margin: 20px 0 0 0;
}

.download {
margin: 20px 0 20px 0;
padding: 15px 10px 15px 15px;
background: #fff;
float: left;
width: 623px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.download-naslov {
font-size: 16px;
font-weight: bold;
margin: 5px 0 10px 28px;
color: #ccc;
}

.rss-slika {
float: left;
margin: -2px 5px 0 -5px;
}

.ul-lista {
list-style-type: disc;
margin: 20px 0 0 20px;
}

ol {
list-style-type:decimal;
margin: 0 0 0 40px;
line-height: 30px;
font-size: 18px;
}

.uputescreenovi {
background:#eee; 
border: 1px solid #ccc; 
padding:10px; 
margin: 0 0 20px 0;
}

.uputeslika1 {
margin: 0 8px 8px 0; 
border: 1px solid #ccc; 
float: left; 
padding:2px; 
background: #eee;
}

.uputeslika2 {
margin: 0 0 8px 0; 
border: 1px solid #ccc; 
float: left; 
padding:2px; 
background: #eee;
}

.accordionButton {	
	width: 628px;
	float: left;
        background:#93C5DD;
	cursor: pointer;
        text-align:left;
        padding:0 10px 0 10px;
        -moz-border-radius:4px; 
        -webkit-border-radius:4px
	}
	
.accordionContent {	
	width: 628px;
	float: left;
        margin:0 0 20px 0;
	display: none;
	}

.accordionButton h6 {color:#fff;font-size:16px;font-weight:normal;height:30px;line-height:30px;width: 628px;margin:0;padding:0}

#tag-cloud {float:left;width:628px;font-size:20px;line-height:30px;color:#9EC7D7;text-align:center;margin:20px 0 20px 0;}
#tag-cloud a {padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px}
#tag-cloud a:hover {background:#9ED0E5;color:#fff}










































/*IZBORNIK */

*{outline: none;}
img {border: 0;}
.container {
	width: 420px;
	padding: 0;
	margin: 120px 100px 0 0;
        float: right;
        z-index: 1000;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
        z-index: 1000;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
        z-index: 1000;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 105px;
        z-index: 1000;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;z-index: 1000;}
ul#topnav a.home {
	background: url("https://spa-studio.hr/slike/menu_home_gumb.png") no-repeat;
	width: 105px; 
}
ul#topnav a.home_a {
	background: url("https://spa-studio.hr/slike/menu_home_gumb_a.png") no-repeat;
	width: 105px; 
}
ul#topnav a.proizvodi {
	background: url("https://spa-studio.hr/slike/menu_proizvodi_gumb.png") no-repeat;
	width: 105px; 
        margin: 30px 0 0 -10px;
        z-index: 1000;
}
ul#topnav a.proizvodi_a {
	background: url("https://spa-studio.hr/slike/menu_proizvodi_gumb_a.png") no-repeat;
	width: 105px; 
        margin: 30px 0 0 -10px;
        z-index: 1000;
}
ul#topnav a.galerija {
	background: url("https://spa-studio.hr/slike/menu_galerija_gumb.png") no-repeat;
	width: 105px; 
        margin: 50px 0 0 -5px;
}
ul#topnav a.galerija_a {
	background: url("https://spa-studio.hr/slike/menu_galerija_gumb_a.png") no-repeat;
	width: 105px; 
        margin: 50px 0 0 -5px;
}
ul#topnav a.kontakt {
	background: url("https://spa-studio.hr/slike/menu_kontakt_gumb.png") no-repeat;
	width: 105px; 
        margin: 35px 0 0 -5px;
}
ul#topnav a.kontakt_a {
	background: url("https://spa-studio.hr/slike/menu_kontakt_gumb_a.png") no-repeat;
	width: 105px; 
        margin: 35px 0 0 -5px;
}

ul#topnav li .sub {
	position: absolute;
        width: 285px;
        height: 275px;
	top: 100px; left: -160px;
	background: url("https://spa-studio.hr/slike/sub_bg.png") no-repeat;
	padding: 65px 0 0 75px;
	float: left;
	display: none;
        z-index: -1;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 10px 15px;
	display: block;
	text-decoration: none;
}



ul#topnav li .sub ul#nav{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	font-size: 14px;
        overflow:visible;
}

ul#topnav li .sub ul#nav li ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	font-size: 14px;
        overflow:visible;
}

ul#topnav .sub ul#nav li {
	width: 520px;
	color: #fff;
}

ul#topnav .sub ul#nav li a {
    display: block;
    float: none;
    height: auto;
    padding: 5px 5px 7px 15px;
    text-decoration: none;
    text-indent: 0;
    color: #fff;
}

ul#topnav .sub ul#nav li a:hover {
    color: #ccc;
}

ul#topnav .sub ul#nav li ul li {
	width: 520px;
	color: #fff;
padding: 0;
}

ul#topnav .sub ul#nav li ul li ul li {
	width: 490px;
	color: #fff;
padding: 0 0 0 30px;
}

.menu-naslov1 {
width: 199px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/hotspring_menu_img.png") top left no-repeat;
font-size: 11px;
}

.menu-naslov2 {
width: 199px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/softub_menu_img.png") top left no-repeat;
font-size: 11px;
}

.menu-naslov3 {
width: 199px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/saune_menu_img2.png") top left no-repeat;
font-size: 11px;
}

.menu-naslov4 {
width: 199px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/vanjsko_menu_img.png") top left no-repeat;
font-size: 11px;
}


.menu-naslov5 {
width: 246px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/hotspring_menu_gal.png") top left no-repeat;
font-size: 11px;
}

.menu-naslov6 {
width: 246px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/softub_menu_gal.png") top left no-repeat;
font-size: 11px;
}

.menu-naslov7 {
width: 246px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/saune_menu_gal2.png") top left no-repeat;
font-size: 11px;
}

.menu-naslov8 {
width: 246px;
height: 48px;
float: left;
background: url("https://spa-studio.hr/slike/vanjsko_menu_gal.png") top left no-repeat;
font-size: 11px;
}


























/*TOOLTIP*/
#download_now {
	display:block;
	height:310px;
	overflow:hidden;
	text-indent:-999em;
	width:333px;
	cursor:pointer;
        float: left;
}

#download_now2 {
	display:block;
	height:310px;
	overflow:hidden;
	text-indent:-999em;
	width:343px;
	cursor:pointer;
        float: right;
}

#download_now3 {
	display:block;
	height:338px;
	overflow:hidden;
	text-indent:-999em;
	width:333px;
	cursor:pointer;
        float: left;
}

#download_now4 {
	display:block;
	height:338px;
	overflow:hidden;
	text-indent:-999em;
	width:343px;
	cursor:pointer;
        float: right;
}






/* tooltip styling */
.tooltip {
	display:none;
	background: url("https://spa-studio.hr/slike/tooltip_bg.png") no-repeat;
	height:250px;
	padding:0;
	width:250px;
	font-size:11px;
	color:#fff;
        margin-top: 160px;
        margin-left: -200px;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#acdbed;
	font-size:18px;
	font-weight:normal;
        float: left;
        width: 250px;
        text-align: center;
}







.tooltip2 {
	display:none;
	background: url("https://spa-studio.hr/slike/tooltip_bg_2.png") no-repeat;
	height:250px;
	padding:0;
	width:250px;
	font-size:11px;
	color:#fff;
        margin-top: 180px;
        margin-left: 200px;
}

/* a .label element inside tooltip */
.tooltip2 .label {
	color:yellow;
	width:35px;
}

.tooltip2 a {
	color:#acdbed;
	font-size:18px;
	font-weight:normal;
        float: left;
        width: 250px;
        text-align: center;
}










.tooltip3 {
	display:none;
	background: url("https://spa-studio.hr/slike/tooltip_bg_3.png") no-repeat;
	height:250px;
	padding:0;
	width:250px;
	font-size:11px;
	color:#fff;
        margin-top: 450px;
        margin-left: -200px;
}

/* a .label element inside tooltip */
.tooltip3 .label {
	color:yellow;
	width:35px;
}

.tooltip3 a {
	color:#acdbed;
	font-size:18px;
	font-weight:normal;
        float: left;
        width: 250px;
        text-align: center;
}










.tooltip4 {
	display:none;
	background: url("https://spa-studio.hr/slike/tooltip_bg_4.png") no-repeat;
	height:250px;
	padding:0;
	width:250px;
	font-size:11px;
	color:#fff;
        margin-top: 450px;
        margin-left: 180px;
        z-index: 20000;
}

/* a .label element inside tooltip */
.tooltip4 .label {
	color:yellow;
	width:35px;
}

.tooltip4 a {
	color:#acdbed;
	font-size:18px;
	font-weight:normal;
        float: left;
        width: 250px;
        text-align: center;
}




















/* FANCYBOX */


#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url("https://spa-studio.hr/fancybox/fancybox.png");
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: auto;
	background: transparent;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid transparent;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 46px;
	height: 46px;
	background: transparent url("https://spa-studio.hr/fancybox/fancybox.png") -43px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url("https://spa-studio.hr/fancybox/blank.gif");
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 47px;
	height: 47px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url("https://spa-studio.hr/fancybox/fancybox.png");
	background-position: -43px -50px;
}

#fancybox-right-ico {
	background-image: url("https://spa-studio.hr/fancybox/fancybox.png");
	background-position: 47px -100px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url("https://spa-studio.hr/fancybox/fancybox-x.png");
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url("https://spa-studio.hr/fancybox/fancy_shadow_ne.png");
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url("https://spa-studio.hr/fancybox/fancybox-y.png");
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url("https://spa-studio.hr/fancybox/fancy_shadow_se.png");
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url("https://spa-studio.hr/fancybox/fancybox-x.png");
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url("https://spa-studio.hr/fancybox/fancy_shadow_sw.png");
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url("https://spa-studio.hr/fancybox/fancybox-y.png");
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url("https://spa-studio.hr/fancybox/fancy_shadow_nw.png");
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url("https://spa-studio.hr/fancybox/fancy_title_over.png");
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding-left: 15px;
	background: url("https://spa-studio.hr/fancybox/fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding-bottom: 3px;
	background: url("https://spa-studio.hr/fancybox/fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
	padding-left: 15px;
	background: url("https://spa-studio.hr/fancybox/fancybox.png") -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_close.png", sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_nav_left.png", sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_nav_right.png", sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_title_over.png", sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_title_left.png", sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_title_main.png", sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_title_right.png", sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_loading.png", sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_n.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_ne.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_e.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_se.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_s.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_sw.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_w.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://spa-studio.hr/fancybox/fancy_shadow_nw.png", sizingMethod='scale'); }



























/* SCROLLABLE */
.scrollable {

  /* required settings */
	position:relative;
	overflow:hidden;
	width: 598px;
	height:95px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:139px;
  margin: 0 0 0 10px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin: 0;
	background-color:#fff;
	padding:0;
	border:none;
  width: 139px;
  height: 85px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

#chained .scrollable {
position: relative;
z-index: -1;
}


/* active item */
.scrollable .active {
	border:none;
	position:relative;
	cursor:pointer;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url("https://spa-studio.hr/slike/hori_large.png") no-repeat;
	display:block;
	width:20px;
	height:43px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: -40px 0; margin: 25px 0 0 6px;}
a.right:hover 		{ background-position: -60px 0;}


/* left */
a.left				{background-position: 0 0; margin: 25px 4px 0 0;} 
a.left:hover  		{background-position: -20px 0;}


/* up and down */
a.up, a.down		{ 
	background:url("https://spa-studio.hr/slike/vert_large.png") no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-28px 0; }
a.up:active  		{ background-position:-56px 0; }

/* down */
a.down 				{ background-position: 0 -28px; }
a.down:hover  		{ background-position:-28px -28px; }
a.down:active  	{ background-position:-56px -28px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}