@charset "utf-8";
.container-tabele {
	text-decoration: none;
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	
}
.tabel {
	width: 50%
	display: flex;
	margin-left: 0px;
	margin-right: auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
	margin-top: 2%;
	}
	.email {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FF9;
	text-decoration: none;
	}
	.email:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0C0;
	text-decoration: none;
	}
.text-contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.cadru-contact {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	-webkit-box-shadow: inset 0 2px 22px -9px black;
	-moz-box-shadow: inset 0 2px 22px -9px black;
	box-shadow: inset 0 2px 22px -9px black;
	width: 50%;
	

	
}
@media screen and (min-width: 300px) and (max-width: 1000px) {
	
	.container-tabele {
		width: 100%;
}
.tabel {
	color: #3F6;
	width: 100%;
}
.cadru-contact {
	width: 95%;
}