/*----------------------------
----------------------------*/
.tipografiaBase{
	font-family: 'Montserrat', sans-serif;
}

#pizzas{
	max-width:1600px;
	margin:0 auto;
	flex-wrap: wrap;
	align-items:stretch;
	/*background-image: url(../img/bg/textura.webp);
	background-repeat:repeat;
	background-size:300px;*/
}
#especialidadesPizza{
	width:20%;
	box-sizing: border-box;
	padding: 10px;
	display: flex;
    justify-content: space-between;
	background-color:#585958;
	
}
.titleEspecialidades{
	background-color:#1D1C1C;
	color:white;
	box-sizing: border-box;
	padding: 10px;
}
.listaEspecialidades{
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}
.cajaEsp{
	padding:7px 0px;
	box-sizing: border-box;
}
.especialidades{
	color:gold;
	padding:0;
	margin:0;
	box-sizing: border-box;
}
.ingredientes{
	color:#fff;
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-weight: medium;
}
#preciosPizza{
	box-sizing: border-box;
}
.preciosPizzas{
	width:33.3%;
	box-sizing: border-box;
	padding: 3px;
}
.numPizzas{
	color:gold;
	font-weight:bold;
}
.precios{
	font-weight:bold;
	color: #fff;
}
.separdor{
	width:100%;
	border: solid 1.5px;
	margin-top: 10px;
}
.tituloCuadradas{
	color:gold;
	font-weight:bold;
	font-style: italic;
	box-sizing: border-box;
	padding: 10px 0px 0px;
	list-style: none;
}
.tipoCuadrada{
	text-align:right;
	color: #fff;
	font-weight:bold;
	font-style: italic;
	box-sizing: border-box;
	padding: 5px 0px;
	list-style: none;
}


/*----------------------------
----------------------------*/
#promosConGrafico{
	width:50%;
	align-items: stretch;
	background-size: 100%;
	display: flex;
    justify-content: space-around
}

.contendorPromosGrafico{
	width:100%;
	box-sizing: border-box;
	padding: 10px;
}
.imgPromos{
	max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

/*----------------------------
----------------------------*/

#promos{
	width:30%;
	box-sizing: border-box;
	padding: 10px;
	flex-wrap: wrap;
	flex-direction: row;
    background-color: white;
}
#promosPollo{
	width:30%;
	box-sizing: border-box;
	padding: 10px;
	/*background-image: url(../img/bg/textura.webp);
	background-repeat:repeat;
	background-size:300px;*/
	flex-wrap: wrap;
	flex-direction: row;
}
.titlePaquetesSinGrafico{
	background-color:#121212;
	color:white;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 10px;
	
}
.contenedorPromos{
	flex-direction:row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.promosSinGrafico{
	background-color:#FFD900; 
	width:calc(50% - 10px);
	box-sizing: border-box;
	flex-direction: column;
	text-align: center;
	padding:10px;
	margin: 5px;
	-webkit-box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
}
.titlePaq{
	font-weight:bolder;
	color:darkred;
	box-sizing:border-box;
	padding: 5px;
}
.containText{
	font-weight:bold;
	color: #1B1B1B;
	box-sizing:border-box;
	padding: 2px;
}
.precioPaq{
	font-weight:bold;
	color:darkred;
	box-sizing:border-box;
	padding: 5px;
}
/*----------------------------
----------------------------*/

#polloYmas{
	max-width:1600px;
	margin:0 auto;
	flex-wrap: wrap;
	align-items:stretch;
    background-color: #585958;
	/*background-image: url(../img/bg/textura.webp);
	background-repeat:repeat;
	background-size:300px;*/
}
#graficoPollo{
	width:80%;
	align-items: stretch;
	display: flex;
    justify-content: space-around
}
.imgPollo{
	width:100%;
}

#promosPollo{
	width:100%;
	box-sizing: border-box;
	padding: 10px;
	flex-wrap: wrap;
	flex-direction: row;
}
.boxPollo{
	background-color:#fff; 
	width:calc(33.3% - 10px);
	box-sizing: border-box;
	flex-direction: column;
	text-align: center;
	padding:10px;
	margin: 5px;
	-webkit-box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 13px -6px rgba(0,0,0,0.75);
}
/*----------------------------
----------------------------*/

#especialidadesHamburguesa{
	width:20%;
	box-sizing: border-box;
	padding: 10px;
	/*background-color:#FFD900; */
}
#cajaBurguer{
	flex-direction: column;
}

.especialidadesBurger{
	color:#FFD325;
	padding:0;
	margin:0;
	box-sizing: border-box;
}
.ingredientesBurger{
	color:#FFF;
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-weight:bold;
}

.preciosBurger{
	background-color:#FFD325;
	color: #000;
	box-sizing: border-box;
	margin: 10px 0px;
	padding: 10px;
	
}
.TextBurger{
	font-weight:bold;
}
.preciosB{
	color:red;
	font-weight: bold;
}

/*----------------------------
----------------------------*/
@media only screen and (max-width: 1200px) {
#especialidadesPizza{
	width:40%;
}
#promosConGrafico{
	width:60%;
}
#promos{
	width:100%;
}
	
#polloYmas{
	width:100%;
	margin:0 auto;
	flex-wrap: wrap;
	align-items:stretch;
}
	
#graficoPollo{
		width:100%;
}
	
.boxPollo{
	width:calc(50% - 10px);
}
#especialidadesHamburguesa{
	width:100%;
}
	
.imgPromos{
	max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
	
}


/*----------------------------
----------------------------*/

/*----------------------------
----------------------------*/
@media only screen and (max-width: 700px) {
#especialidadesPizza{
	width:100%;
}
#promosConGrafico{
	width:100%;
}
#promos{
	width:100%;
}
	
#polloYmas{
	width:100%;
	margin:0 auto;
	flex-wrap: wrap;
	align-items:stretch;
}
	
#graficoPollo{
		width:100%;
}
	
.boxPollo{
	width:calc(50% - 10px);
}
#especialidadesHamburguesa{
	width:100%;
}
	
}


/*----------------------------
----------------------------*/


.tipo{
	max-width: 90%;
	min-width: 90%;
	width: 90%;
}
.titleSucursal{
	font-family:Arial, helvetica, sans-serif;
	color:#0c0c0c;
}
.direccionSuc{
	color:#000;
	font-family:Arial, helvetica, sans-serif;
	font-size:medium;
	padding-top: 10px;
	overflow: hidden;
}
.telefonosSuc{
	color:#fff;
	font-family:Arial, helvetica, sans-serif;
	padding-top: 10px;
	font-weight: bold;
}
.llamadaButton{
	background-color:#585958;
	margin: 10px;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	transition: all .5s;
}
.llamadaButton:hover{
	background-color:#393939;
}
.linkLLamada{
	text-decoration: none;
	width: 100%;
	text-align: center;
	font-family:Arial, helvetica, sans-serif;
	font-size:medium;
	color:#fff;
	font-weight: bold;
	
}
.dosLineas{
	width: 100%;
}