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;
background: url("https://spa-studio.hr/slike/body-image-roger.png") no-repeat scroll right top #ce957b
}


#pocetna-footer1 {width:100%;float: right;background: url("https://spa-studio.hr/slike/pozadina-footer-001.png") no-repeat scroll right top #ce957b; height:297px;position: relative;border-bottom: 6px solid #192748;}
.slika1{
margin: 0 auto;
padding: 0;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
background: url("https://spa-studio.hr/slike/pozadina-slika-001.png") no-repeat scroll right top #EEF3F7
}

#pocetna-footer2 {width:100%;float: right;background: url("https://spa-studio.hr/slike/pozadina-footer-002.png") no-repeat scroll right top #f4fef6; height:297px;position: relative;border-bottom: 6px solid #192748;}
.slika2{
margin: 0 auto;
padding: 0;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
background: url("https://spa-studio.hr/slike/pozadina-slika-002.png") no-repeat scroll right top #f4fef6
}

#pocetna-footer3 {width:100%;float: right;background: url("https://spa-studio.hr/slike/pozadina-footer-003.png") no-repeat scroll right top #fff9f6; height:297px;position: relative;border-bottom: 6px solid #192748;}
.slika3{
margin: 0 auto;
padding: 0;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
background: url("https://spa-studio.hr/slike/pozadina-slika-003.png") no-repeat scroll right top #fff9f6
}





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; line-height:22px}
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;}

.desno {float:right}

a:link {color: #7AB51D; text-decoration: none;}
a:visited {color: #7AB51D; text-decoration: none;}
a:active {color: #72BF44;}
a:hover {color: #B4D33B; 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: #72BF44; text-decoration: none;}
a.plavi:hover {color: #B4D33B; text-decoration: none;}

a.tamnoplavi:link, a.tamnoplavi:visited, a.tamnoplavi:active {color: #156101; text-decoration: none;}
a.tamnoplavi:hover {color: #B4D33B; 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: #B4D33B; text-decoration: none;}

a.ljubicasti:link, a.ljubicasti:visited, a.ljubicasti:active {color: #ffffff; text-decoration: none;}
a.ljubicasti:hover {color: #B4D33B; text-decoration: none;}


a.roger-naslovi:link, a.roger-naslovi:visited, a.roger-naslovi:active {color: #7AB51D; text-decoration: none;}
a.roger-naslovi:hover {color: #7AB51D; text-decoration: none;}

.roger-naslovi {font-size: 19px;height: 49px;margin: 10px 0 0;overflow: hidden;text-align: center;}

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




#pocetna-wrapper {width: 100%;float:right}

#pocetna-izbornik {background: #fff;height: 70px;position: fixed;width: 100%;z-index: 30;}

#header-unutra {margin: 0 auto; width: 1150px;}

#pocetna-header {margin: 0 auto; width: 1150px;}

#glavni-header {float: left; width: 1150px;padding:70px 0 0 0;height:333px}

#glavni-header h1 {color: #ffffff;font-family: 'Open Sans',sans-serif;font-size: 30px;margin: 45px 0 7px;width:660px}

.scroller-novosti {float: left;width:485px; height:185px; padding:0 0 0 20px; margin: 45px 0 0 0}

#pocetna-logo {position:relative;width: 1150px;float: left; background: url("https://spa-studio.hr/slike/pocetna-logo-roger.png") top left no-repeat;margin: -7px 0 0 0;}

.logo-roger {float:left;margin: 91px 0 0 230px;}

#pocetna-sredina {margin: 0 auto;width: 1150px;}

#bread-pocetna {color: #ffffff;float: right;font-family: Arial;font-size: 11px;padding: 0;text-align: right;width: 635px;}

#bread-d-pocetna {float: left;padding: 20px 70px 0 0;color: #ffffff;font-family: Arial;font-size: 11px;width: 773px; z-index: 1;position: absolute;}

#content-container {background: #ffffff;float: left;margin: 0;width: 100%;padding: 133px 0 0 0}

.face-pocetna {    float: left;height: 60px; width: 166px; margin: 10px 0 0 0}

.pocetna-krugovi {float: left;width: 1150px;margin: 0;padding: 0;min-height:630px}

.krug1 {float:left; width:240px; height:382px;margin: 25px 63px 0 0;position: relative; z-index: 5;}
.krug2 {float:left; width:240px; height:382px;margin: 25px 0 0 0;position: relative; z-index: 5;}
.krug-tekst {font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;color:#271f1f;text-align: center; margin:5px 0 0 0;height: 100px;overflow:hidden; line-height:18px}
.krug-tekst-izbornik {font: normal 10px Arial, "Trebuchet MS", Verdana, Sans-serif;color:#271f1f;text-align: left; margin:0 0 0 86px;height: 74px;overflow:hidden; width: 112px}

#pocetna-footer {width:100%;float: right;background: url("https://spa-studio.hr/slike/footer-pocetna-bg-roger.png") no-repeat scroll right top #ce957b; height:297px;position: relative;border-bottom: 6px solid #72BF44;}


#pocetna-footer-unutra {margin: 0 auto;width: 1150px;}

.slika-content {position:absolute;width: 1150px;height:310px;top: -236px;;background: url("https://spa-studio.hr/slike/footer-krug-roger.png") top left no-repeat;}

.slika-content-ostale {position:absolute;width: 1150px;height:310px;top: -234px;;background: url("https://spa-studio.hr/slike/footer-krug2.png") top left no-repeat;}

.smaller-kontakt {float:left; font-size:12px; font-family:Arial, Sans-serif; width:250px; margin: 33px 20px 0 0; color:#ffffff;line-height: 20px;}
.smaller-kontakt h4 {font-size:20px; font-family:'Open Sans', sans-serif; color:#192748;width: 100%;}
.smaller-kontakt2 {float:left; font-size:12px;  font-family:Arial, Sans-serif; color:#ffffff;line-height: 20px;margin: 74px 0 0;}
.pocetna-rss {float:right;font-family:'Open Sans', sans-serif; color:#ffffff; font-size:11px;}

#foot-desno-pocetna {font-size: 10px;font-family:'Open Sans', sans-serif;margin: 133px 0 0 0;line-height: 20px;float: right; text-align:right; color:#ffffff}

.lijevo {float:left}

.slika-centar {display:block; margin-left:auto; margin-right:auto}

.sirina-naslova { overflow:hidden; height:50px;font-family: 'Open Sans',sans-serif;font-size: 13px;}
.sirina-naslova2 {width:141px; overflow:hidden; height:141px}

.naslov-novosti {margin: 55px 0 0 5px;}
.naslov-novosti h5{color:#192748;font-family: 'Open Sans',sans-serif;font-size: 20px;}

.smaller-marke {    float: right;margin: 0;position: relative;z-index: 5;}

.smaller-marke2 {    float: right;margin: 30px 0 0 0;position: relative;z-index: 5;}
.marke-slike {margin: 0 0 15px 0}

.slider-oko-pocetna {float:left}

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

#logo {

height: 151px;
float: left;
margin: 75px 0 0 15px;

}

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

#smaller2 {float:right;width:343px;display:inline}

.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 #72BF44;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

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

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

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

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

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

.slika-galerija-nova {
float: left;
margin: 10px;
border: 2px solid #72BF44;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.slika-galerija-nova:hover {
float: left;
margin: 10px;
border: 2px solid #7AB51D;
cursor: pointer;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

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

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

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


.entry-nova-oko {
float:left; width:850px; margin: 0; position:relative
}

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

.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-cijene-nova {
float: left;
width: 805px;
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-proizvod-nova {
float: left;
width: 810px;
background: #DDF0D2;
padding: 20px;
margin: 0 20px 20px 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: 17px;
position:relative;
z-index:5
}


.entry-proizvod-nova h3 {font-size:23px}

.entry-proizvod-roger {
float: left;
width: 375px;
padding: 20px;
margin: 0 20px 20px 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: 19px;
position:relative;
z-index:5
}

.entry-proizvod-roger-v {
float: left;
width: 810px;
padding: 20px;
margin: 0 20px 20px 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: 25px;
position:relative;
z-index:5
}

.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-kontakt-nova1 {
float: left;
width: 375px;
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-kontakt-nova2 {
float: left;
width: 375px;
height: 340px;
background: #E2F0F5;
padding: 20px;
margin: 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: 23px;
color: #262829;
float:left;
width: 100%;
}

.zeleni {color:#72BF44}
.entry-title h3 {font-size:23px}

.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;
}

.entry-tekst-nova {
width: 735px;
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: 850px;
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: 355px;
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: 375px;
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 {
 background: none repeat scroll 0 0 #DDF0D2;
border: 1px solid #72BF44;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #72BF44;
font-size: 16px;
font-weight: bold;
padding: 5px 28px;
}

.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_roger.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;		
} 







/* SCROLLABLE2 */
.scrollable2 {

  /* required settings */
	position:relative;
	overflow:hidden;
	width: 485px;
	height:184px;

}

/*
	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.
*/
.scrollable2 .items2 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items2 div {
	float:left;
	width:485px;
}

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

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


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

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

/* prev, next, prevPage and nextPage buttons */
a.browse2 {
	background:url("https://spa-studio.hr/slike/spa-navig-roger.png") no-repeat;
	display:block;
	width:28px;
	height:43px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
        position:absolute;
        z-index:15
}

/* right */
a.right2 				{ background-position: -78px 0; left:252px; top:120px}
a.right2:hover 		{ background-position: -114px 0;}


/* left */
a.left2				{background-position: 0 0; left:222px; top:120px} 
a.left2: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-img2 {
width: 235px;
height: 135px;
float: left;
}

.naslov-slider2 {
width: 235px;
height: 35px;
float: left;
margin: 0;
padding: 0;
font-size: 18px;
color: #2C5AA9;
line-height: 35px;
text-align: left;
overflow: hidden;
font-family:'Open Sans', sans-serif;
}

.naslov-slider2 h4{font-size: 18px;line-height: 35px;text-align: left;font-family:'Open Sans', sans-serif;}

.tekst-slider2 {
width: 283px !important;
height: 84px;
float: left;
padding: 0;
color: #ffffff;
font-size: 11px;
line-height: 17px;
font-family: Arial, "Trebuchet MS", Verdana, Sans-serif;
overflow: hidden;
 margin: 0 33px 0 0;
}

#slider2 {
margin: 0 0 0 5px;
position: relative;
}



#mega-navigation {width:660px; height:50px; float:left;color:#d3d3d3}

ul.mega-container{float:right; padding:0; margin:0}
li.mega{list-style-type:none; float:left; padding:0; margin:0 .65em; position:relative; z-index:10px}
 /*Ako stavljate sliku morate pisati na ovaj način zbog IE
 li.mega.mega-active {color:#254809; border:1px solid #9dc259; background-image:url(https://spa-studio.hr/slike/active_bg.gif); background-position:top left;}
 */
li.mega.mega-active .mega-tab.mega-sub {color:#578e01}
li.mega.mega-active .mega-tab {color:#578e01}
li.mega:hover{}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{height:70px;line-height:67px;padding:0 15px;color:#000000; font-size:16px; text-decoration:none; font-family:'Open Sans', sans-serif; display:inline-block; outline:none; position:relative; z-index:20px}
li.mega a.mega-tab:hover {color:#578e01; background:#f0f7e6}

/* Menu item with dropdown arrow */
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}

/* Content container */
.mega-content{width:175px; display:none; padding:0; position:absolute; top:96%; left:-446px; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:url(https://spa-studio.hr/slike/izbornik-bg-roger.jpg) top left repeat-x #ffffff}
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}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:30px !important; z-index:10000 !important; min-width:717px; box-shadow:0 8px 8px rgba(0,0,0,0.3);border-right:12px solid #ffffff;border-left:12px solid #ffffff;border-bottom:12px solid #ffffff;}
.mega-menu ul{list-style-type:none; margin:0; min-width:250px;float:left}
.mega-menu li a{display:block; padding:4px 10px; color:#333; text-decoration:none; font-weight:normal; text-shadow:none;}
*+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:none}
.mega-menu li{position:relative;font-family:'Didact Gothic';font-size:14px}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#e77302; width:175px; padding:7px 7px 3px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:1000; position:absolute; left:100%; top:0; display:none}

/* Grid Layout Styling */
.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}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.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%}




.one {width:343px;float:left;margin:0 60px 0 0;font-size:12px;line-height:20px}
.one:hover {cursor:pointer}
.image-mask {width:128px;float:right;margin:0 0 0 30px}
.box-image {-webkit-border-radius: 64px;-moz-border-radius: 64px;border-radius: 64px;border-radius:64px;}
.image-bg {background:url("https://spa-studio.hr/slike/maska1-roger.png") top left no-repeat;width:141px;height:141px;float:right;margin:-140px 29px 0 0;position:relative;z-index:10;}

.image-mask2 {width:240px;float:left;}
.box-image2 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.image-bg2 {background:url("https://spa-studio.hr/slike/maska2-roger.png") top left no-repeat;width:240px;height:242px;height:242px;position:absolute;z-index:100;left:0}
.image-bg2-zuta {background:url("https://spa-studio.hr/slike/maska2-roger-zuta.png") top left no-repeat;width:240px;height:242px;float:left;position:relative;z-index:10;margin:-245px 0 0 -1px}
.image-bg2-smeda {background:url("https://spa-studio.hr/slike/maska2-roger-smeda.png") top left no-repeat;width:240px;height:242px;float:left;position:relative;z-index:10;margin:-245px 0 0 -1px}
.image-bg2-zelena {background:url("https://spa-studio.hr/slike/maska2-roger-zelena.png") top left no-repeat;width:240px;height:242px;float:left;position:relative;z-index:10;margin:-245px 0 0 -1px}
.image-bg2-pastelna {background:url("https://spa-studio.hr/slike/maska2-roger-pastelna.png") top left no-repeat;width:240px;height:242px;position:absolute;z-index:100;left:0}


.image-mask3-izbornik {width:230px;float:left;margin: 0 9px 15px 0;}
.image-mask3-izbornik-zadnja {width:230px;float:left;margin: 0 0 15px 0}
.image-bg3-izbornik  {background:url("https://spa-studio.hr/slike/maska3-roger.png") top left no-repeat;width:76px;height:76px;float:left;position:relative;z-index:10;margin:-1px 0 0 -74px}
.box-image3 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}





/*bubbels :) */


#buttonContainer a {
    float: left;
    margin: 15px 15px 0 0;
}
.blue.button {

    background-image: url("https://spa-studio.hr/slike/button_bg.png"),url("https://spa-studio.hr/slike/button_bg.png")


}

.button {
    background-image: url("https://spa-studio.hr/slike/button_bg.png");
    background-position: left bottom, right top, 0 0px, 0 0;
    background-repeat: no-repeat;
    border-radius: 145px 145px 145px 145px;
    bottom: 125px;
    cursor: pointer;
    height: 60px;
    width: 60px;
    z-index: 10;
    padding: 90px;
    position: absolute;
    transition: background-position 1s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}
a, a:visited {}

.button:hover {
    background-position: left top, right bottom, 0 0px, 0 0;}

.blue.button:hover {background-image: url("https://spa-studio.hr/slike/button_bg.png"),url("https://spa-studio.hr/slike/button_bg.png")
}






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