@charset "utf-8";
/* CSS Document */
.office-left{
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.office-right{
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
}
.office-green-1{
	background: #7cd000;
}
.office-green-2{
	background: #00be90;
}
.office-blue-1{
	background: #029adf;
}
.office-blue-2{
	background: #006ed6;
}
.office-borderleft-green-1{
	border-left: 50px solid  #7cd000;
}
.office-borderleft-green-2{
	border-left: 50px solid  #00be90;
}
.office-borderleft-blue-1{
	border-left: 50px solid  #029adf;
}
.office-borderleft-blue-2{
	border-left: 50px solid  #006ed6;
}
.office-borderright-green-1{
	border-right: 50px solid  #7cd000;
}
.office-borderright-green-2{
	border-right: 50px solid  #00be90;
}
.office-borderright-blue-1{
	border-right: 50px solid  #029adf;
}
.office-borderright-blue-2{
	border-right: 50px solid  #006ed6;
}
.office-triangulo-left{
    width: 0; 
    height: 0; 
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent; 
	position: absolute;
	top: 0;
	bottom: 0;
	right: -49px;
	margin: auto;
}
.office-triangulo-right{
    width: 0; 
    height: 0; 
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent; 
	position: absolute;
	top: 0;
	bottom: 0;
	left: -49px;
	margin: auto;
}
@media handheld, only screen and (max-width: 1000px) {
	.office-left{
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
	}
	.office-right{
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
	}
	.office-green-1{
	}
	.office-green-2{
	}
	.office-blue-1{
	}
	.office-blue-2{
	}
	.office-borderleft-green-1{
		border-top: 50px solid  #7cd000;
	}
	.office-borderleft-green-2{
		border-top: 50px solid  #00be90;
	}
	.office-borderleft-blue-1{
		border-top: 50px solid #029adf;
	}
	.office-borderleft-blue-2{
		border-top: 50px solid  #006ed6;
	}
	.office-borderright-green-1{
		border-bottom: 50px solid  #7cd000;
	}
	.office-borderright-green-2{
		border-bottom: 50px solid  #00be90;
	}
	.office-borderright-blue-1{
		border-bottom: 50px solid  #029adf;
	}
	.office-borderright-blue-2{
		border-bottom: 50px solid  #006ed6;
	}
	.office-triangulo-left{
		width: 0;  
		height: 0;
		border-bottom: none; 		
		border-left: 25px solid transparent;
		border-right: 25px solid transparent; 		
		position: absolute;
		top: auto;
		bottom: -49px;
		right: 0;
		left: 0;
		margin: auto;		
	}
	.office-triangulo-right{
		width: 0; 
		height: 0; 
		border-top: none;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent; 	
		position: absolute;
		top: -49px;
		bottom: auto;
		right: 0;
		left: 0;
		margin: auto;
	}
}
#office-home{
	background:url("../images/bgh-oficina.jpg") no-repeat center;
	background-size: cover;
}
#office-home h1{
	font-size:5vw; 
	margin: 0;
	color: #ffffff;
}
#office-home h2{
	font-size:5vw; 
	margin: 0;
	color: #ffffff;
}

#office-home .office-home-title{
	background: url("../images/_common/bg-black-25.png");
	width: 50%;
	height: 20%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto; 
	padding: 10px;
}


@media handheld, only screen and (max-width: 1000px) {
	#office-home{
		background:url("../images/bgv-oficina.jpg") no-repeat center;
		background-size: cover;
	}
	#office-home h1{
		font-size:5vh; 		
	}
	#office-home h2{
		font-size:4vh;		
	}
	#office-home .office-home-title{
		width: 90%;
		height: 15%;
		position: absolute;
		top: auto;
		bottom: 0;
		right: auto;
		margin: auto; 
		padding:2.5% 5%;
	}
}
#office-definicion .office-definicion-content{
	width: 90%;
	margin: auto;
}
#office-definicion .office-headquarter{
	widows: 90%;
	margin: auto;	
	position: relative;
}
#office-definicion .office-headquarter-funciones{
	widows: 100%;
	height: 100vh;
	margin: auto;	
	position: relative;
}
#office-definicion .office-headquarter-group{
	width: 100%; 
	height: 33vh;	
	position: relative;
	text-align: center;
}
#office-definicion .office-headquarter-group-txt{
	width: 49.5%;
	height: 100%;
	display: inline-block;	
	vertical-align: top;
	position: relative;
	cursor: pointer;
}

#office-definicion .office-headquarter-group-img{ 
	width: 49.5%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
#office-definicion .office-headquarter-group-img-01{
	background: url("../images/img-oficina-01.jpg") no-repeat center;
	background-size: cover;
}
#office-definicion .office-headquarter-group-img-02{
	background: url("../images/img-oficina-02.jpg") no-repeat center;
	background-size: cover;
}
#office-definicion .office-headquarter-group-img-03{
	background: url("../images/img-oficina-03.jpg") no-repeat center;
	background-size: cover;
}
#office-definicion .office-headquarter-group-img-04{
	background: url("../images/img-oficina-04.jpg") no-repeat center;
	background-size: cover;
}
#office-definicion .office-headquarter-group-img-05{
	background: url("../images/img-oficina-05.jpg") no-repeat center;
	background-size: cover;
}
#office-definicion .office-headquarter-group-img-06{
	background: url("../images/img-oficina-06.jpg") no-repeat center;
	background-size: cover;
}
#office-definicion .office-headquarter-group h3{
	height: 3vw;
	color: #ffffff;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; 
}
#office-definicion .office-headquarter-group span{
	color: #ffffff;
	padding: 10px;
	display: block;
	margin: auto;
}
#office-definicion .office-headquarter-funciones-info{
	background: url(../images/_common/bg-black-50.png);
	width: 0%;
	height: 100%;
	overflow: hidden;
}
@media handheld, only screen and (max-width: 1000px) {
	#office-definicion .office-definicion-content{
	}
	#office-definicion .office-headquarter{
	}
	#office-definicion .office-headquarter-funciones{
		height: auto;
	}
	#office-definicion .office-headquarter-group{
		margin-top: 1vh;
	}
	#office-definicion .office-headquarter-group-txt{
		width: 100%;
		height: 25%;
		display: block;	
		position: relative;

	}
	#office-definicion .office-headquarter-group-img{
		width: 100%;
		height: 75%;
		display: block;

	}
	#office-definicion .office-headquarter-group-img-01{
	}
	#office-definicion .office-headquarter-group-img-02{
	}
	#office-definicion .office-headquarter-group-img-03{
	}
	#office-definicion .office-headquarter-group-img-04{
	}
	#office-definicion .office-headquarter-group-img-05{
	}
	#office-definicion .office-headquarter-group-img-06{
	}
	#office-definicion .office-headquarter-group h3{
		height: 4vh;

	}
	#office-definicion .office-headquarter-group span{
	}
	#office-definicion .office-headquarter-funciones-info{
		width: 100%;
		height: 0%;
	}
}
#office-map{
}
#office-map iframe{
	width: 100%;
	height: 100vh;
	border: none;
}