.style-text{
	color: #6EB5DB;
	text-align: left;
	font-size: 19px;
}

.style-text-2{
	color: #6EB5DB;
	text-align: right;
	font-size: 19px;
}

.style-text-3{
	color: #7F7F7F;
	text-align: left;
	font-size: 13px;
	cursor: pointer;
}

.container .main{
	position: relative;
	margin-left: 8%; 
	margin-top: 5%; 
}

.container .main .titulo{
	position: absolute;
	margin-left: -3%; 
	margin-top: -4%; 
	width: 25%;
}
	
	.container .main .titulo .img-titulo{
		width: 100%;
	}
	
.container .main .titulo-descripcion{
	position: absolute;
	margin-left: 32%; 
	margin-top: -3.5%;
}

.container .main .diputados-descripcion{
	position: absolute;
	margin-left: 8%; 
	margin-top: 16%;
}
	
.container .main .permanentes{
	position: absolute;
	margin-left: 56.5%; 
	margin-top: -2%; 
	width: 20%;
}
	
	.container .main .permanentes .img-permanentes{
		width: 100%;
	}
	
.container .main .asesoran{
	position: absolute;
	margin-left: 73%; 
	margin-top: 11%; 
}
	
	.container .main .permanentes .img-asesoran{
		width: 86%;
		cursor: pointer;
	}
	
.container .main .secretaria{
	position: absolute;
	margin-left: 73%; 
	margin-top: 16%; 
}
	
	.container .main .secretaria .img-secretaria{
		width: 86%;
	}
	
.container .main .personal{
	position: absolute;
	margin-left: 62.5%; 
	margin-top: 21%; 
	width: 12%;
}
	
	.container .main .personal .img-personal{
		width: 100%;
	}

.container .main .especiales{
	position: absolute;
	margin-left: 77%; 
	margin-top: -2%; 
	width: 17%;
}
	
	.container .main .especiales .img-especiales{
		width: 100%;
	}	

.container .main .costado-1{
	position: absolute;
	margin-left: -10.5%; 
	margin-top: 5%; 
	width: 3.5%;
}
	
	.container .main .costado-1 .img-costado-1{
		width: 100%;
	}
	
.container .main .costado-2{
	position: absolute;
	margin-left: -10.5%; 
	margin-top: 31%; 
	width: 3%;
}
	
	.container .main .costado-2 .img-costado-2{
		width: 100%;
	}

.container .main .central{
	position: absolute;
	margin-left: 33%; 
	margin-top: 8%; 
	width: 25%;
}
	
	.container .main .central .img-central{
		width: 100%;
	}	

.container .main .central-2{
	position: absolute;
	margin-left: 64%; 
	margin-top: 10%; 
	width: 8%;
}

.central-2.hvr-bounce-in {}
	
	.container .main .central-2 .img-central-2{
		width: 100%;
	}	

.container .main .diputados{
	position: absolute;
	margin-left: 6%; 
	margin-top: 10%; 
	width: 19%;
}
	
	.container .main .diputados .img-diputados{
		width: 100%;
	}

.container .main .etapas .float-left{
	float:left;
	margin-top: 7%;
}
	
.container .main .etapas{
	position: absolute;
	margin-left: 0%; 
	margin-top: 27%; 
	width: 100%;
}
	.container .main .etapas .img-flechas{
		width: 100%;
	}
	
	.container .main .etapas .etapas-1{
		width: 17%;
	
		margin-top: 2%;
}

	.container .main .etapas .etapas-3{
		width: 21%;
	
		margin-top: 0%;
}	

	.container .main .etapas .etapas-5{
		width: 15%;			
	
		margin-top: 4%;
}

	.container .main .etapas .etapas-7{
		width: 9%;
	
		margin-top: 6%;
}

	.container .main .etapas .etapas-9{
		width: 19%;
	
		margin-top: 0%;
}

	.container .main .etapas .img-etapas-1{
		width: 100%;
	}
	.container .main .etapas .img-etapas-2{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-3{
		width: 100%;
	}	
	.container .main .etapas .img-etapas-4{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-5{
		width: 100%;
	
}
	.container .main .etapas .img-etapas-6{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-7{
		width: 100%;
	}
	.container .main .etapas .img-etapas-8{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-9{
		width: 100%;
		margin-top: 5.5%;
	}
	
.container .main .back{
	position: absolute;
	margin-left: -8%;
	margin-top: -3%; 
}
	.container .main .back .img-back{
		width: 75%;
	}
	
	.container .main .back:hover{
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		opacity: 0.7;
	}	
	
@media (max-height: 442px) {
	.style-text{
		color: #6EB5DB;
		text-align: left;
		font-size: 14px;
	}

	.style-text-2{
		color: #6EB5DB;
		text-align: right;
		font-size: 15px;
	}

	.style-text-3{
		color: #7F7F7F;
		text-align: left;
		font-size: 13px;
		cursor: pointer;
	}

	.container .main{
		position: relative;
		margin-left: 8%; 
		margin-top: 5%; 
	}

	.container .main .titulo{
		position: absolute;
		margin-left: -3%; 
		margin-top: -4%; 
	
		width: 26%;
}
		
		.container .main .titulo .img-titulo{
			width: 100%;
		}
		
	.container .main .titulo-descripcion{
		position: absolute;
		margin-left: 32%; 
		margin-top: -3.5%;
	}

	.container .main .diputados-descripcion{
		position: absolute;
		margin-left: 8%; 
		margin-top: 14%;
	}
		
	.container .main .permanentes{
		position: absolute;
		margin-left: 61%; 
		margin-top: -2%; 
	
		width: 18%;
}
		
		.container .main .permanentes .img-permanentes{
			width: 100%;
		}
		
	.container .main .asesoran{
		position: absolute;
		margin-left: 77%; 
		margin-top: 8%; 
	
		width: 20%;
}
		
		.container .main .permanentes .img-asesoran{
			width: 86%;
			cursor: pointer;
		}
		
	.container .main .secretaria{
		position: absolute;
		margin-left: 77%; 
		margin-top: 14%; 
	}
		
		.container .main .secretaria .img-secretaria{
			width: 86%;
		}
		
	.container .main .personal{
		position: absolute;
		margin-left: 66.5%; 
		margin-top: 20%; 
	}
		
		.container .main .personal .img-personal{
			width: 86%;
		}

	.container .main .especiales{
		position: absolute;
		margin-left: 80%; 
		margin-top: -2%; 
	
		width: 15.3%;
}
		
		.container .main .especiales .img-especiales{
			width: 100%;
		}	

.container .main .costado-1{
	position: absolute;
	margin-left: -10.5%; 
	margin-top: 5%; 
	width: 3.5%;
}
	
	.container .main .costado-1 .img-costado-1{
		width: 100%;
	}
	
.container .main .costado-2{
	position: absolute;
	margin-left: -10.5%; 
	margin-top: 31%; 
	width: 3%;
}
	
	.container .main .costado-2 .img-costado-2{
		width: 100%;
	}

	.container .main .central{
		position: absolute;
		margin-left: 34%; 
		margin-top: 6%; 
	
		width: 27%;
}
		
		.container .main .central .img-central{
			width: 100%;
		}	

	.container .main .central-2{
		position: absolute;
		margin-left: 68%; 
		margin-top: 8%; 
	
		width: 9%;
}
		
		.container .main .central-2 .img-central-2{
			width: 100%;
		}	

	.container .main .diputados{
		position: absolute;
		margin-left: 11%; 
		margin-top: 8%; 
	
		width: 19%;
}
		
		.container .main .diputados .img-diputados{
			width: 100%;
		}

	.container .main .etapas .float-left{
		float:left;
	}
	
.container .main .etapas{
	position: absolute;
	margin-left: 0%; 
	margin-top: 24%; 
	width: 96%;
}
	.container .main .etapas .img-flechas{
		width: 100%;
	}
	
	.container .main .etapas .etapas-1{
		width: 17%;
	
		margin-top: 2%;
}

	.container .main .etapas .etapas-3{
		width: 21%;
	
		margin-top: 0%;
}	

	.container .main .etapas .etapas-5{
		width: 15%;			
	
		margin-top: 4%;
}

	.container .main .etapas .etapas-7{
		width: 9%;
	
		margin-top: 6%;
}

	.container .main .etapas .etapas-9{
		width: 19%;
	
		margin-top: 0%;
}

	.container .main .etapas .img-etapas-1{
		width: 100%;
	}
	.container .main .etapas .img-etapas-2{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-3{
		width: 100%;
	}	
	.container .main .etapas .img-etapas-4{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-5{
		width: 100%;
	
}
	.container .main .etapas .img-etapas-6{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-7{
		width: 100%;
	}
	.container .main .etapas .img-etapas-8{
		margin-top: 10.5%;
	}
	.container .main .etapas .img-etapas-9{
		width: 100%;
		margin-top: 5.5%;
	}
}