@font-face {
        font-family: "Space Grotesk";
        src: url('https://partner.b2bsoft.cz/zone/css/font/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}


@font-face {
        font-family: "Roboto";
        src: url('https://partner.b2bsoft.cz/zone/css/font/Roboto/Roboto-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

body {
  background: #FFF url("../img/hero-bg.png") left top no-repeat;

  margin: 0;
  padding: 0;                                      
  border: 0;
  font-family: "Space Grotesk", sans-serif, "Roboto", "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
  font-weight: 400; 
  font-size: 13px;
  color: #222429;
  text-align: left;
  }

@media screen and (min-width: 1920px) {

  body{       
  background: #FFF url("../img/hero-bg.png") center no-repeat;
  background-size: 100vw ;
  }
}


p {
   margin: 10px 0;
   padding: 0;
}

h1, h2, h3 {
   margin:  10px 0 20px 0;
   padding: 0;
   font-size: 26px;
   font-weight: 800;
}

h2 { font-size: 20px;  }

h3 { font-size: 12px;}



.cleaner {
clear: both;
margin: 0; padding: 0;
height: 1px;
border: none;
overflow: hidden;
font-size: 1px;
}


.hidden {
  display: none;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  }
  
a {
  color: #222429;
  text-decoration: none;
  }

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

hr {
  margin: 2px 0 2px 0;
  padding: 0;
  background: #222429;
  border: 0;
  height: 1px;
  font-size: 1px;
  }
  
input {
  border: 1px solid #FF8A00;
  width: 430px;
  height: 30px;
  background: #fff;
  margin: 0;
  color: #222429;
  padding: 5px 0px 5px 10px;
  }

input.submit-odeslat {
  font-size: 16px;
  font-weight: 400;
  width: 430px;
  height: 42px;
  border: 0px;
  color: #FFF;
  background: #FF7426;  
  cursor: pointer;
}

div.formular {


  padding: 5px 10px;
  }


input:focus,
select:focus,
textarea:focus {
          outline: none;
          background-color: #FFF;
  }


/******************************************************* prihlaseni */


.napdis {
  text-align: center;      
  padding: 30px 0px 0px 0;
}

.popis {
        color: #828282;
        text-align: center;
}

.nemaucet {
        color: #828282;
        text-align: center;
        font-size: 14px;
}

.loginpage {
        color: #828282;
        text-align: left;
        font-size: 14px;
        padding: 0 0 0 2px;
}


.zapomeli {         
        text-align: right;
 }
.zapomeli a { 
        color: #828282;   
        font-size: 11px;     
        
 }

#prihlasit {
   

  position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);



  width: 450px; 
  /*height: 550px; */
  background: #fff;
  padding: 20px;
 
}


.logo {
  
  border-bottom: 1px solid #ccc;
  /*background:   url("../img/Logo_B2Bsoft.cz250.png") center center no-repeat;*/
  height: 100px;
  text-align: center;
  margin: 20px 0 0px 0px;
  

  }



/********************************************************* chyba */

.chyba {
  border: 1px solid #FBC9D3;
  background: #FFDAE2;
  padding: 8px 0px 0px 0px;
  color: #9A5261;
}

.chyba table {

 font-size: 12px;
 width: 90%;
 padding: 0; margin: 0 0 10px 0;
 border: 0;
 color: #9A5261;
 font-weight: 800;
 }

.chyba td {
 padding: 0 0 0 5px; 
 }

/******************************************************** admin - zahlavi */
#zahlavi {
 margin: 0 0 10px 0;
 height: 50px;
 background: #F8F6E9;
 border: 1px solid #B6B3A3;
 border-left: 0; border-right: 0;
 }




@media screen and (max-width: 490px) { 

        #prihlasit {
        width: 100%;
        padding: 0px;
        }



        input {
        border: 1px solid #FF8A00;
        width: 100%;
        height: 30px;
        background: #fff;
        margin: 0;
        color: #222429;
        padding: 5px 0px 5px 10px;
        }


        input.submit-odeslat {
        width: 100%;        
        }

} /* @media 490 */