/*-------------------------------------------- BODY ---------------------------------------------------------------------*/
body {
background-color: black; /* Barva ozadja. */
font-family: 'Oswald', sans-serif; /* Tip pisave. */
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 roba objekta - brez barven - transparenten.*/
} 
/*-------------------------------------------- BODY ---------------------------------------------------------------------*/
/*-------------------------------------------- GLAVA ---------------------------------------------------------------------*/
#header, #hidden1 /* Glava strani. */
{
width: 100%; /* Širina zavzema celotno vidno polje brskalnika glede na starševski element. */
background-color: black;
padding: 0%; /* Prosti prostor znotraj roba objekta - brez barven - transparenten.*/
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
}
#header
{
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. */
padding: 2%; /* Prosti prostor znotraj roba objekta - brez barven - transparenten.*/
color: white; /* Barva besedila v elementu. */
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: 11%; /* Š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: 11%; /* Š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: 4.8vw; /* 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. */
}
h2.subsitetitle{
font-size:2.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:100%; /* Širina zavzema celotno vidno polje brskalnika glede na starševski element. */
color: #990000; /* Barva besedila */
}
/*-------------------------------------------- LEVI IN DESNI MENI --------------------------------------------------------*/
#levimeni, #desnimeni
{
width: 28%; /* Širina glede na starševski element. */
padding: 1%; /* Prosti prostor znotraj roba objekta - brez barven - transparenten.*/
text-align: center; /* Poravnava besedila. */
padding: 1%; /* znebimo se notranje postvitve od roba */
margin-top: 1%; /* Višina prostega prostora med elementi na zgornji zunanji meji - brez barven - transparenten. */
z-index: 1;	/* Prioriteta prikazovanja (višja kot je številka pomembnejše je prikazovanje) podobno kot plasti. */
position: fixed; /* Pritrjena postavitev glede na okno brskalnika, ki se ne premika kljub vertikalnemu premikanju po strani. */
}
#levimeni h2, #desnimeni h2 /* lastnosti h1 v DIV l-side-menu in DIV r-side-menu */
{ 
font-size: 2vw; /* 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: 0; /* Višina prostega prostora med elementi na zgornji zunanji meji - brez barven - transparenten. */
}
/*-------------------------------------------- NEUREJEN SPISEK MENIJA ----------------------------------------------------*/
.navV /* Neurejen spisek vertikalni z identifikacijo navV. */
{
list-style-type: none; /* Znebimo se pik, ki ponazarjajo novo vrstico v meniju. */
padding: 1%; /* Prosti prostor znotraj roba 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 navV. */
{
background-color: white;  /* Barva ozadja. */
text-decoration: none; /* Znebimo se dodatnih lastnosti besedila (podčrtano, ...) */
font-size: 2vw; /* 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). */
text-align: center; /* Poravnava besedila. */
color: #990000; /* Barva besedila */ 
display: block; /* posamezen vnos je predstavljen kot celota */
border: 1px solid black; /* Meje - širina, tip, barva. */
padding-left: 0; /* Znebimo se prostega prostora od levega roba. */
padding-right: 0; /* Znebimo se prostega prostora od desnega roba. */
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.*/
margin-left: 2%; /* Širina prostega prostora med elementi na levi zunanji meji - brez barven - transparenten.*/
margin-right: 2%; /* Širina prostega prostora med elementi na desni zunanji meji - brez barven - transparenten.*/
width: 95%; /* širina stolpca/okvirja/škatle/kontejnerja */ 
}
.navV a:hover /* Zajema vse zastavice a v navV, ko se čez njih premika indikator računalniške miške. */
{
background-color: #000; /* barva podlage elementa */
color: #FFF; /* barva teksta */
}
/*-------------------------------------------- NEUREJEN SPISEK MENIJA ----------------------------------------------------*/
/*-------------------------------------------- LEVI IN DESNI MENI --------------------------------------------------------*/
/*-------------------------------------------- LEVI MENIJ ----------------------------------------------------------------*/	
#levimeni, #desnimeni
{
background-color: white; /* Barva ozadja. */
border: thin solid black; /* Meje - širina, tip, barva. */
border-radius: 3%; /* Obljenje kotov meje. */
left: 0; /* oddaljenost od levega roba */
}
.mobilelink 
{
display:none;
}
/*-------------------------------------------- LEVI PODMENIJ MENIJ GLAVNA STRAN-----------------------------------------------------*/	
ul #subnavVM, ul #subnavVMR  /* neurejen spisek subnavVM */
{
display: none; /* Element se ne prikaže. */
list-style-type: none; /* Znebimo se pik, ki ponazarjajo novo vrstico v meniju. */
color: #F0F0F0; /* barva teksta */
z-index: 2; /* prioriteta prikazovanja (višja številka pomembnejše) podobno kot plasti */
}
a:hover #subnavVM, a:hover #subnavVMR /* zajema vsa sidra v subnavVM, ko se čez njih premika kurzor miške */
{
background-color: #000000; /* barva podlage elementa */
color: #F0F0F0; /* barva teksta */
display: block; /* posamezen vnos je predstavljen kot celota */
}
li:hover #subnavVM, li:hover #subnavVMR /* zajema vse linije v subnavVM, ko se čez njih premika kurzor miške */
{
display: block; /* posamezen vnos je predstavljen kot celota */
position: absolute; /* postavi linijo absolutno na staršeski element */
color: #F0F0F0; /* barva teksta */
width: 50%; /* širina glede na starševski element */
padding: 1%;
}
li:hover #subnavVM.subnavVM-main, li:hover #subnavVMR.subnavVM-main /* lastnosti subnavVM z določenim razredom */
{ 
margin-left: 87%;
margin-top: -17%;
}
/*-------------------------------------------- LEVI PODMENIJ MENIJ GLAVNA STRAN-----------------------------------------------------*/
/*-------------------------------------------- LEVI PODMENIJ MENIJ PvE STRAN-----------------------------------------------------*/	
li:hover #subnavVM.subnavVM-PvE, #subnavVMR.subnavVM-PvE /* lastnosti subnavVM z določenim razredom */
{ 
margin-left: 87%;
margin-top: -17%;
}
/*-------------------------------------------- LEVI PODMENIJ MENIJ PvE STRAN-----------------------------------------------------*/
/*-------------------------------------------- LEVI PODMENIJ MENIJ PvP STRAN-----------------------------------------------------*/
li:hover #subnavVM.subnavVM-PvP, #subnavVMR.subnavVM-PvE /* lastnosti subnavVM z določenim razredom */
{ 
margin-left: 87%;
margin-top: -16.5%;
}
/*-------------------------------------------- LEVI PODMENIJ MENIJ PvP STRAN-----------------------------------------------------*/
/*-------------------------------------------- LEVI PODMENIJ MENIJ WvW STRAN-----------------------------------------------------*/
li:hover #subnavVM.subnavVM-WvW, #subnavVMR.subnavVM-WvW /* lastnosti subnavVM z določenim razredom */
{ 
margin-left: 87%;
margin-top: -16.5%;
}	
/*-------------------------------------------- LEVI PODMENIJ MENIJ WvW STRAN-----------------------------------------------------*/
/*-------------------------------------------- LEVI MENIJ ----------------------------------------------------------------*/
/*-------------------------------------------- DESNI MENIJ ---------------------------------------------------------------*/
#desnimeni 
{
margin-top: 33%;
}
.rightPvE /* lastnosti določenega razreda */
{
background-color: white; /* Barva ozadja. */
border: thin solid black; /* Meje - širina, tip, barva. */
border-radius: 3%; /* Obljenje kotov meje. */
opacity: 0.8; /* Prosojnost. */
}
.rightPvP /* lastnosti določenega razreda */
{
background-color: white; /* Barva ozadja. */
border: thin solid black; /* Meje - širina, tip, barva. */
border-radius: 3%; /* Obljenje kotov meje. */
opacity: 0.8; /* Prosojnost. */
}
.mobile /* Lastnosti neurejenega spiska za mobilne naprave */
{
display: none; /* Se ne prikazuje. */
}
.subline
{
display: none; /* Se ne prikazuje. */
}
.mobilesub /* Lastnosti neurejenega podspiska za mobilne naprave */
{
display: block; /* Se ne prikazuje. */
}
.mobilesubline /* Lastnosti vrstice spiska za mobilne naprave */
{
display: block; /* Se ne prikazuje. */
}
/*-------------------------------------------- DESNI PODMENIJ MENIJ PvE STRAN-----------------------------------------------------*/	
li:hover #subnavVMR /* lastnosti subnavVM z določenim razredom */
{ 
margin-left: 87%;
margin-top: -17%;
}
/*-------------------------------------------- DESNI PODMENIJ MENIJ PvE STRAN-----------------------------------------------------*/
/*-------------------------------------------- DESNI MENIJ --------------------------------------------------------------*/
/*-------------------------------------------- PODLAGA SLIKA ------------------------------------------------------------*/
.figure /* lastnosti razreda figure v DIV*/
{ 
width: 100%; /* širina zavzema celotno polje v DIV */
padding: 0; /* širina prostega prostora znotraj roba objekta - brez barven - transparenten*/
margin: 0;
position: fixed; /* fixna postavitev glede na okno brskalnika in se ne premika kljub vertikalnemu premikanju po strani*/
}
/*-------------------------------------------- SLIKA PODLAGA MAIN -------------------------------------------------------*/
.tmainfigure
{
overflow: hidden;
}
.tpvefigure
{
overflow: hidden;
}
.tpvpfigure
{
overflow: hidden;
}
.twvwfigure
{
overflow: hidden;
}
.nomobile
{
display: none;
}
/*-------------------------------------------- SLIKA PODLAGA MAIN -------------------------------------------------------*/
/*-------------------------------------------- PODLAGA SLIKA ------------------------------------------------------------*/	
main 
{
position: fixed; /* absolutna pozicija glede na starševski element*/
background-color: rgba(255,255,255,0.7);  /* barva ozadja */
color:#990000; /* barva teksta */
text-align: center; /* poravnava teksta */
margin-top: 1%; /* širina prostega prostora zunaj roba objekta - zgoraj - brez barven - transparenten*/
overflow: scroll; /* v primeru da je vsebine več kot prostora se pojavi drsnik*/
width: 63%; /* širina glede na DIV */
left: 31%; /* oddaljenost od levega roba */
padding: 2%; /* notranja postvitve od roba */
height: 65%; /* višina glede na DIV */
}
.p-list /* lastnosti določenega razreda */
{
text-align: left; /* poravnava teksta */
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: 70%;
border: 0;
}
#LiveMap 
{
width: 100%;
height: 100%;
border: 0;
}
figcaption
{
text-align: left; /* poravnava teksta v DIV */
}
/*-------------------------------------------- VSEBINA STRANI ------------------------------------------------------------*/
/*-------------------------------------------- NOGA ----------------------------------------------------------------------*/
#footer, #hidden2
{
width: 99%;
}
footer
{
border: thin solid white; /* Meja - debelina črte (lahko tudi v px), tip črte, barva črte.*/
background-color: black;
color: white; /* Barva besedila v elementu. */
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. */
left: 0; /* Odmaknjenost od levega roba. */
bottom: 0; /* Odmaknjenost od spodnjega roba. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
display: block; /* Posamezen vnos je predstavljen kot celota. */
font-size: 1.5vw;
}
#noga
{
position: fixed; /* Pritrjena postavitev glede na okno brskalnika, ki se ne premika kljub vertikalnemu premikanju po strani. */
z-index: 100; /* Prioriteta prikazovanja (višja kot je številka pomembnejše je prikazovanje) podobno kot plasti. */
}
#noga p,#nogas p /* Lastnosti a v elementu noga in nogas. */
{
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
}
a #noga, a #nogas /* Lastnosti a v elementu noga in nogas. */
{
padding: 0; /* Širina prostega prostora znotraj roba objekta - brez barven - transparenten. */
margin: 0; /* Prosto mesto zunaj meje - brez barven - transparenten. */
display: block; /* Posamezen vnos je predstavljen kot celota. */
}
#noga a:link /* Neobiskana povezava. */
{
color: white; /* Barva besedila v elementu. */
}
#noga a:visited /* Obiskana povezava. */
{
color: #990000; /* Barva besedila v elementu. */
}
#noga a:hover /* Indikator računalniške miške na povezavi. */
{
color: #585858; /* Barva besedila v elementu. */
}
#noga a:active /* Izbrana povezava. */
{
color: #0000FF; /* Barva besedila v elementu. */
}
/*-------------------------------------------- NOGA ----------------------------------------------------------------------*/