/* * {
  box-sizing: border-box;
} */

.header {
  position: relative;
  /* background: white;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
}

.top-bar { 
  display: flex; 
  padding: 10px 20px;
  align-items: center;
  justify-content:center;
  background-color:white;    
} 
.logoweb {
  margin-top: -5px;  
  /* margin-right: 15px; */
  width:480px;
  height:119px;
}
/* sólo para el índice */
.logo {
  margin-top: 10px;
  height: 90px;
  margin-right: 15px;
}
.logoderecho {
  margin-top: 10px;
  height: 92px;
  margin-left: 12px;
}

.titulo {
  font-weight: bold;
  line-height: 1.2;
}

.titulo2 {
  font-weight: bold;
  line-height: 1.2;
  font-family: montserrat;
  font-size:14px;
  text-align:center;
}

.azul {
  color: #2c3e50;
  font-family: sans-serif;
  font-size:25px;
}

.linearoja{
	height:3px; 
	border:none; 
	margin-left:0; 
	width:255px; 
	background-color:red;		
	}

.rojo {
  color: #c0392b;
  font-family: 'Segoe UI', sans-serif;
  font-size:25px;
}

#cabeceradelfos{		
	width:100%;
	height:500px;
	right:0px;
	object-fit: cover;
	position:relative;		
	background-image:url(imgs/mapa/fotodelfos.jpg);	
	background-repeat: no-repeat;
		/* background-position:right; */
	/* background-color:white; */
	}
	
	
	.navbar {  
	  /* width: 100%; */
	  background-color: #111;
      display: flex; 
	  justify-content: center;	  
      padding: 1em;
	  letter-spacing: 0.05em;	  
	  flex-wrap: wrap;	
		position:relative;
		
		max-width: 100%; 
		width: 100%;
		margin: 0 auto;
    }

    .navbar-item {
      position: relative;      
	  margin-right: 1.7em;		
    }

    .navbar-item > a {
      color: white;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
	  font-family: sans-serif;
    }

    .mega-menu {
      font-family: sans-serif;
	  display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #111;
      color: white;
      /* padding: 2em; */
	  padding: 0.8em;
      z-index: 1000;
      box-shadow: 0 4px 8px rgba(0,0,0,0.3);	 
    }

    .navbar-item:hover .mega-menu {
      display: flex;
	  z-index:5000;
    }

    .mega-column {
      flex: 1;
      min-width: 160px;
      margin-right: 2em;
    }

    .mega-column h4 {
      color: #ffff33;
      margin-bottom: 10px;
	  margin-top:4px;
      font-size: 14px;
      text-transform: uppercase;
    }

    .mega-column a {
      display: block;
      color: white;
      text-decoration: none;
      margin: 4px 0;
      font-size: 14px;
      font-weight: normal;
    }

    .mega-column a:hover {
      text-decoration: underline;
    }

.sitelineablanca{
	padding-top:0px;
	width:100%;
	height:20px;
	}

/* .lineablanca {
	width: 1920px;
	height: 1px;
	background-color: white;
	margin: 0 auto;
	border:0px solid #DCDCDC;
	overflow:hidden;
	} */
	
	
	
	
 .hero {
  position: relative;
  background: url('waterfall.jpg') center/cover no-repeat;
  /* height: 80vh; */
   top: 100px;
  
  /* transform: translate(-50%, -50%); */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  font-weight: bold;
}

.overlay {
   background-color: rgba(0, 0, 0, 0.4);
   padding: 40px;
   border-radius: 8px;
   
}

.overlay h1 {
   font-size: 1.9rem;
   color:white;
   background-color:green;
   font-weight: bold;
   margin-bottom: 20px;
   /* background-color: rgba(60, 60, 60, 0.7); */
   display: inline-block;
   padding: 10px 20px;
   border-radius: 5px;
}

.overlay p {
   font-size: 1.2rem;
   color:white;
   margin-bottom: 20px;
   font-family: 'Segoe UI', sans-serif;
} 
	
#barraindice{
	background-color: #111;
	height: 50px;	
	font-family: sans-serif;
	}
	
.nav2025bis { 
	list-style:none;
	margin-left:105px;	
	padding:auto;
	font-size: 14pt; 
	}
	
.nav2025bis > li {
	float:left;
	list-style:none;
	margin:0;	 
	} 

.nav2025bis li a {	
	background-color: #111;	
	color:white;
	display:block;	
	padding:18px 7px;		
	text-align:center;
	font-size: 9pt;  
	height:50px;
	text-decoration:none;
	letter-spacing: 0.05em;	 	
}

.nav2025bis li a:hover {
	/* background:#d3e8b5; */
	background-color: #111;
	/* color:black; */
	color:#ecf0d7;
	border:0px solid #696969;
}

/* Separador entre contacto y mis libros  */
.separaindice {
	margin-left:0px;
}