//Estilos de todas las paginas basicas.
.node-type-p-gina {
	#preface{

		.block-menu {

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

		#preface-third{
			margin-top: 1em;
			#page-title{
				@include title-block($c-b-gray, 234%);
				font-weight: 300;
	    		margin: 0 auto 28px auto;
				text-align: center;
				max-width: 660px;

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

	.field-name-field-video {
		margin: 1em 0;

		iframe {
			width: 100%;
		} 
	}

	#main{
		max-width: 660px;
		margin: 0 auto;

		.section{
			#content{
				color: $c-b-gray;
				font-weight: 100;

				.field-name-field-image{
					.field-items{
						@include ib-grid;
						text-align: center;

						.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%;

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

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

							.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;
							}

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

							}
						}
					}

					&.two-col {
						.field-item {
							width: 49%;

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

							&:nth-child(3n){
								margin-right: 1%;
							}
							
							.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%;
								}
							}
						}
					}
				}

				.field-name-field-imagen-grande {
					text-align: center;
					margin-bottom: 1em;

					.field-item {
						display: inline-block;
						position: relative;

						.galeria-title-image {
							background: rgba($c-black, 0.8);
							bottom: 2%;
							color: $c-white;
							left: 2%;
							padding: 2%;
							position: absolute;
						}
					}

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

					.field-item {
						margin-bottom: 10px;
						a, a:link {
   	 						color: #007336;
    						display: inline-block;
    						font-weight: 100;
    						font-size: 122%;
       	 					padding-right: 29px;
							position: relative;

							&:after {
								@include size(20px);
								background: url('../images/sprite.png') -181px -54px no-repeat;
	    		  				content: '';
	    		  				margin-top: -10px;
	    		  				position: absolute;
	    		  				right: 0;
	    		  				top: 50%;
							}
						}
					}
				}

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

				.field-name-field-objetos {
					border: none;
					display: inline-block;
					margin-top: 2em;
					text-align: center;
					width: 100%;

					.field-items{
						.field-item{
							@include inline-block(top);
							margin-right: 1%;
							background: $c-white;
							border: 1px solid shade($c-brand-whitesmoke, 10);
							box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
							margin-bottom: 1em;
							padding-bottom: 80px;
							position: relative;
							width: 23.948%;	
							
							&:nth-child(4n){
								margin-right: 0;
							}

							.field-collection-view{
								padding-top: 0;

								.field-name-field-title{
									text-align: center;
									color: $c-brand-green-dark-b;
									font-size: 0.8em;
								    word-break: keep-all;
								    line-height: 1.2;
								    margin: 9px auto;
								    font-weight: 500;
									width: 90%;
								}
								
								.field-name-field-archivo{
									bottom: 0;
									left: 0;
									padding-bottom: 7px;
									position: absolute;
									width: 100%;
									
									.content {
										.file{
											.file-icon, .file-size{
												display: none;
											}

											a, a:link {
						    					background: url('../images/link-icon-arrow-download.png') no-repeat center top;
						    					background-size: 50px;
						    					color: $c-dimgray;
						    					height: auto;
						    					line-height: 2;
						    					font-weight: 100;
						    					text-indent: -9999px;
						    					display: inline-block;
						    					width: 60px;
						    					height: 60px;
						    					text-decoration: none;
						    			}
									}
									}

								}
							}
						}
					}

					.field-collection-view{	
						margin: 0;

						.content{
							.field-name-field-body{
								table{
									width: 100% !important;	
								}

								img{
									border: 1px solid $c-b-gray;
								}
							}
						}
					}	
				}

				.field-name-field-multiple-archivo{
					width: 100%;
					display: inline-block;
					

					/* eliminar apenas esten todas las paginas basicas de descargables actualizadas */
					.field-items{
						.field-item{
							float: left;
							width: 23.948%;
							height: 265px;
							margin-right: 1%;
							background: $c-white;
							border: 1px solid shade($c-brand-whitesmoke, 10);
							box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
							display: inline-block;
							margin-bottom: 1em;
							padding: 0;
							
							&:nth-child(4n){
								margin-right: 0;
							}

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

								a, a:link {
				    				background: url('../images/link-icon-arrow-download.png') no-repeat center top;
				    				background-size: 50px;
				    				color: $c-dimgray;
				    				height: auto;
				    				line-height: 2;
				    				font-weight: 100;
				    				padding-top: image-height('../images/link-icon-arrow-download.png');
				    				margin-top: 200px;
				    				text-indent: -9999px;
				    				display: inline-block;
				    				width: 100%;
				    				text-decoration: none;
				    			}
							}
						}
					}
					/*-----*/
				}

				.sharethis-buttons{
					max-width: 240px;
					margin: 0 auto;
				}
			}
		}
	}

	//Revista criminal estilos.
	&.revista-criminalidad {
		#preface-first {
			background: $c-brand-green-dark;
		
			.block-seed-tools-seed-title {
				margin: 2.5em 0;
				> .content{
					#page-title {
						font-weight: bold;
    					font-size: 250%;	
					}
				} 
			}
		}
	}

	table,
	th,
	td {
		border: none;
	}
}