html, body, h1, h2, h3, h4, p, ul, ol, li, blockquote, table, dl, dt, dd, hr {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, p, ul, ol, li, blockquote, table, dl, dt, dd, hr, img {
	border: 0;
}

* {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}



html {
	min-height:100%;/* make sure it is at least as tall as the viewport */
  position:relative; /* div s position absolut se může roztáhnout na výšku celé stránky  */ 
}

body {
  background-color: white;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  line-height: 23px;
  color: dimgray; 
  text-align: left;
  margin: 0;
  display: block;
  font-size: 15px; 
}

h1    {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  margin: 40px 0 18px 15px;
  line-height: 1.42857143;
  color: black;
  font-size: 22px;
  text-decoration: none; 
}

h2    {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  margin: 35px 0 25px 15px;
  line-height: 0;
  color: grey;
  font-size: 18px;
  text-decoration: none; 
}

/*___ Horní část _______                          
--------------------------------*/

.top_banner_text {
  background: #F0F0F0;
  margin: 50px auto 20px;
  
}

div.background_white {
  background: #FFFFFF; 
}

.flex_till_1100 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  border: 0px solid green; 
}

.main_part {
  width: 80%;
  max-width: 900px;
  margin: 0px auto;
  padding: 20px 0 60px 0;
  border: 0px solid red;
  overflow: hidden; 
}

.text_banner_solo {
  width: 80%;
  margin: 0 auto;
  border: 0px solid blue;
  text-align: center; 
  padding: 20px 0 20px 0;
}

h1.text_banner_solo_headline {
  color: gray;
  padding: 0px 0 0px 0;
  margin: 40px 0 10px 0;
  display: block;
  font-weight: normal;
  font-size: 26px;
}

.the_line {
  width: 120px;
  height: 1px;
  margin: 0px auto 0 auto;
  background: gray;
}

.text_banner_solo_text {
  color: grey;
  padding: 20px 0 30px 0;
  display: block;
  font-weight: 300;
  font-size: 16px;
  width: 75%;
  border: 0px solid red;
  margin: 0 auto;
  line-height: 27px;
}

/*___ Střední část _______                          
--------------------------------*/

.text_vlevo_wrap  {  
  width: 60%;
  position: relative;
  float: left;
  border: 0px solid red; 
}

.text_vlevo {  
  padding: 0px 80px 0px 0px; 
  border: 0px solid red;
}

.obrazek_v_textu {  
  display: none;  
}

p.cena {  
  width: 100%;
  position: relative;
  float: left;
  border: 0px solid red;
  padding: 10px 20px 10px;
  font-size: 1.2em;
  text-align: center; 
  background: #F0F0F0; 
  margin: 20px 0;
}

.obrazek_vpravo {  
  width: 40%;
  position: relative;
  float: right;
  overflow: hidden;
  padding: 0 0 40px 0;
  border: 0px solid green;  
}

/*___ Patička _______                          
--------------------------------*/

div#footer {
  margin:0 0 0 0;
  padding:40px 80px 40px 80px;
  overflow:hidden;
  text-align:center;
  font-size:14px;
  color:#747474;
  border:0 solid #cecece;
  background:#E3E3E3;
  width:100%;
} 



/*----------------- nastavení media 700 - 1000                             
------------------------------------------------*/
@media (min-width: 700px) and (max-width: 1000px) {

.text_vlevo_wrap  {  
  width: 70%;
}

.obrazek_vpravo {  
  width: 30%;
}

}
/*----------------- nastavení media do 700                            
------------------------------------------------*/
@media (max-width: 700px) {

h2    {
  margin: 20px 0 25px 15px; 
}

.main_part {
  width: 100%;
  margin: 0 auto;
  border: 0px solid red;
}

.text_vlevo_wrap  {  
  width: 100%;
}

.text_vlevo {  
  width: 80%;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  border: 0px solid red; 
}

.obrazek_v_textu {  
  display: block;
  width: 100%;  
  position: relative;
  height: 200px;
  overflow: hidden;
  border: 0px solid green;
  margin: 35px auto;
}

.obrazek_vpravo {  
  display: none;
}

}