html,
body,
main {
  width: 100%;
  height: 20%;
  margin: 0;
  padding: 0;
}
#carousel {
  position: relative;
  height: 300px;
  top: 50%;
  transform: translateY(-5%);
  overflow: hidden;
}
#carousel div {
  position: absolute;
  transition: transform 1s, left 1s, opacity 1s, z-index 0s;
  opacity: 1;
}
#carousel div img {
  width: 400px;
  transition: width 1s;
}
#carousel div.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
  width: 200px;
}
#carousel div.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
  width: 200px;
}
#carousel div.prev {
  z-index: 5;
  left: 30%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.prev img {
  width: 300px;
}
#carousel div.prevLeftSecond {
  z-index: 4;
  left: 15%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.prevLeftSecond img {
  width: 200px;
}
#carousel div.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
  z-index: 5;
  left: 70%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
  width: 300px;
}
#carousel div.nextRightSecond {
  z-index: 4;
  left: 85%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.nextRightSecond img {
  width: 200px;
}
.buttons {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
}
.colorblanco
{
	color:#ffffff;
}
.textoazulnegrita
{
	color:#1a69a6;
	font-weight:700;
}
.textomarronnegrita
{
	color:#5c1216;
	font-weight:700;
}
.textonegrita
{
	color:#000000;
	font-weight:800;
	font-size:20px; 
}

.navbar-light .navbar-nav .nav-link
{
	color:#ffffff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
	color:#ffffff;
}
#mainNav.navbar-shrink .nav-link
{
	color:#ffffff;
}
#mainNav.navbar-shrink .nav-link.active
{
	color:#ffffff;
}
#mainNav.navbar-shrink .nav-link:hover
{
	color:#ffffff;
}

hr
{
	border-top:2px solid;
	border-color:#1a69a6;
}
.fondomano2
{
	background:url(../img/manocontexto.png);background-position:right top;background-repeat:no-repeat;
} 
.fondovertical
{
	background:url(../img/barravertical.png);background-position:left top;background-repeat:no-repeat;
} 

@media(min-width:276px){
     .masthead{
		 position:relative;
	 width:100%;
	 height:auto;
	 min-height:25rem;
	 padding:10rem 0;
	 background:url(../img/bg-mastheadcelumini.jpg),url(../img/bg-mastheadcelumini.jpg);
	 background-position:center;
	 background-repeat:no-repeat;
	 background-attachment:scroll;
	 background-size:contain}
	 }
@media(min-width:576px){
     .masthead{
		 position:relative;
	 width:100%;
	 height:auto;
	 min-height:35rem;
	 padding:15rem 0;
	 background:url(../img/bg-mastheadcelu.jpg),url(../img/bg-mastheadcelu.jpg);
	 background-position:center;
	 background-repeat:no-repeat;
	 background-attachment:scroll;
	 background-size:cover}
	 }

@media(min-width:768px){
	
	.masthead{
		position:relative;
		width:100%;
		height:auto;
		min-height:35rem;
		padding:15rem 0;
		background:url(../img/bg-mastheadcelu.jpg),url(../img/bg-mastheadcelu.jpg);
		background-position:center;
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-size:cover
		}
}

@media(min-width:992px){
	.fondomano
	{
		background:url(../img/manocontexto.png);background-position:right top;background-repeat:no-repeat;
	} 
.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:23rem 0;background:url(../img/bg-masthead.jpg),url(../img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
}
@media(min-width:1200px){
	.fondomano
	{
		background:url(../img/manocontexto.png);background-position:right top;background-repeat:no-repeat;
	} 
	.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:23rem 0;background:url(../img/bg-masthead.jpg),url(../img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
}
@media(min-width:1500px){
	.fondomano
	{
		background:url(../img/manocontexto.png);background-position:right top;background-repeat:no-repeat;
	} 
	.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:30rem 0;background:url(../img/bg-masthead.jpg),url(../img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
}


.