//Estilos del menu principal (Trámites, servicios e información para:);
.block-system-main-menu {
	
	.block-title {
		color: tint($c-black, 20);
		font-size: 1em;
		float: left;
		font-weight: bold;
		margin: 13px 0 0;

		@media screen and (min-width: $s-tb) and (max-width: $s-lg + 80) {
			max-width: 18%;
			margin-top: 2px;
			text-align: center;	
		}
	}

	> .content {
		float: right;
		margin-bottom: -3px;
		
		@media (min-width: $s-md) { 
			display: block !important;
    		overflow: inherit!important;
    		height: auto!important;
   			margin-bottom: -3px!important;
		}
		.menu {

			list-style: none;
			margin: 0;
		}

		> .menu {
			> .menu-item {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			border-bottom: 3px solid $c-blue-menu;
    		color: $c-brand-green-dark;
    		font-size: 124%;
		 	font-weight: 200;
    		padding: 0.5em 1.8em;

			@media screen and (min-width: $s-tb) and (max-width: $s-lg - 30) {
				padding: 0.5em 0.8em;
			}
    		> .nolink {
    			cursor: pointer;
    		}

			&:nth-child(2n) {
    				border-bottom-color: $c-orange-menu;
				}

				&:nth-child(3n) {
    					border-bottom-color: $c-yellow-menu;
				}

				a:hover,
				a:focus {
					text-decoration: none;
				}
			}
		}
	}
}