html
    {
      padding:0px;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
           -o-user-select: none;
              user-select: none;
      font-family:"Corbel", sans-serif;
    }
    
    body
    {
      padding:0px;
      margin:0px;
      height:100%;
      width:400%;
      overflow:hidden;
      background-image: linear-gradient(top, #336899 0%, #5585CE 40%);
      background-image: -o-linear-gradient(top, #336899 0%, #5585CE 40%);
      background-image: -moz-linear-gradient(top, #336899 0%, #5585CE 40%);
      background-image: -webkit-linear-gradient(top, #336899 0%, #5585CE 40%);
      background-image: -ms-linear-gradient(top, #336899 0%, #5585CE 40%);
      text-align:center;
    }
    #menu
    {
      position:fixed;
      height:7%;
      width:100%;
      background:#336799;
      color:white;
      /*text-align:center;/*Kvůli IE jinak nefunguje margin:auto=center*/
      z-index:7;
      font-weight:bold;
    }
    
    #menu_controls
    {
      margin:auto;
      word-spacing:-5px;/*display:inline-block dělá mezery mezi divy.*/
      overflow:hidden;
    }
    
    .menu_li
    {
      display:inline-block;
      *display:inline;zoom:1;
      padding-left:20px;
      padding-right:20px;
      height:100%;
      line-height:60px;
      font-size:20px;
      cursor:pointer;
      word-spacing:0;/*Aby nebyly slova u sebe kvůli záporu.*/
    }
    
    .menu_li:hover
    {
      text-shadow: 1px 2px 3px black;
    }
    
    #logo
    {
      position:fixed;
      top:9%;
      left:43%;
      height:10%;
      width:14%;
      background: url(../images/logo.png);
      z-index:7;
      background-size:100% 100%;
    }
        
    #monster_clouds
    {
      height:53.3%;
      position:absolute;
      bottom:22.6%;
      width:500%;
      background: url(../images/monster_clouds.png) repeat-x;
      background-size:auto 100%;
      z-index:1;
    }
    
    #cloud1
    {
      position:absolute;
      height:100%;
      width:3%;
      left:0.5%;
      background: url(../images/mrak1.png);
      background-size:100% 100%;
    }
    #cloud2
    {
      position:absolute;
      height:100%;
      width:3%;
      left:16%;
      background: url(../images/mrak2.png);
      background-size:100% 100%;
    }
    #cloud3
    {
      position:absolute;
      height:100%;
      width:3%;
      left:20.5%;
      background: url(../images/mrak1.png);
      background-size:100% 100%;
    }
    #cloud4
    {
      position:absolute;
      height:100%;
      width:3%;
      left:36.5%;
      background: url(../images/mrak2.png);
      background-size:100% 100%;
    }
    #cloud5
    {
      position:absolute;
      height:100%;
      width:3%;
      left:40.5%;
      background: url(../images/mrak1.png);
      background-size:100% 100%;
    }
    #cloud6
    {
      position:absolute;
      height:100%;
      width:3%;
      left:56.5%;
      background: url(../images/mrak2.png);
      background-size:100% 100%;
    }
    #cloud7
    {
      position:absolute;
      height:100%;
      width:3%;
      left:60.5%;
      background: url(../images/mrak1.png);
      background-size:100% 100%;
    }
    #cloud8
    {
      position:absolute;
      height:100%;
      width:3%;
      left:76.5%;
      background: url(../images/mrak2.png);
      background-size:100% 100%;
    }
    #cloud9
    {
      position:absolute;
      height:100%;
      width:3%;
      left:80.5%;
      background: url(../images/mrak1.png);
      background-size:100% 100%;
    }
    #cloud10
    {
      position:absolute;
      height:100%;
      width:3%;
      left:96.5%;
      background: url(../images/mrak2.png);
      background-size:100% 100%;
    }
    
    #clouds_small
    {
      height:13%;
      position:absolute;
      top:8%;
      width:500%;
      z-index:2;
    }
    
    #city
    {
      height:45%;
      position:absolute;
      bottom:22.6%;
      width:400%;
      background: url(../images/city.png) repeat-x;
      background-size:auto 100%;
      z-index:2;
    }
    
    .page
    {
      position:absolute;
      height:100%;
      width:100%;
      *z-index:0;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336899', endColorstr='#5585ce'); /*IE nedovolí ve standart režimu na body proto musí být tady*/
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#336899', endColorstr='#5585ce')";
    }
    .page_content
    {
      position:absolute;
      min-height:415px;
      top:22.5%;
      left:18%;
      height:46%;
      width:64%;
      background:white;
      background:rgba(255,255,255,0.8);
      border:2px solid #e0e8eb;
      border-radius:30px;
      padding:20px 50px 20px 50px;
      box-sizing: border-box;
      z-index:5;
      /*ms-box-sizing: border-box; mozna v ie8 jeste vyzkouset*/
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      overflow-y:auto;
    }
    
    
    h1
    {
      text-align:left;
      margin-bottom:0px;
    }
    
    
    .columned_text
    {
      text-align:left;
      -moz-column-count:3; /* Firefox */
      -webkit-column-count:3; /* Safari and Chrome */
      column-count:3;
      font-weight:bold;
      font-size:18px;
    }
    
    .reference
    {
      margin-top:10px;
      margin-bottom:10px;
      font-size:24px;
      text-align:left;
    }
    
    .reference_content
    {
      font-size:20px;
      font-weight:bold;
    }
    
    .reference_sign
    {
      text-align:right;
    }
    
    #page1
    {
      left:0px;
    }
    
    #page2
    {
      left:100%;
    }
    
    #page3
    {
      left:200%;
    }
    
    #page4
    {
      left:300%;
    }
    
    .orange_font
    {
      color:#fc6701;
    }
    
    .kontakt_nadpis
    {
      font-size:42px;
      margin:auto;
    }
    
    .kontakt_adresa_span
    {
      margin-top:10px;
      font-size:18px;
    }
    .kontakt_adresa_span a
    {
      color:black;
    }
    
    .kontakt_form_table
    {
      margin:auto;
      margin-top:10px;
    }
    
    .kontakt_form_table_input
    {         
      height:40px;
      margin-top:20px;
      font-size:22px;
      padding-left:10px;
      padding-top:5px;
      border:1px solid #c3c8cc;
    }
    
    .kontakt_form_table_input_general
    {
      width:300px;
      border-radius:5px;
    }
    
    .kontakt_form_table_area
    {
      height:200px;
      margin:20px 0px 0px 20px;
      font-size:18px;
      padding:10px;
      resize:none;
      overflow:auto;
      border-top:1px solid #c3c8cc;
      border-left:1px solid #c3c8cc;
      border-right:1px solid #c3c8cc;
      border-bottom:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
      color:black;
    }
    
    .kontakt_form_table_submit
    {  
      -moz-user-select: none;
      cursor:pointer;
      text-align:center;
      line-height:20px;
      margin-top:5px;
      margin-right:5px;
      float:right;
      width:60px;
      height:20px;
      background:#fc6701;
      color:white;
      border:1px solid #fc6701;
      border-radius:4px;
    }
    
    .kontakt_form_table_submit_div
    {
      background:white;
      height:30px;
      margin-left:20px;
      width:298px;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom:1px solid #c3c8cc;
      border-left:1px solid #c3c8cc;
      border-right:1px solid #c3c8cc;
    }
    
    #thanks_for_contact
    {
      color:green;
      opacity:0;
      cursor:default;
    } 
    
    .video_div
    {
      width:32%;
      margin-right:1%;
      display:inline-block;
    }