.main_body{width: 100%;max-width: 100%;position: relative;margin:0 auto;}
.main-image{position: absolute;top: 0;left: 0;background-image: url('../images/pizza.jpg');width: 100%;height: 100vh;z-index: -1;}
.logo{color: rgb(65, 59, 59);font-weight: bold;text-align: center;font-size: 2rem;margin:1em 0 .5em 0}
.logo span{font-size: inherit;color:chocolate}

/*********navigation*******************
#mobile-menu{display: none;}
.mobile-nav{display: none;}*/
nav{float:right;cursor: pointer;}
nav a{color:black;text-decoration: none;}
nav a:hover{text-decoration: underline;}
nav ul{padding: 0;margin: 0;}
nav li{padding: 0;margin: 0;}
.divnav{position: relative;right:0px;top:0px;float: right;width:100%;max-width:100% ;color: black;z-index: 99;padding: .5em 1.5em .1em 1em; /*border-bottom: 1px solid #758a7a; box-shadow: 0 12px 12px -10px;*/}
.divnav ul{list-style: none;}
.divnav li{display: inline-block;float: left;padding: 10px;}
.divnav a:link{color:#9c958b;text-decoration: none;}
.divnav a:visited{color: #9c958b}
.divnav a:active{color: #9c958b}
.divnav a:hover{color:#9c958b;text-decoration: underline;}
/* ciudades principales */
.divnav2 ul{list-style:none;}
.divnav2 li{display:inline-block;padding:7px;margin: 0 0 .5em 0}
.divnav2 a:link{color:#7a837c;text-decoration:none;background-color:#cdd3d0;padding:.5em;border-radius:20px;font-size:90%}
.divnav2 a:visited{color:#7a837c}
.divnav2 a:active{color:#7a837c}
.divnav2 a:hover{color:#7a837c;text-decoration:underline;font-weight: bold;}
/*****Menu Usuario********/
.sidenav{height: 100%;width:0;position:fixed;z-index:99;top:0;left:0;background-color:#111;overflow-x:hidden;transition:0.5s;padding-top: 60px;}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:0.3s}
.sidenav a:hover, .offcanvas a:focus{color:#f1f1f1;}
.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:30px;margin-left:50px;color:#4dd52b}
.closebtn a{color:#4dd52b}

  /*nav .close{float:right;margin: 2em;width: 3em;font-weight: bold ;font-size: 2em;cursor: pointer;}*/
header{display: flex;justify-content: space-between; }
.h1{font-size: 3rem;margin-top: 2em;line-height: 3.3rem;}
.subhead{font-size: 1.4rem;}
section.top-section{color: rgb(31, 27, 27);height: 90vh;}
.more-info img{width: 100%;object-fit: cover;height: 11em;}
.more-info.title{font-weight: bold;font-size: 1.25rem;} 
.more-info.desc{line-height: 1.5rem;}
.open-nav{transform: translateX(0);}

.formulario_row{display:-ms-flexbox;display:flex;flex-wrap:wrap;width:100%;max-width:100%;}
fieldset{background-color:#CCC;width:100%;max-width:100%;padding:16px;border:0px solid #747474;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.legend{margin-bottom:0px;margin-left:16px;font-size: 130%;font-weight: bold;}
/********CABECERAS***************/
.mainCabecera{width:100%;font-size:1.7rem;font-weight:600;text-align:center;margin:1em 0 1em;letter-spacing:0.1em;line-height:1.2em}
.medioCabecera{width:100%;font-size:1.4rem;font-weight:600;text-align:center;margin:1em 0 1em;letter-spacing:0.1em;line-height:1.2em}
.chicoCabecera{width:100%;font-size:1.1rem;font-weight:600;text-align: center;margin:1em 0 1em;letter-spacing:0.05em;line-height:1.2em}
.miniCabecera{width:100%;font-size:.8rem;font-weight:600;text-align: center;margin:1em 0 1em;letter-spacing:0.1em;line-height:1.2em}
.cabecera{font-size:1.7rem;font-weight: 800;text-align: center;width: 100%;margin: .5em;color: #1801be;line-height: 1em}
/*********TEXTOS**************/
.textoGrande{width: 100%;font-size: 1.8rem;margin: .5em 0 .5em}
.textoMedio{width: 100%;font-size: 1.4rem;margin: 1em 0 1em}
.textoChico{width: 100%;font-size: 1.1rem;margin: 1em 0 1em}
.textoMini{width: 100%;font-size: .8rem;margin: 1em 0 1em}
/*********DIV'S**************/
.divcheckheader{width: 99%;}
.divQuestion{width:90%}
.divcheck{width: 32%;display: inline-block;}
.divcomment{width: 48%;display: inline-block;}
.divcorrectiondate{width: 48%;display: inline-block;}

.divQuestion2{width:90%;display: inline-block;text-align: center;background-color: #292b5c;color: white;border: 1px solid}
.divcheck2{width: 32%;display: inline-block;}
.divcomment2{width: 48%;display: inline-block;}
.divcorrectiondate2{width: 48%;display: inline-block;}

.divlogin{width: 98%;max-width: 98%;margin: 0 auto;}
.div_registra{width: 95%;max-width: 95%;margin: 0 auto;}
.div_registra_negocio{width: 100%;max-width: 100%;margin: 0 auto;}
.veridiv{height: 1em;width: 50%;position: relative;}
.veridiv img{width: 100%}
.row{width: 90%;max-width: 90%;margin: 0 auto}

.buscar_div{width: 98%;max-width: 98%;margin: 0 auto}
.ciudades_div_wrapper{width: 90%;max-width: 90%;margin:0 auto;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{display:none}}
.ciudad_card{display:inline-block;}

.div1col{width: 100%;max-width: 100%;margin: 0;position: relative;}
.div2col{width:99%;max-width:99%;display:inline-block;}
.div3col{width: 99%;max-width:99%;display:inline-block;}
.div2colfix{width: 49%;max-width: 49%;display: inline-block;}
.div3colfix{width: 32.2%;max-width: 32.2%;display: inline-block}
.div4colfix{width: 24%;max-width: 24%;display: inline-block}
.usu_login{width: 49%;max-width: 49%;display: inline-block;text-align: left;}
/*********Detalles*****************/
.imgDetalle{width: 50%;max-width: 50%;margin:0 auto}
.imgDetalle img{width: 100%}
.detalles{width:95%;max-width:95%;line-height:1.4em;font-size:1.3em}
.precio{width:50%;margin: 0 auto;padding:1em;text-align:center;font-size:1.5rem;font-weight:bold;color: #869979}
.diveligeNegocio{width:99%;max-width:99%;background-color:white;margin:1em 0em;padding: 1em}
/*******Div Resultado Busqueda************/
.divResultado{width:100%;max-width:100%;margin:1em .2em;background-color:white;border-radius:5px;padding:.5em}
.divResultadoContainer{width:60%;max-width:60%;display: inline-block;font-size:.8rem}
.divlogo{width:80px;max-width:80px;height:50px;display: inline-block;}
.divlogo img{width: 100%;height: 100%;object-fit:cover}
.divEmpNombre a{width:100%;max-width:100%;font-size:1rem}
/**********TOP MENU****************/
/*.divMainMenu{width: 100%;max-width: 100%;background-color: #c2c1ca}*/
.header{padding: 20px;text-align: center;position: relative;margin-top: 1em;}
.header a{font-size: 2.2rem;color: #555;font-weight: bold;}
.divMainMenu{width: 100%;max-width: 100%;background-color: #c2c1ca}
.show_menu{width: 49%;max-width: 49%;display: inline-block;text-align: right;}
.open-nav{transform: translateX(0);}
.usu_login{width: 49%;max-width: 49%;display: inline-block;text-align: left;padding: .5em 0em .5em 1em}
/**********MENU CHOICE****************/
.divMainMenuChoice{width: 100%;max-width: 100%;margin: 0 auto;text-align: center;border-radius: 5px}
.divMenuChoice{width: 99%;max-width: 99%;margin: 0 auto;padding: .5em;margin-top: .5em;margin-bottom: .5em}
.divMenuChoice:hover{background-color: #a373d2;color: #deaef2}
.divMenuChoice a{color:#f3e3fb;text-decoration: none; }
/**********DIV PARA HORARIO****************/
.divhora{width: 49%;max-width: 49%;display: inline-block;}
.horaDesc{width: 49%;max-width: 49%;display: inline-block;}
.mainHorario{width: 97%;max-width: 97%;margin: 1em 0 1em 0;margin: 0 auto}
/**********DIV BOTONES****************/
.botoncontainer{width: 100%;max-width: 100%;margin: 1em 0em;text-align: center;}
.boton{width: 97%;max-width: 97%;font-size: 1.5rem;font-weight: bold;margin: 0 auto;color:white;background-color: #458f3a;border-radius: 5px;letter-spacing: 0.08em;cursor: pointer;height: 2.2em}
.divboton{width: 98%;max-width: 98%;padding: .5em;font-size: 1.3rem;margin: 0 auto}
/********FOOTER****************/
.mainFooter{width: 100%;max-width: 100%;background-color: #73542b;color: white;text-align: center;margin-top:1.2em}
.divfooter{width: 98%;max-width: 98%;display: inline-block;}

li.pg{display:inline-block;list-style:none !important;margin-left:2%;padding:2% 0 0 5%;width:20%;}	
li.pg img{display:block;width:80%/*;padding-left:1px;padding-top:1px;padding-right:1px;*/}
li.pg p{text-align:center;font-size:1.5em;font-weight:bold;color:#41733e;}
li.pg a{text-decoration:none;}
.prd-btn{position:relative;text-align:center;overflow:hidden;width:99%;max-width:99%;height:1.9em;font-size:1.2em;font-weight:bold;	background-color:#f0740f;color:white;margin: 0 auto;cursor:pointer;margin-top:.5em}
.prd-btn a:link{color: white;}
.prd-btn a:hover{color: white;}
.prd-btn a:active{color: white;}
.prd-btn a:visited{color: white;}

.prd-container{width:100%;max-width:100%;position: relative;margin-top:1.5em;padding: 1em}
.prd-descri{width:99%;text-align:center;font-size:1rem;font-weight:bold;color:#778c78;margin-bottom:.5em}
.prd-precio{width:99%;text-align:center;font-size:1.1rem;font-weight:bold;color:#be3461;margin-top:.5em}
.prd-empresa{width:99%;font-size:1.4rem;font-weight:600;text-align:center;margin:1em 0 .5em;letter-spacing:0.1em;line-height:1.2em}
.prd-datos-empresa{width:99%;font-size:1.1rem;margin: .5em 0 .5em}
#imagePreview{width:180px;height:180px;margin:1em 0em 1em 5em;background-position:center center;background-size:cover;-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);/*display: inline-block;*/margin: 0 auto;}
#imagePreview img{width:50%;}
/*********para mostrar foto y swipe**********************/
.swcontainer{width:50%;margin:0 auto;background-color:white2;}
.swipe{overflow:hidden;position:relative;width:100%;height:auto;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe .nav{position:absolute;width:80px;height:38px;z-index:10;text-align:center;line-height:40px;display:inline-block;color: #fff;
top:45%;cursor:pointer;background-color:rgba(0,0,0,0.8)}
.swipe .nav.next{right:0;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.swipe .nav.prev{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
/************************/
#ingre img{width:100%}

@media only screen and (min-width: 340px) {
  .divResultadoContainer{width:65%;max-width:65%;display: inline-block;font-size:.8rem}
  
	/*select{font-size: 1em}
  .main_body{width:80% ;margin:0 auto;}*/
}

@media only screen and (min-width: 480px) {
  .divlogin{width: 80%;max-width: 80%;margin: 0 auto;background-color: #d5d9d5;padding:1em}
  .divlogin input{width: 90%}
  .divlogin .boton{width: 90%}
  .divResultadoContainer{width:75%;max-width:75%;display: inline-block;font-size:.8rem}
  
	/*select{font-size: 1em}
  .main_body{width:80% ;margin:0 auto;}*/
}

@media only screen and (min-width: 680px) {
  /*.divlogin{width: 80%;max-width: 80%;margin: 0 auto;background-color: #d5d9d5;padding:1em}
  .divlogin input{width: 90%}
  .divlogin .boton{width: 90%}*/
  .div2col{width: 49%;max-width: 49%}
  .div3col{width: 32.2%;max-width:32.2%;display:inline-block;}
  .div_registra{width:90%;max-width:90%;background-color: #d5d9d5}
  .div_registra_negocio{background-color: #d5d9d5}
  .prd-container{display:inline-block;width:47%;max-width:47%;margin-left:.6em}
  .prd-descri{width:99%;max-width:99%;text-align:center;font-size:1.2em;font-weight:bold;color:#778c78;margin:.5em 0}
  .prd-precio{width:99%;max-width:99%;text-align:center;font-size:1.3em;font-weight:bold;color:#be3461;}
  .prd-img{width:99%;max-width: 99%;}
  .prd-img img{width: 99%;display: block;height: 99%}
  .header a{font-size: 2.5rem;color: #555}
  .diveligeNegocio{width:70%;max-width:70%;margin:0 auto 1em} /*top right/left bottom*/
  .divResultado{width:70%;max-width:70%;margin:0 auto 1em}
 
}
@media only screen and (min-width: 800px) {
  .divlogin{width: 70%;max-width: 70%;margin: 0 auto;background-color: #d5d9d5;padding:1em}
  .divlogin input{width: 90%}
  .divlogin .boton{width: 90%}
  .div2col{width: 49%;max-width: 49%}
  .div_registra{width:90%;max-width:90%}
  /*body{background-color: white}*/
  .prd-container{margin-left: .7em;}
  .divfooter{width: 32%;max-width: 32%;display: inline-block;}
  .header a{font-size: 2.8rem}
}
@media only screen and (min-width: 1200px) {
  .row{width: 1000px;max-width:1000px;margin: 0 auto;}
  .divlogin{width: 40%;max-width: 40%;margin: 0 auto;background-color: #d5d9d5;padding:1em}
  .div_registra{width:65%;max-width:65%}
  .header{margin-top: 1em;}
  .prd-container{display: inline-block;width:30%;max-width:30%;margin-left: 1.3em}
  .diveligeNegocio{width:50%;max-width:50%;background-color:white;margin: 0 auto 1em;padding: 1em}
}