/*-------------------------------------------- BODY ---------------------------------------------------------------------*/
body {
background-color: white; /* Barva ozadja. */
font-family: 'Oswald', sans-serif; /* Tip znakov. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
width: 100%; /* Širina zavzema celotno vidno polje brskalnika. */
height: 100%; /* Višina zavzema celotno polje brskalnika. */
padding: 0; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
font-size: medium; /* Velikost znakov - prednastavljena. */
} 
/*-------------------------------------------- BODY ---------------------------------------------------------------------*/
/*-------------------------------------------- GLAVA ---------------------------------------------------------------------*/
#header /* Glava strani. */
{
width: 100%; /* Širina zavzema celotno vidno polje brskalnika glede na starševski element. */
background-color: black; /* Barva ozadja. */
padding: 0; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
}
#hidden1
{
display: none; /* Element se ne prikaže. */
}
#header
{
background-color: black; /* Barva ozadja. */
position: fixed; /* Pritrjena postavitev glede na okno brskalnika, ki se ne premika kljub vertikalnemu premikanju po strani. */
top: 0; /* Odmaknjenost od zgornjega roba. */
left: 0; /* Odmaknjenost od levega roba. */
z-index: 100; /* Prioriteta prikazovanja (višja kot je številka pomembnejše je prikazovanje) podobno kot plasti. */
}
header /* Element header z besedilom strani */
{ 
width: 74%; /* Širina zavzema celotno vidno polje brskalnika glede na starševski element. */
background-color: black; /* Barva ozadja. */
padding: 2%; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
color: white; /* Barva besedila. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
text-align: center; /* Poravnava besedila v elementu. */
margin-left: 11%; /* Širina prostega prostora med elementi na levi zunanji meji - brez barven - transparenten. */
display: block; /* Posamezen vnos je predstavljen kot celota. */
}
.logo1 /* Lastnosti elementa logo1. */
{ 
width: 15%; /* Širina glede na starševski element. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
position: absolute; /* Absolutna postavitev glede na starševski element. */
left: 0; /* Odmaknjenost od levega roba. */
top: 0; /* Odmaknjenost od zgornjega roba. */
}
.logo2  /* lastnosti elementa logo2. */
{
width: 15%; /* Širina glede na starševski element. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
position: absolute; /* Absolutna postavitev glede na starševski element. */
right: 0; /* Odmaknjenost od desnega roba. */
top: 0; /* Odmaknjenost od zgornjega roba. */
}
img.scaled  /* Lastnosti img (slik) z razredom scaled. */
{ 
width: 100%; /* Širina zavzema celotno polje. */
height: 100%; /* Višina zavzema celotno polje. */
}
h2.mainsitetitle{
font-size: 6vw; /* Višina znakov glede na vidno površino (brskalnikovo okno (CSS3) 5vw=5% višine glede na vidno površino (16px=1.000em=100.0%=12pt). */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
margin-top: 1%; /* Širina prostega prostora med elementi na zgornji zunanji meji - brez barven - transparenten. */
margin-bottom: 2%; /* Širina prostega prostora med elementi na spodnji zunanji meji - brez barven - transparenten. */
}
h2.subsitetitle{
font-size: 4vw; /* Višina znakov glede na vidno površino (brskalnikovo okno (CSS3) 5vw=5% višine glede na vidno površino (16px=1.000em=100.0%=12pt). */
margin: 0; /* Prosta mesta zunaj mej. */
}
/*-------------------------------------------- GLAVA ---------------------------------------------------------------------*/
/*-------------------------------------------- VSEBINA STRANI ------------------------------------------------------------*/
#vsebina{
width: 96%; /* Širina zavzema celotno vidno polje brskalnika glede na starševski element. */
padding: 2%; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
color: #990000; /* Barva besedila */
font-size: 6vw; /* Višina znakov glede na vidno površino (brskalnikovo okno (CSS3) 5vw=5% višine glede na vidno površino (16px=1.000em=100.0%=12pt). */
}
/*-------------------------------------------- LEVI IN DESNI MENI --------------------------------------------------------*/
#levimeni, #desnimeni
{
background-color: gray; /* Barva ozadja. */
border: thin solid black; /* Meje - širina, tip, barva. */
text-align: center; /* Poravnava besedila v elementu. */
color: #990000; /* Barva besedila. */
width: 93%; /* Širina glede na starševski element. */
padding: 2%; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
margin-top: 2%; /* Širina prostega prostora med elementi na zgornji zunanji meji - brez barven - transparenten. */
border-radius: 3%; /* Obljenje meje. */
}
ul #subnavVM /* Neurejen spisek v subnavVM. */ 
{
list-style-type: square; /* Znebimo se pik, ki ponazarjajo novo vrstico v meniju. */
width: 70%; /* Širina glede na starševski element. */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
}
#subnavVM a /* Zajema vsa značke a v subnavVM, ko se čez njih premika indikator računalniške miške. */ 
{
background-color: #F0F0F0; /* Barva ozadja. */
color: #990000; /* Barva besedila. */
}
ul.navV /* Neurejen spisek v razredu navV. */
{
list-style-type: none; /* Znebimo se pik, ki ponazarjajo novo vrstico v meniju. */
border-radius: 5%; /* Obljenje meje. */
padding-left: 0; /* Znebimo se notranje postvitve od levega roba. */
padding-right: 0; /* Znebimo se notranje postvitve od desnega roba. */
width: 100%; /* Širina glede na starševski element. */
}
.navV /* Neurejen spisek - vertikalni razreda navV. */
{
list-style-type: none; /* Znebimo se pik, ki ponazarjajo novo vrstico v meniju. */
padding: 1%; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
width: 95%; /* Širina elementa. */ 
}
.navV a /* Zajema vse zastavice a v razredu navV. */
{
color: white; /* Barva besedila. */
background-color: #000;  /* Barva ozadja. */
text-decoration: none; /* Znebimo se dodatnih lastnosti besedila (podčrtano, ...) */
text-align: center; /* Poravnava besedila. */
display: block; /* Posamezen vnos je predstavljen kot celota. */
border: 1px solid black; /* Meje - širina, tip, barva. */
width: 90%; /* Širina glede na starševski element. */ 
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
margin-top: 4%; /* Višina prostega prostora med elementi na zgornji zunanji meji - brez barven - transparenten. */
margin-bottom: 4%; /* Višina prostega prostora med elementi na spodnji zunanji meji - brez barven - transparenten. */
}

#subnavVM a:hover/* Zajema vse zastavice a v navV, ko se čez njih premika indikator računalniške miške. */
{
background-color: #000; /* Barva ozadja. */
color: #FFF; /* Barva besedila. */
}
.mobile a:link /* Neobiskana povezava. */ 
{
color: #000000; /* Barva besedila. */
}
.mobile a:visited /* Obiskana povezava. */ 
{
color: #990000; /* Barva besedila. */
}
.mobile a:hover /* Indikator računalniške miške na povezavi. */ 
{
color: white; /* Barva besedila. */
}
.mobilesubline /* Vrstica neurejenega spiska za Tabljične računalnike. */
{
display: none; /* Element se ne prikaže. */
}
/*-------------------------------------------- PODLAGA SLIKA ------------------------------------------------------------*/
.figure /* Lastnosti razreda figure. */
{ 
display: none; /* Element se ne prikaže. */
}
.tmainfigure /* Slika podlage za tabljične računalnike. */
{
display: none; /* Element se ne prikaže. */
}
.tpvefigure /* Slika podlage za tabljične računalnike. */
{
display: none; /* Element se ne prikaže. */
}
.tpvpfigure /* Slika podlage za tabljične računalnike. */
{
display: none; /* Element se ne prikaže. */
}
.twvwfigure /* Slika podlage za tabljične računalnike. */
{
display: none; /* Element se ne prikaže. */
}
.nomobile /* Slika podlage za tabljične računalnike. */
{
display: none; /* Element se ne prikaže. */
}
/*-------------------------------------------- PODLAGA SLIKA ------------------------------------------------------------*/	
main 
{
background-color: rgba(255,255,255,0.9);  /* Barva ozadja. */
color:#990000; /* Barva besedila. */
text-align: center; /* Poravnava besedila v elementu. */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
margin-top: 2%;
width: 94%; /* širina glede na DIV */
padding: 2%; /* Prosti prostor znotraj meje objekta - brez barven - transparenten. */
font-size: 5vw;
}
.p-list /* lastnosti določenega razreda */
{
text-align: left; /* Poravnava besedila v elementu. */
padding-left: 2%; /* postvitev od levega roba */
list-style-type: square; /* označitev vrste */
}
#main a:link /* neobiskana povezava */
{
color: black;
}
#main a:visited /* obiskana povezava */
{
color: #990000 ;
}	
#main a:hover /* miška na povezavi */
{
color: #585858 ;
}
iframe 
{
width: 100%;
height: 100%;
border: 0;
}
#LiveMap 
{
width: 100%;
height: 200%;
border: 0;
}
figcaption
{
text-align: left; /* poravnava teksta v DIV */
}
/*-------------------------------------------- VSEBINA STRANI ------------------------------------------------------------*/
/*-------------------------------------------- NOGA ----------------------------------------------------------------------*/
#hidden2
{
display: none; /* Element se ne prikaže. */
}
#footer
{
width: 99%;
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
}
footer
{
border: thin solid white; /* Meje - širina, tip, barva. */
background-color: black;
color: white; /* Barva besedila. */
width: 99%; /* Širina zavzema celotno vidno polje brskalnika glede na starševski element. */
text-align: center; /* Poravnava besedila v elementu. */
padding: 0.5%; /* Širina prostega prostora znotraj roba objekta - brez barven - transparenten. */
margin: auto; /* Prosto mesto zunaj meje - brez barven - transparenten. V danem primeru zgoraj avtomatska nastavitev. */
display: block; /* Posamezen vnos je predstavljen kot celota. */
}
#noga > p , #nogas > p  /* Lastnosti a v elementu noga in nogas. */
{
padding:2%;
padding-bottom: 0;
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
font-size: 4vw;
}
a #noga, #nogas > a/* Lastnosti a v elementu noga in nogas. */
{
padding: 1%;
padding-bottom:0; /* Širina prostega prostora znotraj roba objekta - brez barven - transparenten. */
margin: 2%; /* Prosto mesto zunaj meje - brez barven - transparenten. */
margin-bottom:0;
display: block; /* Posamezen vnos je predstavljen kot celota. */
}
#noga a:link /* Neobiskana povezava. */
{
color: white; /* Barva besedila. */
}
#noga a:visited /* Obiskana povezava. */
{
color: #990000; /* Barva besedila. */
}
#noga a:hover /* Indikator računalniške miške na povezavi. */
{
color: #585858; /* Barva besedila. */
}
#noga a:active /* Izbrana povezava. */
{
color: #0000FF; /* Barva besedila. */
}
/*-------------------------------------------- NOGA ----------------------------------------------------------------------*/