*{
	padding:0px;
	margin: 0px;
}

body{
	font-family: 'globerregular';
	font-size: 17px;
	overflow-x: hidden;
}

h3{
	font-family: 'globersemibold';
	font-size: 2.0588235294117645em;	
}

.separador{
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
	display: block;
	text-align:center;
	width: 100%;
}

.contenedor-titulo-ppal{
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

	.contenedor-titulo-ppal img{
		vertical-align: middle;
	}

	.contenedor-titulo-ppal h2{
		display: inline-block;
		vertical-align: middle;
		margin-left: 30px;
	}

.texto-principal{
	font-size: 1.35em;
	font-family: 'globerregular';
	line-height: 1.6em;
	width: 100%;
	margin: 0 auto;
}

.contenedor90{
	width: 90%;
	height: 100%;
	margin: 0 auto;
}

.contenedor100{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.blanco{
	background: rgba(255, 255, 255, 0.8);
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content: center;
}

.negro{
	background: rgba(0, 0, 0, 0.8);
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content: center;
}

	.blanco img, .negro img{

		width: auto!important;
		height: auto!important;
	}


/* menu mobile */

.mobile-container{
	display: none;
	position: fixed;
	width: 100%;
	z-index: 20;
}


/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background: rgba(139, 115, 75, 0.8);
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
  z-index: 100;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: transparent;
  display: block;
  position: absolute;
  right: 10px;
  box-sizing: border-box;
  top: 0;
  height: 100%;
}

.icon i{
	font-size: 24px;
	margin-top: 15px;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: transparent;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background: rgba(139, 115, 75, 0.8);
  color: white;
}






/*menu*/

.inicio ul li a{
	color: white!important;
}

#menu{
	height: 90px;
	width: 100%;
	background: rgba(139, 115, 75, 0.8);
	position: fixed;
	z-index: 10;
}

	#menu .contenedor80{
		display: flex;
		width:1200px;
		max-width: 80%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	#menu .botonera{
		font-size: 1.17em;
		list-style-type: none;
		display: flex;
		flex-direction: row;
		align-items:top;
		font-family: 'globerbold';
	}

	#menu .botonera li a:hover{
		color: white;
	}

	#menu .botonera li{
		margin: 0px 20px;
		position:relative;
	}

	.menu-pdf{
		font-size: 15px;
		position: absolute;
		top: 30px;
		left: auto;
		margin: auto;
		display: block;
		text-align: center;
		width: 100%;
		transition: all .2s ease;
		opacity: 1;
		color: white!important;
	}

	.tienda-online-maison{
    	white-space: nowrap;
	}

	#menu .botonera li:hover{
		color: black;
	}


	#menu .botonera li a{
		text-decoration: none;
		color: black;
	}

	#menu .botonera .activo{
		color: white;
	}

.contenedor80{
	width: 80%;
	height: 100%;
	margin: 0 auto;
}


/* portada */

.portada{
	height: 100vh;
	overflow: hidden;
}

.inicio .portada{
	height: 100vh;
}

	.inicio .portada img{
		width: 100%;
	    height: 100%;
	    object-fit: cover;
	}

	.portada img {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
	}


/* info */

.contenedor1200{
	width: 1200px;
	margin: 0 auto;
	max-width: 80%;
}

.info{
	padding-top: 150px;
}

h2{
	font-family: 'globerthin';
	font-size:  3.76em;
	text-transform: uppercase;
	color: #1D1D1B;
	text-align: center;
}

	h2 strong{
		font-family: 'globerblack';
	}

/* GALERIA INICIO */

.galeria div {
	position:relative;
}

.abajo{
	position: absolute!important;
	top:0;
	left:0;
	z-index: -1;
}

.galeria {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	padding: 140px 0px 0px 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 1 / 3 / 2 / 4; }
.div3 { grid-area: 1 / 4 / 3 / 5; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 2 / 3 / 3 / 4; }

.galeria img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}


/* familia */

.familia{
	padding-top: 150px;
	padding-bottom: 150px;
}

.listado-familia{
	list-style-type: none;
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}

	.listado-familia li{
		width: 25%;
		padding: 0px 2% 0px 0px;
	}

	.listado-familia li img{
		margin-bottom: 30px;
	}

	.listado-familia p{
		font-size: 0.88em;
		line-height: 1.6;
	}

	.listado-familia h3{
		text-transform: uppercase;
		margin: 15px 0px 15px 0px;
	}

/* COLUMNAS MI BARRIO */

.contenedor-titulo-ppal img{
	vertical-align: middle;
}


.mibarrio{
	display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.ultima-col{
	border-left: dotted 5px #B5975A;
    padding-left: 29px!important;
}



/* footer */

.footer{
	background-color: #010101;
	padding: 50px 0px 50px 0px;
}

	.footer ul{
		list-style-type: none;
		display: flex;
		flex-direction: row;
	}

	.footer ul li{
		color: white;
		display: flex;
		flex-direction: column;
	}

	.footer ul li p{
		color: #B4965A;
		font-size: 0.88em;
	}

	.footer ul li span{
		font-size: 25px;
	}

	.footer ul li img{
		width: auto;
		width: min-content;
	}

	.footer ul li:last-child{
		display: flex;
		flex-direction: row;
		flex-grow: 2;
		align-items: center;
		justify-content: flex-end;
	}

	.footer ul li a:first-child{
		margin-right: 20px;
	}

	.footer ul li:nth-child(2) div, .footer ul li:first-child div{
		border-right: 1px solid white;
	}

	.footer ul li div{
		padding-right: 50px;
		margin-right: 50px;
		margin-top: 20px;
	}

	.footer ul li a{
		text-decoration: none;
		color: #B4965A!important;
	}

	.footer ul li div p{
		margin-top: 5px;
	}



/* BOULANGERIE */

/* locales */

.locales{
	padding: 150px 0px 10px 0px;
}

.listado-locales{
	list-style-type: none;
	display: flex;
	flex-direction: row;
	margin-top: 50px;
}

	.listado-locales li{
		width: 25%;
		padding-right: 10px;
		position:relative;
		cursor: pointer;
	}

	.listado-locales .titulo{
		background-color: black;
		padding:25px 10%;
	}

	.listado-locales h4{
		color: white;
		font-size: 1.1em;
		font-family: 'globerblack';
	}

	.listado-locales .imagen{
		background-image: url('../img/local1.jpg');
		height: 280px;
		background-size: cover;
	}

	.listado-locales .datos{
		display: flex;
		flex-direction: column;
		background: rgba(181, 151, 90, 0.9);
		padding:10px 10%;
		top: 79px;
		position: absolute;
		width: calc(100% - 20% - 10px);
		height: calc(100% - 5% - 81px);
		justify-content: center;
		opacity: 0;
		transition:  all .2s ease;
	}

	.listado-locales li:hover .datos{
		opacity: 1;
		transition:  all .2s ease;
	}

	.datos .contacto{
		flex-direction: row;

	}

	.contacto a{
		text-decoration: none;
		color: black;
	}

	.datos .direc{
		line-height: 1.3em;
	}

	.datos .contacto .num{
		font-size: 1.5em;
		font-family: 'globerblack';
		display: inline-block;
		margin-left: 10px;
		letter-spacing: 2px;
	}

	.contacto p, .contacto img{
		vertical-align: middle;
	}

	.datos span{
		font-size: 1.2em;
	} 

/* CAFE RESTO */



.cafe-resto .listado-locales li{
	width: auto!important;
	padding-right: 0px;
}

.cafe-resto .listado-locales .datos{
	width: calc(100% - 20%);
	color: black;
}

.owl-carousel .owl-item img{
	width: auto!important;
	display: inline-block;
}

.fa-chevron-right, .fa-chevron-left{
	font-size: 30px!important;
    color: #96835f;
}

.owl-dots{
	display: none;
}

.owl-nav{
	position: absolute;
	top: 30%;
	width: 100%;
}

	.owl-next{
		position: absolute;
		right: 50px;
	}

	.owl-prev{
		position: absolute;
		left: 50px;
		
	}

.owl-prev, .owl-next{
	font-size: 100px!important;
	color:white!important;
}

/* FOOD TRUCK */



.contrataciones{
 	padding: 150px 0px 150px 0px;
 }

 	.contrataciones .contenedor-titulo-ppal{
 		display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
 	}

 	.contrataciones span{
 		color: #8c734b;
		font-size: 26px;
		display: block;
		text-align: center;
 	}

 	.contrataciones a{
 		font-size: 30px;
 		color: #010101;
 		text-decoration: none;
 	}

 	.contrataciones img{
 		padding-top: 45px;
 	}




/* CAFE PETIT */

.listado-locales2{
	list-style-type: none;
	display: flex;
	flex-direction: row;
	margin-top: 50px;
}

	.listado-locales2 li{
		background-color: black;
		width: 25%;
		margin-right: 10px;
		font-size: 1.29em;
		height: 400px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.listado-locales2 li:first-child{
		padding: 20px 2%;
	}

	.listado-locales2 li img{
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

	.listado-locales2 span{
		color: white;
		line-height: 1em;
	}

	.listado-locales2 h4{
		color: white;
		margin-bottom: 50px;
	}


/* 1400px laptop */

@media all and (max-width: 1480px) {
 
	 .datos .contacto .num{
	 	font-size: 1.20em;
	 }

	 .datos .direc{
	 	font-size: 1.29em;
	 	line-height: 1.2em;
	 }

	 .listado-locales2 span{
	 	font-size: 0.8em;
	 	line-height: 1em;
	 }

}



/* smartphone */

@media all and (max-width: 767px) {

	body{
		font-size: 15px;
		overflow-x: hidden;
	}

	.contenedor1200{
		width: 90%;
	}

	.texto-principal{
		font-size: 1em;
		width: 100%;
	}

	/*menu*/

	.menu-pdf{
		position: unset;
		text-align: left;
		font-size: 12px!important;
	}

	.mobile-container{
		display:block;
	}

 	#menu{
 		display: none;
 	}

 	.blanco img, .negro img{
 		width: 50%!important;
 	}

 	h2{
 		font-size: 2.5em;
 	}

 	h3{
 		font-size: 1.8em;
 	}

 	.topnav a.activo{
 		color: black;
 	}


 	/* mi barrio mi leble */

 	.contenedor-titulo-ppal{
 		flex-direction: column;
 	}

 	.contenedor-titulo-ppal img{
 		width: 120px;
 		margin-top: 20px;
 	}

 	.contenedor-titulo-ppal h2{
 		margin-left: 0px;
 	}


 	/* margenes y padding top*/
 	.info, .galeria, .familia{
 		padding-top: 70px;
 	}

 	/* márgenes y padding bottom */
	.familia{
		padding-bottom: 70px;
	}

 	/* gelería */

 	.galeria{
		grid-template-columns: 100%;
		grid-column-gap: 0px;
 	}


 	
 

 	/* listado */

 	.listado-familia{
 		flex-direction: column;
 	}

 		.listado-familia li{
 			width: 100%;
 			margin-bottom: 60px;
 		}

 	/*familia */

 	.familia ul li img{
 		width: 80%;
 	}

 	.ultima-col{
 		border: none;
 		padding: 0px!important;
 	}

 	/*footer */

 	.footer{
 		padding-bottom: 20px;
 	}

 	.footer ul {
 		flex-wrap: wrap;
 	}

 		.footer ul li{
 			margin-bottom: 50px;
 			width: 50%;
 			padding-right: 2%;
 			box-sizing: border-box;
 		}

 		.footer ul li span{
 			font-size: 1.3em;
 		}

 		.footer ul li div{
 			border-right: none!important;
 			width: 100%;
 		}

 		.footer ul li img{
 			width: 25%;
 		}

 		.footer ul li:last-child img{
 			width: 80%;
 		}

 		.footer ul li:last-child{
 			justify-content: flex-start;
 		}

 		/* boulangerie  */

 		.listado-locales{
 			flex-direction: column;
 		}

 			.listado-locales li{
 				width: 100%;
 				margin-bottom: 30px;
 			}

 		.cafe-resto .listado-locales li{
 			padding-right: 0px;
 			margin-bottom: 0px;
 		}	

 		.cafe-resto .listado-locales .datos{
 			width: 100%;
 			top: 76px;
 			height: calc(100% - 5% - 77px);
 		}
    

 		.datos .contacto .num{
 			font-size: 1.76em;
 		}

 		.owl-nav{
 			display: none;
 		}

 		.locales{
 			padding: 70px 0px;
 		}

 	/* listado locales 2 */

 	.listado-locales2{
 		flex-direction: column;
 	}

 		.listado-locales2 li{
 			width: 100%;
 		}

 		.listado-locales2 li:first-child {
		    padding: 40px 7%;
		}

	.listado-locales .datos{
		opacity: 1;
		top: 76px;
    	height: calc(100% - 2% - 91px);
	}

	.listado-locales .imagen{
		height: 182px;
	}


	/* FOOD TRUCK */

	.contrataciones{
	 	padding: 80px 0px 80px 0px;
	 }

	 	.contrataciones span{
			font-size: 21px;
	 	}

	 	.contrataciones a{
	 		font-size: 24px;
	 	}

	 	.contrataciones img{
	 		padding-top: 15px;
	 		width: 100%;
	 	}
}