/* CSS Document */



body 
  {
   height: 100%;
   padding: 0px;
   margin: 0px;
   font-size: 16px;
   line-height: 1.4;
   letter-spacing: 0.4px;
   font-family: arial, helvetica, sans-serif;
   background-color: white;
   background-image: url("fap_b2.jpg");
   background-position: top;
   background-attachment: fixed;
   background-size: 50px;
 }

a:active, a:focus
  {
   outline: none;
  }

header
  {
   padding: 20px;
   color: white;
   display: block;
   overflow: hidden;
  }

.logo a
  {
   opacity: 1.0;
   padding: 0px 10px 2px 12px;
   margin-right: 50px; 
   font-size: 36px;
   font-weight: 700;
   text-decoration: none;
   border-top: 5px solid;
   border-bottom: 8px solid;
   border-radius: 25px;
   color: #00ff00;
   display: block;
   float: left;
   white-space: nowrap;
  }

.phone
  {
   padding-top: 15px;
   padding-bottom: 15px;
   width: 265px;
   color: #00ff00;
   font-size: 26px;
   font-weight: 700;
   display: block;
   float: left;
   white-space: nowrap;
   text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  }

nav
  {
   padding: 0px;
   margin: 0px;
   font-size: 20px;
   height: 100%;
   display: block;
   float: right;
   overflow: hidden;
  }  

nav a
  {
   color: white;
   text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  }

nav ul
  {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   color: white;
   overflow: hidden;
  }

nav li
  {
   margin: 0px;
   padding: 0px;
   display: block;
   float: left;
   text-align: center;
  }

nav li a
  {
   padding-top: 20px;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   display: block;
   text-align: center;
   color: white;
   text-decoration: none;
   font-weight: bold;
   white-space: nowrap;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
  }
  
nav li a:hover
  {
   color: #00ff00;
  }

nav li.active
  {
   border-bottom: 8px solid #00ff00;
   border-radius: 25px;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
  }

section
  {
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   max-width: 1024px;
   padding: 20px;
   line-height: 1.8;
   color: white;
   border-radius: 25px;
   background-color: rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 6px 1px black;
  }  

h1 
  {
   margin-top: 30px;
   margin-bottom: 10px;
   font-size: 20px;
   color: #00ff00;
  }
  
h2 
  {
   margin-top: 30px;
   margin-bottom: 10px;
   font-size: 20px;
   color: #00ff00;
  }    

h3 
  {
   margin-top: 30px;
   margin-bottom: 10px;
   font-size: 18px;
   color: #00ff00;
  }  

p
  {
   margin-top: 25px;
   margin-bottom: 45px;
  }

.green
  {
   color: #00ff00;
  }

iframe
  {
   margin-top: 0px;
   margin-bottom: 45px;
   width: 100%;
   height: 580px;
   display: block;
   float: left;
   overflow: hidden;
   border-radius: 25px;
   border: 0px;
  }

.maxwidth
  {
   margin-left: auto;
   margin-right: auto;
   max-width: 1024px;
  }

ul.picture
  {
    float: left;
    display: block;
    overflow: hidden;
  }
  
img
  {
   max-width: 390px;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   text-align: right;
   display: block;
  }
      

table
  {
   margin-top: 45px;
   margin-bottom: 5px;
   width: 100%;
   text-align: left;
   line-height: 1.4;
   color: white;
  }


.aligcenter
  {
   text-align: center;
  }

.pl table
  {
   margin: 0px;
   margin-top: 45px;
   margin-bottom: 15px;
   padding: 0px;
   width: 100%;
   line-height: 1.4;
   color: white;
   border-collapse: separate;
   border-spacing: 0px 4px;
  }


.pl tr
  {
   padding: 0px;
   margin: 0px;
  }

.pl th
  {
   padding: 12px;
   padding-left: 20px;
   padding-right: 20px;
   vertical-align: middle;
   color: #00ff00; 
   border-top: solid 1px #00ff00;
   border-bottom: solid 2px #00ff00;
   background-color: rgba(0, 0, 0, 0.7);
  }


.pl td
  {
   padding: 13px;
   padding-left: 20px;
   padding-right: 20px;
   vertical-align: middle;
   color: white; 
   background-color: rgba(0, 0, 0, 0.7);
  }

.pll
  {
   text-align: left;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-right: none;
   border-radius: 25px 0px 0px 25px;
  }

.plr
  {
   width: 20%;
   text-align: left;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-left: none;
   border-radius: 0px 25px 25px 0px;
  }


.compare table
  {
   margin-top: 45px;
   margin-bottom: 5px;
   width: 100%;
   line-height: 1.4;
   color: white;
   border-collapse: separate;
   border-spacing: 0px 0px;
  }


.compare th
  {
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: middle;
   text-align: center;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-bottom: solid 2px #00ff00;
   background-color: rgba(0, 0, 0, 0.7);
  }


.compare td
  {
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;
   width: 22%;
   vertical-align: top;
   color: white; 
   border: 1px solid rgba(0, 255, 0, 0.2);
   background-color: rgba(0, 0, 0, 0.7);
  }

.compare td p
  {
   margin-top: 0px;
   margin-bottom: 10px; 
  }


.cplt
  {
   text-align: left;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-right: none;
   border-radius: 25px 0px 0px 0px;
  }

.cprt
  {
   text-align: left;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-left: none;
   border-radius: 0px 25px 0px 0px;
  }

.cplb
  {
   text-align: left;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-right: none;
   border-radius: 0px 0px 0px 25px;
  }

.cprb
  {
   text-align: left;
   border: 1px solid rgba(0, 255, 0, 0.2);
   border-left: none;
   border-radius: 0px 0px 25px 0px;
  }



th.column1, td.column1
  {
   width: 6%;
   vertical-align: middle;
  }


th.column2, td.column2   
  {
   color: #00ff00;
  }

caption
  {
   padding: 5px;
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 2px;
  }

ul
  {
   padding-left: 20px;
   margin-left: -8px;
   margin-bottom: 15px;
  }

.compare
  {
   margin: 0px;
   overflow-x: auto;
  }

li.minus:before 
  {
   font-weight: 100;
   content: '✖ ';
   color: red;
  }
  
li.plus:before 
  {
   font-weight: 100;
   content: '✔ ';
   color: green;
  }

td ul
  {
   list-style-type: none;
   padding-left: 18px;
   margin: 0px;
   text-indent: -20px;
  }

input[type=text], select, textarea 
  {
   width: 100%;
   padding: 12px;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   margin-top: 6px;
   margin-bottom: 16px;
   resize: vertical;
   font-size: 16px;
   line-height: 1.4;
   font-family: arial, helvetica, sans-serif;
   outline: none;
   border-radius: 25px;
  }

input[type=text]:focus, select:focus, textarea:focus
  {
   border: 2px solid #00ff00;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
  }

input[type=text]
  {
   height: 50px;
  }

textarea
  {
   height: 150px;
  }
  
label
  {
   padding-left: 15px;
  }    

input[type=submit] 
  {
   background-color: black;
   color: white;
   padding: 12px 20px;
   border: solid 2px white;
   cursor: pointer;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.3;
   border-radius: 25px;
  }

input[type=submit]:hover 
  {
   color:#00ff00;
   background-color: #003300;
   border: solid 2px #00ff00;
  }

input[type=submit]:active
  {
   color: white;
  }
 

.container 
  {
   border-radius: 5px;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-top: 6px;
   margin-bottom: 16px;
  }

.infomsg
  {
   padding-left: 30px;
   font-weight: bold;
   font-size: 18px;
  }

.redtext
  {
   color: red;
  }  

.kontakty
  {
   display: inline-block;
  }

.kontakty ul
  {
   list-style-type: none;
   margin-top: 20px;
   margin-left: 30px;
   margin-right: 30px;
   margin-bottom: 0px;
   display: inline-block;
   white-space: nowrap;
   float: left;
   vertical-align: middle;
   border-radius: 25px;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 15px;
   width: 250px;
   text-align: center;
   white-space: nowrap;
   float: left;
  }

.kontakty li
  {
   list-style-type: none;
   display: inline-block;
   white-space: nowrap;
  }

.kontakty li a
  {
   color: #00ff00;
   text-decoration: none;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
  }


.kontakty li a:hover
  {
   color: white;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
  }


.kontakt
  {
   margin-top: 15px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   width: 400px;
   display: block;
   text-align: left;
   float: left;
  }

.kontakt ul
  {
   list-style-type: none;
   width: 200px;
   margin-top: 25px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 25px;
   display: block;
   text-indent: -20px;
   white-space: nowrap;
  }

.day
  {
   width: 80px; 
   text-align: left;
   float: left;
   display: block;
  }



#m, #m1
  {
   min-width: 350px;
   height: 360px;
   border-radius: 2px;
   margin-top: 55px;
   margin-bottom: 25px;
   display: block;
   border: solid 1px black;
   border-radius: 25px;
   overflow: hidden;
  }

.textbold
  {
   font-weight: bold;
   color: #00ff00;
  }

footer
  {
   padding: 10px;
   color: white;
   display: block;
   overflow: hidden;
  }

footer span
  {
   padding: 10px;
   width: 310px;
   height: 100%;
   color: white;
   text-align: center;
   white-space: nowrap;
   float: left;
  } 

.prov
  {
   padding: 15px;
   width: 100%;
   text-align: center;
   display: block;
   float: left;
  }

footer a
  {
   color: white;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
  }
footer a:hover  
   {
   color: #00ff00;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
   }

@media only screen and (max-width: 300px)
  {
    nav li.right, 
    nav li {float: none;}
  }