/****** prihlaska ******/
  form.prihlaska {padding:5px;}
      fieldset {clear:left; margin:0; padding:0; border:none}
      fieldset div.kratky {width:100%; margin-right:-1px}
	    fieldset div.dlouhy {width:100%; margin-right:-1px}
      fieldset div input.kratky{width:136px; margin:2px 0}
	    fieldset div input.stredni{width:254px; margin:2px 0}
	    fieldset div input.dlouhy{width:136px; margin:2px 0}
      fieldset label.kratky {float:left; clear:left; width:8em}
  	  fieldset label.dlouhy {float:left; clear:left; width:13.5em}

 /****** /prihlaska ******/
 /********************* uvodni obrazovka CZV ******************/
  .lista{
    display:none;
  }
  .uvodni{
    position:relative;
    width:100%;
    font-size:11pt;
    font-weight: 300;
  }
  .uvodniL{
    position:relative;
    width:100%;
    background-color: #f2f5fa;
    color:#8099b4;
    display:none;
  }
  .uvodniP{
    position:relative;
    width:100%;
    background-color: #ffffff;
    color:#000000;
    padding:5px;
  }
  .uvodniP a{
    background-color: #ffffff;
    color:#505090;
    font-size: 12pt;
    line-height: 20px;
    text-decoration:none;
    font-weight: 600;
  }
  .uvodniP a:hover{
    text-decoration:underline;
  }
  .uvodniP h1{
    font-size:20pt;
    font-weight: 500;
    background-color: #ffffff;
    color:#8099b4;
    text-transform: uppercase;
  }
  .uvodniP hr{
    border:0px solid #a0a0a0;
    border-top:1px solid #dddddd;
  }
  .volba{
    background-color: #f2f5fa;
    color:#505090;
    position:relative;
    width:100%;
    text-align:center;
    clear:both;
    font-size: 20px;
    line-height: 44px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom:20px;
  }

  .volba p{
    margin:auto;
    width:360px;
    background-color: #93be22;
    color:#ffffff;
    
    
  }
  .volba option{
    background-color: #93be22;
    color:#ffffff;
    font-size: 14px;
    font-weight: 700;

  }
  .volba select{
    background-color: #ffffff;
    color:#93be22;
    font-size: 14px;
    font-weight: 700;

  }

  /******************** clanek ****************/
  .upoutavka{
    position:relative;
    background-color: #ffffff;
    color:#8099b4;
    font-size:14pt;
    width:100%;
  }
  .upoutavka img{
    position:relative;
    width:100%;
    height:auto;
  }
  .up_text1{
    display:none;
  }
  .up_text2{
    display:none;
  }
  .up_text{
    position:absolute;
    top:20px;
    left:5px;
    width:255px;
    height:20px;
    background-color: #ffffff;
    color:#8099b4;
    text-transform: uppercase;
    font-size:12pt;
    font-weight: 300;
    padding:10px;
  }
  .up_odkaz p{
    text-transform: uppercase;
    font-size:10pt;
    font-weight: 600;
    padding:10px;
    position:absolute;
    top:46px;
    left:130px;
    width:130px;
    height:15px;
    text-decoration:none;
    background-color: #93be22;
    color:#ffffff;
  }
  .up_odkaz p:hover{
    text-decoration:none;
    background-color:#ffffff;
    color:#93be22;
  }
  .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-right:20px;
    padding-bottom:5px;
    background-color: #ffffff;
    color:#505050;
  }
  .clanek_text .error{
    background-color: #ffffff;
    color:#ff0000;
    border:1px solid #ff0000;
    padding:5px;
  }
  .clanek_text .odeslano{
    background-color: #ffffff;
    color:#000000;
    border:1px solid #000000;
    padding:5px;
    font-weight:600;
  }
  
  .clanek_text p{
    font-size:16pt;
    font-weight: 500;
    
  }
  .clanek_text h2{
    color: #8099b4;
    font-size:16pt;
    font-weight: 550;
  }
  .clanek_text h4{
    color: #505050;
    font-size: 14pt;
    font-weight: 700;
    line-height: 20px;
  }
  .clanek_text h3{
    color: #505050;
    font-size: 14pt;
    font-weight: 700;
  }

  .clanek_text a{
    color: #505090;
    font-size: 16pt;
    line-height: 22px;
    text-decoration:none;
    font-weight: 700;
  }
  .clanek_text a:hover{
    color: #505090;
    font-size: 16pt;
    line-height: 22px;
    text-decoration:underline;
    font-weight: 700;
  }

  .clanek_text .entry{
     position:relative;
     border:0px solid #000000;
     padding:10px;
     background-color: #ffffff;
     color:#000000;
   }
.clanek_text .entry h1{
    color: #8099b4;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
}
.clanek_text .entry h2{
    color: #8099b4;
    font-size: 17px;
    font-weight: 700;
}
.clanek_text .entry h4{
    color: #505050;
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
}
.clanek_text .entry a{
    color: #505090;
    font-size: 17px;
    line-height: 22px;
    text-decoration:none;
    font-weight: 700;
}
.clanek_text .entry a:hover{
    color: #505090;
    font-size: 17px;
    line-height: 22px;
    text-decoration:underline;
    font-weight: 700;
}

  .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_info .cervene{
    background-color: #ffffff;
    color:#ff0000;
  }
  .clanek_text .cervene{
    background-color: #ffffff;
    color:#ff0000;
  }
  .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 img{
    float:left;
    padding-right:10px;
  }

  .clanek_info p{
    font-weight: 550;
    font-size:12pt;
     background-color: #ffffff;
    color:#505050;
  }
  .clanek_info a{
    text-decoration:none;
    background-color: #ffffff;
      color:#505090;
  }
  .clanek_info a:hover{
    background-color: #ffffff;
      color:#505090;
    text-decoration:none;
  }
  .clanek_info p a:hover{
    background-color: #ffffff;
    color:#505090;
    text-decoration:underline;
  }
  
  .clanek_info h1{
     background-color: #93be22;
     color:#ffffff;
     font-size:12pt;
     width:165px;
     padding:0px 5px 0px 5px;
     font-weight: 700;
     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: 700;
     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 .levaC{
    background-color: #ffffff;
    color:#5f5f5f;
    font-size:10pt;
    font-weight: 100;
    line-height: 15px;
    padding-top:10px;
    padding-bottom:10px;
    width:50%;
    height:35px;
    float:left;
   border-bottom:1px solid #c2c5ca;
}
  .clanek_info .pravaC{
    background-color: #ffffff;
    color:#5f5f5f;
    font-size:10pt;
    font-weight: bold;
    line-height: 15px;
    padding-top:10px;
    padding-bottom:10px;
    width:50%;
    height:35px;
    float:left;
   border-bottom:1px 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;
  }
  .top1 {
    position:relative;
    background-color: #ffffff;
    color:#000000;
    width:100%;
    height: 60px;
    border:0px solid #0000ff;
    margin:auto;
    padding:0px;
  }
  .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;
   }
  .topMenuH:hover{
    cursor:pointer;
   }
   .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: 870px) {

  /****** prihlaska ******/
  form.prihlaska {padding:1.5em 2em 0.5em 1em;}
      fieldset {clear:left; margin:0; padding:0; border:none}
      fieldset div.kratky {float:left; width:50%; margin-right:-1px}
	    fieldset div.dlouhy {float:left; width:100%; margin-right:-1px}
      fieldset div input.kratky{width:236px; margin:2px 0}
	    fieldset div input.stredni{width:570px; margin:2px 0}
	    fieldset div input.dlouhy{width:570px; margin:2px 0}
      fieldset label.kratky {float:left; clear:left; width:8em}
  	  fieldset label.dlouhy {float:left; clear:left; width:13.5em}
 /****** /prihlaska ******/
 
    .lista{
      display:block;
      width:100%;
      height:25px;
      padding-left:20px;
      padding-top:10px;
      background-color: #f2f5fa;
      color:#8099b4;
    }
    .lista a{
      text-decoration:none;
    }
    .lista a:hover{
      text-decoration:underline;
    }
  
    .up_text{
    position:absolute;
    top:80px;
    left:20px;
    width:380px;
    height:30px;
    background-color: #ffffff;
    color:#8099b4;
    text-transform: uppercase;
    font-size:18pt;
    font-weight: 300;
    padding:10px;
  }
  .up_odkaz p{
    text-transform: uppercase;
    font-size:16pt;
    font-weight: 600;
    padding:10px;
    position:absolute;
    top:109px;
    left:195px;
    width:205px;
    height:25px;
    text-decoration:none;
    background-color: #93be22;
    color:#ffffff;
  }
  .up_odkaz p:hover{
    text-decoration:none;
    background-color:#ffffff;
    color:#93be22;
  }
  
    .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;
       padding-top:0px;
       border:0px solid #ff0000;
       height:80px;
       float:left;

     }
     .topMenu1 p{
        position:relative;
        width:150px;
        height: 30px;
        float:left;
        text-align:center;
        background-color: #ffffff;
        color:#93be22;
        font-size:18pt;
        text-decoration:none;
        text-transform: uppercase;
        font-weight: 900;
       border:0px solid #0000ff;
       padding:5px;
       margin-top:15px;3
     }
     .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) {

    .volba{
      display:none;

    }
    .lista{
      display:block;
      width:1100px;
      height:25px;
      padding-left:20px;
      padding-top:10px;
      margin:auto;
      background-color: #f2f5fa;
      color:#8099b4;
    }

  /************* uvodni obrazek *******/
  .up_text1{
    display:block;
    position:absolute;
    top:80px;
    left:20px;
    width:480px;
    height:90px;
    background-color: #93be22;
    color:#ffffff;
    text-transform: uppercase;
    font-size:30pt;
    font-weight: 900;
    padding:10px;
  }
  .up_text2{
    display:block;
    display:block;
    position:absolute;
    top:190px;
    left:20px;
    width:480px;
    height:80px;
    background-color: #ffffff;
    color:#505050;
    font-size:16pt;
    font-weight: 400;
    padding:10px;
  }
  .up_text{
    display:none;
  }
  .up_odkaz p{
    text-transform: uppercase;
    font-size:16pt;
    font-weight: 600;
    padding:10px;
    position:absolute;
    top:268px;
    left:295px;
    width:205px;
    height:25px;
    text-decoration:none;
    background-color: #93be22;
    color:#ffffff;
  }

    /******************** 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:0px;
      padding-left:0px;
      border:0px solid #ff0000;
      float:left;
        text-align:left;
    }
     .topMenu2 p{
        position:relative;
        width:170px;
        padding-left:10px;
        margin-top:15px;
        margin-bottom:0px;
        border:0px solid #000000;
        float:left;
        text-align:left;
        background-color: #ffffff;
        color:#000000;
        font-size:9pt;
        text-decoration:none;
        font-weight: 300;
      border:0px solid #ff0000;
     }
     .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 *************/