@media screen, projection {
  html, body {
    margin: 0;
    padding: 0;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    color: #484848;
    height: 100%;
    text-align: center;
    background: #112233;
    background-image: url(pozadie.jpg);
    background-repeat: repeat;
    font-size:100.01%;
    }
  div {
    font-family: 'Lucida Grande',Arial,sans-serif;
    }
  div#kontajner {
    margin: 0 auto;
    height: 100%;
    }
  div#prac {
    width: 600px;
    height: 700px;
    margin: 68px auto 150px auto;
    padding: 0;
    background: #2c8653
    }
  div#pracnahr {
    width: 600px;
    height: 700px;
    margin: 72px auto 150px auto;
    padding: 0;
    background: #4682B4
    }
  div#praczmek {
    width: 600px;
    height: 700px;
    margin: 72px auto 150px auto;
    padding: 0;
    background: #4682B4
    }
  div#horny {
    float:left;
    width: 300px;
    height: 140px;
    margin: 0 auto 0 0;
    padding: 0;
    text-align: center;
    background: #3CB371;
    color: #0f301f;
    }
  div#hornypravy {
    float:right;
    width: 300px;
    height: 140px;
    margin: 0 0 0 auto;
    padding: 0;
    text-align: center;
    background: #FFFFFF;
    }
  div#druhylavy {
    float:left;
    width: 300px;
    height: 140px;
    margin: 0 auto 0 0;
    padding: 0;
    text-align: center;
    background: #FFFFFF;
    }
  div#druhypravy {
    float:right;
    width: 300px;
    height: 140px;
    margin: 0 0 0 auto;
    padding: 0;
    background: #4682B4;
    }
  div#druhy {
    float:left;
    width: 600px;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #993333;
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    }
  div#text {
    width: 560px;
    height: 450px;
    margin: 0 20px 20px 20px;
    padding: 10px 0 0 0 ;
    text-align: left;
    background: #2c8653;
    color: #000000;
    font-size: small;
    }
  div#textnahr {
    width: 560px;
    height: 450px;
    margin: 0 20px 20px 20px;
    padding: 10px 0 0 0 ;
    text-align: left;
    background: #4682B4;
    color: #000000;
    font-size: small;
    }
  div#textzmek {
    width: 560px;
    height: 450px;
    margin: 0 20px 20px 20px;
    padding: 10px 0 0 0 ;
    text-align: left;
    background: #4682B4;
    color: #000000;
    font-size: small;
    }
  div.lavy {
    float:left;
    width: 280px;
    height: 140px;
    margin: 0 auto 0 0;
    padding: 0;
     }
  div.pravy {
    float:right;
    width: 280px;
    height: 140px;
    margin: 0 0 0 auto;
    padding: 0;
    }
  div#tretilavy {
    float:left;
    width: 300px;
    height: 140px;
    margin: 0 auto 0 0;
    padding: 0;
    background: #5F9EA0;
    color: #2F4F4F;
    font-size: small;
    }
  div#tretipravy {
    float:right;
    text-align: right;
    width: 300px;
    height: 140px;
    margin: 0 0 0 auto;
    padding: 0;
    background: #FFFFFF;
    }
  div#stvrtylavy {
    float:left;
    width: 300px;
    height: 140px;
    margin: 0 auto 0 0;
    padding: 0;
    text-align: center;
    background: #FFFFFF;
    }
  div#stvrtypravy {
    float:right;
    width: 300px;
    height: 140px;
    margin: 0 0 0 auto;
    padding: 0;
    background: #E9967A;
    color: #B22222;
    font-size: small;
    }
  div#piatylavy {
    float:left;
    width: 300px;
    height: 140px;
    margin: 0 auto 0 0;
    padding: 0px;
    background: #B22222;
    color: #FA8072;
    font-size: small;
    }
  div#piatypravy {
    float:right;
    width: 300px;
    height: 140px;
    margin: 0 0 0 auto;
    padding: 0;
    background: #FFFFFF;
    }
  div#rozne {
    font-size: 1px;
    color: #646464;
    }
  div.zoznam {
    float: left;
    width: 250px;
    color: #FFFFFF;
    margin: 10px;
    }
  .obsah {
    margin: 0 0 0 0;
    padding: 20px;
    text-align: left;
    }
  #navigacia a:link {
    color: #0f301f;
    }
  #navigacia a:hover {
    background: #2c8654;
    color: #0f301f;
    }
  #navigacia a:visited {
    color: #0f301f;
    }
  .zmakcovac  {
    color: #522b86;
    }
  #email      {
    color: #FA8072;
    }
  .blog      {
    color: #FA8072;
    }

  div#znacky {
    padding: 7px;
    background: #4682B4;
    color: #87CEEB;
    font-size: small;
    text-align: left;
    }
  img#obrznacky {
    padding: 7px 0 0 0;
  }
  img#logo {
    float:right
  }
  H1 {
    font-size: 1px;
    color: #F1F1F1;
    display: none;
    }
  H2 {
    color: #f4f4f4;
    padding: 10px 0 10px 0;
    margin: 0;
    font-family: Arial;
     }
  .no {
    font-size: 1px;
    color: #646464;
    }
  #kontakt1 {
    border: 0;
    text-align: left;
    font-family: Arial Narrow;
    width: 135px;
    padding: 0 20px 0 20px;
    }
  #kontakt2 {
    border: 0;
    text-align: right;
    font-family: Courier;
    width: 135px;
    padding: 0 10px 0 10px;
    }
  #kontakt3 {
    border: 0;
    text-align: left;
    font-family: Arial;
    width: 135px;
    padding: 0 20px 0 20px;
    }
  #kontakt4 {
    border: 0;
    text-align: left;
    font-size: smaller;
    font-family: Times New Roman;
    width: 110px;
    padding: 0 10px 0 10px;
    }
  #kontakt5 {
    border: 0;
    text-align: left;
    font-size: smaller;
    font-family: Arial Black;
    width: 135px;
    padding: 0 20px 0 20px;
    }
  a#spat {
    border: 0;
    text-align: left;
    margin: 0 100% 0 0
    }
  a.tipy {
    text-align: left;
    color: #B22222;
    text-decoration: none;
    }
  a:link {
    text-decoration: none;
    color: #FFFFFF;
    }
  a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }
  a:hover {
    text-decoration: none;
    color: #FFFF00;
    }
  img {
    border:0;
    }
  img.zoznam {
    border:0;
    float: left;
    margin-right: 10px;
    }
  img#wpro {
    float: left;
    padding: 0 20px 10px 0;
    }
  em {
  color: #484848;
  text-align: center;
    }
  ul {
   list-style: square;
    }
  span {
  font-size: xx-large;
    }
  .blue {
   color: #87CEEB;
   font-style: oblique;
    }


}