/********************* uvodni obrazovka CZV ******************/
  .uvodni{
    width:100%;
    font-size:11pt;
    font-weight: 300;
  }
  .uvodniL{
    width:100%;
    background-color: #f2f5fa;
    color:#8099b4;
    display:none;
  }
  .uvodniP{
    width:100%;
    background-color: #ffffff;
    color:#000000;
    padding:5px;
    font-family: 'Roboto Condensed', sans-serif;
  }
  .uvodniP p {
    font-family: 'Roboto Condensed', sans-serif;
  }
  .uvodniP p a{
    background-color: #ffffff;
    color:#000090;
    text-decoration:none;
  }
  .uvodniP p a:hover{
    background-color: #ffffff;
    color:#000090;
    text-decoration:underline;
  }


  /******************** clanek ****************/
  .nadpis{
    width:100%;
    padding-left:20px;
    text-transform: uppercase;
    font-size:14pt;
    font-weight: 100;
    background-color: #f2f5fa;
    color:#8099b4;
    clear:both;
  }

  .clanek{
    width:100%;
    font-size:11pt;
    font-weight: 300;
  }
  .clanekL{
    position:relative;
    width:100%;
    background-color: #ffffff;
    color:#000000;
  }
  .clanek_text{
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-color: #ffffff;
    color:#000000;
  }
  .clanekP{
    position:relative;
    width:100%;
    background-color: #ffffff;
    color:#000000;
  }
  .clanek_info{
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
  }
  .clanek_kontakt{
    position:relative;
    padding-top:5px;
    padding-bottom:20px;
    text-align:center;
    background-color: #ffffff;
    color:#000000;
    border:0px solid #c2c5ca;
  }
  .clanek_mezera{
    width:100%;
    background-color: #f2f5fa;
    color:#000000;
    height:20px;
    border:0px solid #ff0000;
    clear:both;
  }
  .clanek_mezeraP{
    width:100%;
    background-color: #f2f5fa;
    color:#000000;
    height:20px;
    clear:both;
  }
  .clanek_info a{
     text-decoration:none;
  }
  .clanek_info h1{
     background-color: #93be22;
     color:#ffffff;
     font-size:12pt;
     width:155px;
     padding:0px 5px 0px 5px;
     font-weight: 100;
     line-height: 30px;
     text-transform: uppercase;
  }
  .clanek_info h1:hover{
     background-color: #539e02;
     color:#ffffff;
  }
  .clanek_info h2{
     background-color: #93be22;
     color:#ffffff;
     font-size:12pt;
     text-align:center;
     padding:0px 5px 0px 5px;
     font-weight: 100;
     line-height: 30px;
     text-transform: uppercase;
  }
  .clanek_info h2:hover{
     background-color: #539e02;
     color:#ffffff;
  }
  .clanek_info .leva{
    background-color: #ffffff;
    color:#5f5f5f;
    font-size:10pt;
    font-weight: 100;
    line-height: 30px;
    width:50%;
    float:left;
    border-bottom:1px solid #c2c5ca;
  }
  .clanek_info .levaEnd{
    background-color: #ffffff;
    color:#5f5f5f;
    font-size:10pt;
    font-weight: 100;
    line-height: 15px;
    padding-top:10px;
    width:50%;
    float:left;
   border-bottom:0px solid #c2c5ca;
}
  .clanek_info .prava{
   background-color: #ffffff;
   color:#5f5f5f;
   font-size:10pt;
   font-weight: 100;
   line-height: 30px;
   width:50%;
   float:left;
   border-bottom:1px solid #c2c5ca;
}
  .clanek_info .pravaEnd{
   background-color: #ffffff;
   color:#5f5f5f;
   font-size:10pt;
   font-weight: 100;
    padding-top:10px;
   line-height: 15px;
   width:50%;
   float:left;
}
  .clanek_info .mezera_PR{
   background-color: #ffffff;
   color:#5f5f5f;
   font-size:10pt;
   font-weight: 100;
   line-height: 30px;
   width:50%;
   float:left;
}
  .clanekP H3{
      background-color: #ffffff;
      color: #8099b4;
      font-size:12pt;
      font-weight: 600;
      line-height: 25px;
      text-transform: uppercase;
      margin:0px;
      text-align:center;
      clear:both;
    }
    .clanekP .vizitka{
      background-color: #ffffff;
      color:#5f5f5f;
      width:220px;
      margin:auto;
      padding-top:0px;
      border:0px solid #c2c5ca;
      clear:both;
    }
    .clanekP .vizitka a{
      background-color: #ffffff;
      color:#1752aa;
      text-decoration:none;
    }
    .clanekP .vizitka a:hover{
      text-decoration:underline;
    }
    .clanekP .vizitka_img {
       float:left;
    }
    .clanekP .vizitka_jmeno {
    }
    .clanekP .vizitka_img img{
      height:80px;
    }
    .clanekP .vizitka_jmeno p{
      background-color: #ffffff;
      color:#5f5f5f;
      font-size:12pt;
      font-weight: 100;
      text-align:left;
      line-height: 25px;
    }

/******************* menu *******************/
  .show{
    display:block;
  }
  .hide{
    display:none;
  }
  .pruhledne{
    position:fixed;
    height:100%;
    background-color: rgba(0,0,0,0);
    z-index:1;
  }
  .menu{
    position:fixed;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.3);
    z-index:1;
  }
  .menuL{
    position:relative;
    background-color: #ffffff;
    color: #000000;
    height:100%;
    width:300px;
    padding-top:20px;
    float:left;
    border:0px solid #ff0000;
    animation: 0.3s prijezd_menu linear;
  }
  .menuP{
    border:0px solid #0000ff;
    height:100%;
    width:65%;
    background-color: rgba(0,0,0,0.3);
    float:left;
  }
  .menuL a{
    text-decoration:none;
  }
  .menuL .dale{
    text-transform: uppercase;
    font-weight: 700;
    font-size:18pt;
    text-align:right;
    color:#0000aa;
  }
  .menuL p .odkaz{
    padding-left:20px;
    position:relative;
    width:250px;
    float:left;
  }
  .menuL p{
    position:relative;
    border:0px solid #000000;
    text-align:left;
    background-color: #ffffff;
    color:#93be22;
    font-size:14pt;
    border:0px solid #000000;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 40px;
    margin:0px;
  }
  .menuL p:hover{
    background-color:#93be22;
    color:#ffffff;
    text-decoration:none;
  }
  .menuL1 {

    padding-top:20px;
    padding-left:20px;
  }
  .menuL1 p{
    text-align:left;
    background-color: #ffffff;
    color:#0000aa;
    font-size:12pt;
    border:0px solid #000000;
    text-decoration:none;
    font-weight: 300;
    line-height: 30px;
    margin:0px;
    text-transform:none;
  }
  .menuL1 p:hover{
    background-color:#ffffff;
    color:#0000aa;
    text-decoration:underline;
  }
  @keyframes prijezd_menu {
     0% {margin-left:-300px;}
     100%{margin-left:0px;}
  }


 /******************horni menu***************/
  .top {
    position:relative;
    background-color: #ffffff;
    color:#000000;
    width:100%;
    height: 60px;
    margin:auto;
    padding:0px;
    margin:auto;
  }
  .top1 {
    position:relative;
    background-color: #ffffff;
    color:#000000;
    width:100%;
    height: 60px;
    border:0px solid #0000ff;
    margin:auto;
    padding:0px;
    margin:auto;
  }
  .topLogo {
    position:relative;
    background-color: #ffffff;
    color:#000000;
    width:140px;
    height: 48px;
    border:0px solid #000000;
    margin-top:10px;
    padding:0px;
    background-size: 140px 48px;
    background-image:URL("FPE_cmyk.png");
    float:left;
    animation: pulzM 0.4s;
  }
  @keyframes pulzP {
    from {transform: scale(0.8);}
    to {transform: scale(1);}
  }
  @keyframes pulzM {
    from {transform: scale(1.2);}
    to {transform: scale(1);}
  }

  .topMenu1{
    display:none;
  }
  .topMenu2{
    display:none;
  }
  .topMenuH{
     display:inline;
     position:relative;
     background-color: #ffffff;
     color:#0000a0;
     font-size:12pt;
     padding-top:25px;
     padding-right:20px;
     font-weight:bold;
     border:0px solid #ff0000;
     float:right;
     text-transform: uppercase;
   }
   .topEnd{
     clear:both;
   }

    /********* zapati *************/

     .foot0 {
        display:block;
        background: #f2f5fa;
        color: #000000;
	      width:100%;
	      height:20px;
	      clear:both ;
        border: 0px solid #000000;
     }

   .foot {
     position:relative;
     background: #93be22;
     color: #000000;
	   font-size:12px;
	   text-align:center;
	   width:100%;
	   height:70px;
	   clear:both ;
	   margin-top:0px;
   }
   .foot a{
     text-decoration: none;
     color: #ffffff;
     background: #93be22;
    }
   .foot a:hover{
     text-decoration:underline;
     color: #ffffff;
     background: #93be22;
     clear:both;
    }

    .foot1{
      position:relative;
      width:100%;
    }

   .foot1a {
     padding-top:15px;
     text-align:center;
     color: #ffffff;
     background: #93be22;
   }
   .foot1b {
     padding-top:15px;
     text-align:center;
     color: #ffffff;
     background: #93be22;
   }

  @media screen and (min-width: 750px) {
    .top {
       width:100%;
       height: 80px;
    }
    .top1 {
       width:100%;
       height: 80px;
       
    }
    .topLogo {
     width:175px;
      height: 60px;
      background-size: 175px 60px;
      animation: pulzP 0.4s;
    }
    .topMenu1{
       display:block;
       position:relative;
       background-color: #ffffff;
       color:#000000;
       padding-left:100px;
       border:0px solid #ff0000;
       float:left;
     }
     .topMenu1 p{
        position:relative;
        width:120px;
        height: 35px;
        float:left;
        text-align:center;
        background-color: #ffffff;
        color:#93be22;
        font-size:14pt;
        text-decoration:none;
        line-height: 35px;
        text-transform: uppercase;
        font-weight: 700;
     }
     .topMenu1 p:hover{
       background-color: #93be22;
       color:#ffffff;
       text-decoration:none;
     }

     .foot {
       background: #93be22;
       color: #000000;
  	   font-size:12px;
	     width:100%;
	     height:40px;
	     clear:both;
     }
     .foot1 {
       position:relative;
	     width:100%;
	     margin:auto;
	     height:40px;
     }

     .foot1a {
	     text-align:left;
       padding-left:20px;
	     float:left;
	     width:20%;
     }
     .foot1b {
  	   text-align:right;
       padding-right:20px;
	     width:20%;
	     float:right;
     }
  }
  @media screen and (min-width: 1150px) {
    /******************** uvodni obrazovka CZV ****************/
  .uvodni{
    margin:auto;
    width:1100px;
  }
  .uvodniL{
    width:200px;
    background-color: #f2f5fa;
    color:#8099b4;
    display:block;
    float:left;
    padding-left:10px;
    padding-right:10px;
  }
  .uvodniL h3{
    color: #505090;
    background-color: #f2f5fa;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .uvodniL p{
   background-color: #f2f5fa;
   color:#505050;
   border:0px solid #000000;
   margin:0px;
   padding:0px;
   line-height: 22px;

}
  .uvodniP{
    width:860px;
    background-color: #ffffff;
    color:#000000;
    float:left;
    padding-left:10px;
    padding-right:10px;
  }

    /******************** uvodni obrazovka CZV ****************/

    /******************** clanek ****************/
    .nadpis{
      width:1100px;
      margin:auto;
    }

    .clanek{
      position:relative;
      width:1100px;
      margin:auto;
      height:auto;
      padding:0px;
      border:0px solid #0000ff;
    }
    .clanekL{
      width:750px;
      border:0px solid #ff0000;
      float:left;
    }
    .clanekP{
      width:320px;
      border:0px solid #ff0000;
      float:right;
    }
    
    .topMenuH{
      display:none;
    }
    .top1 {
       width:1120px;
       height: 80px;
       border:0px solid #ff0000;
    }
    .topMenu2{
      display:block;
      position:relative;
      background-color: #ffffff;
      color:#000000;
      padding-top:18px;
      padding-left:100px;
      border:0px solid #ff0000;
      float:left;
    }
     .topMenu2 p{
        position:relative;
        width:auto;
        padding-left:15px;
        border:0px solid #000000;
        float:left;
        text-align:center;
        background-color: #ffffff;
        color:#000000;
        font-size:9pt;
        text-decoration:none;
        font-weight: 300;
     }
     .topMenu2 p:hover{
       background-color: #ffffff;
       color:#000000;
       text-decoration:underline;
     }
     .foot1{
       display:block;
       width:1120px;
       margin:auto;
       border:0px solid #ff0000;
     }
     
  }

/********************* telo ****************/
  body{
    margin:0px;
    padding:0px;
    color: #000000;
    background-color: #f2f5fa;
    font: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration:none;
    font-weight: 550;
    height:100%;
    border: 0px solid #428e10;
  }




    /********* /zapati *************/