html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl,
dt, dd, ol, ul, li, table, tr, td, form, object, embed,
article, aside, canvas, command, details, figcaption,
figure, footer, group, header, hgroup, mark, menu,
meter, nav, output, progress, section, summary,
time, audio, video {
  margin: 0;
  padding: 0;
  border: 0;  
}

html {
font :11px/18px Verdana;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

h1,h2,h3,h4 {
line-height:24px;
}

h1 {
color:#CD0000;
}

h2 {
font-size: 14px;
}

#header-bar {
background: none repeat scroll 0 0 #F5F5F5;
border-bottom:1px solid #E5E5E5;
height:20px;
overflow: hidden;
}

.content {
  margin: 0 auto;  
  padding: 0 44px;
  max-width: 800px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: '.';
  clear: both;
  height: 0;
}

.header .logo {
float: left;
margin: 18px 0 0 -1px;
}

.header .text-right {
float:right;
margin:13px 0 0;
}

.header .text-left {
float:left;
margin:13px 0 0;
font-size:16px;
font-weight:bold;
}

.main {
padding-bottom:125px;
padding-top:23px;
}

.sign-in {
width:100%;
margin-top:10px;

}


.sign-in div{
	padding-bottom: 10px;
}

.leftbox {
float:left;
}

.rightbox {
float:right;
}


.sign-in-box {
background:none repeat scroll 0 0 #F0F0F0;
border: 1px solid #E5E5E5;
padding: 20px 25px 15px;
width: 330px;
}

.sign-in-box h2 {
font-size:16px;

line-height:16px;
margin: 0 0 1.2em;
position:relative;
}

.sign-in-box label {
display:block;
margin: 0 0 1em;
}

.sign-in-box .imeLabel,
.sign-in-box .lozinkaLabel { 
-moz-user-select:none;
display:block;
}



.sign-in-box input[type=text],
.sign-in-box input[type=password],
.sign-in-box select {
height:25px;
width:100%;
}

.sign-in-box textarea {
    width:100%;
}

.sign-in-box input[type=submit] {
height:32px;
margin: 0 1.5em 1.2em 0;
}

.sign-in-box textares {
width: 100%;
}

input[type=email],
input[type=password],
input[type=text],
input[type=url],
select {
  display: inline-block;
  height: 20px;
  margin: 0;
  padding-left: 8px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
input[type=email]:hover,
input[type=password]:hover,
input[type=text]:hover,
input[type=url]:hover,
select:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=url]:focus {
  outline: none;
  border: 1px solid #4d90fe;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.l-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.l-button:active {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.l-button:visited {
  color: #666;
}
.l-button-submit {
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
}
.l-button-submit:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
}

.sign-in-box ul { 
margin:0;
}

ol, ul {
line-height:17px;
list-style:none outside none;
}

a {
  color: #15c;
  text-decoration: none;
}
a:active {
  color: #d14836;
}

#pomoc  ul {
list-style:disc inside none;
margin-bottom:10px;
}


#pomoc  ol {
list-style:decimal inside none;
margin-bottom:10px;
margin-left:10px;
}

.blue-text {
color: #1155cc;
}

label.error {
color:#DD4B39;
display:block;
margin:0.5em 0 0;
}

input.error {
border:1px solid #DD4B39;
}

input.error:focus {
border:1px solid #DD4B39;
}

.info-left {
}

#fleft{
float:left;
}

#fleft img{
padding-left:39px;
}

#infoTekst {

}

.naslov {
font-size:16px;
float:left;
width:400px;
display:inline;
color:#CD0000;
line-height:24px;
}

.korak {
color:#1155CC;
font-size:14px;
margin-top:15px;
}

#infoTekst > hgroup {
margin-bottom:15px;
}

.clear {
clear:both;
}

.msgWrap {
display:block;
float:left;
margin:10px 0 0;
position:relative;
margin-bottom:10px;
}

.msg_left {
color: #999999;
display:inline;
float:left;
margin:0 10px 0 0;
position:relative;
width:45px;
margin-right:13px
}

.msg_date  {
font: 18px/18px Verdana;
}

.msg_year  {
font: 14px/16px Verdana;
letter-spacing:5px;
}

.msg_time  {
font: 10px/12px Verdana;
}

.msg_right {
border-top:1px solid #838383;
display:inline;
float:right;
margin: 0;
padding:5px 0 0;
position: relative;
width:560px;
}

.msg_right h5 {
font: 13px/15px Verdana;
font-weight:bold;
}

footer p {
	text-align:center;
	margin-top:15px;
}

#studijTablica {
width:100%;
border-collapse:collapse;
margin-bottom:20px;
}

#studijTablica td, #studijTablica th 
{
font-size:1em;
border-bottom:1px solid #E5E5E5;
padding:3px 7px 2px 7px;
}
#studijTablica th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
}

.textCentar {
text-align:center;
}


table input
{
    /*
	display: block;
	float: left;
    */
}

.error 
{
	color: #FF0000;
	font-size:1.2em;
}

.red {
color:#CD0000;
}

.naslov p {
color: Black;
font-size:11px;
line-height:17px;
}