/********* HTML oznake *********/
body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS",arial,sans-serif;
text-align:center;
color: #000000;
font-size:20px;
// font-weight:bold;
line-height:115%;
// background-color: #208f29;
}

p {
text-align: left;
font-size:13px;
margin: 0px 0 0px 0;
padding: 0px;
}

tr {
line-height:22px;
}

table {
text-align: justify;
font-size:13px;
margin: 0px 0 0px 0;
padding: 0px;
}

table td {
padding: 1px 0px 0px 4px;
}

a:link {
color: #208f29;
text-decoration: none;
}

a:visited {
color:#208f29;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
}

/**** oblika gumbov ****/
input.btn{
color: #208f29;
font-family: 'verdana';
font-size: 85%;
font-weight: bold;
background-color: #EEEEEE;
border: 1px solid #208f29;
}

/********* splosno oblikovanje *********/
#vse {
text-align: left;
margin: 0 auto;
width: 950px;
}

/* naslov - zelena vrstica */
#naslov {
background-image: url(../images/design/foto_01.jpg);
color: #FFFFFF;
font-weight: bold;
/*background-color:#208f29;        */
width: 950px;
height: 118px;
margin: 0px;
padding: 0px;
border: 0px;
}

#naslov0 {
position: absolute;
background-image: url(../images/design/foto_01z.jpg);
left: 0;
width: 100%;
height: 118px;
margin: 0px;
padding: 0px;
border: 0px;
z-index: -1;
}

#naslov_logo,
#naslov_logo a,
#naslov_logo a:hover  {
width: 108px;
height: 100px;
padding-top: 5px;
text-decoration: none;
border-bottom: 0px;
}

#odjava{
position: relative;
vertical-align: right;
font-size: 13px;
width: 100px;
margin-bottom : -32px;
left: 835px;
top: -62px;
font-weight: normal;
text-transform: uppercase;
line-height: 15px;
}

#odjava a:link,
#odjava a:visited,
#odjava a:hover {
text-decoration: none;
color: #FFFFFF;
border-bottom: none;
}

/* vrstica predmetov */
#vrstica1 {
width: 950px;
height: 32px;
color: #000000;
margin-top: 0px;
padding: 10px 0px 10px 0px;
font-weight: bold;
text-transform: uppercase;
}

#vrstica1 a {
color: #000000;
text-decoration: none 0px;
}

#vrstica1 a:hover {
color: #208f29; 
}

p.pika {
position: relative;
float: left;
background-image: url(../images/design/pika.jpg);  
background-repeat: no-repeat;
font-size: 20px;
height: 15px;
left: 10px;
top: 20px;
padding-left: 24px;
margin-right: 8px;
}

#vrstica2 a {
text-decoration: none;
font-weight: bold;
color: #ffffff;
border-bottom: 0px;
}

p.kratica {
text-transform: lowercase;
font-weight: strong;
text-align: center;
margin-top: -4px;
font-size: 13px;
}

/********* telo - 608px px levi stolpec *********/
#telo {
float:left;
padding: 25px 35px 10px;
width: 880px;
min-height: 350px;
text-align: left;
}

#telo p{
padding: 0;
margin: 10px 0px 10px 0px;
font-size: 14px;
line-height: 18px;
}

#telo strong {
line-height: 16px;
}

/********* telo_prva1 - za prvo stran 1*********/
#telo_prva1_l {
float:left;
padding: 15px 22px 10px;
width: 590px;
min-height: 169px;
/* width: 634px;
height: 194px; */
text-align: left;
}

#telo_prva1_d {
float: right;
background-image: url(../images/design/foto_02.jpg);   
padding: 10px 20px 10px;
width: 270px;
height: 174px;
/* width: 316px;
height: 194px; */
}

p.d1 {
text-align: center;
width: 240px;   
}

#telo_prva_obvestilo {
float:left;
padding: 15px 15px 15px;
margin: 15px 25px 0px 25px;
width: 870px;
min-height: 50px;
text-align: center;
border: 1px solid #208f29;
font-size: 14px;
background-color: #72C778;
}                    

#telo_prva2 {
clear: left;
padding: 15px 25px 10px;
margin-top: 15px;
width: 900px;
min-height: 253px;
/*width: 950px;
height: 278px;*/
text-align: left;
}

.tema {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 20;
display: none;
background-color: #000000;
filter: alpha(opacity = 55);
opacity:.55;
}

.tema2 {
position: absolute;
width: 200px;
height: 200px;
color: #000000;
top: 200px;
left: 40%;
border: 2px dotted #999999;
text-align:  center;
z-index: 22;
background-color: #FFFFFF; 
filter: alpha(opacity = 99);
opacity: 1.0;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
}

.prijava2 {
position: absolute;
display: none;
background-image: url(../images/design/foto_02k.jpg);   
background-color: #FFFFFF;
width: 272px;
height: 194px;
margin-left: -22px;
margin-top: -10px;
padding: 10px 22px 10px;   
}

#arhiv {
float: left;
width: 950px;
text-align: right;
font-size: 13px;
}

#novica_arhiv {
position: relative;
margin: 60px 0px 0px;
text-align: left;
font-size: 13px;
}

/*** ***/
#telo_novice {
float:left;
padding: 0px 22px 10px;
margin-top: -5px;
width: 900px;
min-height: 253px;
/*width: 950px;
height: 278px;*/
text-align: left;
}

.nov {
float: left;
text-align: left;
width: 295px;
min-height: 250px;
padding: 5px 12px 0px 0px;
}

.a {
float: left;
padding: 0 0 15px 0;
}

p.nov_d {
float: left;
margin: 20px 0px 25px 16px;
text-align: left; */
}

/*** NOVICE na prvi strani ***/ 
p.lev {
float: left;
width:280px;
min-height:273px;
padding: 0px 27px 5px 0px;
text-align: left;
}

p.sre {
float: left;
width:280px;
min-height:273px;
padding: 0px 27px 5px 0px;
text-align: left;
}

p.des {
float: right;
width:286px;
min-height:273px;
padding: 0px 0px 5px 0px;
text-align: left;
}

p.lev h1,
p.des h1,
p.sre h1,
p.nov h1,
p.nov_d h1 {
font-size: 15px;
margin-bottom: 7px;
}

#novica {
position: relative;
width: 500px;
left: 190px;
padding: 25px 35px 10px;
text-align: left;
}

#novica h1,
#novica_arhiv h1 {
font-size: 15px;
margin-top: -5px;
margin-bottom: 5px;
}

#telo_prva3 {
float:left;
padding: 15px 25px 10px;
width: 900px;
height: 306px;
/* width: 950px;
height: 331px; */
text-align: left;
}

blockquote.style1 {
    float: right;
    font-family: "Trebuchet MS",arial,sans-serif;
    font-style:italic;
    font-size: 17px;
    text-indent: 0px;
    text-align: justify;
    line-height: 160%;
    
    margin: 0px auto;
    padding: 13px 18px 13px 15px;
    background-color: #faebbc;
    border-top: 2px solid #e1cc89;
    border-bottom: 2px solid #e1cc89;
    
/*    background-image: url(../images/ico/user_female.png); */
    background-position: top left;
    background-repeat: no-repeat;

    width: 50%;
}

blockquote.style2 {
    font-family: "Trebuchet MS",arial,sans-serif;
    font-style:italic;
    font-size: 17px;
    line-height: 170%;
    
    margin: 10px 15px 15px 10px auto;
    padding: 12px 12px 12px 12px;
    /* background-color: #faebbc; */
    border-top: 3px solid #208f29;
    border-bottom: 3px solid #208f29;
    
/*    background-image: url(../images/ico/user_female.png); */
    background-position: top left;
    background-repeat: no-repeat;

    width: 80%;
}

blockquote.style1 span, 
blockquote.style2 span 
{
    display: block;
/*    background-image: url(../images/ico/user_gray.png); */
    background-repeat: no-repeat;
    background-position: bottom right;
}


/********* razpored za prikaz predmeta *********/
#levo {
float: left;
width: 300px;
min-height: 150px;
}

#desno {
float: right;
width: 300px;
min-height: 150px;
}

#levo_pr {
float: left;
width: 600px;
min-height: 150px;
font-size: 15px;
}

#sredina_pr {
float: left;
width: 200px;
min-height: 70px;
font-size: 15px;
}

#desno_pr {
float: right;
width: 200px;
min-height: 70px;
font-size: 15px;
}

#cela2 {
float: left;
width: 600px;
min-height: 110px;
font-size: 13px;
padding-top: 10px;
}

/********* telo2 - za celotno sirino *********/
#telo2 {
position: relative;
float: left;
padding: 25px 22px 10px;
font-size: 13px;
width: 616px;
min-height: 400px;
text-align: left;
background-image: url(../images/design/pika.jpg);
background-repeat: repeat-y;
background-position: 10px 0;
background-position: right;
}

#telo2 p {
padding: 0;
margin: 10px 0px 10px 0px;
font-size: 13px;
}

#telo2 strong {
line-height: 23px;
font-size: 25px;
}

#telo2 strong.podnaslov {
font-size: 18px;
text-decoration: none;
font-weight: 100;
}

#telo2 p.poglavje {
padding-left: 10px;
margin: 10px 0px 5px 0px;
font-size: 15px;
line-height: 22px;
}

#telo2 inline.predmet {
font-size: 15px;
font-weight: bold;
}
/*
#telo2 inline.ucitelj {
font-size: 15px;
}

#telo2 inline.info {
font-size: 10px;
}
*/
/********* desni stolpec *********/

#desni-stolpec {
margin: 0px 10px 0px 0px;
float: right;
width: 250px;
right: 0px;
/*width: 270px; */
/* width: 251px; */
padding-top: 20px;
padding-left: 10px;
}

#desni-stolpec p {
border-bottom: 0px ;
font-size: 13px;
}

/********* noga - nastavitve *********/
#noga {
width:950px;
margin:10px 0 0 0 ;
text-align: right;
font-size:9px;
font-weight: normal; 
clear:both;
padding: 10px 0;
}

#verzija {
right: 0px;
margin: -5px 0px 0px 0px;
font-size: 10px;
}

/* vrstica zastavic */
#zastavice {
text-align: right;
margin: 0 auto;
position: relative;
min-width: 300px;
height: 40px;
top: 5px;
color: #ffffff;
padding: 0px 5px 0px 0px;
}

#jezik {
float: right;
width: 16px;
height: 40px;
margin-right: 5px;
line-height: 15px;
}

/********* Slikice na prvih straneh *********/
#vrazdelek {
float: left;
display: block;
width: 810px;
text-align: center;
}

#predrazdelek {
float: left;
display: block;
height: 130px;
width: 9px;
margin: 0px 0px 5px 5px;
}

#razdelek {
float: left;
display: block;
min-height: 130px;
width: 135px;
margin: 0px 0px 7px 10px;
padding: 5px 5px 5px 5px;
font-size: 13px;
text-align: center;
background-color: #FFCC99;
}

#razdelek strong {
font-size: 15px;
margin: 0px 0px 30px 0px;
line-height: 200%
}

/********* sestavljanje naloge *********/
#odgovor {
float: left;
display: block;
width: 585px;
text-align: left;
margin: 5px 0px 5px 0px;
padding: 5px 5px 5px 0px;
font-size:13px;
}

#radio {
float: left;
display: block;
vertical-align: bottom;
height: 40px;
width: 40px;
margin: 0px;
padding: 15px 0px 0px 10px;
color: red;
}

/********* resevanje nalog *********/
#r_vprasanje {
margin: 20px 0px 5px 0px;
padding: 5px 5px 2px 0px;
line-height: 24px;
font-size: 15px;
}

#r_odgovor {
padding-top: 10px;
font-size: 15px;
width: 500px;
}

b.naloga {
font-size: 15px;
}

a.spremeni {
margin-top: 5px;
font-size: 13px;
}

/* za radio gumbe */
.radio {
float: left;
line-height: 130%;
font-size: 18px;
margin-right: 10px;
text-align:center;
}

.ukaz_gumb {
float: left;
line-height: 150%;
min-width: 40px;
font-size: 12px;
text-transform: uppercase;
margin-right: 7px;
padding: 7px 4px 5px 4px;
text-align:center;
border: 0px solid;
color: #FFFFFF;
font-weight: bold;
}

.ukaz_gumb a {
    color: #444444;
    font-size: 20px;
    text-transform: lowercase;
}

/*
@media all and (max-width: 800px) {

    .ukaz_gumb {
    float: left;
    line-height: 100%;
    min-width: 40px;
    font-size: 12px;
    margin-right: 7px;
    padding: 7px 4px 5px 4px;
    text-align:center;
    border: 0px solid;
    color: #FFFFFF;
    font-weight: bold;
    }
    #desni-stolpec {
    display: none;
    }
}
  */

/* dodajanje razreda */
.coint_razred {
float: left;
width: 614px;
font-size: 15px;
margin: 14px 0 10px 0;
vertical-align:middle; 
}

.coint_levi {
float: left;
width: 200px;
text-align: right;
font-size: 17px;  
}

.coint_desni {
float: left;
font-size: 15px;
padding-left: 15px;
}

/********* periodni sistem *********/
.vrstno {
text-align: center;
font-size: 10px;
vertical-align: middle;
line-height: 7px;
}

.simbol {
text-align: center;
font-size: 13px;
margin-top: -2px;
font-weight: bold;
}

.masno {
text-align: center;
font-size: 10px;
vertical-align: middle;
color: red;
line-height: 7px;
}

/********* pogled na slike *********/
td.off {
background: #EEEEEE;
text-align: center;
padding: 5px 5px 5px 5px;
}

td.on {
background: #CCCCCC;
text-align: center;
padding: 5px 5px 5px 5px;
}

td.click {
background: #8888FF;
text-align: center;
padding: 5px 5px 5px 5px;
}

/********* Odpiralni meniji *********/
a.dsphead {
font-weight:bold;
line-height:15px;
margin-top:-2px;
padding-left:0px;
}

.dspcont {
display:none;
font-size:13px;
line-height:20px;
margin: -7px 0px 7px 0px;
}

.gradient-style
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 4px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
    background: #e8edff;
}
.HeaderTable
{
    background: #e8edff;
    font-size: 12px;
    color: #99c;
    width: 580px;
    
}
.TableRow
{
    padding: 8px; 
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #e8edff url('../images/design/gradback.png') repeat-x;
    
}