* { font-size: 11px; font-family: Tahoma; }


h1 { font-size: 20px; }
h2 { font-size: 15px; }

table { background-color:white; }
table td { padding: 5px; }
td.nadpis { border: 1px solid #9F9F9F; background-color: #CBCBCB; font-weight: bold;  }


/*E1E1E1*/
td.nelze { background-color: #FFFFFF; border: 1px solid #D7D7D7; }

/*
td.volno { background-color: #9DBA1A; border: 1px solid #768C15; cursor: pointer; }
td.pozadano { background-color: #3E3E3E; border: 1px solid #000000; }
td.rezervovano { background-color: #FFAE00; border: 1px solid #DB5F2E; }
*/

td.volno { background-color: green;  border: 1px solid #D7D7D7;  cursor: pointer; }
td.pozadano { background-color: yellow; border: 1px solid #D7D7D7; }
td.rezervovano { background-color: red; border: 1px solid #D7D7D7;  }



td.weekend { background-color: #e7e7e7; border: 1px solid #D7D7D7; }

form span { width: 100px; float: left; }

input.send { background-color: #9DBA1A; border: 1px solid #768C15; }


p.error { font-weight: bold; color: red; }
p.true { font-weight: bodl; color: green; }




.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


#wrap {
    display: flex;
    justify-content: center;
/*    background: #e7e7e7; */
 background-image: url("bg.jpg");
 background-repeat: repeat;
    width: 100%; 
}

#left, #right {
     top: 0px;
     display: inline-block;
     padding: 10px 20px 10px 20px;
     margin: 10px 20px 10px 20px;
     
}

 #right {

 max-width:  260px;
    
}






@media screen and (max-width: 800px) 
{
#wrap {
     display: inline;
} 
  #left, #right
    {
     display: block;       
    }
}