.center {
    margin: 0 auto;
}

body{
    width: 1260px;
    background: #EEEEFF;
    margin: 0 auto;
}

.topTable{
    font-weight: bold;
    background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 27%, rgba(170,170,170,1) 84%, rgba(125,126,125,1) 100%, rgba(119,119,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(27%,rgba(221,221,221,1)), color-stop(84%,rgba(170,170,170,1)), color-stop(100%,rgba(125,126,125,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 27%,rgba(170,170,170,1) 84%,rgba(125,126,125,1) 100%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 27%,rgba(170,170,170,1) 84%,rgba(125,126,125,1) 100%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 27%,rgba(170,170,170,1) 84%,rgba(125,126,125,1) 100%,rgba(119,119,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 27%,rgba(170,170,170,1) 84%,rgba(125,126,125,1) 100%,rgba(119,119,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
    width: 100%;
    margin: 5px 0px 5px 0px;
}

.topTablePaddingLeft{
    padding-left: 20px;
}

.topTablePaddingRight{
    padding-right: 20px;
}
.topTableOdjava{
	text-align: right; 
	width: 100px;
}

.odjava {
    font-weight: bold;
    text-decoration: none;

}
.jezici{
    width:60px;
}
.jezici_ul{
    margin-left: -20px;
}
        /*------------------------------------*\
                NAV
        \*------------------------------------*/
        .nav{
            list-style:none;
            font-weight:bold;
            /*float:left;*/
            width:100%;
        }
        .nav li{
            float:left;
            position:relative;
        }
        .nav a{
            display:block;
            /*padding:5px; /*  */
            /*color:#fff;/**/
            /*background:#333;/**/
            text-decoration:none;
        }
        .helpItems a{
            padding:10px;
            text-align: center;
        }
        .nav a:hover{
            color:#fff;/**/
            background:#6b0c36;/**/
            text-decoration:underline;
        }
        .helpItems li{
            color:#000;
            background:#ccc;
        }

        /*--- DROPDOWN ---*/
        .nav ul{
            background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
            background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
            list-style:none;
            position:absolute;
            left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
            z-index: 999;
            margin-top: 5px;
        }
        .nav ul li{
            padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
            float:none;
            z-index: 999;
        }
        .nav ul a{
            white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
            z-index: 19999;
        }
        .nav li:hover ul{ /* Display the dropdown on hover */
            left:-41px; /* Bring back on-screen when needed */
            z-index: 19999;
            margin-top: 0px;
            -webkit-transition: margin-top 0.3s ease-in;
            -moz-transition: margin-top 0.3s ease-in;
            -o-transition: margin-top 0.3s ease-in;
            -ms-transition: margin-top 0.3s ease-in;
            transition: margin-top 0.3s ease-in;
        }
        .nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
            /*background:#6b0c36;/**/
            text-decoration:underline;z-index: 19999;
        }
        .nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
            text-decoration:none;z-index: 19999;
        }
        .nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
            /*background:#333;/**/
        }
        .negativeLink{
        	margin-top: -16px;
        }