#rcont {
	background:#BFD8d2;
	text-align:center;
	padding: 30px 0px 126px;
}
#rtxt, #forma {
	font-size: 18px;
	padding:55px;
	background:#eff1f3;
	width:50%;
	margin:auto;
	margin-bottom: 30px;
}
#forma {
	padding:0px;
	display: none;
	text-align: left;
	width:calc(50% + 110px);
}
#tit {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}
#date {
	margin-bottom: 30px;
}
#txt {
	text-align: left;
}
#ftit {
	background: #393C3F;
	color:#fff;
	padding: 10px 35px;
	font-size:18px;
	overflow: auto;
}
#ffrm {
	margin:35px;
	font-size:18px;
}
.hab {
	background: #393C3F;
	color:#fff;
	cursor: pointer;
	display:inline;
	padding: 10px 20px;
	font-size:18px;
}
#h_a_i {margin-left:0px; margin-right: 10px;}
.hab:hover #h_a_i  {margin-left: 10px; margin-right: 0px;}

#ffrm input[type="text"] {
	background:none;
	border:none;
	border-bottom:1px solid #adadad;
	font-size:18px;
	width: 325px;
	max-width: 100%;
	color:#66f;
}
#ffrm input[type="radio"] {
	/*width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;*/
}
#ffrm label {
	color:#adadad;
	/*display: block;
    padding-left: 15px;
    text-indent: -15px;*/
}
#ffrm :checked+label{ color:#66f; } 
#ffrm textarea {
	color:#66f;
	border: none;
	resize: none;
	width: calc(100% - 10px);
	font-family: 'Exo 2';
	font-size: 18px;
	margin-top:15px;
	height:15em;
}
.cntr {
	color: #adadad;
    float: right;
    font-size: 14px;
    margin-right: 5px;
    margin-top:-8px;
}
#t_javno, #t_obvezno {
	/*float:right; */
}
#t_javno {
	color:#2c8d78;
}
#t_obvezno {
	color:#ed5858;
	margin-right: 20px;
}
.t_javnod, .d_javno, .t_obveznod, .d_obvezno {
	height:7px; 
	width:7px; 
	margin-top:7px; 
	border-radius:50%; 
	display:inline-block;
	margin-bottom: 3px;
    margin-left: 4px;
}
.t_javnod, .d_javno {
	background-color:#2c8d78; 
}
.t_obveznod, .d_obvezno {
	background-color:#ed5858; 
}
.t_javnod, .t_obveznod {
	float:left; 
}
.t_javnod, .t_obveznod {
	margin-right:10px; 
}

@media screen and (max-width: 900px) {
	#forma {width:90%;}
	#rtxt {width:calc(90% - 110px);}
}
@media screen and (max-width: 500px) {
	#forma {width:100%;}
	#rtxt {
		width:calc(100% - 40px);
		padding: 20px;
	}
	#ffrm {margin:15px;}
}