body {

	/*font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;*/

	margin: 0;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    text-align: left;

    background-color: #fff;

	margin-bottom: 60px;

	height: 100%;

	width:100%;

}



.nav-link {

	font-size: 18px;

}



.navbar-nav {

	margin-bottom: -40px !important;

}

	

.navbar-brand {

	padding-top: 0;

    padding-bottom: 0;

}



.card {

	border-width: 0;	background-color: transparent;

}

/*

.logo-nav {

	width: 172px;

	height: 50px;

}*/



h6 {

	/*color: #FF0000!important;*/

}



.card-title {

	/*color: #FF0000!important;*/

	/*font-size: 1rem;*/

}







/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

	.navbar-nav {

		margin-bottom: 0px !important;

	}

	

	/*.logo-nav {

		width: 33px;

		height: 50px;

	}*/

	

	.footer {

	  /*font-size: 9px !important;*/

	  height: 100px !important;

	}

	

	body {

		margin-bottom: 110px;

	}

}



/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {

	.navbar-nav {

		margin-bottom: 0px !important;

	}

	

	.footer {

	  /*font-size: 9px !important;*/	  

	  height: 100px !important;

	}			body {		margin-bottom: 110px;	}

	

}



/* Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {

	.navbar-nav {

		margin-bottom: 0px !important;

	}	

}



/* Large devices (desktops, less than 1200px)*/

@media (max-width: 1199.98px) {

	

}



.div-imagen {

	display:inline-block;

	position:relative;

	z-index: 100;

}



.div-imagen > div {

	position:absolute;

  top:0;

  left:0;

  width: 100%;

  z-index:-1;

  padding:10px;

  margin:0;

  color:#FF0000



}



.desvanecer:hover {

  opacity: 0.2;

  -webkit-transition: opacity 500ms;

  -moz-transition: opacity 500ms;

  -o-transition: opacity 500ms;

  -ms-transition: opacity 500ms;

  transition: opacity 500ms;

}



/* Sticky footer styles

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

html {

  position: relative;

  min-height: 100%;

}



.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  /* Set the fixed height of the footer here */

  height: 50px;

  line-height: 50px; /* Vertically center the text there */

  background-color: rgba(0,0,0,.9);

  text-align: center;

  color: #FFFFFF;

  font-size: 11px;

}



/*#return-to {

	position: fixed;

	left: 10px;

    bottom: 60px;

	display: block;

	width: 50px;

    height: 50px;

	z-index: 10;

	color: rgba(0,0,0,.5);

}



#return-to:hover i {

    color: rgba(0,0,0,.9);

}*/





#return-to-top {

    position: fixed;

    bottom: 60px;

    right: 10px;

    background: rgb(0, 0, 0);

    background: rgba(0, 0, 0, 0.5);

    width: 50px;

    height: 50px;

    display: block;

    text-decoration: none;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    display: none;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#return-to-top i {

    color: #fff;

    margin: 0;

    position: relative;

    left: 16px;

    top: 13px;

    font-size: 19px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#return-to-top:hover {

    background: rgba(0, 0, 0, 0.9);

}



#return-to-top:hover i {

    color: #fff;

    top: 5px;

}



#return-to {

    position: fixed;

    bottom: 60px;

    left: 10px;

    background: rgb(0, 0, 0);

    background: rgba(0, 0, 0, 0.5);

    width: 50px;

    height: 50px;

    display: block;

    text-decoration: none;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

	z-index: 10;

}



#return-to i {

    color: #fff;

    margin: 0;

    position: relative;

    left: 16px;

    top: 13px;

    font-size: 19px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#return-to:hover {

    background: rgba(0, 0, 0, 0.9);

}



#return-to:hover i {

    color: #fff;

    left: 5px;

}



.jumbotron {	padding: 0;

	background-color: #FFFFFF;

}

.jumbotron-heading {

    font-weight: 300;

}

/*.jumbotron .container {

    max-width: 70rem;

}*/



.required {

	color: #FF0000;

}



hr { margin-top: 1rem; margin-bottom: 1rem; }



/*.hand { cursor: pointer; color: #FF0000; }*/

 



 

 

 .slideshow {

  list-style: none;

  z-index: 1;

}

.slideshow li span {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

  color: transparent;

  background-size: cover;

  background-position: 50% 50%;

  background-repeat: none;

  opacity: 0;

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-animation: imageAnimation 16s linear infinite 0s;

  -moz-animation: imageAnimation 16s linear infinite 0s;

  animation: imageAnimation 16s linear infinite 0s;

}



@media only screen and (min-width: 768px) {

  .slideshow li h3 {

    bottom: 30px;

    font-size: 8.125em;

  }

}



@media only screen and (min-width: 1024px) {

  .slideshow li h3 {

    font-size: 10.9375em;

  }

}



.slideshow li:nth-child(1) span {
  background-image: url(./../img/index/image1.jpg);
}
.slideshow li:nth-child(2) span {
  background-image: url(./../img/index/image2.jpg);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}
.slideshow li:nth-child(3) span {
  background-image: url(./../img/index/image3.jpg);
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  animation-delay: 6s;
}
.slideshow li:nth-child(4) span {
	background-image: url(./../img/index/image4.jpg);
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	animation-delay: 9s;}
.slideshow li:nth-child(5) span {
	background-image: url(./../img/index/image5.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	animation-delay: 12s;}

.slideshow li:nth-child(6) span {
	background-image: url(./../img/index/image6.jpg);
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	animation-delay: 15s;}

.slideshow li:nth-child(7) span {
	background-image: url(./../img/index/image7.jpg);
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	animation-delay: 18s;}
@-webkit-keyframes imageAnimation {

  0% {

    opacity: 0;

    -webkit-animation-timing-function: ease-in;

  }

  12.5% {

    opacity: 1;

    -webkit-animation-timing-function: ease-out;

  }

  25% {

    opacity: 1;

  }

  37.5% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@-moz-keyframes imageAnimation {

  0% {

    opacity: 0;

    -moz-animation-timing-function: ease-in;

  }

  12.5% {

    opacity: 1;

    -moz-animation-timing-function: ease-out;

  }

  25% {

    opacity: 1;

  }

  37.5% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@keyframes imageAnimation {

  0% {

    opacity: 0;

    -webkit-animation-timing-function: ease-in;

    -moz-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  12.5% {

    opacity: 1;

    -webkit-animation-timing-function: ease-out;

    -moz-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  25% {

    opacity: 1;

  }

  37.5% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@-webkit-keyframes titleAnimation {

  0% {

    opacity: 0;

  }

  12.5% {

    opacity: 1;

  }

  25% {

    opacity: 1;

  }

  37.5% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@-moz-keyframes titleAnimation {

  0% {

    opacity: 0;

  }

  12.5% {

    opacity: 1;

  }

  25% {

    opacity: 1;

  }

  37.5% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@keyframes titleAnimation {

  0% {

    opacity: 0;

  }

  12.5% {

    opacity: 1;

  }

  25% {

    opacity: 1;

  }

  37.5% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

.no-cssanimations .slideshow li span {

  opacity: 1;

}



.col {

	flex-grow: 0;

}
.proyecto {	display: table;	height: 100px;	width: 100%;	text-align: center;}
.proyecto span {	display: table-cell;	vertical-align: middle;}