*{

margin:0;

padding:0;

border:0

}

body{
	color:#666;
	font:0.75em "Trebuchet MS",arial,tahoma,sans-serif;
	background-color: #ffffff;
	background-repeat: repeat;
	background-image: url(images/bg.gif);

}

a{

color:#000000;

text-decoration:none

}

a:hover{
	color:#990000;
	text-decoration:underline;
	background-color: #000000;

}

input,select,textarea{

border:#d2d2d2 1px solid;

padding:0px;

color:#000000;

font:11px arial,tahoma,sans-serif

}

select{

padding:1px

}

li{

list-style:none

}

#page{
	background-image: url(images/page-bgr.jpg);
	background-repeat: no-repeat;
	background-position: left top;


}

#top-bgr{
	background-image: url(images/top-bgr.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

/*--- HEADER ---*/

#header{

font-size:12px

}

#logo{
	position:absolute;
	top:159px;
	width: 146px;
	left: 25px;
	overflow: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 80px;

}

#topmenu{

margin:0 0 0 278px;

height:265px;

position:absolute;

top:182px

}

#box1,#box2,#box3,#box4{

float:left;

width:237px;

height:265px

}

#box1{
	background-image: url(images/hdr-box1.png);
	background-repeat: no-repeat;
	background-position: top;

}

#box2{
	margin:0 0 0 3px;
	background-image: url(images/hdr-box2.png);
	background-repeat: no-repeat;
	background-position: top;

}

#box2 .spacer{

padding:57px 14px 0 14px

}

#box2 img{

width:59px;

border:2px solid #333333;

margin:3px 3px;

height:55px

}



#box2 img a{

border:0;

}



#box3{
	width:233px;
	margin:0 0 0 3px;
	background-image: url(images/hdr-box3.png);
	background-repeat: no-repeat;
	background-position: top;

}

#box3 .spacer{

padding:70px 20px 0 30px

}



/*- box1 list -*/

#box1 ul{
	padding:55px 0 0 23px;
	width:186px

}

#box1 li{
	padding:0 0 0 17px;
	border-bottom:1px solid #999999;
	line-height:18px;
	background-image: url(images/ico-star.gif);
	background-repeat: no-repeat;
	background-position: left center;

}

#box1 li a,#box1 li a:hover{

color:#ffffff;

text-decoration:none

}

#box1 li a:hover{

text-decoration:underline

}

#box1 li.red,#box1 li.red a,#box1 li.red a:hover{

color:#ff3000

}

/*- box3 list -*/

#box3 ul{

padding:10px 0 0 0;

margin: 0;

}

#box3 a{

text-decoration: none;

}

#box3 li{

padding: 0

}

/*--- COLUMN LAYOUT ---*/

#columns{

padding:450px 0 0;

width:990px

}

/*--- LEFT column styles ---*/

#leftcol{
	margin:-100px 0 0;
	width:270px;
	float:left;
	font-size:14px

}

#leftcol ul{
	float:right;
	width:170px

}

#leftcol li{

padding:0 0 0 3px;

margin:3px 0;

line-height:22px;

height:22px

}

#leftcol li a{

line-height:22px;

height:22px;

display:block;

text-decoration:none

}

#leftcol li a:hover,#leftcol li.active{

display:block;

background:url(/images/hover-bgr.gif) no-repeat right center;

line-height:22px;

height:22px

}

#leftcol li.active{

font-weight:bold

}

/*--- CENTER column styles ---*/

#centercol{
	border-top:4px solid #ffffff;
	margin:-10px 0 -1px 32px;
	padding:3px 10px -3 10;
	width:670px;
	font-size:1.1em;
	float:left;
	background-image: url(images/text.jpg);

}

#centercol p{

padding-top:2px;

padding-bottom:2px;

line-height:normal;

}

#centercol h2{

color:#990000;

font-size:1.4em;

text-transform:uppercase

}



#centercol h2 a{

color:#990000;

text-decoration:none

}



#centercol p.comments{

font-size:1em

}

#centercol p.comments a{

color:#7d0000;

font-size:1em;

text-decoration:none

}

#centercol p.comments a:hover{

text-decoration:underline

}

/*--- RIGHT column styles ---*/

#rightcol{

border-top:4px solid #ffffff;

margin:12px 0 0;

width:227px;

float:left;

background:#ffffff;

font-size:12px

}

#rightcol .spacer{

padding:30px 10px 0px 35px

}

#rightcol h3 span{

display:none;

}

#rightcol ul.list1,#rightcol ul.list2,#rightcol ul.list3,#rightcol ul.list4{

padding:15px 0 15px 0;

margin:0 0 10px 0

}



#rightcol ul.list1 li,#rightcol ul.list2 li{

margin:1px 0;

padding:0 0 0 15px;

background:url(/images/document.gif) no-repeat left top

}



#rightcol ul.list4 li{

margin:3px 0;

padding:0 0 0 15px;

background:url(/images/ico-user.gif) no-repeat left top

}



#rightcol ul.list3 li{

margin:3px 0;

padding:0 0 0 15px;

}

#rightcol ul.list2 li{

background:url(/images/ico-links.gif) no-repeat left top

}

#rightcol ul.list1 li a,#rightcol ul.list2 li a{

text-decoration:none

}

#rightcol ul.list1 li a:hover,#rightcol ul.list2 li a:hover{

text-decoration:underline

}

#rightcol ul.list1 li.red,#rightcol ul.list1 li.red a,#rightcol ul.list1 li.red a:hover,

#rightcol ul.list2 li.red,#rightcol ul.list2 li.red a,#rightcol ul.list2 li.red a:hover{

color:#fc0000

}

.search-box{

width:157px;

border-top:1px solid #e6e6e6;

border-bottom:1px solid #e6e6e6;

padding:15px 0;

margin:20px 0 15px 0

}

/*--- FOOTER ---*/

#footer{
	clear:both;
	font-size:11px;
	background-image: url(images/textdole.jpg);
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 302px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: -10px;

}

#footer a {

text-decoration:none;

}

#footer a.red{

color:#da2903

}



/*---COMMENTS---*/



.comment{

color:#990000;

padding-bottom: 10px;

}



ol.comments{font-size:11px;}



#comment_name_input{

width:300px;

height:20px;}



#comment_web_input{

width:300px;

height:20px;}



#comment_email_input{

width:300px;

height:20px;}



.txpCommentInputMessage{

width:300px;}



#comment_time{

color:#000;

}





input.button{

 color:#fff;

 background-color:#c20300;

 border:1px solid #000;}



.comments_error {

color:#c20300;

border: 1px solid #d2d2d2;

padding : 0.5em;}

 



div.comments_error { 

border: 1px solid #d2d2d2; }



/*--- Poll ---*/



.text{
	font-size:13px;
	margin: 5px 0 10px 0;
	color: #333333;
}



.musicbox{

margin: 20px 15px 15px 50px;}



#anketa p{

color:#000;}



.pprogram{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}



.clsGraph{ 

width:75%;

color:#000;

padding: 0 0 5px 0;

border-bottom: 1px solid #d2d2d2;}



.naslov{
	color:#c20300;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;

}



.karakteristike{
	font-size:11px;
	padding: 0 3px 0 3px;
	border:none;
	margin: 5px 2px 0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
}



/*--- Misc. styles ---*/

.fix{
	clear:both;
	line-height:0px;
	height:0px

}

.hl{

margin:15px 0 25px 0;

background:url(/images/hl-hatch.gif) repeat-x top;

line-height:16px;

height:16px

}

.picborder{

float:left;

margin:0 15px 10px 0;

padding:5px;

border:4px solid #d0d0d0;

clear:left;

width:115px;

height:83px

}



.picborder2{

float:left;

margin:0 15px 10px 0;

padding:5px;

border:4px solid #d0d0d0;

clear:left;

}



.picborder3{

border:4px solid #d0d0d0;

margin: 10px 0 10px 0 ;

}



.teh_naslov{

color:#000;

}

/*--- Search---*/

#livesearchsubmit{

border:0;

margin:5px 0 0;

padding:0 4px;

color:#ffffff;

background:url(/images/btn-search.gif) repeat-x center;

font-size:11px;

height:25px

}



#livesearch{height:20px}



#LSResult { 

position: absolute; 

background-color: #434446; 

width: 300px; 

right:30%;} 



#LSShadow { padding: 5px; } 



#LSRes { background-color: #fff; } 



.LSRow { padding: 0 5px; } 



#zatvori a{color:#ff3000}



#LSHighlight { background-color: #aaa; } 



#LSHeader { padding: 2px 2px 8px; color:#fff; } 



.lsDate { display: block; color: #555; }



.frontcol1 {

width: 220px;

padding-bottom:15px;

float: right;}



.frontcol2 {

width:220px;}