/* info
--------------------------------------------------------
	Start:	21.9.2009.
	Author:	BozooArt, www.bozooart.com
	URL: 	www.udomiteljizadjecu.hr
*/

/* 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 { font: 110% Arial, Helvetica, sans-serif; }

::-moz-selection { background: #f4f9ea; }
.clr { clear: both; }

a:focus { outline: none; }

a.back { font-size: 130%; color: #da221d; background: url(../images/back.gif) no-repeat 0 50%; padding-left: 30px;  }
a.back:hover { text-decoration: none; }

.topSpace { margin-top: 20px; }
.greenBg { background: #def1ba; }
.bordo { color: #883d3c; }
a.selected_style { background: #def1ba; }
.search_text { background: #f2ecb5; font-weight: bold; }
.hide { display: none; }
a.show { display: show; }
h4 { font-weight: bold; }

/* dodano */
h3#main { margin-bottom: 5px; line-height: 1.2em; font-size: 12px;   }
span.datum { margin: 20px 0; display: none;  }
.cursor { cursor: pointer; }

/* Interface
----------------------------------------------- */
body { font: 62.5% Arial,Helvetica,sans-serif; background: #969d59; margin:10px 0; }

#container { width: 789px; margin: 0 auto; background: #fff; padding-bottom: 20px; }
#header { background: url(../images/header.jpg) no-repeat; text-indent:-1000em; height: 326px; width: 789px; }

h1 { display: none; }
h2 { display: block; background: url(../images/category-bg.gif) no-repeat; width: 174px; height: 23px; padding: 7px 0 0 10px; text-decoration: none; color: #fff; margin-bottom: 2px; font-size: 120%; font-weight: bold; }
h2.kutic { background: none; font-size: 140%; color: #883d3c; margin: 30px 0 5px 0;}
h2 .kontakt { background: url(../images/kontakt.gif) no-repeat 100px 100%; }
h3 { font-size: 150%; padding: 20px 20px 20px 0; font-weight: bold; color: #883d3c;  }
h3 a { color: #883d3c; text-decoration: none; }
h3 a:hover { background: #f4f9ea; }

#grayTop { width: 184px; height: 4px;  }
#grayBottom { width: 184px; height: 4px; background: url(../images/grayBgBottom.gif) no-repeat; }
.grayBottom { width: 184px; height: 4px; background: url(../images/grayBgBottom.gif) no-repeat; }


#footer, #footer a { color:#999; padding: 0 2px; clear: both; text-align: center; line-height: 25px; text-decoration: none; text-align: right; margin-right: 20px; }
#footer a:hover{ background: #f4f9ea; }


/* Left
----------------------------------------------- */
#left { width: 184px; float: left; padding: 0 10px 0 10px; margin-top: -128px;  }

ul.nav { font-size: 120%; font-weight: bold; }
ul.nav li { margin-bottom: 1px; }
ul.nav li a { display: block; background: url(../images/category-bg.gif) no-repeat; width: 174px; height: 23px; padding: 7px 0 0 10px; text-decoration: none; color: #fff; cursor: pointer; }
ul.nav li a:hover { background-image: none; color: #515151; }
ul.nav li ul li a { background: url(../images/submenu-bg.gif) no-repeat; margin-bottom: 1px; color: #515151;  }

ul.nav li a.heart span { background: url(../images/heart.gif) no-repeat 95% center; width: 174px; display: block; }
ul.nav li a.heart:hover span {  background: url(../images/heart_hover.gif) no-repeat 95% center; }

.Vijesti #dom,
.Intervjui #dom { display: block !important;   }

#left dl { padding: 0px 10px 0 5px; background: #f2f3f3 url(../images/grayBgTop.gif) no-repeat; margin: 0; }
#left dt { font-weight: bold; font-size: 110%; padding-top: 10px; color: #883d3c;  }
#left dd { font-size: 120%; border-bottom: solid 1px white; padding-bottom: 10px; }
#left dd.noborder { border-bottom: none; }
#left dd a { color: #515151; background: #def1ba; padding: 0 2px; text-decoration: none; }
#left dd a:hover { background: #f4f9ea; }

#telefon { padding-top: 30px; visibility: hidden; }
.title { font-size: 140%; font-weight: bold; color: #883d3c; display: block; }
.big { font-size: 200%; text-align: center; display: block; color: #666666; margin: 5px 0; padding: 2px 0;}
.desc { font-size: 110%; display: block; text-align: center; color: #666666; margin-bottom: 15px; }

/* Content
----------------------------------------------- */
#content { float: left; width: 364px; color: #666666; font-size: 120%; line-height: 1.4em; padding: 0 20px 20px 0; }
#content p { margin-bottom: 15px; }

#content ul { padding: 0  20px 20px 20px; }
#content ul li { margin-bottom: 10px; padding-bottom: 5px; list-style-type: disc }

#content img { padding: 4px; border: 1px solid #cccccc; margin-right: 10px }

#content .textul.adresar li { border-bottom: solid 1px #def1ba; }

.text ul.vazno li a { background: white; text-decoration: underline; }
.text ul.vazno li a:hover { background: #f4f9ea; }

.leftImg { float: left; margin: 4px 10px 0 0; }
img.leftImg  { border: solid 1px #883d3c; padding: 3px; background: #f2f3f3;  }

.datum { font-size: 90%; font-weight: bold; }

#content .summary { font-weight: bold; }

#content .text { margin-bottom: 5px; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; font-size: 100%;   }
#content .text a { color: #515151; background: #def1ba; padding: 0 2px; text-decoration: none; }
#content .text a:hover { color: underline; }

dl.cat { padding: 10px 0; border-bottom: solid 1px #f2f3f3; }
dl.cat dt.catTitle a { font-size: 100%; color: #883d3c; padding: 0 2px; text-decoration: none; }
dl.cat dt.catTitle a:hover { background: #f4f9ea; }
dl.cat dd.date { font-size: 90%; padding-left: 2px; }
dl.cat dd.summary { padding-left: 2px; line-height: 14px; font-size: 90%; }

/* Right
----------------------------------------------- */
#right { width: 182px; float: left; padding: 0 0 0 10px; margin-top: -80px; }

#right ul { background: #f2f3f3 url(../images/grayBgTop.gif) no-repeat; width: 184px; }
#right ul li {  }
#right ul li a { display: block; color: black; padding: 2px 7px 2px 10px; text-decoration: none; font-size: 110%;   }
#right ul li a:hover{ background: #f4f9ea; }

#right ul li { border-top: 2px solid white; }
#right ul#kutic { background: none; margin-bottom: 42px; }
#right #eInfo { font-size: 120%; color: #883d3c; margin-top: 20px; font-weight: bold; }

.newsInput { margin: 10px 0; width: 175px; padding: 3px; border: solid 1px #ccc; }

/* Form
----------------------------------------------- */
.wpcf7 { padding: 20px 0 0 60px; }
.wpcf7 .input,
.wpcf7 textarea { margin-bottom: 5px; border: solid 1px #ccc; }
.wpcf7 .input { padding: 2px; width: 250px; }
.wpcf7 .input:focus,
.wpcf7 textarea:focus { background: #f4f9ea; }
.wpcf7 .button { margin-top: 15px; width: 100px; }
.wpcf7 .input_small { margin: 5px 0 5px 0; border: solid 1px #ccc; width: 80px; padding: 2px 0; }

#log { width: 350px; margin-top: 10px; font-weight: bold; color: #883d3c; }
#log_res { overflow: auto; }
#log_res.ajax-loading { padding: 20px 0; background: url(../images/spinner.gif) no-repeat center;}

fieldset#search label { margin-top: 15px; font-size: 120%; display: block; font-weight: bold; color: #883d3c; } 
fieldset#search .input { margin: 5px 0 5px 0; border: solid 1px #ccc; width: 170px; padding: 2px 0; }
fieldset#search .button { font-size: 120%; }

ol.search { padding-left: 30px; }
ol.search li{ list-style-type: decimal; margin-bottom: 10px; line-height: 15px; }
ol.search a { color: #666666; padding: 2px; text-decoration: none;  }
ol.search a:hover { background: #f4f9ea; }

#right li.all a { padding-left: 15px; background: url(../images/arrow.gif) no-repeat 0 50%; color: #883d3c; margin-left: 10px; }
#right li.all a:hover { color: black; text-decoration: underline;  }

ul.bulleting li { list-style-type: disc; padding: 0; line-height: 1.5em; margin-top: 5px !important;  }

ol.vazno {list-style: decimal; margin: 0 20px; // margin: 0 0 0 35px; // }
ol.vazno li  { margin-bottom: 10px; }
ol.vazno li a{ background: none !important; }
ol.vazno li a:hover{ background: #def1ba !important; }

#left dd a, #left dd a:hover { background: none; padding: 0;  }
#left dd a:hover { text-decoration: underline; }

#face a { background: url(../images/facebook.gif) no-repeat; display: block; width: 184px; height: 61px; text-indent: -9999em; margin: 14px 0 0 0;  }


#adobe { margin: 20px 0 0; font-size: 110%; color: #666; background: url(../images/adobe.gif) no-repeat; padding-left: 35px;  }
#adobe a { color: #666; text-decoration: none;  }
#adobe a:hover { color: #883d3c }


.kutic a { text-align: center; color: #883d3c;font-size: 120%; padding-left: 0; margin-top: -40px; height: 50px; display: block }
.kutic a:hover { color: #000; text-decoration: none   }

#kampanja { width: 386px}
#kampanja a {  text-decoration: none; color: #666;  }
#kampanja a:hover { text-decoration: none;color: #883d3c; }
#kampanja img{ border: none; margin-left: -4px }
#kampanja ul { font-size: 11px;}
#kampanja ul li { margin: 5px 0 0 0 !important; padding: 0 0 0 10px !important; list-style-type: none !important;  }

#kampanja ul#kamp-nav {  margin: 0; padding: 5px 0 10px 5px; font-size: 11px; float: left; width: 85px; background: #eeeeee; font-weight: bold; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;     }
#kampanja ul#kamp-nav li { margin: 5px 0 0 0 !important; padding: 0 0 0 10px !important; list-style-type: none !important;  }

#kampanja #kamp-news { float: left; width: 285px; margin: 0 0 0 10px; padding: 0;  }
#kampanja #kamp-news h3 { padding: 0 0 5px 0; margin-bottom: 5px; font-size: 11px; border-bottom: 1px solid #eeeeee  }
#kampanja #kamp-news ul { padding: 0; }
#kampanja #kamp-news li { margin: 0 0 5px 0 !important; padding: 0 0 0 10px !important; list-style-type: none !important; background: url(../images/bullet.gif) no-repeat 0 7px; width: 290px;   }

.button, .btn { padding: 1px 4px; cursor: pointer; }
#fb { margin-top: 20px}

.home-more { margin-top: 10px; }
.home-more span { font-size: 14px; font-weight: bold;  }

#footer { width: 789px; text-align: right; margin: 0 auto 0 auto;  }
#footer a { color: #fff; }
#footer a:hover { background: none; color: #4c5409;  }

#contact-form { margin-bottom: 40px;  }
#contact-form label { display: block; margin-bottom: 3px; color: #666;  }
#contact-form .input-text { width: 364px; background: #fff; border: 1px solid #ccc; padding: 4px 3px; color: #536877; margin-bottom: 17px  }
#contact-form textarea { width: 364px; border: 1px solid #ccc; height: 109px; color: #536877; padding: 3px; resize: none; margin-bottom: 10px; margin-bottom: 17px  }
#contact-form .button { background: #883d3c; border: none; color: #fff; cursor: pointer; margin-right: 4px; padding: 6px 8px;   }
#contact-form .button:hover { color:  #ccc }
#contact-form .input-text:focus,
#contact-form textarea:focus  { border-color: #666;  }
label.error { display: none;  margin-top: -10px;  color: #d02626 !important; font-style: italic }
#thanks { padding: 50px 50px 30px ;  }
#thanks strong { display: block; font-size: 18px; margin-bottom: 30px;  }
#thanks a { font-size: 14px; color: #883d3c; text-decoration: none  }
#thanks a:hover { text-decoration: underline;  }

#nl-area { display: none }