* {
    padding: 0;
    margin: 0;
} 

body {
	background: #3BC6FF none repeat scroll top;
	font-family: Verdana, Arial, sans-serif;
    font-size: .74em;
	    padding: 0;
    margin: 0;
       
font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   
   background-image: url('../back17.webp');
background-repeat: no-repeat;
background-size: cover;
 
background-attachment: fixed ;

background-position: top center; 

}


a:link { 
color: #336699;
}

a:visited {
color: #4197e3;
}

a:hover {
color: #333;
}


#wrap {
padding: 10px;
width: 940px;
margin: 54px auto;
background: #fff;
padding-top: 8px;
padding-bottom: 29px;
}

#header {
background: #F8FADA url(../love3.webp);
height: 597px; 
   
}


#navcontainer ul
{
padding:1.5px;
margin: 0;
list-style-type: none;
background-color: #F4FFAB;
color: #FFF;
text-align: center;



}


#navlist 
{
padding:40px;
margin: 50;
list-style-type: none;
background-color: #F4FFAB;
color: #FFF;

width: 920px;
  height: 26px;

}


li a
{
text-decoration: none;
background-color: #F4FFAB;
color: #FFF;



padding: 8px;
text-transform: uppercase;
font-size: 1.2em;
}

li a:hover
{
background-color: #B1FFCB;
color: #000;
}

#example {
  background-color: none;
  width: 924px ;
  height: 587px;
  border: 0px dotted black;
  overflow-y: scroll; /* Add the ability to scroll */
  
  padding: 0px;
margin:4px;
  
}

/* Hide scrollbar for Chrome, Safari and Opera */
#example::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


#example img{
width: 180px;
  height: 193px;
  padding: 1px;
margin:2px;
margin-left:-2px;

}


nav {
  float: left; /* Desplazamos el nav hacia la izquierda */
  margin-left:220px;
}
nav ul {
  list-style: none;
  overflow: hidden; /* Limpiamos errores de float */
  
}
 
nav ul li {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 12px;
  
}
 
nav ul li a {
  display: inline; /* Convertimos los elementos a en elementos bloque para manipular el padding */
  padding: 20px;
  color: #fff;
  text-decoration: none;
  
}
 
nav ul li:hover {
  background: #3ead47;
}