/* CSS RESET*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: #333; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { margin:10px; background: url(images/bg.__png) repeat #333; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; }
a:link { color:#810209; text-decoration:none; }
a:visited { color:#810209; text-decoration:none; }
a img { border:none; }
h2 { font-weight:bold; margin:0; padding:0; font-size: 13px; text-transform:uppercase; text-align:center; color:#fff; background:#810209; border-bottom:none; padding:5px; font-family:"Times New Roman", Times, serif; }
h2 a:link, h2 a:visited {color:#fff;}
ul, li { list-style-type:none; margin:0; padding:0; }
h4 { letter-spacing:0px; font-weight:normal; }
table, tr, td { margin:0; padding:0; border:none; vertical-align:top; border-collapse: collapse; }


/* START */

div.tmp {border:solid 5px #810209; background-color:#fff; padding:14px 14px 7px 14px; margin:0 0 14px 0; }
div.tmp p {font-size:14px; line-height:1.2; margin:0 0 7px 0; color:#000;}



span#pretplati-se-poruka { display:block; padding:13px; margin:20px 0 0 0; border:solid 1px #FF0000; background-color:#ffe3e3; font-size:12px; line-height:17px; font-weight:bold; text-align:center; color:#333;}
span#pretplati-se-poruka a { color:#FF0000; text-decoration:underline; }



div#content { float:left; width:888px; clear:both; background-color:#f2f2f2;} 

div#col-1 { float:left; width:204px;} div#col-1 div.omot { margin:12px;} 
div#col-2 { float:left; width:480px;} div#col-2 div.omot { margin:12px 0 12px 0;} 
div#col-3 { float:left; width:204px;} div#col-3 div.omot { margin:12px;}


table#sadrzaj { position:relative; clear:both; padding:12px; background-color:#f2f2f2; }
td#stupac-1 { width:180px; border:solid 12px #f2f2f2; }
td#stupac-2 { width:480px; border:solid 12px #f2f2f2; }
td#stupac-3 { width:180px; border:solid 12px #f2f2f2; }


#scroller { position:relative; border:none; margin:0; }


div#header { position:relative;  width:888px; height:90px; margin:0; padding:0 0 10px 0; /*background:url(images/bg-head.jpg) repeat-y right;*/ }

h1 { position:relative;  margin:0; width:400px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:17px;   }
h1 span.logo { display:block; padding:0; margin:0 0 5px 0; text-indent:-99999px; width:302px; height:40px; background: url(images/glasnik-ssn.png) no-repeat -1px 0px;}
h1 span { display:block; text-indent:1px; letter-spacing:0; text-transform:uppercase;font-weight:normal; color:#fff; margin:0; padding:0; }

ul#top-menu { position:absolute; top:0; right:0; }
ul#top-menu li { float:left; margin:0 0 0 10px; padding:0; font-size:11px; line-height:14px; border:1px solid #666; text-align:center; }
ul#top-menu li a { display:block; padding:2px 15px 3px 15px; color:#fff; background-color:#333;  }
ul#top-menu li a:link { color:#fff; }
ul#top-menu li a:hover { color:#fff; background-color:#555; }
ul#top-menu li a:visited { color:#fff; }

#navbar-top  { position:relative; width:888px; margin:0 0 20px 0 ; padding:0; background-color:#810209;}
#navbar-top ul { width:888px;  overflow:hidden; margin:0 ; padding:0; background-color:;}
#navbar-top li {  float:left; display:inline; margin:0 1px 0 0;  border:none; }
#navbar-top li a { display:block; padding:4px 12px 4px 13px; color:#fff; text-transform: uppercase; font-size:13px; line-height:16px; background-color:#810209;}
#navbar-top li a:link { color:#fff;}
#navbar-top li a:hover { color:#fff; background-color:#555;}
#navbar-top li a:visited { color:#fff;}

form#trazi  { position:absolute; top:0; right:0;  }
form#trazi input.text { width:126px; font-size:11px;}
form#trazi input.submit {font-size:11px; width:70px;}
form#trazi input.submit:hover {  }

/* Login forma stilovi */
div#p_login_meni { text-align: right; position:absolute; right:0; top:40px; color:#999; width:500px; height:auto; font-size:12px; }

div#p_login_meni p { margin:0 0 5px 0;}

div#p_login_meni p a, 
div#p_login_meni p a:link, 
div#p_login_meni p a:hover, 
div#p_login_meni p a:visited {color:#fff;}
#p_login_meni form {margin:0 0 10px 0;}

#p_login_meni input.text { width:126px; font-size:11px; margin:0 5px 0 0;}
#p_login_meni input.prijavi-se{margin:0; font-size:11px; padding:0; width:70px;}






div#topnews { height:290px; position:relative; margin-bottom:15px; background-color:#333; }
ul#topnewspanes { height:290px; list-style-type:none; padding:0; margin:0; }
ul#topnewspanes li { position:absolute; display:none; padding:0; margin:0; width:480px; height:290px; overflow:hidden; }
ul#topnewspanes li a img { width:480px; margin:-10px 0 0 0; }
ul#topnewspanes li h4 { position:absolute; top:0; left:0; font-size:13px; line-height:17px; color:#fff; padding:5px 10px 5px 10px; margin:0; width:460px; background-color:#333; }
ul#topnewspanes li h4 a:link { color:#fff; }
ul#topnewspanes li h4 a:hover { color:#fff; }
ul#topnewspanes li h4 a:visited { color:#fff; }
ul#topnewspanes li h3 { font-size:30px; line-height:36px; font-weight:bold; }
ul#topnewspanes li h3 a, ul#topnewspanes li h3 a:link, ul#topnewspanes li h3 a:visited, ul#topnewspanes li h3 a:hover { color:#fff; position:absolute; bottom:0; display:block; width:435px; padding:4px 35px 7px 10px; }
ul#topnewspanes li h3 a.shadow, ul#topnewspanes li h3 a.shadow:link, ul#topnewspanes li h3 a.shadow:visited, ul#topnewspanes li h3 a.shadow:hover { color:#000; background-color:#333; padding:6px 32px 5px 13px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
ul.topnewstabs { z-index:9999; position:absolute; bottom:0; right:5px; }
ul.topnewstabs li { margin:0 0 5px 0; border:solid 1px #333; font-size:0; line-height:0; }
ul.topnewstabs li a { display:block; width:15px; padding:2px 3px 1px 3px; border:solid 1px #999; font-weight:normal; font-size:9px; line-height:11px; color:#333; text-transform:uppercase; background:url(images/button-1.gif) no-repeat #fff; text-align:center; }
ul.topnewstabs li a.current { color:#fff; background: none #810209; }
ul.topnewstabs li a.current:hover { cursor:text; color:#fff; background: none #810209; }
ul.topnewstabs li a:hover { background: none #f2f2f2; }


div#najave { padding:0; margin:0 0 15px 0; border:1px none #d8d8d8; }
div#najave dl { margin:0; padding:0; width:480px; }
div#najave dl dt { zoom:1; position:relative; font-size:11px; line-height:14px; cursor:pointer; text-transform:none; font-weight:bold; border-bottom:1px solid #d8d8d8; }
div#najave dl dt:hover { color:#810209; text-decoration:none; cursor:pointer; }
div#najave dl dt a { display:block; padding:5px 48px 6px 22px; margin:0; background: url(images/bullet.gif) no-repeat 6px 10px; color:#333; text-decoration:none; outline: none; }
div#najave dl dt a:hover { color:#810209; text-decoration:none; }
div#najave dl dt a span.vise { display:inline-block; position:absolute; top:3px; right:0px; margin:0; padding:2px 3px 1px 3px; border:solid 1px #999; font-weight:normal; font-size:9px; color:#333; text-transform:uppercase; background:url(images/button-1.gif) no-repeat 0px 0px; text-align:center; cursor:pointer; }
div#najave dl dt a:hover span.vise { text-decoration:none; color:#810209; cursor:pointer; }
div#najave dl dt.selected a span.vise { display:none; visibility:hiden; }
div#najave dl dt.selected { zoom:1; color:#810209; text-decoration:none; background: url(images/bullet.gif) no-repeat 6px 10px #d8d8d8; border: none; margin:0; }
div#najave dl dt.selected a { text-decoration:none; }
div#najave dl dt.selected a:hover { color:#333; background-color:#d8d8d8; text-decoration:none; }
div#najave dl dd { zoom:1; padding:0; margin:0; background: #d8d8d8; }
div#najave dl dd p { zoom:1; font-size:11px; color:#000; line-height:14px; background: url(images/megaphone.gif) no-repeat 4px 6px #fff; border-bottom:solid 6px #d8d8d8; border-top:none; padding:6px 6px 6px 54px; margin:0 6px 0 6px; min-height:48px; height:auto !important; height:48px; }


table#news { width:480px; }
div.rubrika { padding:10px; width:215px; margin:0 0 10px 0; background-color:#fff; border:0px none #d8d8d8; }
div.rubrika ul { }
div.rubrika ul li h4 { font-size:13px; line-height:15px; font-weight:normal; padding:6px 0 0 0; margin:0 0 0 0; }
div.rubrika ul li h4 a:link { color:#333; }
div.rubrika ul li h4 a:visited { color:#333; }
div.rubrika ul li h4 a:hover { color:#810209; text-decoration:underline; }
div.rubrika ul li h3 { font-size:13px; font-weight:bold; line-height:14px; padding:7px 0 7px 0; margin:0; }
div.rubrika ul li h3 a:link { color:#810209; }
div.rubrika ul li h3 a:visited { color:#810209; }
div.rubrika ul li h3 a:hover { color:#810209; text-decoration:underline; }
div.rubrika ul li p { color:#333; font-size:11px; line-height:14px; padding:0px 0 10px 0; margin:0 0 11px 0; background:#fff; }
div.rubrika ul li span { float:left; display:block; width:75px; height:50px; overflow:hidden; margin:4px 6px 0 0; }
div.rubrika ul li span img { width:75px; margin: 0; }
div.lista ul { list-style-type:disc; padding:0 0 0 20px; }
div.lista ul li { list-style-type:disc; padding:0; color:#810209; }


div#facebook { padding:9px; margin:10px 0 0 0; background-color:#fff; }


div#karikatura { padding:9px; width:460px; margin:10px 0 0 0; background-color:#fff; border:1px none #d8d8d8; }


div#impresum { padding:10px; width:460px; margin:10px 0 0 0; background-color:#fff; border:0px solid #d8d8d8; text-align:center; }
div#impresum address { width:460px; font-size: 11px; line-height:15px; }
div#impresum a { font-size: 11px; line-height:15px; }


div#video { padding:9px; margin:0 0 10px 0; background-color:#fff; border:0px solid #d8d8d8; }
div#video a { display:block; font-size:12px; line-height:1.2; font-weight:normal; padding:4px 0 0 0; }
div#video a:link { color:#810209; }
div#video a:visited { color:#810209; }
div#video a:hover { color:#810209; }
div#video a img { margin:8px 0 0 0; border:solid 20px #f2f2f2; }


div.anketa { padding:95px 9px 9px 9px; margin:0 0 10px 0; border:0px solid #d8d8d8; background:url(images/piechart.gif) no-repeat 43px 15px #fff; }
div.anketa form h4 { padding:0; margin:0; }
div.anketa a, div.anketa h4 a { display:block; font-size:12px; line-height:1.2; font-weight:normal; color:#810209; padding:8px 0 0 0; }
div.anketa form { padding:0; margin:0; }
div.anketa form ul { margin-top:10px; }
div.anketa form ul li { font-size:12px; line-height:15px; padding:0; margin:0; border:none; }


/***************** ARTICLE *****************/

.article ul{ margin:0 20px 8px 40px; padding:0; font-size:13px; line-height:16px; }
.article ul li{ margin:0; padding:0 ; }




.article { background:#fff; padding:0 0 25px 0; }
/*.article img { width:440px; margin:8px 20px 0 20px; }*/
.article-img { width:440px; margin:8px 20px 20px 20px; }
.article h4 { font-size:15px; line-height:1.2; width:440px; margin:8px 20px 0 20px; padding:0; }
.article h3 { font-size:33px; line-height:1.2; font-weight:normal; color:#333; width:440px; margin:8px 20px 8px 20px; padding:0; font-family:"Times New Roman", Times, serif; }
.article p { width:440px; margin:0 20px 8px 20px; padding:0 0 0 0; font-size:13px; line-height:16px; }
.article p em { display:block; margin-left:10px; }

/*.article p.dropcap:first-letter {vertical-align:text-top; float:left; padding:0 0 0 0; font-family:"Times New Roman", Times, serif; font-size:65px; line-height:48px; }*/

.article p.dropcap { }
.article a.datum { font-size:11px; line-height:14px; border-bottom:1px solid #d8d8d8; display:block; margin:10px 20px 0 20px; padding:2px 0 3px 0; color:#810209; }
.article .komentator { display:block; margin:16px 20px 0 20px; padding:0; color:#810209; }
.article .komentator span { color:#bbb; }
.article .datumkomentara { color:#810209; display:block; margin:0px 20px 0 20px; padding:0 0 8px 0; border-bottom:1px solid #d8d8d8; }
.article .datumkomentara span { color: #bbb; }
.article p.komentar { margin-top:24px; padding:8px 0 0 0; border-top:1px solid #d8d8d8; }

.article ul.koment { margin:16px 0 0 20px; }
.article ul.koment li { float:left; margin:0 6px 50px 0; width:140px; font-size:11px; line-height:14px; border:1px solid #d8d8d8; text-align:center; }
.article ul.koment li a:link { display:block; padding:2px; color:#810209; }
.article ul.koment li a:hover { display:block; padding:2px; color:#810209; background-color:#f2f2f2; }
.article ul.koment li a:visited { display:block; padding:2px; color:#810209; }
.article form { margin:40px 0 0 40px; }
.article form span { display:block; padding:15px 0 5px 0; margin:0; color:333; width:440px; font-size:13px; line-height:16px; }


.article #najave p { width:auto; font-size:13px; line-height:16px;}



.arhiva ul { margin:0 0 10px 0; padding:0; list-style-type:none; background:#fff; }
.arhiva ul li { font-size:11px; line-height:14px; border-bottom:1px solid #d8d8d8; }
.arhiva ul li a:link { display:block; padding:2px 0 3px 8px; color:#810209; }
.arhiva ul li a:hover { display:block; padding:2px 0 3px 8px; color:#810209; background-color:#f2f2f2; }
.arhiva ul li a:visited { display:block; padding:2px 0 3px 8px; color:#810209; }
.arhiva h4 { font-size:11px; line-height:1.2; font-weight:normal; color:#810209; padding:4px 0 0 0; margin:0 0 16px 0; }
.arhiva h3 { margin-bottom:8px; }

ul.korisni-linkovi { margin:0 0 10px 0; padding:0; list-style-type:none; background:#fff; }
ul.korisni-linkovi li { font-size:11px; line-height:14px; border-bottom:1px solid #d8d8d8; }
ul.korisni-linkovi li a:link { display:block; padding:2px 0 3px 8px; color:#810209; }
ul.korisni-linkovi li a:hover { display:block; padding:2px 0 3px 8px; color:#810209; background-color:#f2f2f2; }
ul.korisni-linkovi li a:visited { display:block; padding:2px 0 3px 8px; color:#810209; }

.trazi a {display:block; padding:0 0 0 20px; color:#810209; width:420px; margin:0 20px 0 20px; font-size:13px; line-height:16px; }
.trazi a:hover, .trazi a.naslov:hover, .trazi a.podnaslov:hover {color:#810209;}
.trazi a.naslov {font-weight:bold; padding-bottom:8px; border-bottom:solid 1px #d8d8d8; color:#555; }
.trazi a.podnaslov {  }

.trazi p { margin:8px 20px 8px 20px; text-transform:uppercase; font-size:10px; font-weight:bold; color:#bbb;}
.trazi p span.datum { color:#333; font-weight:normal;}


a.preuzmi {display:block; padding:0; color:#810209; margin:20px 20px 0 20px; font-size:13px; line-height:16px; text-decoration:none;}
a.preuzmi:hover { text-decoration:underline; }

ul.koment li { margin-bottom:16px; }


img.kolumnist { margin:20px; width:84px; position:relative;  }
p.kolumnistPotpis { margin:-48px 8px 45px 124px; width:300px; position:relative; }

/* za galeriju slika, ostalo je u css/colorbox.css css/carousel.css */
.sg_velika_slika_clip_style {
	height: 250px;
	width: 440px;
	overflow: hidden;
	margin:8px 20px 0 20px
}

.sg_velika_slika_clip_style img {
	width: 440px;
	}


.sg_velika_slika_div_style {
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	position:relative;
	border:0;
	cursor:pointer;	
}



/***************** STUPAC LIJEVI *****************/

ul#navbar { margin:0 0 10px 0; padding:0; list-style-type:none; background:#fff; }
ul#navbar li { font-size:11px; line-height:14px; border-bottom:1px solid #d8d8d8; }
ul#navbar li a:link { display:block; padding:2px 0 3px 8px; color:#810209; }
ul#navbar li a:hover { display:block; padding:2px 0 3px 8px; color:#810209; background-color:#f2f2f2; }
ul#navbar li a:visited { display:block; padding:2px 0 3px 8px; color:#810209; }


ul#kolumne h2 { }
ul#kolumne { margin:0 0 0 0; padding:0; background:#fff; }
ul#kolumne li { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin: 0 0 10px 0; }
ul#kolumne li a { display:block; font-size:11px; line-height:1.2; color:333; padding:9px 9px 9px 60px; background: no-repeat -50px -10px; }
ul#kolumne li a:link { }
ul#kolumne li a:visited { }
ul#kolumne li a:hover { }
ul#kolumne li a span { display:block; padding:0; margin:2px 0 0 0; color:#333; font-size:17px; line-height:1; font-weight:normal; font-family:"Times New Roman", Times, serif; }
ul#kolumne li a:link span { }
ul#kolumne li a:visited span { }
ul#kolumne li a:hover span { }


a.extra:link { display:block; position:relative; padding:6px; margin:0 0 10px 0; background-color:#333; color:#fff; text-align:center; font-size:19px; line-height:1; font-weight:normal; border:solid 1px #ddd; font-family:"Times New Roman", Times, serif; }
a.extra:visited { display:block; position:relative; padding:6px; margin:0 0 10px 0; background-color:#333; color:#fff; text-align:center; font-size:19px; line-height:1; font-weight:normal; border:solid 1px #ddd; font-family:"Times New Roman", Times, serif; }
a.extra:hover { background-color:#dedede; color:#333; border:solid 1px #ddd; }


ul.reklame { margin:0; padding:0; }
ul.reklame li { list-style-type:none; display:inline-block; margin:0 0 10px 0; padding:0; background:#fff; line-height:0; font-size:0; }
ul.reklame li a { display:block; padding:10px; background:#fff; line-height:0; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
ul.reklame li a:link { display:block; background:#fff; line-height:0; }
ul.reklame li a:visited { display:block; background:#fff; line-height:0; }
ul.reklame li a:hover { display:block; background:#fff; line-height:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.reklama-head { position:absolute; right:12px; top:10px; width:180px; }

/* reg forma */
.reg_form_lbl {
	margin: 0;
	padding: 0;
	font-size:12px;
	text-align:right;	
}
.reg_form_hint {
	font-size:10px;	
}
#reg_form_greska_div {
	display:none;
	font-weight:bold; 
	font-size: 13px; 
	color:#810209; 
	/*background-color:#810209;*/
	border: 1px solid #810209;
	padding:3px;
	margin: 5px;
}
.reg_form_greska_div_highlight {
	background-color:#FFE8E9;
}
.fld_error {
	background-color:#FFFFE1;
	border: 1px solid #F00;
	padding:2px;
}

.pretplatnici_box {
	font-size:12px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}