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; margin:0; padding:0}
body{line-height:1}
ol, ul{list-style:none}
a:active{outline:none}
a:focus{-moz-outline-style:none}

:focus{outline:0}

table{border-collapse:collapse; border-spacing:0}

body{margin:0 auto; background:#fff url("https://spa-studio.hr/slike/hotspring-podloga.gif") top left repeat-x; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#000; text-align:left}

h1{font-size:30px; color:#0197a8; font-weight:normal; float:right; text-align:right; margin:60px 0 0 0}
h2{font-size:10px; font-weight:normal;margin:0}
h3{font-size:19px; font-weight:normal}
h4{font-size:15px; font-weight:normal;float:left}
h5{font-size:11px; font-weight:normal}
h6{font-size:10px; font-weight:bold}

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

a:link{color:#00A7BA; text-decoration:none}
a:visited{color:#00A7BA; text-decoration:none}
a:active{color:#00A7BA}
a:hover{color:#005F9D; 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.crni:link, a.crni:visited, a.crni:active{color:#000; text-decoration:none}
a.crni:hover{color:#00A7BA; 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:#F79331; 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;  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;  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; background:-moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); 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; background:-moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(100%, #c8d7dc)); 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}

#wrapper{width:1280px; margin:0 auto; padding:0}
.sirina1000{width:1100px; padding:0 90px; float:left}

#header{width:950px; height:135px; overflow:hidden; padding:0 100px 0 50px; background:url("https://spa-studio.hr/slike/hotspring-header.jpg") top left no-repeat}

#bigger{width: 660px; float:left; padding:0 0 0 50px;}

#smaller{width:240px; float:right;padding: 33px 110px 0 0;}

#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}

ul.mega-container{background:url(https://spa-studio.hr/slike/hotspring-izbornik-podloga.gif) no-repeat; width:1000px; padding:10px 0; border:none}
li.mega{list-style-type:none; float:left; padding:0; margin:0 .65em; position:relative; z-index:10px}
li.mega.mega-active, 
li.mega:hover{background-color:#1D262D; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
li.mega.mega-active{background-color:#1D262D; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}
li.mega a.mega-tab{color:#FFF; text-decoration:none; font-weight:bold; display:inline-block; padding:5px 10px 5px 10px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
li.mega a.mega-sub{background:url(https://spa-studio.hr/slike/down.png) no-repeat right center; padding-right:26px !important}
li.mega.mega-sub:hover{z-index:10000; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}
li.mega .mega-icon{padding-left:24px !important}
li.mega .mega-icon-only{padding:5px 15px !important}
li.mega .mega-icon span, 
li.mega .mega-icon-only span{background:url(https://spa-studio.hr/slike/jqueryui-icons.png) no-repeat 0 -115px; width:16px; height:16px; position:absolute; top:6px; left:3px}
li.mega .mega-icon-only span{left:50%; margin-left:-8px}
.mega-content{width:175px; display:none; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding:0; position:absolute; top:96%; left:-1px; border:none; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:#1D262D}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}
.mega-menu{text-transform: uppercase;padding:7px 7px 3px !important; z-index:10000 !important}
.mega-menu ul{list-style-type:none; margin:0}
.mega-menu li a{ background-color:#fff;  display:block; padding:5px 10px; color:#333; text-decoration:none; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-shadow:none; margin-bottom:4px}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(https://spa-studio.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#defcff}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#000000; width:175px; padding:7px 7px 3px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index:1000; position:absolute; left:100%; top:0; display:none}
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}
.mega-open-right .mega-content{left:auto; right:0}
.mega-container:after, .mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} 
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}


.rotatorpocetna{background:url(https://spa-studio.hr/slike/hotspring-rotator-sjena.png) bottom left no-repeat; width:1000px; height:394px; overflow:hidden; margin:0; padding: 0 0 0 50px;}

#main-pocetna {
width: 1000px;
height: 275px;
float: left;
padding: 0 140px 0 140px;
background: url("https://spa-studio.hr/slike/main-poc-bg.jpg") top center no-repeat;
margin: 30px 0 0 0;
}

#izbornik {
padding: 0 0 0 50px;
float: left;
}

.main-pocetna1 {
width: 490px;
float: left;
margin: 30px 20px 0 0;
color: #353537;
font-family: Tahoma;
line-height: 20px;
}

.main-pocetna2 {
width: 490px;
float: right;
margin: 30px 0 0 0;
color: #353537;
font-family: Tahoma;
line-height: 20px;
}

.main-title {
color: #0095a6;
font-size: 28px;
}

#foot {
width: 1000px;
height: 363px;
padding: 0 140px 0 140px;
float: left;
background: url("https://spa-studio.hr/slike/foot-poc-bg.jpg") top center no-repeat;
}

.foot-l {
float: left;
font-size: 11px;
color: #111;
margin: 30px 0 0 0;
line-height: 24px;
position: relative;
}

.foot-d {
float: right;
font-size: 11px;
color: #111;
margin: 30px 0 0 0;
line-height: 24px;
position: relative;
}

.foot-img {
float: left;
margin: 0 15px 0 0;
padding: 0;
}

.slika-lijevo {
margin: 0 10px 0 0;
float: left;
}

.slika-desno {
margin: 0 0 0 10px;
float: right;
}

.slika-download {
float: left;
margin-top: 10px;
}

.slika-desno-video {
margin: -40px 0 0 0;
float: right;
border: 2px solid #C5EBEF;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-desno-video:hover {
margin: -40px 0 0 0;
float: right;
border: 2px solid #00A7BA;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-jedna {
width: 200px;
height:200px;
position: relative;
float: left;
overflow: hidden;
border: 2px solid #C5EBEF;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-jedna:hover {
width: 200px;
height:200px;
position: relative;
float: left;
overflow: hidden;
border: 2px solid #00A7BA;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-jedna-manja {
width: 150px;
height:150px;
position: relative;
float: left;
overflow: hidden;
border: 2px solid #C5EBEF;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-jedna-manja:hover {
width: 150px;
height:150px;
position: relative;
float: left;
overflow: hidden;
border: 2px solid #00A7BA;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-jedna img {
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px;
}

.slika-glavna {
position: relative;
float: left;
border: 2px solid #C5EBEF;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin: 5px 10px 5px 0;
}

.slika-glavna:hover {
position: relative;
float: left;
border: 2px solid #00A7BA;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin: 5px 10px 5px 0;
}

.entry {
width: 1000px;
float: left;
padding: 0 0 0 50px;
}

.entry-mali-1 {
width: 450px;
float: left;
background: #EBF9FA;
padding: 20px;
margin: 0 0 20px 0;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
cursor:pointer;
}

.entry-mali-2 {
width: 450px;
float: right;
background: #EBF9FA;
padding: 20px;
margin: 0 0 20px 0;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
cursor:pointer;
}

.entry-mali-1:hover, .entry-mali-2:hover {background:#E0FCFF}

.entry-title {
font-size: 20px;
text-transform: uppercase;
color: #00A7BA;
margin-bottom: 10px;
}

.tekst-lijevo-proizvod {
width: 210px;
float: left;
padding: 0 40px 0 20px;
line-height: 25px;
color: #777;
}

.podnaslov {
font-size: 16px;
font-weight: normal;
color: #00A7BA;
margin-bottom: 10px;
}

.entry-subtitle {
font-size: 20px;
color: #00A7BA;
margin-bottom: 10px;
}

.entry-subtitle-mali {
font-size: 15px;
color: #00A7BA;
margin-bottom: 10px;
margin-top: -10px;
}

.tekst-desno-proizvod {
color: #777;
line-height: 20px;
width: 520px;
float: right;
}

.lijevi-red {
width: 30%;
background: #CCFAFF;
padding: 10px;
border-bottom: 1px solid #fff;
color: #666;
text-transform: uppercase;
}

.desni-red {
width: 70%;
background: #fff;
padding: 10px;
border-bottom: 1px solid #CCFAFF;
color: #666;
}

.lijevi-red2 {
width: 168px;
height: 80px;
float: left;
background: #CCFAFF;
padding: 30px 10px 30px 10px;
color: #00A7BA;
font-size: 20px;
vertical-align: middle;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin-bottom: 10px;
}

.desni-red2 {
width: 742px;
float: right;
padding: 0 10px 0 10px;
color: #666;
margin-bottom: 10px;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}


.lijevi-red21 {
width: 168px;
height: 20px;
float: left;
padding: 0 10px 20px 10px;
color: #00A7BA;
font-size: 20px;
vertical-align: middle;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin-bottom: 10px;
}

.desni-red21 {
width: 742px;
float: right;
padding: 0 10px 20px 10px;
color: #666;
margin-bottom: 10px;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.lijevi-red3 {
width: 690px;
height: 170px;
float: left;
background: #CCFAFF;
padding: 10px;
border-bottom: 1px solid #fff;
color: #000;
font-size: 16px;
vertical-align: middle;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin-bottom: 10px;
}

.desni-red3 {
width: 220px;
height: 170px;
float: right;
background: #fff;
padding: 10px;
border-bottom: 1px solid #CCFAFF;
color: #666;
font-size: 16px;
vertical-align: middle;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin-bottom: 10px;
}

.mali-opis {
font-size: 12px;
color: #666;
}

.mali-opis2 {
width: 480px;
font-size: 12px;
color: #666;
float: left;
}

.slika-boje {
float: left;
background: #fff;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin: 0 0 0 6px;
border: 1px solid #E0FCFF;
}

.slika-boje:hover {
float: left;
background: #fff;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
margin: 0 0 0 6px;
border: 1px solid #65D2DA;
}

.video-naslov {
color: #00A7BA;
}

.naslov-boje {
width: 140px;
height: 20px;
float: left;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
border-radius:4px;
background: #CCFAFF;
margin: 10 0 0 6px;
text-align: center;
line-height: 20px;
color: #00A7BA;
border: 1px solid #CCFAFF;
}

.naslov-boje:hover {
width: 140px;
height: 20px;
float: left;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
border-radius:4px;
background: #65D2DA;
margin: 0 0 0 6px;
text-align: center;
line-height: 20px;
color: #fff;
border: 1px solid #65D2DA;
}

.vrsta-boje {
color: #008594;
font-size: 13px;
font-weight: bold;
}

.napomenica {
float: left;
margin-top: 10px;
font-size: 11px;
color: #00A7BA;
}

.breadcrumb {
width: 1000px;
margin: 0 0 0 50px;
font-size: 10px;
float: left;
margin-top: -35px;
color: #008594;
}

.slova {
font-size: 11px;
font-weight: bold;
}

.tekst-glavni {
color: #666;
line-height: 16px;
}


.vise-gumb {
float: right;
height: 25px;
width: 100px;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
border-radius:4px;
background: #71cbd2;
text-align: center;
line-height: 25px;
color: #fff;
border: 1px solid #71cbd2;
padding: 0 5px 0 5px;
cursor: pointer;
margin-top: -50px;
font-weight: bold;
}

.vise-gumb:hover {
float: right;
height: 25px;
width: 100px;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
border-radius:4px;
background: #65D2DA;
text-align: center;
line-height: 25px;
color: #fff;
border: 1px solid #65D2DA;
padding: 0 5px 0 5px;
cursor: pointer;
margin-top: -50px;
font-weight: bold;
}

.entry-video {
float: left;
width: 640px;
background: #CCFAFF;
padding: 10px;
border-bottom: 1px solid #fff;
color: #000;
font-size: 16px;
vertical-align: middle;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.smaller-naslov {
width: 260px;
height: 30px;
padding: 0 20px 0 20px;
float: left;
line-height: 30px;
background: #65D2DA;
color: #fff;
font-size: 16px;
font-weight: bold;
border-top-left-radius:8px; 
-webkit-top-left-radius:8px; 
border-top-right-radius:8px; 
-webkit-top-right-radius:8px; 
}

.smaller-kontakt {
width: 260px;
padding: 20px;
float: left;
line-height: 18px;
background: #d2f1f4;
color: #555;
font-size: 12px;
border-bottom-left-radius:8px; 
-webkit-bottom-left-radius:8px; 
border-bottom-right-radius:8px; 
-webkit-bottom-right-radius:8px; 
}

.hotspring-facebook {
position:relative;
margin:260px 0 -364px 0;
z-index:100;
width:234px;
height:100px;
display:block;
}

.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:960px;font-size:20px;line-height:40px;color:#9EC7D7;text-align:center;margin:20px 0 20px 0;}
.tag-cloud a {padding:10px;-moz-border-radius:4px;-webkit-border-radius:4px}
.tag-cloud a:hover {background:#65D2DA;color:#fff}


























/* 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: 30px;
	height: 30px;
	background: transparent url("https://spa-studio.hr/fancybox/fancybox.png") -40px 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: 30px;
	height: 30px;
	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: -40px -30px;
}

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

#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/fancybox.png");
	background-position: -40px -162px;
}

#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/fancybox.png");
	background-position: -40px -182px; 
}

#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/fancybox.png");
	background-position: -40px -142px;
}

#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/fancybox.png");
	background-position: -40px -122px;
}

#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: 1020px;
	height:290px;
}

/*
	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:235px;
        padding: 0 10px 0 10px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin: 0;
	background-color:#fff;
	padding:0;
	border:none;
  width: 235px;
  height: 135px;
}

#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_hotspring.png") no-repeat;
	display:block;
	width:35px;
	height:48px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: -70px 0; margin: 55px 0 0 0;}
a.right:hover 		{ background-position: -105px 0;}


/* left */
a.left				{background-position: 0 0; margin: 55px 0 0 0;} 
a.left:hover  		{background-position: -35px 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;		
} 

.hotspring-scroller-img {
width: 235px;
height: 135px;
float: left;
}

.naslov-slider {
width: 235px;
height: 35px;
float: left;
background:url("https://spa-studio.hr/slike/naslov-slider.png") top left no-repeat;
margin: 0;
padding: 0;
font-size: 20px;
color: #018d9d;
text-transform: uppercase;
line-height: 35px;
text-align: center;
text-indent: -20px;
overflow: hidden;
}

.tekst-slider {
width: 235px;
height: 115px;
float: left;
background:url("https://spa-studio.hr/slike/text-bg.png") top left no-repeat;
margin: 1px 0 0 -10px;
padding: 0;
color: #353537;
font-size: 11px;
line-height: 17px;
font-family: Tahoma;
overflow: hidden;
}

#slider {
margin: 0 0 0 5px;
}




















/* SCROLLABLE3 */
.images3 {
	background: #F1F1F1;
	border:none;
	position:relative;	
	height:350px;	
	width:1000px;
	float:left;	
	margin:0
	cursor:pointer;
        overflow: hidden;
}

/* single slide */
.images3 div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
	height:350px;
	font-size:12px;
}

/* header */
.images3 h3 {
       font-size: 16px;
       font-weight: normal;
       margin: 0;
       color: #000;
       margin: 9px 0 20px 0;
}

/* tabs (those little circles below slides) */
.slidetabs3 {
	clear:both;
	margin-left:220px;
        position: relative;
        top: -63px;
        z-index: 100;
        display: none;
}

/* single tab */
.slidetabs3 a {
	width:14px;
	height:14px;
	float:left;
	margin:3px;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs3 a:hover {
}

/* active state (current page state) */
.slidetabs3 a.current {
} 	


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

.tekst-rotator3 {
width: 1000px;
height: 350px;
float: right;
color: #000;
font-size: 11px;
line-height: 16px;
display: block;
}





















/* TABS */
.images {
	background:#E0FCFF;
	border: none;
	position:relative;	
	height:960px;
	width:1000px;
	float:left;	
	/* CSS3 tweaks for modern browsers */
        border-bottom-right-radius:8px; 
        border-bottom-left-radius:8px; 
        border-top-right-radius:8px; 
        -webkit-border-bottom-right-radius:8px; 
        -webkit-border-bottom-left-radius:8px;
        -webkit-border-top-right-radius:8px;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
}

/* single tab */
.slidetabs .tab-1 {
	width:200px;
	height:40px;
	float:left;
	display:block;
	font-size:18px;	
        color: #fff;	
        background: #65D2DA;
        line-height: 41px;
        text-align: center;
        border-top-left-radius:8px; 
        -webkit-top-left-radius:8px; 
        margin-right: 1px;
}

/* mouseover state */
.slidetabs .tab-1:hover {
	background: #ccfaff;   
        color: #00acbd; 
}

/* active state (current page state) */
.slidetabs .current {
	background: #E0FCFF;   
        color: #00acbd; 
} 	


.slidetabs .tab-2 {
	width:198px;
	height:40px;
	float:left;
	display:block;
	font-size:18px;	
        color: #fff;	
        background: #65D2DA;
        line-height: 41px;
        text-align: center;
        margin-right: 1px;
}

/* mouseover state */
.slidetabs .tab-2:hover {
	background: #ccfaff;   
        color: #00acbd;   
}

/* active state (current page state) */
.slidetabs .current {
	background: #E0FCFF;    
        color: #00acbd; 
} 


.slidetabs .tab-3 {
	width:201px;
	height:40px;
	float:left;
	display:block;
	font-size:18px;	
        color: #fff;	
        background: #65D2DA;
        line-height: 41px;
        text-align: center;
        border-top-right-radius:8px; 
        -webkit-top-right-radius:8px;
}

/* mouseover state */
.slidetabs .tab-3:hover {
	background: #ccfaff;   
        color: #00acbd; 
}

/* active state (current page state) */
.slidetabs .current {
	background: #E0FCFF;    
        color: #00acbd; 
} 
























/*SHADOWBOX*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #000;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(https://spa-studio.hr/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:20px;}
#sb-info,#sb-info-inner{height:30px;line-height:30px;}
#sb-info-inner{font-size:20px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:30px;width:30px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(https://spa-studio.hr/shadowbox/close.png);}
#sb-nav-next{background-image:url(https://spa-studio.hr/shadowbox/next.png);}
#sb-nav-previous{background-image:url(https://spa-studio.hr/shadowbox/previous.png);}
#sb-nav-play{background-image:url(https://spa-studio.hr/shadowbox/play.png);}
#sb-nav-pause{background-image:url(https://spa-studio.hr/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }