#container_center { 
	width: 310px; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}

#container_center p {
	margin: 0;
	padding: 0;
}

#container_center a:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	color: white;
}

#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.129;
	margin: -4px 1% -5%;
	padding:  0 0 0 1%;
}

.img_transition { 
	transition-duration: 0.5s; 			/* W3C */	
	-webkit-transition-duration: 0.5s;  /* Google Chrome/Safari Support */
	-moz-transition-duration: 0.5s; 	/* Mozilla Firefox Support */ 
	-o-transition-duration: 0.5s; 		/* Opera Support */
	overflow: hidden;
	height: 0px; 
}

#container_center:hover .img_transition { 
	height: 130px; 
}

.show-message { 
	width: 100%;
	transform-origin: top;				/* W3C */
	transition-duration: 0.5s;			/* W3C */	

	-webkit-transform-origin: top;		/* Google Chrome/Safari Support */
	-webkit-transition-duration: 0.5s;	/* Google Chrome/Safari Support */

	-moz-transform-origin: top;			/* Mozilla Firefox Support */
	-moz-transition-duration: 0.5s;		/* Mozilla Firefox Support */

	-o-transform-origin: top; 			/* Opera Support */
	-o-transition-duration: 0.5s;		/* Opera Support */

	font-size: 13px;
	font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;		
	font-weight: normal;
	color: #FFF;		
}

.show-message a {
  display: block;
  color: #FFF;
  text-decoration: none;
  text-align: left;
  position: relative;
}

#container_center:hover .show-message { 
	background: rgba(255, 255, 255, 1);	
	color: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	height: 130px;	
	width: 100%;
	transform: rotateX(0deg); 			/* W3C */	
	-webkit-transform: rotateX(0deg); 	/* Google Chrome/Safari Support */
	-moz-transform: rotateX(0deg); 		/* Mozilla Firefox Support */ 
	-o-transform: rotateX(0deg); 		/* Opera Support */
	border-bottom: 4px solid #81bbde;
}

#container_center2 { 
	width: 310px;
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}

#container_center2 p {
	margin: 0;
	padding: 0;
}

#container_center2 a:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	color: white;
}

#container_center2 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.129;
	margin: -4px 1% -5%;
	padding:  0 0 0 1%;
}

#container_center2:hover .img_transition { 
	height: 130px; 
}

#container_center2:hover .show-message { 
	background: rgba(255, 255, 255, 1);	
	color: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	height: 130px;	
	width: 100%;
	transform: rotateX(0deg); 			/* W3C */	
	-webkit-transform: rotateX(0deg); 	/* Google Chrome/Safari Support */
	-moz-transform: rotateX(0deg); 		/* Mozilla Firefox Support */ 
	-o-transform: rotateX(0deg); 		/* Opera Support */
	border-bottom: 4px solid #81bbde;
}


#container_center3 { 
	width: 310px;
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}

#container_center3 p {
	margin: 0;
	padding: 0;
}

#container_center3 a:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	color: white;
}

#container_center3 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.129;
	margin: -4px 1% -5%;
	padding:  0 0 0 1%;
}

#container_center3:hover .img_transition { 
	height: 130px; 
}

#container_center3:hover .show-message { 
	background: rgba(255, 255, 255, 1);	
	color: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	height: 130px;	
	width: 100%;
	transform: rotateX(0deg); 			/* W3C */	
	-webkit-transform: rotateX(0deg); 	/* Google Chrome/Safari Support */
	-moz-transform: rotateX(0deg); 		/* Mozilla Firefox Support */ 
	-o-transform: rotateX(0deg); 		/* Opera Support */
	border-bottom: 4px solid #81bbde;
}

#container_center4 { 
	width: 310px;
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}

#container_center4 p {
	margin: 0;
	padding: 0;
}

#container_center4 a:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	color: white;
}

#container_center4 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.129;
	margin: -4px 1% -5%;
	padding:  0 0 0 1%;
}

#container_center4:hover .img_transition { 
	height: 130px; 
}

#container_center4:hover .show-message { 
	background: rgba(255, 255, 255, 1);	
	color: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	height: 130px;	
	width: 100%;
	transform: rotateX(0deg); 			/* W3C */	
	-webkit-transform: rotateX(0deg); 	/* Google Chrome/Safari Support */
	-moz-transform: rotateX(0deg); 		/* Mozilla Firefox Support */ 
	-o-transform: rotateX(0deg); 		/* Opera Support */
	border-bottom: 4px solid #81bbde;
}

#container_center5 { 
	width: 310px;
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}

#container_center5 p {
	margin: 0;
	padding: 0;
}

#container_center5 a:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	color: white;
}

#container_center5 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.129;
	margin: -4px 1% -5%;
	padding:  0 0 0 1%;
}

#container_center5:hover .img_transition { 
	height: 130px; 
}

#container_center5:hover .show-message { 
	background: rgba(255, 255, 255, 1);	
	color: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 1) 0%, rgba(30, 87, 153, 1) 37%, rgba(41, 137, 216, 1) 100%, rgba(30, 87, 153, 1) 100%, rgba(30, 87, 153, 1) 13%, rgba(30, 87, 153, 0.8) 0%, rgba(30, 87, 153, 0) 78%) repeat scroll 0 0;
	height: 130px;	
	width: 100%;
	transform: rotateX(0deg); 			/* W3C */	
	-webkit-transform: rotateX(0deg); 	/* Google Chrome/Safari Support */
	-moz-transform: rotateX(0deg); 		/* Mozilla Firefox Support */ 
	-o-transform: rotateX(0deg); 		/* Opera Support */
	border-bottom: 4px solid #81bbde;
}




@media only screen and (max-width: 1280px) and (min-width: 768px) {
#container_center { 
	width: 96%; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.559;
	margin: -4px 1% -5%;
	padding:  0 0 0 1%;
	font-size: 12px;
}
#container_center2 { 
	width: 96%; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center3 { 
	width: 96%; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center4 { 
	width: 96%; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center5 { 
	width: 96%; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
	
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
#container_center { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0% 0% -3% 5%;
	padding: 0;
}
#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.559;
	margin: -4px 1% -4%;
	padding:  0 0 0 1%;
	font-size: 11px;
}
#container_center2 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0% 0% -3% 5%;
	padding: 0;
}
#container_center3 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0% 0% -3% 5%;
	padding: 0;
}
#container_center4 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0% 0% -3% 5%;
	padding: 0;
}
#container_center5 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0% 0% -3% 5%;
	padding: 0;
}
	
}
@media screen and (max-width: 768px) {
	#container_center { 
	width: 283px; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.429;
	margin: -4px 1% -8%;
	padding:  0 0 0 1%;
}
#container_center2 { 
	width: 283px; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center3 { 
	width: 283px; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center4 { 
	width: 283px; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center5 { 
	width: 283px; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
	
}

@media screen and (max-width: 700px) {
	#container_center { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.429;
	margin: -4px 0 -4.8%;
	padding:  0 0 0 1%;
}
#container_center2 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center3 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center4 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center5 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
	
}
@media screen and (max-width: 600px) {
	#container_center { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.429;
	margin: -4px 1% -4.8%;
	padding:  0 0 0 1%;
}
#container_center2 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center3 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center4 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
#container_center5 { 
	width: 61%; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 19%;
	padding: 0;
}
	
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	#container_center { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 6%;
	padding: 0;
}

#container_center2 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 6%;
	padding: 0;
}
#container_center3 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 6%;
	padding: 0;
}
#container_center4 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 6%;
	padding: 0;
}
#container_center5 { 
	width: 88%; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 5% 0% -3% 6%;
	padding: 0;
}

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
#container_center { 
	width: 100%; 
	height: 182px; 
	background: url(../images_hover_content_index/primarie.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.829;
	margin: -4px 1% -8%;
	padding:  0 0 0 1%;
	font-size: 83%;
}
#container_center2 { 
	width: 100%; 
	height: 182px; 
	background: url(../images_hover_content_index/consiliul_local.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center2 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.829;
	margin: -4px 1% -8%;
	padding:  0 0 0 1%;
	font-size: 83%;
}
#container_center3 { 
	width: 100%; 
	height: 182px; 
	background: url(../images_hover_content_index/informatii_publice.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center3 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.829;
	margin: -4px 1% -8%;
	padding:  0 0 0 1%;
	font-size: 83%;
}
#container_center4 { 
	width: 100%; 
	height: 182px; 
	background: url(../images_hover_content_index/comuna.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center4 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.829;
	margin: -4px 1% -8%;
	padding:  0 0 0 1%;
	font-size: 83%;
}

#container_center5 { 
	width: 100%; 
	height: 182px; 
	background: url(../images_hover_content_index/pnnr.jpg) 0 0 no-repeat;
	position: relative; 
	border: 1px solid #81bbde;
	margin: 0;
	padding: 0;
}
#container_center5 a {
	color: #020265;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	line-height: 2.829;
	margin: -4px 1% -8%;
	padding:  0 0 0 1%;
	font-size: 83%;
}


}