/* *** GIAT *** */

#sec-giat {
	height: 650px;
	padding: 0;
}

.tabs ul {
	padding: 10px 0;
	border: none;
	border-bottom: 2px solid rgb(036,063,150);
	margin-top: 5ex; 
	margin-bottom: 5ex;
	cursor: default;
}

.tabs ul li {
	display: inline;
  	margin-left: 0;
  	padding: 0;
}

.tabs ul li a {
  	padding: 10px;
  	border-radius: 10px 10px 0 0;
	margin: 0;
	color: rgb(036,063,150);
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.tabs ul li a:hover {
  	background-color: rgb(104,180,209);
  	color: rgb(255,255,255);
}

.tabs ul li.active-tab > a {
  	background-color: rgb(036,063,150) !important;
 	 color: rgb(255,255,255) !important;
}

.tabs div div {
 	display:none;
  	overflow:hidden;
  	padding:10px;

  	height: 550px;
}

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

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

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

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

#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%;
}


/* GIAT - Resolucion 1010 pixeles */

@media all and (max-width: 1010px) {

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

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


/* GIAT - Resolucion 768 pixeles */

@media all and (max-width: 768px) {

	#sec-giat {
  		height: auto;
	}

  	#giat {
    	width: 100%;
    	margin: auto;
  	}

  	.tabs div div {
  		position:relative;
  		top:0;
  		left:0;
  		display:none;
  		overflow:hidden;
  		height: auto; 
	}

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

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

  	#lateralGIAT {
    	display: block;
    	float: none;
    	width: 100%;
    	height: auto;
    	text-align: center;
  	}

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

  	#lateralGIAT div img {
    	width: 70%;
  	}

  	.tabs ul li a {
    	font-size: 14px;
  	}

  	.boton {
    	font-size: 14px;
  	}
}


/* GIAT - Resolucion 480 pixeles */

@media all and (max-width: 480px) {

  	#sec-giat ul {
    	margin-top: 4ex;
    	text-align: left;
  	}

  	#sec-giat ul li {
    	margin-left: 0;
  	}

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

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

  	.boton {
    	padding: 8px;
    	font-size: 11px;
  	}

  	.tabs ul li a {
    	padding: 8px;
    	font-size: 11px;
  	}

  	#lateralGIAT div img {
    	width: 80%;
  	}
}


/* GIAT - Resolucion 320 pixeles */

@media all and (max-width: 320px) {

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

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