html, body{
  background-color:#010643;
  background-image: url("../images/fondo.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color:#ffffff;
  width:100%;
  height:100%;
  margin:0;
  display: flex;
  flex-direction: column;
}
body{
  font-family: 'Nunito', sans-serif;
  font-size:16px !important;
}
a{
  color:#d3dcd5;
  text-decoration:none;
}
a:hover{
  color:#ffffff;
  text-decoration:none;
}
#Contenedor{
	width: 400px;
	margin: 50px auto;
	background-color: #F3EDED;
        border: 1px solid #ECE8E8;
	height: 400px;
	border-radius:8px;
	padding: 0px 9px 0px 9px;
}

.Icon span{
      background: #A8A6A6;
      padding: 20px;
      border-radius: 120px;
}
.Icon{
     margin-top: 10px;
     margin-bottom:10px; 
     color: #FFF;
     font-size: 50px;
     text-align: center;
}
.opcioncontra{
	text-align: center;
	margin-top: 20px;
	font-size: 14px;
}
.centro{
  text-align:center;
}
.izquierda{
  text-align:left;
}
.derecha{
  text-align:right;
}
.justificado{
  text-align:justify;
}
.titulo{
  background-color:#545454;
  border:1px solid #808080;
  margin:0;
  padding:0.5em;
  font-size:3.5em;
  opacity: 0.9;
}
.texto_portada{
  background-color:#545454;
  border:1px solid #808080;
  margin:0;
  padding:1.0em;
  font-size:1.0em;
  opacity: 0.9; 
}
.hormigas{
  color:#fff;
  font-size:0.8em;
  font-weight:bold;
  background-color: #545454;
  opacity:0.9;
  padding:0.1em 0.5em;
  margin-bottom:2.0em;
}
.caja_preparaciones{
    width:100%;
    padding:0 1.5em;
    display:flex; /* declaras que vas a usar flexbox*/
    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */
}
.caja_galerias{
   margin-top:5.0em;
}
.preparacion{
  width:280px;
  height:250px;
  border:1px solid #000;
  background-color:#545454;
  padding:0px;
  margin:0 0.5em;
}
.preparacion_foto{
  width:280px;
  height:220px;
  overflow: hidden; 
}

.preparacion_foto img{
  width:278px;
  margin:0;
}
.titulo_preparacion{
  color:#c0b1b8;
  font-weight:bold;
  margin-top:0.1em;
  text-align:center;
}
.visor_preparaciones{
  float:left;
  border:1px solid #808080;
  padding:0;
}
.visor-pc{
  height:100%;
  min-height:100%;
}
.spacer{
  clear:both;
}
.preparacion{
  float:left;
  margin-right:0.6em;
  margin-bottom:0.6em;
  width:500px;
  height:116px;
  padding:2px;
}
.prepafoto{
  float:left;
  margin-right:0.2em;
  width:150px;
  height:110px;
  overflow:hidden;
}
.prepafoto img{
  width:150px;
  height:110px;
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:720px){
	#Contenedor{
		width: 100%;
		height: auto;
		margin: 50px auto;
	}
	.titulo{
   		font-size:1.5em;
   		margin:0;
 	}
 	div.menup{
    		margin:0 10% 0 10%;
  	}
  	table{
     		font-size:0.6em;
   	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	
}