/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button  {
     margin: 0;
     padding: 0;
     border: 0;
}

body 
{
	background-color:#000000;
	color:#FFFFFF;
	background-image: url("images/trans.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family:Verdana;
	font-size:10pt;
}

h1
{
    font-size:10pt;
    letter-spacing:1px;
    font-style:normal;
    margin:10px 0px 10px 0px;
    font-weight:bold;
    color:#EEE;}

h2
{
    font-size:8pt;
    letter-spacing:1px;
    font-style:normal;
    margin:22px 0px 3px 0px;
    font-weight:bold;
    color:#CCC;}
    
h3
{
    font-size:10pt;
    margin:25px 0px 15px 0px;
    font-weight:bold;
    color:#CCC;}

h4
{
    font-size:10pt;
    margin:10px 0px 5px 0px;
    font-weight:bold;
    color:#999999;}
    
h5
{
    font-size:10pt;
    margin:20px 0px 15px 20px;
    font-weight:bold;
    text-align:left;
    color:#999999;}
    
h6
{
    font-size:8pt;
    letter-spacing:1px;
    font-style:italic;
    margin:25px 0px 10px 0px;
    font-weight:bold;
    color:#CCCCCC;}

a
{
    color:#FE0198;
    text-decoration:none;}
    
/*a:hover
{
    text-decoration:underline;}*/

#header {
	position:relative;
	left:0px;
	top:0px;
	width:1923px;
	height:110px;
	background:#000000 !important; /* url(images/logo.jpg) no-repeat left bottom;*/
	border-bottom:solid 1px #1A1A1A;}
	
#mail_status
{
	position:fixed;
	_position:absolute;
	display:inline;
	top:50px;
	left:350px;
	color:#FE0198;
	font-size:11pt;
	font-variant:small-caps;
	z-index:10;
	}

#menuarea 
{
    position:relative;
    height:45px; width:1923px;
    background:url(images/spektrum.jpg) repeat-x left bottom; 
    font-family:Verdana;}
			
#menuarea .left
{
    float:left;
    background:url(images/sivo.png) repeat-x bottom; 
    width:12px; height:45px;}

#menuarea .mainmenu 
{
	height:45px; 
	width:auto;
	/*margin:0 1px 0px 2px;*/}
	
#menuarea .staticmenu {float:left; font-size:10pt; text-align:center;}
#menuarea .item { /*border:solid 1px #FFFFFF*/}
#menuarea .item a 
{
    background:url(images/sivo.png) repeat-x bottom;
	color:#FFF; padding:13px 11px 0px 11px;
	display:block; float:left; height:32px;}
#menuarea .hover a {color:#FFF; background:none !important;}
/*#menuarea a:hover {background-position:0 0;} /*IE fix*/
#menuarea .selected  a {color:#FFF; text-decoration:line-through; 
                        padding:13px 11px 0px 11px;
                        background:url(images/sivo.png) repeat-x bottom;
                        }
.language
{
    display:block;
    color:#383838;
    text-decoration: none;
    font-size:10pt;
    font-family:Verdana;
	}
	
#rest
{
    position:relative;
    z-index:6;
    display:block;}
    
.rest_img
{
    position:absolute; 
    /*width:1425px;*/
    width:100%;
    height:2px; 
    top:43px;}

#maincontent
{
	float:left;
	margin-top:45px;
	overflow:hidden;}
	
#widewrapper {
	position:relative;
	float:left;
	background:#000000 url(images/poz-kocke.gif); 
	width:1884px;
	height:340px;
	padding:20px 20px 20px 20px;
}

.panel
{
    position:absolute; 
    left:20px;
    background-color:#000000;
    height:165px;
    padding-right:10px;}

.represent
{
    position:relative;
	float:left; 
    padding:8px 0px 0px 5px;
    width:205px;
    font-size:9pt;
    color:#989898;
    height:165px;}

.represent_tekst
{
    position:absolute;
    top:114px;
    left:5px;
    width:200px;
    padding:0px 0px 0px 0px;}
    
.represent_tekst a
{
    font-size:9pt;
    color:#989898;
    text-decoration:none;}
    
.proj_slika
{
    position:absolute;
    top:8px;
    left:5px;
    padding:0px 0px 0px 0px;
    z-index:3;/**/}

#proj_maska1, #proj_maska2, #proj_maska3, #proj_maska4, #proj_maska5, #proj_maska6
{
    z-index:4;
    position:absolute;
    top:8px;
    left:5px;
    padding:0px 0px 0px 0px;
    background: no-repeat;
    width:205px;
    height:97px;
}

.arhivalink
{
    position:absolute;
    padding:5px 0px 0px 0px;
    /*margin:0px -5px 0px 0px;
    top:143px;
    left:150px;*/
    height:15px;
    bottom:12px;
    right:0px;
    text-align:right;
    float:right;
    width:60px;
    color:#3087B4;
    font-size:8pt;
    font-weight:normal;
    text-decoration:none;
    }

.posaljilink
{
    position:relative;
    padding:5px 0px 0px 0px;
    /*top:143px;
    left:150px;*/
    text-align:right;
    float:right;
    width:60px;
    color:#3087B4;
    font-size:8pt;
    font-weight:normal;
    text-decoration:none;
    }
        
/*.arhivalink a
{
    text-align:right;
    }*/
    
    
/***** VIJESTI *****/
.vijesti
{
    font-family:Verdana;
    position:absolute; 
    left:698px;
    background:#0F0F0F url(images/gradient.jpg) repeat-x bottom;
    height:340px;}

.vijesti_sadrzaj
{
    position:relative;
	float:left; 
    padding:0px 10px 0px 10px;
    width:261px;
    font-size:9pt;
    color:#666666;}
    
.vijesti_datum
{
    color:#333333;
    display:block;
    padding:5px 0px 5px 0px;}
    
.vijesti_naslov
{
    color:#FFFFFF;
    display:block;
    text-decoration:none;
    padding:2px 0px 2px 0px;
    }
    
.vijesti_naslov a:hover
{
    text-decoration:line-through;}
    
.vijesti_opis
{
    display:block;
    font-size:8pt;
    font-style:italic;
    padding:5px 0px 5px 0px;
    }

.vijesti_tekst
{
    display:block;
    text-align:left;
    font-size:8pt;
    line-height:16px;
    color:#666666;
    margin:5px 0px 5px 0px;
    }
.vijesti_vise
{
    text-align:right;
    float:right;
    /*display:block;
    width:261px;*/
}
/***** AKTUELNO *****/
.aktuelno
{
    position:absolute;
    left:989px; 
    height:340px;
    background:#0F0F0F url(images/gradient.jpg) repeat-x bottom;
    }
    
.aktuelno1
{
    display:block;
    position:relative;
	float:left;
    padding:10px 10px 10px 10px;
    width:249px;
    font-size:9pt;
    color:#666666;
	border-right:solid 1px #000000;}
	
.aktuelno2
{
    display:block;
    position:relative;
	float:left; 
    /*left:220px;*/
    padding:0px 10px 0px 10px;
    width:249px;
    height:175px;
    font-size:9pt;
    color:#666666;}
    
.aktuelno_tekst
{
    display:block;
    padding-top:15px;
    text-align:left;
    font-size:8pt;
    line-height:16px;}


/***** PROTOK *****/
.protok
{
    position:absolute;
    float:left;
    left:1280px;
    background-color:#000000;
    height:340px;}
    
.protok1
{
    display:block;
    position:relative;
	float:left;
    padding:10px 10px 10px 10px;
    width:248px;
    height:320px;
    font-size:8pt;
    color:#666666;
    border-right:solid 1px #141414;
    line-height:16px;}
    
.protok1 img
{
    margin:5px 0px 8px 0px;
}	
.protok2
{
    display:block;
    position:relative;
	float:left; 
    /*left:220px;*/
    padding:0px 10px 5px 10px;
    width:247px;
    height:330px;
    font-size:9pt;
    color:#666666;
    top:5px;}
    
.protok_kontakt
{
	margin-top:10px;
	font-size:9pt;
	text-align:left;
	color:#666666;
	}
	
.protok_textbox
{
	width:243px;
	height:20px;
	color:#BBBBBB;
	font-family:Verdana;
	background-color:#161616;
	border:none;
	font-size:10pt; 
	vertical-align:middle; 
	margin:5px 0px 5px 0px; 
	padding:2px 2px 0px 2px;
	overflow:auto;
	}
 	    
#sponzori
{
    position:absolute; 
    left:1825px;
    border-left:solid 1px #141414;
    background-color:#000000;
    height:340px;
    font-size:8pt;}
    
.podrska
{
    padding-top:15px;
    position:relative;
    float:left;
    text-align:center;
    width:74px;
    }
.podrska img
{
    display:block;
    padding:12px 12px 0px 12px;
    text-align:center;
    vertical-align:middle;
    }
    
#scroll
{
    position:absolute;
    top:600px;
    /*background-color:#000000;*/
    height:37px;
    width:1000px;
    display:block;
    margin:0 auto;
    z-index:1;}
    
.strelica-lijevo
{
	cursor:w-resize;
	float:left;
	width:33px;
	height:37px;
    z-index:1;
	}

.strelica-lijevo a
{
	background:#000000 url(images/strelica-lijevo.jpg) no-repeat left bottom;}	
	
.strelica-lijevo a:hover
{
	background:#000000 url(images/strelica_lijevo_over.jpg) no-repeat left bottom; z-index:300;
	}	
    
.strelica-desno
{
	cursor:e-resize;
	float:left;
	width:33px;	
	height:37px;
    z-index:1;}

.strelica-desno a
{
    margin-left:10px;
    background:#000000 url(images/strelica-desno.jpg) no-repeat right bottom;}	

.strelica-desno a:hover
{
	background:#000000 url(images/strelica_desno_over.jpg) no-repeat right bottom;}	
    
.uspravno-projekti
{
	position:relative;
	float:left;
	height:165px;
	width:22px;
	border-right:solid 1px #141414;
	margin-right:5px;
	background:#000000 /*url(images/uspravno_projekti.jpg)*/ no-repeat left bottom;}
	
.uspravno-slika
{
    position:absolute;
    left:0px;
    bottom:0px;}
    
.uspravno-produkcija
{
	position:relative;
	float:left;
	width:22px;
	height:165px;
	border-right:solid 1px #141414;
	margin-right:5px;
    background:#000000 /*url(images/uspravno_produkcija.jpg)*/ no-repeat left bottom;}

.horizontal-vijesti
{
	position:relative;
	/*float:left;*/
	width:280px;
	height:24px;
	border-bottom:solid 1px #000000;
    background:#0F0F0F /*url(images/horizontal_vijesti.jpg)*/ no-repeat left bottom;}
    
.horizontal-aktuelno
{
	position:relative;
	/*float:left;*/
	width:280px;
	height:24px;
	border-bottom:solid 1px #000000;
    background:#0F0F0F url(images/horizontal_aktuelno.jpg) no-repeat left bottom;}  
    
.uspravno-protok
{
	position:relative;
	float:left;
	width:22px;
	height:340px;
	border-right:solid 1px #141414;
	margin-right:5px;
    background:#000000 /*url(images/uspravno_protok.jpg)*/ no-repeat left bottom;}           



#footer {
	position:relative;
	font-family:Verdana;
	clear:both;
	display:block;
	background-color:#000000;
	height:150px;
	width:100px;
}

#copyright
{
    font-size:7pt;
    color:#3D3D3D;
    }
    
.mozilla
{
	color:#3D3D3D;
	font-size:7pt;
	font-family:Verdana;
	position:relative;
	display:block;
	/*background:url(images/mozilla_duga.jpg) no-repeat right bottom;*/
	width:300px;
	text-align:right;
	z-index:3;
}
.mozilla img
{
    margin-top:7px;
}


.strelice_center
{
    margin:0 auto;
    text-align:center;
    position:relative;
    display:block;
    height:38px}
    
    
/************************************* V E R T I C A L **************************************/
.container
{
    /*background:#000000 url(images/poz-kocke.gif);*/}

#verticalcontent
{
    /*position:absolute;
    height:2000px;
    height:100%;*/
    position:absolute;
    width:100%;
    min-width:900px;
    /*overflow-x:auto;*/
    margin:155px 0px 0px 0px;
    background:#000000 url(images/poz-kocke.gif);
    z-index:3;
    /*bottom:200px;
    padding-bottom:255px;*/
    }
    
#head 
{
    position:fixed; 
    top:0; left:0; /*right:18px; */
    display:block;
    width:100%; height:155px; 
    background:#000000 url(images/spektrum.jpg) repeat-x left bottom;
    z-index:5; color:#fff;}
    
#centercolumn 
{
    /*margin:0px 0px 0px 0px;
    #margin:0px 0px 0px 0px;
    /**/position:relative;
    float:left;
    margin:20px 0px 20px 0px;
    z-index:3;
    text-align:left;
    /*min-height:440px;
    min-width:580px;
    _margin-left:-20px;
    padding-bottom:120px;
    background:#000000 url(images/poz-kocke.gif);
    display:block; 
    height:100%; max-height:100%; 
    overflow:auto; 
    padding-left:300px; 
    position:relative; 
    z-index:3;*/}
    
#leftcolumn 
{
    /*position:fixed; position:absolute;
    left:0; top:155px; #margin-bottom:100px;*/
    position:relative;
    float:left;
    /*
    left:0px;
    top:155px;*/
    width:275px; 
    color:#fff;
    /*margin:0px 0px 115px 0px;
    #margin:0px 0px 115px 0px;*/
    padding:20px 0px 20px 20px;
    z-index:3;}

#foot 
{
    /*position:fixed;
    clear:both; 
    bottom:0; left:0px;*/
    width:100%; height:100px;
    /*padding-left:300px;*/
    background:#000000; 
    font-size:8pt; 
    color:#898989;
    z-index:4;}


* html #head /*, * html #leftcolumn,* html #foot*/ {position:absolute;}

#leftcolcontainer
{
     z-index:3;}

#pad1 {display:block; width:18px; height:155px; float:left;}
#pad3 {display:block; width:18px; height:100px; float:left;}
.pad2 {display:block; height:100px; position:relative; bottom:0;} 
	
/*.pad1 {display:block; width:18px; height:155px; float:left; z-index:10; background-color:#00FF00;}
.pad2 {display:block; height:155px;}*/

#header_vert 
{
	position:absolute; 
	margin:0; 
	left:0px;
	top:0px;
	display:block;
	width:100%;
	height:109px;
	/*background:#000000 url(images/logo.jpg) no-repeat left bottom;*/
	border-bottom:solid 1px #1A1A1A;
	z-index:6;}
	
#menuarea_vert 
{
    top:110px;
    position: relative;
    float: left;
    height:45px;
    background:#000000 url(images/spektrum.jpg) repeat-x left bottom; 
    /*background-color:;*/
    width:850px;
    z-index:6;}

#menuarea_vert .mainmenu 
{
	position: relative;
    float: left;
	height:45px; 
	width:auto;
	margin:0 1px 0px 2px;}
	
#menuarea_vert .staticmenu {float:left; font-size:10pt; text-align:center; }
#menuarea_vert .item { /*border:solid 1px #FFFFFF*/}
#menuarea_vert .item a 
{
    background:url(images/sivo.png) repeat-x bottom;
	color:#FFF;padding:13px 11px 0px 11px; margin:0px -1px 0px -2px;
	display:block; float:left; height:32px;}
#menuarea_vert .hover a {color:#FFF; background:none !important; text-decoration:none;}
/*.menu1 a:hover {background-position:0 0;} /*IE fix*/
#menuarea_vert .selected  a {color:#FFF; text-decoration:line-through; 
                        padding:13px 11px 0px 11px;
                        background:url(images/sivo.png) repeat-x bottom;
                        }
                        
#menuarea_vert .left
{
    position: relative;
    float: left;
    background:url(images/sivo.png) repeat-x bottom; 
    width:12px; height:45px;}
    
#right
{
    position:relative;
    z-index:6;
    display:block;
    /*background-color:#000000;
    background-position:bottom;
    background-repeat:repeat-x;
    background-color:#000000; !important;*/}

.right_img
{
    position:absolute;
    width:2000px;
    height:2px;
    top:43px;}
    
.language_vert
{
    width:100px;
    position:absolute;
    float:right;
    /*display:block;*/
    right:10px;	
    top:123px;
    color:#383838;
    text-decoration:none;
    text-align:right;
    font-size:10pt;
    font-family:Verdana;
    z-index:10;
	}
   
/*#maincontent
{
   position:relative;
   float:left;
   width:80%;
   margin-left:300px;}*/

.aktuelnomenu
{
    position:relative;
	float:left; 
    padding:8px 0px 0px 5px;
    width:220px;
    font-size:9pt;
    color:#989898;}

.leftmenu
{
    position:relative;
	float:left; 
    /*padding:8px 0px 0px 5px;*/
    margin:0px 0px 0px 0px;
    width:265px;
    font-size:9pt;
    color:#989898;
    background:#0F0F0F;}

.uspravno-aktuelnomenu
{
    position:absolute;
    float:left;
    bottom:0px;_bottom:-1px;
	left:0px;
	display:block;
	width:22px;
	height:90px;
	background:#0F0F0F url(images/uspravno_aktuelno_menu.jpg) no-repeat left bottom;
	z-index:3;}

.uspravno-arhivamenu
{
    position:absolute;
    float:left;
    /*bottom:0px;_bottom:-1px;*/
    top:0px;
	left:0px;
	display:block;
	width:22px;
	height:90px;
	background:#0F0F0F url(images/uspravno_arhiva_menu2.jpg) no-repeat left top;
	z-index:3;}
	
.leftmenu_sadrzaj
{
    position:relative;
	float:right;
	display:block;
	width:245px;
	/*margin:0px 0px 0px 0px;*/
	padding:2px 10px 3px 10px;
	/*border-left:solid 1px #000000;*/
	background:#0F0F0F url(images/gradient.jpg) repeat-x left bottom;
}

.leftmenu_sadrzaj2
{
    position:relative;
	float:right;
	display:block;
	width:240px;
	/*margin:0px 0px 0px 0px;*/
	padding:2px 10px 3px 12px;
	/*border-left:solid 1px #000000;*/
	background:#0F0F0F url(images/gradient2.jpg) repeat-x left top;
}

.leftmenu_item
{
	/*padding-bottom:2px;*/
	width:245px;
}

.leftmenu_godina
{
	display:block; 
    padding:8px 0px 5px 0px;
    color:#444444;
}

.leftmenu_naslov
{
	display:block; 
    padding:0px 0px 5px 0px;
    text-decoration:none;}

.leftmenu_opis
{
	display:block; 
    padding:0px 0px 10px 0px;
    color:#666666;
    font-size:8pt;
    font-style:italic;}


#copyright_vert
{
    padding:10px 0px 0px 10px;
    position:relative;
    float:left;
    font-size:7pt;
    color:#3D3D3D;
    z-index:4;
    }

    
#authors_vert
{
    padding:10px 10px 0px 0px;
    position:relative;
    float:right;
    z-index:4;
}

    
#footer {
	background: #321654;
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	clear:both;}


#projekat
{
    position:relative;
    float:left;
    font-size:9pt;
    width:560px;
    padding:10px 10px 20px 10px;
    background:#0F0F0F url(images/gradient.jpg) repeat-x left bottom;
    /*width:800px;
    height:500px;    background-color:Gray;*/
    }
    
.projekti_slika
{
    display:block;
    width:580px;
    /*height:234px;*/
    margin:-10px -10px 0px -10px;
    padding-bottom:20px;
}

.projekti_naslov
{
    position:relative;
    float:left;
    clear:both;
    display:block;
    width:460px;
    color:#FFFFFF;
    font-size:10pt;
    font-weight:bold;
    }
    
.projekti_podnaslov
{
    position:relative;
    float:left;
    display:block;
    padding:5px 0px 5px 0px;
    width:500px;
    color:#696969;
    font-size:11px;
    font-weight:bold;
    }
    
.projekti_vaziod
{
    position:relative;
    float:left;
    display:block;
    width:100px;
    color:#444444;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
    letter-spacing:1px;
    margin-bottom:8px;
    }
    
.projekti_tekst
{
    position:relative;
    float:left;
    display:block;
    margin-top:10px;
    width:560px;
    /*min-height:300px;*/
    color:#9A9A9A;
    text-align:left;
    font-size:9pt;
    line-height:17px;}
    
.projekti_tekst a:hover
{
    text-decoration:underline;}
    
.projekti_tekst p
{
    padding:5px 0px 5px 0px;
}

.adminpanel
{
	height:50px;
    position:relative;
    float:left;
    text-align:right;
    }

.adminnewlink
{
	float:left;
	display:block;
	color:#50C010;
	font-weight:bold;
	font-size:10pt;
	text-decoration:none;
	margin:20px 0px 10px 0px;
	}

#verticalwrapper 
{
    display:block; /* set up as a block */
    height:100%; /* set height to full page */
    max-height:100%;
    overflow:auto; /* add scroll bars as required */
    /*padding-left:200px;  pad left to avoid navigation div if required */
    position:relative; /* set up relative positioning so that z-index will work */
    z-index:3; /* allocate a suitable z-index */
	/*margin: 0px auto;
    min-width: 780px;
	max-width: 1260px;
	background:#000000 url(images/poz-kocke.gif); 
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
	}*/
	/*#wrapper #inside {
		margin: 10px 10px 0px 10px;
		padding-top: 10px;
		padding-bottom: 10px;*/
	}
      
.ftb
{
	display:block;
	float:left;
	width:560px;
	background:#333333;
	font-family:Verdana;
	font-size:9pt;
	padding:2px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	}
.ftb p
{
	font-size:9pt;
	padding:5px 0px 5px 0px;
	/*text-indent:24px;*/
	text-align:left;
	}
	
.ftb ul
{
	list-style-type:disc;
	/*list-style-image:url(Images/bullet.gif);
	_list-style-image:url(Images/bullet_IE.gif);
	list-style-position:inside;*/
	padding:3px 0px 4px 5px;
	margin:3px 0px 4px 5px;	
	text-indent:0px;
	}
	
.ftb ol
{
	padding:3px 0px 4px 5px;
	margin:3px 0px 4px 5px;	
	text-indent:0px;
	}
	
.ftb li
{
	padding:3px 0px 4px 5px;
	margin:3px 0px 4px 5px;
	}
	
.ftb a
{
    color:#FE0198;
    text-decoration:none;}
    
.ftb a:hover
{
    text-decoration:underline;}
	
.pager
{
    text-decoration:none;
    color:#63BAF7;
    font-weight:bold;
    font-size:12px;
    letter-spacing:3px;
    }
.pager a
{
    text-decoration:none;
    padding:0px 0px 0px 0px;
    color:#2076A3;
    }
    
.pager a:hover
{
    color:#A6EDFC;}
    
.pager a.selected
{
    color:#52A9E7;}

#foot1
{
    position:relative;
    display:block;
    background-color:#000000;
    clear:both;
    z-index:20;
    height:110px;}

.facebook
{
    display:block;
    padding:10px 10px;
    margin:5px 0 0;
    border-top:1px solid #000000;
    /*height:100px !important;*/
    width:260px;
}
.facebook_slika
{
    padding:0; margin:0;
    float:left;
    /*width:120px;
    height:100px;*/
}
.facebook_tekst
{
    padding:0px 10px;
    float:left;
    width:120px;
    /*height:100px;*/
}

/*.scrollable {
	position:relative;
	overflow:hidden;
	width: 1200px;
	height:380px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
}
.items div {
	float:left;
}*/