//Estilos de la pagina del glosario (Url: /glosario)
.page-glosario {
	#glosario {
		@include holder;
		max-width: 900px;
	}

	.block-seed-tools {
		.title {
			@include title-block(tint($c-dimgray, 10), 234%);
    		font-weight: 100;
    		line-height: 1;
    		margin-bottom: 1em;
    		text-align: center;
    		
    		&:after {
    			margin: 0.4em auto 0;
    			width: 54px;
    		}
		}
	}

	.lexicon-links {
		background: none;
    	display: inline-block;
		float: left;
    	font-size: 0;
		line-height: 1.5;
		max-width: 276px;

		&.fixed {
			top: 5px;
			position: fixed;
		}

		a, a:link {
    		color: tint($c-dimgray, 10);
    		border-bottom: 1px solid tint($c-dimgray, 80);
    		display: inline-block;
   	 		font-weight: bold;
    		font-size: 16px;
    		padding: 9px 5px;
    		text-transform: uppercase;
    		text-align: center;
   	 		width: 35px;

   	 		&:hover,
    		&.active-new {
    			background: tint($c-brand-green, 20);
    			color: $c-white;
    			text-decoration: none;
    		}
		}
	}

	.block-views--exp-glosario-policia-page {
		background: tint($c-whitesmoke, 10);
		border: 1px solid shade($c-silver, 10);
		float: right;
		margin-bottom: 1.5em;
		padding: 15px 2%;
		position: relative;
		width: 64%;

		.views-widget-filter-name {
			@include ib-grid;
			@include inline-block(middle);
			padding: 0;
			width: 95%;
		}

		label {	
			@include inline-block(middle);
			color: $c-dimgray;
			font-size: 92%;
			font-weight: bold;
			padding: 0;
			width: 24%;
		}

		.views-widget {
			@include inline-block(middle);
			width: 76%;

			.form-text {
				@include input-text;
				border-radius: 8px 0 0 8px;
			}
		}

		.views-submit-button {
			@include inline-block(middle);
			padding: 0;
			width: 5%;

    		.form-submit {
				@include imgreplace;
				background: $c-brand-green-dark url('../images/sprite.png') no-repeat -343px -230px;;
    			border-radius: 0 6px 6px 0;
				border: none;
				margin: 0;
   				min-width: 38px;
    			padding: 9px;
    		}
		}
	}

	.lexicon-list {
		float: right;
		text-align: center;
		width: 68%;


		.lexicon-letter {
    		border-bottom: 1px solid tint($c-dimgray, 70);
    		color: tint($c-dimgray, 10);;
			display: inline-block;
			font-weight: bold;
    		padding: 10px;
		}

		dl {
			margin: 0;
			text-align: left;
		}

		dt {
			color: tint($c-dimgray, 10);;
		}

		dd {
   		 	color: $c-dimgray;
    		font-weight: 100;
   			font-size: 107%;
    		line-height: 1.5;
    		margin: 0 0 30px 0;
		}
	}
}