//Estilos pagina simbolos de unidades
.page-unidades-simbolos {

	@include fringe-green($c-menu-observatory);
	
	#preface-first {
		.block-seed-tools-seed-title {
			margin: 3em 0 2em;
		}		
	}

	 #preface {
	 	padding: 0!important;
	 }

	.menu-policia-unidad {
		@include menu-pages($c-white, $c-white);
		border-bottom: none;
	}

	#main-inner {
		.section {
			max-width: 660px!important;
			margin: 2em auto 0!important;
		}
	}

	.group-simbolos {
		> h3 {
			@include title-block($c-dimgray, 265%);
			font-weight: 100;
    		margin: 0 auto 28px auto;
			text-align: center;

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

		.horizontal-tabs {
			border: none;
			text-align: center;
		}

		.horizontal-tabs-list {
			background: none;
			border: none;
			margin-bottom: 3em;
			width: 53%;

			li{
				&:last-child{
					margin-right: 0;
				}
			}
			
			.horizontal-tab-button  {
				background: none;
				border: none;
				float: none;
				display: inline-block;
				margin-right: 2%;

				a, a:link {
					@include button;
					border-radius: 12px;
    				padding: 3px 29px;

					strong {
						color: $c-white;
						font-weight: 100;
					}

					&:hover {
						background: shade($c-silver, 20);
					}
				}

				&.selected {
					a, a:link {
						background: shade($c-silver, 20);
					}
				}
			}
		}

		.field-group-htab {
			.field-group-div {
				margin-top: 2em;

				> h3 {
					@include title-block($c-dimgray, 190%);
					font-weight: 100;
    				margin: 0 auto 28px auto;

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

				> .field  {
					color: $c-dimgray;
					text-align: left;
    				font-weight: 100;
				}

				.field-name-field-audio {
   		 			border: 1px solid shade($c-brand-whitesmoke, 10);
					font-size: 16px;
    				margin-bottom: 1em;
					padding: 4% 2%;
    				width: 95%;
				}
			}

			.group-title-himno {
				margin-top: 0;
			}
		}
	}
	
	.block-service-links-service-links,
	.field-name-sharethis,
	#block-sharethis-sharethis-block {
		margin-top: 1em;
		text-align: center;
	}
}	

