/* Jutarnji.hr master stylesheet */

/* Reset defaults to sane values*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* Reset fonts to sane values */
body{font:13px/1.231 tahoma,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* !Grid */

body {
    color: #333333;
}

.container {
  width: 984px;
  margin: 0 auto;
  background: #fff;
  padding: 0 8px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 12px; 
}

div.last { margin-right: 0; }

.span-1  { width: 71px; }
.span-2  { width: 154px; }
.span-3  { width: 237px; }
.span-4  { width: 320px; }
.span-5  { width: 403px; }
.span-6  { width: 486px; }
.span-7  { width: 569px; }
.span-8  { width: 652px; }
.span-9  { width: 735px; }
.span-10 { width: 818px; }
.span-11 { width: 901px; }
.span-12, div.span-12 { width: 984px; margin: 0; }

.append-1  { padding-right: 83px; }  
.append-2  { padding-right: 166px; } 
.append-3  { padding-right: 249px; } 
.append-4  { padding-right: 332px; } 
.append-5  { padding-right: 415px; } 
.append-6  { padding-right: 498px; } 
.append-7  { padding-right: 581px; } 
.append-8  { padding-right: 664px; } 
.append-9  { padding-right: 747px; } 
.append-10 { padding-right: 830px; } 
.append-11 { padding-right: 913px; } 

.prepend-1  { padding-left: 83px; }  
.prepend-2  { padding-left: 166px; } 
.prepend-3  { padding-left: 249px; } 
.prepend-4  { padding-left: 332px; } 
.prepend-5  { padding-left: 415px; } 
.prepend-6  { padding-left: 498px; } 
.prepend-7  { padding-left: 581px; } 
.prepend-8  { padding-left: 664px; } 
.prepend-9  { padding-left: 747px; } 
.prepend-10 { padding-left: 830px; } 
.prepend-11 { padding-left: 913px; } 

.pull-1 { margin-left: -83px; }
.pull-2 { margin-left: -166px; }
.pull-3 { margin-left: -249px; }
.pull-4 { margin-left: -332px; }
.pull-5 { margin-left: -415px; }

.pull-1, .pull-2, .pull-3, 
.pull-4, .pull-5, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -83px 1.5em 83px; }
.push-2 { margin: 0 -166px 1.5em 166px; }
.push-3 { margin: 0 -249px 1.5em 249px; }
.push-4 { margin: 0 -332px 1.5em 332px; }
.push-5 { margin: 0 -415px 1.5em 415px; }

.push-0, .push-1, .push-2, 
.push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}

.clearafter:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearafter, .container {display: inline-block;}
* html .clearafter,
* html .container {height: 1%;}
.clearafter, .container {display: block;}

.clear { clear:both; }

.hide { display: none; }

strong { font-weight: bold; }

/* !Blocks */

body.print-friendly {
  text-align: left;
}

#printcontainer {
  padding: 0 13px;
}

#header {
  margin: 0 0 3px 0;
}

.ephweb {
	text-align: center;
  background:url(../images/dot.gif) bottom repeat-x;	
  padding: 0 0 7px 0;
  font-size: 85%;
	line-height: 120%;
}

.headerlinks {
  background:url(../images/dot.gif) bottom repeat-x;
}

.headerlinks div.headermenu {
  float: left;
  margin-right: 20px;
}

.headerlinks span.ephwebheader {
  margin-top: 9px;
  float: left;
  font-size: 93%;
}

.mojjutarnji {
  text-align: center;
  margin-top: 9px;
  margin-bottom: 9px;
  padding-bottom: 10px;
  font-size: 93%;
  background:url(../images/dot.gif) bottom repeat-x;	  
}

#header .block-sidebar-c1 {
  margin-bottom: 0px;
}

.logo {
    float: left;
}

#navigation .level1 {
    background: #e11b22;
    height: 25px;
    line-height: 13px;
    color: #fff;
}

#navigation .level1 ul.nav {
    padding-left: 0;
    margin-left: 0;
    background-color: #e11b22;
    color: #fff;
    float: left;
    width: 650px;
    font-size: 116%;
    color: #fff;
}

#navigation .level1 ul.nav li { display: inline; }

#navigation .level1 ul.nav li a {
    padding: 6px 9px 6px 9px;
    color: #fff;
    text-decoration: none;
    float: left;
    font-weight: bold;
}

#navigation .level1 ul.nav li a.sitemap {
    padding: 5px 4px 0 6px;
}

#navigation .level1 ul.nav li a.home {
    padding: 5px 8px 0 2px;
}

#navigation .level1  ul.nav li a:hover {
    color: #fff;
    text-decoration: underline;
}

#navigation .level1 ul.nav li a.current {
    background-color: #003c93;
    color: #fff;
    margin-top: -3px;
    padding-top: 8px;
    padding-bottom: 7px;
}

#navigation .level2 {
    list-style: none;
    padding: 0;
    background-color: #003c93;
    color: #fff;
    margin-bottom: 9px;
}

#navigation .level2 ul {
    margin: 6px 0 0px 0;
    width: 560px;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
}

#navigation .level2 li {
    display: inline;
    padding: 0;
    margin: 0;
}

#navigation li a {
    color: #fff;
}

#navigation .level2 li:before { content: "| "; }
#navigation .level2 li:first-child:before { content: ""; }

#navigation .ephwebnav {
    float: right;
    color: #fff;
    padding: 6px 10px 0 0;
}

#navigation .ephwebnav a, #navigation .ephwebnav a:link {
  color: #fff;
}

#navigation .ephwebnav li {
  float: left;
  font-weight: bold;
  margin-left: 15px;
}

.level3 {
	background: #f4f2eb;
	border-top: 5px solid #e3e0d3;
	font-size: 85%;
	margin-bottom: 15px;
}

.level3 ul {
	padding: 6px;
	color: #44433f;
}

.level3 li {
	  padding-left: 10px;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 0.35em;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #b4b3ab;	
}

.level3 .current {
		background: none;
		font-weight: bold;
}

.level3 .sub {
    background-image: none !important;
}



.level3 h2 {
  color: #000;
  font-weight: bold;
  padding: 7px 0px 4px 0px;
  line-height: 130%;  
  background:url(../images/dot.gif) bottom repeat-x;	
  margin: 0 5px;
}

.topteme {
  float: left;
  margin: 0px 8px 0px 0;
  padding: 4px 0 5px 0;
}

.topteme img {
  margin-top: 1px;
}

#breadcrumbs {
	font-size: 85%;
	margin-top: 1px;
	margin-bottom: 8px;
}

#breadcrumbs-footer {
  background:url(../images/dot.gif) top repeat-x;	
	font-size: 85%;
	padding-top: 7px;
	margin-bottom: 2px;
	margin-top: 10px;
}

#breadcrumbs span, #breadcrumbs-footer span {
	float: left;
	margin-right: 5px;
}

#breadcrumbs li, #breadcrumbs-footer li {
	float: left;
	margin-right: 4px;
}

#breadcrumbs li:before { content: "» "; }
#breadcrumbs li:first-child:before { content: ""; }

#breadcrumbs-footer li:before { content: "» "; }
#breadcrumbs-footer li:first-child:before { content: ""; }

.topnews {
    margin-bottom: 15px;
}

.topnews .related {
    clear: both;
    background-color: #f4f2eb;
    color: #333;
    padding: 9px 5px 3px 5px;
}

.topnews .related ul.medialinks {
  font-size: 100%;
  margin-top: 0px;
}

.topnews .related ul.medialinks li {
  text-indent: 20px;
  margin-bottom: 3px;
}

ul.medialinks {
  font-size: 93%;
  line-height: 100%;
  margin-top: 3px;
}

ul.medialinks li {
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin-bottom: 0px;
    text-indent: 18px;
    line-height: 120%;
}

ul.medialinks li.video {
    background-image: url(../images/video.gif);
}

ul.medialinks li.foto {
    background-image: url(../images/foto.gif);
}

ul.medialinks li.blog {
    background-image: url(../images/blog.gif);
}

ul.medialinks li.anketa {
    background-image: url(../images/anketa.gif);
}

ul.medialinks li.komentar {
    background-image: url(../images/komentar.gif);
}

ul.medialinks li.link {
    background-image: url(../images/link.gif);
}

ul.medialinks li.sveostalo {
    background-image: url(../images/sveostalo.gif);
}

.block-section-b11-1 ul.medialinks li.video, .block-head-a4 ul.medialinks li.video {
    background-image: url(../images/video-b.gif);
}

.block-section-b11-1 ul.medialinks li.foto, .block-head-a4 ul.medialinks li.foto {
    background-image: url(../images/foto-b.gif);
}

.block-section-b11-1 ul.medialinks li.blog, .block-head-a4 ul.medialinks li.blog {
    background-image: url(../images/blog-b.gif);
}

.block-section-b11-1 ul.medialinks li.anketa, .block-head-a4 ul.medialinks li.anketa {
    background-image: url(../images/anketa-b.gif);
}

.block-section-b11-1 ul.medialinks li.komentar, .block-head-a4 ul.medialinks li.komentar {
    background-image: url(../images/komentar-b.gif);
}

.block-section-b11-1 ul.medialinks li.link, .block-head-a4 ul.medialinks li.link {
    background-image: url(../images/link-b.gif);
}

.block-section-b11-1 ul.medialinks li.sveostalo, .block-head-a4 ul.medialinks li.sveostalo {
    background-image: url(../images/sveostalo-b.gif);
}

.block-section-b11-1 ul.medialinks a, .block-section-b11-1 ul.medialinks a:link, .block-section-b11-1 ul.medialinks a:hover, .block-section-b11-1 ul.medialinks a:visited{
  color: #6699ff;
}

.block-head-a4 ul.medialinks a, .block-head-a4 ul.medialinks a:link, .block-head-a4 ul.medialinks a:hover, .block-head-a4 ul.medialinks a:visited{
  color: #6699ff;
}

#special-icons .special-icon {  
  background:url(../images/dot.gif) bottom repeat-x;	
	font-weight: bold;
	font-size: 85%;
	height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.special-icons-text {
  margin-top: 8px;
  margin-left: 5px;
  width: 110px;
  float: left;
}

.special-icons-image {
  float: right;
  margin-top: 3px;
  margin-right: 6px;
  width: 22px;
}

.mostcomments {
  margin-bottom: 15px;
  height: 163px;
  overflow: hidden;
}

.mostcomments ol { 
	font-size: 85%; 
	font-weight: bold;
	padding-left: 22px;
	height: 130px;
	overflow: hidden;
	padding-top: 4px;
}

.mostcomments ol li {
	margin-bottom: 6px;
	list-style-type: decimal;
}

.jutarnjitv {
  margin-bottom: 15px;
}

.jutarnjitv .morevideos {
  text-align: right;
  margin-top: 8px;
}

.jutarnjitv .morevideos a, .jutarnjitv .morevideos a:link, .jutarnjitv .morevideos a:visited {
  color: #cccccc;
  font-size: 85%;
  margin-right: 8px;
}

.jutarnjitv .jutarnjitvinfo {
  z-index: 100;
  background: #000;  
  position:relative; 
  height: 29px;
}

.jutarnjitv .jutarnjitvplayer {
  margin-top: -3px;
  width: 320px;
  z-index: 0;
  overflow: hidden;
  margin-bottom: 5px;
}

.jutarnjitvthumbs .first, .jutarnjitvthumbs .second {
  float: left;
  margin-right: 9px;
}

.jutarnjitvthumbs .third {
  float: right;
}

.jutarnjitvthumbs a {
  cursor: pointer;
  cursor: hand;
}

.block-special-j1 {
    background:url(../images/dot.gif) top repeat-x;	
    padding-top: 8px;
    margin-top: 10px;
}

.block-special-j1 p.head {
    font-size: 85%;
}

.block-special-j1 h1 {
    color: #655381;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 110%;
}

.block-special-j3 {
	margin-bottom: 10px;
} 

.block-special-j4 {
  border: 7px solid #f4f2eb;
  padding: 7px 6px 7px 6px;
  width: 128px;
  margin-bottom: 10px;
}

.block-special-j4 h2 {
  font: 85% Arial, Verdana, sans-serif !important;
  color: #fff !important;
  line-height: 100% !important;
  font-weight: bold !important;
  background: #e11b22 !important;
  margin-bottom: 7px !important;
  padding: 3px !important;;
  margin: -4px -4px 7px -4px !important;;  
}

.block-special-j4 ul.bulletlist {
    font-size: 85%;
}

.block-special-j4 ul.bulletlist li {
    padding-left: 8px;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 0.35em;
    margin-bottom: 5px;
}


.bottom5pxgray {
    border-bottom: 5px solid #e3e0d3;
}

.top5pxgray {
    border-top: 5px solid #e3e0d3;
}

.b10pxgray {
    border: 10px solid #f4f2eb;
}

.mar10pxbot {
    margin-bottom: 10px;
}

.mar15pxbot {
    margin-bottom: 15px;
}

.mar20pxbot {
    margin-bottom: 20px;
}

.pad0pxbot {
	padding-bottom: 0px;
}

.block-sidebar-c1 {
    margin-bottom: 5px;
    border-bottom: 5px solid #e3e0d3;
}

.block-sidebar-c1 img {
    margin-top: 8px;
}

.arhiva {
  padding-top: 8px;
  background:url(../images/dot.gif) bottom repeat-x;
}

.arhiva h2 {
  font-size: 138.5%;
  font-weight: bold;
  margin-bottom: 10px;
}

.arhiva ul {
  padding-bottom: 5px;
}

.arhiva li {
  font-weight: bold;
  font-size: 93%;
  margin-bottom: 10px;
}

#kalendar {
  border: 7px solid #f4f2eb;
  width: 290px;
  margin-bottom: 15px;
  font-size: 85%;
  padding: 6px 8px;
}

#kalendar a, #kalendar a:link, #kalendar a:hover, #kalendar a:visited {
  color: #000;
}

#kalendar .prev {
  float: left;
  width: 18px;
  margin-bottom: 5px;
}

#kalendar .label {
  float: left;
  width: 254px;
  text-align: center;
  font-weight: bold;
  margin-top: 1px;
}

#kalendar .next {
  float: right;
  width: 18px;
  margin-bottom: 5px;
}

#kalendar table {
  width: 100%;
  border-collapse: collapse;
}

#kalendar tr {
  border-collapse: collapse;
}

#kalendar th {
  padding: 5px 0;
  font-weight: bold;
  text-align: center;
  background:url(../images/dot.gif) top repeat-x;
  border-collapse: collapse;
}

#kalendar td {
  padding: 5px 0;
  text-align: center;
  background:url(../images/dot.gif) top repeat-x;
  border-collapse: collapse;
}

.archive-sidebar {
  border: 7px solid #f4f2eb;
  padding: 7px 6px 7px 6px;
  width: 294px;
  margin-bottom: 10px;
}

.archive-sidebar h2 {
  font-size: 93%;
  color: #fff;
  background: #e11b22;
  line-height: 100%;
  font-weight: bold;
  padding: 3px;
  margin: -4px -3px 7px -3px;
}

.archive-sidebar h2 a, .archive-sidebar h2 a:link, .archive-sidebar h2 a:visited, .archive-sidebar h2 a:hover {
  color: #fff;
}

.archive-sidebar ul {
}

.archive-sidebar li {
	float: left;
	font-size: 85%;
	line-height: 100%;
	width: 41px;
	text-align: center;
}

.archive-sidebar form {
	font-size: 85%;
	margin-top: 6px;
	padding: 0 3px;
}

.archive-sidebar form div {
	float: left;
	margin-right: 10px;
}

.archive-sidebar form div.submit {
	margin-right: 0;
	float: right;
}

.archive-sidebar select.day {
	width: 44px;
}

.archive-sidebar select.month {
	width: 95px;
}

.archive-sidebar select.year {
	width: 64px;
}


#multimedia {
    background: url('../images/carousel.png') no-repeat;
    width: 970px;
    height: 180px;
    color: #fff;
    margin: 5px 0 10px 0;
    padding: 7px;
}

#multimedia div.title {
  width: 200px;
  float: left;
  margin-right: 225px;
}

#multimedia div.nav {
    padding: 0 0 8px 0;
    width: 48px;
    float: right;
}

#multimedia div.links {
  font-size: 85%;
  margin-top: 5px;
  width: 300px;
  text-align: left;
  float: left;
}

#multimedia a,#multimedia a:link,#multimedia a:visited,#multimedia a:hover {
  color: #6093d2;
}

.rss3 a,.rss3 a:link,.rss3 a:visited,.rss3 a:hover {
  color: #6093d2;
}

#multimedia h1 {
    font-family: Georgia, serif;
    font-weight: bold;
    font-size: 138.5%;
    padding: 0px 0px 0px 4px;
    letter-spacing: -1px;
}

#multimedia a.prev, #multimedia a.next {
    display: block;
    float: left;
    width: 22px;
    height: 19px;
    text-decoration: none;
    background: url("../images/carousel-nav.png") no-repeat;
    cursor: pointer;
    cursor: hand;
}

#multimedia a.next {
    background: url("../images/carousel-nav.png") no-repeat -22px 0px;
    margin-left: 4px;
}

.rss3 {
    background: url('../images/carousel.png') no-repeat;
    height: 196px;
    color: #fff;
    margin: 10px 0 0px 0;
    width: 984px;
    padding-bottom: 20px;
}

.rss3 div.title {
  padding: 7px 0 0 7px;
}

.rss3 ul {
  margin-left: 7px;
}

.rss3 li {
    width: 237px;
    height: 154px;
    text-align: center;
    margin-right: 7px;
    float: left;
}

.rss3 li.last {
  margin-right: 0;
}

#multimedia h1 {
    font-family: Georgia, serif;
    font-weight: bold;
    font-size: 138.5%;
    padding: 0px 0px 6px 4px;
    letter-spacing: -1px;
}
    
#najcitanije-large, #najcitanije-sidebar {
    padding-bottom: 15px;
}    

#najcitanije-footer {
	padding-bottom: 20px;
}

.jutarnjionline {
	padding-bottom: 10px;
}

.jutarnjionline p {
	font-size: 85%;
	margin: 17px 0 8px 16px;
}      

.jutarnjionline .box {
	border: 7px solid #f4f2eb;
	padding: 5px 9px 0px 9px;
}  

.jutarnjionline .box ul {
	font-size: 85%;
	width: 180px;
}      

.jutarnjionline .box ul li {
	background:url(../images/dot.gif) top repeat-x;
	padding-top: 7px;
	padding-bottom: 7px;
}

.jutarnjionline h1 {
  font-family: Georgia, serif;
  font-size: 182%;
  line-height: 90%;
  color: #e11b22;
  margin-top: 3px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.jutarnjionline .newspaper {
	width: 102px; 
	border: 1px solid #d7d7d7; 
	margin-top: -138px;
	margin-left: 203px;
}
        
div.labels {
    padding-top: 4px;
} 

div.labels h1 {
    float: left;
    margin-left: 7px;
}     
            
div.labels div {
    float: left;
    margin-right: 5px;
}

div.labels ul {
	float: left;
	margin-top: 2px;
}

div.labels li {
	float: left;
	height: 15px;
	display: block;
	cursor: pointer;
  cursor: hand;
  margin-right: 5px;
}

div.labels li.b24s {
  background: url("../images/24sata-7dana.png") no-repeat 0 -15px;
  width: 42px;
}

div.labels li.b7d {
  background: url("../images/24sata-7dana.png") no-repeat -42px -15px;
  width: 73px;
}

div.labels .b24s.active {
  background: url("../images/24sata-7dana.png") no-repeat 0 0;
  width: 42px;
} 

div.labels .b7d.active {
  background: url("../images/24sata-7dana.png") no-repeat -42px 0;
  width: 73px;
} 

div.section div.labels ul {
	margin-top: 20px;
	margin-left: 12px;
}

div.section div.labels li.najcitanije {
  background: url("../images/najcitanije-najnovije.png") no-repeat -61px -15px;
  width: 69px;
}

div.section div.labels li.najnovije {
  background: url("../images/najcitanije-najnovije.png") no-repeat 0 -15px;
  width: 61px;
}

div.section div.labels .najcitanije.active {
  background: url("../images/najcitanije-najnovije.png") no-repeat -61px 0;
}

div.section div.labels .najnovije.active {
  background: url("../images/najcitanije-najnovije.png") no-repeat 0 0;
}

#fotovideo {
	margin-bottom: 10px;
}

#fotovideo div.tabs {
  border-bottom: 6px solid #000;
}

#fotovideo div.tabs div {
    float: left;
    margin-right: 5px;
}

#fotovideo div.tabs ul {
	float: left;
}

#fotovideo div.tabs li {
	float: left;
	width: 51px;
	height: 23px;
	display: block;
	cursor: pointer;
  cursor: hand;
  margin-right: 2px;
}

#fotovideo div.tabs li.foto-tab {
  background: url("../images/fotovideotabs.png") no-repeat 0 -23px;
}

#fotovideo div.tabs li.video-tab {
  background: url("../images/fotovideotabs.png") no-repeat -53px -23px;
}

#fotovideo div.tabs .foto-tab.active {
  background: url("../images/fotovideotabs.png") no-repeat 0 0;
} 

#fotovideo div.tabs .video-tab.active {
  background: url("../images/fotovideotabs.png") no-repeat -53px 0;
} 

#fotovideo #foto {
	background: #000;
}

#fotovideo #foto .caption {
	float: left;
	width: 500px;
	min-height: 23px;
}

#fotovideo #foto .caption p {
	color: #cccccc;
	margin: 0;
	padding: 0;
	padding: 5px;
	font-size: 85%;
}

#fotovideo #foto .credit {
	float: right;
	width: 150px;
	text-align: right;
	min-height: 23px;
}

#fotovideo #foto .credit p {
	color: #cccccc;
	margin: 0;
	padding: 7px 7px 0 0;
	font-size: 9px;
}

#fotovideo .fotonav {
	background: #4c4c4c;
	padding: 4px;
	line-height: 90%;
}

#fotovideo .fotonav .prev {
	width: 65px;
	float: left;
	cursor: pointer;
}

#fotovideo .fotonav .next {
	width: 65px;
	float: right;
	cursor: pointer;
}

#fotovideo .fotonav .count {
	width: 514px;
	float: left;
	text-align: center;
	font-size: 85%;
	color: #fff;
}

#fotovideo #video {
	background: #000;
	padding-top: 4px;
	padding-bottom: 4px;
}

#fotovideo #video #videos {
	padding-top: 15px;
	padding-left: 20px;
}

#fotovideo #video #videos a {
  color: #fff;
  cursor: pointer;
}

#fotovideo #video #videos li {
	width: 121px;
	height: 135px;
	float: left;
	text-align: center;
}

#fotovideo #video #videos p {
	font-size: 85%;
	color: #ccc;
	margin: 0;
	padding: 0;
}

#najcitanije-sidebar div.labels, .mostcomments div.labels {
	padding-top: 3px;
	padding-bottom: 4px;
	background:url(../images/dot.gif) bottom repeat-x;
	margin-bottom: 5px;
}

#najcitanije-sidebar div.labels div, .mostcomments div.labels div {
	margin: 0;
}

#najcitanije-sidebar div.labels ul, .mostcomments div.labels ul {
	float: right;
	margin: 0;
}

#najcitanije-sidebar div.labels li, .mostcomments div.labels li {
	margin: 0;
	margin-left: 5px;
}

#najcitanije-sidebar div.labels h1, .mostcomments div.labels h1 {
	margin: 2px 0 0 3px;
	font-family: Arial, sans-serif;
	font-size: 85%;
	color: #000;
	font-weight: bold;
}

#najcitanije-sidebar ul.bulletlist {
	font-size: 85%;
	margin-top: 10px;
}

#najcitanije-sidebar ul.bulletlist li {
	margin-bottom: 4px; 
}

#ispravci {
  margin-bottom: 15px;
}

#ispravci div.labels {
	padding-top: 3px;
	padding-bottom: 4px;
	background:url(../images/dot.gif) bottom repeat-x;
}

#ispravci div.labels h1 {
	margin: 1px 0 0 3px;
	font-family: Arial, sans-serif;
	font-size: 85%;
	color: #000;
	font-weight: bold;
}

#ispravci ul, #arhiva-kolumna ul {
	font-size: 85%;
	margin-top: 10px;
}

#arhiva-kolumna ul {
  margin-top: 5px;
}

#ispravci ul li, #arhiva-kolumna ul li {
	margin-bottom: 4px; 
}

#ispravci div.labels span {
  float: right;
  font-size: 85%;
}

.carousel {
    width: 970px;
    position: relative;
    visibility: hidden;
    left: -5000px;
}

.carousel .image {
  position:relative;
  clear:none;
  float: left;
  overflow:hidden;
  padding: 0;
  width: 237px;
  height: 118px;
  z-index:1;
  margin-bottom: 5px;
}

.carousel .image div {
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  z-index:2;
  bottom: 10px;
  text-align:left;
}

.carousel li {
    width: 237px;
    height: 154px;
    text-align: center;
    margin-right: 7px;
}

.section .header h1 {
    font-family: Georgia, serif;
    font-size: 28px;
    line-height: 100%;
    color: #074196;
    margin-top: 3px;
    padding-left: 6px;
    padding-top: 5px;
    letter-spacing: -1px;
    padding-bottom: 3px !important;
}

.section .header h1 a, .section .header h1 a:link, .section .header h1 a:visited {
  color: #fff;
}

.section .red h1, .section .red p.head, h1.red {
  color: #f10f64;
}

.section .orange h1, .section .orange p.head {
  color: #fd6c02;
}

.gorila {
    width: 970px;
    position: relative;
    visibility: hidden;
    left: -5000px;
}

.gorila li {
    width: 237px;
    height: 154px;
    text-align: center;
    margin-right: 7px;
    float: left;
}

.subsections {
    float: right;
    font-size: 85%;
    margin-top: 3px;
    margin-right: 10px;
    color: #b4b3ab;
}

.specijalhead {
  height: 79px;
  border-bottom: 5px solid #e3e0d3;
}

.specijalhead h1 {
    font-family: Georgia, serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 100%;
    color: #074196;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 12px;
    letter-spacing: -1px;
    background:url(../images/dot.gif) top repeat-x;
}

.specijalhead h2 {
  font-size: 108%; 
  font-family: Arial, sans-serif;
  padding-left: 5px;
}

.sectionhead {
	padding-bottom: 10px;
}

.sectionhead .subsections ul {
    margin: 13px 0 0px 0;
}

.sectionhead h1 {
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 100%;
    color: #074196;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 8px;
    letter-spacing: -1px;
    background:url(../images/dot.gif) top repeat-x;
}

.subsections ul {
    margin: 6px 0 0px 0;
}

.subsections li {
  display: inline;
  padding: 0;
  margin: 0;
}

.subsections li:before { content: "| "; }
.subsections li:first-child:before { content: ""; }

.subsections li.rss {
	background:url(../images/rss.png) right no-repeat;
	padding-right: 15px;
}

.section {
    padding-bottom: 5px;
}

.section .header {
    margin-bottom: 10px;
}

.cat h2 {
    font-weight: bold;
    font-size: 93%;
    padding-left: 3px;
    padding-top: 3px;
    margin-bottom: 5px;
}

.errorpage {
  padding-bottom: 85px;
}

.errorpage h1 {
    font-family: Georgia, serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 100%;
    color: #074196;
    padding-bottom: 22px;
    padding-top: 58px;
    letter-spacing: -1px;
    background:url(../images/dot.gif) top repeat-x;
}

.errorpage li {
    padding-left: 8px;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 0.45em;
    margin-bottom: 2px;
    font-size: 108%;
}

ul.bulletlist {
    font-size: 93%;
}

ul.bulletlist li {
    padding-left: 8px;
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 0.35em;
    margin-bottom: 5px;
}

ul.bulletlist a, ul.bulletlist a:hover, ul.bulletlist a:link, ul.bulletlist a:visited {
  color: #000;
}

#glasnaroda {
  border: 7px solid #f4f2eb;
  padding: 7px 6px 7px 6px;
  width: 460px;
}

#glasnaroda h2 {
  font: 85% Arial, Verdana, sans-serif;
  color: #000;
  line-height: 100%;
  font-weight: bold;
  background:url(../images/dot.gif) bottom repeat-x;
  padding-bottom: 5px;
  margin-bottom: 7px;
}

#glasnaroda blockquote {
  margin: 0 3px;
  font: 138.5% Georgia, serif;
  font-style: italic;
  line-height: 130%;
}

#glasnaroda blockquote img {
  vertical-align: -2px;
  margin-right: 3px;
}

#glasnaroda p {
  text-align: right;
  font-size: 93%;
  margin: 2px 7px 0 0;
}

.quote-special {
  margin-bottom: 10px !important;
}

.quote-special .top {
	background:url(../images/quotebg.png) no-repeat !important;
	width: 154px !important;
	height: 10px !important;
	line-height: 10px !important;
}

.quote-special .content {
	border-right: 1px solid #d3d2ce !important;
	border-left: 1px solid #d3d2ce !important;
	padding: 0px 6px 0px 6px !important;
}

.quote-special .content blockquote {
  margin: 0 3px !important;
  font: 123.1% Georgia, serif !important;
  font-style: italic !important;
  background: none !important;
  padding-top: 0 !important;
  line-height: 130% !important;
}

.quote-special .content blockquote img {
  vertical-align: -3px !important;
  margin-right: 3px !important;
}

.quote-special .bottom {
	width: 154px !important;
	height: 30px !important;
	background:url(../images/quotebg.png) no-repeat 0 -10px !important;
}

.quote-special .bottom p {
  font-size: 85% !important;
  padding: 14px 50px 0 0 !important;
  text-align: right !important;
}

.communitylinks {
  margin-top: 10px;
  padding-top: 3px;
}

.communitylinks li {
  padding-left: 8px;
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0 0.35em;
  margin-bottom: 3px;
}

.communitylinks li.divider {
  background:url(../images/dot.gif) bottom repeat-x;
  padding: 0;
  line-height: 1px;
  margin: 0 0 4px 0;
  font-size: 6px;
}

.poll {
  border: 7px solid #f4f2eb;
  padding: 7px 6px 0px 6px;
  width: 128px;
  margin-bottom: 10px;
}

.poll h2 {
  font: 85% Arial, Verdana, sans-serif;
  color: #fff !important;
  background: #e11b22;
  line-height: 100%;
  font-weight: bold;
  padding: 3px;
  margin: -4px -4px 7px -4px;
}

.poll p {
  margin-bottom: 7px!important;
  padding: 0!important;
  font-size: 93%!important;
  line-height: 110%!important;
}

.poll .button {
  clear: both;
  float: left; 
  width: 18px;
}

.poll .button input {
  margin-top: 1px;
}

.poll .text {
  float: left; width: 110px;
}

.poll .results {
  float: left;
  width: 67px;
  margin-top: 11px;
  margin-left: 3px;
  font-size: 93%;
}

.poll .results a {
  cursor: pointer;
	color: #003c93;
}

.poll .submit {
  margin-top: 8px;
  float: left;
  text-align: right;
  padding-bottom: 8px;
}

.poll .submit input, .archive-sidebar input.submit {
  width: 53px;
	height: 19px;
	background-image: url(../images/glasuj.png);
	background-repeat: no-repeat;
	background-color: #f4f2eb;
	border: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

#pretrazivanje form input.submit, #napredno-pretrazivanje form input.submit {
  width: 45px;
	height: 19px;
	background-image: url(../images/btn_trazi_s.png);
	background-repeat: no-repeat;
	background-color: #f4f2eb;
	border: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	margin-top: 1px;
	margin-left: 4px;
}

form#search .submit input {
  width: 45px;
	height: 19px;
	background-image: url(../images/btn_trazi.png);
	background-repeat: no-repeat;
	background-color: #f4f2eb;
	border: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	margin-top: 1px;
	margin-left: 4px;
}

#napredno-pretrazivanje form input.submit {
  float: right;
  margin-right: 8px;
}

.archive-sidebar input.submit {
  width: 53px;
	height: 19px;
	background-image: url(../images/btn_prikazi.png);
	background-repeat: no-repeat;
	background-color: #f4f2eb;
	border: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	margin-top: 1px;
	margin-left: 0px;
}

form#search .querystring input {
	width: 250px;
	height: 14px;
	font-size: 85%;
	border-top: 1px solid #827f75;
	border-left: 1px solid #827f75;
	border-bottom: none;
	border-right: none;
	padding: 2px 6px 2px 6px;
	margin-top: 1px;
	margin-right: 2px;
	float: left;
}

form#search {
	margin-top: 2px;
}

#specijalcomment .content {
  height: 250px;
  font-size: 85%;
  line-height: 130%;
}

#specijalcomment form {
  margin-top: 5px;
  border-top: 5px solid #e3e0d3;
}

#specijalcomment form h3 {
  font-family: Arial, sans-serif;
  font-size: 85%;
  font-weight: bold;
  color: #000;
  margin: 5px 0 4px 0;
}

#specijalcomment textarea {
	width: 286px;
	border: 1px solid #7f9db9;
	font-size: 93%;
	padding: 3px;
	margin-bottom: 10px;
}

#specijalcomment input {
  border: 1px solid #7f9db9;
  width: 286px;
  padding: 3px;
  margin-bottom: 15px;
}

#specijalcomment ul {

}

#specijalcomment li {
  margin-bottom: 7px;
  padding-bottom: 7px;
  background:url(../images/dot.gif) bottom repeat-x;  
}

#forecast, #blogs, #specijalcomment {
  border: 7px solid #f4f2eb;
  padding: 5px 5px 0px 5px;
  width: 294px;
  margin-bottom: 15px;
}

#specijalcomment {
  padding-bottom: 0px !important;
}

#forecast h2, #blogs h2, #specijalcomment h2 {
  margin: -2px -2px 10px -2px;
}

#forecast h2 {
  margin-bottom: 5px !important;
}

#forecast #icon {
	float: left;
	margin: 0 0 10px 8px;
}

#forecast #temp {
	float: left;
	font-size: 182%;
	margin: 7px 0 0 5px;
	color: #000;
	font-family: Arial, sans-serif;
}

#forecast #select {
	float: left;
	margin: 12px 0 0 15px;
}

#forecast #select select {
	font-size: 85%;
	width: 100px;
	margin: 0;
	padding: 0;
}

#forecast #more {
	float: left;
	margin: 12px 0 0 18px;
}

#blogs ul {
  padding-left: 3px;
}

#blogs li {
  margin-bottom: 8px;
  font-size: 93%;
}

#blogs p {
  font-weight: bold;
}

.dionice {
  border: 7px solid #f4f2eb;
  padding: 7px 6px 2px 6px;
  width: 624px;
  margin-bottom: 15px;
}

.dionice h2 {
	margin-bottom: 0px;
}

.dionice .col {
	width: 230px;
	margin-right: 12px;
	float: left;
}

.dionice .crobex {
	width: 138px;
	float: left;
}

.dionice table {
	font-size: 93%;
}

.dionice table tr {
}

.dionice table td {
  padding-bottom: 4px;
	padding-top: 4px;
}

.dionice table td.name {
	width: 125px;
	padding-left: 5px;
}

.dionice table td.change {
	width: 50px;
	padding-right: 5px;
	text-align: right;
}

.dionice img {
	float: left;
	margin: 18px 10px 10px 10px;
}

.dionice p {
	font-size: 32px;
	margin-top: 16px;
}

#horoskop-box {
  border: 7px solid #f4f2eb;
  padding: 5px 5px 0px 5px;
  width: 294px;
  margin-bottom: 15px;
}

#horoskop-box h2 {
  margin: -2px -2px 0 -2px;
}

#horoskop-box .subhead {
	margin-top: 0px;
	padding-top: 0px;
}

.horoskop-box-content {
	width: 209px;
	float: left;
	margin-right: 7px;
	padding-left: 10px;
}

.horoskop-box-select {
	width: 68px;
	float: left;
	font-size: 93%;
}

.horoskop-box-select li {
	cursor: pointer;
	color: #003c93;
	padding-bottom: 3px;
	margin-bottom: 3px;
	padding-left: 5px;
}

#ovan {
	background: #FFF url(../images/horoskop/ovan.png) no-repeat top right;
}

#bik {
	background: #FFF url(../images/horoskop/bik.png) no-repeat top right;
}

#blizanci {
	background: #FFF url(../images/horoskop/blizanci.png) no-repeat top right;
}

#rak {
	background: #FFF url(../images/horoskop/rak.png) no-repeat top right;
}

#lav {
	background: #FFF url(../images/horoskop/lav.png) no-repeat top right;
}

#djevica {
	background: #FFF url(../images/horoskop/djevica.png) no-repeat top right;
}

#vaga {
	background: #FFF url(../images/horoskop/vaga.png) no-repeat top right;
}

#skorpion {
	background: #FFF url(../images/horoskop/skorpion.png) no-repeat top right;
}

#strijelac {
	background: #FFF url(../images/horoskop/strijelac.png) no-repeat top right;
}

#jarac {
	background: #FFF url(../images/horoskop/jarac.png) no-repeat top right;
}

#vodenjak {
	background: #FFF url(../images/horoskop/vodenjak.png) no-repeat top right;
}

#ribe {
	background: #FFF url(../images/horoskop/ribe.png) no-repeat top right;
}


.horoskop-box-content p.date {
	font-size: 93%;
	margin-top: 10px;
}

.horoskop-box-content h3 {
	font-family: Georgia, serif;
	color: #000;
	font-size: 30px;
	margin-bottom: 20px;
}

.horoskop-box-content p.text {
	font-size: 138.5%;
	padding-top: 24px;
	line-height: 130%;
	margin-bottom: 5px;
	background: #FFF url(../images/horoskop/stars.png) no-repeat top left;
}

.horoskop-box-content p.more {
	font-size: 93%;
}

.horoskop-panel .entry {
  padding-bottom: 15px;
  margin-bottom: 15px;
  background:url(../images/dot.gif) bottom repeat-x;  
}

.horoskop-panel .sign {
  text-align: right;
  padding-top: 7px;
}

.horoskop-panel .sign p {
  font-size: 77%;
  color: #666;
  margin-bottom: 10px;
}

.horoskop-panel .content h2 {
  font-family: Arial, sans-serif;
  font-size: 138.5%;
  color: #000;
  font-weight: bold;
}

.horoskop-panel .content p {
  font-size: 93%;
  line-height: 120%;
  margin-bottom: 3px;
}

.horoskop-panel span {
  font-size: 77%;
}

.horoskop-panel p.rezultati {
  font-size: 77%;
}

.horoskop-panel strong {
  font-weight: bold;
}

#aggregate-footer {
	padding-bottom: 20px;
}

#aggregate-footer h1 {
	font-size: 93%;
	padding: 3px;
}

#aggregate-footer img {
	margin-bottom: 7px;
}

#topcontent-footer {
	padding-bottom: 20px;
}

#topcontent-footer h2 {
  font-size: 85% !important;
  line-height: 100%;
  font-weight: bold;
  padding: 4px 3px 3px 3px;
  margin-bottom: 6px;
}

#ticker {
	background: #f4f2eb;
	margin-bottom: 20px;
	padding: 2px 0;
}

#ticker img {
	float: left;
	margin-right: 5px;
}

#ticker-content ul {
	margin-top: 1px;
}

#ticker-content li {
	font-size: 93%;
	color: #000;
}

#ticker-content a,a:link,a:hover,a:visited {
	color: #000;
	text-decoration: none;
}

#ticker-naslovnica {
	margin-bottom: 10px;
}

#ticker-naslovnica img {
	float: left;
	margin-right: 5px;
}

#ticker-naslovnica-content li {
	font-size: 93%;
	line-height: 93%;
	padding-top: 1px;
	color: #000;
  display: block;
  height: 13px;
}

#ticker-naslovnica-content a,a:link,a:hover,a:visited {
	color: #000;
	text-decoration: none;
}

.redbg {
  background: #e11b22;
  color: #fff !important;
  font-size: 93%;
  padding: 4px 3px 3px 3px;
  line-height: 100%;
  font-weight: bold;
}

h1.redbg {
  padding: 5px;
}

.redbg a, .redbg a:link, .redbg a:hover, .redbg a:visited {
  color: #fff;
}

.komentari {
  margin-bottom: 10px;
}

.najcitanije h2, .komentari h2, #horoskop-box h2 {
  margin-bottom: 6px;
}

.najcitanije ul {
  font-size: 93%;
}

.najcitanije a,.najcitanije a:link,.najcitanije a:hover,.najcitanije a:visited {
  color: #000;
}

.recent ul {
  margin-top: 5px;
  margin-bottom: 10px;
}

.recent li {
  background:url(../images/dot.gif) bottom repeat-x;
  margin-bottom: 4px;
  padding: 0 4px 5px 4px;
  font-size: 93%;
  line-height: 120%;
}

.catchus {
  font-size: 85%;
}

.catchus li {
  float: left;
  line-height: 14px;
  margin-right: 5px;
}

.catchus li.facebook {
  padding-left: 17px;
  background-image: url(../images/catchus-facebook.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
}

.catchus li.twitter {
  padding-left: 17px;
  background-image: url(../images/catchus-twitter.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
}

.catchus li.mobile {
  padding-left: 16px;
  background-image: url(../images/catchus-mobile.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
}

#feeds-footer {
	padding-bottom: 20px;
}

#feeds-footer .logo {
  float: none;
	text-align: center;
	padding: 0;
	margin: 10px 0 10px 0;
}

#links-footer {
	font-size: 93%;
	font-weight: bold;
	background:url(../images/dot-dark.png) bottom repeat-x;
	padding-bottom: 10px;
}

#links-footer ul {
	margin-top: 3px;
	margin-left: 3px;
}

#links-footer li {
	float: left;
	margin-right: 15px;
}

#links-footer .top {
	margin-top: 3px;
}

#links-footer .top a,#links-footer .top a:link,#links-footer .top a:visited,#links-footer .top a:hover {
	margin-left: 82px;
	font-weight: normal;
	color: #6a6857;
	font-size: 77%;
	text-decoration: none;
}

#impressum {
	font-size: 93%;
	padding-top: 3px;
	background:url(../images/dot.gif) bottom repeat-x;
	padding-bottom: 10px;
}

#impressum p {
	margin-top: 6px;
}

#copyright {
	padding-bottom: 20px;
}

#copyright p {
	margin-top: 6px;
}

#article {
}

#article .author p {
	font-size: 85%;
	font-style: normal;
	margin: 0 0 0 5px;
}

#article.print .author {
  padding: 7px 0 0 3px;
}

#article.print .author p {
  padding: 0;
  margin: 0;
}

#article .meta {
	background:url(../images/dot.gif) bottom repeat-x;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#article .published {
	text-align: right;
	font-size: 85%;
}

#article .published p {
	margin: 0 5px 0 0;
}

#article p.head {
  color: #fff;
  line-height: 100%;
  background: #e11b22;
  margin-bottom: 11px;
  padding: 4px 3px 4px 3px;
}

#article.print p.head {
  background: none;
  border-top: 1px #ccc dotted;
  padding-top: 10px;
}

#article.print img.printphoto {
  margin-bottom: 15px;
}

#article h1 {
	font-size: 26px;
	color: #000;
	line-height: 100%;
	font-weight: bold;
	margin-bottom: 15px;
}

#article.kolumna h1 {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 182%;
}

#article.kolumna  {
  padding-top: 10px;
  border-top: 5px solid #e3e0d3;
}

#article.kolumna .author p, #blogovi .header .author p {
  font-family: Georgia, serif;
  font-size: 93%;
  margin: 16px 0 2px 0;
  padding: 0;
  line-height: 100%;
}

#article.kolumna p.head {
  background:url(../images/dot.gif) top repeat-x;
  padding-top: 10px;
  margin-top: 7px;
  color: #333;
  margin-bottom: 0px;
}

#blogovi .header {
  background:url(../images/dot.gif) bottom repeat-x;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#blogovi .header span {
  font-size: 85%;
}

.blogolder {
  font-size: 93%;
  margin-bottom: 20px;
}

.blognew {
  font-size: 93%;
  text-align: right;
  margin-bottom: 20px;
}

.blogarchive {
  font-size: 93%;
  text-align: center;
  margin-bottom: 20px;
}

#article.kolumna a.arhiva, #article.kolumna a.arhiva:link, #article.kolumna a.arhiva:visited {
  color: #000;
  padding-top: 0px;
  background:none;
}

#article.kolumna p.lead a.arhiva {
  font-weight: normal;
}

#blogovi .header a.arhiva, #blogovi .header a.arhiva:link, #blogovi .header a.arhiva:visited {
  color: #000;
}

#article.kolumna .author h2, #blogovi .header .author h2 {
  font-size: 30px;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;
  margin: 0 0 3px 0;
  padding: 0;
  line-height: 100%;
}

#article.kolumna div.arhiva, #blogovi .header div.arhiva {
	text-align: right;
	font-size: 85%;
	padding: 0;
	background: 0;
}

#article div.arhiva p, #blogovi .header div.arhiva p {
	padding-right: 5px;
}

#article h2 {
	font-family: Arial, sans-serif;
	font-size: 123.1%;
	color: #000;
	line-height: 120%;
	font-weight: bold;
}

#article p.lead {
	color: #000;
	font-size: 123.1%;
	line-height: 130%;
	font-family: Arial, sans-serif;
	margin-bottom: 10px;
	font-weight:600;
}

#article p {
	font-family: Arial, sans-serif;
	margin-bottom: 15px;
	line-height: 130%;
	color: #000;
}

#article blockquote {
  margin: 0 3px;
  font: 138.5% Georgia, serif;
  font-style: italic;
  line-height: 130%;
  background:url(../images/dot.gif) top repeat-x;
  padding-top: 6px;
  margin-bottom: 10px;
}

#article blockquote img {
  vertical-align: -2px;
  margin-right: 3px;
}

#article .poll h2 {
	font-size: 85%;
}

#article .image {
	margin-bottom: 15px;
}

#article .related {
	margin-bottom: 15px;
}

#article .related h2 {
  font: 85% Arial, Verdana, sans-serif;
  color: #fff;
  line-height: 100%;
  font-weight: bold;
  padding: 4px 3px;
  margin-bottom: 7px;
  background: #e11b22;
}

#article .related h3 {
  font-size: 85%;
  color: #000;
  line-height: 100%;
  font-weight: bold;
  padding-left: 2px;
  margin-bottom: 5px;
}

#article .related ul {
	font-size: 85%;
	margin-bottom: 8px;
}

#article .related ul a {
  color: #003c93;
}

#article .subarticle {
	background: #f4f2eb;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 13px !important; 
}

#article.print .subarticle {
  border: 5px solid #f4f2eb;
  background: none;
}

#article .rate {
	font-size: 93%;
	color: #000;
	line-height: 100%;
}

#article .rate div {
	float: left;
}

#article .rate div p {
	padding-top: 2px;
	margin: 0;
}

#article .rate div img {
	margin-left: 7px;
}

.paginator {
	font-size: 100%;
	line-height: 100%;
}

.paginator ul {
  width: 310px;
  margin: 0 auto;
}

#article .paginator ul {
	float: right;
	width: auto;
	margin: 0;
}

.paginator li {
	float: left;
	width: 23px;
	height: 23px;
	background:url(../images/paginator-bg.png) no-repeat top left;
	margin-left: 10px;
	text-align: center;
}

.paginator li.disabled {
  background:url(../images/paginator-bg-disabled.png) no-repeat top left;
}

.paginator li.nobg {
  background: none;
}

.paginator span {
	width: 23px;
	height: 18px;
	display: block;
	padding: 5px 0 0 0px;
	color: #b4b3ab;
}

.paginator a {
	width: 23px;
	height: 18px;
	display: block;
	padding: 5px 0 0 0px;
	text-decoration: none;
}

#article .tools {
	background:url(../images/dot.gif) top repeat-x;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-top: 15px;
}

#article .tools li {
	float: left;
	font-family: Arial, sans-serif;
	font-size: 85%;
	color: #000;
	margin-right: 7px;
}

#article .tools li.comment {
  margin-left: 3px;
  padding-left: 16px;
  background-image: url(../images/tools-comment.png);
  background-repeat: no-repeat;
  background-position: 0 0em;
}

#article .tools li.mail {
  padding-left: 16px;
  background-image: url(../images/tools-mail.png);
  background-repeat: no-repeat;
  background-position: 0 0em;
}

#article .tools li.print {
  padding-left: 16px;
  background-image: url(../images/tools-print.png);
  background-repeat: no-repeat;
  background-position: 0 0em;
}

#article .tools li.contribute {
  padding-left: 16px;
  background-image: url(../images/tools-contribute.png);
  background-repeat: no-repeat;
  background-position: 0 0em;
}

#article .tools li.facebook {
  padding-left: 14px;
  background-image: url(../images/tools-facebook.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
}

#article .tools li.twitter {
  padding-left: 14px;
  background-image: url(../images/tools-twitter.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
}

#article .toolshr {
  background:url(../images/dot.gif) top repeat-x;
  height: 1px;
  border: none;
  clear: both;
  line-height: 1px;
  margin-bottom: 15px;
  font-size: 1px;
}

#article .topics {
	margin-bottom: 15px;
}

#article .topics h2 {
	font-size: 138.5%;
	font-weight: normal;
	line-height: 130%;
}

#article .topics ul {
  line-height: 130%;
}

#article .topics li {
	font-size: 93%;
	color: #c7c3b4;
	float: left;
}

.comments {
	margin-bottom: 15px;
}

.comments-label {
  background: #e11b22;
}

.comments-label a,.comments-label a:link,.comments-label a:hover,.comments-label a:visited {
  color: #fff;
}

.comments-label h2 {
  font-weight: bold !important;
  font-size: 85% !important;
  font-family: Arial, sans-serif !important;
  color: #fff !important;
  padding-left: 4px;
  line-height: 120%;
  padding-top: 4px;
  background: #e11b22;
  padding-bottom: 4px;
  float: left;
}

.comments-label span.rss {
	background:url(../images/rss.png) no-repeat 1px right;
	padding-right: 15px;
	float: right;
	font-size: 85%;
	margin-top: 4px;
	line-height: 120%;
	margin-right: 4px;
	color: #fff;
}

.comments .comment {
	background:url(../images/dot.gif) bottom repeat-x;
}

.comments .comment-text {
	width: 365px;
	float: left;
}

.comments .comment-text p {
	font-size: 85%;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 15px;
}

.comments .comment-info {
	width: 105px;
	float: right;
	font-size: 85%;
	margin-bottom: 15px;
	margin-top: 10px;
}

.comments .comment-info p {
	margin-bottom: 1px;
}

.comments #showall {
	font-family: Arial, sans-serif;
	font-size: 85%;
	background:url(../images/dot.gif) bottom repeat-x;
}

.comments #showall p {
	padding: 3px 0 3px 2px;
	margin: 0;
}

#yourcomment {
	margin-bottom: 10px;
}

#yourcomment textarea {
	width: 484px;
	border: 1px solid #7f9db9;
	font-size: 93%;
	padding-top: 2px;
}

#yourcomment div.submit {
	float: right;
	margin-top: 5px;
}

#yourcomment p {
	font-size: 85%;
	margin-top: 8px;
}

#yourcomment h2 {
  font-weight: bold;
  font-size: 85%;
  font-family: Arial, sans-serif;
  color: #000;
  background: none;
  padding-left: 1px;
  padding-top: 8px;
  padding-bottom: 2px;
}


#arhiva-kolumna h2 {
  font-size: 182%;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;
  padding: 0;
  margin: 4px 0 0 5px;
  line-height: 100%;
}

#arhiva-kolumna .month {
  background:url(../images/dot.gif) top repeat-x;
  padding-top: 12px;
  margin-top: 12px;
}

#arhiva-kolumna .month h3 {
  font-size: 85%;
}

#komentari h2, #kolumne h2 {
  font-size: 182%;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;
  padding: 0;
  margin: 4px 0 10px 5px;
  line-height: 100%;
}

#komentari span.rss, #kolumne span.rss {
  float: right;
	background:url(../images/rss.png) right no-repeat;
	padding-right: 15px;
	font-size: 85%;
	margin: 12px 5px 0 0;
}

#komentari div.block-head-a6, #komentari div.block-head-a8, #kolumne div.block-head-a6, #kolumne div.block-head-a8, #kolumne-section div.block-head-a6, #komentari-section div.block-head-a6, #komentari-section div.block-head-a8 {
  background:url(../images/dot.gif) top repeat-x;
  padding-top: 12px;
}

#arhiva div.block-head-a8 {
  background:url(../images/dot.gif) bottom repeat-x;
  padding-bottom: 12px;
}

#komentari {
  margin-top: 15px;
  margin-bottom: 10px;
}

#arhiva-komentari, #ex-kolumne {
  margin-top: 20px;
  margin-bottom: 15px;
}

#arhiva-komentari h2, #ex-kolumne h2 {
  font-size: 182%;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;
  padding: 0;
  margin: 4px 0 0 5px;
  line-height: 100%;
}

#arhiva-komentari p.entry {
  font-size: 93%;
}

#arhiva-komentari p.date {
  font-size: 85%;
  color: #999999;
  line-height: 120%;
}

#arhiva-komentari h3, #ex-kolumne h3 {
  font-size: 85%;
  line-height: 120%;
}

#ex-kolumne h3 {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 3px;
}

#arhiva-komentari div.list, #ex-kolumne div.list {
  background:url(../images/dot.gif) top repeat-x;
  padding-top: 10px;
  margin-top: 10px;
}

#header {
  margin-top: 12px;
  margin-bottom: 10px;
}

#sectionmore .header {
  background: #e11b22;
  margin-bottom: 5px !important;
}

#sectionmore {
	margin-bottom: 15px;
}

#sectionmore h1 {
  color: #fff;
}

#sectionmore-najcitanije, #sectionmore-najnovije {
	text-align: center;
	margin-top: 5px;
}

#sectionmore-najcitanije p.head, #sectionmore-najnovije p.head {
	margin-top: 8px;
}

#sectionmore-najcitanije h2, #sectionmore-najnovije h2 {
	font-family: Arial, sans-serif;
	color: #000;
	font-weight: bold;
	line-height: 110%;
}

#weather-city {
  padding-top: 8px;
}

.weather-header {
  margin-bottom: 6px;
}

.weather-header h2 {
  color: #074196;
  font-size: 182%;
  font-family: Georgia, serif;
  margin-left: 4px;
  float: left;
}

.weather-header ul {
  float: right;
	margin-top: 5px;
	margin-right: 65px;
}

.weather-header li {
	float: left;
	height: 15px;
	display: block;
	cursor: pointer;
  cursor: hand;
  margin-right: 5px;
}

.weather-header li.danas {
  background: url("../images/weather-daytabs.png") no-repeat 0 -15px;
  width: 42px;
}

.weather-header li.sutra {
  background: url("../images/weather-daytabs.png") no-repeat -42px -15px;
  width: 41px;
}

.weather-header li.prekosutra {
  background: url("../images/weather-daytabs.png") no-repeat -83px -15px;
  width: 71px;
}

.weather-header .danas.active {
  background: url("../images/weather-daytabs.png") no-repeat 0 0;
} 

.weather-header .sutra.active {
  background: url("../images/weather-daytabs.png") no-repeat -42px 0;
} 

.weather-header .prekosutra.active {
  background: url("../images/weather-daytabs.png") no-repeat -83px 0;
} 

.weather-header select {
  float: right;
  margin-top: 2px;
  margin-right: 5px;
}

.weather-panels { margin-bottom: 25px; }

.weather-panels h2 {
  margin-left: 5px;
  margin-bottom: 2px;
}

.weather-panel {
  border: 1px solid #e3e0d3;
  width: 132px;
  padding: 10px;
  text-align: center;
  margin-bottom: 25px;  
}

.weather-panel h3 {
  font-family: Arial, sans-serif;
  font-size: 85%;
  color: #000;
  margin-bottom: 6px;
}

.weather-icons {
  width: 80px;
  margin: 0 auto 10px auto;
}

.weather-icons img {
  float: left;
}

.weather-icons span {
  float: right;
  font-family: Arial, sans-serif;
  font-size: 182%;
  margin-top: 7px;
  color: #000; 
}

.weather-panel table {
  clear: both;
  font-size: 85%;
  margin-bottom: 5px;
}

.weather-panel div.dottedhr {
  background:url(../images/dot.gif) top repeat-x;
  height: 1px;
  border: none;
  padding-top: 5px;
  line-height: 1px;
  font-size: 1px;
}

.weather-panel table td.label {
  width: 58px;
  text-align: left;
  height: 22px;
  padding-left: 3px;
  vertical-align: middle; 
}

.weather-panel table td.values {
  width: 71px;
  text-align: right;
  padding-right: 3px; 
  height: 22px;
  vertical-align: middle;   
}

.weather-panel table td.values img {
  vertical-align: middle; 
}

.weather-panel a {
  font-size: 85%;
}

.weatherinfo p {
  font-size: 85%;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 130%;
}

.weathermap {
  margin-bottom: 20px;
  text-align: center;
}

.weathermap ul {
  position : relative;
  top: 30px;
  left: 0px;
  text-align: left;
  margin-left: 70px;
}

.weathermap li {
  float: left;
  margin-right: 5px;
  font-size: 85%;
  color: #7ba1d2;
  cursor: pointer;
}

.weathermap li.active {
  text-decoration: underline;
  color: #00002e;
}

#europa h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 85%;
  color: #000;
  padding: 5px 0 10px 3px;
}

.tempzraka {
  margin-bottom: 29px;
}

.tempzraka table {
  font-size: 85%;
  margin: 0 5px;
}

.tempzraka td {
  width: 114px;
  padding: 2px 0;
}

.tempzraka td.temp {
  text-align: right;
  width: 30px;
}

/* !Newsblocks */

.left { float: left; }
.right { float: right;}
.top5pxblue { border-top: 5px solid #074196; padding-bottom: 5px;}
.top5pxred { border-top: 5px solid #f10f64; padding-bottom: 5px;}
.top5pxorange { border-top: 5px solid #fd6c02; padding-bottom: 5px;}

.block-head-a1 {
    margin-bottom: 15px;
}

.topnews {
    margin-bottom: 10px;
}

.block-head-a2, .block-head-a3 {
    padding-bottom: 15px;
}

.block-section-b1, .block-section-b3, .block-section-b2, .block-section-b8 {
    padding-bottom: 15px;
}

.block-section-b4, .block-section-b7b, .block-section-b7, .block-head-a7 {
  padding-bottom: 15px;
}

.block-section-b9 {
  margin-bottom: 15px;
}

.block-section-b10 {
  margin-bottom: 15px;
}

.block-section-b10 h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 5px;
}

.block-section-b10 p.head {
  margin-bottom: 2px;
}

.block-section-b6 {
  padding-bottom: 10px;
}

.block-section-b5 {
  padding-bottom: 10px;
}

.block-sidebar-c7 {
  margin-bottom: 10px;
}

.block-sidebar-c7 h2 {
  font-size: 85%;
  line-height: 130%;
}

.block-sidebar-c7 .image-unit {
  margin-bottom: 6px;
}

.block-sidebar-c5 img {
  margin-bottom: 8px;
}

.block-sidebar-c8 {
  padding-bottom: 13px;
}

.block-sidebar-c8-1 {
  background: #f4f2eb;
  margin-top: 5px;
  width: 249px;
  height: 66px;
  float: left;
}

.block-head-a5, .block-special-j5 {
	padding-bottom: 10px !important;
}

.block-head-a6, .block-head-a8 {
  padding-top: 7px;
  margin-bottom: 7px;
  background:url(../images/dot.gif) top repeat-x;  
}

.block-head-a6 {
  margin-bottom: 0px !important;
}

.block-head-a6 .image-unit {
  margin-top: 7px;
}

.block-head-a6 .span-5 {
  margin-top: 7px;
}

.block-section-b8 div.text {
  background-color: #000;
  color: #ccc;
}

.block-section-b8 p {
  padding: 7px;
  font-size: 85%;
}

.block-sidebar-c3 {
  margin-bottom: 12px;
}

.block-sidebar-c4 {
  background:url(../images/dot.gif) bottom repeat-x;
  padding-top: 4px;
  margin-bottom: 8px;
  padding-bottom: 10px;
}

.block-section-b11-1, .block-head-a4 {
	background: #000;
	color: #ccc;
	margin-bottom: 10px;
}

.block-section-b11-1 .content {
	padding: 12px 10px 0px 0px;
	width: 300px;
}

.block-head-a4 .content {
	padding: 12px 0px 0px 10px;
	width: 310px;
}

.block-section-b11-2 {
  padding-top: 7px;
}

.block-section-b11-2 h1 {
  font-size: 138.5%;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 6px;
}

.block-head-a5, .block-special-j5 {
  background:url(../images/dot.gif) top repeat-x !important;
  padding-top: 5px !important;	
}

.block-head-a8 {
}

.block-head-a6 {
  padding-bottom: 10px;
}

.block-head-a7 {
  background:url(../images/dot.gif) top repeat-x;
  padding-top: 12px;	
}

.bannertop {
	text-align: center;
	width: 984px;
	padding-top: 6px;
}

.leaderboard {
  float: right;
}

.bannertop {
	padding-bottom: 6px;
}

#pretrazivanje {
  padding-top: 12px;
  padding-bottom: 15px;
}

#pretrazivanje span.numresults {
  color: #999999;
  font-family: Arial, sans-serif;
  font-size: 153.9%;
}

#pretrazivanje span.numresults em {
  color: #000;
}

#pretrazivanje form {
  margin-top: 12px;
  background: #f4f2eb;
  padding: 18px;
  margin-bottom: 15px;
  width: 448px;
}

#pretrazivanje form input {
  width: 386px;
  height: 20px;
  border-top: 1px solid #827f75;
  border-left: 1px solid #827f75;
  border-right: 0px solid #fff;
  border-bottom: 0px solid #fff;
  font-size: 108%;
}

#pretrazivanje form div.searchstring {
	float: left;
	margin-right: 8px;
}

#pretrazivanje form div.submit {
	margin-right: 0;
	float: right;
}

p.search-sort {
  font-size: 85%;
  margin-bottom: 15px;
}

#pretrazivanje .block-head-a8 {
  background:url(../images/dot.gif) top repeat-x;	
  padding-top: 10px;
}

#pretrazivanje .block-head-a8 p.head {
  color: #000;
}

#pretrazivanje .paginator ul {
  margin-top: 15px; 
}

#napredno-pretrazivanje {
  border-top: 5px solid #e3e0d3;
  background: #f4f2eb;
  margin-bottom: 15px;
}

#napredno-pretrazivanje h2 {
  color: #000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 85%;
  padding: 7px 8px 4px 8px;
  line-height: 130%;
}

#napredno-pretrazivanje h3 {
  font-size: 85%;
  color: #000;
  padding: 10px 8px 4px 8px;
}

#napredno-pretrazivanje h3.bordertop {
  background:url(../images/dot.gif) top repeat-x;	
}

#napredno-pretrazivanje select {
  margin-left: 8px;
  width: 132px;
  padding: 3px;
  margin-bottom: 3px;
}

#napredno-pretrazivanje input {
  border-top: 1px solid #827f75;
  border-left: 1px solid #827f75;
  border-bottom: 0px solid #fff;
  border-right: 0px solid #fff;
  width: 130px;
  padding: 3px;
  margin-left: 8px;
  margin-bottom: 10px;
}

#napredno-pretrazivanje table.breakdown {
  width: 135px;
  margin-left: 8px;
  font-size: 85%;
  line-height: 150%;
  margin-bottom: 10px;
}

#napredno-pretrazivanje table.breakdown td.link {
  width: 110px;
}

#napredno-pretrazivanje table.breakdown td.count {
  width: 25px;
  text-align: right;
}

.searchmedia {
  margin-bottom: 15px;
}

.searchmedia p {
  font-size: 85%;
  margin-top: 8px;
  line-height: 130%;  
}

.searchmedia .span-1 {
  height: 135px;
  overflow: hidden;
  margin-bottom: 15px;
}

.steps {
  float: right;
  font-size: 93%;
  margin-top: 10px;
  margin-right: 10px;
}

.steps li.ajn {
  float: left;
  text-indent: 30px;
  height: 25px;
  background: url(../images/step1.png) left top no-repeat;
  padding-top: 6px;  
  margin-right: 20px;
}

.steps li.ajn.disabled {
  background: url(../images/step1-disabled.png) left top no-repeat;
  color: #999;  
}

.steps li.cvaj {
  float: left;
  text-indent: 30px;
  height: 25px;
  background: url(../images/step2.png) left top no-repeat;
  padding-top: 6px;   
  margin-right: 20px;  
}

.steps li.cvaj.disabled {
  background: url(../images/step2-disabled.png) left top no-repeat;
  color: #999;
}

.steps li.draj {
  float: left;
  text-indent: 30px;
  height: 25px;
  background: url(../images/step3.png) left top no-repeat;
  padding-top: 6px;    
}

.steps li.draj.disabled {
  background: url(../images/step3-disabled.png) left top no-repeat;
  color: #999;
}

.user {
  padding-bottom: 30px;
  padding-top: 15px;
}

.user p.notice {
  padding-top: 16px;
  margin-bottom: 10px;
  font-size: 93%;
}

#registracija, #urediprofil {
  border: 7px solid #f4f2eb;
  width: 946px;
  padding: 10px 12px 14px 12px;
}

.userbox .korisnickipodaci {
  width: 302px;
  float: left;
  margin-right: 30px;
}

.userbox .korisnickipodaci .input, .prijavitese .input {
  margin-bottom: 10px;
  font-size: 93%;
}

.userbox .korisnickipodaci label, .prijavitese label {
  float: left;
  padding-top: 5px;
}

.userbox .korisnickipodaci .input input, .prijavitese .input input {
  float: right;
  width: 167px;
  border: 1px solid #7f9db9;
  padding: 3px;
}

.userbox .zastitaosobnihpodataka {
  width: 585px;
  float: left;
}

.user .infotext {
  margin-top: 50px;
}

.userbox .zastitaosobnihpodataka p, .user .infotext p {
  font-size: 85%;
  margin-bottom: 10px;
  line-height: 130%;
}

.userbox .zastitaosobnihpodataka .input {
  margin-bottom: 5px; 
}

.userbox .zastitaosobnihpodataka input {
  vertical-align: middle;
}

.userbox .zastitaosobnihpodataka label {
  font-size: 85%;
  margin-bottom: 10px;
  margin-left: 6px;
}

.userbox .execute {
  width: 302px;

}

.prijavitese .execute {
  font-size: 93%;
}

.prijavitese .remember {
  vertical-align: middle;
}

.prijavitese .remember input {
  margin-left: 37px;
}

.prijavitese label {
  float: none;
}

.userbox .execute p, .prijavitese .execute p {
  padding-top: 3px;
}

.userbox .execute .submit, .prijavitese .execute .submit, #mail-article .submit, #report-story .submit, #yourcomment input.submit, #specijalcomment .submit {
  float: right;
  width: 55px;
	height: 19px;
	background-image: url(../images/btn_posalji.png);
	background-repeat: no-repeat;
	background-color: #f4f2eb;
	border: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.user h2 {
  font-family: Arial, sans-serif;
  font-size: 138.5%;
  color: #000;
  margin-bottom: 15px;
}

.provjeriteemail {
  border: 7px solid #f4f2eb;
  margin-top: 35px;
  width: 282px;
  padding: 10px 12px 14px 12px;  
  margin-bottom: 135px;
}

.provjeriteemail p {
  font-size: 93%;
  line-height: 130%;
}

.nisteprimili {
  margin-top: 52px;
}

p.noticepw {
  float: right;
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 85%;
}

#urediprofil .right {
  float: right;
  font-size: 85%;
  margin-top: 4px;
}

#urediprofil .right input {
  vertical-align: middle;
}


#urediprofil .right label {
  margin-left: 6px;
}

#urediprofil .input {
  margin-bottom: 10px;
  font-size: 93%;
}


#urediprofil .input label.title {
  float: left;
  padding-top: 5px;
}

#urediprofil .input input.text {
  float: right;
  width: 167px;
  border: 1px solid #7f9db9;
  padding: 3px;
}

#urediprofil .input input.short {
  width: 86px;
  margin-right: 101px;
}

#urediprofil .spol, #urediprofil .rodj {
  float: right;
  width: 175px;
  margin-top: 4px;
}

#urediprofil .rodj select {
  float: left;
  vertical-align: middle;
  margin-right: 5px;
}

#urediprofil .spol input {
  vertical-align: middle;
}

#urediprofil .spol label {
  margin-left: 4px;
  margin-right: 10px;
}

label.adjust {
  margin-top: 3px;
}

#urediprofil .input input.file {
  float: right;
  padding-top: 3px;
}

#urediprofil .slika img {
  float: right;
  margin-right: 103px;
  margin-top: 7px;
}

.osobnipodaci {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  width: 288px;
  background:url(../images/dot-vertical.png) right repeat-y;	  
}

.kontaktpodaci {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  width: 288px;
  background:url(../images/dot-vertical.png) right repeat-y;	  
}

.interesi {
  float: left;
  width: 288px;
}

#urediprofil select.drzava {
  width: 175px;
  float: right;
}

#urediprofil textarea {
  width: 173px;
  float: right;
  border: 1px solid #7f9db9;
  height: 52px;
}

#urediprofil div.submit {
  width: 114px;
	height: 25px;
	margin: 10px auto 0 auto;
}

#urediprofil input.submit {
  width: 106px;
	height: 19px;
	background-image: url(../images/btn_spremi.png);
	background-repeat: no-repeat;
	background-color: #f4f2eb;
	border: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.prijavitese {
  border: 7px solid #f4f2eb;
  margin-top: 35px;
  width: 282px;
  padding: 10px 12px 14px 12px;  
  margin-bottom: 135px;
}

.userprofile {
  background:url(../images/dot.gif) top repeat-x;	  
  padding-top: 8px;
}

.userprofile .info {
  padding-bottom: 8px;
}

.userprofile .info img {
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}

.userprofile .info h1 {
  font-size: 182%;
  margin-top: 20px;
  margin-bottom: 2px;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;  
}

.userprofile .info p {
  font-size: 93%;
}

.userprofile .addfriend {
  margin-top: 20px;
  text-align: right;
}

.userprofile .addfriend img {
  margin-right: 5px;
}

.userprofile .aboutme, .userprofile .intrest {
  margin-top: 12px;
  padding-bottom: 25px;
}

.userprofile h2 {
  font-size: 85%;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #000;
}

.userprofile .aboutme p, .userprofile .intrest p {
  font-size: 85%;
  line-height: 130%;
}

.userprofile .intrest strong {
  font-weight: bold;
  color: #000;
}

.userprofile .activity h2 {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 85%;
  background:url(../images/dot.gif) bottom repeat-x;	  
}

.userprofile .activity p {
  line-height: 130%;
  margin-bottom: 5px;
  font-size: 93%;
}

.userprofile .activity p.date {
  color: #999999;
  line-height: 120%;
  margin-bottom: 0px;
  font-size: 93%;
}

.userprofile p.more {
  float: right;
  font-size: 93%;
  margin-top: 3px;
}

.userprofile .communitylist {
  margin-bottom: 20px;
}

.userprofile .communitylist h2 {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 85%;
}

.userprofile .communitylist p {
  font-size: 93%;
  padding: 0 5px 0 5px;
}

.formerror {
  background: #fffbed url(../images/formerror-bg.png) top left no-repeat;
  padding-bottom: 15px;
  margin-bottom: 10px;  
}

.formerror div {
  margin: 22px 0 0 56px;
}

.formerror h2 {
  color: #cc0000;
  font-family: Arial, sans-serif;
  font-size: 153.9%;
  font-weight: bold;
}

.formerror p {
  font-size: 85%;
  margin-bottom: 2px;
}

.formerror li {
  font-size: 85%;
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 2px;
}

#stripovi {
  padding-top: 18px;
}

#stripovi .strip {
  margin-bottom: 15px;
}

#stripovi .strip h2 {
  font-size: 93%;
  margin-left: 5px;
  margin-bottom: 4px;
}

#interactive {
  background:url(../images/dot.gif) top repeat-x;	  
  padding-top: 14px;
  padding-bottom: 5px;
}

#punikadar {
  padding-top: 20px;
}

.punikadar {
  padding-bottom: 12px;
}

.punikadar-info {
}

.punikadar-info h2 {
  font-family: Arial, sans-serif;
  font-size: 138.5%;
  color: #000;
  font-weight: bold;
  line-height: 130%;
}

.punikadar-info p {
  font-size: 93%;
  line-height: 130%;
}

.punikadar-info a, .punikadar-info a:link, .punikadar-info a:visited, .punikadar-info a:hover {
  color: #000;
  text-decoration: none;
} 

.punikadar-date span {
  font-size: 85%;
}

.punikadar-comments span {
  padding-left: 16px;
  background-image: url(../images/tools-comment.png);
  background-repeat: no-repeat;
  background-position: 0 0em;
  font-size: 85%;
}

.punikadar-photo {
  padding-top: 10px;
  padding-bottom: 20px;
}

.punikadar-photo div {
  background: #000;
  color: #cccccc;
  font-size: 85%;
  padding: 7px;
  line-height: 130%;
}

#punikadar .paginator {
  margin-top: -10px;
  padding-bottom: 15px;
}

.specijal .paginator {
  margin-top: 10px;
  padding-bottom: 20px;
}

.specijal .block-special-j5 p.head {
  color: #fff;
  line-height: 100%;
  background: #e11b22;
  margin-bottom: 11px;
  padding: 4px 3px 4px 3px;
}

#sitemap {
  padding-bottom: 10px;
}

#sitemap .rss {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

#sitemap h2 {
  font-family: Arial, sans-serif;
  font-size: 85%;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}

#sitemap ul {
  padding-left: 5px;
  padding-right: 5px;
}

#sitemap li {
  font-size: 85%;
  margin-bottom: 4px;
}

#sitemap .sectionmap {
  margin-bottom: 20px;
}

#blogovi {
  padding-top: 15px;
}

.blog h1 {
  font-family: arial, sans-serif;
  font-size: 138.5%;
  color: #000;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 110%;
  margin-bottom: 2px;
}

.blog p.lead {
  line-height: 130%;
  margin-bottom: 5px;
}

.blog p.blogauthor {
  text-align: center;
  font-size: 85%;
  margin-top: 10px;
  line-height: 130%;
}

.blog div.teme {
  background: url(../images/teme.png) left no-repeat;
  font-size: 93%;
  text-indent: 45px;
  line-height: 150%;
  margin-bottom: 5px;
}

.blog .comments {
  width: 140px;
  padding-left: 16px;
  background-image: url(../images/tools-comment.png);
  background-repeat: no-repeat;
  background-position: 0 0em;
  border: none;
  font-size: 85%;
}

.blog .date {
  float: right;
  width: 140px;
  text-align: right;
  margin-right: 5px;
  font-size: 85%;
}

.blog {
  margin-bottom: 12px;
  background:url(../images/dot.gif) bottom repeat-x;	  
}

#dnevnaarhiva .section h2 {
  font-size: 24px;
  font-family: Georgia, serif;
  color: #074196;
  margin-top: 5px;
  padding-left: 3px;
  background:url(../images/dot.gif) bottom repeat-x;	  
  padding-bottom: 10px; 
  margin-bottom: 10px;
}

#dnevnaarhiva .section li {
  font-size: 93%;
  margin-bottom: 6px;
}

#sveteme {
  margin-bottom: 10px;
}

#sveteme h2 {
  font-size: 24px;
  font-family: Georgia, serif;
  color: #074196;
  margin-top: 5px;
  padding-left: 3px;
  margin-bottom: 10px;
  padding-bottom: 3px;
}

#sveteme .block-head-a8 {
  background:url(../images/dot.gif) top repeat-x;	  

}

.slova {
  font-size: 100%;
  font-family: Arial, sans-serif;
  padding-left: 5px;
  margin-top: 10px;
  font-weight: bold;
  color: #b4b3ab;
}

#sveteme .slovo h2 {
  font-size: 60px;
  padding-top: 5px;
  margin-bottom: 15px;
  background:url(../images/dot.gif) bottom repeat-x;	  
}

#sveteme li {
  font-size: 108%;
  margin-bottom: 4px;
}

#fotogalerije {
  margin-top: 10px;
  padding-bottom: 30px;
}

#fotogalerije .tabbar {
  margin-bottom: 10px;
}

#fotogalerije-content {
  margin-bottom: 10px;
  padding-top: 5px;
}

#fotogalerije .block-section-b1 {
  margin-bottom: 13px;
  padding:0;
}


.fotogalerije-sections {
  float: right;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 93%;
  margin-top: 13px;
  margin-right: 10px;
  color: #b4b3ab;
}

.fotogalerije-sections ul {
    margin: 6px 0 0px 0;
}

.fotogalerije-sections li {
  display: inline;
  padding: 0;
  margin: 0 0 0 10px;
}

.fotogalerija {
  width: 652px;
  margin: 0 auto;
  background: #191919;
}


/* !Typography */

a,a:link,a:visited {
  color: #003c93; 
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.white,a.white:link,a.white:visited {
    color: #fff;
}

a.black,a.black:link,a.black:visited {
    color: #000;
}

a.black:hover {
   color: #0d4598;
   border-bottom: 1px dotted #0d4598;
   text-decoration: none;
}

.recent a.black:hover {
    text-decoration: underline;
    color: #000;
    border-bottom: none;  
}

a.pink,a.pink:link,a.pink:visited {
    color: #655381;
}

a.gray,a.gray:link,a.gray:visited {
    color: #ccc;
}

a.darkgrey,a.darkgrey:link,a.darkgrey:visited {
  color: #333;
}

.uppercase {
	text-transform: uppercase;
}

.f11px {
	font-size: 85%;
	line-height: 120%;
}

.f12px {
  font-size: 93%;
}

.subhead {
  font-family: arial, sans-serif;
  font-size: 85%;
  line-height: 100%;
  font-weight: bold;
  padding: 5px 5px 5px 3px;
  color: #000;
}

.dottedbottom {
    background:url(../images/dot.gif) bottom repeat-x;	
    margin-bottom: 9px;
    padding-bottom: 5px;
}

.block-sidebar-c8 .dottedbottom {
  margin-bottom: 0px !important;
}

p.head {
    font-size: 85%;
    color: #000;
    line-height: 100%;
    margin-bottom: 1px;
    font-weight: bold;
}

.block-sidebar-c1 h1 {
    font-size: 123.1%;
    color: #000;
    line-height: 120%;
    margin-bottom: 0px;
    font-weight: bold;
    padding-left: 4px;
}

.block-sidebar-c8 h1 {
    font-size: 123.1%;
    color: #000;
    line-height: 120%;
    font-weight: bold;
    margin: 2px 0 0 5px;
}

.block-head-a5 h1, .block-head-a7 h1, .block-special-j5 h1 {
    font-size: 123.1% !important;
    font-weight: bold !important;
    color: #000 !important;
    line-height: 110% !important;
    margin-bottom: 5px !important;
}

.block-head-a5 p.head, .block-head-a7 p.head, .block-special-j5 p.head {
	  margin-bottom: 5px !important;
}

.block-sidebar-c1 p.head {
    padding: 15px 0 6px 4px;
    margin-bottom: 4px;
}

.block-sidebar-c8 p.head {
  margin: 5px 0 8px 5px;
}

.carousel li h2, .rss3 li h2 {
    color: #cccccc;
    font-size: 85%;
}

.carousel li img, .rss3 li img {
  margin-bottom: 5px;
}

.carousel li p, .rss3 li p {
    font-size: 85%;
    color: #999999;
}

.labels h1 {
    font-size: 123.1%;
    font-family: Arial, sans-serif;
    color: #000;
    margin-left: 8px;
    margin-bottom: 5px;
}

.block-head-a1 p.head {
    font-size: 85%;
    line-height: 100%;
    margin-bottom: 3px;
}

.block-head-a1 h1, .block-head-a2 h1, .block-head-a3 h1 {
    font-size: 182%;
    color: #000;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 2px;
}

.block-head-a2 p.head, .block-head-a3 p.head {
    font-size: 85%;
    line-height: 90%;
    margin-bottom: 3px;
    padding-top: 10px;
    border-top: 5px solid #074196;
}

.block-section-b1 h1, .block-section-b3 h1, .block-section-b9 h1, .block-section-b4 h1, .block-head-a6 h1, .block-head-a8 h1, .block-special-j6 h1, .block-special-j7 h1 {
    font-size: 138.5%;
    color: #000;
    font-weight: bold;
    line-height: 110%;
    margin-bottom: 2px;
}

.block-section-b6 h1 {
  font-size: 138.5%;
  line-height: 100%;
  font-weight: bold;
  margin-bottom: 6px;
}

.block-section-b5 .item {
    background:url(../images/dot.gif) bottom repeat-x;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.block-section-b5 h1 {
    font-size:123.1%;
    font-weight: bold;
    color: #000;
    line-height: 120%;
}

.block-section-b6 p.head {
  margin-bottom: 4px;
} 

.block-section-b7 p.head, .block-section-b6 p.head {
  line-height: 130%;
}

.block-section-b7 h1 {
  line-height: 130%;
}

.block-special-j6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.block-special-j7 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.block-special-j7 img {
  margin-bottom: 4px;
}

.block-section-b7 h1, .block-sidebar-c5 h1 {
  font-size: 93%;
  line-height: 120%;
}

.block-sidebar-c4 h1 {
    font-size: 116%;
    color: #000;
    font-weight: bold;
    line-height: 110%;
    margin-bottom: 2px;
}

.block-section-b9 h1 {
    margin-bottom: 0px;
}

.block-section-b1 p.head, .block-section-b3 p.head, .block-section-b9 p.head, .block-section-b5 p.head, .block-section-b4 p.head, .block-sidebar-c4 p.head {
    font-size: 85%;
    line-height: 100%;
    margin-bottom: 2px;
}

.block-section-b2 p.head {
    font-size: 85%;
    line-height: 100%;
    margin-bottom: 3px;
}

.block-section-b2 h1 {
    font-size: 182%;
    color: #000;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 5px;
}

p.lead {
    font-size: 93%;
    line-height: 130%;
}

.block-section-b11-1 p.head, .block-head-a4 p.head {
	color: #f9e32a;
	margin-bottom: 4px;
}

.block-section-b11-1 h1, .block-head-a4 h1 {
	font-size: 167%;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 5px;
}

.block-section-b11-1 p.lead, .block-section-a4 p.lead {
    font-size: 93%;
    line-height: 120%;
}

/* !Text overlays */

.image-unit {
  position:relative;
  clear:none;
  float: left;
  overflow:hidden;
  padding: 0;
}

.image-unit .image {
  position:relative;
  z-index:1;
}

.image-unit div {
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  z-index:2;
  text-align:left;
}

.image-unit div a.image-unit-h1 {
    background-color:#000;
    padding:2px 2px 2px 0px;
    color: #fff;
    text-decoration: none;
    font-size: 36px;
    line-height: 45px;
    font-weight: bold;
}

.image-unit div a.image-unit-h2 {
    background-color:#000;
    padding:2px 2px 2px 1px;
    color: #f9e32a;
    text-decoration: none;
    font-size: 11px;
    line-height: 17px;
    font-weight: bold;
}

.image-unit div a.image-unit-h3 {
    background-color:#000;
    padding:2px 2px 2px 1px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 21px;
}

.topnews .image-unit {
    width: 652px;
    height: 326px;
}

.topnews .image-unit .image {
    height:326px;
    width:652px;    
}

.topnews .image-unit div {
    width:652px;    
}

.image-unit div a.red {
  background-color: #e11b22;
}

.block-section-b5 .image-unit, .block-section-b4 .image-unit {
    width: 486px;
    height: 243px;
}

.block-section-b5 .image-unit .image, .block-section-b4 .image-unit .image {
    height:243px;
    width:486px;    
}

.block-section-b5 .image-unit div, .block-section-b4 .image-unit div {
  width: 486px;
}

.block-section-b5 .image-unit div a.image-unit-h1, .block-section-b4 .image-unit div a.image-unit-h1 {
    font-size: 24px;
    line-height: 32px;
}

.block-section-b5 .image-unit div a.image-unit-h2, .block-section-b4 .image-unit div a.image-unit-h2 {
    font-size: 11px;
    line-height: 17px;
}

.block-head-a2 .image-unit, .block-head-a3 .image-unit {
    height:118px;
    width:237px;
}

.block-head-a2 .image-unit div, .block-head-a3 .image-unit div {
    width: 200px;
}

.block-head-a2 .image-unit .image, .block-head-a3 .image-unit .image {
    height:118px;
    width:237px;
}

.block-head-a2 .image-unit div, .block-head-a3 .image-unit div {
  width: 237px;
}

.block-head-a2 .image-unit div a.image-unit-h1, .block-head-a3 .image-unit div a.image-unit-h1 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.block-section-b1 .image-unit-2, .block-section-b3 .image-unit-1, .block-sidebar-c3 .image-unit, .block-section-b11-1 .image-unit, .block-head-a4 .image-unit, .block-special-j3 .image-unit {
    height:154px;
    width:154px;
}

.block-section-b1 .image-unit-2 div, .block-section-b3 .image-unit-1 div, .block-sidebar-c3 .image-unit div, .block-section-b11-1 .image-unit div, .block-head-a4 .image-unit div, .block-special-j3 .image-unit div {
    width: 154px;
}

.block-section-b1 .image-unit-2 .image, .block-section-b3 .image-unit-1 .image, .block-sidebar-c3 .image-unit .image, .block-section-b11-1 .image-unit .image, .block-head-a4 .image-unit .image, .block-special-j3 .image-unit .image {
    height:154px;
    width:154px;
}

.block-section-b1 .image-unit-2 div, .block-section-b3 .image-unit-1 div, .block-sidebar-c3 .image-unit div, .block-section-b11-1 .image-unit div, .block-head-a4 .image-unit div, .block-special-j3 .image-unit div {
  width: 154px;
}

.block-section-b1 .image-unit-2 div a.image-unit-h1, .block-section-b3 .image-unit-1 div a.image-unit-h1, .block-sidebar-c3 .image-unit div a.image-unit-h1, .block-special-j3 .image-unit div a.image-unit-h1 {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.block-section-b12 .image-unit {
    height:243px;
    width:154px;
    text-align: left;
    
}

.block-section-b12 .image-unit div {
    width: 154px;
}

.block-section-b12 .image-unit .image {
    height:243px;
    width:154px;
}

.block-section-b12 .image-unit div {
  width: 154px;
}

.block-section-b12 .image-unit div a.image-unit-h1 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.block-section-b6 .image-unit, .block-sidebar-c5 .image-unit {
    height:154px;
    width:154px;
    text-align: left;
    margin-bottom: 6px;
}

.block-head-a5 .image-unit, .block-special-j5 .image-unit {
    height:96px !important;
    width:154px !important;
    text-align: left !important;
    margin-bottom: 6px !important;
}

.block-section-b6 .image-unit div, .block-sidebar-c5 .image-unit div, .block-head-a5 .image-unit div, .block-special-j5 .image-unit div {
    width: 154px !important;
}

.block-section-b6 .image-unit .image, .block-sidebar-c5 .image-unit .image {
    height:154px;
    width:154px;
}

.block-section-b6 .image-unit div, .block-sidebar-c5 .image-unit div {
  width: 154px;
}

.block-head-a5 .image-unit .image, .block-special-j5 .image-unit .image {
    height:96px !important;
    width:154px !important;
}

.block-head-a5 .image-unit div, .block-special-j5 .image-unit div {
  width: 154px !important;
}

.block-section-b6 .image-unit div a.image-unit-h1, .block-sidebar-c5 .image-unit div a.image-unit-h1, .block-head-a5 .image-unit div a.image-unit-h1, .block-special-j5 .image-unit div a.image-unit-h1 {
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 16px !important;
}

.block-section-b1 .image-unit-1, .block-section-b3 .image-unit-2, .block-sidebar-c4 .image-unit, .block-sidebar-c7 .image-unit, .block-head-a6 .image-unit {
    height:71px;
    width:71px;
    text-align: left;
}

.block-section-b1 .image-unit-1 div, .block-section-b3 .image-unit-2 div, .block-sidebar-c4 .image-unit div, .block-sidebar-c7 .image-unit div, .block-head-a6 .image-unit div {
    width: 71px;
}

.block-section-b1 .image-unit-1 .image, .block-section-b3 .image-unit-2 .image, .block-sidebar-c4 .image-unit .image, .block-sidebar-c7 .image-unit .image, .block-head-a6 .image-unit .image {
    height:71px;
    width:71px;
}

.block-section-b1 .image-unit-1 div, .block-section-b3 .image-unit-2 div, .block-sidebar-c4 .image-unit div, .block-sidebar-c7 .image-unit div, .block-head-a6 .image-unit div {
  width: 71px;
}

.block-section-b1 .image-unit-1 div a.image-unit-h1, .block-section-b3 .image-unit-2 div a.image-unit-h1, .block-sidebar-c4 .image-unit div a.image-unit-h1 {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.block-sidebar-c6 {
  margin-bottom: 10px;
}

.block-sidebar-c6 .image-unit {
    height:199px;
    width:320px;
    text-align: left;
}

.block-sidebar-c6 .image-unit div {
    width: 320px;
}

.block-sidebar-c6 .image-unit .image {
    height:199px;
    width:320px;
}

.block-sidebar-c6 .image-unit div {
  width: 320px;
}

.block-sidebar-c6 .image-unit div a.image-unit-h1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 24px;
}

.block-head-a9 {
  padding-bottom: 15px;
}

.block-head-a9 .block-head-a5 {
  background: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.block-head-a9 .block-head-a6 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.block-head-a9 .dottedbottom {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

div.dottedhr {
  background:url(../images/dot.gif) top repeat-x;
  height: 1px;
  border: none;
  padding-top: 0px;
  line-height: 1px;
  font-size: 1px;
}

/* Tabbar */

.tabbar {
  height: 26px;
  background:url(../images/tab-bg.png) top repeat-x;	
}

.tabbar ul {
  margin-left: 12px;
}

.tabbar li {
	float: left;
	width: 104px;
	height: 26px;
	display: block;
	cursor: pointer;
  cursor: hand;
  margin-right: 6px;
  text-align: center;
  font-size: 77%;
  padding-top: 6px;
}

.tabbar li {
  background: url("../images/tab.png") no-repeat;
  color: #074196;
}

.tabbar li.active {
  background: url("../images/tab-selected.png") no-repeat;
  color: #000;
} 

/* Modalbox */

#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}


/* 
	Modalbox modification
*/
#modalBackgroundOverlay{background:none;}


#colorbox{}
	#borderTopLeft{width:21px; height:21px; background:url(../images/cb/borderTopLeft.png) 0 0 no-repeat;}
	#borderTopCenter{height:21px; background:url(../images/cb/borderTopCenter.png) 0 0 repeat-x;}
	#borderTopRight{width:21px; height:21px; background:url(../images/cb/borderTopRight.png) 0 0 no-repeat;}
	#borderBottomLeft{width:21px; height:21px; background:url(../images/cb/borderBottomLeft.png) 0 0 no-repeat;}
	#borderBottomCenter{height:21px; background:url(../images/cb/borderBottomCenter.png) 0 0 repeat-x;}
	#borderBottomRight{width:21px; height:21px; background:url(../images/cb/borderBottomRight.png) 0 0 no-repeat;}
	#borderMiddleLeft{width:21px; background:url(../images/cb/borderMiddleLeft.png) 0 0 repeat-y;}
	#borderMiddleRight{width:21px; background:url(../images/cb/borderMiddleRight.png) 0 0 repeat-y;}
	#modalContent{background:#fff;}
		#modalLoadedContent{margin-bottom:0px;}
			#contentTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff; font-weight:bold; color:#949494;}
			#contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
			#contentPrevious{position:absolute; bottom:0; left:0px; background:url(../images/cb/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentPrevious:hover, #contentPrevious.hover{background-position:-25px -25px;}
			#contentNext{position:absolute; bottom:0; left:27px; background:url(../images/cb/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentNext:hover, #contentNext.hover{background-position:0px -25px;}
		#modalLoadingOverlay{background:url(../images/cb/loading.gif) center center no-repeat #fff;}
		#modalClose{position:absolute; top:15px; right:5px; background:url(../images/zatvori.png) no-repeat; width:56px; height:17px; text-indent:-9999px;}
		
		
/* Modal boxes */

#osobetjedna, #mail-article, #report-story {
  background:url(../images/dot.gif) bottom repeat-x;
  text-align: left;
  margin: 0 auto;
}

#osobetjedna h1, #mail-article h1, #report-story h1, #contentbox h1 {
  font-size: 32px;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;
  padding: 0 0 10px 0;
  margin: 4px 0 0 0px;
  line-height: 120%;
  background:url(../images/dot.gif) bottom repeat-x;
}

#contentbox {
  background:url(../images/dot.gif) bottom repeat-x;
  padding-bottom: 10px;
  text-align: left;
}

#contentbox h1 {
  margin-bottom: 10px;
}

#contentbox p {
  margin-bottom: 15px;
}

#contentbox h2 {
	font-family: Arial, sans-serif;
	font-size: 123.1%;
	color: #000;
	line-height: 120%;
	font-weight: bold;
}

#contentbox .content {
  height: 300px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 130%;
}

#contentbox .content img {
  margin-bottom: 15px;
}

#contentbox .content table {
  width: 100%;
  margin-bottom: 15px;
}

#contentbox .content th {
  width: 33%;
  font-weight: bold;
  margin-bottom: 2px;
}

#contentbox div.dottedhr {
  background:url(../images/dot.gif) top repeat-x;
  height: 1px;
  border: none;
  padding-top: 0px;
  line-height: 1px;
  margin-bottom: 15px;
  font-size: 1px;
}

#osobetjedna h2 {
  font-size: 182%;
  font-family: Georgia, serif;
  color: #074196;
  letter-spacing: -1px;
  line-height: 120%;
  margin-top: 9px;
  color: #b4b3ab;
}

#osobetjedna h3 {
  padding-top: 14px;
  background:url(../images/dot.gif) top repeat-x;

}

#osobetjedna .vote {
  margin-top: 10px;
}

#osobetjedna .entry {
  margin-bottom: 10px;
}

#osobetjedna .percent {
  float: right;
  margin-top: 14px;
}

#osobetjedna .result {
  margin-top: 10px;
  background: #f4f2eb;
  width: 154px;
  height: 13px;
}

#osobetjedna .result div {
  height: 13px;
  line-height: 2px;
  font-size: 5px;
}

.pollresult {
  margin-bottom: 7px;
}

.pollresult p {
  line-height: 10px;
  margin: 0; padding: 0;
}

.pollresult p.percent {
  font-weight: bold;
  float: right;
}

.pollresult .result {
  background: #f4f2eb;
  width: 128px;
  height: 6px;
  margin-bottom: 2px;
}

.pollresult .result div {
  background: #074196;
  height: 6px;
  line-height: 2px;
  font-size: 5px;
}

#mail-article p.naslovclanka {
  font-size: 85%;
  margin-top: 10px;
}

#mail-article p.notice, #report-story p.notice {
  margin-bottom: 10px;
  margin-top: 10px;
}

#mail-article p.article {
  background:url(../images/dot.gif) bottom repeat-x;	  
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#mail-article label {
  margin-top: 3px;
  font-size: 85%;
  float: left;
}

#report-story label {
  margin-top: 3px;
  font-size: 85%;
}

#report-story label.name {
  float: left;
}

#mail-article input, #report-story input {
  float: right;
  border: 1px solid #7f9db9;
  width: 182px;
  padding: 3px;
  margin-bottom: 15px;
}

#mail-article textarea {
  float: right;
  border: 1px solid #7f9db9;
  width: 182px;
  height: 65px;
  padding: 3px;
  margin-bottom: 15px;
}

span.red {
  color: #ff5349;
}

input.red, textarea.red {
  border: 1px solid #ff5349 !important;
}

#report-story form {
  padding-top: 10px;
  background:url(../images/dot.gif) top repeat-x;	  
}

#report-story input.file {
  float: none;
  clear: both;
  margin-top: 0px;
  margin-bottom: 10px;
}

#report-story textarea {
  float: none;
  border: 1px solid #7f9db9;
  width: 314px;
  height: 80px;
  padding: 3px;
  margin-bottom: 15px;
}

#printheader {
  margin-top: 5px;
  margin-bottom: 10px;
}

#printheader #logo {
  float: left;
}

#printheader #buttons {
  float: right;
  width: 170px;
  text-align: right;
  margin-top: 25px;
}

#printheader #buttons #closebtn {
  float: right;
}

#printheader #buttons #printbtn {
  float: left;
}

.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
  }
    .date_selector .month_name {
      font-weight: bold;
      line-height: 20px;
      display: block;
      text-align: center;
    }
    .date_selector .month_nav a {
      display: block;
      position: absolute;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      font-weight: bold;
      color: #003C78;
      text-align: center;
      font-size: 120%;
      overflow: hidden;
    }
      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
        background: none;
        color: #003C78;
        text-decoration: none;
      }
    .date_selector .prev {
      left: 5px;
    }
    .date_selector .next {
      right: 5px;
    }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      background: white;
    }
    .date_selector td.today {
      background: #FFFED9;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
      .date_selector td a {
        display: block;
        text-decoration: none !important;
        width: 100%;
        height: 100%;
        line-height: 2em;
        color: #003C78;
        text-align: center;
      }
      .date_selector td.today a {
        background: #FFFEB3;
      }
      .date_selector td.selected a {
        background: #D8DFE5;
        font-weight: bold;
      }
        .date_selector td a:hover {
          background: #003C78;
          color: white;
        }


/* Superfish */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #fff;
	padding: 	.75em 0.5em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
  font-family: Arial, sans-serif;
  font-size: 93%;
  font-weight: bold;
}
.sf-menu li li {
	background:		#f4f2eb;
}
.sf-menu li li li {
	background:		#f4f2eb;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	outline:		0;
	text-decoration: underline;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrow-down.png') no-repeat 0 3px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	 /* use translucent arrow for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Scrollpane */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.jScrollPaneTrack {
	background: url(../images/scroll_track.gif) repeat-y;
}
.jScrollPaneDrag {
	background: url(../images/scroll_drag_middle.gif) repeat-y;
}
.jScrollPaneDragTop {
	background: url(../images/scroll_drag_topbottom.gif) no-repeat;
	height: 1px;
}
.jScrollPaneDragBottom {
	background: url(../images/scroll_drag_topbottom.gif) no-repeat;
	height: 1px;
}
a.jScrollArrowUp {
	height: 13px;
	background: url(../images/scroll_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowDown {
	height: 13px;
	background: url(../images/scroll_arrow_down.gif) no-repeat 0 0;
}

div.banner, div.b10pxgray.mar15pxbot.clear, div.leaderboard, div.smallbanner {
  font-size: 1px;
}

#program {
	margin-bottom: 10px;
}
#program .span {
	margin:10px 0; 
}
#program ul {
	margin: 10px 0;
}
#program li {
	margin: 5px 0;
	padding-left:46px;
}
#program li a {
	text-decoration: underline;
}
#program li.past {
	color: #999;
}
#program li.past a {
	color: #999;
}
#program li.curr {
	color: #e11b22;
	font-weight: bold;
}
#program li.curr a {
	color: #e11b22;
}
#program li strong {
	position: absolute;
	margin-left:-46px;
}
#program h1 {
	font-size: 24px;
	font-weight: bold;
	background: transparent url(../images/dot.gif) repeat-x scroll center bottom;
	padding: 5px 0;
}
#program .datum {
	text-align: right;
	padding-top:15px;
	float: right;
	font-size:12px;
}
.week {
	float: right;
}
.week ul {
	float: left;
	padding-right: 150px;
}
.week li {
	float: left;
	font-size:12px;
	font-weight:bold;
	padding-right:13px;
	padding-top:20px;
}
.week a.current {
	color: #000;
}
.week select {
	margin-top:14px;
	padding: 3px;
	margin-right: 15px;
}

.kamo {
	float: right;
	margin-top:15px;
}
#vodic {
	margin-bottom: 10px;
}
#vodic h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	margin: 10px 0;
}
.vodic {
	float: right;
	padding-right:50px;
}
.vodic ul {
	float: left;	
}
.vodic ul.day {
	float: right;
	padding-left:20px;
}
.vodic li {
	float: left;
	font-size:12px;
	font-weight:bold;
	padding-right:13px;
	padding-top:20px;
}
.vodic ul.day li {
	padding-right: 3px;
}
.vodic ul.day li a {
	padding-right: 3px;
}
.vodic a.current {
	color: #000;
}
.vodic select {	
	position: relative;
	margin-top:14px;
	padding: 3px;	
}
#vodic ul {
	margin: 10px 0;
}
#vodic li {
	background:transparent url(../images/dot.gif) repeat-x scroll center top;
	padding: 10px 0;
	
}
#vodic li p {
	font-size: 11px;
}
#vodic .link {
	font-weight: bold;
}
#izvori {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.wrap-izvor {
	width: 24%;
	float: left;
	margin-right:12px;
}
.wrap-izvor .slika {
	text-align: center;
	margin:10px 0;
}
#izvori img {
	text-align: center;
	border: none;
}
#izvori ul {
	background:transparent url(../images/dot.gif) repeat-x scroll center bottom;
	padding-bottom:10px;
}
#izvori li {
	background-image:url(../images/bullet.gif);
	background-position:0 0.35em;
	background-repeat:no-repeat;
	padding-left:10px;
	margin:10px 0;
}

#listing-details {
  padding-top: 15px;
}

#localsearch {
  width: 300px; 
  float: left; 
  margin-right: 12px;
  display: inline;
}

#localsearch-adsense {
  float: left; 
  width: 174px;
  display: inline;
}

#localsearch-map {
  padding-top: 6px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#localsearch-map h2 {
  font-size: 93%;
  font-weight: bold;
  margin-bottom: 10px;
}

#localsearch-opis {
  padding: 10px;
}

#localsearch-opis h2 {
  font-size: 18px;
  font-weight: bold;
  color: #003c93;
  margin-bottom: 8px;
}

#localsearch-opis p {
  font-size: 93%;
  line-height: 130%;
}

#listing-categories {
  padding-top: 10px;
}

#listing-categories h2 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background:url(../images/dot.gif) bottom repeat-x;  
  margin-bottom: 4px;
  padding-bottom: 5px;
}

#listing-categories ul {
  font-size: 93%;
  margin-bottom: 15px;
}

#listing-categories li {
  margin-bottom: 2px;
}