@charset "utf-8";
/* Importa Fuente CCS APLICABLES DEL MENURESP */
@import url(micmex_menuresp.css);
/* Importa Fuente CCS Google desde google fonts fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Varela');
@import url(banner.css);
@import url(productos.css);
@import url(imgns4.css);
@import url(slider.css);
@import url(cubos.css);
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}
/* Aplica Fuente CCS Google  fonts  Familia  varela fonts.google.com */
body{
	font-family: 'Varela', sans-serif;
	}

header {
	width: 100%;
	height: 50px;
	background: #333;
	color: white;
	
/* Hace que el menu se quede pegado arriba a la izquierda y zindex para que lo ponga por delante de todos los elementos */	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	
}

/* Esto da un margen pequeño y alinea en forma automatocamente los elementos del contenedor, ES IMPORTANTE EN EL DISEÑO DE LA PAGINA */


.contenedor{
	width: 98%;
	margin: auto;
	
	}




/* ~~ Este selector agrupador da a las listas en el  .content area de espacio~~ */
.lista { 
	margin-left: 15px;
	font-size: 20px;
	 /* este relleno refleja el relleno derecho en las partidas y de regla de párrafo de arriba. El relleno se coloca en la parte inferior por el espacio entre otros elementos de las listas y de la izquierda para crear la sangría. Estos se pueden ajustar como usted desea. */
	
}


h1{
	float: left;
}

header .contenedor{
	display: table;
}

section {
	width: 100%;
	margin-bottom: 25px;
	
}

#Nosotros {
	text-align: justify;
	
	 
}

#NosDistinguimos {
	text-align: justify;
	
	 
}


footer.contenedor{
	display: flex;
	flex-wrap: wrap;
}
.sociales{
	width: 100;
	justify-content: center;
	text-align: center;
	font-size: 28px;

}

.sociales a {
	color: #333;
	text-decoration: none;
	
}
.flota {
	float: right;
	width: 180px;
	margin-top: 1px;
	
	background-color: #67d0ff;
	padding: 10px 5px;
	border-radius: 0.9em;
	display: block;
	box-shadow: 2px 6px 15px #000000; /*SOMBRA DE 2PX A LA DERECHA, 6PX ABAJO Y EL GRUESO DE LA SOMBRA DE 8PX*/
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 13px;
 	text-align: center;
	
		}
.flota a {
	text-decoration: none;
}

.flotaserv {
	float: right;
	width: 200px;
	margin-top: 1px;
	
	background-color: #67d0ff;
	padding: 10px 5px;
	border-radius: 0.9em;
	display: block;
	box-shadow: 2px 6px 15px #000000; /*SOMBRA DE 2PX A LA DERECHA, 6PX ABAJO Y EL GRUESO DE LA SOMBRA DE 8PX*/
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 15px;
 	text-align: left;
	
		}
.flotaserv a {
	text-decoration: none;
}


.encabezadochi{color: #25528D;
	        	font-size:20px;}
.encabezadomed{color: #25528D;
	        	font-size:25px;}
.encabezadogra{color: #25528D;
	        	font-size:30px;}
.encabezadochibl{color: #000000;
	        	font-size:20px;
				text-decoration: underline;}
.red{
	color:#F90105}
}

@media (min-width:455px){
.flota {
	margin-top: 70px;}	
	
}

@media (min-width:768px){
	.sociales {
		width: auto;
	}
	footer .contenedor {
		justify-content: space-between
	}
	
	}
@media (min-width:1024px){
	.contenedor {
		width: 1000px;
	}
}