/* Header */
header{
	width: 100%;
	position: absolute;
	padding: 10px 0;	
	margin-top: -20px;
	border-top: solid 8px #3b403f;
	background: rgba(255, 255, 255, 0.9);
	height: 210px;
	z-index: 2;
}

.top-row{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #3b403f;

}

.top-row .col-1 .ubicacion-gp .ubicacion{
	position: relative;
	float: right;
}
.top-row .col-1 .puentes-gp{
	text-align: center;
	margin: 0 auto;
	padding-right: 110px;
}
.top-row .col-1 .puentes-gp .puentes{
	position: relative;
	float: right;
}

.top-row .col-1 .facebook-gp img{
	display: inline-block;
	float: left;
	width: 20px;
	margin-right: 10px;
}
.top-row .col-1 .descargas-gp img{
	display: inline-block;
	float: left;
	width: 17px;
	margin-right: 10px;
}
.top-row .col-1 .puentes-gp img{
	display: inline-block;
	float: right;
	width: 18px;
	margin-right: 10px
}
.top-row .col-1 .ubicacion-gp img{
	display: inline-block;
	float: right;
	width: 18px;
	margin-right: 10px;

}

.logo-img{
    text-align: center;
    margin: 0 auto;
}

.nav{
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	color: #3b403f;
}

.home-nav{
	margin-right: 125px;
}

.contacto-nav{
	margin-left: 125px; 
}

.navbar-collapse{
	position: relative;
	top: -100px;
}

/* Header */


/* Slider */
.slider-block{
	position: static;
	margin-top: -12px;
	z-index: 1;
}
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 685px; /*slider height*/
}
.carousel .item img {
    width: 100%;
    height: auto;
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
    top: 50%;
}

.carousel-inner{
	margin-bottom: 7px !important;
	border-bottom: 27px solid #3b403f;
}

.linea{
	border-top: 27px solid #fff;
}
/* Slider */

/* Presentación */
.presentacion-block{
	background-color: #f4f4f4;
	border-bottom: 5px solid #3b403f;
}

.pres-fondo{
	margin-left: -15px;
}

.pres-fondo img{
	width: 100%;
	height: auto;
}

.presentacion-side{
	padding-top: 60px;
}

.nombre-ppl{
	font-family: 'Lato', sans-serif;
	font-size: 51px;
}

.nombre-sec{
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 33px;
	font-weight: 300;
	color: #e18c38;
	bottom: 20px;

}

.bienvenido{
	font-family: 'Lato', sans-serif;
	font-size: 37px;
}

.presentacion-txt{
	font-family: 'Libre Baskerville', serif;
	font-size: 15px;
	color: #58595b;
	padding-right: 40px;
}
/* Presentación */

/* Servicios */
.pleca-serv{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 2px;
	background-color: #3b403f;
	color: #fff;
	text-align: center;
	margin-right: 35%;
	margin-left: 35%;
}
.servicios{
	margin-bottom: 12px;
}
.serv-block{
	margin-bottom: 25px;
	height: 375px;
}
.servicio-ttl{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #004191;
}
.servicio-img{
	width: 100%;
}
.servicio-desc{
	font-family: 'Libre Baskerville', serif;
	font-size: 12px;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.ir{
	font-size: 10px;
	font-weight: bold;
	float: right;
	margin-top: -2px;
}
.arrow{
	width: 7px;
	float: right;
	margin-right: 10px;
}
/* Servicios */

/* Footer */
.linea-ftr{
	border-top: 5px solid #3b403f;
}
.btt-btn{
	float: right;
	background-color: #e18c38;
	margin-right: 35px;
}
.btt-btn p{
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
.logo-ftr{
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 40px;
}
/*--------------------------------------------------------------------*/


/* responsive */

@media screen and (max-width: 1200px){
	.top-row .col-1 .puentes-gp{
		text-align: center;
		margin: 0 auto;
		padding-right: 80px;
	}
	.home-nav{
		margin-right: 60px;
	}

	.contacto-nav{
		margin-left: 60px; 
	}
	.presentacion-side{
		padding-top: 10px;
	}
}

/*--------------------------------------------------------------------*/


@media screen and (max-width: 991px){
	.top-row .col-1 .puentes-gp{
		text-align: center;
		margin: 0 auto;
		padding-right: 50px;
	}
	.top-row{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #3b403f;

	}	

	.home-nav{
		margin-right: 20px;
	}
	
	.contacto-nav{
		margin-left: 20px; 
	}

	.presentacion-block{
		padding-bottom: 60px;
	}
	.nombre-ppl{
		font-size: 60px;
		padding-left: 20px;
	}

	.nombre-sec{
		font-size: 40px;
		padding-left: 20px;
	}

	.bienvenido{
		padding-left: 20px;
	}

	.presentacion-txt{
		padding-right: 40px;
		padding-left: 20px;
	}
}


/*--------------------------------------------------------------------*/

@media screen and (max-width: 767px){
	/* Header */
	header{
		height: 260px;
	}
	.top-row{
		margin-bottom: 20px;
	}
	.navbar-collapse{
		position: relative;
		top: 0px;
		margin-bottom: 50px;
		background: rgba(59, 64, 63, 0.9);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.navbar-nav a{
		color: #fff !important;
	}
	.home-nav{
		margin-bottom: 15px;
	}
	.nos-nav{
		margin-bottom: 15px;
	}
	.serv-nav{
		margin-bottom: 15px;
	}

	.contacto-nav{
		margin-top: 15px;
		margin-left: 0px; 
	}
	.slider-block{
		position: relative;
		margin-top: 0px;
		top: 240px;
	}
	.carousel-inner{
		margin-bottom: -2px !important;
	}
	/* Header */

	/* Presentacion */
	.presentacion-block{
		margin-top: 200px;
	}
	.pres-fondo img{
		width: 103%;
		height: auto;
	}
	/* Presentacion */
	
	/* Servicios */
	.pleca-serv{
		margin-right: 15%;
		margin-left: 15%;
	}
	/* Servicios */
}


/*full width container*/
@media (max-width: 767px) {
    .slider-block {
    	margin-top: 0px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .serv-block{
		height: auto;
	}
}