h1 span {
	margin-left: 1ex;
	font-size: 80%;
}

#sec-giat {}

.tabs ul {
	padding: 10px 0;
	border-bottom: 1px solid #999;
	margin-top: 1ex; 
	margin-bottom: 1ex;
	cursor: default;

	text-align: center;
}

.tabs ul li {
	display: inline;
}

.tabs ul li a {
	padding: 10px;
	border-radius: 10px 10px 0 0;
	color: #555;
	text-align: center;
	font-weight: bold;
}

.tabs ul li a:hover {
	background-color: #AAA;
	color: #FFF;
	text-decoration: none !important;
}

.tabs ul li.active-tab > a {
	background-color: #8A0808;
	color: #FFF;
}

.tabs div div {
 	display: none;
 	overflow: hidden;
 	padding: 0 1em;
}

.tabs div div div {
	display: table-cell;
	vertical-align: middle;
}

.tabs div div.active-tab-content {
	display: block;
}

#giat {
	display: block;
	height: auto;
}

#giat h3 {
	font-size: 140%;
}

#giat p {
  font-size: 85%;
}

#lateralGIAT {
	display: block;
	width: 100%;
	margin: 2ex 0;
	text-align: center;
}

#lateralGIAT div {
	display: block;
	width: 100%;
	margin: auto;
}

#lateralGIAT div img {
	width: 70%;
} 



/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
/* @media (min-width: @screen-sm-min) { ... } */
@media all and (min-width: 768px) {

	.tabs ul {
		border-bottom: 2px solid #999;
		margin-top: 2ex; 
		margin-bottom: 2ex;
		text-align: left;
	}

	#lateralGIAT div img {
		width: 50%;
	}

	#giat h3 {
		font-size: 150%;
	}

	#giat p {
		font-size: 100%;
	}

}


/* Dispositivos medianos (ordenadores, anchura mayor o igual a 992px) */
/* @media (min-width: @screen-md-min) { ... } */
@media all and (min-width: 980px) {
	
	#sec-giat {
		height: 650px;
	}

	.tabs div div {
	 	height: 550px;
	}

	.tabs div div.active-tab-content {
	  display:block;
	}

	#giat {
	  display: inline-block !important;
	  width: 50%;
	  padding-left: 10px;
	}

	#lateralGIAT {
		display: table;
		float: right;
		width: 38%;
		height: 500px;
	}

	#lateralGIAT div {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	#lateralGIAT div img {
		width: 100%;
	}

}