@charset "utf-8";

/*
#F15A24 = orange (blozi)
#D2F1FF = light blue
#F1FDFF = ultralight blue
*/
/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal; font-family:Georgia,Times,serif;}
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;line-height:150%;font-size:90%;
}
body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #000000;
}
a {
	text-decoration:none;color: #0071BC;
}

a:hover {text-decoration:underline}
#container {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/mainBg.gif);
} 
#header {
	height: 200px;
	margin: 0px;
	background: #fff;
} 
#header h1 {
display:none;	
}
#header_img {
	background: url(../images/header.jpg) 0% 100% no-repeat;
	height: 170px;
	width: 750px;
	float: left;
}
#main_menu {
	background-image: url(../images/menuHoriz.jpg);
	height: 30px;
	margin: 0;
	padding: 0;
}
#main_menu ul {
	text-align: right;
	margin: 0;
	padding: 5px 7px;
}
#main_menu ul li {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 15px;
	font-size: 1.1em;
}
#content {
	padding: 38px 0 0 0;
	background: transparent;
	margin: 0;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 155px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 15px 0 10px; /* padding keeps the content of the div away from the edges */
	margin: 0;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 155px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 10px 0 15px; /* padding keeps the content of the div away from the edges */
}
#sidebar1 div.hr, #sidebar2 div.hr{
	background-image: url(../images/hrSidebar.gif);
	background-repeat: no-repeat;
	border: 0;
	height: 40px;
}
#sidebar2 div.hr {margin:0 0 0 -1em}
#sidebar1 div.hr hr, #sidebar2 div.hr hr{display: none;}
#mainContent {
	margin: 0 174px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 32px 0 32px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #444;
} 
#mainContent p{
	line-height: 170%;
	margin: 0 1em 0 0;
	padding: 0 2em 1em 1em;
	font-size: 80%;
}
#mainContent h1, h2, h3, h4, h5, h6{
	color: #0071BC;
}
/*#mainContentBlozi h1, h2, h3, h4, h5, h6{
	color: #F15A24;
}*/
#mainContent h1, #mainContentBlozi h1{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0.2em;
	position: relative;
	top: -1.5em;
}
#mainContent h2, #mainContentBlozi h2, .editable h2{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .2em;
}
#footer {
	padding: 20px 10px 0 20px;
	height: 90px;
	background: url(../images/podlogaFooter.gif) repeat-x;
	clear: both;
	color: #D2F1FF;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}
#header_img ul {
	margin: 0px;
	padding: 18px 0;
}
#header_img li {
	float: left;
	list-style-type: none;
	padding: 0 10px 0 10px;
	font-size: 80%;
}
#sidebar1 ul, #sidebar2 ul {
	margin: 0px;
	padding: 0 0 0 1em;
}
#sidebar1 h3, #sidebar2 h3 {
	font-size: 120%;
	padding-bottom: 0.3em
}
/* lijevi stupac detaljnije*/
#sidebar1 li, #sidebar2 li{font-size:90%;}
#sidebar1 li{padding: 0 0 0.2em 1.3em;}
#sidebar2 li{padding: 0 0 0.2em 0.2em;}
#sidebar1 h3 {
	padding-left:1em;
}
/*#rubrike a {
	color: #F15A24;
}*/
#blozi a {
	color: #F15A24;
}
#linkovi{padding:0 0 2em 0}
#linkovi a {
	color: #345757;
}
/* kraj lijevog stupca detaljnije*/
/* desni stupac detaljnije*/
#sidebar2 blockquote {
	padding: 0 0 1em 30px;
	font-style: italic;
	background: url(../images/quote.gif) no-repeat;
	margin: 1em 0 0 0;
}
#jebeme li {
	float: left;
	padding: 0 1em 0 0;
	font-size: 80%;
}
.level1{font-size:90%}
.level2{font-size:100%}
.level3{font-size:110%}
.level4{font-size:120%}
.level5{font-size:130%}

/* kraj desnog stupca detaljnije*/
/* Search stil*/

#searchbox {
	padding-top: 100px;
}
#searchbox .input {background:transparent url(../images/searchBack.jpg) repeat scroll 0% 0%;
border:1px solid #86AFC6;
color:#444444;
display:block;
float:left;
font-size:90%;
margin:10px 6px 6px 3px;
padding:3px 15pt 4px 3px;
width:96px;
}
.button {
	margin: 5px 0 0 10px;
	border: 0;
}

/* END search stil*/
#main_menu a {
	color: #D2F1FF;
}

#registracija a {
	color: #444;
}

#sidebar2 p {
	font-size: 80%;
}
#sidebar2 img {
	border: 2px solid #FFFFFF;
	margin: auto;
	display: block;
}
#container #content #sidebar2  h4 {
	padding: 0.5em 0 0.3em 0;
}
#sidebar2 .hr {
	margin: auto;
}
#citase {
	padding-bottom: 2em;
}
#cc {
	width: 154px;
	padding-top: 22px;
	float: left;
}
#tagovi {
	float: left;
	width: 507px;
	margin: 0 0 0 36px;
	padding-top: 28px;
}
#tagovi h3 {
	color: #D2F1FF;
	font-size: 1.2em;
	padding-bottom: 0.2em;
}
#tagovi li {
	float: left;
	padding: 0 1em 0 0;
}
#tagovi ul {
	padding-left: 1em;
}
#tagovi a {
	color: #D2F1FF;
}
#gornjitekst {	

}
#zadnjitekstovi, #zadnjiblozi {
	float:left;
	width:242px;
	padding: 10px 10px 0 0;
}#oglashor {
	height: 120px;
	margin: 2.5em 0 1.5em 0;
}
#mainContent img {
	border: 3px solid #D2F1FF;	
}
#zadnjiblozi h2, #zadnjiblozi a {color:#F15A24}
.opsirnije {
	display: block;
	text-align: right; margin-bottom:2em;
}
#zadnjitekstovi ul li, #zadnjiblozi ul li {
	border-top: solid 1px #D2F1FF;
	padding:0.5em 0 1em 1em; margin:0; 
}
#zadnjitekstovi h4, #zadnjiblozi h4  {
	font-size: 70%;
	text-transform:uppercase;
	letter-spacing:0.2em;
}
#zadnjitekstovi ul li ul li, #zadnjiblozi ul li ul li {
	border: none; padding:0; font-size:0.8em; margin:0;
}

.info {
	font-size: 0.5em;
}
#zadnjitekstovi h3, #zadnjiblozi h3  {
	font-size: 1.6em;
	padding: 0.5em 0 0.5em 0;
}
#gornjitekst h3 {
	font-size: 0.7em;
	margin-bottom: 10px;
	border-bottom: 1px solid #D2F1FF;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding-bottom: .5em;
}
.komentari01 {
	padding: 0 0 0 1em;
	font-size: 90%;
}
.komentari02 {
	padding: 1em 0 0 2em;
	font-size: 90%;
}
.komentari03 {
	padding:0 0 0 3em;
	font-size: 90%;
}
.slikalijevo{
	float:left;
	margin: 0.5em 0.5em 0 0.5em;
	cursor: url(../images/highslide/graphics/zoomin.cur), pointer;
}
.slikadesno{
	float:right;
	margin: .5em 0 0 .5em;
	cursor: url(../images/highslide/graphics/zoomin.cur), pointer;
}
#pages li {
	display:inline;
	padding: 0 1em 0 1em;
	float: left;
}
#pages {
	padding: 2em 0 2em 0;
	text-align: center;
	margin-right:-2em;
}
#autor {
	background:#F1FDFF;
	border: solid 2px #D2F1FF;
	margin:0 2em 0 0;
	padding: 2em;	
}
.autor {
	background:#F1FDFF;
	border: solid 2px #D2F1FF;
	padding: 1em 0 0 1em;
	margin: 0 1em 0 -1em;	
}
.komentiraj{
	text-align:right;
	padding:1.5em 0 1.5em 0;
	display: block;
	font-size: 130%;
	background: url(../images/oblacici.gif) no-repeat 320px 0.5em;
}
#mainContent ol {
	list-style-type: decimal;
	font-size: 80%;
	line-height: 170%;
	margin: 0 0 1em 6em;
}
#bannerver1, #bannerver2 {
	height: 300px;
	background: #777;
	margin: 1em 0 1em 0;
}
#unosTeksta fieldset{
	position:relative;
	display:block;
	border: 2px solid #D2F1FF;
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 10px;
	color:#0071BC;
	background:#F1FDFF;
}

#unosTeksta fieldset legend{
	padding:3px;
	margin:10px 0px 5px 0px;
	background:#F1FDFF;
	color:#0071BC;
	border:solid 2px #D2F1FF;
	position:relative;
	top:-22px;
	left:-6px;
}

 #forma #unosTeksta label{
	margin:0.4em 0 0.2em 0;

}
#forma{
	width:502px;
}
.glavnaForma {
	padding: 2px;
	border: solid 1px #D2F1FF;
	width: 460px;
	margin: 5px 0;
}


/* add by sloser */

#article_content { min-height: 290px; }

.article_text,
.editable { line-height: 170%;	font-size: 80%; }
.editable textarea { border: 2px solid #D2F1FF; border-top: none; width: 99%; height: 300px; }
#comment_area { border: 2px solid #D2F1FF; }
#comment_submit { border: 2px solid  #0071BC; background-color: #D2F1FF; color: #0071BC; padding: 1px; }
#tags { position: absolute; background-color: #fff; border: 1px solid  #0071BC; border-right: none; padding: 2px; width: 200px; height: 75px; overflow-y: auto; background-color: #fff; }
#tags a { display: block; }
#public_flag { display: none; }
#textile	{ display: none; }
#edit_area { font-size: 120% }


/* highslide */


.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}ne {
    display: none;
}

.search_text { background-color: yellow; }
.active{font-weight:bold;}