*{
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
  }
body{
	background: #e7e3e3c5;
}

.contenedor{
	background-color:#4797ff;
	width:100%;
	height:50px;
	display:flex;
	justify-content: space-around;
	
}
.contenido{
	height:20px;
	width:35%;
	/*float:right;*/
	margin: 5px;
	padding: 10px;
	display:flex;
	align-items: center;
}

@media (max-width:568px) {
	#ocultar{
		display: none;
	}

	.mapa{		
		width: 350px;
	}
}

/* Propiedades de los cuadros de dialogo de Registro y Acceso */
.access-box{
	position: absolute;
	background: white;
	width: 350px;
	border-radius: 5px 5px 5px 5px;
	/*height: 200px;
	margin-left: auto;
	margin-right: auto; 
	height: 40%; */
	margin: 0 auto; 
	left: 0;
	right: 0; 
	/*transform: translateX(-50%);*/ 
	top: 5%;
}

.formato-textbox{
	/*background: silver;*/
	border: 1px solid #393939;
	border-radius: 5px 5px 5px 5px;
	color: #393939;
	font-size: 14px;
	padding: 3px;
}

.area-trabajo{	
	margin-left: 3%;
	margin-right: 3%; 	
}

.boton.azul {
	background-color: #0b96df; /* Código de un color Azul */
	font-size: 15px;
	color: white!important;
	padding: 5px 10px;
	border-radius: 10px;
}

/*===============Páginador==============*/
.paginador ul{
	padding: 15px;
	list-style: none;
	background: white;
	margin-top: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	justify-content: flex-end;
}

.paginador a, .SelectedPage{
	color: #428bca;
	border: 1px solid #ddd;
	padding: 5px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	width: 35px;
}

.paginador a:hover{
	background: #ddd; 
}

/*===============Buscador==============*/
.form_search{
	display: flex;
	float: right;
	background: initial;
	padding: 10px;
	border-radius: 10px;
}

/*=========Carrito de compras===========*/

.producto{
	width: 23%;
	height: 220px;
	background-color: #ffffff;
	border:1px solid gray;
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
	margin-top: 1%;
}