body {background: #f0f0f0;color: #555555; font-family: Verdana, Arial, Tahoma;}
body.pocetna {background: #f0f0f0 url('../_img/heder.jpg') top center repeat-x;}

a, a:visited {color: #008DCF;text-decoration: none;}
a:hover {color: #008DCF;text-decoration: underline;}
p {margin: 10px 0px; line-height: 180%;}
b, strong {font-weight: bold;}
i, em {font-style: italic;}

#heder {height: 125px;}
#heder h1 {margin-top:25px; width: 200px; height: 60px; background: url('../_img/cubrad.png') center left no-repeat; text-indent: -9999px;}
#heder h2 {margin-left: 20px; margin-top:0px; width: 160px; text-align: right; font-size: 115%; letter-spacing: 4px; font-weight: lighter; font-style: italic;}

#navbar {background: #333; z-index: 9999; position: relative;}
#navbar .wrap {margin: 0px 15px; padding: 0px;}
#navbar .datum {color: #eee; text-align: right; right: 15px; top: 13px; position: absolute;}

#program {}
#program h1, #program h2, #program h3, #program h4 {color: #333; font-weight: normal; margin-bottom: 5px; padding-bottom: 5px; padding-left: 15px;}
#program h1, #program h2, #program h3 {background: url('../_img/sidebar-headline.png') left center no-repeat;}
#program h1 {font-size: 180%; border-bottom: 1px dotted #ccc;}
#program h2 {font-size: 150%; border-bottom: 1px dotted #ccc;}
#program h2 a, #program h2 a:visited {color: #333333; text-decoration: none;}
#program h2 a:hover {color: #008DCF; text-decoration: none;}
#program h3 {font-size: 130%; border-bottom: 1px dotted #ccc; margin-top: 20px;}
#program h4 {font-size: 110%; padding-left: 0px;}
#program .sadrzaj ul, #program .sadrzaj ol {margin: 10px 0px;}
#program .sadrzaj ul li {list-style: square; margin-left: 30px; margin-bottom: 5px; line-height: 180%;}
#program .sadrzaj ol li {list-style: decimal; margin-left: 30px; margin-bottom: 5px; line-height: 180%;}
#program .info span {font-weight: bold;}
#program table td {padding: 2px;}
#program ul.vijesti {margin: 20px 0px;}
#program ul.vijesti li {list-style: none; margin: 0px; padding: 0px; margin-bottom: 30px;}
#program ul.vijesti .adminPage {margin-bottom: -25px;}

#program .dizajn li {position: relative; list-style: none; width: 265px; margin: 5px 5px; padding: 10px 5px; border: 1px dotted #ccc; float: left; height: 180px; text-align: center;}
#program .dizajn li h4 {position: absolute; bottom: 0px; text-align: center; width: 255px;}
#program .dizajn li a {color: #333;}
#program .dizajn li a:hover {text-decoration: none;}


#program .faq {}
#program .faq .adminPage {margin-top: -20px;font-weight: normal;font-size: 85%;}
#program .faq dt {
	padding: 5px 5px 5px 15px;
	background: url('../_img/sidebar-headline.png') left center no-repeat;
	font-size: 130%; 
	border-bottom: 1px dotted #ccc;
}
#program .faq dd {padding: 5px 5px 5px 20px;border-left: 1px solid #008DCF;background: #fafafa;}
#program .faq dd p {margin-bottom: 10px;text-align: justify;}
#program .faq dd img {margin-left: 10px;}
#program .faq ul li {list-style: square; margin-left: 30px; margin-bottom: 5px; line-height: 180%;}
#program .faq dt.aktivan {background: #fafafa;}
#program .faq .mOver {background: #fafafa;}


#program .distribucije {margin: 30px 0px; text-align: center;}
#program .distribucije img { width: 90px; height: 90px; padding: 5px; border: 1px solid #e4e4e4; margin: 5px;}

#left h3, #futer h3 {font-size: 130%; border-bottom: 1px dotted #ccc;margin-bottom: 10px; padding-bottom: 5px;}

.box {background: #fff; margin: 0px; margin-top: 15px; padding: 20px;border: 1px solid #E4E4E4;}
.box ul {margin: 5px 0px;}
.box ul li {list-style: square; margin-left: 30px; margin-bottom: 5px;}

.vijesti .slikeR, .vijesti .slikeB {text-align: center;	margin: 0px; padding: 0px;}
.vijesti .slikeR {margin-left: 5px;width: 220px;float: right;}
.vijesti .slikeR li, .vijesti .slikeB li {border-style: none;list-style: none;display: inline;margin: 3px;padding: 0px;}

#pocetna {margin-top: 14px; background: url('../_img/home-top-wrap.png') top center no-repeat;}
#pocetna #t {height: 225px; margin-bottom: 30px;}
#pocetna h2 {background: url('../_img/sidebar-headline.png') left top no-repeat; padding-left: 15px; color: #555; font-weight: normal; margin-bottom: 10px; padding-bottom: 5px; font-size: 120%; border-bottom: 1px dotted #ccc;}
#pocetna h2 a:hover {text-decoration: none;}
#pocetna .vijest {list-style: none; margin: 0px; padding: 0px; float: left; display: inline;}
#pocetna .vijest div.div_vijest {width: 279px; margin: 0px 10px; }
#pocetna .vijest .slika {float: left; margin-right: 12px;}

#futer {margin-top: 15px; margin-bottom: 15px;}
#page_top {text-align: left;}
#server_info {text-align: center; margin-top: -15px;}
#copy_info {text-align: right; margin-top: -20px;}

form table td {padding: 2px;border-bottom: 1px solid #ddd;}

.clear {clear: both;height: 0px;width: 0px;}
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

.mOver {cursor: hand; cursor: pointer;}

.ui-state-highlight {background: #ccc;height: 35px;}

.adminPage {width: auto;text-align: right;padding: 5px;font-size: 90%;background: transparent;}
.adminPage a {margin-left: 5px;padding: 5px;}
.adminPage a:hover {background: #f00;color: #fff;text-decoration: none;}

.accordion {width: 100%;overflow: hidden;border: 1px solid #2b519d;}
.accordion li {display: inline;}
.accordion a {color: #1c9188;display: block;padding: 3px 5px;font-weight: bold;}
.accordion a:hover {background-color: #1c9188;color: #fff;text-decoration: none;}
.accordion dt {text-align: left;font-weight: bold;background-color: #2b519d;border-bottom: 1px solid #0e2c66;color: #fff;padding: 5px;}
.accordion dt.mOver {background-color: #0e2c66;color: #fff;}
.accordion dt.on {background-color: #0e2c66;}
.accordion dd {text-align: justify;overflow: hidden;padding: 0px;}

#pagination-digg {width: 100%;text-align: center;}
#pagination-digg li {display: inline;margin: 0px 10px;}

ul#pagination-digg {border:0; margin:0px; margin-bottom: 15px; padding:0; text-align: center;}
#pagination-digg li {border:0; margin:0; padding:0; font-size:11px; list-style:none; margin-right:2px; display: inline;}
#pagination-digg a {border:solid 1px #008DCF; margin-right:2px; padding: 4px 6px;}
#pagination-digg .previous-off,#pagination-digg .next-off {border:solid 1px #DEDEDE; color:#888888; font-weight:bold; margin-right:2px; padding:3px 4px;}
#pagination-digg .next a, #pagination-digg .previous a {font-weight:bold;}
#pagination-digg .active {background:#008DCF; color:#FFF; font-weight:bold; padding:4px 6px;}
#pagination-digg a:link, #pagination-digg a:visited {color:#008DCF; padding:3px 6px; text-decoration:none;}
#pagination-digg a:hover {background: #008DCF; color: #fff; border:solid 1px #008DCF;}

/* izgled tablice */
#grid {border-top: 1px solid #425227;border-left: 1px solid #425227;}
#grid th {text-align: center;margin-top: 0px;margin-bottom: 5px;font-family: verdana, arial, sans-serif;font-size: 11px;color: #395E76;padding: 4px;border-bottom: 1px solid #425227;border-right: 1px solid #425227;}
#grid th a {font-family: verdana, arial, sans-serif;font-size: 11px;color: #395E76;text-decoration: underline;}
#grid td {margin-top:5px;margin-bottom:15px;padding:4px;font-family: verdana, arial, sans-serif;font-size: 11px;line-height: 16px;border-bottom: 1px solid #425227;border-right: 1px solid #425227;}