@charset "utf-8";
/****** Spremenljivke **********************************************/
/************ Desktop panel *************/
header {
background-color: #899BA9;
}


body {
background: url("../DATOTEKE/pongo.jpg");
 background-attachment: fixed;
}

ontent {
  margin-left: 50px 0;
 
}



.paneli {
margin: 6px auto;
border-radius: 0px;

}



.naslovDesktop {
font-family: "Cabin", sans-serif;
font-size: 16px;
font-weight: 600;
box-shadow: 0px 0px 0px 1px #737373;
background: url("../DATOTEKE/stolpec_ozadje.png");
text-indent: 15px;
border-radius: 5px;
letter-spacing: 1px;
line-height: 1.8;

 
  

   
   
  /*height: 100px;*/
}

.naslovDesktop9 {
font-family: "Cabin", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
box-shadow: 0px 0px 0px 1px #d6d6d6;
border-radius: 5px;
text-shadow: 1px 1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, -1px -1px 0 #000000, 1px 0px 0 #000000, 0px 1px 0 #000000, -1px 0px 0 #000000, 0px -1px 0 #000000;
line-height: 1.5;
  /*height: 100px;*/
}






/***** Desktop Panel HTML ************/
.panel-defaultHtml {
  border-color: #9accff;
  width: 350px;
  /*height: 200px;*/
  float: left;
  margin: 15px;

}
.panel-defaultHtml > .panel-heading {
  background-color: #9accff;
  border-color: #9accff;
}
.panel-defaultHtml:hover {
  border-color: #4da6ff;

}
.panel-defaultHtml:hover > .panel-heading {
  background-color: #4da6ff;
  border-color: #4da6ff;
}
/***** Desktop Panel CSS ************/
.panel-defaultCss {
  border-color: #f9d27d;
  width: 350px;
  float: left;
  margin: 15px;
  color: #888;
}
.panel-defaultCss > .panel-heading {
  background-color: #f9d27d;
  border-color: #f9d27d;
}
.panel-defaultCss:hover {
  border-color: #f6b934;

}
.panel-defaultCss:hover > .panel-heading {
  background-color: #f6b934;
  border-color: #f6b934;
}
/***** Desktop Panel SPLET ************/
.panel-defaultSplet {
  border-color: #7aa7a7;
  width: 350px;
  float: left;
  margin: 15px;
  color: #888;
}
.panel-defaultSplet > .panel-heading {
  background-color: #7aa7a7;
  border-color: #7aa7a7;
}
.panel-defaultSplet:hover {
  border-color: #5b8989;

}
.panel-defaultSplet:hover > .panel-heading {
  background-color: #5b8989;
  border-color: #5b8989;
}
/***** Desktop Panel JAVASCRIPT ************/
.panel-defaultJs {
  border-color: #fdbcbc;
  width: 350px;
  float: left;
  margin: 15px;
  color: #888;
}
.panel-defaultJs > .panel-heading {
  background-color: #fdbcbc;
  border-color: #fdbcbc;
}

.panel-defaultJs:hover > .panel-heading {
  background-color: #fc9494;
  border-color: #fc9494;
}
/***** Desktop Panel PHP ************/
.panel-defaultPhp {
  border-color: #5E7682;
  width: 280px;
  float: left;
padding: 1px;
  margin-left: 30px;
  margin-bottom: 7px;
 border-bottom-width: 2px;
 border-left-width: 2px;
  border-right-width: 2px;






}
.panel-defaultPhp > .panel-heading {
  background-color: #5E7682;
  border-color: #5E7682;


}

}

/***** Desktop Panel MySQL ************/
.panel-defaultMysql {
  border-color: #b8f59c;
  width: 350px;
  float: left;
  margin: 15px;
  color: #888;
}
.panel-defaultMysql > .panel-heading {
  background-color: #b8f59c;
  border-color: #b8f59c;
}
.panel-defaultMysql:hover {
  border-color: #76ec3f;
  box-shadow: 3px 3px 5px #ccc;
}
.panel-defaultMysql:hover > .panel-heading {
  background-color: #76ec3f;
  border-color: #76ec3f;
}
@media screen and (max-width: 965px) {
  .panel-defaultHtml,
  .panel-defaultCss,
  .panel-defaultSplet,
  .panel-defaultJs,
  .panel-defaultPhp,
  .panel-defaultMysql {
    width: 100%;
    float: left;
    margin: 10px 0px;
  }
}
@media screen and (max-width: 768px) {
  .panel-defaultHtml,
  .panel-defaultCss,
  .panel-defaultSplet,
  .panel-defaultJs,
  .panel-defaultPhp,
  .panel-defaultMysql {
    max-width: 100%;
    float: left;
    margin: 10px 0px;
  }
}
@media screen and (max-width: 480px) {
  .panel-defaultHtml,
  .panel-defaultCss,
  .panel-defaultSplet,
  .panel-defaultJs,
  .panel-defaultPhp,
  .panel-defaultMysql {
    max-width: 100%;
    float: left;
    margin: 5px;
  }
}

@media screen and (max-width: 1080px) {
  .panel-defaultHtml,
  .panel-defaultCss,
  .panel-defaultSplet,
  .panel-defaultJs,
  .panel-defaultPhp,
  .panel-defaultMysql {
    max-width: 100%;
    float: left;
    margin: 10px 0px;
  }
}

.clear {
  clear: both;
  height: 5px;
}
.prijava,
.verzije {
  margin: 30px 0;
}
section.vezije dl dt {
  margin-bottom: 8px;
}
section.verzije dl dd {
  margin-bottom: 30px;
}
/***** Kazalo Nivo 1 ************/
.kazN0 li {
  list-style-type: none;
  font-size: 1.6em;
  font-weight: bold;
  margin-left: -30px;
}
/***** Kazalo Nivo 1 ************/
.kazN1 li {
  list-style-type: none;
  font-size: 1.4em;
  font-weight: bold;
  margin-left: -25px;
}
/***** Kazalo Nivo 2 ************/
.kazN2 li {
  list-style-type: none;
  font-size: 1.3em;
  font-weight: normal;
  padding-top: 10px;
}
/***** Kazalo Nivo 3 ************/
.kazN3 li {
  margin-left: 35px;
  font-size: .95em;
  font-weight: normal;
  list-style-type: disc;
  margin-left: 20px;
}
.kazN3vaje li {
  list-style-type: none;
  margin-left: 20px;
  font-size: .95em;
  font-weight: normal;
  margin-left: 5px;
}
.kazHtml {
  background-color: #f0f8ff;
  margin-top: 15px;
  padding-bottom: 10px;
}
.kazCss {
  background-color: #fef4df;
  padding-top: 10px;
  padding-bottom: 10px;
}
.kazSplet {
  background-color: #e0ebeb;
  padding-top: 10px;
  padding-bottom: 10px;
}
.kazJS {
  background-color: #fff2f2;
  padding-top: 10px;
  padding-bottom: 10px;
}
.kazPHP {
  background-color: #e7eaf3;
  padding-top: 10px;
  padding-bottom: 10px;
}
.kazMySQL {
  background-color: #edfce6;
  padding-top: 10px;
  padding-bottom: 10px;
}
/********* eNSApanel ******************/
.tablePanel {
  display: table;
  width: 100%;
  background-color: #f6f6f6;
}
.tablePanel .table-cell {
  display: table-cell;
  background-color: #fff;
}
.tablePanel .col-fixed-180 {
  width: 180px;
  height: 100%;
  background-color: #f6f6f6;
}
.tablePanel .col-fluid {
  padding-left: 15px;
}
.meniPanel {
  background-color: #f6f6f6;
  margin-left: -15px;
  padding: 30px 0 0;
}
.meniPanel ul {
  list-style-type: none;
  margin: 0 0 0 30px;
  padding: 0;
  border-right: 1px solid #eee;
}
.meniPanel .ikonePanel {
  padding: 0;
  width: 40px;
}
.meniPanel li {
  height: 40px;
  vertical-align: middle;
}
.meniPanel li a {
  color: #666;
}
.meniPanel li a:hover {
  text-shadow: 1px 1px #ccc;
  color: #4da6ff;
}
@media screen and (max-width: 768px) {
  .tablePanel .col-fixed-180 {
    width: 60px;
  }
  .besediloPanel {
    display: none;
  }
}
.oknoPanel {
  background-color: #fff;
}
.glavaPanelOkvir {
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 15px;
}
.ikonePanelVaje {
  /*cursor: not-allowed; */
  /*display: none;*/
}
.vidnaIkonaPanelVaje {
  width: 100px;
  height: 100px;
  text-align: center;
  float: left;
  display: table-cell;
  /*display: none;*/
  vertical-align: middle;
}
.vajeHTMLmin {
  margin-left: 15px;
  border-left: 8px solid #4da6ff;
}
.vajeHTMLmin .ikonePanelVaje a {
  color: #aaa;
}
.vajeHTMLmin .ikonePanelVaje a:hover {
  color: #666;
  text-shadow: 1px 1px #ccc;
}
.vajeHTMLsre .ikonePanelVaje a {
  color: #bddeff;
}
.vajeHTMLsre .ikonePanelVaje a:hover {
  color: #bddeff;
  cursor: not-allowed;
}
.vajeHTMLmax .ikonePanelVaje a {
  color: #d2e8ff;
}
.vajeHTMLmax .ikonePanelVaje a:hover {
  color: #fff;
}
.oknoPanel .h2oknoPanel {
  width: 80%;
  height: 35px;
  margin: 15px;
  padding: 8px 0 3px 15px;
  font-size: 1.4em;
  font-weight: 500;
  color: #fff;
  border-radius: 30px;
}
.oknoPanel .h2oknoPanelHTML {
  background: linear-gradient(to right, #4da6ff, #ffffff);
}
.oknoPanel .h2oknoPanelCSS {
  background: linear-gradient(to right, #f8ca65, #ffffff);
}