#contact-box {
	position: fixed;
	width: 250px;
	height: 40px;
	bottom: 0px;
	right: 0px;
	z-index: 99999;
}
#contact-body {
	position: absolute;
	background-color: white;
	color: rgb(50, 50, 50);
	width: 0px;
	height: 0px;
	bottom: 0px;
	right: 0px;
	font-size: 15px;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
#contact-label {
	position: absolute;
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	background-color: #74bbea;
	color: white;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
#contact-label:hover {
	color: rgb(132, 255, 9);
}
#contact-box:hover #contact-body {
	display: block;
	width: 400px;
	height: 480px;
	border-left: 1px solid #74bbea;
	border-top: 1px solid #74bbea;
	padding: 40px;
}
#contact-box:hover #contact-label {
	width: 0px;
	height: 0px;
	padding: 0px;
}
.contact-body-showed {
	display: block!important;
	bottom: 0px!important;
	right: 0px!important;
	width: 400px!important;
	height: 350px!important;
	border-left: 1px solid #929191!important;
	border-top: 1px solid #929191!important;
	padding: 40px!important;
}
#contact-box h2 {
	font-size: 16px;
	color: #26aae3;
}
form {
	float: left;
	width:350px;
}
.polozka_formulare {
	float: left;
	width:100%;
	margin: 10px 0px 0px 0px;
}
.polozka_formulare span {
	float: left;
	width:30%;
}
.polozka_formulare input {
	float: right;
	width:60%;
	padding: 5px 5px 5px 5px;
}
.polozka_formulare textarea {
	float: right;
	width:60%;
	height: 80px;
	padding: 5px 6px 5px 6px;
}
.polozka_formulare input.odeslat {
	background: #2d4a9d;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	color: #ffffff;
	float: right;
	width: 100px;
	padding: 10px 0px 10px 0px;
}
.polozka_formulare input.odeslat:hover {
	background: #74bbea;
}
 @media (max-width: 450px) {
 #contact-box:hover #contact-body {
 display: block;
 width: 250px;
 height: 540px;
 border-left: 1px solid #74bbea;
 border-top: 1px solid #74bbea;
 padding: 10px;
}
#contact-box:hover #contact-label {
 width: 0px;
 height: 0px;
 padding: 0px;
}
 .polozka_formulare span {
 float: none;
 width:90%;
}
.polozka_formulare input {
 float: none;
 width:90%;
 padding: 5px 5px 5px 5px;
}
.polozka_formulare textarea {
 float: none;
 width:90%;
 height: 80px;
 padding: 5px 6px 5px 6px;
}
form {
 float: left;
 width:250px;
}
 #contact-body {
 font-size: 12px;
}
}