body {
margin: 0;
padding:0;
background:#f1f1f1 url(https://rozi-step.hr/slike/site-bg-bez-snijega.gif) top left repeat;
/*background:#f1f1f1 url(https://rozi-step.hr/slike/site-bg-snijeg.gif) top left repeat;*/
/*background:#f1f1f1 url(https://rozi-step.hr/slike/site-bg.gif) top left repeat-x;*/
font:small 'Trebuchet MS',Sans-serif;
color:#525043;
}
body#printanje {
margin: 0;
padding:0;
background: #fff;
font:small 'Trebuchet MS',Sans-serif;
color:#525043;
}
#wrapper {
width: 1069px;
margin: auto;
padding: 0;
text-align: left;
}

.relativni {position:relative}
.social {left: 0;overflow: visible;position: absolute;top: -54px;width: 530px; z-index:100;}
.space {float:left; width:20px;}

a:link {
color: #3175a4;
text-decoration: none;
}
a:visited {
color: #3175a4;
text-decoration: none;
}
a:active {
color: #3175a4;
}
a:hover {
color: #3175a4;
text-decoration: none;
}

img {
border:0;
}

object,
embed {
display: block;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.rss {
float: left;
margin: 0;
padding: 0;
position: absolute;
/*top: 150px;*/
/*left: 375px;*/
right:30px;
top:200px;
}

.printanje {
float: right;
margin: 0 0 5px 0;
padding: 0;
}

.imgbread {
margin: 0;
padding: 0;
}

.hzzo {
margin: 0 0 10px 0;
padding: 0;
}

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

.slika-mail {
float: left;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.slika-steznik {
margin: 0;
padding: 0;
border: 1px solid #ccc;
}

.slika-pdf {
float: left;
margin: 0 5px 0 0;
padding: 0;
}

.slika-pdfd {
float: right;
margin: 0 0 0 5px;
padding: 0;
}

.slikabezborderal {
float: left;
margin: 5px 0 0 0;
padding: 0;
}

.slika-bezborderal {
float: left;
margin: 5px 5px 0 0;
padding: 0;
}

.slika-bezborderar {
float: right;
margin: 5px 0 0 5px;
padding: 0;
}

.slika-bezborderarub {
float: left;
margin: 5px 0 10px 0;
padding: 0;
}

.slika {
float: left;
margin: 0 0 10px 0;
padding: 0;
border: 1px solid #ccc;
}

.slika-cjenik {
float: left;
margin: 4px 10px 0 0;
padding: 0;
}

.slika-lijevo {
float: left;
margin: 5px 10px 0 0;
padding: 0;
border: 1px solid #ccc;
}

.slika-lijevo2 {
float: left;
margin: 5px 5px 0 0;
padding: 0;
border: 1px solid #ccc;
}

.slika-desno {
float: right;
margin: 5px 0 0 10px;
padding: 0;
border: 1px solid #ccc;
}

.slika-desno2 {
float: right;
margin: 5px 0 0 0;
padding: 0;
border: 1px solid #ccc;
}

.slika-rub {
float: left;
margin: 0 0 10px 0;
padding: 0;
border: 1px solid #ccc;
}

.slika-garancija {
float: left;
margin: 0;
padding: 0;
border: 0;
}

.slika-garancija2 {
float: left;
margin: 5px 0 0 0;
padding: 0;
border: 0;
}

.slika-tablica {
text-align: center;
margin: 0;
padding: 0;
border: 0;
}

.razmak10 {
margin: 0;
padding: 0;
height: 10px;
clear: both;
}

.razmak30 {
margin: 0;
padding: 0;
height: 30px;
clear: both;
}

#lijevi {
float: left;
margin: 0 22px 0 0;
padding: 155px 0 0 14px;
width: 163px;
}

#lijevi2 {
float: left;
margin: 0 22px 0 0;
padding: 155px 0 0 0;
width: 177px;
}

#glavni {
float: left;
margin: 0 22px 0 0;
padding: 64px 0 0 0;
width: 444px;
}

h1 {
float: left;
text-align: right;
margin: 0;
padding: 0;
height: 48px;
width: 444px;
line-height: 26px;
font-size: 24px;
font-family: Arial;
color: #3175a4;
}

.bread {
background: url(https://rozi-step.hr/slike/bread-background.gif) top left no-repeat;
float: left;
margin: 0;
padding: 0 0 0 8px;
height: 43px;
width: 436px;
line-height: 14px;
font-size: 12px;
color: #4d4e5d;
font-family: Arial, 'Trebuchet MS';
}

.bread3 {
float: left;
margin: 0;
padding: 0 0 0 8px;
margin:0 0 29px 0;
height: 14px;
width: 436px;
line-height: 14px;
font-size: 12px;
color: #4d4e5d;
font-family: Arial, 'Trebuchet MS';
overflow:hidden;
}

.bread4 {
background: url(https://rozi-step.hr/slike/bread-background-white.gif) top left no-repeat;
float: left;
margin: 0;
padding: 0 0 0 8px;
height: 43px;
width: 436px;
line-height: 14px;
font-size: 12px;
color: #4d4e5d;
font-family: Arial, 'Trebuchet MS';
}

.banner {
float: left;
margin: 0;
padding: 0;
width: 444px;
height: 200px;
}

.banner2 {
float: left;
margin: 0;
padding: 0;
width: 155px;
height: 220px;
}

#uski {
float: left;
margin: 0 15px 0 0;
padding: 145px 0 0 0;
width: 155px;
}

.plavi {
font-size: 11px;
line-height: 13px;
text-align: justify;
float: left;
margin: 0;
padding: 0;
width: 155px;
}

.plavi h4 {
float: left;
margin: 10px 0 5px 0;
padding: 0 0 0 15px;
width: 140px;
height: 22px;
line-height: 22px;
color: #fff;
font-size: 11px;
background: url(https://rozi-step.hr/slike/plavi.gif) top left no-repeat;
}

.plavi2 {
float: left;
margin: 0;
padding: 0 0 0 14px;
width: 163px;
color: #b6273b;
font-size: 11px;
line-height: 13px;
text-align: justify;
}

.plavi2 h4 {
float: left;
text-align: left;
margin: 20px 0 5px 0;
padding: 0 0 0 10px;
width: 153px;
height: 24px;
line-height: 24px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url(https://rozi-step.hr/slike/plavi2.gif) top left no-repeat;
}

.crveni3-vazno {
float: left;
margin: 0;
padding: 0;
width: 214px;
color: #525043;
font-size: 11px;
line-height: 13px;
font-weight: bold;
text-align: justify;
}

.crveni3-vazno h4 {
float: left;
text-align: justify;
margin: 20px 0 5px 0;
padding: 0 0 0 14px;
width: 200px;
height: 22px;
line-height: 22px;
color: #fff;
font-size: 11px;
background: url(https://rozi-step.hr/slike/crveni3.gif) top left no-repeat;
}

.crveni3 {
float: left;
margin: 0;
padding: 0;
width: 214px;
color: #525043;
font-size: 11px;
line-height: 13px;
}

.crveni3 h4 {
float: left;
text-align: left;
margin: 20px 0 5px 0;
padding: 0 0 0 14px;
width: 200px;
height: 22px;
line-height: 22px;
color: #fff;
font-size: 11px;
background: url(https://rozi-step.hr/slike/crveni3.gif) top left no-repeat;
}

.crveni3 h4 a:link {
color: #fff;
text-decoration: none;
}
.crveni3 h4 a:visited {
color: #fff;
text-decoration: none;
}
.crveni3 h4 a:active {
color: #fff;
}
.crveni3 h4 a:hover {
color: #ffd800;
text-decoration: none;
}

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

#napomena {
float: left;
margin: 0;
padding: 0;
}

#desni {
float: left;
margin: 0;
padding: 139px 0 0 0;
width: 214px;
position: relative;
}

#desni2 {
float: right;
margin: 0 0 20px 0;
padding: 139px 0 0 0;
width: 214px;
position: relative;
}

.zdravlje {
width: 80px;
height: 88px;
float: right;
margin: 5px 0 0 0;
padding: 40px 0 0 0;
}

.mail-text {
font-size: 11px;
line-height: 16px;
float: left;
width: 140px;
height: 18px;
margin: 0;
padding: 0 5px 0 5px;
}

input.mail-button {
background: url(https://rozi-step.hr/slike/rozi-gumb-posalji.gif) top left no-repeat;
width: 52px;
height: 22px;
float: right;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
}

#main {
float: left;
width: 1049px;
margin: 0;
padding: 0 17px 0 3px;
background: #fff url(https://rozi-step.hr/slike/rozi-step.gif) top right no-repeat;
}

#main4 {
float: left;
width: 1049px;
margin: 0;
padding: 0 17px 0 3px;
background: #fff url(https://rozi-step.hr/slike/rozi-step-white.gif) top right no-repeat;
}

.mainb {
float: left;
width: 1049px;
margin: 0;
padding: 0;
background: url(https://rozi-step.hr/slike/rozi-step-mainb2.gif) 628px 0 no-repeat;
}

.mainb4 {
float: left;
width: 1049px;
margin: 0;
padding: 0;
background: url(https://rozi-step.hr/slike/rozi-step-mainb2-white.gif) 628px 0 no-repeat;
}

#main2 {
float: left;
width: 1035px;
margin: 0;
padding: 0 17px 0 17px;
background: #fff url(https://rozi-step.hr/slike/rozi-step2.gif) top right no-repeat;
}

#main3 {
float: left;
width: 1049px;
margin: 0;
padding: 0 17px 0 3px;
background: #fff url(https://rozi-step.hr/slike/rozi-step3.gif) top right no-repeat;
}

.entry-title {
margin: 0;
padding: 0;
}

.entry-title h3 {
margin: 0 0 8px 0;
padding: 0;
color: #336699;
font: bold 16px Verdana, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #336699;
}

.entry-title h3 a:hover {
border: none;
color: #6699cc;
}

.entry {
margin: 20px 0 40px 0;
padding: 0;
}

.entry2 {
margin: 0 0 20px 0;
padding: 0;
font-family: Tahoma, Arial;
}

.entry2 h3 {
color: #6699cc;
}

.sredina-lijevo {
float: left;
width: 409px;
margin: 0;
padding: 0 20px 0 0;
text-align: justify;
}

.sredina-desno {
float: right;
width: 167px;
margin: 0;
padding: 0 0 0 18px;
}

.sredina-lijevo2 {
float: left;
width: 399px;
margin: 0;
padding: 0 20px 0 0;
text-align: justify;
}

.sredina-desno2 {
float: right;
width: 175px;
margin: 0;
padding: 0 0 0 0;
}

.sredina-desno2 p {
margin: 0;
padding: 0;
}

.sredina-desno2 a {
margin: 0;
padding: 0;
}

.zuti {
float: left;
margin: 0;
padding: 10px 0 0 12px;
width: 202px;
color: #ba283f;
font-size: 11px;
line-height: 12px;
background-image: url(https://rozi-step.hr/slike/zuti.gif) top left no-repeat;
}

.zuti p {
margin: 0 0 17px 0;
padding: 0;
}

#karta-pocetna {
float: left;
margin: 0;
padding: 0;
}

#footer {
float: left;
margin: 0;
padding: 0 0 10px 24px;
font-size: 11px;
background: #e5e5e5 url(https://rozi-step.hr/slike/iza-footer.gif) top left repeat-x;
width: 1039px;
color: #605f5f;
line-height: 13px;
position:relative;
}

#footer3 {
float: left;
margin: 0;
padding: 0 0 10px 24px;
font-size: 11px;
background: #e5e5e5 url(https://rozi-step.hr/slike/iza-footer3.gif) top left no-repeat;
width: 1045px;
color: #605f5f;
line-height: 13px;
position:relative;
}

#footer4 {
float: left;
margin: 0;
padding: 0 0 10px 24px;
font-size: 11px;
background: #e5e5e5 url(https://rozi-step.hr/slike/iza-footer3-white.gif) top left no-repeat;
width: 1045px;
color: #605f5f;
line-height: 13px;
position:relative;
}

#footerd {
float: left;
/*margin: 0 0 30px 0;*/
padding: 0;
width: 1069px;
height: 3px;
/*background: url(https://rozi-step.hr/slike/footer.gif) top left no-repeat;*/
}

#footerd2 {
float: left;
margin: 0 0 30px 0;
padding: 0;
width: 1069px;
height: 10px;
background: #fff;;
}

.foo1 {
float: left;
margin: 0 158px 0 0;
padding: 0;
width: 170px;
}

.foo11 {
float: left;
margin: 0 25px 0 0;
padding: 0;
width: 170px;
}

.foo2 {
float: left;
margin: 0 170px 0 0;
padding: 0;
width: 163px;
}

.foo22 {
float: left;
margin: 0 25px 0 0;
padding: 0;
width: 272px;
}

.foo222 {
float: left;
margin: 0 25px 0 0;
padding: 0;
width: 163px;
}

.foo3 {
float: left;
margin: 0 25px 0 0;
padding: 0;
width: 170px;
}

.foo4 {
float: left;
margin: 0;
padding: 0;
width: 164px;
}

.foo1 h4,
.foo3 h4,
.foo4 h4,
.foo11 h4,
.foo22 h4,
.foo222 h4 {
font-size: 18px;
height: 18px;
line-height: 20px;
color: #000;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
}

.foo2 h4 {
width: 163px;
text-align: center;
font-size: 18px;
height: 18px;
line-height: 18px;
color: #000;
margin: 40px 0 12px 0;
padding: 0;
}

textarea.text, input.text {
font: 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
/*width: 166px;*/
width:154px;
height: 15px;
margin: 0 0 15px 0;
padding: 0;
}

textarea.polje, input.polje {
font: 14px 'Trebuchet MS', Verdana, Arial, sans-serif;
width: 166px;
height: 15px;
margin: 0;
padding: 0;
}

input.polje-reg {
font: 12px 'Trebuchet MS', Verdana, Arial, sans-serif;
width: 150px;
height: 15px;
border: 1px solid #dddede;
margin: 0 0 5px 0;
float: left;
}

input.posalji-reg {
float: left;
margin: 0;
padding: 0;
border: 0;
width: 52px;
height: 22px;
}

.reg-posalji {
/*width: 170px;*/
width: 154px;
height: 22px;
margin: 0;
padding: 0;
}

.registracija {
/*width: 170px;*/
width: 154px;
height: 15px;
margin: 0;
padding: 0;
text-align: right;
}

.registracija2 {
margin: 0;
padding: 0;
font: 13px 'Trebuchet MS', Verdana, Arial, sans-serif;
}

.user {
font: 14px 'Trebuchet MS', Verdana, Arial, sans-serif;
color: #000000;
margin: 0;
padding: 10px 0 0 0;
}

.logiranje {
margin: 0;
padding: 0;
font-size: 12px 'Trebuchet MS', Verdana, Arial, sans-serif;  
position: relative;
top: -13px;    
}

.logiranje2 {
text-align: center;
margin: 0;
padding: 0;
font-size: 12px 'Trebuchet MS', Verdana, Arial, sans-serif;   
position: relative;
top: -13px;     
}

.nicetable {
border-collapse:collapse;
}

.nicetablerow {
margin: 0; 
padding: 0;
color:#605f5f;
}

.pilatestable {
border-collapse:collapse;
}

.pilatestableheader {
margin: 0; 
padding: 5px;
color: #666666;
text-align: center;
border: 1px solid #aaaaaa;
}

.pilatestablerow2 {
margin: 0;
padding: 5px;
color: #666666;
text-align: center;
border: 1px solid #aaaaaa;
}

.pilatestablerow {
margin: 0; 
padding: 5px;
color: #8e8e8e;
text-align: center;
border: 1px solid #c6c6c6;
}

table#postcomment tr td {
font: 11px 'Trebuchet MS', Verdana, Arial, sans-serif;
}
table#postcomment tr td p {
margin: 4px 0 4px 0;
}

#izbornik {
width: 163px;
margin: 0 0 20px 0;
padding: 0 0 0 14px;
}

#izbornik ul li {
display: inline;
}
	
#izbornik li a {
margin: 0 0 1px 0;
height: 24px;
line-height: 24px;
text-decoration: none;
font-size: 85%;
font-weight: bold;
}
	
#izbornik li a:link, #izbornik li a:visited {
color: #fff;
display: block;
background:  url(https://rozi-step.hr/slike/meni.gif);
padding: 0 0 0 11px;
}
	
#izbornik li a:hover {
color: #fff;
background:  url(https://rozi-step.hr/slike/meni.gif) 0 -24px;
padding: 0 0 0 11px;
}

.crveni1 h2 a:link,
.crveni2 h2 a:link {
color: #fff;
text-decoration: none;
}
.crveni1 h2 a:visited,
.crveni2 h2 a:visited {
color: #fff;
text-decoration: none;
}
.crveni1 h2 a:active,
.crveni2 h2 a:active {
color: #fff;
}
.crveni1 h2 a:hover,
.crveni2 h2 a:hover {
color: #fff;
text-decoration: none;
}

.crveni1 {
float: left;
margin: 0 20px 28px 0;
padding: 0;
width: 212px;
}

.crveni2 {
float: left;
margin: 0 0 28px 0;
padding: 0;
width: 212px;
}

.crveni1 h2,
.crveni2 h2 {
float: left;
margin: 0 0 7px 0;
padding: 0 0 0 8px;
width: 204px;
height: 22px;
line-height: 22px;
color: #fff;
font-size: 11px;
background: url(https://rozi-step.hr/slike/crveni1.gif) top left no-repeat;
}

.crveni-slika {
float: left;
margin: 0 0 10px 0;
padding: 0;
width: 212px;
height: 91px;
display: block;
overflow: hidden;
}

.crveni-tekst {
float: left;
margin: 0;
padding: 0;
width: 212px;
font-size: 11px;
line-height: 13px;
}

.crveni-tekst p {
float: left;
margin: 0;
padding: 0;
text-align: justify;
width: 212px;
height: 130px;
}

.vise {
float: left;
margin: 0;
padding: 3px 0 7px 0;
text-align: right;
color: #3175a4;
font-size: 11px;
line-height: 13px;
height: 13px;
width: 212px;
background: url(https://rozi-step.hr/slike/crta.gif) bottom left repeat-x;
}

.vise a:link {
	color: #3175a4;
	text-decoration: none;
}
.vise a:visited {
	color: #3175a4;
	text-decoration: none;
}
.vise a:active {
	color: #3175a4;
}
.vise a:hover {
	color: #e74c07;
	text-decoration: none;
}

#sredina {
float: left;
margin: 22px 0 0 0;
padding: 0;
width: 444px;
}

#sredina2 {
float: left;
margin: 0;
padding: 0;
width: 614px;
}

#sredina3 {
float: left;
margin: 0;
padding: 0;
width: 614px;
}

.sredina4 {
float: left;
margin: 0 0 15px 0;
padding: 10px;
background-color: #f5f5f5;
}

#sredina22 {
float: left;
margin: 10px 0 0 10px;
padding: 0;
width: 614px;
}

.sredinalijevo {
float: left;
margin: 0;
padding: 0;
width: 444px;
}

.sredinadesno {
float: right;
margin: 0;
padding: 0;
width: 130px;
}

.zan-crta {
float: left;
margin: 0;
padding: 0;
height: 21px;
width: 155px;
background: url(https://rozi-step.hr/slike/crta.gif) 0 50% repeat-x;
}

.zan-crta-desno {
float: left;
margin: 0;
padding: 0;
height: 21px;
width: 214px;
background: url(https://rozi-step.hr/slike/crta.gif) 0 50% repeat-x;
}


.zanim {
color: #b6273b;
font-size: 11px;
line-height: 13px;
text-align: justify;
}

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

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

.plavi3 {
float: left;
margin: 0;
padding: 0 0 0 14px;
width: 163px;
color: #fff;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.plavi3 h4 {
float: left;
text-align: left;
margin: 20px 0 5px 0;
padding: 0 0 0 10px;
width: 153px;
height: 24px;
line-height: 24px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url(https://rozi-step.hr/slike/plavi2.gif) top left no-repeat;
}

.plavi3-test {
float: left;
margin: 0;
padding: 0;
width: 177px;
color: #fff;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.plavi3-test h4 {
float: left;
text-align: left;
margin: 20px 0 5px 0;
padding: 0 0 0 10px;
width: 153px;
height: 24px;
line-height: 24px;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url(https://rozi-step.hr/slike/plavi2.gif) top left no-repeat;
}

.plavi3-test2 {
float: left;
margin: 0;
padding: 0 0 0 14px;
width: 163px;
background: #fff;
scrollbars: none;
overflow: hidden;
}

.plavi3-sivi {
float: left;
margin: 0;
padding: 0 0 0 14px;
width: 163px;
color: #333333;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.plavi3-sivi h4 {
float: left;
text-align: left;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
width: 153px;
height: 16px;
line-height: 16px;
color: #333333;
font-size: 12px;
font-weight: bold;
}

.element atStart {
margin: 0;
padding: 4px 10px 5px 20px;
background: #ff8203;
font-size: 11px;
font-weight: normal;
font-family: Verdana, 'Andale Mono', sans-serif;
}

.toggler {
	color: #fff;
	margin: 0;
	padding: 5px 10px 6px 10px;
	background: url("https://rozi-step.hr/slike/menu-sivi-strelica.jpg") top left no-repeat;
	border: 0;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, 'Andale Mono', sans-serif;
                display: block;
                width: 143px;
                height: 13px;
}


.toggler a:hover {
	margin: -5px -10px -6px -10px;
	padding: 5px 10px 6px 10px;
	background: url("https://rozi-step.hr/slike/menu-sivi-strelica-hoover.jpg") top left no-repeat;
                display: block;
                width: 143px;
}


.toggler2 {
	color: #fff;
	margin: 0;
	padding: 10px 10px 11px 10px;
	background: url("https://rozi-step.hr/slike/menu-sivi.jpg") top left no-repeat;
	border: 0;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, 'Andale Mono', sans-serif;
                display: block;
                width: 153px;
                height: 3px;
}

.bijeli2:link {
	color: #fff;
	text-decoration: none;
}
.bijeli2:visited {
	color: #fff;
	text-decoration: none;
}
.bijeli2:active {
	color: #fff;
}
.bijeli2:hover {
	color: #fff;
	margin: -10px 0 -11px -10px;
	padding: 10px 0 11px 10px;
	background: url("https://rozi-step.hr/slike/menu-sivi-hoover.jpg") top left no-repeat;
                display: block;
                width: 153px;
}

.plava:link {
	color: #3175a4;
	text-decoration: none;
}
.plava:visited {
	color: #3175a4;
	text-decoration: none;
}
.plava:active {
	color: #3175a4;
}
.plava:hover {
	color: #3399cc;
	text-decoration: none;
}

.hzzo {
        border-collapse:collapse;
        width: 100%;
}

.hzzoheader {
        margin:5px; 
        padding: 8px;
        border: 1px solid #999;
        background-color:#fff;                
        color: #333;        
        font-size: 9pt;        
        font-weight:bold;
}

.hzzorow {
        margin:5px;         
        padding: 5px 10px 5px 10px;
        border: 1px solid #ccc;        
        background-color:#fff;        
        color: #333;        
        font-size: 9pt;
}

.hzzorow p {
        margin:2px 0 2px 0;         
        padding:0;       
        color: #333;        
        font-size: 9pt;
}

.hzzoheader2 {
        margin: 5px 5px 0 5px; 
        padding: 4px 8px 4px 8px;
        border: 0;
        background-color:#f5f5f5;                
        color: #333;        
        font-size: 9pt;        
        font-weight:bold;
        text-align: center;
}

.hzzorow2 {
        margin: 5px 5px 2px 5px;         
        padding: 4px 8px 4px 8px;
        border: 0;        
        background-color:#f5f5f5;        
        color: #333;        
        font-size: 9pt;
        text-align: center;
}

.hzzorow2 p {
        margin:2px 0 2px 0;         
        padding:0;       
        color: #333;        
        font-size: 9pt;
        text-align: center;
}

.hzzoheader3 {
        margin: 5px 5px 0 5px; 
        padding: 4px 8px 4px 8px;
        border-top: 1px solid #4779A0;
        border-bottom: 1px solid #4779A0;
        background-color:#f5f5f5;                
        color: #333;        
        font-size: 9pt;        
        font-weight:bold;
        text-align: left;
}

.hzzorow3 {
        margin: 5px 5px 2px 5px;         
        padding: 4px 8px 4px 8px;
        border: 0;        
        background-color:#f5f5f5;        
        color: #333;        
        font-size: 9pt;
        text-align: left;
}

.hzzorow3 p {
        margin:2px 0 2px 0;         
        padding:0;       
        color: #333;        
        font-size: 9pt;
        text-align: left;
}

.hzzorow4 {
        margin: 5px 5px 2px 5px;         
        padding: 4px 8px 4px 8px;
        border: 0;        
        background-color:#D5E6F5;        
        color: #333;        
        font-size: 9pt;
        text-align: left;
}

.hzzorow4 p {
        margin:2px 0 2px 0;         
        padding:0;       
        color: #333;        
        font-size: 9pt;
        text-align: left;
}

.detaljnije {
margin: 5px 0 0 0;
padding: 0;
text-align: right;
font-size: 14px;
}

.detaljno {
float: right;
margin: 0;
padding: 0;
}

.pomagala {
float: left;
width: 196px;
background: url(https://rozi-step.hr/slike/kockica.gif) 0 50% no-repeat;
margin: 0;
padding: 0 0 0 16px;
font-size: 11px;
line-height: 16px;
height: 16px;
font-weight: normal; 
display: block;
clear: both;
}

.shortcut {
float: left;
width: 196px;
}

.crta-ispod {
background: url("https://rozi-step.hr/slike/ispod-crta.jpg") top left no-repeat;
float: left;
width: 614px;
height: 5px;
margin: 0 0 10px 0;
padding: 0;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 1px;
}

.treeview .hitarea {
	background: url(https://rozi-step.hr/slike/treeview-default.gif) -64px -25px no-repeat;
	height: 14px;
	width: 14px;
	margin-left: -14px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 14px;
}

.treeview a.selected {
	background-color: #ccc;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(https://rozi-step.hr/slike/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(https://rozi-step.hr/slike/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(https://rozi-step.hr/slike/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(https://rozi-step.hr/slike/treeview-red.gif); } 

.treeview-black li { background-image: url(https://rozi-step.hr/slike/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(https://rozi-step.hr/slike/treeview-black.gif); }  

.treeview-gray li { background-image: url(https://rozi-step.hr/slike/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(https://rozi-step.hr/slike/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(https://rozi-step.hr/slike/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(https://rozi-step.hr/slike/treeview-famfamfam.gif); } 

.filetree li { padding: 2px 0 1px 14px; }

.filetree span.ffolder { padding: 1px 0 1px 14px; display: block; cursor: pointer; color: #fff; }
.filetree span.ffolder { background: #999 url(https://rozi-step.hr/slike/folder-closed-999.gif) 0 0 no-repeat; }
.filetree li.expandable span.ffolder { background: #999 url(https://rozi-step.hr/slike/folder-closed-999.gif) 0 0 no-repeat; }
.filetree a:hover span.ffolder { color: #cc3333; }

.filetree span.folder { padding: 1px 0 1px 14px; display: block; color: #fff; }
.filetree span.folder { background: #999 url(https://rozi-step.hr/slike/folder-closed-999.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: #999 url(https://rozi-step.hr/slike/folder-closed-999.gif) 0 0 no-repeat; }
.filetree a:hover span.folder { color: #cc3333; }

.filetree span.podfolder { padding: 1px 0 1px 14px; display: block; }
.filetree span.podfolder { background: #ccc url(https://rozi-step.hr/slike/folder-ccc.gif) 0 0 no-repeat; }
.filetree li.expandable span.podfolder { background: #ccc url(https://rozi-step.hr/slike/folder-closed-ccc.gif) 0 0 no-repeat; }
.filetree a:hover span.podfolder { color: #cc3333; }

.filetree span.podpodfolder { padding: 1px 0 1px 14px; display: block; }
.filetree span.podpodfolder { background: #ccc url(https://rozi-step.hr/slike/folder-ccc.gif) 0 0 no-repeat; }
.filetree li.expandable span.podpodfolder { background: #ccc url(https://rozi-step.hr/slike/folder-closed-ccc.gif) 0 0 no-repeat; }
.filetree a:hover span.podpodfolder { color: #cc3333; }

.filetree span.folderfile { padding: 1px 0 1px 14px; display: block; color: #fff; }
.filetree span.folderfile { background: #ccc url(https://rozi-step.hr/slike/folder-closed-ccc.gif) 0 0 no-repeat; }
.filetree li.expandable span.folderfile { background: #ccc url(https://rozi-step.hr/slike/folder-closed-ccc.gif) 0 0 no-repeat; }
.filetree a:hover span.folderfile { color: #cc3333; }

.filetree span.file { padding: 1px 0 1px 14px; display: block; cursor: pointer; }
.filetree span.file { background: #eee url(https://rozi-step.hr/slike/folder-closed-eee.gif) 0 0 no-repeat; }
.filetree a:hover span.file { color: #cc3333; }

.blue a:link {
color: #000099;
}
.blue a:visited {
color: #000099;
}
.blue a:active {
color: #000099;
}
.blue a:hover {
color: #ff0000;
}

span.podnaslov {
color: #663333;
}

span.obucalink {
color: #444;
}

ul.obuca {
margin: 0 0 0 13px;
padding: 0;
font-family: Verdana;
font-size: 11px;
line-height: 18px;
}

.anchor-desno {
float: right;
margin: 0;
padding: 0;
}

.film-desno {
float: right;
margin: 0;
padding: 0;
width: 320px;
height: 260px;
}

.vezani {
float: left;
width: 153px;
padding: 30px 10px 20px 10px;
font-size: 10px;
line-height: 12px;
}

ul#vezko li {
position: relative;
left: 10px;
list-style-image: url(https://rozi-step.hr/slike/vezani.gif);
margin: 0 0 5px 0;
}

ul#vezko li a:link {
text-decoration: none;
}

ul#vezko li a:hover {
text-decoration: underline;
}

span.ljubicasta {
color: #504895;
font-family: Tahoma, Arial;
font-size: 11px;
}

span.crvena {
color: #ff0000;
}

span.zelena {
color: #3A9A3B;
font-size: 16px;
}

.razmak5 {
margin: 0;
padding: 0;
height: 5px;
clear: both;
}

a.myPlayer { 
    display:block; 
    width: 444px; 
    height:250px;  
    text-align:center; 
    margin:0 0px 0px 0; 
    float:center; 
    border:0; 
}

a.myPlayer img { 
    margin-top:120px; 
    border:0px; 
} 

a.myPlayer:hover { 
    border:0; 
}

a.myPlayer2 { 
    display:block; 
    width: 399px; 
    height:224px;  
    text-align:center; 
    margin:0 0px 0px 0; 
    float:center; 
    border:0; 
}

a.myPlayer2 img { 
    margin-top:60px; 
    border:0px; 
} 

a.myPlayer2:hover { 
    border:0; 
}

.pdf-desno {
float: right;
width: 200px;
color: #ff0000;
}

.pdf-lijevo {
color: #FF0000;
float: left;
font-weight: bold;
margin: 10px 0 0;
}

.video-player {
height: 303px;
overflow: hidden;
}

.video-player2 {
height: 192px;
overflow: hidden;
border: 1px solid #ccc;
}

.video-player3 {
height: 346px;
overflow: hidden;
}

.video-player4 {
height: 461px;
overflow: hidden;
}

span.rane-previjaliste {
font-size: 11px;
}

#map {
float:left;
width: 444px;
height: 400px;
margin: 0 0 20px 0;
}

.style1 {background-color: #FFFFFF;border: 1px solid #006699;padding: 2px 5px;}

#slidebox{
    width:666px;
    height:536px;
    padding:0;
    background:transparent;
    border:0;   
    position:fixed;
    bottom:0;
    left: 44%;
}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}
a.close{
    background:transparent url(https://rozi-step.hr/slike/closee.gif) no-repeat top left;
    width:60px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:477px;
    right:34px;
}
a.close:hover{
    background-position:0px -13px;
}

span.striketrough-red {text-decoration:line-through; color:red;}

.ribbon {float:left; width:155px; height:220px; position:absolute;}
.ribbon2 {float:left; width:155px; height:158px; position:absolute;}


ul#slide {padding:0 0 0 14px; margin:0; list-style:none; width:163px; border:0; position:relative; overflow:hidden; font-family:Tahoma; font-size:11px;}
ul#slide h4 {color:#fff; float:left; font:bold 12px 'Trebuchet MS',Sans-serif; height:24px; line-height:24px; margin:0; padding:0; text-align:left; width:163px; 
background: #CE314A; /* old browsers */
background: -moz-linear-gradient(top, #CE314A 0%, #BA283F 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE314A), color-stop(100%,#BA283F)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE314A', endColorstr='#BA283F',GradientType=0 ); /* ie */
}
ul#slide h5 {color:#BA283F; float:left; font:bold 11px 'Trebuchet MS',Sans-serif; height:24px; line-height:24px; margin:0; padding:0; text-align:left; width:163px; text-decoration:underline; text-shadow:1px -1px 0px #D8D9E0; text-transform:uppercase;}
ul#slide li.top {display:block; float:left; line-height:24px; width:163px; color:#000; background:#C3C4CE; text-decoration:none;border-bottom:1px solid #fff; text-indent:11px; overflow:hidden; cursor:pointer;}
ul#slide li.top a {text-decoration:none; color:#333; display:block; padding:2px 10px; clear:both; text-indent:0; border-bottom:1px solid #E5E5E5;}
ul#slide li.top a:hover {color:#333; background:#D97B87; padding:2px 10px; clear:both; text-indent:0; border-bottom:1px solid #E5E5E5;}

ul.nav {line-height:12px; font-size:10px; background:#ccc; padding:0; font-weight:bold; margin-bottom:0;}
ul.nav li {line-height:12px !important}

ul.nav2 {line-height:12px; padding:0 0 0 10px; font-weight:normal; background:#E5E5E5 url("https://rozi-step.hr/slike/strelica2.gif") 11px 5px no-repeat;}
ul.nav2 li ul.nav2 {line-height:12px; font-weight:normal; background:#E5E5E5 url("https://rozi-step.hr/slike/crtica2.gif") 10px 3px no-repeat;}

.zuti-okvir {
width: 422px;
background: #F8FCEF;
border: 1px solid #E0E7CA;
color: #0084B0;
margin: 0;
padding: 10px;
font-size:12px;
}

.bijeli-okvir {
background: white;
border: 1px solid white;
color: #0084B0;
margin: 0;
padding: 10px;
font-size:12px;
}

.smaller-desno-napomena {float:left;color: #525043;margin: 0 0 20px}
.smaller-lijevo-napomena {background: #DB6A7C;color: #FFFFFF;font-size: 11px;margin: 0 0 40px 14px;padding: 10px}

.tempur-napomena {background:#DB6A7C;color: #FFFFFF;font-size: 13px;margin: 0 0 30px 0;padding: 10px; text-align:center}

.entry-lista ul {float: left;list-style-type: disc;padding: 0 0 0 20px;}


.cc-cookies{border: 1px solid #DCDCDC;box-shadow:3px 3px 10px 5px rgba(0, 0, 0, 0.1);position:fixed;width:200px;right:30px;bottom:30px;padding:20px;background:#fff;background:rgba(255,255,255,.95);font-size:13px;font-weight:400;z-index:99999;text-align:center;color:#333}
.cc-cookies a,.cc-cookies a:hover{color:#3175A4;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;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset,.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:inline-block;color:#fff;text-decoration:none;background:#7DAF3B;padding:.5em .75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.35);-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}
.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:.5em}
.cc-cookies a.cc-cookie-reset{background:#f15b00}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-decline{background:#000;-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .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:.5em 1em;left:auto;top:auto}
.cc-cookies.cc-discreet a.cc-cookie-reset{background:0 0;text-shadow:none;padding:0;text-decoration:underline}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0}



/* --------------------------------------------------------	*/
/*	Etalage zoom plugin */
/* --------------------------------------------------------	*/

/* Etalage container (large thumb + small thumbs): */
#etalage{display: none;margin-bottom: 30px;}

/* Large thumbnail: */
#etalage .etalage_thumb{background: white url(https://rozi-step.hr/slike/loading.gif) center no-repeat;border: 1px solid #fff;padding: 6px;}

/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ }

/* Small thumbnails: */
#etalage .etalage_small_thumbs li{background: white;border: 1px solid #ddd;margin: 10px;padding: 3px;}

/* The one on the left that makes them slide */
#etalage ul li.etalage_smallthumb_first{ }

/* The one on the right that makes them slide */
#etalage ul li.etalage_smallthumb_last{ }

/* The currently active one */
#etalage ul li.etalage_smallthumb_active{}

/* Zoomed image area: */
#etalage .etalage_zoom_area,
.etalage_zoom_area{background: white url(https://rozi-step.hr/slike/loading.gif) center no-repeat;border: 1px solid #ddd;padding: 6px;}

/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{background: white;border: 1px solid #bbb;}

/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{background: url(https://rozi-step.hr/slike/zoom.png) no-repeat;width: 14px;height: 14px;}

/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{background: url(https://rozi-step.hr/slike/hint.gif) no-repeat;width: 130px;height: 57px;}

/* Description area (optional) */
#etalage .etalage_description{background: white;font-style: italic;margin: 10px;padding: 6px 10px;}

/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */
.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }



/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
------------------------------------------------------------------------------------- */
div.st_horizontal{position:relative;float:left;width:850px;color:#616161;margin:0}
/* Control buttons------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev,div.st_horizontal a.st_next{position:absolute;top:0;z-index:110;display:none;height:38px;width:39px;border:1px solid #dddddd;outline:none;background:#fff url(https://rozi-step.hr/slike/btn_arrows.gif) no-repeat}
div.st_horizontal a.st_prev{left:0;background-position:13px 13px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px}
div.st_horizontal a.st_prev:hover{background-position:-50px 13px;background-color:#f5f5f5}
div.st_horizontal a.st_next{right:0;background-position:14px -14px;border-top-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px}
div.st_horizontal a.st_next:hover{background-position:-49px -14px;background-color:#f5f5f5}
div.st_horizontal a.st_prev.st_btn_disabled,div.st_horizontal a.st_next.st_btn_disabled{cursor:default;background-color:#f7f7f7}
div.st_horizontal a.st_prev.st_btn_disabled{background-position:-113px 13px}
div.st_horizontal a.st_next.st_btn_disabled{background-position:-112px -14px}
/* Tabs------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container{position:relative;z-index:100;width:100% !important;height:40px;margin-bottom:-1px;overflow:hidden}
div.st_horizontal div.st_slide_container{position:relative !important}
div.st_horizontal div.st_sliding_active div.st_slide_container{margin:0 40px}
div.st_horizontal ul.st_tabs{width:10000px;height:40px;margin:0;padding:0;list-style:none}
div.st_horizontal ul.st_tabs li{float:left;box-shadow:0 0 10px #DDDDDD}
div.st_horizontal ul.st_tabs li a{display:block;margin:0;padding:10px 20px;font:300 14px/18px 'Open Sans',Arial,sans-serif;text-transform:uppercase;color:#6a6a6a;text-decoration:none;outline:none;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#fff url(https://rozi-step.hr/slike/h_tab_bg.jpg) repeat-x 0 bottom}
div.st_horizontal ul.st_tabs a:hover{color:#333}
div.st_horizontal ul.st_tabs li a.st_first_tab{border-left:1px solid #dddddd}
div.st_horizontal ul.st_tabs a.st_tab_active{color:#000000;border-bottom-color:#fff;background:#fff;font-weight:700;}
/* Content------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container{position:relative;z-index:5; padding:20px 20px 23px;border:1px solid #dddddd;background-color:#fff;overflow:auto;box-shadow:0 0 10px #DDDDDD}
div.st_horizontal div.st_view{position:relative;height:100%;overflow:hidden}
div.st_horizontal div.st_tab_view{display:none;width:100%}
div.st_horizontal div.st_first_tab_view{display:block}
div.st_horizontal div.st_view h2{font-size:16px;color:#454545;margin:0 0 16px;padding:0}
div.st_horizontal div.st_view p{margin:14px 0 0;padding:0}
div.st_horizontal div.st_view blockquote{float:left;width:315px;margin:18px 14px 0 0;padding:0 0 0 14px;border-left:2px solid #5c5c5c;font:italic 17px/21px Georgia,"Times New Roman",Times,serif;color:#A8A8A8}
div.st_horizontal div.st_view blockquote p{margin:0}
div.st_horizontal div.st_view {
    position: relative;
    height: 100%;
    overflow: hidden;
    min-height: 260px;
}
/* Bottom aligned tabs------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev,div.st_horizontal.align_bottom a.st_next{border-bottom:1px solid #dddddd}
div.st_horizontal.align_bottom a.st_prev{border-top-left-radius:0;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
div.st_horizontal.align_bottom a.st_next{border-top-right-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
div.st_horizontal.align_bottom div.st_tabs_container{position:absolute;bottom:-39px;left:0;margin-bottom:0}
div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active{border-top-color:#fff;border-bottom-color:#dddddd}



/* --------------------------------------------------------	*/
/*	WEBSHOP */
/* --------------------------------------------------------	*/


.hidden {display:none}
#sredina-webshop {float: left;margin: 0;padding: 0;width: 850px;}
.relativni {position:relative}
form {margin:0}
ul.webshop {list-style:none; margin:0 5px;}
ul.webshop li {width:200px; margin:0 5px 30px; display:inline; float:left; position:relative; text-align:center; border-bottom: 1px solid #ddd;}
.shop-new {position:absolute; top:0; right:0; z-index:3;}
.shop-discount {position:absolute; top:0; left:0;}
h2.shop-title {font-size:14px; line-height:20px; min-height:40px; margin:10px 0; text-transform:uppercase; font-weight:normal;text-shadow: 0px 0px 1px #3175a4;}
p.cijena {float:left; text-align:left; margin-top:0; width:100%; color:#000; font-weight:bold;}
p.cijena del {color:#aaa}
p.cijena-veleprodaja {text-align:left}
.text-right {text-align:right}
.text-success {color:#489100}
.shop-lijevo {float:left; width:415px; position:relative;}
.shop-desno {float:left; width:435px;}
.cijenadet {font-size: 30px !important;font-weight: 400 !important;line-height: 26px !important; color:#000;}
.cijenadet del {color:#aaa; float:left; margin-right:20px; font-weight:300; font-size:18px;}
.cijena-napomena {font-size: 10px;margin-top: 5px;color: #aaa;}
.form-note {padding: 17px 20px 18px 35px;margin:0;}
.form-note:before, .form-note:after {display: table;content: "";}
.form-note:after {clear: both}
.note-content {background: #BEFEBE;border: 1px solid #A9ECA9;color: #003a00;box-shadow: -3px 0 0 #5BB75B;padding: 8px 35px 8px 14px;border-radius: 4px;}
.shop-opis-mali h5 {float: left;width: 178px;font: 300 16px/32px 'Open Sans',Arial,sans-serif}
.custom_images {float: right;width: 192px;}
ul.nav_categories li ul {padding:0 0 0 10px}
.nav_categories li {line-height: 20px;}
.shopgdjekupitibtn {position:absolute; top:-20px; right:-50px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;}
.shopgdjekupiti {background:#eee}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#fff; text-decoration:none; border:1px solid #d46174; border-radius:2px; padding:0 4px; background:#DB6A7C; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.tagovi:hover {border:1px solid #ae1f35; background:#ba283f; color:#fff}
.slika-shop-upit {float:right;margin:20px 20px 0 0;}
.obavezna {font-size: 12px;line-height: 1.5;}
.product-contact-form-div {float: left;width: 350px;}
.btn270 {width: 280px !important}
.text-usteda {font-size:14px; font-weight:bold; color:#0d5e95;}
.prne {float:left; width:850px; text-align:center;}
.artprev, .artcurr, .artnext {height:50px; line-height:50px;}
.shop-slika-prne {width:50px; height:50px;}
label.vele {color:green;}
label.error {color:red; font-size:12px;}
.success_message2 {color:green; margin-bottom:10px;}
.error_message2, .general_errors2 {color:red; margin-bottom:10px;}
.success_message2 p, .error_message2 p, .general_errors2 p {margin:0 !important; padding:0 !important;}
.vpc {color: #BE364B}
.noresultstext {border: none;color: #cc0000;font: 300 24px/30px 'Open Sans',Arial,sans-serif;/*background: #db6a7c;box-shadow: -3px 0 0 #aa0000;border-radius: 4px;padding: 8px 35px 8px 14px;*/}

ul.alegria-ulosci {list-style: disc}
ul.alegria-ulosci li {line-height: 21px;margin: 17px 0;}
.marginright20 {margin-right:20px}

ul.noresultscat {
    font: 300 14px/20px 'Open Sans',Arial,sans-serif;
    margin-top: 10px;
}
ul.noresultscat li {
    display: block;
    float: left;
    width: 130px;
    border-bottom: 0;
    text-align: left;
    margin: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
ul.noresultscat li ul li {
    border-bottom: 0;
    display: block;
    float: none;
    position: relative;
    text-align: left;
    width: auto;
    margin: 5px 15px;
    list-style: disc;
    font-weight: normal;
    text-transform: none;
}
ul.noresultscat li a:hover {color:#ba283f}


.shop-desno .control-label,
.shopopis .control-label {
  text-transform: uppercase;
  font: 700 14px/20px 'Open Sans',Arial,sans-serif;
  color:#000;
}
.shop-desno .controls {
  font: 400 14px 'Open Sans',Arial,sans-serif;
}
.shopopis {
  margin-bottom: 40px;
  background: #fafafa;
  padding: 15px 15px 5px 15px;
}
.shopopis p {
  font: 400 13px/22px 'Open Sans',Arial,sans-serif;
  color: #888;
}
.thumb-info-title {
  font: 300 13px/20px 'Open Sans',Arial,sans-serif;
}

ul.radio-set li a.radio {
    background: white;
    border: 1px solid #b7daf3;
    float: left;
    padding: 10px 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 2px 3px;
    cursor: pointer;
    color: #0d5e95;
    font-size:18px;
}
ul.radio-set li a.active {
    background: #cee9fc;
    color: #0d5e95;
}
ul.webshop li .quickview {
    display: none;
}
ul.webshop li a.brzi-pogled:hover .quickview {
    background: rgba(204,0,0,0.6);
    color: #fff;
    display: table;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    border-radius: 100px;
    text-align: center;
}
ul.webshop li a.brzi-pogled:hover .quickview span {
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
}




.filteri-okvir, .vpc-okvir {
    background: #CEE9FC;
    border: 1px solid #b7daf3;
    color: #0d5e95;
    box-shadow: -3px 0 0 #3175a4;
    padding: 8px 14px;
    border-radius: 4px;
}
.filteribtn {
    color: #0d5e95;
    font: 700 14px 'Open Sans',Arial,sans-serif;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
}
.filteribtn:focus {
    outline:0 !important;
}
.filteri {
    background: #CEE9FC;
    padding: 8px 22px;
}
.filteri h4 {
    border-bottom: 1px solid;
    color: #3175a4;
    font: 600 14px/24px 'Open Sans',Arial,sans-serif;
}
.filter1 {
    float: left;
    font: 300 13px 'Open Sans',Arial,sans-serif;
    margin-right: 10px;
    width: 151px;
}
.filter1 a:hover {color:#000}


.img-thumbnail {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px 10px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
}
.img-thumbnail:hover a {
    color: #ba283f;
}
a.thumb-info {
    display: block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.owl-carousel .owlslika {
    display: inline-block;
    width: 170px;
}


.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}
.clear40 {clear: both; height: 40px}
.clear44 {clear: both; height: 44px}
.clear50 {clear: both; height: 50px}
.clear60 {clear: both; height: 60px}

.marginbottom0 {margin-bottom:0}
.marginbottom5 {margin-bottom:5px}
.marginbottom12 {margin-bottom:12px}
.margintop5 {margin-top:5px}
.margintop6 {margin-top:6px}
.margintop18 {margin-top:18px}
.marginright10 {margin-right:10px}
.marginauto {margin:30px auto}

.fs12 {font-size:12px; font-style:italic;}
.font14os300 {font:300 14px/20px 'Open Sans',Arial,sans-serif}
.fw600 {font-weight:600}

.block {display:block}



/*	KOSARICA */

/*.cartfixed {position:fixed; top:0; right:50px; z-index:100; background:#fff; padding: 10px 13px;box-shadow: 0px 1px 13px #ccc;font: 300 14px/20px 'Open Sans',Arial,sans-serif;border-radius: 0 0 4px 4px;}*/
.cartfixed {position:fixed; top:30px; right:0; z-index:100; background:#fff; padding: 10px 13px;box-shadow: 0px 1px 13px #ccc;font: 300 14px/20px 'Open Sans',Arial,sans-serif;border-radius: 4px 0 0 4px;}
.header-kosarica {float:right}

.kosarica-prazna {width:95%; text-align:center;}
.kosarica .table thead th {background: #0F3356;color: #fff;}
.kosarica .table th.noborder, .kosarica .table td.noborder {border:0}
.table tbody tr:hover td.nohover, .table tbody tr:hover th.nohover {background-color:transparent}
.form-cart-actions {padding:0; margin:50px 0; float:left; width:100%;}
.form-cart-actions:before, .form-note:after {display: table;content: "";}
.form-cart-actions:after {clear: both}
.btn-cart-refresh {padding:6px 8px 7px; margin-left:0;}
.btn-cart-remove {padding:6px 8px 7px; margin-left:20px; float:right;}
fieldset.paymentform {background: #f8f8f8;color: #222;}
fieldset.paymentform2 {background: #fff;color: #222;width:335px}
fieldset.paymentform legend {background: #0F3356;color: #fff;width: 834px;margin-bottom: 5px;line-height: 18px;padding: 8px;font-size: 13px;font-weight: bold;}
fieldset.paymentform2 legend {background: #0F3356;color: #fff;width: 319px;margin-bottom: 5px;line-height: 18px;padding: 8px;font-size: 13px;font-weight: bold;}
.kontpod div {padding:0 0 2px 20px}
.narudzba1 {width:335px; float:left;}
.narudzba2 {width:335px; float:right;}
.whitebg {background:#fff; width:850px;}

ul.payment-steps {float:left; width:100%; margin-top:0; margin-bottom:18px; padding:0; list-style-type:none; background:#DB6A7C; border-bottom:1px solid #CD3049; color:#fff;font-size:12px;}
ul.payment-steps li {float:left; width:33.3333%; text-align:center; padding:10px 0; background:#DB6A7C; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#CD3049; font-weight:bold; color:#fff;}
ul.payment-steps li.active:after {background:#CD3049; border:solid #CD3049; border-width:0 0 1px 1px;  bottom:-5px; content:' '; display:block; width:10px; height:10px; position:absolute; left:48%; z-index:2;
 -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 50% 50%;
 -moz-transform: rotate(-45deg);
 -moz-transform-origin: 50% 50%;
 -ms-transform: rotate(-45deg); /* IE 9 */
 -ms-transform-origin:50% 50%; /* IE 9 */
 -o-transform: rotate(-45deg);
 -o-transform-origin: 50% 50%;
 transform: rotate(-45deg);
 transform-origin: 50% 50%
}


.product2:hover .quickview2 {

    color: #000;
    display: table;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    
    text-align: center;
}


.product2:hover .robeez-popust {display:none}


.product2:hover .quickview2 span {
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
}

.product2 .quickview2 {
    display: none;
display: none;

border-width: 3px;
border-style: solid;
border-color: #D8D8D8;
height: 300px !important;
padding-right: 60px;
}

.qw2 > li {
 border: 1px solid #565555 !important;
    height: 10px !important;
    line-height: 10px;
    margin: 2px 5px !important;
    padding: 5px;
    width: 40px !important;
    color:#565555;
}




.qw2 {
   background: none repeat scroll 0 0 #fff;
    float: right;
    margin-right: -60px;
    padding-right: 20px;
    text-align: center;
    width: 50px;
    height:300px;

   }


.sredina4a {
    float: left;
    margin-bottom: 30px;
    margin-right: 20px;
    text-align: center;
    width: 30%;
}

.slika-desno2a {
    float: left;
    height: 200px;
    width: 200px;
}

.entry2a {
    float: left;
    text-align: center;
    width: 50%;
}

.product2:hover {border-bottom:0}
.product2 {border-bottom:0 !important}

.aktivno-robeezbanner-2 {border:2px solid #ea93a1}

.aktivno-alegriabanner-1 {border:2px solid #1A615B}


.banner-1 {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.banner-1:hover, .banner-1:focus, .banner-1:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


.banner-2 {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.banner-2:hover, .banner-2:focus, .banner-2:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}




h2.shop-title2 {font-size:14px; padding:0 10px; line-height:20px; min-height:40px; margin:10px 0; text-transform:uppercase; font-weight:normal;text-shadow: 0px 0px 1px #3175a4;}

.store_product_out_of_stock {float: left; color:red;
}

.desna-robeez-lista {
    float: right !important;
    margin-right: 50px !important;}

.lijeva-robeez-lista {
    float: left !important;
   }

.starost {color:#b5b4b4}

.fensi.zum-button {
    background: none repeat scroll 0 0 #db6a7c;
    border-radius: 15px;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
   
    padding: 0 10px;
    position: relative;
    z-index: 222;
}

.shop-podloga {background: url("https://rozi-step.hr/slike/podloga-shop.jpg") no-repeat scroll 60% center rgba(0, 0, 0, 0);
    height: 200px;}

.shop-podloga-2 {background: url("https://rozi-step.hr/slike/podloga-shop-2.jpg") no-repeat scroll 60% center rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    height: 20px;
    margin-left: 58px;
    margin-top: 30px;
    padding:20px 10px;
    width: 320px;}

.tekst-shop-2 {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.fensi.tablice-button {
   font-size: 18px;
    font-weight: bold;
    margin-left: 18px;
    text-align: center;
    text-transform: uppercase;
    width: 100%; margin-top:-10px
}

.robeez-popust {
    left: -8px;
    position: absolute;
    top: 5px;
    width: 80px;
    
}

.robeez-popust2 {
    left: -6px;
    position: absolute;
    top: 50px;
}

.robeez-popust3 {
    left: -8px;
    position: absolute;
    top: 5px;
    width: 80px;
-webkit-margin-start: -3px;
-webkit-margin-before: -3px;
    
}

.pocetna-popust {
    left: 85px;
    position: relative;
    top: -50px;
    width: 80px;
}

.pocetna-robeez-shop {
 left: 16px;
    position: relative;
    top: -48px;
    width: 146px;
}

.label-success-red {
  background-color: #ff0000;
}
.label label-success-red pull-right:hover,
.label label-success-red pull-right:focus {
  background-color: #ff0000;
}

.text-success-red {color:#ff0000}

.mainlogo {
  font-weight: 700;
  line-height: 18px;
  color: #fff;
  padding: 10px;
  border: 9px solid #d9d9d9;
  background: #3cbfde;
  margin: 9px 0;
  float: right;
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 14px;
}

.pravna-napomena {text-align:center; color:#888;}

/* TEMPUR AKCIJA POPUP */

/*
#slidebox{
    width: 450px;
    height: 351px;
    padding: 0;
    background: transparent;
    border: 0;
    position: fixed;
    bottom: auto;
    left: auto;
    top: 110px;
    z-index: 999;
    right: 30px;
}


a.close {
    font-size: 14px;
    position: absolute;
    z-index: 2;
    margin-top: -111.3%;
    background: #0F3559;
    border: 1px solid #fff;
    opacity: 1;
    color: white;
    font-weight: bold;
    border-bottom: 0;
    right: -0.2%;
    padding: 5px 10px;
    text-shadow: none !important;
}

a.close:hover {
opacity: 0.6;
}
*/

.shopopis .opis-shop-lijevo p {
float: left;
font-weight: 300;
    line-height: 28px;
    font-size: 14px;
}

.opis-shop-lijevo {
    float: left;
    width: 60%;
    margin-left: 20px;
}

.shop-opis-novi img {margin-right: 20px;}
.shop-opis-novi p {font-weight: 300;line-height: 28px;font-size: 14px;}

.shop-neklizajuce {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.shop-sale30 {
    position: absolute;
    top: 0;
    left: 130px;
    z-index: 1;
}

.robeez-popust-blagdani {
    left: 196px;
    position: absolute;
    top: -26px;
}