//Estilos pagina de simbolos (Url: /simbolos?qt-simbolos=1#qt-simbolos)
.page-simbolos  {

	&.node-type-p-gina {
		#main {
			max-width: 100%;
		}
	}

	#preface {
		#preface-third {
			#page-title {
				@include title-block($c-dimgray, 265%);
				font-weight: 300;
	    		margin: 0 auto 28px auto;
	    		max-width: 660px;
				text-align: center;

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

	#quicktabs-simbolos {
		.item-list {
			display: inline-block;
			margin-bottom: 40px;
			width: 100%;
		}
	}

	.quicktabs-tabs {
		display: block;
		margin: 0 auto!important;
		max-width: 660px;
		text-align: center;

		li {
			@include inline-block(middle);
			background-color: $c-brand-green-dark;
			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-gray;
			}
				
			a { 
				display: inline-block;
				width: 100%;
				color: $c-white;
				text-decoration: none;
				font-weight: lighter;
			}
		}
	}

	.quicktabs-tabpage  {
		margin: 0 auto;
		max-width: 660px;
			

		.views-field-field-body {
			color: $c-dimgray;
			margin-top: 2em;

			.views-label-field-body {
				@include title-block($c-dimgray, 180%);
				display: inherit;
				font-weight: 300;
				margin: 0 auto 28px auto;
				text-align: center;

			 	&:after {
					margin: 23px auto;
				    width: 50px;
				}
			}
		}
		
		table,
		th,
		td {
			border: none;
		}

		.views-field-field-imagen {
			text-align: center;
		}
	}

	#quicktabs-tabpage-simbolos-4,
	#quicktabs-tabpage-simbolos-3 {
		max-width: 100%;

		.view-id-simbolos {
			background: $c-white;
			padding: 2%;
			margin: 0 auto;
			text-align: center;

			.view-header {
				p {
					@include title-block($c-dimgray, 180%);
					display: inherit;
					font-weight: 300;
					margin: 0 auto 28px auto;
					text-align: center;

			 		&:after {
						margin: 23px auto;
				  	  width: 50px;
					}
				}
			}
		}
	}

	.block-service-links-service-links,
	#block-sharethis-sharethis-block {
		margin: 1em auto 0;
	}

	.views-field-field-grados {

		.content {
			> .field-name-field-title {
    			color: tint($c-dimgray, 10);
    			font-size: 176%;
    			font-weight: bold;
   		 		margin-bottom: 1.3em;
    			text-transform: uppercase;
			}
		}
		.field-name-field-s-mbolos-grado {
			.field-item {
				@include inline-block(top);
				margin-right: 2%;
				width: 32%;
				
				&:nth-child(3n) {
					margin-right: 0;
				}
			}

			.field-name-field-title {
				color: $c-dimgray;
				font-size: 120%;
				font-weight: bold;
				margin-bottom: 0;
			}

			.field-name-field-imagen {
				img {
					width: 100%;
				}
				.field-item {
					margin-right: 0;
					color: $c-dimgray;
					margin-bottom: 1em;
					text-align: left;
					width: 100%;
				}
			}
		}
	}
}