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 {background:#fff url(https://herba-laboratorij.hr/slike/iza.png) 0 0 repeat-x; font:normal 15px/20px Georgia, Verdana, Sans-serif; color:#707070; text-align:left}

h1 {font-size: 35px; color: #000; font-weight: normal}
h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 25px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}

.clear {clear: both; height: 0.1px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear30 {clear: both; height: 30px}

.slika {float:left; margin:0 0 10px; padding:2px; border:1px solid #444}
.slika-lijevo {float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #444}
.slika-desno {float:right; margin:0 0 10px 10px; padding:2px; border:1px solid #444}

.lijevo {float:left}
.desno {float:right}

.mar-go-10 {margin: 10px 0 0 0}
.mar-de-10 {margin: 0 10px 0 0}
.mar-do-10 {margin: 0 0 10px 0}
.mar-li-10 {margin: 0 0 0 10px}

.zoom {float:left; position:relative}
.zoom span {display:block; background:transparent url(https://herba-laboratorij.hr/slike/zoom.png) 0 0 no-repeat; width:40px; height:40px; position:absolute; left:25%; top:25%}

a:link {color: #306101; text-decoration: none;}
a:visited {color: #306101; text-decoration: none;}
a:active {color: #306101;}
a:hover {color: #4c9802; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #6f6752; text-decoration: none;}
a.sivi:hover {color: #a29267; text-decoration: none;}

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

ul {list-style-type:disc; margin:20px 0 0 20px}
p {margin:0 0 10px}

.btn {
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 */
width: 99.8%;
height: 27px;
font: bold 12px/27px Arial;
float: left;
display: block;
margin: 0;
padding: 0 15px;
text-align: center;
color: #444;
text-decoration: none;
cursor: pointer;
border: 1px solid #c4c4c4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
// background: url(https://herba-laboratorij.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;}

#wrapper {margin:0 auto; width:1132px;}

#header {background: url(https://herba-laboratorij.hr/slike/bilje-gore.png) 492px 0 no-repeat;padding:0 92px 0 0;height:120px;position:relative}
#header h1 {margin:0;font:normal 28px Georgia; text-align:right;float:right;padding:30px 0 0 0;width:735px;color:#fff;text-shadow: 1px 1px 1px #000000}
#header #logo-g {position:absolute;top:0;left:-60px}
#header #logo-d {position:absolute;top:120px;left:-60px}

#navigation {float:left; width:1132px;height:34px}
#navigation ul {margin:0; padding:0 92px 0 0;float:right;background: url(https://herba-laboratorij.hr/slike/menu-off.png) 0 0 no-repeat;}
#navigation ul li {float:left;list-style-type:none; display:inline}
#navigation li a {display:block; float:left; padding:10px 19px 9px 19px; color:#fff; text-decoration:none;background: url(https://herba-laboratorij.hr/slike/menu-off.png) top right no-repeat;font:normal 13px Georgia;text-shadow: 1px 1px 1px #000000;}
#navigation li.aktiv {background: url(https://herba-laboratorij.hr/slike/oznaka.png) bottom center no-repeat;}
#navigation li.aktiv a {display:block; float:left; padding:10px 19px 9px 19px; color:#fff; text-decoration:none; background: url(https://herba-laboratorij.hr/slike/menu-on.png) top right no-repeat}
#navigation li a:hover {background: url(https://herba-laboratorij.hr/slike/menu-on.png) top right no-repeat;color:#b1dd4d}

#content-container {float:left; width:1132px; background:url(https://herba-laboratorij.hr/slike/bilje-dolje.png) 50% 0 no-repeat;padding:30px 0 0 0}
#content {float:left; width:650px; padding:20px 0; margin:0 0 0 30px}
.entry {float:left}
.entry-search {float:left; width:670px; height:106px; margin:0; padding:10px; cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {height:80px; overflow:hidden}

.press-swf {float:left; margin:0 15px 15px 0; background:#fff}
.press-pdf {width:300px; height:80px; overflow:hidden; background:#edffd7; float:left; margin:0 15px 15px 0; cursor:pointer}
.press-pdf h3 {font-size: 16px; color:#000; font-weight: normal; margin: 9px 0 5px 9px}
.press-pdf p {font-size:12px}
.slika-press {float:left; margin:9px 9px 0 9px; border:1px solid #fff; padding:0}

	ul.paginationw
	{
		
		
		font:12px 'Tahoma';
		list-style-type:none;
float: right;	
	}
	
	ul.paginationw a,
	ul.paginationw strong
	{
		float:left;
		margin:0px;
		padding:0px;
		margin-left:5px;
	}
	

	ul.paginationw a,
	ul.paginationw strong
	{
		color:black;
		display:block;
		text-decoration:none;
		padding:7px 10px 7px 10px;
	}
	
	ul.paginationw a img
	{
		border:none;
	}


	ul.paginationA a,
	ul.paginationA strong
	{
		color:#FFFFFF;
		border-radius:3px;	
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
text-shadow:0px 1px #90C547;
	}

	
ul.paginationA12 a
	{
		background:#D22020;
		background:-moz-linear-gradient(top,#90C547,#72A729);
		background:-webkit-gradient(linear,0 0,0 100%,from(#90C547),to(#72A729));	
	}	
	
	ul.paginationA12 a:hover,
	ul.paginationA12 a.current,
	ul.paginationA12 strong
	{
		color:#999;
		background:#C9DFAF;
	}

.google-karta {float:left; display:block; margin:0; width:100%; height:600px}

#smaller {float:right;width:200px; padding:20px 0; margin:0 20px 0 0; display:inline}
#smaller h4 {margin:0}

#trazilica {float:right; width:204px; height:32px}
.search-d {width:32px; height:32px; float:right; cursor:pointer}
.search-l {float:right; background: url("https://herba-laboratorij.hr/slike/search-l.png") top right no-repeat; border:none; width:152px; height:32px; line-height:32px; margin:0; font-family:Arial; font-size:12px; color:#ccc; padding:0 10px}

#breadcrumb, #breadcrumbd {height:32px; border:0; color:#999; padding:0; overflow:hidden;font-family:Tahoma}
#breadcrumb {width:100%;margin: 0 0 20px 0}
#breadcrumbd {width:830px; float:left;padding: 0 0 0 10px}
#breadcrumb h2 {font-size:11px; line-height:32px; margin:0; color:#999}
#breadcrumbd h5 {font-size:11px; line-height:32px; margin:0; color:#999}
#breadcrumb img, #breadcrumbd img {float:left}
#breadcrumb a:link, #breadcrumbd a:link, #breadcrumb a:visited, #breadcrumbd a:visited, #breadcrumb a:active, #breadcrumbd a:active {color:#999; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover, #breadcrumbd a:hover {color:#5E9315; text-decoration:none; line-height:32px; float:left; border:0}

.rss {float:right}
#footer {float:left;margin:40px 0 20px 0;clear:both; background: url(https://herba-laboratorij.hr/slike/foot-sjena.png) 0 0 no-repeat;width:949px;padding:25px 92px 0 91px;font: normal 11px Tahoma;}
#footer a {color:#5E9315;float:left;margin: 0 0 2px 0}
#footer a:hover {color:#3F7C08}
#footer h6 {float:left;margin: 0 0 6px 0}
#footer h6 a {font: normal 20px Georgia; color:#3F7C08}
#footer #kontakt-poc h6 a {width:180px}


#in-footer {float:left;border-top:1px dotted #000;width:949px;margin: 25px 0 0 0;padding:5px 0 0 0}

#footer-potpis {float:right;text-align:right;display:block;color:#999}
#footer-potpis a {color:#5E9315;float:none}
#footer-potpis a:hover {color:#999}

#novosti-poc {float:left;width:137px;}
#proizvodi-poc {float:left;width:145px;padding: 0 0 0 15px}
#kontakt-poc {float:left;width:180px;color:#000}
#karta-poc {position:relative;float:right;width:453px;height:215px;border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#karta-big {position:relative;float:left;width:949px;height:800px;border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin:10px 0 0 0}
#karta-kontakt {position:relative;float:right;width:300px;height:300px;border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin:30px 0 0 10px}
#prodajna-mjesta {position: absolute;z-index:2}

.gumbi-dolje {float:left;margin: 0 4px 0 0;}

/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:360px}

.notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px}
.notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0}
.notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(https://herba-laboratorij.hr/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center}
.notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:12px 0 0}
.notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px}
.notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(https://herba-laboratorij.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {/*background:#ccc496; */margin:20px 0 0 0; padding:0; height:auto; float:left;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative; margin:0; padding:0}
.contactForm label {font-size:14px; font-weight:bold; color:#646464; display:block; clear:both; padding-bottom:3px}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm textarea {width:97%; margin-bottom:12px; padding:5px; border:1px solid #AAA; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm input:focus, 
.contactForm textarea:focus {background:#FEFFB7}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://herba-laboratorij.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://herba-laboratorij.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}

/* Tablica */
#box-table-a {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse}
#box-table-a th {font-size:13px; font-weight:normal; padding:8px; background:#033F63; border-top:4px solid #00385C; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#e8edff; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#339}

.jezici {height:27px; overflow:hidden; position:absolute; top:4px; right:95px}
.jezik {float:left}
.prozirnost70 img {opacity: 1;}
.prozirnost70:hover img {opacity: 0.7;}


/* Mega izbornik */
#mega-navigation {width:1132px; height:34px; float:left; position:relative}

ul.mega-container{float:right;padding:0 150px 0 0; margin:0; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif;background:url(https://herba-laboratorij.hr/slike/menu-off.png) 0 0 no-repeat}
li.mega{list-style-type:none; float:left; padding:0; position:relative; z-index:10px}
li.mega.mega-active {background: url(https://herba-laboratorij.hr/slike/oznaka.png) 50% bottom no-repeat;}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{text-shadow: 1px 1px 1px #000000;color:#fff; text-decoration:none; font:normal 12px/34px Georgia; display:inline-block; padding:0px 12px; outline:none; position:relative; z-index:20px;background:url(https://herba-laboratorij.hr/slike/menu-off.png) top right no-repeat}
li.mega a.mega-tab:hover {text-shadow: 1px 1px 1px #000000;color:#B1DD4D; text-decoration:none; font:normal 12px/34px Georgia; display:inline-block; padding:0px 12px; outline:none; position:relative; z-index:20px;background:url(https://herba-laboratorij.hr/slike/menu-on.png) top right no-repeat}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(https://herba-laboratorij.hr/slike/menu-off-sub.png) no-repeat right center; padding-right:26px !important}
li.mega a.mega-sub:hover{background:url(https://herba-laboratorij.hr/slike/menu-on-sub.png) no-repeat right center;z-index:10000}

li.mega.mega-active a {background:url(https://herba-laboratorij.hr/slike/menu-on.png) top right no-repeat}

/* Content container */
.mega-content{width:190px; display:none; padding:0; position:absolute; top:96%; left:0px; border:none; text-align:left; color:#222; z-index:6; display:none; background:#204200}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:7px 7px 3px !important; z-index:10000 !important; min-width:210px}
.mega-menu ul{list-style-type:none; margin:0; min-width:210px}
.mega-menu li a{background-color:#F9F9F9; display:block; padding:3px 10px; color:#333; text-decoration:none; font-weight:normal; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub2{background-color:#fff; background-image:url(https://herba-laboratorij.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
li.mega-active .mega-menu li ul li a {background-color:#fff}
li.mega-active .mega-menu li ul li a:hover {background-color:#e5e5e5}
.mega-menu li a:hover{background-color:#e5e5e5}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#204200; width:280px; padding:7px 7px 0 7px; z-index:1000; position:absolute; left:100%; top:-7px; 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;}
.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%}


/*ROTATOR*/
.slider {float:left; width:949px; height:340px;overflow:visible !important;}
.slider-movie-example {width:453px;position:absolute;top:50px;right:0;}
.slider-movie-example h4 {font:normal 34px/40px Georgia; color:#438601; width:453px; float:left; margin:0 0 10px 0;}
.slider-movie-example h5 {font:normal 20px/24px Georgia; color:#93c624; width:453px; float:left; margin:0 0 10px 0;}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1;margin:0 0 0 94px}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0 0 0 0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display:inline;float:left;overflow:hidden;position:absolute;bottom:-19px;left:471px;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://herba-laboratorij.hr/slike/jquery-slider-theme.png) no-repeat 0px -61px;display:inline;float:left;width:7px;height:7px;margin:0 0 0 5px}
.jquery-slider-selector-current {background:url(https://herba-laboratorij.hr/slike/jquery-slider-theme.png) no-repeat -11px -61px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {background:url(https://herba-laboratorij.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(https://herba-laboratorij.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {background:url(https://herba-laboratorij.hr/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {background:url(https://herba-laboratorij.hr/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-next span {display:none}
.jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF}
.jquery-slider-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(https://herba-laboratorij.hr/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3}
.jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(https://herba-laboratorij.hr/slike/jquery-slider-rotator-right.png) no-repeat 0 0}

.screen-reader {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
}

#crta {float:left;width:949px;height:65px;border-top:1px dotted #cccccc;margin:15px 0 0 94px}

#big-greens {padding:0 0 0 230px;display:block;width:949px}
#big-greens2 {padding:0 0 0 140px;display:block;width:949px}

/*
.big-green {float:left;width:160px;height:30px;margin:20px 12px 20px 0;background: url(https://herba-laboratorij.hr/slike/big-green-gumb.png) 0 0 no-repeat;text-align:center}
.big-green a {font: normal 17px/30px Georgia; color:#254b00;width:160px;height:30px;float:left;}
.big-green a:hover {color:#000;}
*/

.big-green {float:left; height:30px;margin:20px 12px 20px 0;background: #ABCC46; text-align:center; border-radius:20px; border:1px solid #7C962C;}
.big-green a {font: normal 17px/30px Georgia; color:#254b00; height:30px;float:left; padding:0 10px;}
.big-green a:hover {color:#000;}


/* TipTip CSS - Version 1.2 */
#tiptip_holder{display:none; position:absolute; top:20px; left:30px; z-index:99999}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_left{padding-right:5px}
#tiptip_content{font-size:13px; color:#fff; text-shadow:0 0 2px #000; padding:4px 8px; border:1px solid rgba(255,255,255,0.25); background-color:rgb(13,117,7); background-color:rgba(13,117,7,0.92); background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000)); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 0 3px #555; -webkit-box-shadow:0 0 3px #555; -moz-box-shadow:0 0 3px #555}
#tiptip_arrow, #tiptip_arrow_inner{position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; width:0}
#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff; border-top-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff; border-bottom-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff; border-right-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff; border-left-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px; margin-left:-6px; border-top-color:rgb(13,117,7); border-top-color:rgba(13,117,7,0.92)}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px; margin-left:-6px; border-bottom-color:rgb(13,117,7); border-bottom-color:rgba(13,117,7,0.92)}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px; margin-left:-5px; border-right-color:rgb(13,117,7); border-right-color:rgba(13,117,7,0.92)}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px; margin-left:-7px; border-left-color:rgb(13,117,7); border-left-color:rgba(13,117,7,0.92)}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px 8px; background-color:rgba(13,117,7,0.88)}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(13,117,7,0.88)}
#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,0.92)}
}

.container{float:left; margin:0 0 0 0; height:150px; width:1132px;}
.container2{float:left; margin:0 0 0 0; height:175px; width:949px;}
.container3{float:left; margin:0 0 0 -94px; height:150px; width:1132px;}

#proizvodi {float:left;width:949px;margin: 0 0 0 88px}
#proizvodi h3, #proizvodi h3 a {color:#77a511}
#proizvodi h3 a:hover {color:#5E9315}

.proizvod {float:left;padding: 15px 0 15px 0;border-bottom:1px dotted #ccc;width:949px}
.proizvod h4 a {font: normal 20px Georgia;margin:0 0 10px 0;color:#77a511}
.proizvod h4 a:hover {color:#5E9315}
.proizvod img {float:left;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:1px solid #e0e0e0;padding:8px;background:#f7f7f7;margin: 0 10px 0 0 }
.proizvod img:hover {background:#e7e7e7}

.proizvod2 {float:left;padding: 15px 0 15px 0;border-bottom:1px dotted #ccc;width:949px}
.proizvod2 h4 a {font: normal 20px Georgia;margin:0 0 10px 0;color:#77a511}
.proizvod2 h4 a:hover {color:#5E9315}
.proizvod2 img {-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:1px solid #e0e0e0;padding:8px;background:#f7f7f7}
.proizvod2 img:hover {background:#e7e7e7}
.proizvod2 p {margin: 0 0 15px 0}
.proizvod2 ul {margin: 0 0 0 15px}

.proizvod3 {float:left;padding: 15px 0 15px 0;border-bottom:1px dotted #ccc;width:949px}
.proizvod3 h4 a {font: normal 20px Georgia;margin:0 0 10px 0;color:#77a511}
.proizvod3 h4 a:hover {color:#5E9315}
.proizvod3 p {float:right;margin: 38px 0 15px 0}




/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14.
 *
------------------------------------------------------------------------------------- */

div.st_horizontal { /* The main container */	
	position:relative;
	float:left;
	width:560px; /* Set the full width */	
	color:#616161;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev, 
div.st_horizontal a.st_next { /* Directional buttons (previous/next) */
	position:absolute;
	top:0px;
	z-index:110;
	display:none;
	height:38px;
	width:39px;
	border:1px solid #d4d4d4;
	outline:none;
	background:#fff url(https://herba-laboratorij.hr/slike/btn_arrows.gif) no-repeat;	
}

div.st_horizontal a.st_prev { /* Previous button */
	left:0px;
	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 { /* Previous button hover */	
	background-position:-50px 13px;
	background-color:#f5f5f5;
}

div.st_horizontal a.st_next { /* Next button */
	right:0px;
	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 { /* Next button 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 { /* Previous and next buttons disabled state */
	cursor:default;
	background-color:#f7f7f7;
}

div.st_horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */
	background-position:-113px 13px;
}

div.st_horizontal a.st_next.st_btn_disabled { /* Next button disabled state */
	background-position:-112px -14px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container { /* Tabs main container */		
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:40px;
	margin-bottom:-1px;	
	overflow:hidden;
}

div.st_horizontal div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
}

div.st_horizontal div.st_sliding_active div.st_slide_container { /* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */
	margin:0px 40px; /* Adds side margins to make space for the arrow buttons */
}

div.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:10000px; /* Set to an arbitrary high value */
	height:40px;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
}

div.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block;
	margin:0px;
	padding:10px 20px;
	font-size:11px;
	line-height:18px; /* Aligns the tabs to the bottom of the content container */
	color:#6a6a6a;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	border-top:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	background:#fff url(https://herba-laboratorij.hr/slike/h_tab_bg.jpg) repeat-x 0px bottom;
}

div.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
	color:#333;
}

div.st_horizontal ul.st_tabs li a.st_first_tab {
	border-left:1px solid #d4d4d4;
} 

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:#77A511;
	border-bottom-color:#fff;
	background:#fff;
}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
	height:277px;
	padding:20px 20px 23px; /* Set the padding for the content here */
	border:1px solid #d4d4d4;
	background-color:#fff;
	overflow-x:auto; /* To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_horizontal div.st_view { /* Slide-container for the content */
	position:relative;
	height:100%;
	overflow:hidden;
}

* + html div.st_horizontal div.st_view_container {overflow-x:hidden;overflow-y:scroll}

div.st_horizontal div.st_tab_view { /* Individual content containers */
	display:none; /* Hides the content when Javascript is disabled */
	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:0px;
}

div.st_horizontal div.st_view p {
	margin:14px 0 0;
	padding:0px;
}

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:0px;
}

/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */
	border-bottom:1px solid #d4d4d4;
}

div.st_horizontal.align_bottom a.st_prev { /* Previous button */
	/* Reset top borders */
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	/* Set bottom borders */
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}

div.st_horizontal.align_bottom a.st_next { /* Next button */
	/* Reset top borders */
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	/* Set bottom borders */
	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 { /* Tabs main container */
	position:absolute; /* Absolute position the tabs container at the bottom of the main container */
	bottom:-39px;
	left:0px;
	margin-bottom:0px;
}

div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	border-top-color:#fff;
	border-bottom-color:#d4d4d4;
}


.velika-slika {float:right;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:1px solid #e0e0e0;padding:8px;background:#f7f7f7;margin: 0 10px 0 0}

.hani {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}


a.taga1 {text-transform: uppercase; color: #77A511;}
a.taga1:hover {color: #5E9315;}


a.taga {
background:#90C547;
background:-moz-linear-gradient(top,#90C547,#72A729);
background:-webkit-gradient(linear,0 0,0 100%,from(#90C547),to(#72A729));
color:#FFFFFF;
border-radius:3px;	
-moz-border-radius:3px;
-webkit-border-radius:3px;
text-shadow:0px 1px #90C547;	
display:block;
text-decoration:none;
padding:7px 10px 7px 10px;
float:left;
margin-left:5px;
text-transform: uppercase;
}

a.taga:hover {
color:#999;
background:#C9DFAF;
}

a.tagam {
background:#90C547;
background:-moz-linear-gradient(top,#90C547,#72A729);
background:-webkit-gradient(linear,0 0,0 100%,from(#90C547),to(#72A729));
color:#FFFFFF !important;
border-radius:2px;	
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-shadow:0px 1px #90C547;	
display:block;
text-decoration:none;
padding:4px 7px 4px 7px;
float:left;
margin:2px !important;
font:normal 11px Tahoma;
}

a.tagam:hover {
color:#999;
background:#C9DFAF;
}

.vise {float:left;width:800px;}

a.viselink {
background:#90C547;
background:-moz-linear-gradient(top,#90C547,#72A729);
background:-webkit-gradient(linear,0 0,0 100%,from(#90C547),to(#72A729));
color:#FFFFFF;
border-radius:2px;	
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-shadow:0px 1px #90C547;	
display:block;
text-decoration:none;
padding:4px 7px 4px 7px;
float:right;
margin:2px;
font:normal 11px Tahoma;
}

a.viselink:hover {
color:#999;
background:#C9DFAF;
}


ul.nav_cat_archive2 {list-style-type: none}
ul.nav_cat_archive2 li {float:left; margin: 35px 0 0 0}
ul.nav_cat_archive2 li h3 {font:normal 24px Georgia; text-transform: uppercase}
ul.nav_cat_archive2 li h3 a {color: #38610F !important;}

.vezani {float:left;margin: 10px 0 0 0;font:normal 20px Georgia;color:#3F7C08}

#kupovina {float:left;font:bold 20px/20px Georgia, Arial;color: #306000;padding:10px;width:917px;margin: 0 0 10px 0}
#kupovina a {color:#306000}
#kupovina a:hover {color:#98C338}


#cloud {float:left; width:949px; height:0px; overflow:hidden; text-align:justify;margin:5px 0 0 0}



.list_carousel {
    padding:0;
    position: relative;
    background:#fff;
    width:949px;
    margin:0;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    font-size: 14px;
    color: #666;
    text-align: left;
    height: 250px;
    padding: 0;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
a.prev, a.next {
    background:url(https://herba-laboratorij.hr/slike/miscellaneous_sprite.png) 0 0 no-repeat;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
top: 95px;
}
a.prev {left: -60px; background-position: 0 0; }
a.prev:hover {background-position: 0 -50px; }
a.next {right: -60px;background-position: -50px 0; }
a.next:hover {background-position: -50px -50px; }
a.prev span, a.next span {display: none;}
.clearfix {float: none; clear: both;}

.okvirnaslov {width:300px; height:50px; overflow:hidden; margin:0 0 10px 0}
.okvirslider {cursor:pointer}


.zelenko {
 -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
 -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
 box-shadow:inset 0px 1px 0px 0px #c1ed9c;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
 background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
 background-color:#9dce2c;
 -webkit-border-top-left-radius:20px;
 -moz-border-radius-topleft:20px;
 border-top-left-radius:20px;
 -webkit-border-top-right-radius:20px;
 -moz-border-radius-topright:20px;
 border-top-right-radius:20px;
 -webkit-border-bottom-right-radius:20px;
 -moz-border-radius-bottomright:20px;
 border-bottom-right-radius:20px;
 -webkit-border-bottom-left-radius:20px;
 -moz-border-radius-bottomleft:20px;
 border-bottom-left-radius:20px;
 text-indent:0;
 border:1px solid #83c41a;
 display:inline-block;
 color:#ffffff important!;
 font-family:Arial;
 font-size:16px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:40px;
 width:162px;
 text-decoration:none;
 text-align:center;
 text-shadow:1px 1px 0px #689324;
}
.zelenko:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
 background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
 background-color:#8cb82b;
}.zelenko:active {
 position:relative;
 top:1px;
}

.vani {position:absolute;top:385px;width:949px;text-align:center;font:normal 20px/24px Georgia; color:#93c624;}

.smallbox-other.dpimg {padding: 1px;}
.smallbox-other.dpimg img.velika-slika {max-width: 100%;height: auto;}
.mt30 {margin-top: 30px;}
.shopslika.shopslikadim {padding: 0;min-height: 196px;}