@charset "utf-8";
/* CSS Document */

body { height:100%; padding:6px 0 28px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; background:#f2f0eb; color:#333; }

h1 { display:block; font-size:18px; line-height:normal; font-weight:bold; margin-bottom:11px; }
h2 { display:block; font-size:14px; line-height:normal; font-weight:bold; margin-bottom:7px; }
h3 { display:block; font-size:20px; line-height:normal; font-weight:bold; }

a.normallink, a.normallink:link{ color:#18355f; text-decoration:none;}
a.normallink:hover{ color:#c06700; text-decoration:none;}
#top a.normallinkactive{ color:#c06700; text-decoration:none;}

a.textlink, a.textlink:link{ color:#9c6423;}
a.textlink:hover{ color:#333;}

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

#top{ text-align:right; font-size:13px; margin-bottom:18px; }
#top img{ vertical-align:middle; margin:0 10px; }

#header{ overflow:hidden;}
#header a.logo{ float:left; }
#nav { overflow:hidden; float:right; height:23px; margin-top:20px; }
#nav a { display:block; text-indent:-999999px; overflow:hidden; float:left; height:11px; margin-top:7px; }
#nav img { float:left; }
#nav img.navdivider { margin:0 7px; }
#nav a.menu1{ width:59px; background:url(../img/menu_01.gif); }
#nav a.menu1:hover, #nav a.menu1active{ width:59px; background:url(../img/menuh_01.gif)}
#nav a.menu2{ width:44px; background:url(../img/menu_03.gif); }
#nav a.menu2:hover, #nav a.menu2active{ width:44px; background:url(../img/menuh_03.gif)}
#nav a.menu3{ width:199px; background:url(../img/menu_05.gif); }
#nav a.menu3:hover, #nav a.menu3active{ width:199px; background:url(../img/menuh_05.gif)}
#nav a.menu4{ width:103px; background:url(../img/menu_07.gif); }
#nav a.menu4:hover, #nav a.menu4active{ width:103px; background:url(../img/menuh_07.gif)}
#nav a.menu5{ width:109px; background:url(../img/menu_09.gif); }
#nav a.menu5:hover, #nav a.menu5active{ width:109px; background:url(../img/menuh_09.gif)}
#nav a.menu6{ width:90px; background:url(../img/menu_11.gif); }
#nav a.menu6:hover, #nav a.menu6active{ width:90px; background:url(../img/menuh_11.gif)}
#nav a.menu7{ width:114px; background:url(../img/menu_13.gif); }
#nav a.menu7:hover, #nav a.menu7active{ width:114px; background:url(../img/menuh_13.gif)}
#nav a.menu8{ width:45px; background:url(../img/menu_15.gif); }
#nav a.menu8:hover, #nav a.menu8active{ width:45px; background:url(../img/menuh_15.gif)}

#homebody{ overflow:hidden; height:652px; background:url(../img/homebody.jpg) no-repeat; position:relative;}

#homebodyrow1{ text-align:center; width:464px; position:absolute; top:43px; left:32px; padding-top:10px; }
#homebodyrow1 p{ font-size:14px; line-height:20px; margin-top:12px; }
#homebodyrow1 p a img { vertical-align:top; }

#homebodyrow2{ width:928px; height:196px; overflow:hidden; position:absolute; top:353px; left:26px; }
#homebodyrow2 div { float:left; }
#homebodyrow2 img.homebodyrow2_leftimg { float:left; margin-right:22px; }
#homebodyrow2 img.homebodyrow2_dividerimg { float:left; margin-right:10px; }
#homebodyrow2 img.homebodyrow2_rightimg { float:left; margin-right:; }
#homebodyrow2 div.homebodyrow2left{ width:275px; margin-right:23px; }
#homebodyrow2 div.homebodyrow2right{ width:338px; }
#homebodyrow2 p.homebodyrow2_hlimage { padding:9px 0; margin-bottom:7px; background:url(../img/bg_homerowparagpraph.gif) bottom left repeat-x;}
#homebodyrow2 a { display:block; width:50px; margin-top:9px; }

#homebodyrow3{ width:888px; padding:8px; overflow:hidden; position:absolute; top:542px; left:26px; border:12px solid #f2f0eb; /*background:url(../img/bg_homerow3.gif);*/ }
#homebodyrow3 ul.tcom2cols { width:888px; overflow:hidden;}
#homebodyrow3 ul.tcom2cols li{ margin:0; padding:0; display: inline-block; min-height:1px; height:auto !important; height:1px; vertical-align: middle; *zoom: 1; *display: inline;}
#homebodyrow3 ul.tcom2cols li.lefttcom2cols {font-size:14px; width:585px; margin-right:20px;}
#homebodyrow3 ul.tcom2cols li.lefttcom2cols span { color:#e20074;}
#homebodyrow3 ul.tcom2cols li.lefttcom2cols img { vertical-align:middle; }
#homebodyrow3 ul.tcom2cols li.righttcom2cols{ width: 279px;}

#homebodyrow4{ overflow:hidden; position:absolute; top:542px; left:126px; height:90px; width: 728px; }
#homebodyrow4 #flashbanner {width: 728px; height:  90px;}

#banner{ margin:18px 26px; width:888px; padding:8px; overflow:hidden; border:12px solid #f2f0eb; }
#banner ul.tcom2cols {  width:888px; overflow:hidden;}
#banner ul.tcom2cols li{ margin:0; padding:0; display: inline-block; min-height:1px; height:auto !important; height:1px; vertical-align: middle; *zoom: 1; *display: inline;}
#banner ul.tcom2cols li.lefttcom2cols { width:580px; font-size:12px; margin-right:20px; text-align:left;}
#banner ul.tcom2cols li.lefttcom2cols span { color:#e20074;}
#banner ul.tcom2cols li.lefttcom2cols img { vertical-align:middle; }
#banner ul.tcom2cols li.righttcom2cols{ width: 279px;}

#body { background:#fff;}
#body.receptikokteli { background: #fff url(../img/bg_receptikokteli.jpg) 0px 100px no-repeat; }

#bodytabs{ text-align:center; }

#body ul.content2columns { width:944px; margin:0 18px; padding-bottom:2px; background:url(../img/bg_contentdiv.gif) bottom center no-repeat; overflow:hidden;}
#body ul.content2columns li{ margin:18px 0; padding:0; display: inline-block; min-height:1px; height:auto !important; height:1px; vertical-align: middle; *zoom: 1; *display: inline;}
#body ul.content2columns li.nomargin { margin:0; }

#body ul.content2columns li.leftslavnejabuke{ width: 263px;}
#body ul.content2columns li.leftslavnejabuke img{ width: 263px;}
#body ul.content2columns li.rightslavnejabuke{ width: 620px;}
#body ul.content2columns li.rightslavnejabuke p{ font-size:13px; line-height:18px; }

#body ul.content2columns li.leftproizvodi{ width: 443px; margin-right:21px;}
#body ul.content2columns li.leftproizvodi img{ width: 443px;}
#body ul.content2columns li.rightproizvodi{ width: 452px;}
#body ul.content2columns li.rightproizvodi h3{ color:#9c6423; border-bottom:1px dashed #9c6423; padding-bottom:11px; margin-bottom:9px; }
#body ul.content2columns li.rightproizvodi p { margin-top:5px; }

#body ul.content2columns li.leftmediji{ width: 372px; margin-right:21px; vertical-align:top;}
#body ul.content2columns li.leftmediji img, #body ul.content2columns li.leftmediji object{ width: 372px; }
#body ul.content2columns li.rightmediji{ width: 523px; vertical-align:top;}
#body ul.content2columns li.rightmediji em { font-style:normal; font-size:10px; line-height:normal; color:#666; }
#body ul.content2columns li.rightmediji h3{ color:#9c6423; border:0; padding-bottom:11px; margin-bottom:9px; }
#body ul.content2columns li.rightmediji p { margin-top:9px; }
#body ul.content2columns li.rightmediji a { display:block; margin-top:18px; }

#body #content2eqcols { width:944px; margin:40px 18px 0 18px; overflow:hidden;}
#body #imagephoto { float:left; width:426px; margin:0 21px;}
#body #imagephoto img { width:426px; margin-bottom:20px;}
#body #imagetext { float:left; width:426px; margin-bottom:20px;}
#body #imagetext h3{ color:#9c6423; border-bottom:1px dashed #9c6423; padding-bottom:11px; margin-bottom:9px; }
#body #imagetext p, #body #imagetext h2 { margin-bottom:5px; }
#body #imagetext p.kontaktpodaci { font-weight:bold; margin:0; }
#body #imagetext h3.kontaktnaziv { color:#333; border:none; padding:0; margin-bottom:9px; }
#body #imagetext h3.bezbordera { border:none; padding:0; margin-bottom:9px; }
#body #imagetext p.kontaktpodacibig { font-size:14px; line-height:20px; font-weight:bold; margin:0; }

#receptikokteli{ width:874px; margin:26px 53px; padding-bottom:18px; overflow:hidden; background:url(../img/bg_contentdiv.gif) bottom center no-repeat; }
#receptikokteli div { float:left; width:426px; }
#receptikokteli #receptikokteliphoto { margin-right:22px; }
#receptikokteli #receptikokteliphoto img { width:426px; }
#receptikokteli #receptikoktelitext h3{ color:#9c6423; border-bottom:1px dashed #9c6423; padding-bottom:11px; margin-bottom:9px; }
#receptikokteli #receptikoktelitext p { font-size:12px; line-height:16px; }

#receptikokteli #receptikoktelitext span.sastojcirecepti{ display:block;  width:426px; overflow:hidden; margin-bottom:17px; }
#receptikokteli #receptikoktelitext span.sastojcirecepti p { float:left; margin:0 10px 0 0; width:203px; padding:0; display:inline-block; min-height:1px; height:auto !important; height:1px; *zoom: 1; *display: inline;  }

#receptikokteli #receptikoktelitext p.brosoba { background:url(../img/bg_brosoba.gif) no-repeat; padding:1px 0 17px 24px; }
#receptikokteli #receptikoktelitext dl { overflow:hidden; width:426px; margin-bottom:17px; }
#receptikokteli #receptikoktelitext dt { width: 200px; padding-right:13px; float: left; clear: left; }
#receptikokteli #receptikoktelitext dd { float: left; }
#receptikokteli #receptikoktelitext table { width:426px; margin-bottom:17px; }
#receptikokteli #receptikoktelitext table td{ width:200px; padding-right:13px; }
#receptikokteli #receptikoktelitext span.opisrecept { display:block; padding:1px 0 17px 0; }
#receptikokteli #receptikoktelitext span.opiskoktel { display:block; background:url(../img/bg_opiskoktel.gif) no-repeat; padding:1px 0 17px 36px; margin-top:17px;}
#receptikokteli #receptikoktelitext p.sastojcikoktel {  padding:1px 0 17px 0; }
#receptikokteli #receptikoktelitext p.savjet { background:url(../img/bg_savjet.gif) no-repeat; padding:1px 0 17px 24px; }
#receptikokteli #receptikoktelitext p.vrijeme { background:url(../img/bg_vrijeme.gif) no-repeat; padding:1px 0 17px 24px; }

#content1col{width:902px; margin:0 39px; overflow:hidden;}

#content1col #forma{ width:462px; float:left; margin-bottom:30px; overflow:hidden; }
#content1col #forma img.hlform { margin:30px 0; }
#content1col #forma span { display:block; float:left; }
#content1col #forma label{ display:block; font-size:12px; font-weight:bold; text-align:left; line-height:40px;}
#content1col #forma input{  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; border:solid 1px #ccc0b5; width:205px; height:30px; margin:2px 10px 2px 0; padding:0 4px; }
#content1col #forma input.longinput { width:430px; }
#content1col #forma #divinputfile{ background:url(../img/upload_file.gif) no-repeat 100% 6px; margin:0px;}
#content1col #forma #divinputfile #filepc{ opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); }
#content1col #forma #fakeinputfile{ margin-top:-34px; }
#content1col #forma #fakeinputfile #fakefilepc{ width:170px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#content1col #forma textarea{  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; border:solid 1px #ccc0b5; width:432px; height:120px; margin:2px 0; padding:0 4px; }
#content1col #forma #recaptcha_widget { margin:20px 0; }
#content1col #forma button{ width:102px; height:21px; border:0; cursor:pointer; background:url(../img/buttonsend.gif) no-repeat; text-indent:-99999px; float:right;  }

#content1col #formakomentar { width:442px; float:left; margin-bottom:30px; overflow:hidden; }
#content1col #formakomentar img.hlform { margin:30px 0; }
#content1col #formakomentar label{ display:block; font-size:12px; font-weight:bold; text-align:left; line-height:40px;}
#content1col #formakomentar input{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; border:solid 1px #ccc0b5; width:213px; height:30px; margin:2px 0; padding:0 4px; }
#content1col #formakomentar em { font-style:normal; font-weight:normal; padding-left:190px; }
#content1col #formakomentar input.maxchars{ width:20px; border:0; overflow:hidden; font-size:12px; padding:0; }
#content1col #formakomentar textarea{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; border:solid 1px #ccc0b5; width:432px; height:120px; margin:2px 0; padding:0 4px; }
#content1col #formakomentar #recaptcha_widget { margin:20px 0; }
#content1col #formakomentar button{ width:102px; height:21px; border:0; cursor:pointer; background:url(../img/buttonsend.gif) no-repeat; text-indent:-99999px; float:right;  }

#content1col #komentar{ clear:both; border-top:1px dashed #9c6423; padding-top:20px;}
#content1col #komentar span{ display:block; color:#666; margin-bottom:8px; }
#content1col #komentar em { font-style:normal; font-size:14px; font-weight:bold; margin-left:10px; }
#content1col #komentar p{ margin-bottom:18px;}

#pagination{ clear:both; text-align:left; padding:18px 0; border-top:1px dashed #9c6423; }
#pagination.paginationbottom { border-bottom:1px dashed #9c6423; }
#pagination em { font-style:normal; margin:0 5px; }
#pagination a { margin:0 5px; }
#pagination a.normallinkactive{ color:#c06700; text-decoration:none;}

#share  { float:right; margin:30px 0; font-size:14px; font-weight:bold; }
#share img { vertical-align:top; margin-right:10px; }
#share a { text-decoration:none; line-height:26px; }
#share a.facebook { color:#43619d; }
#share a.linkedin { color:#4093d0; }


#footer { overflow:hidden; margin-top:9px; font-size:11px; }
#footer a{ margin-left:8px; color:#333; text-decoration:none; }
#footer img { vertical-align:middle; }
#footer span.footerleft { float:left;  }
#footer span.footerright { float:right;  }