.pdf              { background-color: #ffffff; }
td                { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 10pt; }
p                 { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 10pt; }
.small            { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 8pt; }
.mid              { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 12pt; }
.big_eco          { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #339966; font-weight: bold; font-size: 14pt; }

.red              { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #df4d4d; font-weight: bold; }
.red2             { font-size: 18pt; }
.red3             { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #df4d4d; }
.green3           { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #008000; font-weight: bold; }
.green5           { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #008000; }
.violet           { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #ee82ee; font-weight: bold; }
.brown            { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #d7862e; font-weight: bold; }
.grey             { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #9b9b9b; font-size: 8pt; }
.grey3            { color: #9b9b9b }
.grey4            { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #9b9b9b; }

.big              { font-family: 'Roboto', sans-serif; font-size: 14pt; }
.big2             { font-family: 'Roboto Condensed', sans-serif; font-size: 14pt; }
.big3             { font-family: 'Roboto Condensed', sans-serif; color: #9b9b9b; font-size: 22pt; }
.reg_red          { font-family: 'Roboto', sans-serif; color: #df4d4d; font-weight: 500; font-size: 18pt; }
.reg_green        { font-family: 'Roboto', sans-serif; color: #008000; font-weight: 500; font-size: 18pt; }
.reg_grey         { font-family: 'Roboto', sans-serif; color: #9b9b9b; font-weight: 500; font-size: 18pt; }

.pink             { background-color: #FFA4A4; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 14pt; }
.pink2            { background-color: #FEEAEA; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 8pt; }
.green            { background-color: #ACD795; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 14pt; }
.green2           { background-color: #DFF2D9; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 8pt; }
.yellow           { background-color: #FFDE7C; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 14pt; }
.yellow2          { background-color: #FFF5D8; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 8pt; }
.blue             { background-color: #90D1FF; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 14pt; }
.orange           { background-color: #FFB164; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 14pt; }
.blue2            { color: #2f78a8; }

.table            { background-color: #FFFFFF; }
.table2           { background-color: #FFF5D8; padding: 10px; }
.table2a          { background-color: #FFF5D8; }

.table3           { background-color: #E6F6E5; padding: 10px; }
.table4           { background-color: #EBECEB; padding: 10px; }
.table5           { background-color: #f1def0; padding: 10px; }
.input_field      { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 10pt; margin: 3px; }
.input_field2     { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 10pt; }
.input_field3     { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 12pt; font-weight: bold; margin: 3px; }
.input_field_copy { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; font-size: 8pt; margin: 3px 3px 3px 0px; }

.news_image       { border-radius: 12px; }

.border_orange    { border-style:solid; border-color: FFB164; border-width:1px; }
.body_eco         { background-image: url("images/background_e01.jpg"); margin: 0pt; }
.jedilnik         { background-color: #FFFFFF; margin: 10pt; }
.blink            { font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif; color: #FF0000; text-decoration: blink; }

a.all:link, a.all:visited, a.all:active {
  font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif;
  color: #2f78a8;
  font-weight: bold;
  text-decoration: none;
}

a.all:hover {
  text-decoration: underline;
}

a.email:link, a.email:visited, a.email:active {
  font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif;
  color: #000000;
  font-size: 8pt;
  text-decoration: none;
}

a.email:hover {
  text-decoration: underline;
}

a.meni:link, a.meni:visited, a.meni:active {
  font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif;
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

a.meni:hover {
  text-decoration: underline;
}

a.reg_abs:link, a.reg_abs:visited, a.reg_abs:active {
  color: #d7862e;
}

a.reg_abs:hover {
  text-decoration: underline;
}

a.reg_com:link, a.reg_com:visited, a.reg_com:active {
  color: #df4d4d;
}

a.reg_com:hover {
  text-decoration: underline;
}

a.news_cat_sola:link, a.news_cat_sola:visited, a.news_cat_sola:active {
  background-color: #bedffc; /* svetlo modra */
  color: black;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  border-radius: 5px;
}

a.news_cat_sola:hover {
  background-color: #82c2f4; /* modra */
}

a.news_cat_vrtec:link, a.news_cat_vrtec:visited, a.news_cat_vrtec:active {
  background-color: #fff0c3; /* svetlo rumena */
  color: black;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  border-radius: 5px;
}

a.news_cat_vrtec:hover {
  background-color: #ffde7c; /* rumena */
}

a.news_cat_predmet:link, a.news_cat_predmet:visited, a.news_cat_predmet:active {
  background-color: #dff2d9; /* svetlo zelena */
  color: black;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  border-radius: 5px;
}

a.news_cat_predmet:hover {
  background-color: #b9e0a3; /* zelena */
}





.thumbnail {
  padding: 10px;
  border: 1px dashed #9B9B9B;
  float: none;
  margin-right: 10px;
  margin-bottom: 15px;
  text-align: center;
}

.popupLink {
  outline: none;
}

.popup {
  font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, Serif;
  font-size: 8pt;
  position: absolute;
  visibility: hidden;
  background-color: D1E8FF;
  layer-background-color: D1E8FF;
  width: 290;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  padding: 5px;
  z-index: 10;
}

.reg_spring {
  background-color: #caea9c;
  margin: 0pt;
}

.reg_summer {
  background-color: #b1d9fd;
  margin: 0pt;
}

.reg_autumn {
  background-color: #fcd065;
  margin: 0pt;
}

.reg_winter {
  background-color: #ececec;
  margin: 0pt;
}

.rdc_name {
  font-family: 'Roboto Condensed', sans-serif;
  color: #000000;
  font-weight: bold;
  font-size: 24pt;
}

.input_field_rdc {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20pt;
  margin: 30px;
  text-align: center;
  padding: 10px 20px;
  margin: 20px 0;
  outline: none;
  display: inline-block;
  border: 3px solid #ff7f00;
  border-radius: 10px;
  box-sizing: border-box;
}

.button {
  background-color: #09a701; /* zelena */
  border: none;
  color: white;
  padding: 0px 0px;
  text-align: center;
  text-decoration: none;
  outline: none;
  text-shadow: 1px 1px #000000;
  display: inline-block;
  font-size: 24px;
  margin: 10px 10px;
  cursor: pointer;
  border-radius: 12px;
  box-shadow: 5px 5px 5px #888888;
  width: 260px;
  height: 110px;
}

.button_exit {
  background-color: white;
  border: 0;
  color: #ff0000;
  padding: 10px 0px;
  text-align: center;
  text-decoration: none;
  outline: none;
  font-weight: bold;
  display: inline-block;
  font-size: 60px;
  margin: 0px 0px;
  cursor: pointer;
}

.rounded {
  position: relative;
  background-color: white;
  padding: 10px 20px 10px;
  margin: 10px auto;
  text-align: center;
  border-radius: 12px;
  box-shadow: 1px 1px 1px #888888; 
  width: 740px;
  height: 366px;
}

.logo {
  padding: 45px 0px;
}

.abs_x {
  position: absolute;
  top: 0px;
  right: 20px;
}

.art {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.bottom {
  position: relative;
  margin: auto;
  width: 740px;
  background-color: white;
}

.clock {
  position: relative;
  margin: 10px auto;
  width: 740px;
  text-align: center;
}

.weather {
  position: relative;
  margin: 0px auto;
  width: 740px;
  text-align: center;
}

.sun {
  position: absolute;
}

.copyright {
  position: absolute;
  right: 0px;
}

.middle {
  vertical-align: middle;
}

.spacing {
  padding: 0px 10px;
}

.inline {
  display: inline-block;
}

.button2 {
  background-color: #ea5050; /* rdeča */
}

.button3 {
  background-color: #ffbf02; /* oranžna */ 
}

.button4 {
  background-color: #038cf6; /* modra */
}

.button:hover {
  background-color: #11b908; /* svetlo zelena */
}

.button2:hover {
  background-color: #f86e6e; /* svetlo rdeča */
}

.button3:hover {
  background-color: #ffcc33} /* svetlo oranžna */

.button4:hover {
  background-color: #35a7ff; /* svetlo modra */
}

.button:active {
  box-shadow: 1px 1px 1px #888888;
  transform: translateY(4px);
}

.icon {
  background-color: #ea5050; /* rdeča */
  border: none;
  color: white;
  padding: 0px 0px;
  text-align: center;
  text-decoration: none;
  outline: none;
  display: inline-block;
  font-size: 10px;
  margin: 0px 5px 0px 0px;
  border-radius: 3px;
  width: 12px;
  height: 12px;
}

.icon2 {
  background-color: #ffbf02; /* oranžna */
  color: black;
}

.icon3 {
  background-color: #038cf6; /* modra */
}

.icon4 {
  margin: 0px;
}

.td_reg {
  padding: 3px 5px;
  border-bottom: 1px solid #aaaaaa;
  vertical-align: top;
}

.td_reg2 {
  padding: 0px 5px;
  border-bottom: 1px solid #aaaaaa;
}

.td_reg_naslov {
  padding: 5px 5px;
  border-bottom: 2px solid #000000;
}

.td_reg_naslov2 {
  padding: 1px 5px;
  border-bottom: 2px solid #000000;
}

.tr_reg:hover {
  background-color: #f5f5f5;
}

.td_vre {
  background-color: #fffaec;
  padding: 5px 5px;
  border-bottom: 1px solid #aaaaaa;
  vertical-align: top;
}

.td_vre_month {
  background-color: #dceeff;
  padding: 5px 5px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  vertical-align: top;
}

.td_vre_analiza_naslov {
  padding: 5px 5px;
}

.td_vre_analiza {
  padding: 5px 5px;
  border-top: 1px solid #aaaaaa;
  vertical-align: top;
}

.vre_trenutno {
  padding: 10px 10px;
  border: 2px solid #ff7f00;
  border-radius: 10px;
}

.prisotnost {
  padding: 10px 10px;
  border: 2px solid #b1d9fd;
  border-radius: 10px;
}

.vre_analiza {
  margin: 10px auto 40px;
  padding: 10px 10px;
  border: 1px solid #aaaaaa;
  border-radius: 10px;
  width: 450px;
}

.min_data {
  color: red;
}

.dygraph-legend {
  background-color: rgba(255, 255, 255, 0.75) !important;
  padding: 10px 10px;
  border: 1px solid #aaaaaa;
  border-radius: 10px;
  width: 150px !important;
}