//Estilos de la pagina departamentos y municipios seguros. (Url: /dms)
.group-municipios-seguros {
	.group-grupo-1 {
		.group-descripcion {
			@include block-info();	
			
			&:after {
				margin: 15px auto 0;
			}

			@include block-info-img(right, left);
		}
	}

	.field-name-field-unica-imagen {
		float: left;
	}
	.group-grupo-2 {	
		.field-type-entityreference {
			background: $c-white;
		    border: 1px solid shade($c-brand-whitesmoke, 10);
		    box-shadow: 2px 2px 1px $c-d-gray;
		    margin: 20px 0;
		    padding: 0;

			.entity-unidades {
				.group-block-doctrina {
					float: left;
					width: 55%;
					padding: 2%;

					h3 {
						color: $c-brand-green-dark;
						font-weight: 100;
						font-size: 2em;

						&:after {
							content: '';
						    display: block;
						    height: 1px;
						    margin-top: 12px;
						    width: 40px;
						    background-color: $c-brand-green-dark; 
						}
					}

					.field-name-field-body {
						font-size: 0;
						font-weight: lighter;
						color: $c-dimgray;

						> div {
							font-size: 16px;
						}

						div[itemprop="description"] {
							p {
								&:after {
									content: '...';
								}		
							}
						}

						.link-doctrina {
							margin-top: 10px;

							a, a:link {
								background: url('../images/link-icon-arrow-left.png') no-repeat right center;
								background-size: 20px;
								color: $c-brand-green-dark;
								font-weight: 100;
								padding-right: 27px;
							}	
						}
					}
				}

				.field-name-field-imagen{
					float: right;
					width: 41%;

					img{
						float: right;
					}
				}
			}
		}

		.field-name-field-capacitacion{
			width: 100%;

			.field-name-field-imagen{
				float: left !important;
			}

			.field-name-field-title{
				float: right;
				width: 55%;
				padding: 2%;
				color: $c-brand-green-dark;
				font-weight: 100;
				font-size: 2em;
				line-height: 1.6;
				margin-top: 3%;

				&:after{
					content: '';
				    display: block;
				    height: 1px;
				    margin-top: 12px;
				    width: 40px;
				    background-color: $c-brand-green-dark; 
				}
			}

			.field-name-field-body {
				color: $c-dimgray;
				float: right;
				font-weight: 100;
				font-size: 0;
				margin-bottom: 1em;
    			padding: 0 2%;
    			width: 55%;

				> div {
					font-size: 16px;
				}

				div[itemprop="description"] {
					p {
						&:after {
							content: '...';
						}						
					}
				}
			}

			.field-name-link-asesoria-y-acompanamiento{
				float: right;
				margin-bottom: 1em;
				margin-right: 2%;
				text-align: right;
				width: 55%;

				.field-items{
					.field-item{
						a{
							color: $c-brand-green-dark;
							font-weight: lighter;

							&:link {
				    			background: url('../images/link-icon-arrow-left.png') no-repeat right center;
								background-size: 20px;
								display: inline-block;
								padding-right: 25px;
								text-decoration: none;
				    			text-indent: 0;
			    			}
						}
					}
				}
			}
		}
	}	
}