body{margin:0; padding:0; color:#333; text-align:center; font-size:9pt; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; background:#fff url(../images/header-back.gif) repeat-x left 30px}
p, div{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  color:#333; font-size:1em}
p{line-height:140%}
h1{ font:1.6em "Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight:bold;  color:#a40000; margin:0px 0px 6px 6px}
h2{ font:1.6em "Trebuchet MS",Century Gothic,Arial,Helvetica,sans-serif;  font-weight:normal;  color:#a40000; border-bottom:1px solid #ccc}
h3{ font:1.4em "Trebuchet MS",Arial,Helvetica,sans-serif;  font-weight:normal;  color:#900}
h4{ font:1.2em Century Gothic,Arial,Helvetica,sans-serif;  font-weight:normal;  color:#369; margin:10px 0 10px 0}
 
hr{height:0px; width:100%; color:#ccc}
img{border:none}

.moduletable{font-size:1em; font-weight:normal; padding:0px; width:100%}
.comertial{font-size:1em; font-weight:normal; padding:0px; width:195px}

ul#mainlevel-nav{ list-style:none; margin:0; padding:0; text-align:right}
#mainlevel-nav li{display:inline; list-style-type:none; margin:0;  padding:0}
a.mainlevel-nav:link, a.mainlevel-nav:visited{text-decoration:none; color:#666; text-align:center; white-space:nowrap; height:30px; padding:0 6px 0 6px; text-transform:none; font-family:"Century Gothic",Arial,Helvetica,sans-serif; font-style:normal; line-height:30px; font-weight:normal; font-variant:normal}
a.mainlevel-nav:hover{color:#fff; text-decoration:none; background-color:#00598C}

ul#mainlevel{ list-style:none; margin:0; padding:0}
#mainlevel li{list-style-type:none; margin:0;  padding:0}
a.mainlevel:link, a.mainlevel:visited{text-decoration:none; color:#c79810; text-align:left; line-height:25px; height:25px; display:block; border-bottom:1px solid #ccc; width:200px}
a.mainlevel:hover{color:#fff; font-weight:normal; text-decoration:none; padding-left:5px; width:190px; background-color:#0969A6}
a#active_menu{color:#fff; padding-left:5px; width:190px; background-color:#094E7A}

.category{width:100%}
a.category:link, a.category:visited{color:#953434; font-weight:bold}
a.category:hover{color:#953434}

.small{font-size:.8em; color:#666; text-decoration:none; text-indent:5px}

.smalldark{font-size:.8em; color:#333; font-weight:normal}

.contentpane{text-align:left; width:auto; font-size:1em}
.contentpaneopen{text-align:left; width:auto; font-size:1em}
.contentheading{font-weight:500; color:#C30; border-bottom:1px solid #ccc; margin-bottom:10px; font-size:1.6em}
.componentheading{font:1.6em Century Gothic,Arial,Helvetica,sans-serif;   font-weight:normal;  color:#a40000; border-bottom:1px solid #ccc; margin-bottom:10px}
.contentdescription{font:1em Arial,Helvetica,sans-serif; color:#333; text-align:left}
.createdate, .modifydate{font:.8em Arial,Helvetica,sans-serif; color:#666; text-align:left}
.readon{background:url(../images/arrow.gif) no-repeat left; padding-left:15px}

form{margin:0; padding:0}
.button{font:1em; color:#333; margin:5px; border:3px double #ccc; text-align:center; height:25px}

.inputbox{font:bold 1em; color:#333; border:1px solid #ccc; margin:5px; background:#fff url(../images/input-back.gif) repeat-x top}
input{font:bold 1em; color:#333; border:1px solid #ccc; margin:2px; background:#fff url(../images/input-back.gif) repeat-x top}
.inputb{font:1em Arial, Helvetica, sans-serif; color:#333; border:1px solid #ccc; margin:2px; background:#fff url(../images/input-back.gif) repeat-x top}
a:link{color:#0d72ac; text-decoration:underline}
a:visited{text-decoration:underline; color:#0d72ac}
a:hover{text-decoration:none; color:#c79810}
.back_button{text-align:center}
.blog_more{padding:0px 0px 1px 8px}

#wrapper{width:770px; margin-left:auto; margin-right:auto; text-align:left}
#topmenu{background:#fff url(../images/top-left.gif) repeat-y left top}
#header{background:#fff url(../images/header.jpg) no-repeat left top; height:199px; position:relative}
#header_uskrs{background:#fff url(../images/header_uskrs.jpg) no-repeat left top; height:199px; position:relative}
#header_mrtvi{background:#fff url(../images/header_dan-mrtvih.jpg) no-repeat left top; height:199px; position:relative}
#header_vjestica{background:#fff url(../images/header_noc-vjestica.jpg) no-repeat left top; height:199px; position:relative}
#header_baklje{background:#fff url(../images/header_baklje.jpg) no-repeat left top; height:199px; position:relative}
#header_igracke{background:#fff url(../images/header_igracke.jpg) no-repeat left top; height:199px; position:relative}
#header_karneval{background:#fff url(../images/header_karneval.jpg) no-repeat left top; height:199px; position:relative}
#header_ljeto{background:#fff url(../images/header_ljeto.jpg) no-repeat left top; height:199px; position:relative}
#header_skola{background:#fff url(../images/header_skolski-pribor.jpg) no-repeat left top; height:199px; position:relative}
#header_valentinovo{background:#fff url(../images/header_valentinovo.jpg) no-repeat left top; height:199px; position:relative}

#header img, #header_uskrs img, #header_mrtvi img, #header_vjestica img, #header_baklje img, #header_igracke img, #header_karneval img, #header_ljeto img, #header_skola img, #header_valentinovo img{margin-left:15px; margin-top:30px}
#top{position:absolute; top:0px; right:5px; width:155px; color:#fff}
#top h3, #top table{margin-top:5px}
#top h3, #top p, #top td{color:#fff}
#top p, #top td{line-height:100%; font-size:.8em; margin:0}
#top input{width:100px}
#top a{color:#fff; text-decoration:underline}
.artikl{height:195px; border-bottom:1px solid #e5e5e5; color:#039}
.imgleft{margin:5px 10px 30px 5px; padding:3px; float:left; border:1px solid #fff; background:#fff}
#left{float:left; width:250px; background:#fff url(../images/left-back.gif) no-repeat left top; padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:25px}
#content{padding:25px; margin-left:120px}
#centerslim{margin-left:120px; margin-right:10px; width:auto; padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:155px}
#centerslim2{margin-left:120px; margin-right:10px; width:auto; padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:155px; color:#039}
#centerleft{margin-left:170px; width:auto; padding:25px}
#centerright{margin-right:170px; width:auto; padding:25px}
#centerwide{width:auto; padding:25px}
#right{float:right; width:150px; padding:20px 5px}
#footer{background:#333 url(../images/footer-back.gif) repeat-x left top; clear:both; text-align:center; width:100%}
#footerwrap{width:770px; text-align:left; padding-left:35px; padding-bottom:10px; padding-top:10px; margin:0 auto}
.user1, .user2{width:49%; float:left}
#footer h3{font:1.4em Century Gothic,Arial,Helvetica,sans-serif;   font-weight:normal;  color:#c79810; margin:10px 0 10px 0}
#footer ul{margin:0 0 20px 0; padding:0}
#footer li{margin:0; padding:0}
#footer p{color:#fff; clear:both; text-align:center; font-size:.8em}
#footer a{color:#fff; text-decoration:none; background:url(../images/arrow.gif) no-repeat left 3px; padding-left:15px; font-weight:normal}
#footer a:hover{color:#c79810; text-decoration:underline}
.clr{clear:both}
.empty1{height:20px}
.empty{height:10px}

#main_navigation{font-size:8pt; width:170px; margin-left:10px; margin-top:20px}
#main_navigation a{display:block; text-indent:0px; display:block; padding:0; text-decoration:none}
#main_navigation ul{padding:0px; margin:0px; list-style:none; list-style-position:outside}
#main_navigation a:hover, #main_navigation a:focus, #main_navigation a:active, #main_navigation .level1 a:hover, #main_navigation .level1 a:focus, #main_navigation .level1 a:focus, #main_navigation .level2 a:hover, #main_navigation .level2 a:focus, #main_navigation .level2 a:active, #main_navigation .level3 a:hover, #main_navigation .level3 a:focus, #main_navigation .level3 a:active{background-color:#008FD5}
#main_navigation a:hover, #main_navigation .level1 a:hover, #main_navigation .level2 a:hover, #main_navigation .level3 a:hover{color:#fff}

#main_navigation  .level1 a{font-weight:normal; color:#6A6A6B; background:url(../images/arrow.gif) top right no-repeat; line-height:24px; border-bottom:solid 1px #d3d1c6; padding:1px}
#main_navigation  .level1active a{color:#6A6A6B; font-weight:bold; background:url(../images/arrow_active.gif) top right no-repeat; border-bottom:solid 0px #d3d1c6; padding:1px}

#main_navigation ul.level2{border-bottom:solid 1px #d3d1c6; padding:0 0 6px 0}
#main_navigation .level2 a{font-weight:normal; padding-left:10px; color:#7A7C7D; background-image:none; line-height:15px; margin-bottom:3px; border-bottom:none}
#main_navigation .level2active a{padding-left:10px; font-weight:bold}

#main_navigation ul.level3{padding:0 0 6px 0}
#main_navigation .level3 a{font-weight:normal; padding-left:25px; color:#7A7C7D; background-image:none; line-height:15px; margin-bottom:3px; border-bottom:none}
#main_navigation .level3active a{padding-left:25px; font-weight:bold}