body {
  background: #000 url("./circle-pattern.gif") repeat-x;
  font: normal 12px Georgia, "Times New Roman", Times, serif;
  line-height: 140%
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#menu a {
  color: #FFFFFF;
}
div.glavni a {
  color: #FF0000;
  font-size: 12px;
}
a.more {
  line-height: 200%;
  color: #333333;
  font-size: 12px; 
}

.readmore {
	margin-left: 5px;
	color: #FF0000;
	font-size: 12px;
}
.normal {
	font-weight:normal;
	color:#FFF;}

.image {
  margin: 0;
  padding: 0;
  display: inline;
  overflow: hidden;
  border: 0;
  font-size: 0;
}
.image-naslovna {
  margin: 0 0 0 0;
  padding: 0;
  /*display: inline;*/
  overflow: hidden;
  border: 0;
  font-size: 0;
  z-index: 0;
}
.image-left {
  float: left;
  margin: 0;
  margin: 0 15px 15px 0;
  display: inline;
  overflow: hidden;
  font-size: 0;
}
.image-solo {
  margin: 0;
  margin: 10px 10px 15px 10px;
  display: inline;
  overflow: hidden;
  clear: both;
  font-size: 0;
}

.header h1 {
  text-indent: -8000px;
  background-image: url("./dop-logo.gif");
  background-repeat: no-repeat;
  background-color: #fff;
  height: 45px;
  width:413px;
  position:absolute;
  left:0;
  top:0;
  background-position: left;
  padding: 0;
  margin: 0;
}
h1 {
  font-family: Georgia, serif;
  /*font-weight: normal;
  text-align: left;*/
  font-size: 12px;
}
h2 {
  font: normal 30px Georgia, "Times New Roman", Times, serif;  
  padding: 10px;
  margin: 0;
  text-align: left;
  font-weight:bold;
}
h3 {
  font: normal 18px Georgia, "Times New Roman", Times, serif;  
  padding: 10px;
  margin: 0;
  text-align: left;
  font-weight:bold;
}
h4 {
  font: normal 16px Georgia, "Times New Roman", Times, serif;  
  padding: 10px;
  margin: 0;
  text-align: left;
}

p {
  padding: 5px 10px 5px 10px;
  text-align: left;
  margin: 0;
}

.header {
  margin: 0 10px 10px 10px;
  position:relative;
  width:940px;
  height:45px;
  background-color:#333333;
}

.meni {
  width: 472px;
  height: 60px;
  margin: 0 0 10px 10px;
  float: left;
  display: inline;
  background: #444;

  /*background: #444 url("./meni-tekst.gif") no-repeat;*/
  
}
.banner {
  width: 468px;
  margin: 0 10px 10px 0;
  float: left;
  display: inline;
}
.content {
  margin:10px 0;
}
.content a {
	font-weight:bold;
	text-decoration:underline;
}
.content ol {
  padding:10px;
  margin:0;
}
div.content ul {
  paddin:10px 0;
  margin:0;
  border:0;
  
}
div.sekcija .content h3 {
  padding:5px 10px;
  margin:0;
  border:0;
  letter-spacing:-1px;
  
}
div.sekcija .content h4 {
  paddin:10px 0;
  margin:0;
  border:0;
  padding:0 10px 10px 10px;
  font-size:14px;

  
}
div.sekcija .content ul li {
  paddin:10px 0;
  margin:0;
  border:0;
}
div.sekcija .content li h4 {
	padding:0;
	color:#000;
}
.toplista {
  /*background-color:#333333;*/
}

.toplista img {
	border: #333 solid 6px;}

#footer {
  margin: 20px 10px 10px 10px;
  color: #FFFFFF;
  min-height:410px;
  height:auto !important;
  height:410px;
}
#footer h3, h4 {
  padding: 0;
  font-size: 12px;
  font-weight:bold;
  color:#ccc;
}
#footer h3 {
  color:#C0C0C0;
}
#footer a {
  color:#fff;
  text-decoration:underline;
  font-weight:bold;
}

.grid-footer {
  width: 140px;
  margin: -8px 0 10px 10px;
  display: inline;
  float: left;
}
.grid-singlovi {
  width: 180px;
  margin: -8px 0 10px 10px;
  display: inline;
  float: left;
}
.grid-singlovi ul {
  padding: 15px 10px 10px 5px;
}
.grid-singlovi li {
  padding: 5px 0 0 0;
}
.grid-singlovi2 {
  width: 240px;
  margin: -4px 0 10px 0;
  padding:0 10px;
  display: inline;
  float: left;
  background-color:#333;
  height:550px;
}
.grid-singlovi2 h3 { 
  margin:10px 10px 5px 0;
  color:#FFF;
}
.grid-singlovi2 h4 { 
  margin:30px 10px 0 0;
  color:#FFF;
}

.grid-singlovi2 p {
  padding: 10px 10px 10px 0;
}
.grid-singlovi2 ul {
  padding: 5px 0 10px 0;
  margin-top:20px;
}
.grid-singlovi2 li {
  padding: 5px 0 0 0;
}
.grid-singlovi2 img {
	border:6px solid #222;
}
.grid-singlovi2 ol {
	margin:0 0 0 10px;
}
.grid-singlovi2 ol li{
	list-style:decimal;
	margin:0 0 0 10px;
	padding:5px 0;
	font-size:12px;
}
ol.toplista p {
	font-size:12px;
	text-transform:none;
	padding:0 0 5px 0;}
ol.toplista a {
	font-weight:bold;
}
.grid-toplista {
  width: 400px;
  margin: -8px 0 10px 10px;
  display: inline;
  float: left;
}
.grid-toplista img {
	border:6px solid #222;}
.grid-topitem {
  width: 120px;
  margin: 0 10px 10px 0;
  display: inline;
  float: left;
}
.top-left, .top-right {
	width:180px;
	float:left;
	display:inline;
	margin-top:10px;
}
.top-left {
	margin-left:10px;
}
.top-right {
	margin-left:10px;}
.top-left h4, .top-right h4 {
	margin:10px 0 5px 0;}
ol.toplista{
	margin:0 5px 0 0;
}
ol.toplista li{
	list-style:decimal;
	margin:0 0 0 15px;
	padding:3px 0;
	font-size:12px;
	line-height:120%;
}
ol.toplista p {
	font-size:12px;
	text-transform:none;
	padding:0 0 5px 0;}
	
h3.zivot {
	margin:10px 0 5px 0;
	text-transform:uppercase;}
#impressum {
  height: 40px;
  /*background-color: #222;*/
  margin: 0 10px;
  color: #eee;
  font-size:10px;
  font-weight:bold;
  line-height: 110%;
  padding:0 10px;
}
#impressum p {
  padding: 10px;
}
#impressum ul {
  list-style-type: none;
  color: #FFFFFF;
}
#impressum ul li {
  display: inline;
  float: left;
  padding: 10px 3px;
  color: #FFFFFF;
}
#impressum ul li a {
  color: #FF0000;
  text-decoration: underline;
  font-weight:bold;
}
#impressum ul li a:hover {
  color: #f00;
  text-decoration: none;
}
  
.container_12 {
  /*background: #fff url("./12_col.gif") repeat-y;
  margin-bottom: 20px;
  background-color: #FFFFFF;*/
}

.glavni {
  background-color: #333;
  height: 540px;
  color: #FFFFFF;
  padding-bottom: 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.sekcija {
  background-color: #fff;
  border-left: 10px solid #999999;
  border-right: 10px solid #999999;
  border-bottom: 10px solid #999999;
  background-image: url("./podrucje-sivo.gif");
  background-repeat: repeat-x;
  color: #000;
  padding-bottom: 10px;
  margin: 10px 0 10px 0;
  /*overflow: hidden;*/
}
.arhiva {
  background-color: #fff;
  border-left: 10px solid #999999;
  border-right: 10px solid #999999;
  border-bottom: 10px solid #999999;
  background-image: url("./podrucje-sivo.gif");
  background-repeat: repeat-x;
  color: #000;
  padding-bottom: 10px;
  margin: 10px 0 10px 0;
}

.srednja-kolona {
  /*background-color: #fff;
  height: 230px;*/
  font-size: 12px;
  color: #000;
  padding-top: 0;
  margin: 0;
}

.kratki {
  height: 170px;
  color: #000;
  margin: 5px 10px;
  padding: 0;
}

.sivo {
  height: 160px;
  color: #000;
  background-color: #fff;
  background-image: url("./podrucje-sivo.gif");
  background-repeat: repeat-x;
  padding: 0 0 10px 0;
  margin: 10px;
}
.sivo p, .kratki p {
	padding:0 10px;
}

div.sekcija h4 {
  padding-top: 0px;
  margin-top: 0;
  color: #666666;
}
div.sekcija li h4 {
  padding-top: 0px;
  margin-top: 0;
  color: #333;
  font-size:14px;
}
div.sekcija li h3 {
  padding-bottom: 0px;
}
div.sekcija ul li {
  position: relative;
  border-top: 1px solid #999999;
  padding-top: 0;
}

h3.blogovi {
  background: #fff url("./blogovi-naslov.gif") no-repeat;
  text-indent: -8000px;
  margin: 0;
  padding: 0;
  height: 25px;/* IE6 fix */
  overflow: hidden;/* IE6 fix */
}
h3.portreti {
  background: #fff url("./portreti-naslov.gif") no-repeat;
  text-indent: -8000px;
  margin: 0;
  padding: 0;
  height: 25px;/* IE6 fix */
  overflow: hidden;/* IE6 fix */
}
h3.kult {
  background: #fff url("./kult-naslov.gif") no-repeat;
  text-indent: -8000px;
  margin: 0;
  padding: 0;
  height: 25px;/* IE6 fix */
  overflow: hidden;/* IE6 fix */
}
h3.kolumna {
  background: #fff url("./kolumna-naslov.gif") no-repeat;
  text-indent: -8000px;
  margin: 0;
  padding: 0;
  height: 25px;/* IE6 fix */
  overflow: hidden;/* IE6 fix */
}

.autor {
  color: #333333;
  font-size: 11px;
  padding: 0 10px 5px 10px;
  margin: 0;
}
.autor a {  
    color: #FF0000;
}
.autor-main {
  color: #fff;
  font-size: 11px;
  padding: 0 10px 5px 10px;
  margin: 0;
  background-color:#222;
}
.autor-main a {  
    color: #FF0000;
}
.sadrzaj {
	border-bottom:#999 1px solid;
	margin-bottom:10px;
	min-height:180px;
	height:auto !important;
	height:180px;
}
.sadrzaj-tv {
	border-bottom:#999 1px solid;
	margin-bottom:10px;
	min-height:260px;
	height:auto !important;
	height:260px;
}
.sadrzaj h3 {
	font-size:18px;
	margin:10px;
	padding:0;}
.sadrzaj-tv h3 {
	font-size:14px;
	margin:10px 0 0 0;
	padding:0;}
div.sekcija .sadrzaj-tv h3, div.sekcija .sadrzaj-tv h4 {
	font-size:14px;
	margin:10px;
	padding:0;
	color:#000;
}
.tv-item {
	float:left;
	display:inline;
	width:110px;
	height:160px;
	margin:5px;
	}
.tv-item h4 {
	padding:5px; 0 5px 5px}
.podrucje {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight:bold;
  float: left;
  background-color: #f00;
  padding: 2px 5px 2px 5px;
  margin: -8px 10px 0 10px;
  display: inline;
  height: 18px;
  line-height: 140%;
  z-index: 200;  
}
.podrucje-sekcija {
  position: relative;
  color: #fff;
  font-size: 12px;
  float: left;
  background-color: #f00;
  padding: 2px 5px 2px 5px;
  margin: -8px 10px 5px 10px;
  display: inline;
  height: 18px;
  line-height: 140%;
  z-index: 200;
}
.podrucje-glavno {
  position: relative;
  color: #000;
  font-size: 12px;
  float: left;
  background-color: #fff;
  padding: 7px 5px 3px 5px;
  margin: 0px 10px 0px 10px;
  display: inline;
  line-height: 140%;
  height: 18px;
  z-index: 200;
}
.podrucje-srednja {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight:bold;
  background-color: #ff0000;
  padding: 2px 5px 2px 5px;
  margin: -8px 10px 0px 10px;
  display: inline;
  line-height: 140%;
  height: 18px;
  overflow: auto;
  z-index: 200;
  text-transform: uppercase;
}

.podrucje-footer {
	position: relative;
	color: #fff;
  font-size: 12px;
  font-weight:bold;
  float: left;
  background-color: #f00;
  padding: 2px 5px 2px 5px;
  margin: -10px 10px 0 0;
  display: inline;
  height: 18px;
  line-height: 140%;
  z-index: 200; 
}

h2.glavninaslov {
  font-size: 24px;
  font-weight:bold;
  letter-spacing:-1px;
  margin: 0;
  clear: left;
  padding:5px 10px 5px 10px;
}
h2.glavninaslov a {
  font-size: 24px;
  color:#FFF;
  font-weight:bold;
  letter-spacing:-1px;
  margin: 0;
  padding:5px 10px 0 0;
  line-height:110%;
}
h3.glavninaslov {
  font-size: 30px;
  line-height: 110%;
  padding: 10px 0 0 0;
}

h2.sekcijanaslov {
  color: #000;
  font-size: 24px;
  line-height: 140%;
  padding: 5px 10px;
  margin-top: 0px;
  margin-bottom: 0;
  border-bottom: 1px solid #999999;
  clear: both;
  letter-spacing:-1px;
}

h3.novosti {
  font-size: 16px;
  font-weight:bold;
  letter-spacing:-1px;
  line-height: 110%;
  margin: 20px 0 0 0;
}

h4.blogovi {
  font-size: 16px;
  line-height: 120%;
  padding: 5px 0 10px 0;
}
h4.srednji {
  color:#FFF;
  font-size: 11px;
  line-height: 110%;
  padding: 5px 0 10px 0;
  margin: 0;
  background-color:#000;
  
  
}
h4.srednji a{
  color:#FFF;
  /*font-size: 12px;
  line-height: 100%;
  padding: 5px 0 10px 0;
  margin: 0;
  background-color:#000; */
}
p.glavnitekst {
	font-size:12px;
}

.slika-glavni {
  float: left;
  padding: 20px 10px;
  display:inline;
}
.slika-novosti {
  float: left;
  padding: 5px 10px;
  clear:left;
   display:inline;
}
.slika-portreti {
  margin-top: -10px;
}

.slika-footer {
  padding: 0;
  margin: 20px 0 0 0;
}
.slika-nagradna {
	float:left;
	margin:5px 0;
	padding:0;
  display:inline;

}
.slika-zivot {
	float:left;
	margin:4px;
	padding:0;
	width:100px;
  display:inline;

}
.slika-tvmini {
	float:left;
	margin:5px;
	padding:0;
  display:inline;

}
.pages {
  margin:10px;
  padding-bottom:10px;
}
.pages a {
  text-decoration:none;
  line-height:110%;
  font-size:12px;
}
.pages a:hover {
  color:#f00;
  text-decoration:none;
}
.page {
  padding:2px;
  margin:0 3px 0 3px;
  display:inline;
}
.active {
  font-weight:bold;
  color:#FF0000;
  padding:2px;
  margin:0 3px 0 3px;
  line-height:110%;
  font-size:12px;
}
.prev, .next {
  margin:0 5px;
  display:inline;
  background:#333333;
  color:#FFFFFF;
  padding:2px 4px;
}
.inactive {
  margin:0 5px;
  color:#A0A0A0;
}

li.reflect_year {
  position:relative;
  margin:10px;
  font-size:14px;
  color:#FF0000;
  clear:left;
}
a.reflect_year_link {
  font-size:18px;
  margin:10px 0 10px 0;
  color:#FF0000;
}
ul.reflect_months li h4 {
  font-size: 12px;
  color: #000000;
  padding: 0 10px 0 10px;
  margin: 0;
}


#search {
  position: absolute;
  top: 12px;
  left: 720px;
  width: 200px;
  height: 45px;
  }
#search_area {
  padding: 0;
  margin: 0;
  /*position:relative;*/
}
.searchTerms {
    float: left;
  width: auto;
    display:inline;

}
.ajaxSearch_highlight {
    padding: 2px;
  background-color: #ccc;
}
.ajaxSearch_paging {
  padding: 10px;
  margin: 10px 0;
}
.ajaxSearch_result {
  margin: 10px 0;
}
.ajaxSearch_resultLink {
  padding: 10px;
  color: #FF0000;
  font-weight: bold;
  text-decoration: underline;
}
label #ajaxSearch_input, label #ajaxSearch_input:focus {
  position: absolute;
    width: 170px;
  top: 0;
  left: 0;
  font: normal 14px Georgia, "Times New Roman", Times, serif;
  margin: 0;
    padding: 3px 5px;
    background: #666;
    border: none;
    color: #fff;
}
#ajaxSearch_submit {
  height: 25px;
    width: 25px;
  	padding: 0 5px 0 5px;
    margin: 0 0 0 185px;
    border: 0;
    background: url("./trazi-povecalo.gif") no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
	position:absolute;
	top:0px;
}
.section{
  font-size:12px;
  color:#FF0000;
  line-height:120%;
}
/* banners */
.kockasti-front {
	background-color:#333;
	margin:30px 20px;
	padding: 10px;
	width: 336px;
	float:left;
	display:inline;
}
.kockasti {
	background-color:#333;
	margin:10px 20px;
	padding: 10px 10px;
	width: 336px;
	float:left;
	display:inline;
}
.srednji-section {
	width:560px;
	float:left;
	display:inline;}