@charset "utf-8";

html {
	height:100%;
}
body  {
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	color:#666666;
	background:url(../images/body_bg.jpg) top center no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#nonFooter { 
	width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	min-height: 100%;
	padding-bottom:45px;
} 

* html #nonFooter {
	height: 100%;
}

#header { 
	position:relative;
	width:975px;
	margin:0;
	padding:0;
	height:130px;
	background:none;
}

#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 215px;
	padding:0;
	margin: 10px 0 0 0;
	height:auto;
}

#left1 {
	margin: 0px;
	padding:0;
	border:1px solid #CCCCCC;
	width:195px;
	background:url(../images/menu_bg.gif) left repeat-y;
	float:right;
}

#left2 {
	background:url(../images/pitanje_bg.png) top center no-repeat;
	width:197px;
	height:90px;
	margin-top: 20px;
	padding: 0;
	float:right;
}

#left2 p {
text-align:right;
line-height:20px;
padding:40px 10px 0 0;
}

#left2 a:link, #left2 a:visited, #left2 a:hover{
	color:#de0909;
	font-size:11px;
	font-weight:bold;
}

#left3 {
	margin-top: 30px;
	padding: 3px 0 0 15px;
	float:right;
}

#left3 div {
	border: solid #b7b7b8;
	border-width: 0 0 0 1px;
	padding:2px 0 2px 3px;
	color:#676565;
	font-size:9px;
}

#mainContent { 
	position:relative;
	margin: 10px 0 0 230px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebarLeft div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebarLeft space when the content in #sidebarLeft ends. */
	padding: 10px 0 0 25px;
}

#loader {
	position: absolute;
	top:20px;
	left:0;
	width: 90%;
	height:90%;
	background-color:#CCCCCC;
}

#loader p {
text-align:center;
}

#center1 {
	width:470px;
	float:left;
	padding:0 0 25px 0;
	margin:0;
}

#center2 {
	float:left;
	padding:0 0 25px 0;
	margin:0;
}

#center1 p, #center2 p {
line-height:17px;
}

#right {
	margin: 0 0 0 500px;
	padding: 0 0 0 17px;
	color:#676565;
	font-size:10px;
}

#right1 {
	border: solid #b7b7b8;
	border-width: 0 0 0 1px;
	padding:2px 0 2px 8px;
}

#right2 {
	margin: 20px 0 0 0;
	padding: 10px 15px 0 15px;
	background:url(../images/statistika_bg.png) center top no-repeat;
	height:80px;
}

#right3 {
	margin: 10px 0 0 0;
	padding: 0;
	text-align:center;
}

#footer {
	color:#FFFFFF;
	text-align:center;
	position: relative;
	margin: -40px 0 0 0;
	height:40px;
	vertical-align:middle;
	padding:10px 0 0 0;
	width:100%;
	background:url(../images/footer_bg.png) bottom repeat-x;
	font-size:11px;
}

.footer {
margin-top:18px;
text-align:center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a wraper that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearright {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:link, a:visited {
	color:#2f4295;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#d02028;
	text-decoration:none;
}

a img {
	border:0;
}

p {
	text-align:justify;
	margin:0 0 5px 0;
}

h1 {
	text-align:left;
	font-size:18px;
	font-weight:normal;
	padding: 0 0 0 20px;
	color:#242145;
	margin:0 0 10px -20px;
	background: url(../images/title_bullet_06.png) no-repeat left top;
}

h2 {
	text-align:center;
	font-size:16px;
	padding: 5px 0;
}


.statistika {
color:#5b595c;
text-align:right;
font-weight:bold;
}


.subtitle {
	font-size:13px;
	color:#005CA1;
	font-weight:bold;
}

.subsubtitle {
	font-size:12px;
	color:#005CA1;
	font-weight:bold;
}

.news_title {
	text-align:left;
	color:#242145;
	font-weight:bold;
}

.news_title a:link, .news_title a:visited {
	color:#242145;
}

.news_title a:hover {
	color:#242145;
}

.text_vip {
color:#CC3300;
}


/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: '';
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 100%;
text-align: center;
padding: 2px 0;
margin: 10px 0;

}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #CCCCCC;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #CCCCCC;
horizontal-align:center;
}

/* CSS za formulare */
fieldset {
	border:0;
}

fieldset ol {
	list-style-type:none;
	margin:0;
}

fieldset ul {
margin:0;
}

fieldset li {
	margin:0 0 10px 0;
}

legend {
	font-size:13px;
	color:#215373;
	font-weight:bold;
	padding:0;
	margin:0 0 10px 0;
	display:block;
}

label{
	float:left;
	text-align:right;
	width:55px;
	margin:0 5px 0 0;
}

input {
	font-size:11px;
	border:1px solid #7F9DB9;
	margin:0 5px 0 0;
	padding:3px;
}

select {
	font-size:11px;
	border:1px solid #7F9DB9;
	margin:0 5px 0 0;
	height:20px;
}

.submit {
border:0;
margin:0;
padding:0;
vertical-align:bottom;}

.pretraga {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #0F395F;
	text-align: left;
	margin: 0px;
	width:100%;
}

.dugme {
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #0F395F;
	text-align: center;
}


.tabela {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #0F395F;
	text-align: left;
	list-style-position: inside;
	padding:3px;
}

.formular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 5cm;
	border: 1px solid #7F9DB9;
}

.text_formular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333366;
	font-weight: normal;
}
.glavna_tabela {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}


.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333366;
}
.dugme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333366;
	background:url(../images/dugme_bg.png);
	border: solid 1px #CCCCCC;
}

.naslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333366;
}

.tekst {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #0F395F;
	text-align: justify;
	vertical-align:top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.tekst2 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #0F395F;
	text-align: left;
	vertical-align:top;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.tekst3 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #0F395F;
	text-align: center;
	vertical-align:top;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

tr.pretraga_naslov {
	font-weight: bold;
	background-color: #990000;
	color: white;
}


tr.naglaseno {
	color: #990000;
}

td.donjaciza {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;}

.bijeli_link:link, bijeli_link:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.bijeli_link:hover {
	color: #BBBBBB;
	text-decoration:none;
}