/* layout */

.layout {
}
.izbornik {
	background-image: url(images/index_02.jpg);
	height: 40px;
	width: 100%;
	background-attachment:scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.headerbg {

	background-image: url(images/header_bg.jpg);
	
	/*height: 39px;*/
	/*width: 100%;*/
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.srednjistupactitlebg {


	background-image: url(images/srednji_stupac_02.jpg);
	height: 39px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.pozadinasadrzaja {
	background-image: url(images/pozadina_sadrzaja.png);
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
}
.desnistupacpozadina {
	background-image: url(images/desni_stupac_slika.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 187px;
	height: 673px;
	background-color: #cccccc;
}
.desnistupacbezpozadine 
{
	background-color: #cccccc;
}
.pozadinaprijave {
	background-image: url(images/prijava_pozadina.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	/*width: 172px;*/
	height: 243px;
	/*background-color: #D3D3D3;*/
	border: 2px solid #FFFFFF;
}
.login_button 
{
	background-image: url(images/button_prijava.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	border:0;
	width: 87px;
	height: 24px;
	margin-left:0px;
	margin-top:0px;
}
.register_button 
{
	background-image: url(images/button_registriranje.jpg);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position: left top;
	border:0;	
	width: 87px;
	height: 24px;
	margin-left:0px;
	margin-top:0px;
}
.pozadina {
 	width: 1003px;	
	align: center;
}
.pozadinalinkovi {

	background-image: url(images/prijava_pozadina.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	/*width: 172px;*/
	height: 243px;
	background-color: #D3D3D3;
	border: 2px solid #FFFFFF;
}

/* linkovi */
.linkovi
{
	background-attachment: scroll;
	background-image: url(images/linkovi_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-indent: 10pt;
	
}
.linkovititlebg {
	background-attachment: scroll;
	background-image: url(images/index_04_proba.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 46px;
	width: 199px;
}

/* TOP MENU */

.topMenu {
	background-image: url(images/index_03.jpg);
	background-repeat: repeat-x;
	height:40px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.topMenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 10 0 10;
}

.topMenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.topMenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.topMenu a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}

.topMenu td.hover {
	background-image: url(images/menu_highlight.jpg);
	background-repeat: repeat-x;
}


.topMenu td.active {
	background-image: url(images/menu_highlight.jpg);
	background-repeat: repeat-x;
}

.topMenu a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.class1 
{
}

.class1 A:link {
	text-decoration: none;
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #000000;
}
.class1 A:visited {
	text-decoration: none;
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #000000;
}
.class1 A:active {
	text-decoration: none;
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #000000;
}
.class1 A:hover {
	text-decoration: none;
	color: #C80000;
	/*background-image: url();*/
	font-family: "Arial", Times, serif;
	font-size: 12px;
}

.class2 A:link {
	text-decoration: none;
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}
.class2 A:visited {
	text-decoration: none;
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #ffffff;
}
.class2 A:active {
	text-decoration: none;
	font-family: "Arial", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}
.class2 A:hover {
	text-decoration: none;
	color: #FFFFFF;
	/*background-image: url();*/
	font-family: "Arial", Times, serif;
	font-size: 12px;
}

.class3 A:link {
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #777777;
}
.class3 A:visited {
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #777777;
}
.class3 A:active {
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #777777;
}
.class3 A:hover {
	text-decoration: none;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}


/* trazilica */

.searchBox {
	
	padding: 7px 0px 7px 0px;
}

.searchBox .NormalTextBox {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 17px;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0001;
}
.searchBox2 .NormalTextBox {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 17px;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0001;
}

.searchBox2 {
	text-align: right;
 	background-image: url(images/menu_bgRepeat.gif);
	/*background-repeat: repeat-x;*/
	background-position: 0px 0px;
	height: 40px;
	padding: 7px 10px 7px 0px;
}

.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/* prijava */

.prijava {
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
.prijavamargine {
	margin: 0px;
	padding: 0px;
}
.prijavabox {

	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 19px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0001;
	text-decoration: none;
	/*vertical-align: middle;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.prijavaboxzapamtiprijavu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0001;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align: left;
}
.prijavatitlebg {

	background-attachment: scroll;
	background-image: url(images/index_06_proba.jpg);
	background-repeat: no-repeat;
	background-position:left;
	vertical-align:middle;
	height: 46px;
	width: 200px;
	border:0px;
}

/* glavni sadrzaj */

.glavnisadrzaj {
}
.crvenititlebg {
	background-attachment: scroll;
	background-image: url(images/glavnisadrzaj_title_s.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}
.sadrzajtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.sadrzajtitledatum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
}
.sadrzajtablica
{
	background-color: #FFFFFF;
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
}
.sadrzajtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}
.crnititlebg {


	background-attachment: scroll;
	background-image: url(images/glavnisadrzaj_title2_s.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}
.sadrzajtablica2 {

	background-color: #6d4646;
	border: 1px solid #000000;
}
.sadrzajtext2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
}
.footer {

	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #a6a6a6;
}

.glavnisadrzajtitle A{

	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.glavnisadrzajtitle A,
.glavnisadrzajtitle A:link,
.glavnisadrzajtitle A:visited{

	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.breadcrumb {

	font-family: HandelGotDBol;
	font-size: 12px;
	font-weight: 700;
	color: #FFFFFF;
}
.prijavaKorImeILoz
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	
	font-weight: bold;
}
A
{
	color: red;
}
.tablerowZaLinkove
{
	height:100px;
}
@font-face {
    font-family: HandelGotDBol;
    font-style:  normal;
    font-weight: 700;
    src: url(HANDELG0.eot);
}

.EmbFont,
.EmbFont a:link
{
	font-family: HandelGotDBol;
	font-size: 24px;
	color: white;
}

.sadrzajSeparator {
	background-image: url(images/sarzaj_separator.gif);
	background-position: 50% 50%;
	background-repeat: repeat;
	/*width: 80;*/
	height: 10px;
}

/* solpartmenu */

.MainMenu_SubMenuItemBreadcrumb
{
  
}

.MainMenu_RootMenuItemBreadcrumb
{
	
}

.MainMenu_RootMenuItem
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
    background-image: none !important;
	background-repeat: no-repeat !important;
	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeat-x;
	height: 40px;
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
}

.MainMenu_RootMenuItem td
{
	padding: 0;
	margin: 0;
	white-space: nowrap;
	width: 40px;
	*width: 20%;
}

.MainMenu_RootMenuItem td a
{
	display: block;
}

.MainMenu_RootMenuItemActive 
{
    color: white; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal; 
}

.MainMenu_RootMenuItemSelected
{
	height:40px;
	background-image: url(images/menuHighlight_bgRepeat.gif) !important;
	background-repeat:repeat-x !important;
	background-image: url(images/menuHighlight_bgRepeat.gif);
	background-repeat: repeat-x;
    color: #FFFFFF; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal; 
}

td.MainMenu_SubMenuItem, td.MainMenu_SubMenuItemActive, td.MainMenu_SubMenuItemSelected
{
	color: #FFFFFF; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal; 
    border: #d20001 1px solid;
    background-color: #b00000;
    text-decoration: none;
    padding: 3px 0px 3px 3px;
}

.MainMenu_SubMenuItem, .MainMenu_SubMenuItemActive, .MainMenu_SubMenuItemSelected
{
	color: #FFFFFF; 
    text-decoration: none;
}

.MainMenu_SubMenuItemActive, .MainMenu_SubMenuItemSelected
{
	/*color: #FFFFFF; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal; 
    width: 200px;
    border: #d20001 1px solid;
    background-color: #b00000;
    text-decoration: none;
    padding: 3px 0px 3px 3px;*/
}

.MainMenu_Separator {
	background-image: url(images/MainMenuSeparator3.gif);
	/*background-repeat: repeat-x;*/
	/*background-position: 0px 0px;*/
	height: 40px;
	width: 13px;
}
.MainMenu_MenuBar
 {
	width: inherit;
    height: 40px;
    /*
    background-image:none !important;
	background-repeat:no-repeat !important;
	background-position:0px 0px !important;
    background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;*/
}

.MainMenu_SubMenu 
{
	color: white; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal; 
     padding: 3px 0px 3px 3px;
  
	/*width:200px;*/
    background-color: #d20001;
    border: #ffffff 1px solid;
}
.MainMenu_MenuIcon 
{
    display: none;
    background-color: #d20001;
    border: #d20001 1px solid;
    width:100%;
    padding: 3px 0px 3px 3px;
}

.MainMenu_MenuItem {
    color: white; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal;
    border: #d20001 1px solid;
    text-align:left;
    padding: 3px 0px 3px 3px;
	white-space: nowrap;
}

.MainMenu_RootMenuArrow
{
	display:none;
}

.MainMenu_MenuArrow 
{
	border-style:none;
	padding: 3px 3px 3px 3px;
	width:10px;
	height:inherit;
	text-decoration:none;
	background-color:#d20001;
	
}

.MainMenu_MenuContainer 
{
/*	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeatx;
	background-position: 0px 0px;
*/	height: 40px;
	padding: 0px 0px 0px 0px;	
}

.MainMenu_Table{
	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeat-x;
	/*background-position: 0px 0px;*/

	vertical-align: bottom;
	height: 40px;
	padding:-1px 0px -1px 0px;
	margin: 0px 0px 0px 0px;
}
.SearchBox_Table{
/*	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeatx;
	background-position: 0px -3px;
*/
	vertical-align: middle;
	text-align: right;
	height: 40px;
	width: 100%;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
.menuBackground{
	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px;
}

.menuHolderRow {
	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px;
    height: 40px;
}
.menuHolder 
{
	margin-top:-2px;
	
	background-position: 0px 1px !important;
	background-image: url(images/menu_bgRepeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 2px;
    height: 40px;
    color: white; 
    font-family: Arial, Helvetica; 
    font-size: 12px; 
    font-weight: bold; 
    font-style: normal; 
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
}



.MainMenu_ContainerSub,
.MainMenu_ContainerSub a,
.MainMenu_ContainerSub a:link,
.MainMenu_ContainerSub a:visited {
	color: white;
	background-color: #d20001;
	text-decoration: underline;
	border: 1px white solid;
}

/* fade out sa lijeve i desne strane */
.left{
	background-image: url(images/greyedOutLeft.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	width: 100px;
}
.right{
	background-image: url(images/greyedOutRight.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 100px;
}