body {
	background-color: #F7E7CE;
	font-family: Arial, Helvetica, Verdana;
	margin: 0;
	font-size: 1.3em;
}

h1 {
//	color: white;
	font-size: 2.5em;
}

h2 {
	text-align: center;
	font-size: 1.8em;
}


.cabecera1 {
	color: DodgerBlue;
	text-align: center;
}

.menu-superior {
display: flex;
justify-content: center;
margin-top: 16px;
}

.menu-superior li {
list-style: none;
 margin: 10px 9px;
font-size: 1.3rem;
}

.menu-superior ul {
display: flex;
  flex-flow: wrap;
flex-direction: row;
justify-content: center;
}


.encaje {
	color: black;
  padding: 10px 16px;
  background-color: #f1f1f1;

}

/* Style the active class (and buttons on mouse-over) */
.active, .encaje:hover {
  background-color: #666;
  color: white;
}

a  {
	color: DodgerBlue;
//	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #FF5733;
}

img, video {
	max-width: 100%;
	border-radius: 10px;
}
.superior {
	background: DodgerBlue;
	padding-bottom: 20px;
	  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

.mainestilo {
	width: 80%;
	margin: 0 auto;
}

.indicestilo {
	display: flex;
	flex-direction: rows;
	justify-content: center;
}

.indicestilo a {
	color: black;
}

.indicestilo a:hover {
	color: #af4c88;
}


.historia {
	line-height: 2;
}


.btn {
    background-color: #af4c88;
    color: #fff;
	font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    border: 0;
    cursor: pointer;
	vertical-align: baseline;
	padding: 0 11px;
    display: inline-block;
    height: 36px;
}

.ordenboton {
	display: flex;
	flex-direction: rows;
	justify-content: flex-end;		
}

.ordenbotones {
	display: flex;
	flex-direction: rows;
	justify-content: space-between;
}


.titulo2 {
	width: 100%;
}


/*footer{
	background-color: DodgerBlue;
	height: 140px;
	padding-top: 15px;
	text-align: center;
	float: left;
	width: 100%;
}*/



.acerca {
    background: #FFF;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: justify;
    width: 70%;
}

.redessociales {
    padding-top: 17px;
	text-align: center;
}

.ugaleria {
display: flex;
flex-flow: wrap;
justify-content: space-around;
}