body{background-color: #DDDDDD;
      font-family: 'roboto', Tahoma, Arial, sans-serif;}
 
  h2 {
    font-family: 'roboto', Tahoma, Arial, sans-serif;
    zoom: 1;
    }
 h3 {
    font-family: 'roboto', Tahoma, Arial, sans-serif;
    zoom: 1;
    }
 h4 {
    font-family: 'roboto', Tahoma, Arial, sans-serif;
    zoom: 1;
    }

 p {
    font-family: 'roboto', Tahoma, Arial, sans-serif;
    zoom: 1;
    font-size: 95%;
    }
 li {
    font-family: 'roboto', Tahoma, Arial, sans-serif;
    zoom: 1;
    font-size: 95%;
    padding: 5px;
    }


.VystupForm      {text-align: left;
                  font-family: 'roboto', Tahoma, Arial, sans-serif;
                  font-size: 80%;
                  border-collapse: collapse;
                 
                  } 

.VystupForm tr:nth-child(even) {
                                background: #7AD69C;
                                
                              }
.VystupForm tr:hover {
                      background: #CCCCCC;
                      color: black;
                      //Font-weight: bold;
                      }

.VystupForm th  {
                background: #AAAAAA;
                border: solid;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 3px;
                padding-bottom: 3px;
                border-color: #ddd;
                border-width: 1px;
                             
                }


.VystupForm td  {
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 3px;
                padding-bottom: 3px;
                border: solid;
                border-color: #ddd;
                border-width: 1px;
                margin: 0px;
                }

 /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 6px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
}



#barvaTricka {
    width: 100%; /* Full width */
    //padding: 6px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.kontrKod{width: 100%; /* Full width */
    //padding: 6px; /* Some padding */ 
    border: 0px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical;
    padding: 20px;
          }

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.StrukturText {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    margin: auto;
    margin: 0px;
    font-size: 90%;
}
   

.nazevPole{Font-weight: bold;
           font-size: 90%;}

 /* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

.vystupphp {
    padding: 20px;
    background-color: white; /* Red */
    color: white;
    margin-bottom: 15px;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}
.whitefull  {background-color:#ffffff;}
.white  {background-color:#f7f7f7;}
.black   {background-color:#020308;}
.navyblue {background-color:#091a24;}
.lightgrey  {background-color:#cbcdcc;}
.yelow  {background-color:#ebbe3d;}
.kingblue  {background-color:#24437a;}
.bottlegreen  {background-color:#1e4530;}
.red  {background-color:#a12436;}
.sand  {background-color:#9b8369;}
.khaki  {background-color:#4e5744;}
.orange  {background-color:#b94933;}
.darkgrey  {background-color:#7e8482;}
.bordo  {background-color:#98393f;}
.azurblue  {background-color:#316595;}
.skyblue  {background-color:#89accc;}
.middlegreen  {background-color:#058e60;}
.emerald  {background-color:#079390;}
.chocolade  {background-color:#4f322a;}
.grassgreen  {background-color:#79ab6f;}
.tyrkys  {background-color:#00a6b9;}
.fuchsiared  {background-color:#8f1a5e;}
.icegrey  {background-color:#ada9a0;}
.violete  {background-color:#6d4987;}
.darkstone  {background-color:#4e5251;}
.limet  {background-color:#b4c13e;}
.military  {background-color:#2e3e33;}
.lightkhaki  {background-color:#807b67;}
.applegreen  {background-color:#41a13f;}
.petrol  {background-color:#004e6c;}
.army  {background-color:#493f36;}
.ebonygrey  {background-color:#545454;}

#zahlavi{
         background-color: black;
         height: 40px;
         width: calc( 100vw - 25px);        //100% sirky monitoru
         }
#nadpis{font-family: 'roboto', Tahoma, Arial, sans-serif;
        zoom: 1;
        position: relative;
        top: 10px;
        padding-left: 20px;
        color: white;
        font-weight: bold;} 

#hlavni{ background-color: #DDDDDD; 
         }
#obsah{  background-color: #FFFFFF;
         position: relative;
         left: 230px;
         top: -280px;
         
         width: 70%;
         padding-right:10px;
         padding-left: 10px;
        
         }

#sklik-banner {display: none;}