/*
CSS escrito por
rickshira (rickshira@gmail.com)
30/04/2010
*/


/* CSS geral
------------------------------------------ */

body{_behavior: url(csshover.htc); background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em; color:#646464;}

.main{ position:relative; width:998px; margin:0 auto;}

a{ color:#646464; text-decoration:none;}

/* Header
------------------------------------------ */
.menu a:hover{ color:#CF0101; text-decoration:underline;}


/* Header
------------------------------------------ */
.header{ width:998px;}
.header .mainHeader{ position:relative; padding:30px 0 0; width:998px;}
.header .mainHeader h1 img{ display:block;}
.header .mainHeader .menu{ position:absolute; top:10px; right:10px; font-size:10px;}
.header .mainHeader .menuLocal{ position:absolute; top:10px; left:10px;}
.header .mainHeader .menuLocal a{ padding:1px 10px; margin:0 10px 0 0; border:1px solid #fff;  font-size:10px;}
.header .mainHeader .menuLocal a.active,
.header .mainHeader .menuLocal a:hover{background:#E31318; color:#fff; border:1px solid #F55558; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.header .menuCat{ width:998px; background:#ACACAC; !z-index:1000;}
.header .menuCat .listCatBt{}
.header .menuCat .listCatBt li{ float:left; margin:0 1px 1px 0; background:url(../img/bgMenuBt.jpg) repeat-x; border:1px solid #fff;}
.header .menuCat .listCatBt li h4{ border-bottom:3px solid #f00;}
.header .menuCat .listCatBt li h4 a{ display:block; padding:5px 0 5px; width:100%; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.header .menuCat .listCatBt li dl{ display:none; position:absolute; padding:5px 10px; width:186px; background:#f00; z-index:1000;  -moz-border-radius: 0px 0px 8px 8px; -khtml-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;}
.header .menuCat .listCatBt li:hover dl{ display:block;}
.header .menuCat .listCatBt li dl dd{ margin:10px 0;}
.header .menuCat .listCatBt li dl dd a{ padding:0 0 0 5px; color:#fff; text-shadow:#ccc; white-space:nowrap;}
.header .menuCat .listCatBt li dl dd a:hover{color:#000;}

.header .infoHeader{ position:relative; width:998px; height:52px; z-index:10; background:url(../img/bgInfoHeader.jpg) repeat-x;}
.header .infoHeader .buscaBox{ position:absolute; top:15px; right:10px; border-left:2px solid #bbb;}
.header .infoHeader .buscaBox label{ float:left; padding:2px 5px 0 5px;}
.header .infoHeader .buscaBox select{ float:left; margin:1px 0 0; width:167px; border:1px inset #ccc; font-size:9px;}
.header .infoHeader .buscaBox select option{ padding:2px 0 1px;}
.header .infoHeader .buscaBox .selectBox{ float:left; margin:1px 0 0; width:167px;}
.header .infoHeader .buscaBox .selectBox .select{padding:2px 17px 1px 0; margin:1px 0 0; width:150px; border:1px inset #ccc; font-size:9px; background:#fff url(../img/iconSelect.gif) no-repeat right center;  cursor: pointer}
.header .infoHeader .buscaBox .selectBox .comboBox{ display:none; position:absolute; top:19px; left:45px; width:290px; padding:10px; background:#fff; border:1px solid #ccc; height:150px; overflow-y:scroll; z-index: 2}
.header .infoHeader .buscaBox .selectBox .comboBox li:hover{ font-weight: bold }
.header .infoHeader .buscaBox .selectBox .comboBox span.realce{ color:#FF0000;}
.header .infoHeader .buscaBox .selectBox:hover .comboBox{ display:block;}
.header .infoHeader .buscaBox span.andBox{ float:left; padding:2px 5px 0 5px;}
.header .infoHeader .buscaBox input.text{ float:left; margin:1px 5px 0 0; padding:2px 2px 2px; width:167px; border:1px inset #ccc; font-size:9px;}
.header .infoHeader .buscaBox a.bt{ float: left; background-image: url('../img/btOk.gif'); width: 27px; height: 22px}
.header .infoHeader .buscaBox a.bt:hover{background-image: url('../img/btOk_over.gif')}

.header .infoHeader .logOff{ position:relative; width:533px;}
.header .infoHeader .logOff label{ float:left; padding:2px 5px 0 5px;}
.header .infoHeader .logOff input.text1,
.header .infoHeader .logOff input.text2{ float:left; margin:1px 5px 0 0; padding:2px 2px 2px; border:1px inset #ccc; font-size:9px;}
.header .infoHeader .logOff .p{ float:left; padding:16px 0 0;}
.header .infoHeader .logOff .p input.text1{ width:150px;}
.header .infoHeader .logOff .p input.text2{ width:100px;}
/*.header .infoHeader .logOff .p input.bt{ float:left;}*/
.header .infoHeader .logOff .p a.bt{ float: left; background-image: url('../img/btOk.gif'); width: 27px; height: 22px}
.header .infoHeader .logOff .p a.bt:hover{background-image: url('../img/btOk_over.gif')}
.header .infoHeader .logOff .p4{ float:left; padding:10px 0 0 10px; font-size:10px;}
.header .infoHeader .logOff a{ margin:0 5px; text-decoration:underline;}
.header .infoHeader .logOff a:hover{ color:#000;}

.header .infoHeader .logOn{ position:relative; width:533px;}
.header .infoHeader .logOn span.item{ padding:0 10px; color:#990000;}
.header .infoHeader .logOn .logonUser a,
.header .infoHeader .logOn .logonCEP a{ margin:0 5px; text-decoration:underline;}
.header .infoHeader .logOn .logonUser a:hover,
.header .infoHeader .logOn .logonCEP a:hover{color:#000;}
.header .infoHeader .logOn .logonUser{ float:left; padding:8px 0 0; height:17px;}
.header .infoHeader .logOn .logonCEP{ float:right; padding:8px 0 0; height:17px;}
.header .infoHeader .logOn .logonBt{ clear:both; width:533px; height:27px; } 
/*.header .infoHeader .logOn .logonBt:hover { background:url(../img/bgInfoHeaderBt_over.gif) no-repeat 0 0; }*/
.header .infoHeader .logOn .logonBt li{ float:left; padding:5px 5px; text-align:center;}
.header .infoHeader .logOn .logonBt li.btLogon01{ width:138px; background:url(../img/bgInfoHeaderBt1.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon02{ width:104px; background:url(../img/bgInfoHeaderBt2.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon03{ width:118px; background:url(../img/bgInfoHeaderBt3.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon04{ width:118px; background:url(../img/bgInfoHeaderBt4.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon01:hover{ background:url(../img/bgInfoHeaderBt_over1.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon02:hover{ background:url(../img/bgInfoHeaderBt_over2.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon03:hover{ background:url(../img/bgInfoHeaderBt_over3.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li.btLogon04:hover{ background:url(../img/bgInfoHeaderBt_over4.gif) no-repeat 0 0;}
.header .infoHeader .logOn .logonBt li a{color:#fff; }
.header .infoHeader .logOn .logonBt li a:hover{}

/* Footer
------------------------------------------ */
.footer{ width:998px;}
.footer .menu{ padding:30px 25px 50px; text-align:center;}
.footer .textFooter{ padding:0 25px 50px; text-align:center; color: #adadad}

/* Tooltips
------------------------------------------ */
.tooltipA{ width:303px;}
.tooltipA .top{ width:303px; height:13px; overflow:hidden; background:url(../img/tooltipAtop.png) no-repeat left top; _background:url(../img/tooltipAtop.gif) no-repeat left top;}
.tooltipA .mid{ width:303px; background:url(../img/tooltipAmid.png) repeat-y 0 0; _background:url(../img/tooltipAmid.gif) repeat-y 0 0;}
.tooltipA .foo{ width:303px; height:10px; overflow:hidden; background:url(../img/tooltipAtop.png) no-repeat left bottom; _background:url(../img/tooltipAtop.gif) no-repeat left bottom; *background-position:left -14px;}
.tooltipA .mid .into{ margin:0 auto; width:250px; background:#fff;}

.tooltipB{ width:209px;}
.tooltipB .top{ width:209px; height:13px; overflow:hidden; background:url(../img/tooltipBtop.png) no-repeat left top; _background:url(../img/tooltipBtop.gif) no-repeat left top;}
.tooltipB .mid{ width:209px; background:url(../img/tooltipBmid.png) repeat-y 0 0; _background:url(../img/tooltipBmid.gif) repeat-y 0 0;}
.tooltipB .foo{ width:209px; height:10px; overflow:hidden; background:url(../img/tooltipBtop.png) no-repeat left bottom; _background:url(../img/tooltipBtop.gif) no-repeat left -14px; *background-position:left -14px;}
.tooltipB .mid .into{ margin:0 auto; width:150px; background:#fff; text-align:center;}

/* Estruturas gerais
------------------------------------------ */
.content { overflow: hidden}
.content .colMain{ float:left; width:646px;}
.content .colMainScar{ float:right; width:826px;}
.content .colSide{ float:left; margin:0 15px 0 0; width:146px;}
.content .colSideForm{ float:left; width:150px; padding:115px 0 0;}
.content .colMainFormScar{ float:right; width:840px;}

.content .expand{ width:100%;}
.expand .formStyle .abaBox{ clear:both; width:100%; background:url(../img/formAbaMid2.gif) repeat-y 0 0; color:#494949;}
.expand .formStyle .abaBox .abaMenu{ width:100%; background:url(../img/formAbaTop2.gif) no-repeat 0 0;}
.expand .formStyle .abaBox .abaMenu dl dd.dd1{_width:115px;}
.expand .formStyle .abaBox .abaMenu dl dd.dd2{_width:160px;}
.expand .formStyle .abaBox .textBox{ margin:0 19px 5px; padding:15px; width:770px; background:#fff; border:1px solid #ddd; }
.expand .formStyle .abaBox .abaFoo{ width:100%; height:9px; overflow:hidden; background:url(../img/formAbaFoo2.gif) no-repeat 0 0;}

/* Coluna lateral 001
------------------------------------------ */
.content .colSide .logoBox{ width:146px; height:115px; overflow:hidden;}
.content .colSide h3,
.content .colSide dt{ padding:30px 0 5px 10px; font-size:13px; line-height:1.2em; color:#D81718; border-bottom:3px solid #D81718; font-weight:bold; }
.content .colSide dd{padding:2px 0; border-bottom:1px solid #ccc;}
.content .colSide dd a{ display:block; padding:10px 0 3px 3px; border-left: 5px solid #FFF; font-weight:bold; font-size:13px; line-height:1.2em;}
.content .colSide dd a:hover{ background:#eee; border-left: 5px solid #888;}
.content .colSide dd a.active{ background: #D81718; color:#fff; border-left: 5px solid #888;}

/* Coluna lateral 001
------------------------------------------ */
.content .colSideForm h3,
.content .colSideForm dt{ padding:30px 0 5px 10px; font-size:13px; line-height:1.2em; color:#D81718; border-bottom:3px solid #D81718; font-weight:bold;}
.content .colSideForm dl{}
.content .colSideForm dl dd{padding:2px 0; border-bottom:1px solid #ccc;}
.content .colSideForm dl dd a{ display:block; padding:10px 0 3px 3px; border-left: 5px solid #888; font-weight:bold; font-size:13px; line-height:1.2em;}
.content .colSideForm dl dd a:hover{ background:#eee;}
.content .colSideForm dl dd a.active{ background: #D81718; color:#fff;}


.content .colSideStep{ float:left; width:158px; padding:115px 0 0;}
.content .colSideStep h3{ padding:30px 0 5px 10px; font-size:13px; line-height:1.2em; color:#D81718; border-bottom:3px solid #D81718; font-weight:bold;}



/* Carrinho
------------------------------------------ */
.content .colCar{ float:right; width:180px; position: relative}
.content .colCar .btCar{ text-align:right;}
.content .colCar .btCar button{ padding:3px 10px 5px 25px; color:#fff; font-weight:bold; background:#C60000; border:0; border-left:6px solid #bbb; cursor:pointer; font-size:11px;}
.content .colCar .btCar button:hover{ background:#870000;}
.content .colCar .carBox{width:180px; background:url(../img/bgCarMid.gif) repeat-y 0 0; font-size:11px;}
.content .colCar .foo{ width:180px; height:5px; overflow:hidden; background:url(../img/bgCarFoo.gif) no-repeat 0 0;}
.content .colCar .mid{ padding:20px 4px 5px; width:173px; background:url(../img/bgCar.jpg) no-repeat 0 0; position: relative; bottom: 20px;}
.content .colCar .mid strong{ color:#000;}
.content .colCar .mid h3{ padding:0 10px; font-size:18px; font-weight:normal; color:#E01C1E;}
.content .colCar .mid li{ padding:15px 6px 0; width:145px;}
.content .colCar .mid li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content .colCar .mid dl{ clear:both;}
.content .colCar .mid .quantCC{ float:left; width:85px;}
.content .colCar .mid .moedaCC{ float:left; width:15px;}
.content .colCar .mid .valorCC{ float:left; width:40px; padding:0 5px 0 0; text-align:right;}
.content .colCar .mid .menosCC{ float:left; width:13px;}
.content .colCar .mid .obsCC{ clear:both; width:100%; font-style:italic;}
.content .colCar .mid .agendaBox2CC{padding:10px; background:#ddd;position:relative}
.content .colCar .mid .agendaBox2CC:hover{ background:#ccc;}
.content .colCar .mid .agendaBox2CC a{ display:block;}
.content .colCar .mid .agendaBox2CC .text{ float:left; width:120px; margin: 0 0 4px}
.content .colCar .mid .agendaBox2CC .p1{ float:left; clear: both; width: 140px}
.content .colCar .mid .agendaBox2CC .p2{ float:left; clear: both; width: 140px; margin-left: 14px}
.content .colCar .mid .agendaBox2CC .p1 img{ float:left; margin:10px 0 0;}
.content .colCar .mid .agendaBox2CC .p1 .text{ float:left; margin:5px 0 0 5px; width:80px;}
.content .colCar .mid .agendaBox2CC .p2 .text{ float:left; margin:5px 0 0 5px; width:32px;}
.content .colCar .mid .agendaBox2CC .p2 .radio{ margin:5px 0 0 12px}
.content .colCar .mid .agendaBox2CC .p2 .imagem{ float:right; clear: both}
.content .colCar .mid .agendaBox2CC .p2 span{ float: left; margin: 8px 0pt 0pt 2px;}
.content .colCar .mid .pratoBoxCC { }
.content .colCar .mid .pratoBoxCC dl{ }
.content .colCar .mid .subtotal{ font-weight:bold; color:#000;}
.content .colCar .mid .total{ font-size:14px; font-weight:bold;}
.content .colCar .mid .total .moedaCC{font-size:11px;}
.content .colCar .mid .total .valorCC{ width:55px; color:#990000;}
.content .colCar .mid .promoBoxCC{ margin: 10px 0 0; padding:0 0 20px; background:#F9F9F9;} 
.content .colCar .mid .promoBoxCC dt{font-weight:bold; color:#000;}
.content .colCar .mid .promoBoxCC .formPromo{ padding:5px;}
.content .colCar .mid .promoBoxCC .formPromo strong{ display:block; margin:0 0 10px;}
.content .colCar .mid .promoBoxCC .formPromo input.text{ float:left; margin:0 5px 0 0; padding:2px; width:120px; border-width:1px; font-size:11px; color:#aaa;}
.content .colCar .mid .promoBoxCC .formPromo .erroMsg{ margin:10px 0 0; padding:5px; background:#C60000; border:2px solid #FFCC00; text-align:center; font-weight:bold; color:#fff;}
.content .colCar .mid .taxaBoxCC{ margin:15px 0 0; border-top:1px solid #ccc;}
.content .colCar .mid .taxaBoxCC dl{ !border-top:1px solid #e8e8e8;}


/* Introdução de restaurante
------------------------------------------ */
.introRest{ padding:15px; width:616px; background:url(../img/bgDegradee001.gif) repeat-x bottom left;}
.introRest h2{ float:left; font-size:28px; line-height:1.2em;}
.introRest .statusRest{ float:right; width:80px;}
.introRest .statusRest img{ float:left; margin-top: 5px}
.introRest .statusRest span{ float:left; padding:5px 0 0 5px;}
.introRest .textBox{ clear:both; padding:15px 0 0;}
.introRest .textBox p{ margin:0 0 10px;}

/* Informações de restaurante
------------------------------------------ */
.infoRest{padding:15px; width:616px;}
.infoRest ul{ float:right; }
.infoRest li{ float:left; padding:0 10px; border-right:1px solid #ccc;}
.infoRest li h5{ font-size:11px; line-height:1.2em; font-weight:normal;}
.infoRest li .tooltip{ display:none; z-index: 99999}
.infoRest li:hover .tooltip{ display:block;}
.infoRest li.li001{}
.infoRest li.li001 .tooltip .into{ width:280px;}
.infoRest li.li001 .tooltip table th{ padding:2px 5px;border-bottom:1px solid #fff; border-left:6px solid #BFBAC3; background:#F1ECF5; font-weight:bold; text-transform:uppercase;}
.infoRest li.li001 .tooltip table td{ padding:2px 5px;border-bottom:1px solid #fff; border-left:6px solid #fff; background:#F8F8F8;}
.infoRest li.li002{}
.infoRest li.li002 .tooltip{ font-size:11px; line-height:1.2em;}
.infoRest li.li003{border:none;}
.infoRest li.li001 .tooltip{ position:absolute; top:30px; left:230px;}
.infoRest li.li002 .tooltip{ position:absolute; top:30px; left:330px;}
.infoRest li.li003 .tooltip{ position:absolute; top:30px; left:450px;}


/* Lista de pratos
------------------------------------------ */
.pratosList{ margin:30px 0 0; }
.pratosList h3{ padding:10px; font-size:18px; border-bottom:1px solid #E01C1E; color:#E01C1E; font-weight:normal;}
.pratosList li{ padding:10px;}
.pratosList li .boxCardapio {overflow:hidden}
.pratosList li.zebra00b{ height: 25px !important;}
.pratosList li.zebra01{ background:#F8F5FB;}
.pratosList li.zebra01b{ background:#F8F5FB; height: 47px !important;}
.pratosList li h4{ float:left; width:420px; font-size:14px; height: 15px; overflow: hidden}
.pratosList li .btMaisPL{ float:right; margin:0 0 0 5px;}
.pratosList li .btQtdePL{ float:right; margin-top: 8px; *margin-top: 0px; *width: 80px; *clear: both; *text-align: right;}
.pratosList li .btQtdePL input{ height: 12px}
.pratosList li .btObsPL{ float:right;}
.pratosList li .valorPL{ float:right; width:80px;}
.pratosList li .descBox{ clear:both; height: 30px; overflow: hidden; width: 480px; float: left; }
.pratosList li .moreBox{ margin:10px auto; padding:10px; width:600px; background:#fff; border:1px solid #ccc;}
.pratosList li .moreBox h5{ font-size:13px; line-height:1.2em; color:#E01C1E;}
.pratosList li .moreBox .h5less{ margin:0 0 20px;}
.pratosList li .moreBox dl{ margin:20px 0;}
.pratosList li .moreBox dt{ padding:0 0 10px; font-weight:bold; color:#333;}
.pratosList li .moreBox dd{ padding:10px 0;}
.pratosList li .moreBox dd .numberBoxMB{ float:left; width:80px;}
.pratosList li .moreBox dd .numberBoxMB input.bt{ float:left;}
.pratosList li .moreBox dd .numberBoxMB input.text{ float:left; margin:0 5px; padding:2px 2px 2px; width:30px; border:1px inset #ccc; font-size:9px; color:#646464; text-align:center;}
.pratosList li .moreBox dd .optionMB{ float:right; width:500px;}
.pratosList li .moreBox dd .optionMB .nomeMB{ padding:0 10px 0 0; font-weight:bold; color:#333;}
.pratosList li .moreBox dd .optionMB .valorMB{ color:#E01C1E;}
.pratosList .titleRest{ margin:25px 0 10px; padding: 10px 10px 0  10px; width:616px; border-bottom:1px solid #E01C1E;}
.pratosList .titleRest h3{ float:left; padding:0; margin:0; border:0; font-size:18px; line-height:1.2em; color:#E01C1E;}
.pratosList .titleRest .statusRest{ float:right; width:80px;}
.pratosList .titleRest .statusRest img{ float:left; margin-top: 5px}
.pratosList .titleRest .statusRest span{ float:left; padding:5px 0 0 5px;}


/* Introdução de busca
------------------------------------------ */
.introBusca{padding:15px; height:100px; background:url(../img/bgDegradee002.gif) repeat-x 0 0;}
.introBusca h2{ float:left; padding:10px 0 0; font-size:24px; line-height:1.2em; font-weight:normal;}
.introBusca .resultBox{ float:left; padding:20px 0 0 50px;}
.introBusca .navBar{ clear:both; padding:15px 0 0; !padding:0;}
.introBusca .navBar a{ color:#E01C1E; text-decoration:underline;}
.introBusca .navBar a:hover{ color:#f00; text-decoration:none;}
.introBusca .navBar a.active{ color:#333; font-weight:bold; text-decoration:none;}

/* Introdução de restaurante
------------------------------------------ */
.listRest{ padding:0 0 100px;}
.listRest dd{clear:both}
.listRest dd .logoBox{ float:left; width:146px; height:115px; overflow:hidden; text-align: right;}
.listRest dd .titleRest{ float:right; padding:15px; width:626px; background:url(../img/bgDegradee001.gif) repeat-x bottom left;}
.listRest dd .titleRest h2{ float:left; width:400px; font-size:28px; line-height:1.2em; color:#E01C1E; font-weight:normal;}
.listRest dd .titleRest .statusRest{ float:right; width:200px;}
.listRest dd .titleRest .statusRest .tipoRest{ float:left; padding:5px 5px 0 0; width:115px; text-align:right; font-weight:bold;}
.listRest dd .titleRest .statusRest img{ float:left; margin-top: 5px}
.listRest dd .titleRest .statusRest span{ float:left; padding:5px 0 0 5px;}
.listRest dd .titleRest .textBox{ clear:both; padding:15px 0 0;}
.listRest dd .titleRest .textBox p{ margin:0 0 10px;}
.listRest dd .ieca6{ clear:both; position:relative; width:100%;}
.listRest dd .infoRest{width: 626px; float: left; position: relative}
.listRest dd .infoRest li.li001 .tooltip{ position:absolute; top:30px; left:240px;} /*410*/
.listRest dd .infoRest li.li002 .tooltip{ position:absolute; top:30px; left:340px;} /*510*/
.listRest dd .infoRest li.li003 .tooltip{ position:absolute; top:30px; left:480px;} /*650*/

/* Menu de abas
------------------------------------------ */
.content .abaBox .abaMenu dl{ padding:16px 20px 0; height:32px;}
.content .abaBox .abaMenu dl dt{ float:left; padding:8px 20px 0 0; font-size:17px;}
.content .abaBox .abaMenu dl dd{ float:left; margin:0 10px 0 0}
.content .abaBox .abaMenu dl dd a span{ display:block; padding:13px 18px 0; height:19px; background:url(../img/abaB-R.gif) no-repeat top right; color:#494949; cursor:pointer}
.content .abaBox .abaMenu dl dd a{ display:block; background:url(../img/abaB-L.gif) repeat-x 0 0; cursor:pointer}
.content .abaBox .abaMenu dl dd a:hover{ display:block; background:url(../img/abaA-L.gif) repeat-x 0 0; cursor:pointer}
.content .abaBox .abaMenu dl dd a:hover span{ display:block; padding:13px 18px 0; height:19px; background:url(../img/abaA-R.gif) no-repeat top right; color:#494949; cursor: pointer}
.content .abaBox .abaMenu dl dd a.active span,
.content .abaBox .abaMenu dl dd a.active:hover span{ display:block; padding:13px 18px 0; height:19px; background:url(../img/abaA-R.gif) no-repeat top right; cursor: pointer}
.content .abaBox .abaMenu dl dd a.active,
.content .abaBox .abaMenu dl dd a.active:hover{ display:block; background:url(../img/abaA-L.gif) repeat-x 0 0;}

/* Formularios
------------------------------------------ */
.formStyle{ padding:0 0 10px; width:100%; background:#F2F2F2 url(../img/bgDegradee003.gif) repeat-x 0 0;}
.formStyle h2{ padding:27px 15px 15px; font-size:24px; line-height:1.2em; font-weight:normal;}
.formStyle h3{font-size:18px; line-height:1.2em; font-weight:normal; color:#E01C1E;}
.formStyle input.text{ margin:0 5px 0 0; padding:2px 2px 2px; border:1px inset #ccc; font-size:9px; color:#555;}
.formStyle select{ margin:0 5px 0 0; padding:2px 2px 2px; border:1px inset #ccc; font-size:9px; color:#555;}
.formStyle fieldset h4.field{ font-size:14px; color:#555; padding:0 0 10px;}
.formStyle fieldset h4.field a{ font-size:9px; color:#f00; padding:0 0 10px 20px; text-decoration:underline;}
.formStyle a.thin{ font-size:11px; text-decoration:underline;}
.formStyle .btBoxR{ padding:0 10px 0 0; text-align:right;}


.acomPedido{ padding:0 5px 15px 0; float:right; width:224px; height:256px; background:url(../img/bgFormAcom.gif) no-repeat 0 0;}
.acomPedido .tabPedido .btBox{ padding:10px 10px 0 0; height:18px; text-align:right;}
.acomPedido .tabPedido table{ margin:0 20px; empty-cells:show;}
.acomPedido .tabPedido caption{ padding:0; font-size:18px; line-height:1.2em; font-weight:bold; color:#B91112;}
.acomPedido .tabPedido td{ padding:4px 5px; background:#E0E0E0; border-bottom:3px solid #eee; font-size: 12px}
.acomPedido .tabPedido .tdAtualizar{ padding: 0; background: #ffffff; border: none; text-align: right}
.acomPedido .tabPedido .tdAtualizar a{ font-weight: bold}
.acomPedido .tabPedido .tdAtualizar a:hover{ text-decoration: underline;}
.acomPedido .tabPedido tr.active{ color:#000;}
.acomPedido .tabPedido td.timeTT{ font-weight:bold;}

.formStyle .formScar{ float:left; width:840px; background:url(../img/bgFormScarMid.gif) repeat-y 0 0;}
.formStyle .formScar h3.outH3{ padding:0 0 0 15px; width:825px; height:40px; background:#F2F2F2 url(../img/bgFormScarTop.gif) no-repeat bottom left;}
.formStyle .formScar h3.inH3{ padding:15px 0 0 20px; width:820px; height:25px; background:url(../img/bgFormScarTop.gif) no-repeat top left;}
.formStyle .formScar .textBox{ padding:0 30px 20px; width:800px; background:url(../img/bgFormScarFoo.gif) no-repeat left bottom;}

.expand .formStyle .formScar{ float:left; width:100%; background:url(../img/bgFormScarMid2.gif) repeat-y 0 0;}
.expand .formStyle .formScar h3.outH3{ padding:0 0 0 15px; width:100%; height:40px; background:#F2F2F2 url(../img/bgFormScarTop2.gif) no-repeat bottom left;}
.expand .formStyle .formScar h3.inH3{ padding:15px 0 0 20px; width:100%; height:25px; background:url(../img/bgFormScarTop2.gif) no-repeat top left;}
.expand .formStyle .formScar .textBox{ padding:0 20px 20px; width:100%; background:url(../img/bgFormScarFoo2.gif) no-repeat left bottom;}

.formStyle h3.checkH3{padding:0 0 0 15px;}
.formStyle .abaBox{ clear:both; width:840px; background:url(../img/formAbaMid.gif) repeat-y 0 0; color:#494949;}
.formStyle .abaBox .abaMenu{ width:840px; background:url(../img/formAbaTop.gif) no-repeat 0 0;}
.formStyle .abaBox .abaMenu dl dd.dd1{_width:115px;}
.formStyle .abaBox .abaMenu dl dd.dd2{_width:160px;}
.formStyle .abaBox .textBox{ margin:0 auto 5px; padding:15px; width:770px; background:#fff; border:1px solid #ddd; }
.formStyle .abaBox .abaFoo{ width:840px; height:9px; overflow:hidden; background:url(../img/formAbaFoo.gif) no-repeat 0 0;}

.formStyle .tableTTT{ margin:10px auto; width:700px;}
.formStyle .tableTTT th{ font-weight:bold; text-align:right;}
.formStyle .tableTTT td{ vertical-align:top; text-align:right;}
.formStyle .tableTTT .titleTTT{color:#E01C1E; text-align:left;}
.formStyle .tableTTT .itemTTT{ width:400px; text-align:left;}
.formStyle .tableTTT .itemTTT ul{ padding:0 0 0 15px;}
.formStyle .tableTTT .itemTTT .obsTTT{ padding:0 0 0 15px; font-style:italic;}
.formStyle .resultBox{ margin:10px auto; width:700px;}
.formStyle .resultBox .esperaBox{ float:left; width:200px;}
.formStyle .resultBox .valoresBox{ float:right; width:180px;}
.formStyle .resultBox .valoresBox .tagg{ clear:both; float:left; width:100px;}
.formStyle .resultBox .valoresBox .value{ float:left; width:80px; text-align:right;}



.formStyle .formLogin{ padding:10px;}
.formStyle .formLogin .p{clear:both; padding:5px 0 0;}
.formStyle .formLogin .p label{ float:left; width:50px;}
.formStyle .formLogin .p input.text{ float:left; width:180px;}
.formStyle .formLogin .p input.bt{ float:left;}
.formStyle .formLogin .btBox{clear:both; padding:0 0 0 50px;}

.formStyle .formAddress{ padding:10px;}
.formStyle .formAddress .boxAddress{ margin-bottom: 35px;}
.formStyle .formAddress label{ float:left; padding: 0 5px 0 0;}
.formStyle .formAddress label.lbAlfa{ width:70px;}
.formStyle .formAddress input.text{ float:left; margin:0 17px 0 0;}
.formStyle .formAddress .p{clear:both; padding:5px 0 0;}
.formStyle .formAddress .p input.text{ float:left; width:120px;}
.formStyle .formAddress .p2{clear:both; padding:5px 0 0;}
.formStyle .formAddress .p2 input.text{ float:left; width:550px;}
.formStyle .formAddress .p3{clear:both; padding:5px 0 0;}
.formStyle .formAddress .p3 input.text{ float:left; width:135px;}
.formStyle .formAddress .p3 select{ float:left;}
.formStyle .formAddress .btBox{clear:both; padding: 30px 0 0 0; text-align:right;}

.formStyle .formPayCC{ padding:10px; background:url(../img/SiteSeguro.gif) no-repeat 95% 0px;}
.formStyle .formPayCC dt{ padding:10px 0 0; font-size:14px;}
.formStyle .formPayCC dt label{ padding:0 0 0 10px;}
.formStyle .formPayCC dt{}
.formStyle .formPayCC dd{ padding:5px 0 0 50px;}
.formStyle .formPayCC dd label{ clear:both; float:left; width:150px;}
.formStyle .formPayCC dd select,
.formStyle .formPayCC dd input{ width:150px;}


.formStyle .printAddress{ padding:10px;}
.formStyle .printAddress strong{ float:left; padding: 0 5px 0 0;}
.formStyle .printAddress strong.lbAlfa{ width:70px;}
.formStyle .printAddress .printTxt{ float:left; margin:0 20px 0 0; padding:2px; background:#ddd;}
.formStyle .printAddress .p{clear:both; padding:5px 0 0;}
.formStyle .printAddress .p .printTxt{ float:left; width:120px;}
.formStyle .printAddress .p2{clear:both; padding:5px 0 0;}
.formStyle .printAddress .p2 .printTxt{ float:left; width:550px;}
.formStyle .printAddress .p3{clear:both; padding:5px 0 0;}
.formStyle .printAddress .p3 .printTxt{ float:left; width:135px;}
.formStyle .printAddress .btBox{clear:both; padding: 30px 0 0 0; text-align:right;}

.formStyle .printFim{ float:left; width:607px; height:264px; background:url(../img/bgPrintFim.gif) no-repeat 0 0;}
.formStyle .printFim .textBox{ padding:30px 30px 0;}
.formStyle .printFim .textBox h5{ padding:0 0 10px; font-size:12px;}
.formStyle .printFim .textBox strong{ color:#B91112;}

.expand .formStyle .printFim{ float:left; width:760px; height:264px; background:url(../img/bgPrintFim2.gif) no-repeat 0 0;}

.formStyle .formDadosP{ float:left; padding:0 50px 20px 0; width:380px; border-right:1px solid #ccc;}
.formStyle .formDadosP .p{ padding:0 0 10px;}
.formStyle .formDadosP label.lbAlfa{ float:left; width:50px;}
.formStyle .formDadosP .p .pp input.text{ width:130px;}
.formStyle .formDadosP .p .pp2{ float:left;}
.formStyle .formDadosP .p .pp3{ float:right;}
.formStyle .formDadosP .p .pp3 input.text{ width:30px;}
.formStyle .formDadosP .p input.t1{ width:300px;}
.formStyle .formDadosP .p input.t2{ width:30px;}
.formStyle .formDadosP .p input.t3{ width:100px;}

.formStyle .formEmail{ float:right; width:310px;}
.formStyle .formEmail .p{ padding:0 0 10px;}
.formStyle .formEmail label{ float:left; width:130px;}
.formStyle .formEmail input.text{ width:160px;}

.formStyle .formEntrega .bx001{ float:left; width:400px;}
.formStyle .formEntrega .bx001 .formCEP{ padding:30px 0;}
.formStyle .formEntrega .bx001 .formCEP label{ float:left; padding:0 2px 0 15px;}
.formStyle .formEntrega .bx001 .formCEP .text{ float:left; width:95px;}
.formStyle .formEntrega .bx001 .formCEP .bt{ float:left;}
.formStyle .formEntrega .bx001 .infoCEP{ background:#ccc; padding:5px 10px;}
.formStyle .formEntrega .bx001 .formCEP .btBoxR{  padding:5px 95px 0 0;}
.formStyle .formEntrega .bx002{ float:right; width:370px;}
.formStyle .formEntrega .bx002 .boxMap{width:367px; border:1px solid #ccc;}
.formStyle .formEntrega .bx002 .btBoxR{  padding:0;}
.formStyle .formEntrega p{ margin: 0 0 15px}

.formStyle #listHisto { color:#454545; min-height: 144px}
.formStyle #listHisto p.intro{ padding:5px 0 30px;}
.formStyle #listHisto th{ padding:2px 10px; font-weight:bold;}
.formStyle #listHisto td{ padding:5px 10px;}
.formStyle #listHisto .tabOut{}
.formStyle #listHisto .tabOut th{ font-weight:bold;}
.formStyle #listHisto .zebra01{ background:#F2F2F2;}
.formStyle #listHisto .tabOut td.tdBtLink{ color:#990000;}
.formStyle #listHisto .tabOut td.tdBtLink a{ text-decoration:underline; color:#990000;}
.formStyle #listHisto .tabOut td.tdBtLink a:hover{ text-decoration:none; color:#990000;}

.formStyle #listHisto .tabIn{ background:#F2F2F2;}
.formStyle #listHisto .tabIn .boxPedidos{ padding:10px;}
.formStyle #listHisto .tabIn .boxPedidos td.td001{ padding:2px; width:30px;}
.formStyle #listHisto .tabIn .boxPedidos td.td003{ text-align:right;}
.formStyle #listHisto .tabIn .boxPedidos .boxValor{ padding:0 10px 0 0; text-align:right;}
.formStyle #listHisto .tabIn .boxPedidos .boxValor .bpTo{ font-weight:bold;}
.formStyle #listHisto .tabIn .boxPedidos .bpData{ padding:0 10px 0 0; font-weight:bold;}
.formStyle #listHisto .tabIn .monoCol{ margin:0 0 5px; background:#fff;}
.formStyle #listHisto .tabIn .duoCol{ margin:0 0 5px; background:#fff;}
.formStyle #listHisto .tabIn .duoCol .boxPedidos{ float:left; width:450px;}

.formStyle #listHisto .tabIn .boxAva{ float:right; padding:10px 2px 0 0; width:295px; height:256px; background:url(../img/bgAva.gif) no-repeat 0 0;}
.formStyle #listHisto .tabIn .boxAva th{ padding:0;}
.formStyle #listHisto .tabIn .boxAva th.tAlfa{ padding:2px; width:120px; font-weight:normal; text-align:right;}
.formStyle #listHisto .tabIn .boxAva td{ padding:0;}
.formStyle #listHisto .tabIn .boxAva fieldset{ padding:20px 20px 10px;}
.formStyle #listHisto .tabIn .boxAva fieldset label{ display:block; padding:2px 0 2px 20px; background:url(../img/iconHDepo.gif) no-repeat 0 0; font-weight:bold;}
.formStyle #listHisto .tabIn .boxAva fieldset textarea{ width:100%; height:60px;}
.formStyle #listHisto .tabIn .boxAva fieldset .textarea{ width:100%; height:60px; overflow:hidden;}
.formStyle #listHisto .tabIn .boxAva .btBoxR a{ padding:0 15px 0 0; text-decoration:underline; color:#990000; font-size:11px;}

.formStyle #instPedir p{ margin:15px 0;}
.formStyle #instPedir strong{color:#E60E0A;}
.formStyle #instPedir h4{ padding:30px 0 0; font-size:13px; color: #D81718}
.formStyle #instPedir a{ text-decoration: underline; font-weight: bold}
.formStyle #instPedir ul{ list-style-type: square;}
.formStyle #instPedir ol{ list-style-type: decimal;}
.formStyle #instPedir ol li{ font-weight: bold; color: #646464}
.formStyle #instPedir li{ margin: 15px 0 15px 45px}
.formStyle #instPedir ul li{ font-weight: normal;}

.formStyle #instFale{ width:370px;}
.formStyle #instFale .p{ padding:10px 0;}
.formStyle #instFale .p label{ float:left; width:100px;}
.formStyle #instFale .p .text{ width:250px;}
.formStyle #instFale .p textarea{ width:250px; height:100px; border:1px inset #ccc; font-size:9px; color:#555;}

.formStyle #instRest{ width:480px;}
.formStyle #instRest .p{ padding:10px 0;}
.formStyle #instRest .p label{ float:left; padding:0 10px 0 0; width:150px; text-align:right;}
.formStyle #instRest .p .text{ width:300px;}
.formStyle #instRest .p textarea{ width:250px; height:100px; border:1px inset #ccc; font-size:9px; color:#555;}

/* Home
################################### */

#home{ width:998px; border-top:1px solid #fff; background:#E4E4E4;}
#home .acomPedido{ float:right; width:224px; height:256px; background:url(../img/bgHomeAcom.jpg) no-repeat 0 0;}

#home .tabPedidoOff{ }
#home .tabPedidoOff h3{padding:30px 30px 25px; font-size:20px; line-height:1.2em; color:#B91112;}
#home .tabPedidoOff p{padding:0 30px}
#home .tabPedidoOff .formBox{ float:left; margin:40px 15px 0; padding:10px; background:#D2D2D2;}
#home .tabPedidoOff .formBox input.text{ float:left; width:130px; margin:1px 5px 0 0; padding:2px 2px 2px; border:1px inset #ccc; font-size:9px; color:#646464;}
#home .tabPedidoOff .formBox a.bt{ float: left; background-image: url('../img/btOk.gif'); width: 27px; height: 22px}
#home .tabPedidoOff .formBox a.bt:hover{background-image: url('../img/btOk_over.gif')}

/*#home .tabPedido{ display:none;}*/

#home .abaBox{ clear:both; width:998px; background:url(../img/bgAbaMid.gif) repeat-y 0 0; color:#494949;}
#home .abaBox .abaMenu{ width:998px; background:url(../img/bgAbaTop.gif) no-repeat 0 0;}
#home .abaBox .abaMenu dl dd.dd1{_width:120px;}
#home .abaBox .abaMenu dl dd.dd2{_width:95px;}
#home .abaBox .abaMenu dl dd.dd3{_width:130px;}
#home .abaBox .abaMenu dl dd.dd4{_width:120px;}
#home .abaBox .abaMenu dl dd.dd5{_width:150px;}
#home .abaBox .abaFoo{ width:998px; height:2px; overflow:hidden; background:url(../img/bgAbaFoo.gif) no-repeat 0 0;}

#home .abaBox .destaqueBox{ margin:0 auto 5px; width:980px;}
#home .abaBox .destaqueBox .imgBox{ float:left; width:303px; height:199px; overflow:hidden; background: #FFFFFF; text-align:center}
#home .abaBox .destaqueBox .textBox{ float:left; position:relative; padding:20px 20px 0 20px; width:264px; height:179px; overflow:hidden; background:#BC006F; color:#fff;}
#home .abaBox .destaqueBox .textBox .into{ margin:0 0 20px; height:128px; overflow:hidden;}
#home .abaBox .destaqueBox .textBox .into h3{ margin:0 0 15px; font-size:18px;}
#home .abaBox .destaqueBox .textBox .into p{ margin:5px 0;}
#home .abaBox .destaqueBox .textBox .precoBox{ float:left;}
#home .abaBox .destaqueBox .textBox .btBox{ float:right;}

#home .abaBox .destaqueBox .listDestaque{}
#home .abaBox .destaqueBox .listDestaque dd{ background:#F8E5F0; height:39px; overflow:hidden; border-bottom:1px solid #fff; cursor: pointer}
#home .abaBox .destaqueBox .listDestaque dd:hover{ background:#F5D9E9;}
#home .abaBox .destaqueBox .listDestaque dd.active{ background:#F5D9E9;}
#home .abaBox .destaqueBox .listDestaque dd .number{ float:left; padding:10px 15px 0 15px; height:30px; color:#BC006F; font-size:18px; font-weight:bold;}
#home .abaBox .destaqueBox .listDestaque dd .midBox{ float:left; padding:5px 5px 0 0; height:35px; width:185px; overflow:hidden;}
#home .abaBox .destaqueBox .listDestaque dd .midBox h4{ font-size:14px; color:#BC006F; height: 14px; overflow: hidden}
#home .abaBox .destaqueBox .listDestaque dd .midBox .localBox{ font-size:11px; font-weight:bold; color:#555;}
#home .abaBox .destaqueBox .listDestaque dd .precoBox{ float:left; padding:15px 5px; height:30px;}
#home .abaBox .destaqueBox .listDestaque dd .btBox{ float:right; padding:10px 10px 0 5px; height:30px;}

#home .abaBox .promBox{ padding:1px 0 1px 1px; margin:0 auto 15px; width:960px; background:#fff; border:1px solid #ccc; }
#home .abaBox .promBox li{ float:left; margin:0 1px 0 0; width:239px; color:#fff; background:#990000;}
#home .abaBox .promBox li h3{ font-size:18px; line-height:1.2em; height: 25px; overflow: hidden	}
#home .abaBox .promBox li .itemRest{ margin:0 0 10px; font-size:10px; font-weight:bold;}
#home .abaBox .promBox li .textEntry{ margin:0 0 20px; height:100px; overflow:hidden;}
#home .abaBox .promBox li .colorBg{ padding:10px;}
#home .abaBox .promBox li .colorBg .precoBox0{ font-size:10px;}
#home .abaBox .promBox li .colorBg .precoBox{ float:left; font-size:12px; font-weight:bold;}
#home .abaBox .promBox li .colorBg .btBox{ float:right;}
#home .abaBox .promBox li .imgBox{ width:239px; height:157px; background:#FFFFFF; text-align: center }


/* Restaurante
################################### */

#restaurante{ padding:15px 0 0;}
#restaurante .ieca6{ position:relative; width:100%;}
#restaurante .introRest{ padding:15px; width:616px; background:url(../img/bgDegradee001.gif) repeat-x bottom left;}

#restaurante .infoRest{padding:15px; width:616px;}
#restaurante .infoRest li.li001 .tooltip{ position:absolute; top:30px; left:230px;}
#restaurante .infoRest li.li002 .tooltip{ position:absolute; top:30px; left:330px;}
#restaurante .infoRest li.li003 .tooltip{ position:absolute; top:30px; left:450px;}

#restaurante .destaqueBox{ clear:both; width:646px; overflow:hidden;}
#restaurante .destaqueBox ul{ width:676px;}
#restaurante .destaqueBox li{ float:left; margin:0 6px 0 0; width:210px;}
#restaurante .destaqueBox li .imgBox img{ background:url(../img/bgImgSw.gif) no-repeat  top right; padding:10px 10px 0 0;}
#restaurante .destaqueBox li h4{ padding:3px 0; font-size:16px; line-height:1.2em;}
#restaurante .destaqueBox li .textBox{ padding:0 0 10px; min-height:70px;}
#restaurante .destaqueBox li .actionBox{ padding:5px; width:200px; background:#F2F2F2;}
#restaurante .destaqueBox li .actionBox .precoBox{ float:left;}
#restaurante .destaqueBox li .actionBox .btBox{ float:right}

#restaurante .pratosList{ margin:30px 0 0; }

/* Cardapio
################################### */

#cardapio{ padding:15px 0 0;}

/* Busca
################################### */
#buscaPratos{ position:relative; padding:15px 0 0; width:100%;}
#buscaPratos .introBusca{ position:absolute; top:0; left:158px; width:810px;}
#buscaPratos .colMain{ margin-top:100px;}
#buscaPratos .colCar{ margin-top:100px;}


/* Cardapio
################################### */
#formAcomp{ padding:0 0 30px;}
#formAcomp .acomPedido{ margin-top:25px;}
#formAcomp .formAcomp{ float:left; width:764px; background:url(../img/bgBoxAcomMid.gif) repeat-y 0 0; min-height: 281px; _height: 281px}
#formAcomp .formAcomp h3{ padding:0 0 0 14px; width:750px; height:40px; background:#F2F2F2 url(../img/bgBoxAcomTop.gif) no-repeat bottom left; font-size:18px; line-height:1.2em; font-weight:normal; color:#E01C1E;}
#formAcomp .formAcomp .textBox{ padding:0 0 15px; width:764px; background:url(../img/bgBoxAcomFoo.gif) no-repeat left bottom; min-height:218px; *min-height:228px}
#formAcomp .formAcomp .textBox .tableTTT{ margin:10px auto; width:700px;}