html, body{
  background-color:#ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  color:#ffffff;
  width:100%;
  height:100%;
  margin:0;
  display: flex;
  flex-direction: column;
}
body{
  font-family: 'Poppins', sans-serif;
  font-size:16px !important;
  background-color:#f3f3f3;
}
.fondo0{
  background-image: url("../images/fondogal-0.jpg");
}
.fondo1{
  background-image: url("../images/fondogal-1.jpg");
}
.fondo2{
  background-image: url("../images/fondogal-2.jpg");
}
.fondo3{
  background-image: url("../images/fondogal-3.jpg");
}
a{
  color:#d3dcd5;
  text-decoration:none;
}
a:hover{
  color:#ffffff;
  text-decoration:none;
}
h1.titulogal{
  font-size:1.8em;
  color:#000000;
}
h2.titulogal{
  font-size:1.6em;
  color:#000000;
}
h3.titulogal{
  font-size:1.4em;
  color:#000000;
}
h4.titulogal{
  font-size:1.2em;
  color:#000000;
}
h2.menugal{
  color:#000000;
  font-size:2.0em;
  margin-top:1.0em;
  font-weight:bold;
}
h2.menugal a{
  color:#000000; 
}
h2.menugal a:hover{
  color:#752c2c;
}
.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:#234e00;
  border:1px solid #808080;
  margin:0;
  padding:0.1em 1.5em;
  font-size:2.0em;
  opacity: 0.9;
}
.texto_portada{
  background-color:#545454;
  border:1px solid #808080;
  text-align:justify;
  margin:0;
  padding:1.0em 4.0em 1.0em 4.0em;
  font-size:1.0em;
  opacity: 0.9; 
}
.hormigas, .hormigas_prepa{
  color:#fff;
  font-size:0.8em;
  font-weight:bold;
  background-color: #545454;
  opacity:0.9;
  padding:0.1em 0.5em 0.1em 3.9em;
  margin-bottom:2.0em;
}
.hormigas_prepa{
  margin-bottom:0;
}
.comentario p{
  padding:1.0em;
  font-size:1.2em;
  color:#000000;
}
.caja_preparaciones{
    width:100%;
    padding:0 1.5em;
    display:flex; /* declaras que vas a usar flexbox*/
    justify-content: left; /* centrado horizontal*/
    align-items: center; /* centrado vertical */
}
.caja_galerias{
   margin-top:5.0em;
}
.preparacion{
  width:380px;
  height:150px;
  border:1px solid #000;
  background-color:#545454;
  padding:0px;
  margin:0 1.0em 1.0em 0;
  float:left;
}


.preparacion img{
  height:148px;
  border:5px solid #fff;
  margin:0 0.5em 0 0;
  float:left;
}
.preparacion2{
  height:60px;
}
.preparacion2 h1{
  margin-top:0.5em;
}
.preparacion2 img{
  height:58px;
  float:left;
  margin-right:2.5em;
  border:1px solid #808080;
}

.titulo_preparacion, .descripcion_preparacion{
  color:#c0b1b8;
  font-weight:bold;
  margin-top:0.5em;
  padding-left:0.5em;
  text-align:left;
}
.descripcion_preparacion{
  font-size:0.8em;
  font-weight:normal; 
}
.descripcion_preparacion2{
  color:#ffffff;
  font-size:0.4em;
  font-weight:normal; 
  background-color:#234e00;
  padding-bottom:0.5em;
}
#mivisor{
}
.spacer{
  clear:both;
}
/******************************************/
/***    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){
	
}