/* CSS Document */

*
{
  box-sizing:border-box;
}

body
{
  margin:0 0 0 0;
  background-color:#ddd;
  font-family:verdana, tahoma, arial;
  text-align:left;
}

header
{
  width:auto;
  height:100px;
  background-color:white;
  border-bottom:1px solid #aaa;
  margin:0 0 0 0;
}

hr.clear
{
  clear:both;
  visibility:hidden;
  margin:-1px 0 -1px 0;
  width:0px;
  height:0px;
}


header .logo
{
  margin:10px 0 0 20px;
}









div.HobsahPR
{
  width:1230px;
  margin:10px 10px 0 10px;
  border:0px solid #f00;

} 



div.Hform
{
  font-size:12px;
  width:1230px;
  background-color:white;
  margin:0 10px 10px 0;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  display:inline-block;
  float:left;
  min-height:688px;

}

div.Hform h1
{
  padding:10px;
  border-bottom:1px solid #0E0F3F;
  color:#0E0F3F;
  text-align:left;
}

div.Hrp
{
  font-size:12px;
  width:610px;
  background-color:white;
  margin:0 10px 10px 0;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  float:left;
  min-height:688px;
}








/* Pukazinfo */
div.Pinfo
{
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
  text-align:left;
}



div.Pinfo span
{
  color:#aaa;
  text-align:left;
  font-weight:normal;
  font-size:14px;
  width:110px;
}

div.Pinfo span.stat
{
  font-size:22px;
  font-weight:bold;
  color:#444;
  width:auto;
  text-align:left;
}


/*  NOVE */

div.bunka
{
  display:inline-block;
  margin:5px;
  color:#888;
  font-weight:normal;
  font-size:14px;
}

div.bunka span
{
  display:inline-block;
  width:110px;
  text-align:right;
  margin-right:10px;
  vertical-align:top;
}

div.bunka input
{
  display:inline-block;

}

div.bunka textarea
{
  width:976px;
}

div.brp input
{
  width:190px;
}

div.brp span
{
  width:80px;
  font-size:12px;
}


div.objednavka
{
  font-size:16px;
  padding:4px;
}

div.objednane
{
  padding:6px;
  border:1px solid #ccc;
  background-color:rgba(255,255,255,.8);
  font-size:18px;
}



div.balicky
{
  width:auto;
  background-color:rgba(255,255,230,.6);
  border:2px solid #4778C7;
  margin:5px;
}


div.balicky span
{
  margin:0 0 0 0;
}

div.balicky span.vetsi
{
  font-size:14px;
  font-weight:bold;
  width:40%;
  display:inline-block;
}

div.balicky span.cena
{width:21%;}
div.balicky span.nazev
{width:53%;margin-left:4px;}

div.balicky span.prvky
{
width:22%;
text-align:right;
display:inline-block;

}

div.balicky div.popis
{
  font-weight:normal;
  font-size:16px;
  margin-left:4px;
}

/* konec NOVE */











/* PoukazForm */
div.Pform
{
  text-align:left;
}



input[type=text],input[type=email],input[type=date],textarea, select
{
  border:1px solid #ccc;
  width:420px;
  font-size:20px;
  padding:6px;
  background-color:#F7F7Ff;
}



/* Prp */

h2.rp_osoba
{
  font-size:14px;
  border-bottom:1px solid #1B146F;
  color:#1B146F;
  text-align:left;
  margin:10px;
}

div.Prp input[type=text], div.Prp select, div.Prp input[type=date]
{
  font-size:12px;
}


input[type=text]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus
{
  background-color:#ffffc0;
}



input[type=submit], input[type=button], a.button
{
  background-color:#f1f1f1;
  border:1px solid #ccc;
  padding:6px;
  color:#aaa;
  font-weight:normal;
  font-size:14px;
  margin:2px;
  text-decoration:none;
}

input[type=submit]:hover, input[type=button]:hover, a.button:hover
{
  background-color:#4C5FC1;
  color:white;
  transition:background-color .2s, color .2s;

}



div.linkaBttm
{
  border-bottom:1px solid #ccc;
}

input.shadow, textarea.shadow
{
  box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.1);
}

textarea.poznamka
{
  width:1058px; 
  height:70px;
}
















/* Domaci rekreace */

div.HobsahDR
{
  width:auto;
  margin:10px 10px 0 10px;
  border:0px solid #aaa;

} 

div.HdrInfo
{
  font-size:12px;
  width:auto;
  background-color:white;
  margin:0 10px 10px 0;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  display:inline-block;
  float:left;
  min-height:260px;
}



div.HdrInfo table
{
  margin:10px;
}

div.HdrInfo td
{
  font-size:18px;
  font-weight:bold;
  color:#444;
}

div.HdrInfo th
{
  color:#aaa;
  text-align:left;
  font-weight:normal;
  font-size:14px;
}


div.HdrP
{
  font-size:12px;
  width:610px;
  background-color:white;
  margin:0 10px 10px 0;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  display:inline-block;
  float:left;
  min-height:688px;
}

.HdrP table
{
  width:100%;
  margin-bottom:20px;
}

.HdrP th
{
  color:#888;
  text-align:left;
  font-weight:normal;
  font-size:14px;
}

.HdrP td
{
  color:#888;
  text-align:left;
  font-weight:normal;
  font-size:14px;
}

.HdrP .DRinfoP
{
  color:#888;
  text-align:left;
  font-weight:normal;
  font-size:14px;
  margin:10px;
}

.HdrP .DRinfoP b
{
  font-size:22px;
  font-weight:bold;
}

.HdrP input[type=text], .HdrP input[type=email], .HdrP input[type=date], .HdrP select
{
  width:160px;
  font-size:14px;
}

.HdrP textarea
{
  font:normal 12px verdana, tahoma arial;
}

ul.DRinfo
{
  margin:5px;
  font-size:11px;
}




/* -== POUKAZY ==- */

div.Hlavni
{
  width:100%;
  margin-top:10px;
}

div.LevyObal
{
  width:310px;
  float:left;
}

div.HlavniObal
{
  width:auto;
  display:block;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  overflow:hidden;
  margin:0 20px 0 0;
}


div.LevyPanel
{
  font-size:12px;
  background-color:white;
  margin:0 10px 10px 10px;
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  display:inline-block;
  width:290px;
}

div.HlavniPanel
{
  width:100%;
  font-size:14px;
  background-color:white;
  display:inline-block;
  min-height:688px;
}




a.vyberZarizeni
{
  display:block;
  width:270px;
  margin:0 10px 10px 10px;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  padding-top:4px;
  padding-bottom:4px;
  text-align:left;

}

a.vyberZarizeni b
{
  font-weight:normal;
  color:#888;
}


a.VZneaktivni:hover
{
  color:#D2E2F9;
  background-color:#426FBA;
  transition:background-color .2s, color .2s;
}


a.VZaktivni
{
  color:#D2E2F9;
  background-color:#426FBA;
}

a.VZneaktivni
{
  color:#426FBA;
}


div.seznamPoukazu
{
  width:auto;
  display:block;
  overflow:hidden;
  margin:20px;
}

table.seznamPoukazu
{
  width:100%;
  border:3px double #426FBA;
  border-collapse:collapse;
}

table.seznamPoukazu td
{
  border:1px solid #ccc;
  padding:6px;
}

table.seznamPoukazu td.r
{
  text-align:right;
}

table.seznamPoukazu tr:hover
{
  background-color:#eee;
}







/* RESPONSIVE */

/* DR */

.resM1
{
  display:inline;
}

.resM1tr
{display:table-row;}
.resM1tc
{display:table-cell;}

.resM2, .resM2tr, .resM2tc
{
  display:none;
}


@media screen and (min-width: 1880px)
{
  div.HdrInfo
  {
    width:610px;
    min-height:688px;
  }
  
  .resM1, .resM1tr, .resM1tc
  {
    display:none;
  }
  
  .resM2
  {
    display:inline;
  }
  .resM2tr
  {display:table-row;}
  .resM2tc
  {display:table-cell;}

  ul.DRinfo
  {
    font-size:14px;
    margin:20px;
  }

div.bunka textarea
{
  width:976px;
}

}

@media screen and (max-width:1550px)
{
  div.HobsahPR
  {
    width:860px;
  }
  
  div.Hform
  {
    width:860px;
  }

  div.Pinfo td
  {
    font-size:16px;
  }

  input[type=text],input[type=email],input[type=date],textarea, select
  {
    width:240px;
    font-size:16px;
    padding:4px;
  }
  
  /* Prp */
  div.Prp input[type=text], div.Prp select, div.Prp input[type=date]
  {
    font-size:10px;
  }

  div.bunka textarea
  {
    width:618px;
  }

  div.Hrp
  {
    width:510px;
  }


}

/*
@media screen and (max-width:850px)
{
  div.HobsahPR
  {
    width:auto;
  }

  div.Hform
  {
    width:auto;
    float:none;
    display:block;
  }
  
  div.Pform
  {
    width:auto;
  }


  table
  {
    width:100%;
    margin:10px 10px 10px 10px;
    border-spacing:0;
  }

  td, th
  {
    display:block;
    width:100% !important;
  }
  



  input[type=text],input[type=email],input[type=date],textarea, select
  {
    width:100%;
    font-size:16px;
    padding:4px;
  }

  div.bunka span
  {
    text-align:left;
    width:100%;
    display:block;
    margin-left:-25px;
    margin-bottom:2px;
  }
  
  div.bunka input
  {
    width:100%;
    display:block;
  }
  
  div.bunka
  {
    width:auto;
    display:block;
    margin-left:40px;
    margin-right:10px;
  }

  div.bunka textarea
  {
    width:100%;
  }

}


*/





div.login-cp-o
{
  width:300px;
  display:inline-block;
  margin-right:5px;
}
div.login-pass-o
{
  width:110px;
  display:inline-block;
}

div.login-cp-o input, div.login-pass-o input, span
{
  width:100%;
  margin:none;
}





/*  ANIMACE */

@keyframes tl-pozadi 
{
  0%   {background-color: white}
  100% {background-color: #ccc}
}

@keyframes tl-color 
{
  0%   {color: #aaa}
  100% {color: #000}
}

@keyframes op-plus
{
  0%   {opacity:0}
  100% {opacity:1}
}

@keyframes schovat
{
  0%   {opacity:1}
  100% {opacity:0; display:none}
}