body {background: #CCCCCC; margin: 0; padding: 0;}    
p  { color: #000000}
m  { 
    color: #CCCCCC;
    font-size: 20px;
    }
a  { color: #8A0003; text-decoration: none; }
h1 { font-size: 20px; font-weight: bold; }
h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 14px; font-weight: bold; }
a:hover { background-color: #FFFFFF; color: #C10005; letter-spacing: normal; }
a:link  { color: #8A0003; text-decoration: none; }

ul.class1 {
    font-family: "arial";
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    
a.class1:link, a.class1:visited {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #CCCCCC;
    background-color: #8A0003;
    width: 194px;
    text-align: left;
    padding: 3px;             /*3px*/
    text-decoration: none;
    }

a.class1:hover, a.class1:active {
    background-color: #CCCCCC;
    color: #8A0003;
    border-radius: 3px;       /*3px*/
}

blockquote{
    font-family: "Courier";
    font-size: 17px;
    font-weight: normal;
    color: #0000FF; 
    background-color: #FFFFFF; 
    font-style: normal; 
    line-height: normal; 
    border-radius: 10px;
    padding:3px;
    }
    
table tr:nth-child(even) {
    background-color: #FFFFFF;
}

#container
{
max-width: 1250px;
margin: 10px auto;
line-height: 130%;
padding: 3px;
}

#Glava
{
border-bottom: 1px solid gray;
height: 105px;
margin: 3px;
padding: 10px;
border: 3px solid #8A0003;
border-radius: 10px;
background-image: url(images/Interface/glava.png);
}

#Menu
{
float: left;
width: 200px;
margin: 3px;
padding: 10px;
border:3px;
border-radius: 10px;
background: #8A0003;
}

#Vsebina
{
#margin-left: 230px;
margin-top: 6px;
#max-width: 993px;
padding: 10px;
border: 3px solid #8A0003;
border-radius: 10px;
background: #F0F0F0;
}

#Noga
{
clear: both;
height: 40px;
margin-top: 6px;
#margin-left: 230px;
#max-width: 993px;
padding: 10px;
border: 3px solid #8A0003;
border-radius: 10px;
background: #F0F0F0;
}
.left{
float: left;
padding: 5px 10px 0px 0;
}
/*
#leftnav p { margin: 0 0 1em 0; }
#Vsebina h2 { margin: 0 0 .5em 0; }
*/

a.class2:link, a.class2:visited {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #CCCCCC;
    background-color: #8A0003;
    text-align: center;
    padding: 2px;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;

    }

a.class2:hover, a.class2:active {
    background-color: #CCCCCC;
    color: #8A0003;
    border-radius: 5px;
    
}

 /* Popup container */
.popup {
    position: relative;
    display: inline-block;
   /* cursor: pointer;*/
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 250px;
    background-color: #8A0003;
    color: #f0f0f0;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0;  /* 8px 0;  */
    position: absolute;
    z-index: 1;
    top: 0px; /* 110%    Višina slike v px + višina puščice 135*/
    left: 103px;   /* 50% */
 
}


/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}