@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');

.page {
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
  position: relative;
}

html{
  font-family: "Roboto", sans-serif;
}
h1,h2{
  font-weight: 900;
  text-transform: uppercase;
}

h1{
  color: #002664;
  font-size: 18pt;
}

h1 span{
  font-weight: 400;
  text-transform: none;
  color: #ed2939;
}
h2 {
  color: #ed2939;
  font-size: 9pt;
  margin-bottom: 0;
}

.line{
  border-bottom: 0.5pt solid #D9B096;
}
.izdelek{
  position: relative;
  width: 180mm;
  height: 121mm;
  margin: 0 auto;
}
.row{
  position: relative;
  width: 100%;
  display: inline;
  float: left;
}

.hranilne-vrednosti{
  float: left;
  width: 76mm;
}

.zigi {
  float: left;
  width: 20mm;
  margin: 0 0 0 5mm;
  min-height:1mm;
}
.zigi img{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 3mm 0;
}

.hidden{
  display: none;
}

.slika-izdelka{
  float: left;
  width: 79mm;
}

.slika-izdelka img{
  width: 100%;
  height: auto;
}


/* glava */
.glava{
  border-bottom: 1pt solid #002664;
  width: 180mm;
  height: 26mm;
  margin: 0 auto;
}

.glava span {
  position: relative;
  font-weight: 900;
  text-transform: uppercase;
  color:  #002664;
  font-size: 7pt;
  padding-left: 5mm;
  top: 13.4mm;
}

.glava span:nth-child(3){
  color: #ed2939;
}
.glava span:nth-child(4){
  float: right;
  padding: 0;
  top: 17.3mm;
}

.glava img{
  position: relative;
  width: auto;
  height: 7mm;
  top: 15mm;
}

strong{
  font-weight: 700;
}

p{
  color: #002664;
  font-size: 8.2pt
}
table{
  width: 76mm;
  font-size: 9pt;
  font-weight: 900;
  color: #ed2939;
}

th{
  text-transform: uppercase;
  border-bottom: 0.5pt solid #D3BCB8;
  color: #002664;
  text-align: left;
  font-size: 8.2pt;
  font-weight: 400;
}
td{
  min-width: 5.5mm;
  border-bottom: 0.5pt solid #D3BCB8;
}
td:nth-child(odd){

}

.pod-vrednost{
  text-indent: 5mm;
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.frontcover img{
  display: block;
  width: 95mm;
  height: auto;
  margin: 92mm auto 32mm auto;

}
p.datum{
  margin: 21mm 0 95mm 0;
}
.frontcover{
  text-align: center;
}
.frontcover h2{
  font-size: 1.5em;
}

.frontcover p span {
  padding: 0 2.5mm;
}

@media print {
  body {
    position: relative!important;
  }
    .glava {page-break-before: always!important;}
    .page {
      position: relative!important;
      width: auto!important;
      height: auto!important;
      margin-left: 15mm!important;
      margin-right: 15mm!important;
      margin-top: 10mm!important;
      margin-bottom: 10mm!important;
    }
    .noga{
      position: absolute!important;
      padding-top: 20mm!important;
      bottom: 10mm!important;
      left: auto!important;
    }
    .izdelek{
      width: 100%!important;
      min-height: 120mm!important;
    }
    .line{
      border-bottom: 1px solid #d9b096 !important;
    }
    .hranilne-vrednosti{
      width: 42.2222%!important;
    }
    .zigi{
      width: 11.1111%!important;
    }
      .slika-izdelka {
      width: 43.8888%!important;
    }
    .glava{
      width: 100%!important;
    }
    th{
      border-bottom: 1px solid #d3bcb8 !important;
    }
    td{
      border-bottom: 1px solid #d3bcb8 !important;
    }
    td:nth-child(2){
      border-bottom: 1px solid transparent !important;
    }
    h1{
      font-size: 18pt!important;
    }
    h2, p, table, th{
      font-size: 10pt!important;
    }
    .glava span, .noga p{
      font-size: 9pt!important;
    }
    .frontcover h2 {
      font-size: 14pt!important;
    }
    .frontcover p{
      font-size: 12pt!important;
    }

}