/* CSS Document */

body {

  background-color: rgb(255,250,188);

  font-family: arial, sans-serif;

  font-size: 1.0em;

  color: rgb(112,112,112);

  margin: 0;

}


p {
    text-align: left;
    max-width: 980px;
    clear: both;
    line-height: 140%;
    margin-left: 30%;
    color: rgb(53, 53, 53);
  }  

h1{
  color: rgb(8,103,56);
  font-size: 3em;
}

h2{
  color: rgb(119,167,60);
  font-size: 2.5em;
}


h5{
  font-style: italic;;

}


.clear {clear:both;overflow:hidden;height:0px;display:block}

.content {

  margin: 0 auto;

  max-width: 1340px;

  padding-left: 20px;

}

.content .mHeader {

  height: 350px;

}

.content .mHeader .mLogo {

  float: left;

  width: 300px;

  height: 350px;

  background: url("../obrazky/logo.png") top center no-repeat;

}

.content .mHeader .mLogo a {

  display: block;

  width: 300px;

  height: 350px;

}

.content .mHeader .mHeaderRight {

  float: left;

  width: auto;

}

.content .mHeader .mHeaderRight h1 {

  text-align: center;

  font-size: 2.0em;

}

.content .mHeader .mHeaderRight menu {

  margin-bottom: 10px;

  text-transform: uppercase;

}

.content .mHeader .mHeaderRight menu li {

  display: inline;

  list-style-type: none;

  text-align: center;

}  

.content .mHeader .mHeaderRight menu li a {

  display: block;

  float: left;

  width: 180px;

  line-height: 2.6em;

  background: rgb(167,206,57);

  text-decoration: none;

  color: white;

  margin: 0 5px;

  margin-bottom: 10px;

}

.content .mHeader .mHeaderRight menu li a:hover {

  text-decoration: underline;

  background: red;

}

.content .mHeader .mHeaderRight p.tit1 {

  font-size: 2.6em;

  text-align: center;

  color: rgb(210,226,136);

  line-height: 1.0em;

  margin-top: 0;

}

.content .mHeader .mHeaderRight p.tit2 {

  font-size: 2.0em;

  text-align: right;

  color: rgb(8,103,56)

}

.content .mHeader .mHeaderRight p.tit3 {

  font-size: 2.0em;

  text-align: center;

  color: rgb(119,167,60);

}

.content .mBodyObal {

  width: auto;

  margin: 0 auto;

  text-align: center;

}

.content .mBody .mainTab {

  float: left;

  width: 445px;

  min-height: 380px;

  margin-bottom: 20px;

  text-align: left;

} 

.content .mBody .mainTabsCov {

  max-width: 1340px;

}

.content .mBody .mainTab1 {

  float: left;

  min-height: 300px;

  text-align: left;

  display: block;

  width: 33%;

}

.content .mBody .mainTab2 {

  float: left;

  min-height: 300px;

  text-align: left;

  display: block;

  width: 62%;

}

.content .mBody .mainTab a:hover img {

  opacity:0.7;filter:alpha(opacity=70);

}

.content .mBody .mainTab h2 a {

  color: rgb(112,112,112);

  text-decoration: none;

}

.content .mBody .mainTab h2 a:hover {

  text-decoration: underline;

  color: red;

}

.content .mBody .mainTab .inTab {

  width: 390px;

  height: 240px;

  padding: 15px;

  padding-top: 1px;

  background: white;

}

.content .mBody .mainTab1 .inTab1 {

  height: 240px;

  padding: 15px;

  padding-top: 1px;

  background: white;

  width: 86%;

  margin-right: 20px;

}

.content .mBody .mainTab2 .inTab2 {

  height: 240px;

  padding: 15px;

  padding-top: 1px;

  background: white;

  width: 100%;

}

.mFooter {

  background: rgb(119,167,60);

  margin: 0;

  padding: 0;

}

.mFooter .mFooterIn {

  max-width: 1340px; 

  margin: 0 auto;

  line-height: 3.0em;

  padding: 0;

  padding-left: 20px;

}

.mFooter .mFooterIn p {

  margin: 0;

  color: white;

}

.mFooter .mFooterIn p a {

  color: white;

  text-decoration: none;

}

.mFooter .mFooterIn p a:hover {

  text-decoration: underline;

}    

@media screen and (max-width: 480px){ 

  .content {

    width: 480px;

  }

  .content .mHeader .mHeaderRight menu li a {

    margin: 5px 0;

    width: 400px;

  }  

  .mFooter .mFooterIn {

    width: 480px;

  }

}