*{
margin:0;
padding:0;
}

body{
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-khtml-background-size:cover;
background-size:cover;
}

#pai{
width:100%;
height:100%;
max-height:768px;
max-width:1024px;
margin:0px auto;
background:;
}

#principal{
width:100%;
height:100%;
margin:0px auto;
background:;
}

#corpopdv{
width:100%;
height:100%;
border-width:10px;
border-style:solid;  
border-color:#ccc;
border-radius:5px;
max-height:748px;
max-width:1004px;
margin:0px auto;
background:;
}

#corpogeralinicio{
width:100%;
height:100%;
background:;
}

#corpotopoinicio{
width:100%;
height:10%;
float:left;
border-width:0 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:black;
}


#corpocentroinicio{
width:100%;
height:84%;
max-height:1004px;
float:left;
border-width:1 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0px;
background:;
overflow-y: scroll;
overflow-x: hidden;
}

#corpocentroinicioped{
width:100%;
height:84%;
max-height:1004px;
float:left;
border-width:1 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0px;
background:;
}

#corpocentropg{
width:100%;
height:100%;
max-height:1004px;
float:left;
}

#corpomenutopo{
width:88%;
height:98%;
float:left;
padding:1;
background:;
}

#corpolinktopo{
width:8%;
height:100%;
float:left;
border-width:0 1 0 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
}

#corpolinktopo img{
width:96%;
height:98%;
margin:1% 2% 1% 2%

}

#corporelogio{
width:11%;
height:98%;
float:left;
padding:1;
background:;
}

#divrelogio{
width:100%;
float:left;
padding: 8% 0 5% 0;
border-width: 0 0 0 1;
border-style: solid;
border-color: #ccc;
border-radius: 0;
color: white;
}

#divrelogio input{
width:100%;
height:40px;
float:left;
font:24px arial;
font-weight:bold;
color:white;
padding:4%;
border:none;
background:black;
}

#mesas{
width:9.59%;
height:13.6%;
float:left;
cursor: pointer;
font:12px arial, bolt;
color: black;
border-width:1;
border-style:solid;  
border-color:black;
border-radius:10px;
margin:0.1%;
}

.inputimage{ 
width:100%;  
height:100%;
outline:none;
}

.inputtext{ 
width:100%;  
height: 29%;
font:20px arial, bolt;
color:black;
margin:-25 0 0 0;
border-width:0;
border-style:solid;  
border-radius:10px;
cursor:pointer;
outline:none;
}

.inputbutton{ 
width:100%;  
height:100%;
font:15px arial, bolt;
color:black;
margin:0 0 0 0;
border-width:0;
border-style:solid;  
border-radius:10px;
cursor:pointer;
outline:none;
}

#corporodapeinicio{
width:100%;
height:5.5%;
float:left;
border-width:1 0 0 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
}


#corpoitenspedido{
width:59%;
height:100%;
float:left;
border-width:0 2 0 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
}
#listcatitens{
width:100%;
height:85px;
float:left;
background:yellow;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}

#corpoitensmesa{
width:40%;
height:100%;
float:left;
margin:0 0 0 0.6%;
border-width:0 0 0 2;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
}

#corpocentrotransfemesa{
width:100%;
height:84%;
max-height:1004px;
float:left;
border-width:1 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0px;
background:;
}

#corpomenurodadeta {
width: 100%;
height: 10%;
float: left;
border-width: 1 0 1 0;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
}

#corpocentrodetamesa{
width:100%;
height:74%;
max-height:1004px;
float:left;
border-width:1 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0px;
background:;
overflow-y: scroll;
overflow-x: hidden;
}

#corpotransitensmesa{
width:45%;
height:100%;
float:left;
margin:0 0 0 0;
border-width:0 0 0 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
}

#centrotransmesa{
width: 7.4%;
height: 100%;
max-height: 95.9%;
float: left;
text-align: left;
border-width: 2%;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
margin: 0 0 0 0;
padding: 10 10 10 10;
}

#buscamesa{
width: 22%;
height: 96.5%;
max-height: 96.5%;
float: left;
border-width: 2%;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
margin: 0 0 0 0;
padding: 10 10 10 10;
}

#buscamesa input{
float:left;
}

#listbuscamesa{
width: 30%;
height: 96.5%;
max-height: 96.5%;
float: left;
border-width: 2%;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
margin: 0 0 0 0;
padding: 10 10 10 10;

}
#listbuscamesacorp{
width: 100%;
height: 83%;
max-height:83%;
float: left;
overflow-y: scroll;
overflow-x: hidden;
white-space: nowrap;
}

#listbuscamesacorpmenu{
width: 96.5%;
height: 18%;
max-height: 18%;
float: left;
border-width: 2 0 0 0;
border-style: solid;
border-color: #ccc;
border-radius: 0;
}


#listeprodmultpg{
width: 40.2%;
height: 96.5%;
max-height:96.5%;
float: left;
border-width: 2%;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
margin: 0 0 0 0;
padding: 10 10 10 10;

}

#listeprodmultpgcorp{
width: 100%;
height: 83%;
max-height:83%;
float: left;
overflow-y: scroll;
overflow-x: hidden;
white-space: nowrap;
}

#listeprodmultpgrodmenu{
width: 96.5%;
height: 18%;
max-height: 18%;
float: left;
border-width: 2 0 0 0;
border-style: solid;
border-color: #ccc;
border-radius: 0;
}
#listeprodmultpgrod{
width: 95.5%;
height: 10%;
max-height: 10%;
float: left;
border-width: 2 0 0 0;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
margin: 0 0 0 0;
padding: 10 10 10 10;
}
#vertotalitensmult{
width: 100%;
height: 30%;
float: left;
text-align: left;
}

#vertotalitensmult p{
	font:18px arial, bolt;
}

.actionteclado{ 
width:30px;  
height:30px;
float: left;
margin: 0 5 2 5;
cursor: pointer;
outline:none;
text-decoration: none;
background: url("/image/butronbuscamesa.png" )no-repeat;
background-size: 100% 100%;
}

#centrocorpotransmesa{
width: 100%;
height: 80%;
float: left;
}

#centrobototransmesa{
width: 100%;
height: 18%;
float: left;
text-align: left;
padding: 2%;
}


#toplistitensmesa{
width:97.6%;
float:left;
text-align:left;
border-width:0 0 2 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;

}

#listcat{
width:89px;
height:55px;
display:inline-block;
text-align:left;
border-width: 1;
border-style:solid;  
border-color:#ccc;
border-radius:10px;
margin:2px;
background:pink;

}
#corpomoedaspg {
width:40.6%;
height: 100%;
float: left;
border-width: 0 2 0 0;
border-style: solid;
border-color: #ccc;
border-radius: 0;
background: ;
}

#corpolistitens{
width:99%;
height:70.5%;
max-height: 374px;
float:left;
border-width:2%;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:yellow;
overflow-y: scroll;
overflow-x: hidden;
white-space: nowrap;
}

#corpolistitenspg{
width:95%;
height:70%;
max-height: 70%;
float:left;
padding:2%;
border-width:2%;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:yellow;
overflow-y: scroll;
overflow-x: hidden;
white-space: nowrap;
}

#corporesultlistitenspg{
width:95%;
height:11%;
max-height: 11%;
float:left;
padding:2%;
border-width:2%;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:yellow;
}

#corpooplistitenspg{
width:95%;
height:24%;
max-height:24%;
float:left;
padding:2%;
border-width:2%;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:yellow;
}

#listitens{
width: 24.2%;
height:75px;
float:left;
text-align:left;
border-width:1;
border-style:solid;  
border-color:#421a1a;
border-radius:10px;
margin:1px;
background:pink;

}



#listitensmesa{
width: 94.2%;
height: 75.5%;
max-height:75.5%;
float:left;
text-align:left;
border-width:2%;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
overflow-y: scroll;
overflow-x: hidden;
padding: 10 10 0 10;
}

#listitenstransfemesa{
width: 94.2%;
height: 95.5%;
max-height:90.5%;
float:left;
border-width:2%;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
overflow-y: scroll;
overflow-x: hidden;
padding: 10 10 0 10;
}

#vertotalitens{
width:97.6%;
height:3%;
float:left;
text-align:left;
border-width:0 0 2 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
padding: 5;
}

#vertotalitens p{
	font:18px arial, bolt;
}

#opitens{
width: 99.6%;
height: 14.7%;
float:left;
text-align:left;
border-width:2;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
padding: 0;
}

#opadd{
width: 99.6%;
height: 14.7%;
float:left;
text-align:left;
border-width:2;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
padding: 0;
}

#itensmesa{
width: 100%;
height:;
float:left;
text-align:left;
border-width: 0 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;

}

#menupg{
width: 100%;
height:;
float:left;
text-align:left;
padding:5 0 0 0;
margin:5 0 0 0;
}

#itensmesatranfd{
width: 85.3%;
height:40;
float:left;
text-align:left;
border-width: 0 0 1 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
}

#botonmesatranfd{
width:40;
height:40;
float:left;
text-align:left;
border-width: 0;
border-style:solid;  
border-color:#ccc;
border-radius:0;
background:;
margin: 0 10 0 10;

}

#botondelmulti {
    width: ;
    height: ;
    float: left;
    text-align: left;
    border-width: 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    background: ;
    margin: 25 0 0 10;
}

#toplistitensmesa p{
	font:18px arial, bolt;
}

#teste{
top:35%;
left:25%;
width:50%;
height:10%;
max-height:768;
float:left;
border-width:1px;
border-style:solid;
border-color:#A0A0A0;
border-radius:3px; 
padding:6% 0 4% 0;
position:absolute;
background:yellow;
}


.moedas{ 
width:90%;  
height:10%;
float:left;
cursor: pointer;
font:35px arial, bolt;
color: black;
margin:5px 6px 0px 6px ;
padding:5px 10px 5px 10px ;
border-width:1px;
border-style:solid;
border-color:#A0A0A0;
border-radius:3px; 
background:#E0E0E0;
text-decoration: none;
}

.labeldesconto{ 
width:100%;  
height:35px;
float:left;
margin: 10 0 0 0;
cursor: pointer;
font:15px Roboto, bolt;
color: black;
text-decoration: none;
}

.inputbuttondesconto{ 
width:116px;  
height:32;
float:right;
font:15px arial, bolt;
color:black;
border-width:0;
border-style:solid;  
border-radius:10px;
cursor:pointer;
outline:none;
}

.fundomenubotaoc{ 
width:;  
height:;
cursor: pointer;
font:12px arial, bolt;
color: black;
margin:10px 6px 0px 6px ;
padding:5px 10px 5px 10px ;
border-width:1px;
border-style:solid;
border-color:#A0A0A0;
border-radius:3px; 
background:#E0E0E0;
text-decoration: none;

}

.fundomenubotaoc:hover{
margin:10px 6px 0px 6px ;
border-width:1px;
border-style:solid; 
border-color:#A0A0A0;
border-radius:3px;
background:;  

}

.bottonconfecha {
    width: ;
    height: ;
    cursor: pointer;
    font: 22px arial, bolt;
    color: #fff;
    margin: 10px 6px 0px 6px;
    padding: 10px 15px 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 3px;
    background: #388E3C;
    text-decoration: none;
}

.bottonconfecha:hover{
	background:#276f2a;  
}

.bottoncanfecha {
    width: ;
    height: ;
    cursor: pointer;
    font: 22px arial, bolt;
    color: #fff;
    margin: 10px 6px 0px 6px;
    padding: 10px 15px 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 3px;
    background: #ef5350;
    text-decoration: none;
}

.bottoncanfecha:hover{
	background:#fe2e2e;  
}

.innomecadreturn {
   width: 90%;
    font: 12px arial;
    font-weight: bold;
    color: black;
    text-align: left;
    float: left;
    padding: 0 0 1% 0;
    margin: 0 0 1% 1%;
	z-index: 999;
    position: relative;
	height: 200px;
    overflow-y: scroll;
}

/*Label*/.innomecad{  
	width:95%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	color:black;
	float:left;
	text-transform: capitalize;
	
}
/*Label*/.bottonclie{  
	cursor:pointer; 
	width: auto;
    height: auto;
    font: 12px arial;
    font-weight: bold;
    text-align: left;
    color: black;
    float: right;
    text-transform: capitalize;
    padding: 3%;
	border-width: 1px;
    border-style: solid;
    border-color: #A0A0A0;
    border-radius: 3px;
	background:#add0cc;
}
.bottonclie:hover {
    border-color: blue;
}

/*Label*/.lbnomecad{  
	width:100%;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	color:black;
	float:left;
	
}

/*Label*/.lbnomecad span{  
	width:100%;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	color:black;
	float:left;
	
}

.addCount{ 
width:40px;  
height:40px;
float:left;
margin: 2 5 2 5;
cursor: pointer;
outline:none;
text-decoration: none;

}

.delmesamulti{ 
width:15px;  
height:15px;
float:left;
margin: 2 5 2 5;
cursor: pointer;
outline:none;
text-decoration: none;

}

.transf{ 
width:30px;  
height: 36px;
float: left;
margin: 2 5 2 5;
cursor: pointer;
outline:none;
text-decoration: none;


}

.addAd{ 
width:100%;  
height:100%;
float:left;
margin:0 5 0 5;
cursor: pointer;
outline:none;
text-decoration: none;

}

.confiCount{ 
width: 15%;
height: 50%;
float: left;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
cursor: pointer;
outline: none;
text-decoration: none;

}

.confibotons{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
padding:10;
cursor: pointer;
outline: none;
text-decoration: none;
background:#F4FA58;

}

.confibotons:hover{
border-color: Blue;
}

.confifechar{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
padding:10;
cursor: pointer;
outline: none;
text-decoration: none;
background:#FE2E2E;

}

.confifechar:hover{
border-color: Blue;
}

.confidetalhes{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
padding:10;
cursor: pointer;
outline: none;
text-decoration: none;
background:#8000FF;

}

.confidetalhes:hover{
border-color: Blue;
}

.confitransf{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
padding:10;
cursor: pointer;
outline: none;
text-decoration: none;
background:#2E9AFE;

}

.confitransf:hover{
border-color: blue;
}

.confifechatransf{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 0 0 0 0;
padding:9;
cursor: pointer;
outline: none;
text-decoration: none;
background:green;

}

.confifechadeta{ 
width:auto;
height:auto;
font: 17px arial, bolt;
color:black;
float:left;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 10;
padding:9;
cursor: pointer;
outline: none;
text-decoration: none;
background:green;

}

.confifechatransf:hover{
border-color: blue;
}

.confireceberpg{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
padding:10;
cursor: pointer;
outline: none;
text-decoration: none;
background:green;

}

.confireceberpg:hover{
border-color: blue;
}

.confireceber{ 
width:auto;
height:auto;
float: left;
font: 17px arial, bolt;
color:black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 2 2 2 2;
padding:10;
cursor: pointer;
outline: none;
text-decoration: none;
background:red;

}

.confireceber:hover{
border-color: blue;
}

.botdesconto{ 
width: auto;
height: auto;
float: right;
font: 15px arial, bolt;
color: black;
font-weight: bolder;
border-width: 1px;
border-style: solid;
border-color: #A0A0A0;
border-radius: 3px;
margin: 0 20 0 0;
padding: 7 10 7 10;
cursor: pointer;
outline: none;
text-decoration: none;
background: #e0d6d6;

}

.botdesconto:hover{
border-color: blue;
}

.qtd{ 
width: 40px;
height: 40px;
float: left;
font: 30px arial, bolt;
margin: 2 2 2 2;
text-align: center;
}

.cancelaritem{ 
width: 15px;
height: 15px;
margin: 2 2 2 2;
text-align: center;
}

.inser-put{ 
width: 267px;
height: 40px;
float: left;
margin: 2 0 2 0;
font: 20px arial, bolt;
text-align: center;
}

.postmesa{ 
width: 150px;
height: 28px;
margin: 0 0 2 0;
font: 20px arial, bolt;
text-align: center;
}

.inputpostmesa{ 
width:50px;  
height:28px;
font:15px arial, bolt;
color:black;
margin:0 0 0 0;
border-width:0;
border-style:solid;  
border-radius:10px;
cursor:pointer;
outline:none;
}

.confiCount:hover{
background:#67BA06;
}
.cancelar{ 
background-color: #ef5350;
width: 100%;
height: 52px;
border: none;
cursor: pointer;
outline: none;
}