html{
	width: 100%;
    height: 100%;
    overflow-y: scroll;
}
html, body{
 


 margin:0; 
 padding:0; 

 font-size: 20px;
 color: #4c4c4c;
 background-color: transparent;
 min-width: 100%;
 -webkit-text-size-adjust:100%;
 min-width: 360px;
}


body{
	background-color: white;
	font-family:'Muli';
	font-weight: normal;
}
.blueblok{
	background-color: #CCEEF9;
}
.pad30{
	padding: 30px;
	font-weight: lighter;
}
.wave{
	display: block;
	background-image: url(../images/wave.png);
	background-position: 50% 50%;
	width: 100%;
	height: 78px;
}

.logo{
	background-image: url(../images/logo.jpg);
	background-position: 50% 50%;
	display: block;
	max-width: 600px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
.vista{
	background-image: url(../images/vista.jpg);
	background-position: 50% 50%;
	display: block;
	max-width: 600px;
	height: 200px;
}

.whblok{
	background-color: white;
	
}

.pad_bot{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;

	margin-bottom: -150px;
	position: relative;
	z-index: 2;
	font-size: 16px;
	background-color: #F1F8FB;
}
.radius{

	-webkit-border-radius: 5px!important;
-moz-border-radius: 5px!important;
border-radius: 5px!important;
}
strong{
	font-weight: bold;
}
h1,h2,h3,h4,h5,h6{
	color:#30216b;
	font-family:'Muli';
}
h1{
	font-family:'Quicksand';
	font-weight:bold
}
h2{
	color:#a700de;
	font-size:1.9rem;
	margin-bottom:2rem
}
h2.nadp2{
	color:#4c4c4c;
	font-size: 22px;
	font-weight: 300;
}
h2.nadp2 strong{
	color:#4c4c4c;
	font-size: 22px;
	font-weight: 700;
}

h2.f30{
	font-size: 30px;
	font-weight: lighter;
	
}
h4{
	font-weight: bold;
}

a,a:hover{
	color:#00b8f5;
	text-decoration:underline
}
ul li{
	list-style-type:none;
	color:#30216b
}
input[type="text"],input[type="number"],input[type="password"]{
	margin:10 px;
	width:100%;
	max-width:300px;
	border: 1px solid silver;
	background-color: white;
}

input[type="submit"]{
	background-color: #8E00BD;
	padding: 10px;
	border: none;
	color: white;
	font-family:'Muli';
	font-size: 16px;
	font-weight: lighter; 	
}
input[type="submit"]:hover{
	background-color: green;
	cursor: pointer;
}


.center{
	text-align: center;
}
.kroky{
	font-size: 16px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.info-box{
	background-color: #E2ECF0;
}



@media screen and (max-width: 39.9375em){
	input[type="text"],input[type="number"],input[type="password"]{
	margin:auto
	}
}