#opisanie{
margin: 0 auto;
}

.frame{
width: 900px;
margin: 0 auto;
}

#opisanie_img{
width: 210px;
float: left;
margin-right: 30px;
}

#opisanie p{
font-family: Verdana;
color: #252525;
text-indent: 15px;
font-size: 17px;
margin: 15px 0;
text-align: justify;
}

#factor{
background: url(../images/factor.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 260px;
width:90%;
margin: 0 auto;
padding: 20px 40px;
}

#action{
background: url(../images/actions1.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 260px;
width:90%;
margin: 0 auto;
padding: 20px 40px;
}

#factor_text{
background-color: rgba(214, 221, 229,0.75);
width: 450px;
padding: 20px 30px;
float: left;
line-height: 17px;
}

#action_text{
background-color: rgba(214, 221, 229,0.75);
width: 450px;
padding: 20px 30px;
margin: 0 auto;
line-height: 17px;
}

#factor_text p, #action_text p{
color: #000;
font-family: 'Trebuchet MS';
font-style: italic;
font-size: 16px;
margin: 0;
text-indent: 15px;
text-align: justify;
word-spacing: 5px;
}

#factor_link p{
font-family: Verdana;
color: #252525;
text-indent: 15px;
font-size: 18px;
margin: 15px 0;
text-align: justify;
}

#factor_img{
width: 330px;
float: left;
margin-right: 30px;
}

#factor_nav{
width: 280px;
padding: 15px 20px;
font-family: 'Verdana';
font-size: 20px;
float: left;
}

#factor_nav ul{
padding-left: 15px;
}

#factor_nav li{
margin: 8px 0;
color: #dddddd;
}

.actions h3 {
	text-align: center;
}

#action_text .actions_a{
	font-size: 18px;
	margin: 15px 0 0 0;
}

#action_text .act_a p{
	color: #0043a8;
}

#action_text .actions_a:hover{
	text-decoration: underline;
}

#divFt{
	width: 580px;
	margin: 0 auto;
}

/* m.Uvildy */

@media screen and (max-width: 800px) {

	#head{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	#logo{
		width: 600px;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	#navigation ul{
		width: 600px;
		margin: 0 auto;
	}

	#navigation li{
		margin: 2px 1%;
	}

	main {
		min-width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.frame{
		width: 100%;
	}

	footer{
		min-width: 100%;
		max-width: 100%;
		padding: 0;
	}

	#factor, #action{
		width: 85%;
	}

	#factor_img{
		width: 32%;
	}
}

@media screen and (max-width: 580px) {
	#head{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	#logoarea {
    padding-bottom: 0px;
	height: auto;
    background-color: rgba(204, 238, 255, 0.72);
}

	#logo {
		width: 340px;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	#logo_img {
		width: 130px;
		/* margin-top: 15px; */
		float: none;
		/* text-align: center; */
		margin: 0 auto;
		display: block;
	}

	h1 {
		font-family: 'Times New Roman';
		font-size: 30px;
		color: #295580;
		font-style: normal;
		margin: 0;
		text-align: center;
	}

	h2 {
		font-family: 'Times New Roman';
		color: #295580;
		font-size: 19px;
		/* letter-spacing: 19px; */
		/* margin: 0 0 0 200px; */
		/* line-height: 20px; */
		margin: 0;
		text-align: center;
	}

	#navigation {
		height: 50px;
		background-color: #90B9CE;
		background-color: rgba(204, 238, 255, 0.72);
		margin: 0 auto;
		padding-bottom: 10px;
	}

	#navigation ul{
		width: 350px;
		margin: 0 auto;
	}

	#navigation li{
		margin: 3px 10px;
		font-size: 17px;
	}

	main {
		min-width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.frame{
		width: 100%;
	}

	footer{
		min-width: 100%;
		max-width: 100%;
		padding: 0;
	}

	#opisanie_img {
		margin-right: 15px;
		margin-bottom: 10px;
	}

	#factor, #action{
		width: 95%;
		padding: 5px;
		height: auto;
	}

	#factor_img{
		width: 32%;
	}

	#action_text, #factor_text{
		width: 80%;
		margin: 0 auto;
		float: none;
		margin-bottom: 10px;
	}

	#divFt{
		margin: 0 auto;
		width: 100%;
		margin-top: 10px;
	}
}

.callbackLeftArea{
	float: left;
	width: 40%;
}

.callbackRightArea{
	float: left;
	width: 60%;
}

#callback label{
	display: block;
  margin: 20px 0;
  line-height: 25px;
	font-size: 17px;
  font-family: arial;
}

#callback .callbackLeftArea input{
	float: right;
  margin-right: 20px;
  width: 180px;
  height: 20px;
	cursor: auto;
	padding: 1px;
	border-width: 2px;
	border-style: inset;
	border-color: initial;
	border-image: initial;
}

#callback .callbackLeftArea label:first-child{
	margin-top: 0;
}

textarea{
	width: 97%;
	max-width: 97%;
	margin-left: 3%;
	min-height: 65px;
	border-color: rgb(169, 169, 169);
	font-size: 16px;
	font-family: arial;
}

#submBtn{
	margin-top: 15px;
	font-size: 17px;
	font-family: arial;
}

.covid{
	color: #244d0e;
	text-decoration: none;
}

.covid:hover{
	text-decoration: underline;
	color: #1b6619;
}
#top-phone {padding: 0;}