/* CSS Document */

body{
	background-color:#EFEFEF;
	font-family:arial;
	padding-bottom:500px;
	margin: 0px;

}
label {
	width: 180px;
	text-align:right;
}
.sirka_label, .msg{
	margin-left:195px;
	width:680px;
}

.fh2{
	margin-left:195px;
	width:680px;
}
p{
	line-height:1.5em;
}
#v_nahlad, #v_nahlad_uk{
	position: absolute;
	left:880px;
}
#terms{
	background-color:#EFEFEF;
}

.form_msg{
	background-color:#FDD;
	color: #C00;
	padding: 10px;
	margin-top:0;
}


.skr_predmet{
	line-height:1.5em;
	font-size:12px;
	vertical-align: top;
	border: solid 1px #CCC;
	padding:7px;
	width:500px;
	background-color:#FFF;
		
}
#v_sk, #v_uk{
	line-height:1.5em;
	width:500px;
	height:260px;
	border: solid 1px #CCC;
	font-size:12px;
	padding:7px;
	background-color:#FFF;
	position:relative;
}


.vLogo{
	position:absolute;
	height:100px;
	width:150px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: center center;	
}
.vKontakt{
	margin-left:158px;
}
.v_nazov_sk,
.v_nazov_uk{
	font-weight:bold;
}

.v_bottom{
	/*background-color:#FFC;*/
	position:absolute;
	bottom:15px;
	width: 500px;
	height:144px;
}
.vOsoba{
	
}
.vCinnost_sk, .vCinnost_uk{
	font-size:14px;
	position:absolute;
	bottom:0px;
	margin:0;
	padding:0 0 0 15px;
}



/* modal*/



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal .close:hover,
.modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 640px) {
	body {
		
	
	}
	
label {
	width:inherit;
	text-align:left;
	
}
.sirka_label, .msg{
	margin-left:0;
	width:auto;
}
.fh2{
	margin-left:0;
	width:inherit;
}
	
}