/* Tlačítko */
    
    
    .myButton:focus{
     	outline: none;
    }

    .myButton img {
      margin: 0px 10px 1px 0;
    }
      
    .myButton
    {
      border-radius: 10px;
    	font-size:15px;
      border: 2px solid black;
    	color:black;
    	background-color:white;
    	margin: 0px 20px;
    	padding: 15px 15px;
    	text-align: center;
    	text-decoration: none;
    }
      
    .myButton:hover
    {
      border-radius: 10px;    
    	background-color: #f96821; 
    	color: black;
      border: 2px solid black;
    	text-decoration: none;
    }
    
    /* Výhody obrázky */
   .vyhodyObrazky {
    width:49%; 
    float:left; 
    text-align:right;
   }       

    /* Výhody texty */
   .vyhodyTexty {
    width:50%; 
    float:left; 
    text-align:left; 
    padding-top:15px
   }      

 
/* Nadpis s logem */
   .nadpisslogem {
   font-size:0.96em;
   color: white;
   font-weight:10px;
   margin-left: 10px;
   }   
   
/* Úvodní nadpis*/
   .uvodninadpis {
    font-size: 1.75em;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    color: #fff;
   }    
   
/* Úvodní nadpis na homepage*/
   .nadpisH1 {
    font-size: 2em;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    color: #646464;
   }  

/* Úvodní nadpis do podstránek*/
   .nadpispodstrankaH1 {
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: -0.025em;
    color: #646464;
   }   
   

/* Nadpis certifikátu*/
   .nadpisCertifikat {
    font-size: 1.5em;
    line-height: 1em;
    letter-spacing: -0.025em;
    color: #646464;
   } 
    
  /* Pruh s telefonem a formem */
  
    .pruhNP {
       text-align: center;
       font-weight: bold;
       color: black;
       background: #d3d3d3;
       padding: 20px 0;
       margin: 30px 0;
    } 
    
    .zavolat{
      float:left; 
      text-align:center; 
      width:10%;
      padding-left:60px;
    }     
    
    .cislo{
      float:left; 
      text-align:center; 
      width:37%;
      padding-left:55px;
    }
    
    .napiste{
      float:left; 
      text-align:center; 
      width:10%;
      padding-left:50px;
    }
    
    .formular{
      float:left; 
      text-align:center; 
      width:43%;
    }
    
  /* Patička */
    .paticka {
     font-size:14px;
     color:black; 
     padding:0;
     margin:0;     
    
    }

         
  /* Odkazy */
    a.odkazy {
    text-decoration:none;
    color: black;
    }
    
    a.odkazy:hover {
    text-decoration:none;
    color:white;
    }
    
/* Odkazy head*/
    a.odkazyHead {
    text-decoration:none;
    color: white;
    font-size:0.96em;
    
    }
    
    a.odkazyHead:hover {
    color: white;
    font-size:0.96em;
    
    }
    
/* Kontakty*/
   .kontakty {
    width:100%; 
    background-color:#f96821;
    border:0px;
   }  
   
   .seznamKontakt {
    width:33%;
    float:left;
    margin:25px 0 25px 0;
   }
     
/* Banner */

	#bannerNP {
		background-color: #666;
		padding: 7em 5em;
	}

		#bannerNP :last-child {
			margin-bottom: 0;
		}

		#bannerNP h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
		}

		#bannerNP h2 {
			font-size: 3.5em;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#bannerNP p {
			font-size: 1.25em;
			margin-bottom: 1.75em;
		}

		#bannerNP input[type="submit"],
		#bannerNP input[type="reset"],
		#bannerNP input[type="button"],
		#bannerNP .button {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
			color: #fff;
			min-width: 12em;
		}

			#bannerNP input[type="submit"]:hover,
			#bannerNP input[type="reset"]:hover,
			#bannerNP input[type="button"]:hover,
			#bannerNP .button:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}

			#bannerNP input[type="submit"]:active,
			#bannerNP input[type="reset"]:active,
			#bannerNP input[type="button"]:active,
			#bannerNP .button:active {
				background-color: rgba(255, 255, 255, 0.2);
			}

			#bannerNP input[type="submit"].special,
			#bannerNP input[type="reset"].special,
			#bannerNP input[type="button"].special,
			#bannerNP .button.special {
				background: #fff;
				color: #666 !important;
			}
   
   

/* Sekce Form */
   	#sekceform {
		background: #e89980;
		color: #f9e5df;
		padding: 3.5em 0 4em 0;
		text-align: center;
    float: center;
	}
  
    #tableForm {
    text-align:center; 
    width:60%; 
    color: black; 
    background-color:#f96821;
    }
  
    

		#sekceform h2, #cta h3, #cta h4, #cta h5, #cta h6 {
			color: inherit;
		}

		#sekceform form {
			width: 100%; 
      background: #f96821;
		}

		#sekceform input[type="submit"],
		#sekceform input[type="reset"],
		#sekceform input[type="button"],
		#sekceform .button {
			box-shadow: none;
			background: #fff;
			color: #e89980;
		}

		#sekceform input[type="text"],
		#sekceform input[type="password"],
		#sekceform input[type="email"],
		#sekceform select,
		#sekceform textarea {
			color: #ffffff;
			background: rgba(255, 255, 255, 0.15);
			border: 0;
		}

			#sekceform input[type="text"]:focus,
			#sekceform input[type="password"]:focus,
			#sekceform input[type="email"]:focus,
			#sekceform select:focus,
			#sekceform textarea:focus {
				box-shadow: inset 0 0 0 1px #fff;
			}

		#sekceform ::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#sekceform :-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#sekceform ::-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#sekceform :-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#sekceform .formerize-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}
    
@media screen and (max-width: 736px) {

#tableForm{
    width:100%;
  
}           

#sekceform textarea{
   width:70%;
}

   .seznamKontakt {
    width:100%;
    float:left;
    margin:25px 0 25px 0;
   }

}

@media screen and (max-width: 1280px) {
    .zavolat{
      width:100%;
      padding:10px 10px 10px 0px;

    }     
    
    .cislo{
      width:100%;
      padding:10px;
    }
    
    .napiste{
       width:100%;
       padding:10px 10px 10px 0px;
       font-size:60%;
    }
    
    .formular{
      width:100%;
      padding:10px;
    }
    
}


#styleClanek p {
  text-align:justify;
}

#styleClanek ul {
  text-align:justify;
}

#styleClanek strong {
  text-align:justify;
  font-weight:bold;
  font-size: 0.96em;
  color: black;
}

.hamburger {
	padding: 22px 15px 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; 
}
.hamburger:hover {
	opacity: 0.7; 
}
	
.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative; 
}
	
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; 
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 100%;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; 
}
.hamburger-inner::before {
	top: -10px; 
}
.hamburger-inner::after {
	bottom: -10px; 
}
	

.hamburger--arrow.is-active .hamburger-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); 
}

.hamburger--arrow.is-active .hamburger-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); 
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
  
.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); 
}
  
a.mobile-menu-phone {
  font-size: 1.2em;
  font-weight: bold;
  color: #f96821;
}

.form-message {
  font-size: 1.5em;
  color: #ffffff;
  border: 2px dashed #ffffff;
  display: inline-block;
  padding: 15px;
}