//Estilos de la pagina observatorio del detito (Url: /observatorio-delito)
.group-observatorio-del-delito {

	#main {
		.group-grupo-4 {
			margin-bottom: 2em;
		}

		.group-grupo-1 {
			margin-bottom: 3em;
		}
	}

	.field-name-menu-observatorio-del-delito {
		background: $c-menu-observatory;
		margin-bottom: 1em;
	}

	#menu-policia-unidad-observatorio {
		@include menu-big;
		@include holder;
		@include holder-small(90%);
	}

	.group-contactenos  {
		border: 1px solid shade($c-brand-whitesmoke, 10);
		box-shadow: 1px 0px 6px shade($c-brand-whitesmoke, 20);

		> h3 {
			@include inline-block(top);
			@include title-block(tint($c-dimgray, 10), 190%);
			font-weight: 100;
			margin-bottom: 0.3em;
			padding: 2%;
			text-align: left;
			width: 26%;

			&:after {
    			background: tint($c-dimgray, 40);
    			margin: 12px 0 0;
    			width: 43px;
    		}
		}

		.field-collection-container {
			@include inline-block(top);
			border-bottom: none;
			margin: 0;
			padding: 1% 0;
			width: 70%;
		}

		.field-name-field-atenci-n-al-ciudadano {

			.field {
				padding-left: 35px;
				width: 43%;
			}
		}
	}

	.group-objetivo {
		@include holder;
		@include holder-small(90%);
		margin-bottom: 2em;

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

			&:after {
				background: tint($c-dimgray, 60);
				margin: 15px auto 0 auto;
				width: 75px;
			}

			a, a:link {
				font-weight: 100;
				color: $c-dimgray;
			}
		}

		.field-name-field-objetivo {
			background: $c-white;
			border: 1px solid shade($c-brand-whitesmoke, 10);
			box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
			padding: 2%;

			p {
				color: $c-dimgray;
				margin: 0;
    			font-size: 1.1em;
    			font-weight: 100;
    			line-height: 1.5;
			}
		}
	}
}