/*GENERAL COMPONENT*/
/*------------------------------------*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.imgResponsive{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
body{
	/*background-image:url(../img/bg/textura.webp);*/
	background-size: 600px;
	background-repeat: repeat;
	background-color: #FFD325;
	/*background-color:#fff; */
}
html {
  scroll-behavior: smooth;
}
.contenedorSeparador{
	width:100%;
}
.separador {
    border: 0;
    height: 5px;
    background-image: linear-gradient(to right, RGBA( 0,12,147,0 ), RGBA( 0,12,147, .75 ), RGBA( 0,12,147,0 ));
	width: 100%;
	min-width: 100%;
	box-sizing: border-box;
	margin: 30px 0px;
	color: rgba(0,12,147,1.00)
}

/*TOP HEADER*/
/*-------------------*/
.topHeader{
	width: 100%;
	display: block;
	/*height: 70px;*/
	/*background-color:#00A6FF;*/
	background-image:url(../img/bg/cabeceraGris.webp);
	background-size:cover;
}
.containerLogo{
	/*height: 70px;*/
	width: 100%;
	justify-content: center;
}

/*-NAVBAR DESTOP--*/
/*---------------------------*/
#navDes{
	width:100%;
	background-color:white;
	-webkit-box-shadow: 0px 7px 10px -11px #212121; 
	box-shadow: 0px 7px 10px -11px #212121;
}
.containerNavDest{
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.itemNavDest{
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    font-size: medium;
    text-decoration: none;
    color: #212121;
    border-right: gray solid 1px;
	transition: .35s all;
}
.itemNavDest:hover{
    background-color:red;
    color: white;
}

/*---------------------------*/
#navMov{
	width:100%;
	position: fixed;
	bottom: 0;
}
.containerNavMov{
	background-color:#212121;
	width: 100%;
    align-items: center;
    justify-content:space-between;
}
.contNavBarMovItem{
	width: 100%;
    text-align: center;
	border: gray solid 1px;
	padding: 5px;
    margin: 2px;
	transition: .7s all;
}
.contNavBarMovItem:active{
	background-color: red;
}
.itemNavMov{
	font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    font-size: medium;
    text-decoration: none;
    color: #fff;
    
	transition: .35s all;
	text-align: center;
}

/*GRID STYLE*/
/*-------------------------------------*/
/*----------CONTENEDOR PADRE----------*/
.container{
    max-width: 1200px;
    margin: 0 auto;
}
.flexContainer{
    display: flex;
}
.flexContainerRow{
    flex-direction: row;
}
.flexContainerRowReverse{
    flex-direction: row-reverse;
}
.flexContainerColum{
    flex-direction: column;
}
.flexContainerColumReverse{
    flex-direction: column-reverse;
}
.flexWrap{
    flex-wrap: wrap;
}
.flexWrapReverse{
    flex-wrap: wrap-reverse;
}
.flexNoWrap{
    flex-wrap: nowrap;
}
/*---------CONTENEDOR HIJO-------------*/
.grow1{
    flex-grow:1;
}



/*---------MENU-----------------------------*/
/*--------------------------------------------*/
.menuSecc{
	background-color:#D90000;
	box-sizing: border-box;
	padding: 25px 2px;
}
.burgerSecc{
	background-color:#fff;
	box-sizing: border-box;
	padding: 25px 2px;
}
.containerTitleSecction{
	width:100%;
}
.titleSecction{
	font-family:Arial, helvetica, sans-serif;
	text-align: center;
	color:lightyellow;
}
.titleSecction2{
	font-family:Arial, helvetica, sans-serif;
	text-align: center;
	color:darkred;
}
.capsulaPrice{
	text-align: center;
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding: 5px;
    color: white;
    background-color:darkred;
    margin: 10px;
    border-radius: 0px;
}
.especialidadesPizza{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding:15px 5px 0px 5px;
	color:yellow;
	font-weight: bold;
}
.especialidades{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding:15px 5px 0px 5px;
	color:#CC0003;
	font-weight: bold;
}
.ingredientesPizza{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding: 0px 15px 0px 5px;
	color:white;
}
.comp{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding:0px 5px 0px 5px;
	color:red;
	font-weight: bold;
	background-color: #fff;
}
.comp2{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding: 0px 10px 0px 5px;
	color:black;
	background-color: #fff;
}

.ingredientes{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding: 0px 15px 0px 5px;
	color:#262626;
}
.bebidas{
	font-family:Arial, helvetica, sans-serif;
	box-sizing: border-box;
	padding:15px 5px 0px 5px;
	color: lightcyan;
	font-weight: bold;
	font-size: 12.5pt;
}

.row{
    width: 100%;
    box-sizing: border-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    overflow: auto;
	justify-content: center;
}
.col-1{
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.col-2{
	-ms-flex:0 0 16.666666%;
	flex:0 0 16.666666%;
	max-width:16.666666%;
}
.col-3{
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.col-4{
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.col-5{
	-ms-flex:0 0 41.666666%;
	flex:0 0 41.666666%;
	max-width:41.666666%;
}
.col-6{
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.col-7{
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.col-8{
	-ms-flex:0 0 66.666666%;
	flex:0 0 66.666666%;
	max-width:66.666666%;
}
.col-9{
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.col-10{
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.col-11{
	-ms-flex:0 0 91.666666%;
	flex:0 0 91.666666%;
	max-width:91.666666%;
}
.col-12{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
@media only screen and (max-width: 1200px) {
.col-l1{
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.col-l2{
	-ms-flex:0 0 16.666666%;
	flex:0 0 16.666666%;
	max-width:16.666666%;
}
.col-l3{
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.col-l4{
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.col-l5{
	-ms-flex:0 0 41.666666%;
	flex:0 0 41.666666%;
	max-width:41.666666%;
}
.col-l6{
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.col-l7{
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.col-l8{
	-ms-flex:0 0 66.666666%;
	flex:0 0 66.666666%;
	max-width:66.666666%;
}
.col-l9{
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.col-l10{
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.col-l11{
	-ms-flex:0 0 91.666666%;
	flex:0 0 91.666666%;
	max-width:91.666666%;
}
.col-l12{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
}
@media only screen and (max-width: 992px) {
.col-m1{
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.col-m2{
	-ms-flex:0 0 16.666666%;
	flex:0 0 16.666666%;
	max-width:16.666666%;
}
.col-m3{
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.col-m4{
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.col-m5{
	-ms-flex:0 0 41.666666%;
	flex:0 0 41.666666%;
	max-width:41.666666%;
}
.col-m6{
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.col-m7{
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.col-m8{
	-ms-flex:0 0 66.666666%;
	flex:0 0 66.666666%;
	max-width:66.666666%;
}
.col-m9{
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.col-m10{
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.col-m11{
	-ms-flex:0 0 91.666666%;
	flex:0 0 91.666666%;
	max-width:91.666666%;
}
.col-m12{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
}
@media only screen and (max-width: 768px) {    
.col-s1{
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.col-s2{
	-ms-flex:0 0 16.666666%;
	flex:0 0 16.666666%;
	max-width:16.666666%;
}
.col-s3{
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.col-s4{
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.col-s5{
	-ms-flex:0 0 41.666666%;
	flex:0 0 41.666666%;
	max-width:41.666666%;
}
.col-s6{
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.col-s7{
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.col-s8{
	-ms-flex:0 0 66.666666%;
	flex:0 0 66.666666%;
	max-width:66.666666%;
}
.col-s9{
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.col-s10{
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.col-s11{
	-ms-flex:0 0 91.666666%;
	flex:0 0 91.666666%;
	max-width:91.666666%;
}
.col-s12{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
}
@media only screen and (max-width: 576px) {
.col-xs1{
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%;
}
.col-xs2{
	-ms-flex:0 0 16.666666%;
	flex:0 0 16.666666%;
	max-width:16.666666%;
}
.col-xs3{
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%;
}
.col-xs4{
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.col-xs5{
	-ms-flex:0 0 41.666666%;
	flex:0 0 41.666666%;
	max-width:41.666666%;
}
.col-xs6{
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%;
}
.col-xs7{
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%;
}
.col-xs8{
	-ms-flex:0 0 66.666666%;
	flex:0 0 66.666666%;
	max-width:66.666666%;
}
.col-xs9{
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%;
}
.col-xs10{
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%;
}
.col-xs11{
	-ms-flex:0 0 91.666666%;
	flex:0 0 91.666666%;
	max-width:91.666666%;
}
.col-xs12{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
}
}

/*------------FOOTER-----------------*/
/*---------------------------------------*/
.footer{
	min-height: 100px;
	background-color:#FFD325;
	padding: 10px;
	justify-content: space-between;
	align-items:flex-end;
	
}
.containerSuc{
	padding: 10px;
	/*border-right:#fff 1px solid;*/
	margin: 0 auto;
	flex-direction: row;
	display: flex;
}
@media only screen and (max-width: 720px) {
	.footer{
		flex-direction:row;
		padding: 10px 10px 70px;
	}
	.containerSuc{
		width: 100%;
		/*border-bottom:#fff 1px solid;;*/
		flex-direction: column;
	}
	
	.containerEspecialidades{
	display:block;
	padding: 10px;
	width: 100%;
}
}