//Estilos nodo establecimientos de sanidad (Url ejemplo: /contenido/esp-hospital-central)
.node-establecimientos-de-sanidad {

	.field-name-field-image {
		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;

			.link-element {
				background: rgba($c-black, 0.5) url('../images/icon-view-article.png') no-repeat center 40%;
				display: none;
				width: 100%;
				height: 100%;
				position: absolute;

			}

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

			&:hover {
				.link-element {
					display: block;
				}

				.galeria-title-image {
					bottom: 2%;
				}
			}
		}
	}

	.group-complejidad {
		margin-bottom: 4em;

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

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

		.field-name-field-complejidad-predominante {
			color: $c-brand-green-dark;
    		font-size: 233%;
    		font-weight: bold;
			text-align: center;
			text-transform: uppercase;
		}
	}

	.group-atencion {
		box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
		border: 1px solid shade($c-brand-whitesmoke, 10);
		margin-bottom: 1em;
		position: relative;
		
		h3 {
			@include inline-block(middle);
			color: tint($c-dimgray, 10);
		    font-size: 225%;
			font-weight: 100;
			margin-left: 2%;
			padding-bottom: 0.4em;
			padding-right: 10%;
			width: 18%;

			@include line-text(after, 0, tint($c-dimgray, 60), 55px);
		}

		.group-mapa {
			@include inline-block(middle);
			width: 70%;
		}

		.geolocation-map {
			margin: 0;
			width: 100%!important;
		}

		.group-datos {
			border-top: 1px solid shade($c-brand-whitesmoke, 10);
			padding: 2%;

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

    			.field-label {
    				float: none;
    				font-weight: 100;
    				display: block;
    				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-departamento-ciudad,
			.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-correo-hv {
				&:before {
					background-position: -189px -253px;
				}
			}
			.field-name-field-twitter {
				&:before {
					background-position: -189px -154px;
				}
			}
		}
	}

	.group-portafolio {
		margin-top: 3em;

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

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

		.field-name-body {
			p {
				@include inline-block(middle);
				color: $c-dimgray;
				font-weight: bold;
				margin-bottom: 0.3em;
    			position: relative;
    			width: 32%;

    			&:before {
					@include inline-block(middle);
    				background: $c-dimgray;
    				border-radius: 100%;
    				content: '';
    				height: 5px;
    				margin-right: 8px;
    				width: 5px;
    			}
			}
		}
	}
}