//Estilos de los bloques de contacto de las paginas de unidades
.group-contactenos,
.group-contacto {
	margin-top: 1.5em;

	> h3,
	> h2 {
		@include title-block(tint($c-dimgray, 10), 234%);
    	font-weight: 100;	
    	margin-bottom: 1em;
    	margin-top: 10px;
    	text-align: center;

    	&:after {
    		margin: 0.4em auto 0;
    		width: 54px;
    	}
	}

	.group-contac,
	.group-contact {
		box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
		border: 1px solid shade($c-brand-whitesmoke, 10);
		margin-bottom: 1em;
		position: relative;

		h3 {
			color: tint($c-dimgray, 10);
		    font-size: 225%;
			font-weight: 100;
			margin-bottom: 0.4em;
		}

		.field-name-field-noticia-ciudad {
			color: tint($c-dimgray, 10);
			font-size: 108%;
    		font-weight: 100;
    		padding-bottom: 1em;

    		@include line-text(after, 0, tint($c-dimgray, 60), 55px);
		}
	}

	.field-name-field-ubicacion {
		border-bottom: 1px solid shade($c-brand-whitesmoke, 10);

		.group-localizacion {
			@include inline-block(middle);
    		padding: 2%;
			width: 25%;
		}

		.field-name-field-mapa {
			@include inline-block(middle);
			width: 71%;

			.geolocation-googlemaps-static {
				height: auto;
				width: 100%;
			}
		}		
	}

	.geolocation-map {
		margin: 0;
		width: 100%!important;
	}

	.field-collection-container {
		border: none;
		margin: 0;
    	padding: 2%;
		
		.field-collection-view {
			margin: 0;
			padding: 0;
		}
	}

	.field-name-field-atenci-n-al-ciudadano {
		.field {
			@include inline-block(top);
    		color: $c-dimgray;
    		margin-right: 1%;
    		margin-bottom: 0.5em;
		    padding-left: 3%;
		    position: relative;
    		width: 29%;
    	
    		.field-label {
    			font-weight: 100;
    			text-transform: uppercase;
    		}

    		.field-items {
    			font-size: 0.9em;
    			line-height: 1.1;
    		}

			&:before {
				@include size(28px);
				content: '';
				background: url('../images/sprite.png') no-repeat;
				display: inline-block;
				position: absolute;
				left: 0;
				top: 3px;
			}
		}

		.field-name-field-direccion {
			&:before {
				background-position: -189px -285px;			
			}
		}
		.field-name-field-horarios {
			&:before {
				background-position: -189px -219px;
			}
		}
		.field-name-field-telefonos {
			&:before {
				background-position: -189px -187px;
			}
		}
		.field-name-field-correos {
			&:before {
				background-position: -189px -253px;
			}
		}
		.field-name-field-twitter {
			&:before {
				background-position: -189px -154px;
			}
		}
	}

	.field-name-field-inscripcion {
    	bottom: 7%;
   	 	position: absolute;
    	right: 0;
    	width: 32%;
		
		a, a:link {
			@include button;
			padding: 4px 15px;
		}
	}
}