body {
    margin: 0;
    padding: 0;
    background-image:url(../img/ozadje.png);
    background-repeat: repeat-y;
    background-color: White;
    font-size : 0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


#glava {
    height: 30px; /* Višina glave */
    background-color: #006699;
    background-image: url(../img/glava.jpg);
    background-repeat:no-repeat;
    background-position: 10px -25px;
    margin-bottom: 10px;
    text-align: right;
}


#sredina{
    float: left;
    width: 100%;
}

#vsebina{
    margin: 0 0 0 190px; /* Širine stolpcev + presledek */
}

#levo {
    float: left;
    width: 180px;
    margin-left: -100%;
}

.moto {
    color: #973400;
    font-weight: 600;
    text-align: right;
}

#noga {
    clear: left;
    width: 100%;
    padding: 4px 0;
    border-top-color: #006699;
    border-top-width: 2px;
    border-top-style: solid;
}

#noga p {
    text-align: right;
}

/* Kazalo letnik */

.sklop {
    display: block;
	font-size : 1em;
	color:  #006699;
	clear : both;
	margin-top: 5px;
	margin-bottom:  5px;
    font-weight: bold;
}
.sklop:hover {
    text-decoration: underline;
}
/* Naslovi */

h1 {
	font-size: 2em;
	font-weight: 500;
	clear : both;
	margin-top : 0px;
	text-transform : uppercase;
	color:  #649700;
}

h2 {
	font-size: 1.4em;
	font-weight: 600;
	clear : both;
	color:  #970063;
	font-variant : small-caps;
}

h3 {
	font-size : 1em;
	color:  #006699;
	clear : both;
	margin-top: 5px;
	margin-bottom:  5px;
}

h4, h5, h6 {
	color: #666666;
	clear : both;
	margin: 1px 0;
}

.poudarek {
    font-size : 1em;
    color: #006699;
    font-weight:bold;
}

/* Meni */

#glava ol {
    padding-top:10px;
    color:#FFFFFF;
    width:90%;
    margin-right: 20px;
    padding-left: 0;
    margin-top: 0px;
}

#glava ol li {
    display: inline;
    color: White;
    width: 200px;
    list-style-type: none;
}

#glava a {
    color:#FFFFFF; 
    text-decoration:none
}

#levo ul {
    list-style-type: none;
    margin: 0;
    padding:0;
    width: 180px; 
}

#levo li {
	margin: 2px 2px;
	padding: 2px 5px;
	font-size : 12px !important;
	color: #666666;
	border-bottom: #999999 solid 1px;
	list-style-type: none;
}

#levo a {
	display: block;
	color: #970063;
	text-decoration: none;
}

.aktivno {
	background-color: #970063;
	color: #e7e7e7 !important;
	font-weight: bolder;
}

#k1, #k2, #k3, #k4, #k5, #k6, #k7, #k8, #k9, #k10, #k11, #k12, #k13, #k14 {
	display: none;
} /* WTF */

.slikica {
    margin-top: 80px
}


/* vsebina*/
p {
	margin: 2px;
	line-height: 100%;
}

dt {
	color: #ff00ff;
	margin-top: 8px;
	margin-left: 10px;
}

dd, #vsebina li {
	margin-right : 10px;
}


a {
	text-decoration: none;
	color: #973200;
}

table p {
    margin: 0
}

#vsebina p {
    margin: 0px 10px 0px 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

.pocisti {
    clear : both;
}

a:hover {
	text-decoration: underline;
}

.nalevo {
	float : left;
	margin-right: 5px;
	margin-bottom : 5px;
	font-weight : bolder;
	clear : both;
	color: #ff00ff;
}

/* poudarki */

.obroba {
	border-width: 3px 3px 3px 20px;
	border: solid teal;
	padding: 10px;
    margin: 5px;
	background-color: #e2efef;
	color: black;
	font-weight: 600;
    display: inline-block;
}

.okvir {
	border-width: 3px 3px 3px 20px;
	border: solid teal;
	padding: 10px;
	background-color: #80afaf;
	color: White;
	font-weight: 600;
}

.pomni {
	border-width: 3px 3px 3px 3px;
	border: solid teal;
	padding: 10px;
	background-color: #80afaf;
	background-image:url(../img/pomni.html);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	color: White;
	font-weight: 600;
	padding-left: 100px;
}

.video {
	border-width: 3px 3px 3px 3px;
	border: solid teal;
	padding: 10px;
	background-color: #80afaf;
	background-image:url(../img/video.html);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	color: White;
	font-weight: 600;
	padding-left: 100px;
}

.rdece {
	color: #ff00fe;
	font-weight: 600;
}

.zeleno {
	color: Teal;
	font-weight: 600;
}

.vijolicasto {
	color: #98004c;
	font-weight: 600;
}

/* misc text formatting */

.lezece {
    font-style: italic;
}

/*tabele*/

.tabela1 {
    border: ridge 3px teal;
}

.tabela1 th {
    color: white;
    background: teal;
    font-weight: 700;
}


.tabela1 td, .tabela1 th {
    padding: 5px;
    border: groove 3px #999999;
}

.tabela2 {
    border: ridge 3px teal;
}

.tabela2 th {
    background:#cccccc;
    color: #ff00fe;
    font-weight:700;
}

.tabela2 td, .tabela2 th {
    padding: 5px;
    border: groove 3px #999999;
}

td, th {
	vertical-align: top;
}

/* test */

.desno {
	float : right;
	margin : 0 10px 2px 2px  !important;
	padding: 0 !important;
	cursor : pointer;
}

/* OMFG - suitable for the daily wtf, but needed for backward compatibility*/
#odgovor1, #odgovor2, #odgovor3, #odgovor4, #odgovor5, #odgovor6, #odgovor7, #odgovor8, #odgovor9, #odgovor10, #odgovor11, #odgovor12   {
	background-color : Red;
}

#odgovor {
	display : none;
}

#a, #b, #c, #d, #e {
	display : none;
	position : relative;
}

#trditve, #trditve td {
    background-color : transparent ;
    text-align : left;
    margin-left : 5px;
    color: black;
}

#trditve {
	margin-left:20px;
}


/* CSS za nalogo imenovano "vec odgovorov" */
.napacno {
	display : none;
	position : relative;
	color : Red;
}

.pravilno {
	display : none;
	position : relative;
	color : Green;
}
/* Some styles for backward compatibility. */
/* legacy CSS za nalogo imenovano "vec odgovorov" */
#napacno {
	display : none;
	position : relative;
	color : Red;
}

#pravilno {
	display : none;
	position : relative;
	color : Green;
}
/* legacy CSS za naloge */
#odgovor1, #odgovor2, #odgovor3, #odgovor4, #odgovor5, #odgovor6, #odgovor7, #odgovor8, #odgovor9, #odgovor10, #odgovor11, #odgovor12, #odgovor13, #odgovor14, #odgovor15, #odgovor16
{
	background-color : Red;
}

#odgovor, #odgovora, #odgovorb, #odgovorc, #odgovord, #odgovore, #odgovorf, #odgovorg, #odgovorh, #odgovori
{
visibility: hidden;
color: #000080;
}



#odgovor
{
visibility: hidden;
}


#a, #b, #c, #d, #e
{
	display : none;
	position : relative;
}

/* Nov css za naloge, dodane na stare stvari */
.vprasanje {
    color: blue;
}

.fpf {
    width: 800px;
    height: 700px;
    border: 0px;
}

@media print {

#noga {
    border: none !important;
}

#glava, #levo, .vprasanje, #glavadesno {
	display : none !important;
}

#vsebina {
	margin-left: 0px !important;
}

h1,  h2, h3, code, pre, #menilevo a, th, .cc, p, td {
	color: black !important;
}

}

/* CSS za pojasnilo besede */

span.besedazPojasnilom {
    font-weight:bold;
    color:#A00;
    cursor:default;
    position:relative;
    z-index:1;
}

div.pojasnilo {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#EEE;
    border:1px solid #BBB;
    display:none;
    font-weight:normal;
    margin-top:-25px;
    margin-left:2px;
    padding:3px;
    position:fixed;
    z-index:2;
}

/* CSS za stolpec z več slikami */

div.mImages {
    background:url(../img/mImageSidebarBack.html) repeat-y;
    overflow:hidden;
}

div.mImages_sidebar {
    background:#CCC;
    width:200px; /* should be higher than images width */
}

div.mImages_sidebar a {
    
    display:block;
    margin:5px;
    width:120px; /* same as image contained */
}

div.mImages_sidebar img {
    border:1px solid #555;
    margin:0 auto;
    padding:0;
    display:block;
    /* width of image is set to 120 in image.js (tinymce advimage plugin), for calculating Zoom of enlarged image.*/
}

div.mImages_sidebar a:hover img{
    border:1px solid #A55;
}

div#popupImageBack{
    background:#333;
    display:none;
    height:0%;
    left:0;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    width:0%;
    top:0;
    z-index:1;
}
div#popupImage{
    background:#AAA;
    border:2px solid #000;
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    padding:0;
    z-index:2;
}

div#popupImage img{
    display:block;
}

/* style za igro vislice */

div.vislice {
  border:2px solid #444;
  padding:5px;
  text-align:center;
  width:400px;
}

div.vislice div.visliceImg img {
  margin-top:0px;
}

div.vislice div.visliceImg {
  height:215px;
  margin:10px 5px 30px 5px;
  width:388px;
  overflow:hidden;
}

div.vislice span#visliceResitev {
  background:#EEE;
  border:1px solid #000;
  margin:50px auto;
  padding:10px;
  letter-spacing:1em;
}
div.vislice input#crka {
    font-size:14px;
    margin:0 10px 0 0;
    width:30px;
}

div.vislice span#visliceMozneResitve {
  display:none;
}

/* style za tabelo z vec odgovori */

table.tblVecOdgovorov {
    background:#F7F7F7;
    border:1px solid #296666;
    border-spacing:0px;
    margin:2px 0px 10px 10px;
}

table.tblVecOdgovorov select{
    background:#EEE;
}

table.tblVecOdgovorov tr th {
    background:#408080;
    border:1px solid #1f4d4d;
    color:#FFF;
    padding:4px;
}

table.tblVecOdgovorov tr td{
    border:1px solid #296666;
    padding:2px 4px;
    text-align:left;
    vertical-align:middle;
}

/* navigacija med sorodniki (naprej/nazaj) */
a.navigacija_sorodnik {
    text-decoration: none;
    border: 1px solid #970063;
    color: #970063;
    width: 50px;
    height: 19px;
    display: block;
    text-align: center;
    float: left;
}

/* O projektu dropdown */
ul.sub_menu {
    background-color: #006699;
    padding: 5px;
    visibility: hidden;
}
ul.sub_menu li {
    margin-top: 0px;
    list-style-type: none;
}
ul.dropdown li {
   list-style-type: none;
}