/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}
img {
height: auto;
max-width: 100%;
}
div.jumbotron {
	text-align: center;
	padding-top: 40px;
/*	background-image: url('dir carpeta'); */
}

div.jumbotron p {
	padding: 0 100px; 
}
div.jumbotron h1 {
	font-weight: lighter;
}

.enca {
   color: #bf9b0b;
   text-align: center;
   background-color: #333;
   padding-top: 10px;
   padding-bottom:13px;
   padding-left:50px;
 }

.enca-nav {
	padding-top: 40px;
	padding-left:250px;
}

.enca-nav1 {
	padding-top: 40px;
	padding-left:400px;
	padding-right:410px;
	padding-bottom:10px;
	width=80%
}
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
	top:40px;
	left:5px;
	right:40px;
}
.contenedor1{
    position: relative;
    display: inline-block;
    text-align: center;
	top:40px;
	left:340px;
	right:40px;
}	
.contenedor2{
    position: relative;
    display: inline-block;
    text-align: center;
	top:40px;
	left:300px;
	right:40px;
}
.contenedor3{
    position: relative;
    display: inline-block;
    text-align: center;
	top:40px;
	left:200px;
	right:40px;
}	
.centrado{
   	margin:10px auto;
   	display:block;
}
		
.texto-encima{
    position: absolute;
    top: 5px;
    left: 10px;
}
.centrado{
    position: absolute;
    top: 3%;
    left: 27%;
    transform: translate(-5%, -5%);
}
.texto-encima1{
    position: absolute;
    top: 10px;
    left: 70px;
}
.centrado1{
    position: absolute;
    top: 6%;
    left: 36%;
    transform: translate(5%, -15%); 
}	
.texto-encima2{
    position: absolute;
    top: 10px;
    left: 60px;
}
.centrado2{
    position: absolute;
    top: 20%;
    left: 30%;
    transform: translate(-5%, -5%);
    width:40%;	
	text-align:justify
}	
.texto-encima3{
    position: absolute;
    bottom: 10px;
}
.centrado3{
    position: absolute;
    bottom: 10%;
    left: 25%;
    transform: translate(-5%, -5%); 
}

.menu1 {
	padding-left: 240px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  padding-left:140px;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 1030;  
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 4px 6px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  /* background-color: #4CAF50; */
  background-color: #333;
  color: white;
}

.topnav .icon {
  display: none;
}
 
@media screen and (max-width: 600px) {
    .enca1 { font-size: 12px; }
	.enca {
	   color: #bf9b0b;
	   text-align: center;
	   background-color: #333;
	   padding-top: 0px;
	   padding-bottom: 0px;
	   padding-left: 64px;
	 }
	.contenedor1{
		position: relative;
		padding-bottom: 40px;
		display: inline-block;
		text-align: center;
		top:80px;
		left:0px;
		right:40px;
	}		 
	.contenedor2{
		position: relative;
		padding-bottom: 40px;
		display: inline-block;
		text-align: center;
		top:80px;
		left:0px;
		right:40px;
	}	 
	.contenedor3{
		position: relative;
		padding-bottom: 40px;
		display: inline-block;
		text-align: center;
		top:100px;
		left: 0px;
		right:40px;
	}
	.texto-encima1{
		position: absolute;
		top: 150px;
		left: 60px;
		font-size: 12px;
	}
	.centrado2{
		position: absolute;
		top: 25%;
		left: 15%;
		transform: translate(-5%, -5%);
		width:80%;	
		text-align:justify;
	}		
    .topnav a:not(:first-child) {display: none;}
    .topnav {padding-left: 10px;}
	.topnav a.icon {
	padding-top: 20px;   
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; padding-bottom: 20px;}
  .topnav.responsive a.icon {
	position: absolute;
	padding-top: 0px; 	
    right: 0;
    top: 0;
  }
 .topnav.responsive a {
	float: none;
    display: block;
    text-align: left;
    font-size: 12px;
	padding-left: 0px;
  }
}