*{
  font-family: "Arial Regular","Arial";
  overflow-y: auto;
  overflow-x: hidden;

}
body{
  font-size: 12pt;
  color: #fff;
  background-color: #15004c;
  cursor: default;
  margin:0;
  padding:0;
}

form input{
  cursor: pointer;
}

form select{
  border: 2px rgb(71,71,199) solid;
  background-color:#250c63;
  border-radius: 5px;
  color: rgb(217,217,217);
  font-size: 0.875rem;
  width: 256px;
  max-width:75%;
  height: 32px; 
  padding-left: 15px;
  outline:none;
}

h1{
  margin-top: 35px;
  margin-bottom: 25px;
  font-family: Arial;
  font-weight: bold;
  font-size: 16pt;
  color: #fff;

}

h2{
  margin-top: 35px;
  margin-bottom: 25px;
  font-family: Arial;
  font-weight: normal;
  font-size: 16pt;
  color: #09343B;
}

h3{
  margin-top: 35px;
  margin-bottom: 100px;
  font-family: Arial;
  font-weight: normal;
  font-size: 12pt;
  color: #09343B;
}

.content h3
{
  color:#fff;
}

h4
{
  margin:0;
  margin-left:30px;
  padding:0;
  width:350px;
  display:inline-block;
  font-size:28px;
  color:#002a3c;
  text-align:center;
}


div.header{
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 97px;
  line-height: 50px;
  vertical-align:middle;
  text-align:center;
  background-color: #15004c;
  color: white;
}
@media(max-width:978px)
{
  div.header
  {
    height:57px;   
  }  
}


div.htext{
  padding: 20px;
  margin: 0px;
  font-weight: bold;
  font-size: 20pt;
  //float:left;
  text-align:center;
  //padding-left:40%;
  width:100%);
  //border: 2px solid white;
}


div.content{
  border-collapse:collapse;
  color:#fff;
  text-align: center;
  margin: auto;
  padding: 0px;
  padding-top:0px;
  width: 100%;
//  height:auto;
  max-width:676px;
  background-color: #15004c;
  //border: 2px solid red;
display:table;
}

div.content .titul
{
  max-width:253px;
  width:90%;
  margin-top:3%;
}
div.content .products
{
  box-sizing:border-box;
  text-align:center;
  width:49%;
  max-width:335px;
  display:inline-block;
  margin-top:24px;
}

@media(max-width:480px)
{
  div.htext{
    font-size: 16pt;
    float:none;
    width:100%;
    padding:0;
  }
  
  div.content .titul
  {
    margin-top:40px;
  }
  
}

.tl
{
  text-align:left;
}

.tr
{
  text-align:right;
}

div.content .group
{
  border-collapse:collapse;
  width:49%;
  max-width:335px;
  min-width:300px;
  box-sizing:border-box;
  display:inline-block;
  margin:0 auto;
  text-align:center;
}

div.content .group img
{
  max-width:100%;
  margin:25% auto;
}

#pexeso
{
  border-right:1px solid #210175;
  border-bottom:1px solid #210175;
}

#awis
{
  border-left:1px solid #210175;
  border-bottom:1px solid #210175;
}

#jacisnik
{
  border-right:1px solid #210175;
  border-top:1px solid #210175;
}

#uniq
{
  border-left:1px solid #210175;
  border-top:1px solid #210175;
}

div.content .products div
{
  box-sizing:border-box;
  margin-top:24px;
  display:inline-block;
  width:100%;
  padding:0px;
}

div.content .products div a
{
  display:block;
}

div.content .products div p
{
  text-align:center;
}

div.content .products img
{
  border:2px solid #1d006b;
  padding: 10% 18%;
  max-width:54%;
  margin-bottom:8px;
  margin:8px 5% 8px 5%;
  display:block;
}

div.content .products img:hover
{
  background-color:#1d006b;
}
div.product{
  padding-top: 50px;
  display:inline-block;
  width:350px;
  margin-left:30px;
  text-align:center;
}

div.langbox{
  margin-top: -50px;
  text-align: right;
  color: white;
  font-size: 12pt;
  float:right;
}

div.footer{
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 30px;
  line-height:30px;
  color: white;
  position:relative;
  bottom:0px;
}
div.ftext, div.ftext a{
  font-size: 7pt;
  text-align: center;
  text-decoration:none;
}

hr{
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: #C2C200;
  height: 4px;  
}

a.lang{
  text-decoration: none;
  color: white;
}
a.lang:hover{
  text-decoration: underline;
  color: white;
}

#home{
  font-size: 12pt;
}

.content .validate{
  margin-top: 90px;
  line-height: 1.5;
  margin-left: -14px;
  text-align: center;
  font-size: 15pt;
  margin-bottom: 0px;

}

.clear
{
  clear:both;
}


div.error{
  text-align: center;
  margin: 0px;
  padding: 20px;
  width: 100%;
  max-height: 760px;
  background-color: transparent;
  //border: 2px solid red;

}


.povinne{
  color: red;
}

td{
  padding-top: 8px;
  vertical-align: middle;
}

table.form{
  padding-top: 37px;
  margin: 0 auto;
}

@media(max-width: 978px) 
{
  table.form 
  {
    padding-top:8px;
    margin:0 auto;
  }
}    

td input[type='text']{
  margin-left: 20px;
}

#save{
  margin-top: 40px;
}
@media(max-width: 978px) 
{
  #save{
    margin-top: 20px;
  }
}

td.save{
  text-align: center;
}

div.formerror{
  color : red !important;
  text-align:center;
}

td.succes{
  text-align: center;
  color: green;
}

td.error{
  text-align: center;
  color: red;
}

input{
  border: 2px rgb(71,71,199) solid;
  background-color:#250c63;
  border-radius: 5px;
  color: rgb(217,217,217);
  font-size: 0.875rem;
  width: 256px;
  max-width:75%;
  height: 32px; 
  padding-left: 15px;
  outline:none;
}

select{
  margin-left: 20px;
  color:#5E5E5E;
  width: 420px;
} 


#awis{
  text-decoration: none;
  color: white;
}
#awis:hover{
  text-decoration: underline;
  color: white;
}

span.error{
  display:inline-block;
  font-size:8pt;
  margin-left: 24px;
  color: red;
  font-weight: lighter;
  font-style: italic; 
}

#frezee{
  color: #A1A1A1	;
}

.addNew
{
  display:block;
  text-align:left;
  margin:22px;
}


td.succes{
  text-align: center;
  color: #0f0 !important;
  font-size:120%;
  font-weight:bold;
  padding:0 0 24px 0;
}

td.succes span
{
  font-size:100%;
  font-weight:normal;
}