/*
Theme Name: Herbarium
Theme URI: http://wordpress.org/
Description: Wordpress tema za tvrtku JanSpider iz Pitomače
Version: 1.0
Author: Definicija, Zagreb & 1dva, Virovitica
Author URI: http://1dva.hr/

	Grafičko oblikovanje stranice Herbarium.hr potpisuje
	Studio za vizualne komunikacije Definicija, Zagreb
	
	Kodiranje, implementacija i programiranje potpisuje
	Grafički studio 1dva, Virovitica
	
light-brown: #e2dbc8; light-green:#7f9e95; green:#003e2c; red:#990000; dark-gray:#626366; */

* { margin: 0; padding: 0; }

a { text-decoration: none; }
a img { border: 0; color: 0; }

body { font-family: Arial; font-size: 13px; color: #626366; }

.sizer { width: 720px; margin: 0 auto 0 auto; position: relative; }

p { line-height: 18px; margin-bottom: 18px; text-align: justify; }
strong { color: #7f9e95; }
a { }
a:hover { }


#header { background: #e2dbc8; }
#header h1 a { float: left; width: 140px; height: 70px; background: url("img/logo.gif"); overflow: hidden; display: block; text-indent: -9999px; margin: 40px 0; }
#header .right { float: right; width: 560px; margin: 50px 0; font-size: 10.4px; }
#header #aktualno-header { float: left; border-top: solid 1px #a29f97; width: 400px; padding: 3px 0 5px 0; color: #7f9e95; }
#header #aktualno-header a { color: #666; }
#header #aktualno-header a:hover { border-bottom: solid 1px #7f9e95; }
#header #aktualno-header span { color: #c20000; }
#header #jezik { float: right; border-top: solid 1px #a29f97; width: 160px; padding: 7px 0 5px 0; text-align: right; color: #626366; }
#header #jezik a { color: #626366; }
#header #jezik a:hover { color: #7f9e95; }

#main-nav { float: left; border-bottom: solid 1px #a29f97; border-top: solid 1px #a29f97; list-style: none; padding: 7px 0; width: 560px; }
#main-nav li { float: left; margin: 0 6.5px 0 0; letter-spacing: -0.13px; list-style: url("img/main-nav-list-style.gif") inside; padding: 0; }
#main-nav li.last { margin: 0; float: right; padding: 0; }
#main-nav li.first { list-style: none; }
#main-nav li a { color: #626366; }
#main-nav li a:hover { color: #7f9e95; }
#main-nav li.active { font-weight: bold; }


/* home */
#mainimg-home { background: url("img/content-bg-home.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-home .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-home .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* o nama */
#mainimg-o-nama { background: url("img/content-bg-o-nama.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-o-nama .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-o-nama .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* eko-proizvodi */
#mainimg-eko-proizvodi { background: url("img/content-bg-eko-proizvodi.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-eko-proizvodi .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-eko-proizvodi .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

#post-10 span { font-weight: bold; color: #003e2c; }
#post-10 strong { font-weight: bold; color: #626366; }

/* proizvodi */
#mainimg-proizvodi { background: url("img/content-bg-klasicni.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-proizvodi .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-proizvodi .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* proizvodi */
#mainimg-tinkture { background: url("img/content-bg-tinkture.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-tinkture .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-tinkture .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* proizvodi - bilje-pojedinacno */
#mainimg-proizvodi-pojedinacno { background: url("img/content-bg-proizvodi-category.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-proizvodi-pojedinacno .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-proizvodi-pojedinacno .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* proizvodi - klasicni */
#mainimg-proizvodi-klasicni { background: url("img/content-bg-klasicni.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-proizvodi-klasicni .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-proizvodi-klasicni .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* luksuzna pakiranja */
#mainimg-luksuzna-pakiranja { background: url("img/content-bg-luksuzni-proizvodi.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-luksuzna-pakiranja .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-luksuzna-pakiranja .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* luksuzna pakiranja */
#mainimg-filter { background: url("img/content-bg-filter.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-filter .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-filter .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* kontakt */
#mainimg-kontakt { background: url("img/content-bg-kontakt.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-kontakt .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-kontakt .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* opremanje-cajeva */
#mainimg-opremanje-cajeva { background: url("img/content-bg-opremanje-cajeva.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-opremanje-cajeva .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-opremanje-cajeva .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

/* priprema sirovine */
#mainimg-priprema-sirovine { background: url("img/content-bg-priprema-sirovine.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-priprema-sirovine .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-priprema-sirovine .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

#products li	{ display: none; }
#products li.active	{ display: block; }

#mainimg-home span { color: #7f9e95; }
#mainimg-priprema-sirovine span { color: #7f9e95; }233

/* my-tabs */
#tabovi { width:150px; float:left; list-style:none; margin:0; padding: 60px 0 0 0;}
#tabovi li { float:left; margin:0 0 10px 0; font-size:14px; width: 20%; }
#tabovi li a { color: #636466; text-decoration:none; }
#tabovi li a:hover,
#tabovi li a.active { border-bottom:solid 1px red; }

#sub-nav { float: left; width: 140px; list-style: none; }
#sub-nav ul { padding: 5px 0 0 0;  }
#sub-nav li:first-child h2 { border: 0; }
#sub-nav h2 { font-size: 12px; font-weight: normal; padding-top: 10px; margin-top: 10px; border-top: solid 1px #ccc;}
#sub-nav ul li { list-style: url("img/sub-nav-list-style.gif"); margin: 0 0 4px 16px; }
#sub-nav hr { border: 0; height: 20px; background: #ccc; margin: 10px 0; }
#sub-nav a { color:#666666; }
#sub-nav a:hover { border-bottom: solid 1px #eee; }

/* aktualno */
#mainimg-aktualno { background: url("img/content-bg-aktualno.jpg") repeat-x top; height: 120px; border-bottom: solid 1px #b0b1b2; font-family: Georgia; }
#mainimg-aktualno .left { float: left; width: 140px; height: 40px; padding: 40px 0; font-size: 16px; font-style: italic; color: #fff; }
#mainimg-aktualno .right { float: right; width: 560px; padding: 95px 0 0 0; font-size: 18px; color: #003e2c; }

#aktualno { margin: 10px 0 30px 0; border-bottom: solid 1px #b0b1b2; }
#aktualno li { min-height: 120px; border-bottom: solid 1px #c9c3b9; list-style: none; position: relative; margin-bottom: 10px; }
#aktualno dt { font-size: 18px; font-family: Georgia; color:#7f9e95; margin: 0 0 5px 160px; }
#aktualno dt a { color:#7f9e95; }
#aktualno dt a:hover { color: #003e2c; }
#aktualno dd.thumb { position: absolute; top: 0; left: 0;  }
#aktualno dd.date { margin-left: 160px; font-style: italic; }
#aktualno dd.text { margin-left: 160px; line-height: 18px; padding: 5px 0; }


/* content */
#content { margin: 10px 0 30px 0; min-height: 400px; }
#content .left { float: left; width: 140px; }
#content .right { float: right; width: 560px; margin-top: 15px; }
#content .right h2 { font-family: Georgia; font-weight: normal; margin: 20px 0 4px 0; color: #003F2D; font-size: 18px; }
#content .right h3 { font-family: Georgia; font-weight: normal; margin: 20px 0 4px 0; color: #7f9e95; font-size: 15px; }

#custom { float: right; width: 560px; margin: 50px 0; font-size: 12px; color: #636466; line-height: 16px; }

#certifikati { float: right; }

p.intro { color: #003e2c; font-style: italic; line-height: 20px; }
p.intro-bold { color: #003e2c; font-style: italic; line-height: 20px; font-weight: bold; }
p em { color: #7f9e95; font-weight: bold; }

#footer { background: url("img/footer-bg.gif") no-repeat bottom left #ebe3d5; min-height: 200px; border-bottom: solid 2px #c9c3b9; }

#cr { font-size: 10px; margin: 10px 0 100px 0; }

.hidden	{ position: absolute; top: -9999px; left: -9999px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:560px;
		min-height:320px;
		overflow:hidden;
		}
	span#prevBtn a { width: 20px; height: 20px; background: url("img/arr-left.gif"); text-indent: -9999px; display: block; overflow: hidden; }
	span#nextBtn a { width: 20px; height: 20px; background: url("img/arr-right.gif"); text-indent: -9999px; display: block; overflow: hidden; }	
	
	span#prevBtn a { position: absolute; left: 0px; }
	span#nextBtn a { position: absolute; left: 120px; }
	
	#numeric	{ float: left; display:table; list-style: none; padding: 0 10px; width: 100px; position: relative; left: -140px; margin-bottom: 50px; }
	#numeric li	{ display: table-cell; text-align: center;  }
	#numeric li a { color: #636466; }
	#numeric li.current a { color: #941022; font-weight: bold; }

/* wp-images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft { display: inline; float:left; margin: 0; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin: 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ie-warning */
#ie-warning { width:100%; background-color:#F7FF97; border-bottom:solid 2px #FF0; padding:20px; color:#111; }