/* info
--------------------------------------------------------
	Start:	01.01.2010.
	Name: 	OPG Pintar
	URL: 	  www.pintar.hr
	Author:	BozooArt, www.bozooart.com
*/

/* Colors
----------------------------------------------- 
#4b4b55 = black (text)

----------------------------------------------- */

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }
input, textarea,  select { font: 1em Arial,Helvetica,sans-serif;  color: #494627;  }
img { margin: 0; padding: 0; }


/* Classes
----------------------------------------------- */
a 	{ text-decoration: none; color: #0b5583; }
a:hover { border: none; text-decoration: underline; }
a:focus { outline: none; }

blockquote { margin: 0 0 30px 50px; }
.clr { clear: both; }
.left { float: left; }
.center { text-align: center; }
.hide { display: none; }
.orange {  color: #f05e09 }



/* General
----------------------------------------------- */
html, body { height: 100%; }
body 	{ font: 62.5%/1.4  Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; background: #285804 url(img/cabar_5.jpg) repeat-x 50% 0; color: #1e1a19; }
#header { height: 178px; width: 1003px; margin: 20px auto 0;  }

#container { position: relative; min-height: 100%; }
h1 { margin: 0 0 0 45px }
h1 a { display: block; background: url(img/menu.png) no-repeat 25px 21px; width: 195px; height: 61px; text-indent: -9999em; margin: 0 0 0 0; }
h1 a:hover { background-position: 25px -43px  }

#nav { position: relative; margin: -50px 0 0 293px }
#nav li { display: inline; }
#nav li a { background: url(img/menu.png) no-repeat; display: block; text-indent: -9999em; position: absolute;  }

#nav li#o-nama a { background-position: -171px 16px; width: 100px; height: 42px; margin-top: 15px  }
#nav li#proizvodi a { background-position: -256px 16px; margin: 39px 0 0 114px;  width: 116px; height: 43px;   }
#nav li#fotogalerija a { background-position: -359px 14px; margin: 0 0 0 235px;  width: 145px; height: 43px;  }
#nav li#gdje-smo a { background-position: -493px 18px; margin: 25px 0 0 406px; width: 108px; height: 47px;  }
#nav li#kontakt a { background-position: -585px 17px;  margin: -10px 0 0 532px;  width: 113px; height: 47px;  }

#nav li#o-nama a:hover { background-position: -171px -48px }
#nav li#proizvodi a:hover { background-position: -256px -48px }
#nav li#fotogalerija a:hover { background-position: -359px -50px }
#nav li#gdje-smo a:hover { background-position: -493px -46px }
#nav li#kontakt a:hover { background-position: -585px -47px }

.nama #nav li#o-nama a { background-position: -171px -48px }
.proizvodi #nav li#proizvodi a { background-position: -256px -48px }
.Fotogalerija #nav li#fotogalerija a { background-position: -359px -50px }
.Gdje #nav li#gdje-smo a { background-position: -493px -46px }
.Kontakt #nav li#kontakt a { background-position: -585px -47px }

#content-wrapper { background:  url(img/green.jpg) repeat-x 50% 258px; position: relative  }
#content { width: 803px; margin: 0 auto; padding: 0 120px 0 80px; position: relative;    }

#main-board { width: 804px; height: 316px; background: url(img/main_board.png) no-repeat; position: relative; z-index: 1 !important; visibility: show; margin-left: 18px }
  #main-board.hidden { visibility: hidden;  }
  
  #main-board ul { padding: 50px 0 0 60px; // padding: 50px 0 0 40px //  }
  #main-board ul li { display: inline; float: left; width: 202px;  margin-left: 55px;  }
  #main-board ul li h2 {text-indent: -9999em; padding: 3px 0  }
    #main-board ul ul { padding: 100px 0 0 0px; font-size: 1.3em; background: url(img/product_icons.png) no-repeat 30px 0; margin-top: 30px; list-style-type: circle; }
    #main-board ul ul li { margin: 0 0 2px 0;  color: #8e8176; padding-left: 15px; background: url(img/plus.gif) no-repeat 0 9px;  float: none; display: block;   }   
    #main-board ul ul li a { color: #8e8176; }
    #main-board ul li#cheese { margin: 0;  }   
    #main-board ul li#cheese h2 a  { background-position: 0 0; margin: 0;  }
    #main-board ul li#juice h2 a { background-position: -247px 0; }
    #main-board ul li#alcohol h2 a { background-position: -505px 0; }   
      #main-board ul li#juice ul { background-position: -214px 0  }
      #main-board ul li#alcohol ul { background-position: -480px 0  }

  #main-board ul li h2 a { display: block; padding: 0 0 0 0; width: 202px; height: 130px; position: absolute;  background: url(img/category_titles.png) no-repeat;  }

#road-sign a { display: block; width: 75px; height: 56px; background: url(img/road_sign.png) no-repeat; text-indent: -9999em; position: absolute; right: 10px; top: 173px  }
#road-sign a:hover { background-position: 100% 0; } 

#footer {  height: 220px; width: 100%;  background: url(img/fence.gif) repeat-x 50% 0; }
#footer-home {  height: 220px; width: 100%;  background: url(img/fence.gif) repeat-x 50% 0; position: absolute; bottom: 0; }
  #footer-links { width: 1003px; margin: 0 auto; position: relative; padding-top: 68px;  }
  #footer-links li { display: inline; float: left; }
  #footer-links li a { background: url(img/links.png) no-repeat; text-indent: -9999em; display: block; width: 87px; height: 39px; position: absolute;  }
  #footer-links li#facebook a { right: 284px }
  #footer-links li#webdesign a { background-position: 100% 0;  right: 133px }


#about-wrapper { padding: 0 0 63px 50px; margin-top: 60px; color: #142b02;  text-shadow: 1px 1px 1px #4c881c; height: 330px  }
#about { font-size: 1.9em; width: 490px; float: left;  text-shadow: 1px 1px 1px #4c881c }

#info { width: 225px; float: left; font-size: 1.6em; margin-left: 35px  }
#info li { background: url(img/info_icons.png) no-repeat; padding: 0px 0 10px 40px; margin-top: 10px }
#info li.first_child { margin: 0; }

#info li a { color: #142b02;  }
#info li a:hover { text-decoration: underline;  }
#info li#email { background-position: 0 -46px }
#info li#address { background-position: 0 -90px }

.cow { background: transparent url(img/cow.png) no-repeat; width: 124px; height: 84px; position: absolute; margin: 120px 0 0 -55px; cursor: pointer; }
#temperature  { background: url(img/bubbles.png) no-repeat -91px 0; position: absolute; margin: 75px 0 0 -50px; z-index: 110 !important; display: none; width: 91px; height: 58px; text-align: center; font-size: 2em; color: #3e352f; padding-top: 12px;  }
#temperature.temp  { display: block;   }

.chicken { width: 28px; height: 32px; background: url(img/chicken.png) no-repeat; text-indent: -9999em; display: block; position: absolute; margin: 15px 0 0 60px; cursor: pointer; }
.chicken.bu span { background: url(img/bubbles.png) no-repeat 100% 0; width: 53px; height: 35px;  position: absolute; display: block; margin: -30px 0 0 5px; z-index: 2 }

.fowl-holder { position: absolute;  right: 110px; top: 270px; z-index: 10; width: 58px; height: 73px; }
.fowl { width: 58px; height: 73px; background: url(img/fowl.png) no-repeat; cursor: pointer;   }

.face { background: url(img/bubbles.png) no-repeat; position: absolute; margin: 0 0 0 -60px; z-index: 1; display: none; width: 91px; height: 58px; text-align: center; font-size: 1.5em; color: #3e352f; padding-top: 12px; top: -50px }
.face.show { display: block; z-index: 20;  }
.face a { position: absolute; z-index: 50; width: 70px; padding: 3px 0; left: 9px; display: block;  }
.face a:hover { text-decoration: underline;  }
 
#main {  background: url(img/article_top.gif) no-repeat; position: relative; z-index: 100; margin: 0 0 0 16px; width: 803px; padding: 150px 0 0  }
#content-text h2 {  font-size: 2.5em; margin: -120px 0 50px; text-transform: uppercase; line-height: 1.1em }
#content-text p { margin-bottom: 50px; }
#content-text { background: url(img/article_bg.gif) 0 100px; padding: 50px; font-size: 1.5em; line-height: 1.6em  }
#content-bottom { background: url(img/article_bottom.gif) no-repeat; height: 23px; margin-bottom: 50px; clear: both;   }

#temperature h2 { display: none; }

.wpcf7-form { width: 400px; float: left;  }
.wpcf7-form p{ margin-bottom: 20px !important; }
.wpcf7-form p.dashed {  border-bottom: 1px dashed #1e1a19; padding-bottom: 3px; }
.wpcf7-form p label { display: block; }
.wpcf7-form p.dashed label { display: inline-block; width: 60px }
.wpcf7-form p.dashed .input_text { background: none; border: 0; padding: 4px; font: 1.3em georgia; width: 250px; color: #e45203;  }
.wpcf7-form p.dashed.small { width: 200px }
.wpcf7-form p.dashed.small .input_text {  width: 40px; margin-left: 10px;  }
.wpcf7-form p.dashed.small label { width: 80px; }
.wpcf7-form textarea { width: 381px; padding: 8px;  margin-top: 5px;  border: 1px dashed #1e1a19; background: #eeead1;  font: 1.3em georgia; height: 200px; color: #cf4900;  }
.wpcf7-form .button { width: 100px; padding: 5px 0; font-weight: bold; cursor: pointer; margin-top: 25px; }
.wpcf7-form .wpcf7-mail-sent-ok { color: #c24a12;  font-weight: bold; background: #f8f7e5; padding: 10px; border: 1px dotted #837262; margin-top: 30px;  }

.wpcf7-not-valid-tip-no-ajax { position: absolute; margin-left: 50px; left: 270px; margin-top: 7px; color: #c24a12;    }
.wpcf7-response-output.wpcf7-validation-errors { color: #c24a12;  font-weight: bold; } 

#sidebar {  width: 220px; float: left; margin: 3px 0 0 50px; padding: 30px 15px 30px 15px; border: 1px dotted #837262; background: #f8f7e5;   }
#sidebar .contact-info li  { margin-top: 20px; background: url(img/info_icons.png) no-repeat; padding: 0px 0 10px 40px;  }
#sidebar .contact-info li#email { background-position: 0 -46px }
#sidebar .contact-info li#address { background-position: 0 -90px }
#sidebar .contact-info li#phone2 { background-position: 8px -163px }
#sidebar .contact-info li#faceb { background-position: 2px -205px }

#map { border: 1px solid #1e1a19; background: #fff; padding: 4px;  }
#map-desc { margin-top: 30px; }

.photogallery { padding-bottom: 50px; }
.photogallery a { display: block; width: 148px; height: 112px; background: url(img/img_frame.gif) no-repeat; float: left; padding: 13px 0 0 11px; margin: 8px 8px;   }
.photogallery img { width: 134px; height: 101px; }
.align-content img { float: left; margin: 9px 70px 0 40px;  }
.align-content.map img {  margin: -10px 70px 40px 20px !important }

#content-text h3  { font-size: 1.8em; margin-bottom: 30px;   }

/* proizvodi */ 

#products { padding: 0 25px; }
#products ul { padding: 0 25px 25px;  }
#products h3 { background: #ded9bb; padding: 10px 5px; font-size: 1.6em;   }
#products li { clear: both; padding: 20px 0; line-height: 1.3em; height: 120px;  }
#products li img { float: left; height: 100px;  margin: 3px 50px 0 0; padding: 5px; background: #fff; border: 1px solid #ccc;  }
#products li h4 { font-size: 1.3em; color: green; margin-bottom: 20px; padding-left: 25px;  }
#products li p { margin: 0 !important; }

#main .center img { padding: 5px; background: #fff; border: 1px solid #ccc;  } 

#main a { color: green; font-weight: bold;  }
#main.error #content-text{ padding-bottom: 310px; }

#fanpage {  width: 201px; position: absolute; margin: -80px 0 0 572px; height: 66px; clip: rect(45px auto auto 60px); font-size: 0px !important;z-index: 99  }

#banner { position: absolute; z-index: 2; left: 150px; top: -80px }
#banner img { border: 3px solid #fff;  }

.lista { list-style-type: disc; margin: -20px 40px 40px }
.lista li { margin-bottom: 15px }

.img { padding: 2px; border: 1px solid #4b4b55 }

.wp-forecast-curr-head { display: none }