@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

html { height: 100%;}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
strong {color: rgb(5, 117, 0);}

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: 400;
	font-size: 100%;
	color: #333;
	height: 100%;
}

.js body {
	overflow-x:hidden;
	overflow-y:hidden
}

a {
	color: #555;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #000;
}

.container,
.bb-custom-wrapper,
.bb-bookblock {
	width: 100%;
	height: 100%;
}

.container {
	position: relative;
	left: 0px;
	-webkit-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}

.slideRight {
	left: 240px;
}

.no-js .container {
	padding-left: 240px;
}

.menu-panel {
	background: rgb(86, 161, 107);
	width: 240px;
	height: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.js .menu-panel {
	position: absolute;
	left: -240px;
}

.menu-panel h3 {
	font-size: 1.8em;
	padding: 20px;
	font-weight: 300;
	color: #fff;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);
} 

.menu-toc {
	list-style: none;
}

.menu-toc li a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	line-height: 3.5;
	padding: 0 20px;
	cursor: pointer;
	background: rgb(23, 109, 59);
	border-bottom: 1px solid rgb(66, 154, 118);
}

.menu-toc li a:hover,
.menu-toc li.menu-toc-current a{
	background: rgb(32, 80, 44);
}

.menu-panel div {
	margin-top: 20px;
}

.menu-panel div a {
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 1;
	padding: 27px;
	display: block;
	border: none;
	color: rgb(209, 255, 224);
	letter-spacing: 1px;
	font-weight: 800;
	text-shadow: 0 1px rgba(255,255,255,0.2);
	text-align: center;
} 

.menu-panel div a:hover {
	background: inherit;
	color: #fff;
	text-shadow: none;
}

.bb-custom-wrapper nav {
	top: 20px;
	left: 60px;
	position: absolute;
	z-index: 1000;
}

.bb-custom-wrapper nav span,
.menu-button {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	left: 0;
	background: rgb(43, 118, 21);
	border-radius: 50%;
	color: #fff;
	line-height: 30px;
	text-align: center;
	speak: none;
	font-weight: bold;
	cursor: pointer;
}

.bb-custom-wrapper nav span:hover,
.menu-button:hover {
	background: #000;
}

.bb-custom-wrapper nav span:last-child {
	left: 40px;
}

.menu-button {
	z-index: 1000;
	left: 20px;
	top: 20px;
	text-indent: -9000px;
}

.menu-button:after {
	position: absolute;
	content: '';
	width: 50%;
	height: 2px;
	background: #fff;
	top: 50%;
	margin-top: -1px;
	left: 25%;
	box-shadow: 0 -4px #fff, 0 4px #fff;
}

.no-js .bb-custom-wrapper nav span,
.no-js .menu-button {
	display: none;
}

.js .content {
	position: absolute;
	top: 95px;
	border-top: 2px solid rgb(88, 184, 51);
	left: 0;
	width: 100%;
	bottom: 50px;
	overflow-x: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	border-bottom: 4px solid rgb(83, 196, 137);
}

.scroller {
	padding: 30px 5% 20px 5%;
	text-align: justify;
	background: #fff;
	margin-bottom: 50px;
}
.scroller p {line-height:1.8em}
.js .content:before,
.js .content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 100;
	pointer-events: none;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.js .content:after {
}

.content h2 {
	font-weight: 400;
	font-size: 1.5em;
	padding: 0 0 10px;
	color: rgb(65, 124, 72);
	margin: 0 1 40px;
	text-align: left;
	box-shadow: 0 2px 0 rgba(189, 39, 39, 0.32);
	text-shadow: 0 0 2px #fff;
}

.no-js .content h2 {
	padding: 40px 1% 20px;
}

.content p {
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: 300;
	padding: 5px 8%;
	text-align: justify;
}

@media screen and (max-width: 800px){
	.no-js .menu-panel {
		display: none;
	}

	.no-js .container {
		padding: 0;
	}
}

@media screen and (max-width: 400px){
	.menu-panel,
	.content {
		font-size: 75%;
	}
}
/*cardapios*/
.copiamais {border-bottom: 1px dotted rgb(30, 117, 29); padding-bottom:10px}
.pimg a {font-size:16px; font-weight:normal; color:#000; line-height:70px}
.pimg {padding-left:150px; height:140px; box-shadow:0 1px 0px rgba(0,0,0,0.1); margin-bottom:10px; transition:ease-in 0.1s }
.pimg:hover {box-shadow:0 4px 1px rgba(0,0,0,0.3); cursor:pointer; }
.esc_vege, .esc_vega,   .esc_rest {background:url(../img/esc.jpg) left no-repeat; }
.qui_vege, .qui_vega,   .qui_rest{background:url(../img/qui.jpg) left no-repeat; }
.suf_vege, .suf_vega,   .suf_rest {background:url(../img/suf.jpg) left no-repeat; }
.quib_vege, .quib_vega, .quib_rest {background:url(../img/quib.jpg) left no-repeat; }
.pra_espe  {background:url(../img/pra.jpg) left no-repeat; }
.salada  {background:url(../img/sal.jpg) left no-repeat; }
.content label {background: rgb(232, 232, 232); width:100%; display:block;color: rgb(35, 77, 16);padding: 2px 0;margin: 10px 0;}

/*descrição*/
.desc {font-size:13px; color: rgb(91, 133, 98);}
.desc .preco {color: rgb(198, 71, 71); font-weight:bold; font-size:14px; padding-left:5px }
.desc .emb {background:; width:120px; float:left}

/*botao mais*/
.btmais {background: rgb(71, 130, 87); border-radius:40px; display:block; width:20px; height:20px; border:none; color:#fff; cursor:pointer}
.saladas div {background:r; float:left; width:50%; color: rgb(39, 116, 46); }
.saladas [type="checkbox"] {margin-right:6px}
.saladas {background: rgb(237, 237, 237); display:table; padding:20px; border-radius:6px}


.btenviar {background: rgb(40, 129, 53); position:absolute; z-index:1111199; right:0; margin-right: 5% !important; border-radius:6px; padding:10px; margin-top: 19px; cursor:pointer; color:#fff; transition:ease-in 0.2s}
.btenviar:hover {background: rgb(24, 90, 34);}
.dados {background:#fff !important; padding:20px;  left:50%; top:50%; position:absolute; z-index:999999;   height: 162px; margin-top: -81px;box-shadow: 0 0 1px;border-radius: 4px;width: 750px;margin-left: -375px;}
#meusDados {background: rgba(0, 0, 0, 0.75); width:100%; height:100%; top:0; left:0; position:fixed; z-index:99999999999999; display:non; 	}
.nome, .endereco, .email, .telefone{float:left; width:250px; margin-bottom:10px}
.dados input {background: rgb(240, 240, 240); width:230px; height:26px; border: 1px solid rgb(228, 228, 228); border-radius:4px;padding-left: 5px;}
.dados label {margin-right:10px; text-align:right; width:50px; background:; display:table; color: rgb(28, 106, 26);padding: 5px 0;}
.continuar {background: #18758c; width:200px; display:block; height:40px; float:right; line-height:40px; text-align:center; color: #a5d5e5; border-radius:4px;margin-top: 17px;}
.ped{float:left; background: #E7E7E7; text-align:center; padding:0 0px;width: 60%;}
.qnt{float:left; background: #e7e7e7; text-align:center; padding:0 0px;border-left: 1px solid rgb(177, 184, 175);width: 10%;border-radius: 0 4px 4px 0;}
.tmn {float:left; background: #e7e7e7; text-align:center; padding:0 0px;border-left: 1px solid rgb(177, 184, 175);width: 30%;}
#geral {display:table; margin:0 auto;width: 100%;}
.titleQnt, .titlePed,.titleTmn {padding: 0 10px; display:block; height:10px; line-height:25px ;font-family: arial;font-size: 14px;font-weight: bold;color: rgb(27, 83, 111);}
.linePedidos {background: rgba(170, 170, 170, 0.39); padding: 5 10px; margin-bottom:5px ;color: #05397A;font-size: 14px;font-family: arial;}
.linePedidos:nth-child(2n) {background:transparent}
#meusPedidos {background:rd; margin-bottom:10px; }
.mdados {background:url(../img/lys-m.jpg)  no-repeat right 26px; float:left; width:20%; }
.mpedidos {float:left; background: url(../img/lys-m.jpg)  no-repeat 240px 25px, url(../img/lys-r.jpg) repeat-y; width: 80%; padding-left:20px;}
.mpedidos:before {content:""; background:url(../img/lys.jpg); width:20px; height:50px; float:left; margin-left:-28px}
.mpedidos:after {content:""; background:url(../img/lys.jpg) 0 20px; width:20px; height:20px; float:left; margin-left:-28px}
.rdados {background: rgb(125, 158, 214); float:right;  text-align:center; margin-right:30px; border-radius:200px; width:200px; height:200px;color: #fff;display: table;margin-bottom: 10px;}
#meuspedidosgeral {background:; width: 960px; margin:0 auto !important; display:table;margin-top: 40px !important;padding-left: 40px;border-bottom: 1px solid rgb(221, 221, 221);}
#meuspedidosgeral:last-child {margin-bottom:40px !important}
#idtitle {margin: 0; padding: 10px 0;color: rgb(31, 115, 155);position: relative;z-index: 1111111;background: white;}
.ped_sal {background: rgb(210, 210, 210) url(../img/set.png) left no-repeat; padding: 4px 0; color: #05397A;}
.ped_sal:nth-child(2n) {background-color: transparent;}
.ped_sal_vidro {border-radius: 0 4px 4px 0}

#btpedido {background:url(../img/btpedido.png); float:left; width:305px; height:64px; margin-top:-20px; margin-left:-10px}
#btpedido a {float:right; background: rgb(179, 55, 55); width:20px; height:20px; text-align:center; border-radius:20px; margin-top: 17px; color: rgb(247, 203, 203);cursor: pointer;font-size: 12px;line-height: 19px;}
.apentrada {background:url(../img/aponline.png); width:296px; height:194px; position:absolute; right:0; margin-top:-120px; margin-right:-48px;display: none;}
.apseta {background: url(../img/pedidolap.png); width: 377px; height: 160px; position:absolute; right: 0; margin-top: -133px; margin-right: 56px;}


/*dados*/
#pfinalizar {background:#fff !important; padding:20px;  left:50%; top:50%; position:absolute; z-index:999999;   height: 100px; margin-top: -50px;box-shadow: 0 0 1px;border-radius: 4px;width: 400px; text-align:center;margin-left: -200px;}
.fnovo {background: rgb(64, 153, 20); padding: 4px 10px;color: #fff;border-radius: 3px;}
.ffexar {background: rgb(187, 64, 64); border-radius:4px; padding: 4px 10px;color: #fff;}
#pfinalizar p{margin-bottom: 15px;color: rgb(49, 147, 37);font-size: 18;font-weight: bold;}


/*status*/
#status {background:r; width: 980PX;   margin:0 auto;; height:40px; display:non }
#status .bt {float:right; cursor:pointer}
#status .bt:hover {opacity:0.9}
#statuscancelar .bt {background:url(../img/bts.png) !important; margin-right:10px; width:76px; height:34px;  border:none; color:transparent}
#statusok .bt {background:url(../img/bts.png) 76px 0 !important; width:76px; height:34px;  border:none; color:transparent; cursor:pointer}

#hoverdados {background:#fff; position:absolute; margin-left: -4px; margin-top: 64px; color: rgb(255, 255, 255); z-index:999999999; padding:10px; background: rgb(255, 255, 255);border-radius: 4px;box-shadow: 0 0 1px rgb(0, 0, 0); display: none;max-width: 400px;}
.rdados:hover #hoverdados {display:block}

.tel {font-weight:bold; font-size:18px}

.end { font-size: 13px; margin-bottom: 4px; padding-bottom:8px; color: rgb(35, 85, 131);}
.end label, .data label {width:100% !important; text-align:center; display:block; font-weight:bold; font-size:14; color: rgb(21, 89, 116);background: rgb(203, 203, 203);margin-bottom: 5px;}
.data {font-size:12px; color: rgb(8, 116, 0);}
.descdados { display: table-cell;
   text-align: center;
   vertical-align: middle; padding: 10px;}
   
   /*header*/
#adminheader {background: rgb(55, 95, 162) url(../img/bgto.png) center no-repeat; width: 960px; margin:0 auto; height: 47px; border-radius: 29px 0px;}
#adminheader .admenu {background:url(../img/bgtop.png) right; float:right; width:460px; height:70px; margin-right:40px}
#adminheader ul li {float:left; margin-right:20px}
#adminheader ul {margin-left:60px; margin-top:10px}
#adminheader ul li a {color:#fff}
.bgleft {float:left; color: rgb(185, 208, 255); padding: 13px 0 0 0; font-size:18px; text-transform:uppercase;margin-left: 30px;}
#adh {background:rgb(55, 95, 162); height:;}
#adfooter {background:url(../img/adminbg.jpg) center; width:100%; height:160px; display:none }
#adfooter a {margin-top:40px; position:absolute; margin-top:120px; width:500px; left:50%; margin-left:-250px; color:#fff; }



.continuar {color:#fff !important; width:150px !important; text-align:center !important; cursor:pointer}

label.cfin {width:200px !important; float:left; background: rgb(193, 57, 57); text-align:center !important; border-radius:4px; color:#fff !important; cursor:pointer; padding:8px !important}
label.ccom {width:200px !important; float:left; background: rgb(87, 173, 93); margin-bottom:10px; margin-top:-30px; text-align:center !important; border-radius:6px; cursor:pointer; color:#fff !important; padding:8px !important}
.cont {margin-top:10px !important; margin-left:16px !important}

.formVege {margin-top:0px}
#tblcontents {text-align:right! important; padding:0 20px; font-size:16px; background: rgb(43, 118, 21) url(../img/bgMenu.png) 10px 8px no-repeat !important; border:none; height:35px; width:160px; !important ;border-radius: 5px;line-height: 35px;margin-top: 10px;}
nav {margin-left:160px; margin-top:10px}
.logo {color: rgb(37, 160, 71); font-size:2em; margin-left:100px}
.pedidoFooter { background: #3d3d3d; width:100%; height:60px; position:relative; z-index:999; margin-top:-50px}
.pedidoFooter a {color: #A6D8AE; margin:0 auto; display:table; line-height:50px}
.pedidoFooter a:hover {color:#acacac}s