/* CSS design <http://freeweb.t-2.net/znanost/> */
html, body {
 background: white none;
 font: 14px Verdana, sans-serif;  /* vsi ostali elementi dedujejo iz html */
 color: black;
}

td {		
 vertical-align: top;             /* elementi znotraj tabel naj bodo na vrhu */
}
 
p {
 margin: 0px 80px 15px 40px;      /* odmiki paragrafov: gor, od desne, dol, od leve */
 line-height: 19px;
 text-align: justify;
}

.menu {                           /* class="menu" */
 margin: 0px 8px 0px 2px;         /* odmiki od meje menuja navzven: gor, desno, dol, levo */
 padding: 1px 33px 1px 14px;      /* odmiki od meje menuja navznoter */
 border-color: rgb(155,155,155);
 border-style: solid;
 border-width: 1px 3px 3px 1px;
 list-style: none;                /* odstanimo alineje */
 color: gray;                     /* v menuju je oznacen trenutni polozaj */
 font-weight: bold;
 line-height: 25px;
}

.center {                         /* class="center" */
 text-align: center;
}

small {                           /* mala pisava */
 font-size: xx-small;
 font-weight: normal;
}

img {
 border: none;
 display: block;                  /* vse slike naj bodo sredinsko centrirane */
 margin: 0px auto 15px auto;
}

h1 {                              /* kje se nahajamo */
 margin: 0px auto 10px 5px;
 font-size: xx-small;
 text-transform: uppercase;
}

h2 {                              /* glavni podnaslovi */
 margin: 35px auto 10px 25px;
 font-size: 110%;                 /* velikost glede na <p> */
}

h3 {                              /* drugi podnaslovi */
 margin: 0px auto 10px 25px;
 font-weight: normal;
}

a:link, a:visited {               /* izgled linkov */
 color: blue;
 text-decoration: none;
 background-color: transparent;
}

a:hover {                         /* izgled hover linkov */
 color: white;
 text-decoration: none;
 background-color: blue;
}


@media print {                      /* izgled strani pri printanju */
 #logo, .menu { display: none }     /* le odstranimo dolocene elemente */
}                                   /* ostalo oblikovanje se deduje */


@media all and (max-width: 750px) { /* izgled strani pri ozkem oknu, CSS3 */
 body {                             /* podpirajo le naprednejsi browserji */
  font: 12px sans-serif;
  max-width: 750px;
 }

 p {                                /* efektivnejsi paragrafi */
  margin: 0px 1px 10px 1px;
  line-height: 16px;
  text-align: left;
 }

 .menu {                            /* mini menu */
  margin: 0px 1px 0px 2px;
  padding: 1px;
  border-width: 1px;
  font-weight: normal;
  line-height: 19px;
 }

 img { margin: 0px -400px 5px -10px }  /* slike lahko segajo preko mej tebel */
 #logo { margin: 0px auto 0px auto }   /* razen naslovne slike id="logo" */
 h1, h2 { margin: 20px auto 10px 1px }
}