html,body {
	background:#0f367f;
	background-image: url("../img/fonda.png");
	color: #0f367f;
}

.ifonda {
	height: 100%;
	font:inherit;
	font-family: roboto_reg;
	font-size: 14px;
    vertical-align:baseline;
	letter-spacing: 1px;
	color: #0f367f;
    padding-top: 30px;
}

.iborda {
	width: 310px;
	margin: auto;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: white;
	color: #0f367f;
}
.iborda img {
	width: 180px;
}
.iborda .img2 {
	width: 160px;
}
.iborda .capth {
	width: 85%;
}

.itexta {
    margin-top: 10px;
}
.itexta input {
	color: #0f367f;
	background-color: #f1f1f1;
}
.itexta select {
	color: #0f367f;
	background-color: #f1f1f1;
}
.itexta .botn {
	height: 45px;
}

.itexti {
    margin-top: 30px;
}

@font-face {
	font-family: roboto_reg;
	src: url(../fonts/roboto_regular.eof), url(../fonts/roboto_regular.svg), url(../fonts/roboto_regular.ttf), url(../fonts/roboto_regular.woff), url(../fonts/roboto_regular.woff2);
	font-weight: bold;
}


@media screen and (max-width: 600px) {
	.ifonda {
		font-size: 16px;
	}
	.iborda {
		width: 80%;
		margin: auto;
		border: 0px solid black;
	}
	.iborda .capth {
		width: 90%;
		height: 35px;
	}

	.itexta input {
		height: 35px;
	}
	.itexta select {
		height: 35px;
	}
	.itexta .botn {
		height: 50px;
	}
}