// Estilos pagina de seguridad en el  transporte (Url: /transito-transporte/ristra)
.page-node-128706 {

	@include banner-internal;

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

		.block-menu-menu-red-integral-de-seguridad-e {
			.menu {
				@include menu-pages($c-white, $c-white);
				margin: 0.8em 0;
			}
		}
	}

	.views-row-1 {
		.image-text-resume {
			h3 {
				@include title-block($c-brand-orange, 230%);
				clear: left;
				float: left;
    			font-size: 230%;
    			font-weight: 100;
    			line-height: 1;
    			margin-bottom: 5px;
    			text-align: left;
    			width: 36%;

				&:after {
					background: shade($c-silver, 20);
					margin-top: 20px;
				}
			}

			> p {
				float: left;
				clear: left;
    			width: 36%;

				// &:nth-child(1) {
				// 	@include title-block($c-brand-orange, 230%);
    // 				font-size: 230%;
    // 				font-weight: 100;
    // 				line-height: 1;
    // 				margin-bottom: 5px;
    // 				text-align: left;

				// 	&:after {
				// 		background: shade($c-silver, 20);
				// 		margin-top: 20px;
				// 	}
				// }

				&:nth-child(1) {
					color: $c-dimgray;
					font-size: 150%;
					font-weight: bold;
					margin-bottom: 5px; 
				}

				&:nth-child(2) {
					color: $c-dimgray;
					font-weight: 100;
					width: 27%;
				}
			}

			> ul {
				float: right;
				margin: -95px 0 0 0;
				width: 60%;

				li {
					@include inline-block(top);
					color: $c-dimgray;
					font-weight: 100;
					list-style: none;
					padding-left: 45px;
					position: relative;
					margin-bottom: 1em;
					width: 43%;

					h4 {
    					font-size: 104%;
    					font-weight: 100;
    					margin-bottom: 0;
					} 

					p {
						margin: 0;
					}

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

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

					&:nth-child(4),
					&:nth-child(5) {

						&:before {
							background-position: -189px -285px;
						}	
					}
					
					&:nth-child(3) {
						&:before {
							background-position: -189px -253px;
						}
					}	


				}
			}
		}
	}

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

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

				> .views-row-1 {
					@include reset-holder;
					background: $c-brand-whitesmoke;
					padding: 1.5em 0;

					.image-text {
						@include holder;
						@include holder-small(90%);

						.image-text {
							background: $c-white;
							box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
							border: 1px solid shade($c-brand-whitesmoke, 10);
							display: inline-block;
							padding: 2%;

							h2 {
								margin: 0;
							}
						}
					}
				}

			}
		}
	}

	.views-row-2 {
	 	.image-text {
			@include sections-image-text;		
				
			h2 {
				@include title-block(tint($c-dimgray, 10), 234%);
				font-weight: 100;
				margin-bottom: 20px;
				margin-top: 25px;
				text-align: center;

				&:after {
					margin: 15px auto 0 auto;
					width: 60px;
				}
			}
		}
	}
	
	.ver {
		.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: 60px;
			}
		}

		.view-empresas {
			@include sections-blocks-section;	
		}
	}

	.region-post-content {
		@include holder;
		@include holder-small(90%);

		.block-views {
			.block-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: 60px;
				}
			}
		}
	}
}

.pagina-ristra {

	.block-menu-menu-red-integral-de-seguridad-e {
		> .content {
			.menu {
				@include menu-pages($c-white, $c-white);	
				margin: 0.8em 0;
			}
		}
	}
}

