html, body, #wrapper {height: 100%;}
 body > #wrapper { height: auto; min-height: 100%;  }

 body:before { /* thanks to Maleika (Kohoutec)*/
              
             content: "";
	     height:100%;
             float: left;
             outline:none;
             width: 0;
	     margin-top: -32767px; /* thank you Erik J */

             }


a, a:hover, a:visited          { color:black; outline:none;
                      text-decoration: underline; }   

/* HLAVICKA */

.header             { background-image: url('images/logo.png');
                      background-repeat:repeat-x;
                      background-color: #2e3333;
                      width:  940px;
                      height: 203px;
                    }

.second { width: 960px;
                      height: 203px; }

/* MENU */

.menu               { height:80px;
                      background-color: #515353; }

.menu a, a:hover, a:visited img {outline: none;}
/* NAVIGACE */

#navi p             { background:white;
                      padding:20px 0 20px 43px; margin:0px; }

/* OBSAH */

.content            { background:white; }
.content p          { background:white;
                      padding:20px 0 0 43px; text-align:justify; }

/* OBSAH-STRANKY */

#obsah-stranky      { background:white; }
#obsah-stranky p    { background:white;
                      padding:0px 0 0 43px; text-align:justify; }

.o_autoskole        { background:white; line-height:30px;}
.o_autoskole p      { padding:0 0 0 43px; }
.o_autoskole h2     { padding:0 0 0 43px;}

.o-kurzu            { background:white; line-height:30px;}
.o-kurzu-right      { float:right; }
.o-kurzu p          { padding:0 0 0 43px;}
.o-kurzu h2         { padding:0px 0 0 43px;}
.o-kurzu h3         { padding:0px 0 0 43px; color:red; font-size:16px;}
.cenik              { background:white; line-height:30px;}
.cenik h2           { padding:0 0 0 43px;}
.cenik p            { padding:0 0 0 43px;}
.recen h2           { padding:0 0 0 43px;}
.recen p            { padding:10px 0 0 0px; }

.content .cenik ul,li { padding:0 0 0 27px; text-align:justify; }
.reset_image        { clear:both; padding: 0px; margin:0px; }
.image-float        { margin:0px;}
.napiste-nam img    { margin:0 0 20px 20px; }

.pb                 { background:white; padding-bottom:10px; }
.pa                   {margin-left:25px; margin-top:-55px; padding-bottom:10px;}
.thumb a img          { margin-left:34px; padding-right:10px; padding-bottom: 20px; }
/* NAPISTE NAM */

.napiste-nam        { float:left; background:white; color:black; }
.napiste-nam h2     { font-size:24px; padding:60px 0 0 30px;}
.napiste-nam p      { padding:0 0 0 31px;}
.napiste-nam input  { float:left;width:160px; margin:0 0 10px 30px; padding:5px; }
.napiste-nam label  { float:left; padding:0 0 0 30px; width:150px; }
textarea            { float:left;width:160px; margin:10px 0 10px 33px; }
input.tlacitko      { float:right; margin-right:43px; margin-top:10px; width:100px; margin-bottom:20px; padding:5px; }

.red {color:red;}
/* PATICKA */

.footer             { 
	background-repeat:repeat-x;
    height: 203px;
	clear: both;
	background-color: rgb(81,83,83);
	display: flex;
	justify-content: space-between;
}

.footer .links h2 {
	color: rgb(141, 231, 8);
}

.footer .links p, .footer .links a {
	color: white;
	background: initial;
	padding: initial;
}

.footer .links i {
    width: 25px;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {

    zoom: 1;
}

ul.links {
    float:right;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
    margin: 40px 40px;
    line-height:25px;
	font-size: 15px;
	width: 33%;
}

li a, li a:link, li a:visited {
       color:white;
       }
p.od {padding-left:75px;}

.cenik label { margin-left:33px;}
input#styled {

        width: 130px;
        height: 20px;
        padding:10px;
        border: 2px solid #cccccc;
        margin-bottom:35px;
        margin-right:1500px;
        margin-left:33px;
        margin-top:8px;
        background-repeat: no-repeat;         }


textarea#style {
        float:right;
        width: 500px;
        margin-right:383px;
        margin-bottom:30px;
        height: 120px;
        padding:10px;
        border: 2px solid #cccccc;
        background-repeat: no-repeat;
}
input#x {

        width: 130px;
        height: 40px;
        padding:10px;
        border: 2px solid #cccccc;
        margin-left:43px;
        margin-bottom:30px;
        text-align: center;
        background-repeat: no-repeat;         }

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:800px;
  height:500px;
  background:#2dadef;
}
.akce-zimni {
  float: left;
  margin:176px auto auto 350px;
  text-shadow: white 0.1em 0.1em 0.2em;
  font-size: x-large;
  font-weight: bold;
  text-decoration: none;
}
.akce {
  float: left;
  margin:172px auto auto 275px;
  font-size: x-large;
  font-weight: bold;
  text-decoration: none;
}
.akce-ram {
  text-shadow: black 0.1em 0.1em 0.2em;
  width: 394px;
  height: 46px;
  text-align: center;
  background-image: url('images/akce-ram.png');
  background-repeat: no-repeat;
}
.akce-zimni:hover {
  color: orange!important;
}
.rec {
  float: right;
  margin-left: 20px;
}
.recenze {background-color: #CCCCCC; margin: 0px 10px 5px 50px!important; width: 100%; padding-bottom: 10px;}
.recenzor {margin: 10px 10px auto 640px;font-style: italic;font-weight: bold;}
.rec-text {background-color:#CCCCCC!important; color: #006600; margin: 0px 10px 10px 10px!important;line-height:20px; font-style: italic;font-weight: bold; }
.red {
color: red!important;
}
white {
color: white!important;
}
.black {
color: black!important;
}
.green {
color: #66CC00!important;
}
 
.center {
  text-align: center!important;
}
.smaller {
 font-size: small;
 font-weight: bold;
}