//Estilos de la pagina de escuela (Ejemplo url: /escuelas/alejandro-gutierrez)
.node-type-unidades {
	
	.horizontal-tabs {
		border: none;
	}

	.view-mode-escuelas_de_policia {

		.group-grupo-5 {
			background: $c-brand-whitesmoke;

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

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

		.field-name-field-director {
			@include inline-block(top);
			background: $c-white;
			border: 1px solid shade($c-brand-whitesmoke, 10);
			box-shadow: 1px 0px 6px shade($c-brand-whitesmoke, 20);
			display: inline-block;
			margin-right: 2%;
			padding-bottom: 23px!important;
			text-align: center;
			width: 40%;

			.group-director {
				background: $c-brand-whitesmoke;
				border-bottom: 1px solid shade($c-brand-whitesmoke, 20);
				margin-bottom: 1em!important;
				padding: 10px 0!important;

				.field-name-field-fotografia {
					border: 3px solid shade($c-brand-whitesmoke, 20);
				}
			}

			.field-name-field-nombre {
				color: $c-dimgray;
				font-size: 106%;
				margin: 10px 0;
			}
		}

		.group-grupo-6,
		.field-name-programas-acad-micos {
			@include holder;
		}
		
		.field-name-menu-unidad-2 {
			background: $c-menu-observatory;
			padding: 15px 0;
		}

		fieldset {
			padding: 0;
		}

		.group-atencion  {

			.field-name-atenci-n-al-usuario-2 {
				@include inline-block(top);
				border: none;
				margin: 0;
				width: 60%;
				position: absolute;
				right: 0;
				
				.field-collection-container  {
					width: 100%;
				}
				
				.field {
					color: $c-dimgray;
					margin-bottom: 10px;
					padding-left: 45px;
					position: relative;

					.field-label {
						font-weight: 100;
						text-transform: uppercase;
						width: 100%;
					}

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

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

					&: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;
					}
				}
			}
		}

		.view-noticias-unidades {
			.view-content {
				.views-row {
					width: 49%;

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

				.views-field-field-imagen-noticia {
					display: inline-block;
					float: left;
					margin-right: 2%;
					width: 40%;

					img {
						width: auto;
					}
				
					~ .views-field {
    					float: right;
    					margin-top: 1%;
    					margin-bottom: 0;
    					padding: 0;
   	 					width: 56%;
					}
				}

				.views-field-field-noticia-ciudad {
					padding-top: 5px!important;
				
					&:before {
						left: 0;
					}
				}
			}
		}

		.group-unidad {
			> .field,
			> .field-group-div {
				margin-right: 1%;
			 	width: 24%;

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