﻿body {
    font-family: Trebuchet MS, Sans-Serif;
    font-size: small; 
    /*background-image:url(Slike/kpvbkgr.jpg);*/
}

#glava_slika
{
    margin-bottom: 1px; width: 100%;
}

div#okvir
{
    position: relative; margin: 0 auto; width: 90%; 
    text-align:center; margin-top:-1%; background-color: #f9f9f9;
    
}

div#menuVrstica
{
    width:100%; float:left; background-color: #cc0; cursor: default;
}

div#desno
{
    margin-top: 1px; float:right; width: 25%; cursor: default; 
    padding-top: 10px; padding-right: 5px; padding-bottom: auto; padding-left: 5px;  text-align: left;  
    border-top: #fff thin solid;  border-left: #cc6 thin dotted; border-right: #cc0 thin dotted;  
    font-size: 1em; color: #233323; font-family: Trebuchet MS; font-size: small;
    background-color: #f9f9f9;   
    border-bottom: #cc0 thin solid; position: static; 
    /*-moz-box-shadow: 4px 4px 10px #ABCDDB;*/ 
}

div#vsebina
{
    margin-top: 1px; float:left; width: 66.75%;  cursor: default;
    padding-top: 10px; padding-right: 3%; padding-bottom: auto; padding-left: 3%;  text-align:justify;
    border-top: #fff thin solid;  border-left: #cc0 thin dotted; border-right: #cc6 thin dotted;
    font-size: 1em; color: #233323; font-family: Trebuchet MS; font-size: small;
    background-color: #f9f9f9;position: static; border-bottom: #cc0 thin solid; 
}

div#vsebinaVse
{
    margin-top: 1px; float:left; width: 93.8%;  cursor: default;
    padding-top: 10px; padding-right: 3%; padding-bottom: auto; padding-left: 3%;  text-align:justify;
    border-top: #fff thin solid;  border-left: #cc0 thin dotted; border-right: #cc0 thin dotted;
    font-size: 1em; color: #233323; font-family: Trebuchet MS; font-size: small;
    background-color: #f9f9f9;position: static; border-bottom: #cc0 thin solid; 
}
div#noga
{
    margin: 1px auto; width: 100%; height:4%; float: left; color: #eee;
    text-align:center; background-color: #cc0; font-size: small;
}


div.desno
{
    margin:0 auto; margin: 10px 8px; cursor: default;
    padding:10px; color: #233323; background-color: white; border: 1px solid #e8e8e8;
    /*-moz-box-shadow: 2px 2px 4px #ccc; text-shadow: 1px 1px 1px #999;*/
}

div.desnoSpodaj
{
    margin:0 auto; margin: 10px 8px; cursor: default;
    padding:10px; color: #233323; background-color: white; border: 1px solid #e8e8e8;
    /*-moz-box-shadow: 2px 2px 4px #ccc;*/
}

div.desno:hover, div.desnoSpodaj:hover
{
    color: #996600; /*cursor: pointer;*/
}
div.desnoTop
{
    margin:0 auto; margin: 10px 8px; background-color: #cc0; cursor: default;
    padding:15px 10px 10px 10px; color: #fff; font-weight: bold;
    /*-moz-box-shadow: 2px 2px 4px #ccc;*/ 
}

p.desno_p { text-align: right; width:100%}
p.sredina_p { text-align: center; width:100%; margin:0 0;}
p.sredina_b { text-align: center; width:100%; margin:0 0;
              color: #cc0; font-size:1.2em; font-weight:bold;}
p.presledek
{
    clear: both; margin: 0; padding: 0; height: 0; background-color: #cc0; 
}

hr
{margin:3px auto; height:0px; color:#fff;}
hr.tanka { color:#eee; margin: 14px 0px; height:-5px;}

.menuNapis
{
    padding:4px 15px; border: 1px solid #cc0;float:right;
    float: left; color: white; font-weight:200;
    background-color: #cc0; width:auto;height:17px;
    /*text-shadow: 1px 1px 2px #999;*/
}
a { text-decoration: none; color: #233323;}

a.tekst_a
{
    border-top:1px solid #cc0; border-bottom:1px solid #cc0;
    background-color: #eee; color: #233323; padding: 0px;  
}
a.tekst_a:hover
{
    background-color: #cc0; padding: 0px;
    color: white; cursor:pointer; /*text-shadow: 1px 1px 2px #999;*/
}
a.tekst_b
{
    border-top:1px solid #cc0; border-bottom:1px solid #cc0;
    background-color: #eee; color: #233323; padding: 1px 4px;  
    margin:0 2%;
}
a.tekst_b:hover
{
    background-color: #cc0; padding: 1px 4px; 
    color: white; cursor:pointer; /*text-shadow: 1px 1px 2px #999;*/
}
a.menu { text-decoration:none; color:#fff; }
a.podn { color: #eee; font-size: small;}

h1 
{color: #233323; font-weight:bold; padding:6px 0px;
 font-size:1em; text-transform:uppercase;}
 
 h2 
{color: #979700;  padding:6px 0px;
 font-size:0.9em; text-transform:uppercase;}
 
 h3 
{color: #333; margin-left:4%; padding:6px 8px;
 font-size:0.85em; text-transform:uppercase;}
 
 span.bold { font-weight: bold; }
 p.bold { font-weight: bold; font-size:larger; }
 
 p.leviOdmik { width: 90%; margin-left:5%; }
 p.podSliko { margin:0% 15%; width: 70%; }
 
.prikaznOkno
{
    float:left; width:67%; margin-top: 1px; cursor: default;
    padding: 4% 4%; background-color: #e0b000; z-index:100; color:#fff;
    border: 1px solid #fff; display: none; position:relative;text-align:justify;
    box-shadow: 2px 3px 6px #808080;-moz-box-shadow: 2px 3px 6px #808080; 
    -webkit-box-shadow: 2px 3px 6px #808080;
    text-shadow:  1px 1px 2px #233323; -webkit-text-shadow:  1px 1px 2px #233323;*/ 
}

div.desno:hover .prikaznOkno{ cursor:pointer; display: block; position:absolute;
                              margin-top: -7%; top: inherit; left:0%; cursor:default; }


div.desnoSpodaj:hover .prikaznOkno{ cursor:pointer; display: block; position:absolute;
                                   margin-top: -14.5%; top:inherit; left:0%; cursor:default; }

.slike
{ margin:0 auto; width:100%; }
.slikeM { margin: 1% 15%;  width:70%; }
.slikeP { margin: 1% 25%;  width:50%; }
.slikeT { margin: 1% 32%;  width:36%; }


.tabele
{
    margin: 0 auto; width: 60%; margin-top:10px; margin-bottom:10px;
    border: 1px; border-collapse: collapse; border-color:#233323; padding:6px; 
}

.tabeleM
{
    margin: 0 auto; width: 50%; margin-top:10px; margin-bottom:10px;
    border: 1px; border-collapse: collapse; border-color:#233323; padding:6px; 
}

.tabeleSiroke
{
    margin: 0 auto; width: 90%; margin-top:10px; margin-bottom:10px;
    border: 1px; border-collapse: collapse; border-color:#233323; padding:6px; 
}

.zgVrstaTabele
{
    background-color: #cc0;
}

td { text-align: center;}
td.levo { text-align:left; }
tr {border-bottom: 1px solid #cc0;}
td.ll { width:40%; text-align: left; text-indent:8px;}
td.dd { width:50%; text-align: left; text-indent:8px;}

.vrTabele
{
    width:50%; padding:10px; text-align:left; 
}
.vrTabDol
{
    border-bottom:#cc6 thin dotted
}


.tabOpisi { padding-right: 10px; text-align:right; width: 31%; color: #7D7D00;}
.tabOpisiN { padding-right: 10px; text-align:right; width: 31%; color: red; font-weight:bold;}
.tabOpisiD { text-align:left; width: 90%; color: #7D7D00;
             padding-left: 10px; padding-right:0px;
             padding-top: 5px; padding-bottom: 5px;}

.tabVnosi
{
    border: 0px; background-color: #fff;
    width: 90%;  color: #233323;
    padding-left: 10px; padding-right:0px;
    padding-top: 5px; padding-bottom: 5px; 
}
.tabVnosiM
{
    border: 0px; background-color: #fff;
    width: 15%;  color: #233323; text-align:right;
    padding-left: 5px; padding-right:5px;
    padding-top: 5px; padding-bottom: 5px; 
}

.tabVnosiB
{
    border: 0px; background-color: #fff;
    width: 90%; height: 55px; color: #233323;
    padding-left: 10px; padding-right:0px;
    padding-top: 5px; padding-bottom: 5px; 
    font-family: Trebuchet MS, Sans-Serif; 
    font-size:1em;
}
.tabVnosiV
{
    border: 0px; background-color: #fff;
    width: 94%;  color: #233323;
    padding-left: 10px; padding-right:0px;
    padding-top: 5px; padding-bottom: 5px; 
}
.tabVnosiW
{
    border: 0px; text-align:left;
    width: 90%;  color: #233323;
    padding-left: 22px; padding-right:0px;
    padding-top: 5px; padding-bottom: 5px; 
}

.tabVnosiL
{
    border: 0px; background-color: #fff;
    width: 92%;  color: #233323; text-align:left;
    padding-left: 5px; padding-right:5px;
    padding-top: 5px; padding-bottom: 5px; 
}

.zaTab
{
    margin-left:18%;
}

li { margin:4px 2px; }
li.sivo { color:#cc6; }


.pregledniceL
{
    padding-left: 5px; text-align:left; color: #233323; border:0px; 
    text-transform: uppercase;
}

.preglednice_l
{
    padding-left: 5px; text-align:left; color: #233323; border:0px; 
}

.pregledniceS
{
    text-align: center; color: #233323; border:0px;
}

.pregledniceD
{
    text-align:right; color: #233323; border:0px;
}

.ozadNVrstice { background-color:#CCCC00; }
.ozadVrstice{   background-color: #EEEEEE;}
.ozadNoge { background-color: #EEEEEE; color: #f9f9f9; }

.tekst_t
{
    background-color: #eee; color: #233323; padding: 0px;  
}
.tekst_t:hover
{
    background-color: #cc0; padding: 0px;
    color: white; cursor:pointer; /*text-shadow: 1px 1px 2px #999;*/
}

div.pogreb
{
    margin:20px auto; padding:10px; width:85%;
}

div.okvir { width:50%; border :solid 2px black; padding: 2px;
            margin: 20px auto; background-color: #fff; }

div.pokojni { padding:10px; font-size:small;  
              border :solid 6px black; margin:0px auto;
              text-align:center; background-color: #fff; }
              
div.pasica
{
    width: 99%;border-bottom: solid 1px #000;
    z-index: 100;color: #000; height: 35px;
    padding: 5px -10px; border-bottom-color: #666666;
}
p.pogreb
{
    margin: 7px auto; padding: 5px; width: 80%; 
    color: #233323; background-color: #fff;
}

.centr { width: 35%; margin: 2% auto; text-align:center; }
.centri { margin: 10px 0px; }