//Estilos pagina basica de unidad.
.page-unidades.node-type-p-gina-unidad {

	#preface-first {
		margin-bottom: 0;
	}
	#preface {
		background: $c-menu-observatory;
    	position: relative;
		
		.block-seed-tools-seed-breadcrumb {
			background: rgba($c-black, 0.4);
			margin: 0;
			left: 0;
			padding: 8px 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;

			> .content {
				@include holder;
			}

			#breadcrumb {
				a, a:link {
					color: $c-white;
					font-weight: 100;
				}
				
				.nolink {
					color: $c-white;
					font-weight: 100;
				}
			}
		}

			
		#page-title {
			color: $c-white;
    		font-size: 201%;
			font-weight: 100;
			margin-top: 0.7em;
			margin-bottom: 1em;
			text-align: left;

			&:after {
				content: none;
			}
		}
	}

	#main-inner {
		.section {
			@include reset-holder;
		}

		.field-name-menu-observatorio-del-delito,
		.field-name-menu-unidad {
			background: $c-menu-observatory;;
			margin-bottom: 2em;

			ul {
				@include holder;
			}

			~ div {
				@include holder;
    			color: $c-dimgray;
				max-width: 660px;
			}
		}

		.field-name-field-mapa {
			.geolocation-map {
				width: 100%!important;
			}
		}
		
		.field-group-div > h3,
		.field-name-field-title {
			@include title-block(tint($c-dimgray, 10), 234%);
    		font-weight: 100;
    		line-height: 1;
   			margin-bottom: 26px;
    		margin-top: 1em;
    		text-align: center;
    		
    		&:after {
    			margin: 0.4em auto 0;
    			width: 54px;
    		}
		}

		.field-name-field-body {
			color: $c-b-gray;
    		font-weight: 100;
    		margin-bottom: 1em;
		}

		.field-name-field-uniforme {
			text-align: center;
		}

		.link-element {
			display: inline-block;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			z-index: 2;
		}

		.galeria-title-image {
			background: rgba($c-black, 0.5) url('../images/icon-view-article.png') no-repeat center 10%;
			bottom: -100%;
			left: 0;
			padding: 32% 2% 0;
			box-sizing: border-box;
			color: $c-white;
			position: absolute;
    		width: 100%;
    		height: 100%;
    		transition: bottom 1s;
    		text-align: left;
    		z-index: 1;
		}

		.two-col {
			.field-item,
			.field-name-field-fotografia {
				width: 49%!important;

				&:nth-child(2n){
					margin-right: 0!important;
				}

				&:nth-child(3n){
					margin-right: 1%!important;
				}
							
				.link-element {
					background: rgba($c-black, 0.5) url('../images/icon-view-article.png') no-repeat center 40%;
					display: none;
				}
				.galeria-title-image {
					background: rgba($c-black, 0.8);
					bottom: 2%;
					left: 2%;
					padding: 2%;
					height: auto;
					width: auto;
    				transition: none;
				}

				&:hover {
					.link-element {
						display: block;
					}

					.galeria-title-image {
						bottom: 2%!important;
					}
				}
			}

			&.one-image {
				.field-item,
				.field-name-field-fotografia {
					width: auto!important;
				}
			}
		}

		.group-uniforme,
		.field-type-image {
			margin-bottom: 1em;
			text-align: center;

			.field-name-field-fotografia,
			.field-item {
				@include inline-block(top);
				box-shadow: 0 0 2px $c-dimgray;
				margin-right: 1%;
				margin-bottom: 1.5%;
				position: relative;
				overflow: hidden;
				width: 32.5%;

				&:nth-child(3n) {
					margin-right: 0;
				}

				&:hover {
					.galeria-title-image {
						bottom: 0;
					}

				}
			}
		}

		.field-name-field-body {
			text-align: left;
		}
		
		.field-name-field-lista-descargable {
			> .field-items {
				@include ib-grid;
				text-align: center;
			}

			.field-item {
				@include inline-block(top);
				box-shadow: 1px 0px 6px shade($c-brand-whitesmoke, 20);
				border: 1px solid shade($c-brand-whitesmoke, 20);
				padding: 1%;
				text-align: center;
				margin-right: 2%;
				margin-bottom: 2%;
				padding-bottom: 80px;
				position: relative;
				width: 21%;	

				&:nth-child(4n) {
					margin-right: 0;
				}
			}

				
			.field-name-field-version {
				color: $c-brand-green-dark;
				font-size: 120%;
			}

			.field-name-field-archivo {
				bottom: 0;
				left: 0;
				padding-bottom: 7px;
				position: absolute;
				width: 100%;

				.file-size,
				img {
					display: none;
				}

				a, a:link {
					@include size(60px);
					@include imgreplace;
					background: url('../images/sprite.png') no-repeat -81px -262px;
				}
			}

			.field-name-field-title {
				color: $c-brand-green-dark;
				font-size: 100%;
				margin: 0;

				&:after {
					content: none;
				}
			}
		}
	}

	.menu-policia-unidad {
		@include  menu-pages($c-white, $c-white);
	}

	#menu-policia-unidad-observatorio {
		@include menu-big;
	}

	.field-name-sharethis {
		text-align: center;
	}
	
	table,
	th,
	td {
		border: none;
	}
}