@CHARSET "UTF-8";
/* CSS Document */
/* undohtml */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
	/*   http://creativecommons.org/licenses/by/2.0                   */
/* This is licensed under a Creative Commons License. */

	/* Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; margin:0; padding:0}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* end undohtml */

/* ------------- common -------------------*/

body {
  background-image: url('slike/body.png');
  background-repeat: repeat-x;
  background-position: 0px 450px;
  background-attachment: fixed;
  background-color: #A7BDD2;
  font-family: Verdana, sans-serif; /*"Lucida Console", Monaco, serif;*/
  color:#000;
  font-size: 14px;
  text-align: center;
  width:100%;
}
   
a:link { 
	color: blue;
}

a:visited {
	color: #000080;	
}

a:hover {
	color: blue;
	text-decoration: underline;
}

form {
	text-align: left;
}

h1 { 
	
	font-size:200%;
}

hr {
	clear: both;
	border: #ffefdf;
}

label {
	display:block;
}

#vse {
  /*background-image: url('slike/body.png');
  background-repeat: repeat-x;
  background-position: 0px 450px;*/
  margin: 0 auto;
  /*background-color: #000080;*/
  width: 1000px;
}

#vse.skrbnik {
	width: 100%;
	/*background-color: white;
	color: black;
	padding:1em;*/
}

#vse.skrbnik h1 {
	background-color: #ffecca;
}

/* ---------------------------------- glava -----------------------*/

#glava {
	background-image: url('slike/glava8.jpg');
	background-repeat: no-repeat;
	height:450px;
	text-align: right;
	position: relative;
}

#glava a {
	color:#7d3c00;
}

#glava p {
	float: right;
	padding: 1em;
	color: #000080;
}

#glava h1 {
	padding: 0.5em;
	float: left;
}

#lang_menu {
	clear: right;
}

#lang_menu img {
	padding: 1em;	
}

#main_menu {	
	clear:both;
	/*background-color:#ffefdf;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
        margin-bottom: 2px;
}

#main_menu li {
	display: inline;
}

#main_menu li a {
	display: block;
	float: left;
	width: 19.8%;
        height:21px;
        background-repeat: no-repeat;
        background-position: center;
        padding-top:3px;
}

#main_menu li a.active{
	color: #000080;
	font-weight: normal;
	text-decoration: none;
	background-image: url('slike/buttona.png');
}

#main_menu li a:link {
	color: #000080;
	font-weight: normal;
	background-image: url('slike/button.png');
}

#main_menu li a:visited {
	color: #000080;
	font-weight: normal;
	background-image: url('slike/button.png');
}

#main_menu li a:hover {
	color: #000080;
	font-weight: normal;
	text-decoration: none;
	background-image: url('slike/buttona.png');
}

#main_menu li a.active{
	color: #000080;
	font-weight: normal;
	text-decoration: none;
	background-image: url('slike/buttona.png');
}



/* ------------------------- sidebar -------------------------------------*/

#sidebar {
	float:left;
	width:220px;
	padding:1em;
	text-align:left;
	font-size:90%;
}

#vse.skrbnik #sidebar {
	width:20%;
	padding: 0.5%;
}

#sidebar hr {
	border: white solid 1px;
}

#sidebar a {
	color:white;
	font-weight:bold;
}

#sidebar p {
	margin: 1em;
        padding: 0 1em;
	color: white; /*#ffecca;*/
        width:200px;
	border-left: 2px solid #ffecca;
        font-weight: bold;
       /* background-image: url('slike/infobg.png');
        background-repeat: repeat-y;*/
}

#sidebar ul {
}

#sidebar li {
	padding: 0.3em 0;
}

#submenu {
	margin:1.3em 0em 2em 1em;
        background-image: url('slike/menugrad.png');
        background-repeat: repeat-x;
	/* background-color:#ffefdf; */
}

#submenu h3 {
	padding: 0.2em 1em;
	/* background-color: #01427e; #ec3034;*/
	color: #fff;
	font-size:120%;
	font-style: italic;
}

#submenu ul {
	padding:0.5em 0;
}	

#submenu li a {
	display: block;
	padding-left:1em;
}

#submenu li a:link {
	color: #000080;
	font-size:120%;
	font-weight: normal;
}

#submenu li a:visited {
	color: #000080;
	font-size:120%;
	font-weight: normal;
}

#submenu li a:hover {
	color: #000080;
	font-size:120%;
	font-weight: normal;
	text-decoration: none;
	background-color: #ec3034;
}

#submenu li ul {
	font-style: italic;
	font-size: 90%;
	padding-left:1em;
}

/* ---------------------------------- vsebina --------------------------- */

#vsebina h2 {
	padding: 0.7em 0 1em 0;
	font-size: 180%;
	color: #000080;
	/*font-style:italic;*/
}
   
#vsebina {
	width:610px;
	padding: 0 3em 1em 3em;
	color: black;
	margin: 2em 2em 1em 1em;
	text-align: left;
	float:right;
        background-image: url('slike/vsebinabg.png');
        background-repeat: repeat-x;
	background-color: #fff; /*#A0B7CD; #ffefdf;*/
	/*border-top:1em solid #01427e; #EC3034; */
}

#vse.skrbnik #vsebina {
	width: 70%;
	padding: 0.5%;
}

#vsebina p {
	padding: 0.5em 0;
	text-align: justify;
}

#obrazec {
  float:left;
  margin-top: 10ex;
  margin-left: 7em;
  text-align:left;
}

#obrazec p {
  margin: 1em 0;
}

/* ------------------------- noga -----------------------*/

#noga {
	clear:both;
	width:100%;
	padding-top:1em;
	font-size: 90%;
	color: white;
	text-align: right;
}

#noga a {
	color: white;
}

#gresak {
	text-align:center;
}
/* ----------------------------- debug ------------------------*/

#debugger {
	text-align:left;
	background-color: white;
	color: black;
	margin: 0.5em;
	padding:1em;
	white-space: pre-wrap;
}

#debugger pre {
	white-space: inherit;
}

#debugger a {
	color: blue;
}
	

/* ------------------------- classes ------------------------- */

.skrbnik a {
	color: #7d3c00;
}

.napaka {
  font-weight: bold; ;
}

.date {
	font-size:75%;
	margin: 1em 0;
	padding: 0;
	font-style: italic;
}

.tiny {
	font-size:80%;
	font-weight: normal;
}

.center {
	text-align:center;
}

.left {
	float:left
}