/* info
--------------------------------------------------------
	Start:	21.9.2009.
	Author:	BozooArt, www.bozooart.com
	URL: 	mladi.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 {  }
.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; }
#header { background: url(../images/mladi.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: 110%; padding: 20px 20px 5px 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;  }

#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; }

#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;  }

#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; }


ul#vijesti li.all a, ul#prenosimo li.all a { padding-left: 15px; background: url(../images/arrow.gif) no-repeat 0 50%; color: #883d3c; margin-left: 10px; }
ul#vijesti li.all a:hover, ul#prenosimo 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; }

#adobe { margin: 30px 0 0 0; font-size: 110%; color: #666666 }
#adobe span { padding: 0 5px; display: block; margin-bottom: 10px;  }

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

#fb { margin-top: 20px }