@charset "utf-8";
/* CSS Document */
html {height:100%; min-height:100%;}

body {margin:0; 
		padding:0;
		height:100%;
		min-height:100%;
		background:url("../layout/background.png") top center repeat-y;
		background-color: #ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#18318d;
		}
			
a, a:hover {outline:none;}

#page {min-height:100%; position:relative;}
*html #page {height:100%;}

#container {padding-bottom:140px;}

#content {width:900px; position:relative; margin-left:auto; margin-right:auto; margin-bottom:30px;}

#contentNovica {width:600px; position:relative; margin-left:auto; margin-right:auto; margin-bottom:30px;}


/*HEADER 1*/
#header {width:976px; height:160px; margin:0 auto 0 auto; background:url("../layout/header1.png") top center repeat-x;}

#header2 {width:976px; height:180px; margin:0 auto 0 auto; background:url("../layout/header1.png") top center repeat-x;}

#headerUp {width:976px; height:25px;}

#headerLogin {width:976px; height:25px;}

#headerLog {width:976px; height:15px; color:#FFFFFF; font-size:13px; font-weight:bold; text-align:center; padding-top:5px;}

.menuUp {width:140px; height:25px; background:url("../layout/menuUp.png") no-repeat; float:right;}

#menuUpLeft {width:140px; height:25px; background:url("../layout/menuUpLeft.png") no-repeat; float:right; }

.menuUpText a {width:120px; height:25px; color:#FFFFFF; text-align:center; font-size:10px; font-weight:bold; float:left; 
			padding-top:2px; padding-left:20px;}

.menuUpText a:hover {color:#413f74;}

#headerMiddle {width:976px; height:102px;}

#headerMleft {width:35px; height:100px; float:left;}

#logo a {width:220px; height:100px; background:url("../layout/logo2018.png") top left no-repeat; float:left;}

#headerMright {width:720px; height:100px; float:left;}

#headerName {width:410px; height:20px; float:right; text-align:left; font-size:12px; color:#FFFFFF; margin-top:68px;}

#headerDate {width:100px; height:20px; float:right; margin-right:40px; text-align:right; font-size:12px; color:#FFFFFF; 
			margin-top:68px;}
/* IE6 */
*html #headerDate {margin-right:20px;}

/*HEADER 2*/

#headerDown {width:976px; height:38px; background:url("../layout/header2.png") top left repeat-x;}
/* IE6 */
*html #headerDown {margin-top:-2px;}

.menuDownText a {height:20px; margin-left:32px; padding-top:11px; float:left; color:#18318d; font-size:13px; font-weight:700;}

.menuDownText a:hover {color:#9f059f;}


/*LOGIN*/
#tableLogin {width:400px; margin-left:250px; margin-top:50px;}

#remember {width:15px;}

.forgot {font-size:12px; font-weight:bold;}

#buttonLogin {width:100px; height:30px; color:#9f059f; font-size:11px; outline:none;}

.error {height:100%; margin-top:10px; font-size:12px; font-weight:bold;}
/* IE6 */
*html .error {height:100%;}
@media {.error {height:100%; font-size:12px;}}


/*INDEX*/
#indexLeft {width:550px;}

#indexRight {width:350px;}

#indexAdmin {width:900px;}


/*menu index*/
#avtorske a {width:140px; height:140px; float:left; background:url("../layout/avtorske.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#avtorske a:hover {background:url("../layout/avtorske.png") bottom left no-repeat;}

#potni a {width:140px; height:140px; float:left; background:url("../layout/potni.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#potni a:hover {background:url("../layout/potni.png") bottom left no-repeat;}

#studentsko a {width:140px; height:140px; float:left; background:url("../layout/studentsko.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#studentsko a:hover {background:url("../layout/studentsko.png") bottom left no-repeat;}

#narocilnice a {width:140px; height:140px; float:left; background:url("../layout/narocilnice.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#narocilnice a:hover {background:url("../layout/narocilnice.png") bottom left no-repeat;}

#arhiv a {width:140px; height:140px; float:left; background:url("../layout/arhiv.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#arhiv a:hover {background:url("../layout/arhiv.png") bottom left no-repeat;}

#racunovodstvo a {width:140px; height:140px; float:left; background:url("../layout/racunovodstvo.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#racunovodstvo a:hover {background:url("../layout/racunovodstvo.png") bottom left no-repeat;}

#uporabnik a {width:140px; height:140px; float:left; background:url("../layout/uporabnik.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#uporabnik a:hover {background:url("../layout/uporabnik.png") bottom left no-repeat;}


#urejanje a {width:140px; height:140px; float:left; background:url("../layout/urejanje.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#urejanje a:hover {background:url("../layout/urejanje.png") bottom left no-repeat;}

#stroskovna a {width:140px; height:140px; float:left; background:url("../layout/stroskovna.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#stroskovna a:hover {background:url("../layout/stroskovna.png") bottom left no-repeat;}

#racun a {width:140px; height:140px; float:left; background:url("../layout/racun.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#arhivDoc a {width:140px; height:140px; float:left; background:url("../layout/arhivDokumentov.jpg") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}			

#racun a:hover {background:url("../layout/racun.png") bottom left no-repeat;}

#pooblastilo a {width:140px; height:140px; float:left; background:url("../layout/pooblastilo.png") top left no-repeat; 
			margin-right:40px; margin-bottom:20px;}

#pooblastilo a:hover {background:url("../layout/pooblastilo.png") bottom left no-repeat;}



/*NOVICE*/
#novice {width:350px; height:100%; position:relative; background:url("../layout/noviceBack.png") top left repeat-y;}

#noviceUp {width:350px; height:42px; background:url("../layout/noviceHead.png") no-repeat;}

#noviceBack {width:350px; height:100%; position:relative; background:url("../layout/noviceDown.png") bottom left no-repeat;}

#noviceContent {width:310px; height:100%; margin-left:20px; margin-top:10px; padding-bottom:30px;}

.noviceTitle a {width:310px; font-size:14px; line-height:2em; font-weight:700; text-decoration:underline; color:#18318d;}

.noviceTitle a:hover {text-decoration:underline; color:#9f059f;}

.noviceDate {width:310px; font-size:12px; font-style:italic; margin-bottom:5px;}

.noviceText {width:310px; font-size:12px; margin-bottom:15px;}


/*TABELA*/
#tabLeft {width:280px; float:left; margin-right:20px;}

.leftTab {width:280px; margin-bottom:20px;}

.rightTab {width:600px;}

.rightTab1 {width:600px; margin-bottom:20px;}

#tabNovice {width:900px;}

.noviceTab1 {font-size:14px; font-weight:bold; background-color:#e9edf0;}

.noviceTab {font-size:12px; font-weight:bold; background-color:#e9edf0;}

.noviceTab2 {font-size:12px; background-color:#f5f5f5; vertical-align:top; height:20px;}
.noviceTab2_closed {font-size:12px; background-color:#b5b5b5; vertical-align:top; height:20px;}

.noviceTab21 {font-size:12px; background-color:#f1f1f1; vertical-align:top; text-align:center;}

.noviceTab22 {font-size:12px; background-color:#f1f1f1; vertical-align:top;}

.noviceTab31 {font-size:10px; font-weight:bold; background-color:#f1f1f1;}

.noviceTab30 {font-size:10px; font-weight:bold; background-color:#f1f1f1; text-align:center;}

.noviceTab32 {font-size:12px; background-color:#f5f5f5; text-align:center; vertical-align:top;}

.noviceTab33 {font-size:12px; background-color:#c0c0c0; vertical-align:top;}

.noviceTab3 {font-size:12px; font-weight:bold; background-color:#f1f1f1;}

.noviceTab4 {font-size:12px; vertical-align:top;}

.noviceTab2 a {font-size:12px; background-color:#f5f5f5;}

.noviceTab222 {font-size:12px; background-color:#CEE3F6;}

.noviceTab5 {font-size:12px; font-weight:bold; text-align:right; background-color:#f1f1f1;}

.noviceTab6 {font-size:12px; font-weight:bold; text-align:center; background-color:#f1f1f1;}

.showTab1 {font-size:14px; font-weight:bold; background-color:#cfdfed;}

.showTab2 {font-size:12px; font-weight:bold; background-color:#cfdfed;}

.showTab3 {font-size:12px; font-weight:bold; background-color:#f1f1f1; padding-left:28px;}

.tab_pog_dod {font-size:12px; font-weight:bold; background-color:#f1f1f1; padding-left:2px;}

.showTabBack {font-size:12px; font-weight:bold; background-color:#cfdfed;}

#echo {width:995px; text-align:center;}

#echoButton a {width:200px; margin-left:470px; text-align:center; margin-top:50px; color:#18318d;}

#echoButton a:hover {color:#9f059f;}

#eButton {width:120px; text-align:center;}

p {margin-top:-1px;}


/*CENIKI*/
.spacerCenik {width:900px; height:20px;}

.cenikTab1 a {font-size:9px; background-color:#e9edf0; text-decoration:underline;}


/*STYLESHEET*/
a{text-decoration:underline; outline:none; color:#18318d;}
a:hover{text-decoration:underline; outline:none; color:#FF00FF;}
a:active{text-decoration:underline; outline:none; color:#FF00FF;}
a:visted{text-decoration:underline; outline:none; color:#FF00FF;}

a.text{text-decoration:underline; outline:none; color:#18318d;}
a:hover.text{text-decoration:underline; outline:none; color:#FF00FF;}
a:active.text{text-decoration:underline; outline:none; color:#FF00FF;}
a:visted.text{text-decoration:underline; outline:none; color:#FF00FF;}

table{font-size:12px;}
input     {font-size:12px;}
td        {font-size:12px; vertical-align:top;}
select    {font-size:12px;}
textarea  {font-size:12px;}
.input {width:200px; border:1px solid #88A0C8; font-size:12px;}
.input2 {width:80px; border:1px solid #88A0C8; font-size:12px;}

.button {width:60px; color:#9f059f outline:none;}
.button2 {width:120px; color:#9f059f outline:none;}
.button3 {width:auto; overflow:visible; padding-left:0.5em; padding-right:0.5em; height:30px; color:#9f059f; font-size:11px;}

.button4 {width:100px; color:#9f059f outline:none;}
.bottom{font-size:9px; color:#000000;}
.text3 {width:146px;}
/* IE6 */
*html .text3 {width:144px;}
@media {.text3 {width:144px;}}

.textDisabled {color:#999999;}
.shranjenaPredloga {width:200px;}
#kjesmo {width:800px; height:20px; margin-bottom:10px; font-size:14px; font-weight:bold;}


/*FOOTER*/
#footer {width:910px; position:relative; margin-top:-140px; height:140px; text-align:center; margin-left:auto; margin-right:auto;}

#footerUp {width:910px; height:15px; border-top: 3px solid #a2bee1; margin-bottom:-10px;}

#footerUp hr {visibility:hidden;} 

#footerMiddle {width:910px; height:65px; background:url("../layout/logoti.png") top center no-repeat;}

#footcontent {width:910px; height:35px; text-align:center; margin-top:10px; font-size:10px; font-style:italic; text-align:center; line-height:1.2em;}

#foottext {width:910px; height:15px; text-align:center; font-size:10px; text-align:center; line-height:1.2em;}


/*ADMIN*/
#adminTitle {width:910px; height:20px; font-size:15px; font-weight:bold; text-align:center;}