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/softub-podloga.gif") top left repeat-x; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#000; text-align:left}

h1{font-size:46px;text-transform:uppercase;}
h2{font-size:14px; font-weight:normal; margin:0}
h3{font-size:18px; font-weight:normal}
h4{font-size:20px; font-weight:normal; float:left}
h5{font-size:20px; font-weight:normal}
h6{font-size:10px; font-weight:bold}
.foot-l h2 {font-size:16px;}

.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}
.clear35{clear:both; height:35px}
.clear40{clear:both; height:40px}
.clear50{clear:both; height:50px}
.clear100{clear:both; height:100px}

a:link{color:#353537; text-decoration:none}
a:visited{color:#353537; text-decoration:none}
a:active{color:#353537}
a:hover{color:#1b1b1b; 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:#58585a; text-decoration:none}
a.sivi:hover{color:#968470; 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:#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;}
#wrapper-in{width: 1000px; height: 1500px; padding:0 140px 0 140px; background:url(https://spa-studio.hr/slike/header_bg.gif) top center no-repeat; float: left;}

#header{width:1000px; height:110px; overflow:hidden; padding:25px 0 0 0; text-align: center;}
.hotspring-logo {float:right;width:150px;font-size:16px;font-style:italic;position:relative;z-index:10}

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

#smaller{width:234px; float:right; padding:30px 32px 0 0; color:#262829}

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

.rotatorpocetna2{margin-top: -15px;width: 1000px; height: 630px;}

.rotator-mask {width: 1000px;height:47px;float:left; background:url("https://spa-studio.hr/slike/header_mask.png") top left no-repeat; position: relative; top: -140px; z-index: 2000;}

#main-pocetna {
padding: 0;
width: 1000px;
float: left;
margin: 40px 0 0 0;
}

#foot {
width: 1000px;
padding: 0;
float: left;
border-top: 1px solid #d5d5d6;
margin: -10px 0 50px 0;
}

.foot-l {
float: left;
width: 635px;
font-size: 16px;
color: #58585a;
margin: 20px 0 0 0;
line-height: 20px;
position: relative;
font-family: Garamond;
}

.foot-l-in {
float: left;
margin: 0 10px 0 0;
}

.foot-d {
float: right;
width: 365px;
font-size: 13px;
color: #58585a;
margin: 20px 0 0 0;
line-height: 20px;
position: relative;
font-weight: bold;
}

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

.poc-1 {
width: 320px;
float: left;
}

.poc-2 {
width: 320px;
float: left;
margin: 0 0 0 20px;
}

.poc-3 {
width: 320px;
float: right;
margin: 0 0 0 20px;
}

.poc-naslov {
width: 320px;
height: 36px;
line-height: 36px;
float: left;
background:url("https://spa-studio.hr/slike/naslov_bg.png") top left no-repeat;
text-align: center;
color: #353537;
font-size: 18px;
}

.poc-tekst {
width: 290px;
height: 147px;
float: left;
background:url("https://spa-studio.hr/slike/poc_tekst_bg.gif") top left no-repeat;
color: #353537;
font-size: 16px;
font-family: Garamond;
padding: 15px;
margin-top: -3px;
}

#izbornik {
width: 1000px;
height: 47px;
float: left;
position: relative;
z-index: 5000;
text-align: center;
}

.menu-item {
font-size: 20px;
float: left;
padding: 0 20px 0 20px;
}

#navcontainer {
width: 700px;
height: 47px;
margin: 0 0 0 180px;
}

#veliki-naslov {
width: 1000px;
height: 68px;
float: left;
background:url("https://spa-studio.hr/slike/h1_bg.png") top left no-repeat;
float: left;
position: relative;
z-index: 5000;
text-align: center;
font-size: 46px;
color: #fff;
top: 490px;
padding: 10px 0 0 0;
}

.tablica-softub {
width: 320px;
float: left;
margin: 0 0 40px 45px;
}

.tablica-naslov {
width: 320px;
float: right;
background: #D8D1C9;
height: 36px;
line-height: 36px;
background:url("https://spa-studio.hr/slike/naslov_bg.png") top left no-repeat;
text-align: center;
color: #fff;
font-size: 18px;
}

.opsirnije-softub {
float: right;
width: 260px;
color: #353537;
font-size: 16px;
font-family: Garamond;
padding: 15px;
}

.lijevi-red-softub {
float: left;
width: 138px;
color: #353537;
padding: 4px 15px 4px 15px;
background: #D8D1C9;
font-size: 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

.desni-red-softub {
float: right;
width: 121px;
color: #353537;
padding: 4px 15px 4px 15px;
background: #EBE6E2;
font-size: 10px;
border-bottom: 1px solid #fff;
}

.slicica-softub {
position: relative;
top: -17px;
}

.foto {
width: 100px;
height: 39px;
float: left;
background:url("https://spa-studio.hr/slike/foto.png") top left no-repeat;
overflow: hidden;
margin: 17px 0 0 0;
}

.foto-in {
width: 100px;
height: 39px;
float: left;
overflow: hidden;
}

.video {
width: 100px;
height: 39px;
float: right;
background:url("https://spa-studio.hr/slike/video.png") top left no-repeat;
margin: 17px 0 0 0;
overflow: hidden;
}

.breadcrumb {
float: left;
font-size: 16px;
color: #58585a;
margin: 20px 0 -20px 0;
line-height: 20px;
position: relative;
font-family: Garamond;
}

.slicica-plava {
width: 320px;
float: left;
margin: -30px 0 0 10px;
}

.jedna-slika {
width: 320px;
height: 200px;
float: left;
overflow: hidden;
}

.slika-entry {
margin: 0 10px 0 0;
float: left;
border: 2px solid #D8D1C9;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.slika-entry:hover {
margin: 0 10px 0 0;
float: left;
border: 2px solid #58585A;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
}

.entry-tekst {
float: right;
width: 795px;
height: 64px;
padding: 20px;
background: #E3DED8;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
overflow: hidden;
color: #353537;
line-height: 20px;
font-family: Garamond;
font-size: 16px;
}

.entry-tekst-v {
float: left;
width: 960px;
padding: 20px;
background: #E3DED8;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
border-radius:8px;
color: #353537;
line-height: 20px;
font-family: Garamond;
font-size: 16px;
}

.entry-naslov-2 {
width: 740px;
float: left;
margin: 0 0 20px 0;
}

.entry-naslov h3 {
font-size: 20px;
}

.entry-naslov-2 h3 {
font-size: 20px;
}

.softub-facebook {
position:relative;
margin:0 0 -104px 0;
}

.accordionButton {	
	width: 260px;
	float: left;
        background:#D8D1C9;
	cursor: pointer;
        text-align:left;
        padding:0 10px 0 10px;
        -moz-border-radius:4px; 
        -webkit-border-radius:4px
	}
	
.accordionContent {	
	width: 260px;
	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: 260px;margin:0;padding:0}

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
































/* 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:260px;
}

/*
	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: 85px;
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;
}

/* prev and next buttons */
.forward {
	float:left;
	background: url("https://spa-studio.hr/slike/naprijed-nazad.png") top left no-repeat;
	display:block;
	width:14px;
	height:15px;
	cursor:pointer;
        margin-left: 10px;
	text-indent:-9999em;
}

.backward {
	float:left;
	background: url("https://spa-studio.hr/slike/naprijed-nazad.png") top left no-repeat;
	display:block;
	width:14px;
	height:15px;
	cursor:pointer;
	text-indent:-9999em;
}


/* next */
.forward				{ background-position: 0 -15px; clear:right; }
.forward:hover 		{ background-position:-14px -15px; }
.forward:active 	 	{ background-position:-30px -15px; } 


/* prev */
.backward:hover  		{ background-position:-14px 0; }
.backward:active  	        { background-position:-30px 0; }

#naprijed-nazad {
z-index: 500;
float: left;
display: block;
height: 15px;
margin: 0;
position: relative;
top: -45px;
left: 510px;
}





































/* SCROLLABLE4 */
.images4 {
	border:none;
	position:absolute;	
	height:630px;	
	width:1000px;
	margin:0
	cursor:pointer;
}

/* single slide */
.images4 div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
	width:1000px;
	height:630px;
	font-size:12px;
        float: left;
}

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

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

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

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

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


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

.tekst-rotator4 {
width: 1000px;
height: 630px;
float: left;
color: #000;
font-size: 11px;
}

/* prev and next buttons */
.forward {
	float:left;
	background: url("https://spa-studio.hr/slike/naprijed-nazad.png") top left no-repeat;
	display:block;
	width:14px;
	height:15px;
	cursor:pointer;
        margin-left: 10px;
	text-indent:-9999em;
}

.backward {
	float:left;
	background: url("https://spa-studio.hr/slike/naprijed-nazad.png") top left no-repeat;
	display:block;
	width:14px;
	height:15px;
	cursor:pointer;
	text-indent:-9999em;
}


/* next */
.forward				{ background-position: 0 -15px; clear:right; }
.forward:hover 		{ background-position:-14px -15px; }
.forward:active 	 	{ background-position:-30px -15px; } 


/* prev */
.backward:hover  		{ background-position:-14px 0; }
.backward:active  	        { background-position:-30px 0; }

#naprijed-nazad {
z-index: 500;
float: left;
display: block;
height: 15px;
margin: 0;
position: relative;
top: -45px;
left: 510px;
}

































/*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; }