//Estilos globales de las tabs.
.horizontal-tabs  {
	.content-tabs {
		background: shade($c-menu-observatory, 20);

		.horizontal-tabs-list {
			@include holder;
			background: none;
    		border: none;
			display: block;
			
			.horizontal-tab-button {
				@include inline-block(top);
				background: none;
				border: none;
				float: none;
				margin-right: 10%;
				position: relative;

				a, a:link {
					background: none;
					color: $c-white;
   				 	padding: 1.7em 0;
    				font-size: 133%;
   				 	font-weight: 100;
				}

				strong {
					font-weight: 100;
				}

				&.selected {
					strong {
						color: $c-white;
						font-weight: normal;
					}

					&:after {
	    				content: "";
    					border-left: 14px solid transparent;
    					border-right: 14px solid transparent;
    					border-bottom: 14px solid $c-menu-observatory;
    					bottom: 0;
    					left: 50%;
   				 		margin-left: -14px;
    					position: absolute;
					}
				}

				&:hover {

					&:after {
    					bottom: 0;
    					border-left: 14px solid transparent;
    					border-right: 14px solid transparent;
    					border-bottom: 14px solid $c-menu-observatory;
	    				content: "";
    					left: 50%;
   				 		margin-left: -14px;
    					position: absolute;
					}
				}
			}
		}
	}
}
.block-quicktabs {
	.quicktabs-style-nostyle {
		.quicktabs-tabs {
			margin: 0;

			li {
				@include inline-block(middle);
				background-color: $c-gray;
				min-width: 5em;
				margin-right: 1%;
				padding: 0.5% 3%;
				text-align: center;
				border-radius: 12px;

				&:last-child {
					margin-right: 0;
				}

				&.active,
				&:hover {
					background-color: $c-brand-green-dark;
				}
				
				a { 
					display: inline-block;
					color: $c-white;
					text-decoration: none;
					font-weight: lighter;
					width: 100%;
				}	
			}
		}
	}
}