//Estilos pagina presencia en el exterior (Url: /asuntos-internacionales/agregadurias)
.page-presencia-exterior {
	
	#preface-first  {
		.block-seed-tools-seed-title {
			margin: 3em 0;
		}
	}

	#main-inner {
		> .section {
			background: $c-brand-whitesmoke;
			max-width: 100%;
			padding: 0;
		}
	}

	#footer {
		margin: 0;
	}

	.point-mision {
		@include imgreplace;
		background: url('../images/marca-misiones.png') no-repeat;
		width: image-width('marca-misiones.png');
		height: image-height('marca-misiones.png');
		transform: translateY(-100%) translateX(-50%);
	}

	.point-agregaduria {
		@include imgreplace;
		background: url('../images/marca-agregadurias.png') no-repeat;
		width: image-width('marca-agregadurias.png');
		height: image-height('marca-agregadurias.png');
		transform: translateY(-100%) translateX(-50%);
	}

	.leaflet-popup-content {
		
		.tooltip-title {
			font-size: 116%;
    		font-weight: bold;
    		margin-bottom: 1em;
		}

    	> div {
     		margin-bottom: 0.5em;
    	}
	}

	.region-content {
		> .view-presencia-en-el-exterior {
			@include holder;

			.view-header {
				h2 {
					@include title-block(tint($c-dimgray, 10), 234%);
					font-weight: 100;
					margin: 1em 0;
					text-align: center;
					width: 100%;

					&:after {
						margin: 20px auto;
					}
				}
			}

			.view-footer {
				margin-top: 10px;
				text-align: right;
				
				> div {
					color: tint($c-dimgray, 10);
					display: inline-block;
					margin-left: 3%;
					padding: 11px 0 10px 31px;
				}

				.convencion-agregaduria {
					background: url('../images/marca-agregadurias.png') no-repeat;
				}

				.convencion-misiones {
					background: url('../images/marca-misiones.png') no-repeat;
				}
			}
		}
	}		


	.region-post-content {
		background: $c-white;
		
		.quicktabs-wrapper {
    		@include holder;
    		padding-top: 3px;
   			margin-top: 19px;
		}

		.item-list {
			ul {
				margin: 2em 0;
			}

			li {
				margin-right: 1%;

				a, a:link {
					@include button;
					background: shade($c-silver, 20);
					border-radius: 12px;
    				padding: 6px 29px;
					
					&:hover {
						background: $c-brand-green-dark;
						text-decoration: none;
					}
				}

				&.active {
					a, a:link {
						background: $c-brand-green-dark;
					}
				}
			}
		}

		.view-presencia-en-el-exterior {
			.views-table {
				border: none;
				margin-bottom: 30px;

				tr {
					padding: 13px 0;
					display: inline-block;
					box-sizing: border-box;
					border-bottom: 1px solid shade($c-gainsboro, 30);
					width: $contentWidth;
				}

				th {
					background: none;
					border: none;
					color: tint($c-dimgray, 20);
					float: left;
					font-size: 115%;
					padding: 0 2%;
				}

				td {
					border: none;
					color: shade($c-dimgray, 20);
					float: left;
					font-size: 90%;
					line-height: 1.4;
					padding: 7px 2%;
					
					> span {
						font-size: 105%;
						font-weight: 100;
					}

					> div {
						margin-bottom: 18px;

						&:last-child {
							margin-bottom: 0;
						}
					}
				
					&.views-field-field-direccion-exterior {
						border-left: 1px solid $c-lightgray;
						border-right: 1px solid $c-lightgray;
					}
				}

				thead {
					tr {
						padding: 2px 0;
					}
				
				}

				tbody {
					tr {
						padding: 10px 0;
					}

					> .even {
						background: $c-whitesmoke;
					}
				}

				.views-field-field-title {
					width: 16%;
				}

				.views-field-field-direccion-exterior {
					width: 40%;
				}

				.views-field-field-nombre-exterior {
					width: 30%;
				}
			}
		}		
	}
}