body {
  margin: 0;
  background-image: url('img/tile1.png');
  font-family: "Trebuchet MS", sans-serif;
  color: #2C2C2C;
}

/* Barra de navegación */
.navbar {
  background-color: #428fdd;
  border-bottom: 2px solid #5e8c61;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.navbar a {
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  margin: 0 5px;
  background-color: #9758da;
  border: 2px outset #FFFFFF;
}

.navbar a:hover {
  background-color: #A9C1A1;
  border: 2px inset #2C2C2C;
  color: #000000;
}

/* Contenido principal */
.content {
  padding: 20px;
  max-width: 800px;
  margin: auto;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  box-shadow: 4px 4px 8px #999999;
}

h1 {
  color: #8cb369;
  background:#fffacd;
  border: thick #9758DA double;
  text-align: center;
  text-shadow: 1px 1px #FFFFFF;
  margin: 40px auto;         /* margen superior/inferior + centrado horizontal */
  border: 2px solid #CCCCCC; /* opcional: borde para delimitar */
  box-shadow: 4px 4px 8px #999999; /* opcional: sombra retro */
  max-width: 800px;
}

p {
  line-height: 1.6;
}

.style1 {

	border:medium; 
	border-color: #428FDD;
}

.content {
  background:#fffacd; /* color crema */
  padding: 20px;
  max-width: 800px;          /* ancho máximo del contenido */
  margin: 40px auto;         /* margen superior/inferior + centrado horizontal */
  border: 2px solid #CCCCCC; /* opcional: borde para delimitar */
  box-shadow: 4px 4px 8px #999999; /* opcional: sombra retro */
}

.roms {
	color:navy
	
}

.style2 {
	max-width: 800px;
	box-shadow: 4px 4px 8px #999999;
	text-align: left;
	margin: 40px auto;
	padding: 20px;
	background: #fffacd;
	position: relative;
	right: auto;
	border: 2px double #CCCCCC;
}

.b {
    position: relative;
    margin: 1%;
    float: right;
    width: 23%;
    height: 400px;
    background-color: #fffacd;
}

.texto_sobremi {
  background:#fffacd; /* color crema */
  display:inline-block;
  padding: 20px;
  max-width: 800px;          /* ancho máximo del contenido */
  margin: 1%;       /* margen superior/inferior + centrado horizontal */
  border: 2px solid #CCCCCC; /* opcional: borde para delimitar */
  box-shadow: 4px 4px 8px #999999; /* opcional: sombra retro */
}

.icono {
	max-height:16px;
	max-width:16px;
}