//Estilos pagina museo historico (Url: /museo)
.page-node-112601 {
	@include banner-internal;

	#preface-third {
		background: $c-menu-observatory;

		.block-menu-menu-museo-historico {
			.menu {
				@include menu-pages($c-white, $c-white);	
				margin: 0.8em 0;
			
				.menu-item {
					border-bottom: 1px solid tint($c-menu-observatory, 20);
					margin-right: 1%;
			  	 	margin-bottom: 0.2em;
					width: 17.25%;

			 		&:nth-child(5n) {
						margin-right: 0;
						
						~ .menu-item {
							border-bottom: none;
							margin-bottom: 0;
							padding-bottom: 0;
						}
					}
				}
			}
		}
	}

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

		.view-secciones-items {
			> .view-content {
				> .views-row {
					@include holder;
					@include holder-small(90%);

					&.views-row-7 {
						margin-top: 2em;
					}
					
					.image-text-bk {

						.image-text-bk {
							background: shade($c-brand-green, 10);
							border: 1px solid shade($c-brand-whitesmoke, 10);
							box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
    						display: inline-block;
							margin-bottom: 1.5em;
    						width: 100%;
						}

						img {
							@include inline-block(top);
							width: 56%;
						}

						.image-text-bk-resume {
							@include inline-block(top);
							padding: 3%;
							width: 37%;

							h2 {
								@include line-text('after', 0, $c-white, 70px);
								color: $c-white;
								font-size: 181%;
								font-weight: 100;
   			 					margin-bottom: 0.7em;
    							padding-bottom: 0.7em;
							}

							p {
								color: $c-white;
    							font-size: 100%;
								font-weight: 100;
							}
						}	
					}

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

								&:after {
									margin: 15px auto 0 auto;
									width: 75px;
								}
							}
						}
						> .view-content {
							@include block-color($items-color-museum);
						}
					}

					.image-text {

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

							&:after {
								margin: 15px auto 0 auto;
								width: 75px;
							}
						}

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

						&:after {
							margin: 15px auto 0 auto;
							width: 75px;
						}
					}

					.contact-block  {
						.views-field-title {
							float: left;
							margin-top: 2.5em;
							padding: 0 2%;
							width: 25%;

							h2 {
								color: tint($c-dimgray, 10);
								font-size: 240%;
								font-weight: 100;
								margin-bottom: 0.3em;
							}
						}

						.views-field-field-ciudad {
							clear: left;
							float: left;
							padding: 0 2%;
							width: 25%;

							h3 {
								@include line-text('after', 0, $c-silver, 70px);
								color: tint($c-dimgray, 10);
								font-size: 133%;	
								font-weight: 100;
								padding-bottom: 17px;
							}
						}

						.views-field-field-mapa {
							margin-top: -143px;
							float: right;
							width: 71%;

							img {
								width: 100%;
							}
						}

						.view-contact-block {
							border: 1px solid shade($c-brand-whitesmoke, 10);
							box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
    						overflow: hidden;
						
							.view-contact-block {
								box-shadow: none;
								border: none;
								border-top: 1px solid shade($c-brand-whitesmoke, 10);
								display: inline-block; 
								padding: 2%;
								width: 100%;

								.views-row {
									@include inline-block(top);
									color: $c-dimgray;
									margin-right: 1%;
									margin-bottom: 0.5em;
									padding-left: 3%;
									position: relative;
									width: 29%;

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

									.views-field-field-elemento {
										h4 {
											font-size: 94%;
											font-weight: 100;
											margin: 0;
											text-transform: uppercase;
										}	
									}

									.views-field-field-resumen {
										font-size: 0.9em;
										font-weight: 100;
										line-height: 1.1;
									}
								}

								.views-row-1 {
									&:before {
										background-position: -189px -285px;
									}
								}

								.views-row-2 {
									&:before {
										background-position: -189px -219px;
									}
								}

								.views-row-3 {
									&:before {
										background-position: -189px -187px;
									}
								}

								.views-row-4 {
									&:before {
										background-position: -189px -253px;
									}
								}

								.views-row-5 {
									&:before {
										background-position: -189px -154px;
									}
								}
							}
						}
					}
				}
		
				> .views-row-1 {
					@include reset-holder;
					background: $c-brand-whitesmoke;
					padding-bottom: 1em;

					.image-text {
						@include holder;
						@include holder-small(90%);
						
						.image-text {
							max-width: 100%;
						}
					}

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

						&:after {
							margin: 15px auto 0 auto;
							width: 75px;
						}
					}

					@include sections-image-text;

					.image-text-content {
						background: $c-white;
					}
				}

				> .views-row-2 {
					@include sections-video;
				}
			}
		}
	}
}