/**inico session**/


/**fin session**/

.bg-menu{
	background: #141F5F;
	color: white;
	padding-top: -2%;
	padding: 2%;
	margin:8%;

}

.bg-menu a{
	color: white;
	text-decoration: none;
}

.bg-menu a:hover{
	color: gray;
	text-decoration: none;
}


.mision{
	width: 100%; 
	height: 100%;
}

.mision:hover{
	display: none;
}

.bg-sesion{
	background: #141F5F;
	color: white;

}
.bg-sesion a{
	color: white;
	text-decoration: none;
}

.bg-sesion span:hover{
	color: gray;
	text-decoration: none;
}

.datos{
	width: 50%; 
	margin-left: 25%; 
	margin-top: 10%;  
	border: 5px solid rgb(11, 77, 173); 
	opacity: .9; 
	background-size: cover;
}

.unirte {
	width: 25%; 
	margin-left: 1%;  
	background-size: cover; 
	padding-top: 5%;
}

.contacto{
	width: 25%; 
	margin-left: 1%;
}

.carrito{
  	width: 75% !important;
  }


 .columna{
 	display: none;
 }

 .pedido{
 	width: 50%; 
 	margin-left: 25%; 
 	margin-top: 5%;  
 	border: 5px solid rgb(11, 77, 173); 
 	opacity: .9; 
 	background-size: cover;
 }

@media only screen and (max-width: 600px) {

	.datos{
		width: 75%; 
		margin-left: 15%; 
		margin-top: 10%;  
		border: 5px solid rgb(11, 77, 173); 
		opacity: .9; 
		background-size: cover;
	}
	.unirte {
		width: 100%; 
		padding: 5%;
		align-content: center;
		display: flex;
		flex-direction:column;
	}

	.contacto{
		width: 100%;
		display: flex;
		flex-direction:column;
	}

	.carrito{
		width: 100% !important;
	}

	.columnas{
		display: none;
	}

	.columna{
		display: inline;
	}

	.pedido{
	 	width: 80%; 
	 	margin-left: 10%; 
	 	margin-top: 5%;  
	 	border: 5px solid rgb(11, 77, 173); 
	 	opacity: .9; 
	 	background-size: cover;
	 }

	 #pedido-derecho {
	 	justify-content: center !important;

	 }

	 #pedido-izquierdo {
	 	justify-content: center !important;
	 }

	 #mostar-producto {
	 	display: none;
	 }
	 
	  #nosotros{
	 	width: 100% !important;
	 }

	 #img-nosotros{
	 	margin-left: 25% !important;
	 	width: 50% !important;
	 	align-items:  center !important;
	 }
	 

}

/*
.text-dorado{
	color: rgb(201, 162, 0);
}

.rec{
	background: #141F5F;
	color: white;
	text-align: justify-all;
	height: 70px;
	padding-left: 5%;
	padding-right: 5%;
}

.cir-izq{
	width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    border: 5px solid rgb(11, 77, 173);
    box-shadow: 5px 5px 10px black;
  	margin-bottom: -12%;
	
    transform: translate(-50%, -50%);
}

.cir-izq p{
	text-align: center;
	align-content: center;
	margin-top: 40%;
}

.cir-der{
	width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    transform: translate(-50%, -50%);
    border: 5px solid rgb(11, 77, 173);
    box-shadow: 5px 5px 10px black;
  	margin-top: -7.8%;
  	float: right;
  	margin-right: -8%;
    
}

.cir-der p{
	text-align: center;
	align-content: center;
	margin-top: 40%;
}


.circulo {
    width: 300px;
    height: 300px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    border: 20px solid rgb(11, 77, 173);
    box-shadow: 5px 5px 10px black;
    position: absolute;
  
	left: 50%;
    transform: translate(-50%, -50%);
}
.circulo h2{
	position: absolute;
    top: 55%;
	left: 50%;
    transform: translate(-50%, -50%);
}



.honestidad{
	width: 310px; 
	height: 10%; 
	background-color: white; 
	border: 2px solid rgb(11, 77, 173); 
	border-top-left-radius: 50px; 
	border-bottom-left-radius: 50px; 
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 50px;
	box-shadow: 5px 5px 10px black; 
	margin-left: 15%;
	margin-bottom: 5px;
}

.lealtad{
	width: 310px; 
	height: 10%; 
	background-color: white; 
	border: 2px solid rgb(11, 77, 173); 
	border-top-left-radius: 50px; 
	border-bottom-left-radius: 50px; 
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 50px;
	box-shadow: 5px 5px 10px black; 
	margin-left: 12%;
	margin-bottom: 5px;
}

.equipo{	
	width: 310px; 
	height: 10%; 
	background-color: white; 
	border: 2px solid rgb(11, 77, 173); 
	border-top-left-radius: 50px; 
	border-bottom-left-radius: 50px; 
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 50px;
	box-shadow: 5px 5px 10px black; 
	margin-left: 10%;
	margin-bottom: 5px;
}

h5{ margin-top: 1.8rem; color:black; font-size: 20px; font-weight: bolder; text-align: center;}


.liderazgo{
	width: 310px; 
	height: 10%; 
	background-color: white; 
	border: 2px solid rgb(11, 77, 173); 
	border-top-left-radius: 50px; 
	border-bottom-left-radius: 50px; 
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 50px;
	box-shadow: 5px 5px 10px black; 
	margin-left: 12%;
	margin-bottom: 5px;
}

.confiabilidad{
	width: 310px; 
	height: 10%; 
	background-color: white; 
	border: 2px solid rgb(11, 77, 173); 
	border-top-left-radius: 50px; 
	border-bottom-left-radius: 50px; 
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 50px;
	box-shadow: 5px 5px 10px black; 
	margin-left: 15%;
	margin-bottom: 5px;
}*/