@import url('https://fonts.googleapis.com/css?family=Montserrat+Subrayada:400,700|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

body{ font-family: 'Rubik', sans-serif;}
h1{ font-family: 'Montserrat Subrayada', sans-serif; font-size: 20px; line-height: 24px; letter-spacing: 1px; color: #B4C86E; margin:30px 0 10px;}
p{ font-size: 14px; line-height: 20px; font-weight: 300; letter-spacing: 0.3px; color: #3D3429; margin:4px 0 20px;}

.top .carousel{ width: 100%;}
.top .centrar-img{ height: 226px;}
.top .centrar-img img{ height: 100%;}
.top .carousel-indicators{ display: none;}

.logo { text-align: center; background-image: url(../images/gtb/fdo-logo.png); background-repeat: no-repeat; background-position: top left; position: relative; width: 100%; top: 0; left: 0; right: 0; z-index: 55; padding: 25px 0; height: 125px;}
.logo img{ width: 118px;}

.idioma { position: absolute; width: 100%; top: 190px; left: 0; right: 0; z-index: 55; height: 30px;}
.idioma a{ font-size: 15px; line-height: 17px; color: #fff; display: block; letter-spacing: 1px;}
.idioma a:hover{ color: #cdcdcd; text-decoration: none;}

.intro{ padding-top: 10px; padding-bottom: 40px;}

.plantita{ background-image: url('../images/gtb/plantita.jpg'); background-repeat: no-repeat; background-position: center top; min-height: 415px;}

.tecnologia{ background-color: #B4C86E; position: relative;}
.tecnologia h1{ color: #3D3429;}
.tecnologia .imagen-fondo{ display: none;}
.tecnologia .contenido{ position: relative; z-index: 2; background-color: #B4C86E; padding-bottom: 40px;}

.separador{ background-image: url('../images/gtb/sombra.png'); background-repeat: no-repeat; background-position: center top; height: 90px; position: relative; z-index: 3;}
.separador .mani{ width: 215px; height: 140px; position: absolute; right: 0; top: -65px; overflow: hidden;}
.separador .mani img{ height: 100%;}

.proceso{ margin-top: -65px;}
.proceso .centrar-img{ height: 213px; margin-top: 15px; margin-bottom: 35px;}
.proceso .centrar-img img{ max-height: 100%;}
.proceso .referencias p{ font-size: 13px; line-height: 16px; font-weight: 300;}
.proceso .referencias p span{ color: #B4C86E;}
.proceso .cont-img-y-ref{ display: flex; flex-direction: column; justify-content: flex-start; flex-flow: wrap;}

.informes{ background-image: url('../images/gtb/separador.png'); background-repeat: no-repeat; background-position: -1% top; margin-top: 20px; padding-top: 3px;}
.informes a:hover{ text-decoration: none;}
.informes h1{ color: #3D3429; background-image: url('../images/gtb/flechita.svg'); background-repeat: no-repeat; background-position: right 5px; margin-left: 25%; margin-top: 28px; margin-bottom: 25px;}
.informes .contenido{ background-image: url('../images/gtb/sombra-informes.png'); background-repeat: no-repeat; background-position: left top; width: 100%;}
.informes .contenido .container{ margin-top: 45px; margin-bottom: 45px; }
.informes .contenido a{ color: #808080; margin-left: 28%;}

.contacto{ background-image: url('../images/gtb/sombra-informes.png'); background-repeat: no-repeat; background-position: right top; padding-top: 26px;}
.contacto iframe{ margin-top: 20px;}

.footer{ background-image: url('../images/gtb/fdo-footer.jpg'); padding-top: 30px; padding-bottom: 30px;}
.footer .contenedor-logo-footer{ overflow: hidden; width: 41px; height: 69px; margin:0 auto;}
.footer .contenedor-logo-footer img{ height: 100%;}
.footer .data{ padding-left: 0;}
.footer p{ text-align: right; font-size: 14px; line-height: 20px;}

@media (min-width: 576px) {
	.top .centrar-img { height: 426px;}
	.top .carousel-indicators{ display: flex; justify-content: flex-end; margin-bottom: 100px; margin-bottom: 70px; margin-right: 30px; margin-left: 30px; z-index: 56;}
	.top .carousel-indicators li{ width: 8px; height: 8px; margin-right: 7px; margin-left: 7px; border-radius: 10px; border: 1px solid #fff; opacity: 1;}
	.top .carousel-indicators li.active{ background-color: transparent;}

	.logo{ text-align: left; background-position: -215% top; top: 220px; background-size: 80%; height: 136px; position: absolute;}
	.logo img{ width: 140px;}
	.idioma{ top: 380px;}

	.intro{ padding-top: 20px; padding-bottom: 40px;}
	h1{ font-size: 26px; line-height: 32px; margin:36px 0 20px;}
	p{ font-size: 15px; line-height: 22px;}

	.plantita{ padding-top: 20px; padding-bottom: 34px; background-position: 69% 40%; background-size: 195%; min-height: auto;}

	.tecnologia .contenido{ padding-top: 27px; padding-bottom: 77px;}

	.separador .mani{ width: 305px; height: 173px; top: -90px;}

	.proceso .centrar-img { height: 262px; margin-top: 45px; margin-bottom: 57px;}
	.proceso .cont-img-y-ref .row{ width: 100%; align-items: flex-end;}
	.proceso .cont-img-y-ref .referencias{margin-bottom: 37px;}

	.informes h1,
	.informes .contenido a{ margin-left: 14%;}

	.contacto{ padding-top: 14px;}

	.footer .contenedor-logo-footer{ width: 176px; height: 102px; margin:0;}
	.footer p{ font-size: 16px; margin-top: 25px;}
}

@media (min-width: 768px) {
	.top .centrar-img { height: 487px;}
	.top .carousel-indicators{ margin-bottom: 80px;}

	.logo { background-position: -105% top; top: 252px; background-size: 69%; height: 156px;}
	.logo img { width: 160px; margin-left: 45px;}	
	.idioma { top: 431px;}
	.idioma a{ font-size: 20px; line-height: 24px;}

	.intro{ padding-top: 22px;}
	h1{ font-size: 30px; line-height: 37px; margin:40px 0 20px;}
	p{ font-size: 17px; line-height: 27px; margin:5px 0 25px;}

	.plantita{ background-position: 75% 40%; background-size: 175%; padding-top: 17px; padding-bottom: 20px;}

	.tecnologia .contenido{ padding-top: 45px; padding-bottom: 98px;}

	.separador .mani{ width: 340px; height: 219px; top: -130px;}

	.proceso { margin-top: -40px;}		
	.proceso .centrar-img { height: 335px;}
	.proceso .referencias p { font-size: 15px; line-height: 19px;}
	
	.informes h1,
	.informes .contenido a { margin-left: 17%;}

	.footer{ padding-top: 60px; padding-bottom: 60px;}
}

@media (min-width: 992px) {
	.top .centrar-img { height: 581px;}
	.logo { background-position: -35% top; background-size: 53%; top: 347px;}
	.logo img{ margin-left: 125px;}
	.idioma { top: 528px;}

	h1{ margin:30px 0 20px;}
	p{ font-size: 18px;}

	.plantita{ padding-top: 54px; background-size: 112%; padding-bottom: 50px;}	

	.tecnologia .imagen-fondo{ display: flex; position: absolute; width: 100%; z-index: 1; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden;}
	.tecnologia .imagen-fondo img{ height: 100%; right: -105px; position: absolute;}
	.tecnologia .contenido{ padding-bottom: 108px;}

	.separador .mani{ width: 400px; height: 219px; top: -110px; right: 20%;}

	.proceso { margin-top: 10px; margin-bottom: 42px;}
	.proceso .centrar-img { height: 390px; margin-top: 35px; margin-bottom: 35px;}

	.informes h1, .informes .contenido a { margin-left: 9%; margin-bottom: 45px;}

	.contacto { padding-top: 54px;}

	#sawubona-footer{ margin-top: 50px;}
}

@media (min-width: 1200px) {
	.top .centrar-img { height: 736px;}
	.logo{ top: 440px; padding: 38px 0; height: 198px; text-align: left; background-position: -12% top; background-size: auto;}
	.logo img{ width: auto; margin-left: 130px;}
	.idioma{ top: 665px;}
	.idioma a{ font-size: 20px; line-height: 24px;}

	.plantita{ background-size: 102%; background-position: 100% 50%; padding-top: 74px; padding-bottom: 74px;}
	.plantita .contenido{ margin-right: 8.333333%;}

	.tecnologia .imagen-fondo img{ right: 0;}
	.tecnologia,
	.tecnologia .contenido{ height: 680px;}
	.tecnologia .contenido{ padding-right: 50px; padding-top: 90px; padding-bottom: 90px;}

	.separador .mani{ width: 544px; height: 298px; top: -150px; right: 32%;}

	.proceso { margin-top: 58px;}
	.proceso .centrar-img { height: 458px; margin-top: 55px;}

	.informes,
	.informes .contenido{ background-position: right top;}

	.contacto { padding-top: 42px;}
	.contacto iframe { margin-top: 50px;}
}

@media (min-width: 1441px) {	
	.logo{ background-position: top left;}
	.logo img{ margin-left: 0;}

	.intro{ padding-top: 42px; padding-bottom: 92px;}
	h1{ margin:50px 0 20px;}
	.separador .mani{ right: 35%;}
}


/*	Mapa CCUU: */
.mapa-ccuu{width: 100%; height: 500px}
.mapa-ccuu-ver-ruta{display:none; float:right; overflow: auto; width:30%; height: 500px; position: absolute; margin-top: -500px; background-color: #FFF; right: 0px;}

/*	Shared */
.shared{padding: 0; list-style:none;}
.shared li{display: inline-block; padding: 5px}
.shared li a img{width: 32px}

/* Centrar Imagen */
.centrar-img {overflow: hidden; position: relative;}
.centrar-img img {position: absolute; left: -5000px; right: -5000px; top: -5000px; bottom: -5000px; margin:auto;}

p img {max-width: 100%;}

/* Modal */
.modal-body img {max-width: 100%;}
.modal-header {border-bottom: none;}

/* Flechas Carousel*/
a.carousel-control.right, a.carousel-control.left { background-image: none; }
@keyframes rotar { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }