/*------------GLAVNI tekst ------------*/
body, p, a {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h1, h2, h3, h4, h5 {
font-family: Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
body {
background-color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
/*------------KOLONE STRANICE ------------*/
#maincontainer{
width: auto; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#contentwrapper{
float: none;
width: auto;
margin: 0.5em;
}
#lijevakolona{
position: absolute;
left:0;
float: left;
width: 201px; /*Width of left column*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0 0px;
}
#desnakolona{
position: absolute;
right: 0;
float: left;
width: 160px; /*Width of right column*/
margin-left: 0;
margin-right: 0;
border-style : none none none solid; border-width : 0;
}
#glavnakolona{
margin-left: 201px; /*Set left margin to LeftColumnWidth*/
margin-right: 160px; /*Set left margin to LeftColumnWidth*/
margin-top: 0px;
padding:0 0.5em 0 0.5em;
overflow: visible;
background:transparent url(fakultet_invert.jpg) no-repeat center center;
}
#footer{
clear: left;
width: 100%;
background: #F5F5F5 ;
color: black;
text-align: left;
padding: 4px 0;
}
#footer a{
color: #800000;
}
#glavnakolonatabele{
margin-left: 210px; /*Set left margin to LeftColumnWidth*/
margin-right: 160px; /*Set left margin to LeftColumnWidth*/
}
.formaprijave {
width:150px;
padding-left: 5px;
color: #FFF;
}
.formaunosa {
width:auto;
color: #800000;
background: #F5F5F5 ;
}
/*------------TOP pozicije ------------*/
#heder {
width: 100%;
height: 90px;
margin: 0 auto;
border-style : none none solid none ;
border-width: thin;
border-color : blue;
background:transparent url(ulaz_gore.gif) no-repeat top right;
}
#logo {
border: 0px;
width: 410px;
height: 93px;
display: block;
position:relative;
left: 10px;
text-decoration: none;
}
#topmeni {
float: right;
margin-top: 30px;
margin-right: 10px;
display: inline;
}
#topmeni a {
color: blue;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-decoration: none;
display: block;
height: 12px;
padding-top: 30px;
float: left;
margin-left: 16px;
position: relative;
}
#topmeni a:hover {
text-decoration: underline;
}
#topmeni a.aktiv {
border-bottom: 1px dotted #fff;
padding-bottom: 1px;
text-decoration: none;
cursor: default;
}
.naslovna a#naslovna, .kontakt a#kontakt, .mapasajta #mapasajta {
border-bottom: 1px dotted #fff;
padding-bottom: 1px;
text-decoration: none;
cursor: default; }
#logo img {
border: none;
}
#topmeni img {
border: none;
position: absolute;
top: 0;
left: 25%;
}
/*---------------Glavni sadrzaj------------------*/
#editmeni {
float: right;
margin-right: 10px;
display: inline;
}
#editmeni img {
border: none;
position: relative;
margin-right: 10px;
margin-top: -30px;
}
#editmenimali {
float: right;
margin-right: 80px;
display: inline;
}
#editmenimali img {
border: none;
position: relative;
top: -20px;
margin-right: 10px;
}
#glavnakolona h1 {
font-size: 150%;
margin-bottom: 0.5em;
margin-top: 0em;
padding-bottom: 1px;
border-bottom: 2px solid #d81e11;
}
#glavnakolona h1 span {
    color:blue;
    float: right;
    font-size:90%;
}
#glavnakolona h2 {
font-size: 120%;
margin-bottom: 0.5em;
margin-top: 1em;
padding-bottom: 1px;
border-bottom: 1px dotted #bbb; 
}
#glavnakolona h2.span {
color:blue;
float: right;
font-size:90%;
}
#glavnakolona h3 {
font-size: 100%;
margin-top: 0.7em;
margin-left: 2em;
margin-right: 2em;
}
#glavnakolona p {
margin: 10px 0;
line-height: 1.5em;
}
#glavnakolona nabrajanje {
margin: 10px 40px 0 30px;
line-height: 1.5em;
}
/*---------------Lijevo kontekst meni------------------*/
#desnakolona h2 a {
text-decoration: none;
display: block;
width: 77px;
height: 16px;
margin-left: 12px;
padding-top: 8px;
text-align: center;
color: #333;
font-size: 12px;
}
#desnakolona h2 {
font-size: 100%;
display: block;
width: 158px;
height:28px;
background: url(dugmicidesno.gif) no-repeat bottom;
margin-bottom: 10px;
padding-left: 0px;
}
/* --------Komande na vrhu stranice str 1,2,3,...-----*/
#gore_tekst {
border: solid #E6E6FA;
border-width: 0px 0px 1px 0px;
background-color:#F5F5F5;
color:black;
text-align: left;
vertical-align:middle;
text-decoration: none;
}
#gore_tekst a {
text-align: left;
}
/* --------Linkovi str 1,2,3,...-----*/
#dole_tekst {
border: solid #E6E6FA;
border-width: 1px;
color:black;
background-color:#F8F8FF;
text-align: center;
vertical-align:middle;
text-decoration: none;
}
#dole_tekst a {
color:blue;
text-decoration: none;
}
#dole_tekst a:hover {
color:red;
text-decoration: none;
}
/* -------Dugmici ---------------------*/
#dugmici {
float: left;
width: 201px;
background: #fff;
margin:0px;
}
#dugmici img {
border: 0px;
position: absolute;
left: 6px;
bottom: 3px;
}
#dugmici a {
display: block;
width: 151px;
margin-bottom:2px;
background: transparent url(dugmicbg.gif) no-repeat top left;
text-decoration: none;
font-size: 8pt;
color: #777;
line-height: 1em;
padding-left: 50px;
padding-top: 8px;
height: 30px;
position: relative;
}
#dugmici a:hover {
background: url(dugmic2.gif) no-repeat;
color: #36548a;
}
#dugmici a.aktiv {
background: url(dugmic2.gif) no-repeat;
color: #3d4c67;
}
/*-------BOX MENI---------------------*/
div.box {
text-align:left;
font: 10px Verdana, sans-serif; margin:0 0 0 5px;
padding:0px 0px 15px 0px;
background:url(module_bottom_background.gif);
background-color:red;
background-position: bottom left;
background-repeat: no-repeat ;
width:180px;
/*width:"180px";  IE hack */
width:auto;
height:auto;
}
.box .header { font-family: Arial;
color:#666666;
text-align:left;
font: 14px Verdana, sans-serif;
font-weight:bold;
padding: 12px 0px 0px 40px;
margin-left:0px;
background:url(module_top_background.gif);
background-repeat: no-repeat ;
background-position: top left;
height:40px !important;
width:180px;
/*width:"180px";  IE hack */
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
vertical-align: middle;
font-size: 12px;
text-align: left;
padding-left:5px;
padding-top: 5px;
height: 16px;
width:175px;
text-decoration: none;
border-bottom: 1px solid #cccccc;
color:#333333;
}
a.mainlevel:hover {
background-image: url(menuh.gif);/* */
background-repeat: no-repeat ;
background-position: top right;
text-decoration: none;
border-bottom-color:#CC0000;
color:#000066;
text-align: left;
font-weight:bold;
}
.pquote {
float: left;
width: 220px;
background: #FFF;
font-weight: normal;
padding: 0.2em;
margin: 0 5px 5px 0;
}

/*---------OVALNA DUGMAD---------*/
a.ovalbutton{
background: transparent url('oval-blue-left.gif') no-repeat top left;
display: block;
float:left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-left:10px;
margin-bottom:5px;
text-decoration: none;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}
a.ovalbutton span{
background: transparent url('oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
/*-------------square button plava------------------- */
a.kockabutton{
background: transparent url('square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
margin-bottom:2px;
margin-left:1px;
text-decoration: none;
}
a:link.kockabutton, a:visited.kockabutton, a:active.kockabutton{
color: #494949; /*button text color*/
}
a.kockabutton span{
background: transparent url('square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.kockabutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.kockabutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
/*---siva--- */
a.kockabuttonsiva{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
float:left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
width:300px;
padding-left: 9px; /* Width of left menu image */
margin-bottom:5px;
text-decoration: none;
}
a:link.kockabuttonsiva, a:visited.kockabuttonsiva, a:active.kockabuttonsiva{
color: #494949; /*button text color*/
}
a.kockabuttonsiva span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.kockabuttonsiva:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.kockabuttonsiva:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #800000;
}
/*---crvena--- */
a.kockabuttoncrvena{
background: transparent url('square-red-left.gif') no-repeat top left;
display: block;
float:left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
width:300px;
padding-left: 9px; /* Width of left menu image */
margin-bottom:5px;
text-decoration: none;
}
a:link.kockabuttoncrvena, a:visited.kockabuttoncrvena, a:active.kockabuttoncrvena{
color: #494949; /*button text color*/
}
a.kockabuttoncrvena span{
background: transparent url('square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.kockabuttoncrvena:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.kockabuttoncrvena:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #000080;
}
/*-----------------------------------------------------------*/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*--------Ikonice i fajlovi-----------*/
a.zipfile:before{
content: url(ico_zip.gif);
}
a.docfile:before{
content: url(ico_doc.gif);
}
a.xlsfile:before{
content: url(ico_xls.gif);
}
a.pptfile:before{
content: url(ico_ppt.gif);
}
a.pdffile:before{
content: url(ico_pdf.gif);
}
/*--------------- --------------*/