.node-type-subsitio {
	@include banner-internal;

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

	.group-grupo-1 {
		background: $c-brand-whitesmoke;
		padding-top: 2em;

		.field-name-field-titulo-items {
			@include title-block(tint($c-dimgray, 10), 234%);
			display: inline-block;
			margin: 0;
			font-weight: 100;
			text-align: center;
			width: 100%;

			&:after {
				background: tint($c-dimgray, 40);
				margin: 30px auto;
				width: 55px;
			}
		}
	}

	.field-name-subsitio-items {
		@include holder;

		.view-subsitio  {
			.views-row {
				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;
				width: 100%;

				.views-field-field-unica-imagen {
					display: inline-block;
					float: left;
					width: 43%;

					.field-content {
						display: table-cell;
						vertical-align: middle;
					}
				}

				.fieldset {
					color: $c-dimgray;
    				font-size: 1.1em;
    				font-weight: 100;
					float: right;
    				line-height: 1.5;
					padding: 2%;
					width: 51%;

					.views-field-field-links {

						ul {
							list-style: none;
							margin: 0;

							li {
								@include inline-block(top);
								margin-right: 5%;
								width: 42%;
							}
						}
					}

    				a, a:link {
    					color: $c-brand-green-dark;
    					display: inline-block;
    					font-size: 90%;
    					font-weight: 100;
    					padding-right: 21px;
    					position: relative;


    					&:after {
    						background: url('../images/sprite.png') no-repeat -159px -36px;
    						content: "";
    						display: inline-block;
    						height: 13px;
    						margin-top: 6px;
    						right: 0;
    						position: absolute;
    						top: 0;
    						width: 13px;
    					}
    				}
				}

				.position-Derecha {
					.views-field-field-unica-imagen {
						float: right;
					}

					.fieldset {
						float: left;

						.views-field-field-link {
							text-align: left;
						}
					}
				}
			}
		}
	}

	.group-grupo-2 {
		background: url("../images/resena-historica_bg.jpg") repeat-x;
	}

	.group-video {
		@include holder;


		.field-name-field-titulo-video {
    		@include inline-block(middle);
    		color: $c-white;
    		font-size: 230%;
    		font-weight: 100;
    		line-height: 1.3;
    		width: 39%;
		}

		.field-name-field-rese-a-historica {
    		@include inline-block(middle);
    		width: 60%;

    		video,
    		iframe {
    			width: 100%;
    		}
		}
	}

	.group-grupo-3  {
		@include holder;
		padding-top: 2em;

		.field-name-field-titulo-bloques {
			@include title-block(tint($c-dimgray, 10), 234%);
			margin: 0;
			font-weight: 100;
			text-align: center;
			width: 100%;

			&:after {
				background: tint($c-dimgray, 40);
				margin: 30px auto;
				width: 55px;
			}
		}
	}

	.field-name-field-bloques {
		text-align: center;

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


    		&:nth-child(4n) {
    			margin-right: 0;
    		}
    		.field-name-field-imagen-bloque {
    			margin-bottom: 10px;

    			img {
    				width: 100%;
    			}
    		}


    		.field-name-field-title {
				color: $c-brand-green-dark;
				font-weight: 100;
    			font-size: 120%;
    			min-height: 47px;
    		}

    		.field-name-field-link {
    			a {
    				@include size(60px);
    				@include imgreplace;
    				background: url('../images/sprite.png') no-repeat -86px -143px;
    			}
    		}

    		.field-name-field-archivo {

    			.content {
    				a, a:link {
    					background: none; 
    					color: $c-white;
    					display: inline-block;
    					height: auto;
    					line-height: 2;
    					font-weight: 100;
    					text-indent: 0;
    					font-size: 0;
    					width: auto;
    					text-decoration: none;

    					&:before {
    						@include size(60px);
    						background: url('../images/sprite.png') no-repeat -82px -263px;
    						content: '';
    						display: block;
    						margin:  0 auto;
    					}		
    				}
    			}

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

	.group-grupo-4 {
		@include holder;
		padding-top: 2em;
	}

	.group-atencion  {
		.field-name-field-titulo-contacto {
			@include title-block(tint($c-dimgray, 10), 234%);
			display: inline-block;
			margin: 0;
			font-weight: 100;
			text-align: center;
			width: 100%;

			&:after {
				background: tint($c-dimgray, 40);
				margin: 30px auto;
				width: 55px;
			}
		}

		.field-collection-container {
			background: $c-white;
			border: 1px solid shade($c-brand-whitesmoke, 10);
			box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
			padding: 2%;
		}

		.field-name-field-atenci-n-al-ciudadano {
			.field {
				@include inline-block(top);
    			color: $c-dimgray;
    			margin-right: 1%;
    			margin-bottom: 0.5em;
		   	 	padding-left: 3%;
		    	position: relative;
    			width: 29%;
    	
    			.field-label {
    				font-weight: 100;
    				text-transform: uppercase;
    			}

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

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