.cont_vers {
	position:absolute;
	max-width:350px;
	min-width:250px;
	width:auto;
	height:auto;
	border: 1px solid #bebebe;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:16px;
	z-index:2;
	background:#f1f1f1;
	padding:0px;
	margin:5px;
	box-shadow:5px 8px 6px #999999;
	color:gray;
	}

.tematic_vers {
	width:auto;
	height:auto;
	color: #4e2d00;
	background: #fefefe;
	padding:10px;
	border-radius: 5px;
	border-top: 0px solid orange;
	}

.tematic_head_vers {
	text-align:center; 
	width:100%; 
	padding-bottom:10px; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px;
	border-bottom: 1px solid orange;
	}

.verset_vers {
	cursor:pointer; 
	color:#9a1f00; 
	width:auto; 
	background: transparent;
	}

.close_vers {
	color: black;
	cursor: pointer;
	float: right;
	padding: 9px 15px;
	height: auto;
	font-size: 15px;
	font-weight: normal; 
	position:absolute;
	top:0;
	right:0;
	border:1px solid transparent;
	}
	
.close_vers:hover {
	background: #e1e1e1;
	color: red;
}

.click_vers {
	color: green;
	border: 0px solid orange;
	background: transparent;
	font-size:17px;
}

.click_vers:hover {
	cursor: pointer;
	color: red;
}

@media screen and (max-width:768px){
	.cont_vers {max-width:95%; width:95%; left:0px;}
	}