@font-face {
    font-family: 'AyumiBoldRegular';
    src: url('fonte/ayumi_bold-webfont.eot');
    src: url('fonte/ayumi_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonte/ayumi_bold-webfont.woff') format('woff'),
         url('fonte/ayumi_bold-webfont.ttf') format('truetype'),
         url('fonte/ayumi_bold-webfont.svg#AyumiBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AyumiMediumRegular';
    src: url('fonte/ayumi_medium-webfont.eot');
    src: url('fonte/ayumi_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonte/ayumi_medium-webfont.woff') format('woff'),
         url('fonte/ayumi_medium-webfont.ttf') format('truetype'),
         url('fonte/ayumi_medium-webfont.svg#AyumiMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AyumiLightRegular';
    src: url('fonte/ayumi_light-webfont.eot');
    src: url('fonte/ayumi_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonte/ayumi_light-webfont.woff') format('woff'),
         url('fonte/ayumi_light-webfont.ttf') format('truetype'),
         url('fonte/ayumi_light-webfont.svg#AyumiLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8"; *{ margin:0px; padding:0px; border:0px; float: none; }

/*configurando o sublinhado do link*/
a.hover2:link {color:#FFFFFF; text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif; }
a.hover2:visited {color:#FFFFFF; text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif;}
a.hover2:hover {color:#FFFFFF; text-decoration: underline; font:normal 12px Arial, Helvetica, sans-serif;}
a.hover2:active {color:#FFFFFF; text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif;}

a.hover3:link {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular';}
a.hover3:visited {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular';}
a.hover3:hover {color:#000000; text-decoration: underline; font-size:15px; font-family: 'AyumiBoldRegular';}
a.hover3:active {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular';}

a.hover1:link {color:#555555; text-decoration: none; font-size:13px; font-family: 'AyumiBoldRegular';}
a.hover1:visited {color:#555555; text-decoration: none; font-size:13px; font-family: 'AyumiBoldRegular';}
a.hover1:hover {color:#555555; text-decoration: underline; font-size:13px; font-family: 'AyumiBoldRegular';}
a.hover1:active {color:#555555; text-decoration: none; font-size:13px; font-family: 'AyumiBoldRegular';}

a.hover4:link {color:#000000; text-decoration: none; font: bold 15px Arial, Helvetica, sans-serif;}
a.hover4:visited {color:#000000; text-decoration: none; font: bold 15px Arial, Helvetica, sans-serif;}
a.hover4:hover {color:#000000; text-decoration: underline; font:bold 15px Arial, Helvetica, sans-serif;}
a.hover4:active {color:#000000; text-decoration: none; font: bold 15px Arial, Helvetica, sans-serif;}

a.hover5:link {color:#000000; text-decoration: none; font-size:25px; font-family: 'AyumiBoldRegular';}
a.hover5:visited {color:#000000; text-decoration: none; font-size:25px; font-family: 'AyumiBoldRegular';}
a.hover5:hover {color:#000000; text-decoration: underline; font-size:25px; font-family: 'AyumiBoldRegular';}
a.hover5:active {color:#000000; text-decoration: none; font-size:25px; font-family: 'AyumiBoldRegular';}

a.ser:link, a.ser:visited, a.ser:active { color:#555555; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; padding: 3px 8px; background-color: #f0f0f0; border: #a4a4a4 1px solid; }
a.ser:hover { color:#ffffff; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; padding: 3px 8px; background-color: #a4a4a4; border: #a4a4a4 1px solid; }

.sera { color:#ffffff; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; padding: 3px 8px; background-color: #a4a4a4; border: #a4a4a4 1px solid; }

a.avisao:link {color:#000000; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif;}
a.avisao:visited {color:#000000; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif;}
a.avisao:hover {color:#000000; text-decoration: underline; font:normal 11px Arial, Helvetica, sans-serif;}
a.avisao:active {color:#000000; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif;}

a.cms:link {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; cursor:default;}
a.cms:visited {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; cursor:default;}
a.cms:hover {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; cursor:default;}
a.cms:active {color:#000000; text-decoration: none; font-size:15px; font-family: 'AyumiBoldRegular'; cursor:default;}

a.rest:visited, a.rest:hover, a.rest:active, a.rest:link { color:#000000; text-decoration: none; }

a.link:link {text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif;}
a.link:visited {text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif;}
a.link:hover {text-decoration: none; font:normal 12px Arial, Helvetica, sans-serif;}
a.link:active {text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif;}

#msgalerta{ width:100%; height:130px; text-align:center; font:normal 20px Arial, Helvetica, sans-serif; color:#000000; overflow:hidden; }
#msgalerta img{ padding:14px; }
#tmsg{ margin-top:-5px; }

.slider { float:left; width:900px; height:298px; position:relative; top:0; }
.sliderContent { float:left; width:900px; height:298px; clear:both; position:relative; overflow:hidden;}
.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../img/prev_next.png); width:41px; height:64px; position:absolute; top:37%; }
.prev { background-position:0 0; left:-41px; }
.prev:hover { background-position:0 -64px; left:-41px; }
.next { right:-41px; background-position:-41px 0; }
.next:hover { right:-41px; background-position:-41px -64px; }
.sliderContent .item { position:absolute; width:900px; height:298px; left:0; }
.sliderBullets { position:absolute; height:14%; z-index:50; left:50%; top:280px; margin-left:-10px; }
.sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; width:13px; height:13px; margin-left: 4px; background:url(../img/bullets.png) no-repeat; }
.sliderBullets .active { background-position:0 -13px; }

.slider2 { float:left; width:250px; height:220px; position:relative; top:0; }
.sliderContent2 { float:left; width:250px; height:220px; clear:both; position:relative; overflow:hidden;}
.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../img/prev_next.png); width:41px; height:64px; position:absolute; top:37%; }
.prev { background-position:0 0; left:-41px; }
.prev:hover { background-position:0 -64px; left:-41px; }
.next { right:-41px; background-position:-41px 0; }
.next:hover { right:-41px; background-position:-41px -64px; }
.sliderContent2 .item { position:absolute; width:250px; height:220px; left:0; }
.sliderBullets { position:absolute; height:14%; z-index:50; left:50%; top:280px; margin-left:-10px; }
.sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; width:13px; height:13px; margin-left: 4px; background:url(../img/bullets.png) no-repeat; }
.sliderBullets .active { background-position:0 -13px; }

.slider3 { float:left; width:700px; height:298px; position:relative; top:0; }
.sliderContent3 { float:left; width:700px; height:298px; clear:both; position:relative; overflow:hidden;}
.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../img/prev_next.png); width:41px; height:64px; position:absolute; top:37%; }
.prev { background-position:0 0; left:-41px; }
.prev:hover { background-position:0 -64px; left:-41px; }
.next { right:-41px; background-position:-41px 0; }
.next:hover { right:-41px; background-position:-41px -64px; }
.sliderContent3 .item { position:absolute; width:700px; height:298px; left:0; }
.sliderBullets { position:absolute; height:14%; z-index:50; left:50%; top:280px; margin-left:-10px; }
.sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; width:13px; height:13px; margin-left: 4px; background:url(../img/bullets.png) no-repeat; }
.sliderBullets .active { background-position:0 -13px; }

.sliderc { float:right; width:380px; height:100px; position:relative; top:0; }
.sliderContentc { float:left; width:380px; height:100px; clear:both; position:relative; overflow:hidden;}
.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../img/prev_next.png); width:41px; height:64px; position:absolute; top:37%; }
.prev { background-position:0 0; left:-41px; }
.prev:hover { background-position:0 -64px; left:-41px; }
.next { right:-41px; background-position:-41px 0; }
.next:hover { right:-41px; background-position:-41px -64px; }

/*Configurações de textos*/
.arial { font-family: 'arial';}
.t4 { font-size: 12px; }
.t8 { font-size: 18px; }
.corvermelha { color:#f00; }
.bold { font-weight: bold; }
.txt01{ font-size:27px; font-family: 'AyumiBoldRegular'; color:#FFFFFF;}
.txt02{ font-size:15px; font-family: 'AyumiBoldRegular'; color:#515151; letter-spacing:normal;}
.txt03{ font-size:16px; font-family: 'AyumiBoldRegular'; color:#515151;}
.txt04{ font-size:15px; font-family: 'AyumiBoldRegular'; color:#FFFFFF;}
.txt05 { font-size:16px; font-family: 'AyumiMediumRegular'; color:#000000;}
.txt06 { font-size:11px; font-family: 'AyumiMediumRegular'; color:#555555;}
.ger1 { font-size:15px; font-family: 'AyumiMediumRegular'; color:#000000;letter-spacing:normal;}
.gera { font-size:12px; font-family: 'AyumiMediumRegular'; color:#000000;letter-spacing:normal; text-transform: uppercase;}
.ger2 {font-size:25px; font-family: 'AyumiBoldRegular'; color:#000000; letter-spacing:-1px;}
.ger3 { font-size:13px; font-family: 'AyumiBoldRegular'; color:#555555;}
.ger4 { font-size:15px; font-family: 'AyumiBoldRegular'; color:#FFFFFF;}
.ger5 { font-size:15px; font-family: 'AyumiBoldRegular'; color:#555555;}
.ger6 { font-size:11px; font-family: 'AyumiBoldRegular'; color:#FFFFFF;}
.ger7 { font-size:18px; font-family: 'AyumiBoldRegular'; color:#FFFF00;}
.ger8 { font-size:13px; font-family: 'AyumiBoldRegular'; color:#555555; letter-spacing: 1px; }
.ger9 { font-size:16px; font-family: 'AyumiBoldRegular'; color:#f00; letter-spacing: 1px; }
.junta1 { letter-spacing: -1px; }

.ger10 { font-size:12px; font-family: 'AyumiMediumRegular'; color:#604fad; text-transform: uppercase;;}

.combo2 { border-bottom:#bfbfbf 1px solid; border-top:#bfbfbf 1px solid; border-left:#bfbfbf 1px solid; border-right:#bfbfbf 1px solid; font-size:15px; color:#555555; font-family: 'AyumiMediumRegular'; }
.combo2:hover { border-bottom:#000000 1px solid; border-top:#000000 1px solid; border-left:#000000 1px solid; border-right:#000000 1px solid;}

.bt { padding:5px; background-color:#000000; font-size:15px; font-family: 'AyumiBoldRegular'; color:#ffffff; text-transform:uppercase; cursor: pointer; }
.bt:hover { background-color:#555555;}

.btll { padding:5px; background-color:#a4a4a4; margin-right: 10px; font-size:15px; font-family: 'AyumiBoldRegular'; color:#ffffff; text-transform:uppercase; cursor: pointer; }
.btll:hover { background-color:#555555;}

.ender { padding:5px; background-color:#ff6a00; font-weight: bold; font-size:14px; font-family: 'AyumiBoldRegular'; color:#ffffff; text-transform:uppercase; cursor: pointer; }
.ender:hover { background-color:#555555;}

.bt2 { padding:2px 5px; background-color:#000000; font-size:13px; font-family: 'AyumiBoldRegular'; color:#ffffff; text-transform:uppercase;}
.bt2:hover { background-color:#555555;}

#bordata { z-index:100; position: absolute; left:inherit; top:1435px; width: 110px; height: 24px; margin-left: 50px; text-align:right; }
#bordata2 { z-index:100; position: absolute; left:inherit; top: 1577px; width: 110px; height: 24px; margin-left: 50px; text-align:right; }

#fechar { z-index:50001; position:fixed; }
#mascara { position:fixed; width:100%; min-height: 100%; background:url(../img/mask.png); z-index:2000; }

#rg { position:fixed; bottom:0; right:0; width:97px; height:97px; z-index:10000;}
.addNew { position: absolute; left:50%; margin-left: 250px; margin-top: -30px; }

h2.accordion{ cursor: pointer; width: 98%; min-width: 700px; padding: 8px; background-color: #dddddd; font-size:18px; font-family: 'AyumiMediumRegular'; color:#000000; border-bottom: #b3b1b1 1px solid; margin-bottom:1px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
h2.accordion span { float: right; font-size:14px; font-family: 'AyumiMediumRegular'; color:#555555; }

div.accordion{ display: none; }
div.accordion p { width: 98.5%; padding: 7px; background-color: #f7f7f7; font-size:20px; font-family: 'AyumiMediumRegular'; color:#000000; border-bottom: #dddddd 1px solid; min-height: 80px; height:0 auto; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.accordion p:hover { background-color: #dddddd; border-bottom: #b3b1b1 1px solid; }
div.accordion p t { width: auto; float: left; padding: 5px; margin-top: 10px; font-size:15px; font-family: 'AyumiMediumRegular'; color:#555555; text-align: left; background: #fffdc4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: #df870a 1px solid; border-bottom: #df870a 1px solid; border-left: #df870a 1px solid; border-right: #df870a 1px solid; }
div.accordion p ds { width: 580px; float: left; padding: 5px; margin-top: 10px; font-size:14px; font-family: 'AyumiMediumRegular'; color:#555555; text-align: left; }
div.accordion p strong { width: 100px; padding-right: 5px; font-size:22px; font-family: 'AyumiBoldRegular'; color:#000000; float: right; text-align: right; letter-spacing: -2px; margin-top: -10px; }
div.accordion p b { font-size:13px; text-transform: uppercase; letter-spacing: -1px; font-family: 'AyumiMediumRegular'; color:#555555; }

#q { position: absolute; left: 50%; margin-left: 275px; margin-top: 25px; width:50px; text-align: center; font-size:10px; font-family: 'AyumiBoldRegular'; }
#q .combo-qtd { width:50px; text-align:center; height:24px; border-bottom:#bfbfbf 1px solid; border-top:#bfbfbf 1px solid; border-left:#bfbfbf 1px solid; border-right:#bfbfbf 1px solid; font-size:15px; color:#555555; font-family: 'AyumiMediumRegular'; }

div.accordion p.ativo { background-color: #fffdc4; }

#vTotalItens { float: right; font-size:24px; letter-spacing: -2px; font-family: 'AyumiMediumRegular'; color: #000000; }
.aviso { width: 83%; padding: 10px 0px 10px 90px; min-height: 65px; text-align: left; background: #fffdc4 url(../img/atencao.png) no-repeat 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 16px; color: #000000; font-family: 'AyumiMediumRegular'; border-top: #df870a 1px solid; border-bottom: #df870a 1px solid; border-left: #df870a 1px solid; border-right: #df870a 1px solid; }
.aviso strong { font-size: 20px; letter-spacing: -1px;}
#avisa { position:fixed; width:160px; height:auto; margin:0 auto; bottom:0; left:6px; background-color:#ffff00; color:#000000; font:11px/1.4 Arial, Helvetica, sans-serif; padding:3px; }
.vlpedido { width: 90px; float: right; font-size: 17px; letter-spacing: -1px; font-family: 'AyumiMediumRegular'; color: #000000; text-align: right; }
.delpedido { width: 30px; float: right; font-size: 17px; letter-spacing: -1px; font-family: 'AyumiMediumRegular'; color: #000000; text-align: right; }
.delpedido img { cursor: pointer; }

.filtros { width: 215px; float: right; text-align: right; }
.filtros .sabor, .saborativa { float: left; width: 107px; height: 22px; background: url(../img/filtros.png) no-repeat left top; cursor: pointer; }
.filtros .borda { float: left; width: 97px; height: 22px; background: url(../img/filtros-off.png) no-repeat right top; margin-left: 5px; cursor: pointer; }
.filtros .bordativa { float: left; width: 97px; height: 22px; background: url(../img/filtros.png) no-repeat right top; margin-left: 5px; cursor: pointer; }

.conteudo4 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 1px; }

#mf { position: absolute; left: 50%; margin-left: -400px; width: 320px; margin-top: 310px; }
.caixa-video { width: 200px; padding: 20px 0; background-color: #f7f7f7; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; }
.caixa-video:hover { background-color: #fefeba; }

#mask-encerrado { position: absolute; width: 860px; height: 300px; margin-left: 20px; background: url(../img/mask-encerrado.png) no-repeat left top; }

.info-compra {
    position: relative;
    display: none;
    width: 838px;
    text-align: left;
    padding: 10px;
    background-color: #f7f7f7;
    border-bottom: #dddddd 1px dashed;
    border-left: #dddddd 1px dashed;
    border-right: #dddddd 1px dashed;
}
.info-compra .b0 {
    width: 840px;
    padding: 0 0 10px 0;
    border-bottom: #dddddd 1px dashed;
    margin-bottom: 13px;
}
.info-compra .b10 {
    width: 820px;
    background-color: #fefeba;
    padding: 10px;
    margin-bottom: 13px;
}
.info-compra .b1 {
    width: 300px;
    float: left;
}
.info-compra .b1 p {
    font-style:normal;
}
.info-compra .b2 {
    width: 450px;
    float: right;
}
.info-compra .b2 p {
    font-style:normal;
    font-weight: normal;
}
.info-compra .b3 {
    width: 21px;
    position: absolute;
    left: 50%;
    margin-left: 390px;
}
#caixalogin { position: absolute; left: 50%; margin-left: 90px; width: 350px; height: 30px; top: 10px; }
#caixalogin .painel { float: right; margin-right: 20px; text-align: center; padding: 10px 0px; }
#caixalogin .frente-user { width: 39px; height: 30px; float: left; }
#caixalogin .frente-pass { width: 39px; height: 30px; float: left; margin-left: 10px; }
#caixalogin #login { float: left; width: 100px; height:20px; padding: 5px; color: #555555; }
#caixalogin #senha { float: left; width: 100px; height:20px; padding: 5px; color: #555555; }
#caixalogin #bt-ok { width: 32px; height: 30px; float: left; margin-left: 10px; background: url("../img/bt-ok.gif") no-repeat; }

.checkfoto { width: 200px; background-color: #f00; padding: 5px 0px; margin-top: 5px; color: #ffffff; font-weight: bold; font-size: 14px; }
.checkfoto:hover { background-color: #000000; cursor: pointer; }
.remove { float: right; width: 16px; height: 16px; margin-right: 5px; }

.checkfotoativo { width: 200px; background-color: #000000; padding: 5px 0px; margin-top: 5px; color: #ffffff; font-weight: bold; font-size: 14px; cursor: pointer; }
.sobrefoto { position: absolute; margin-top: -185px; width: 210px; height: 180px; background: url("../img/mascara.png") no-repeat center center; }

.tip { color: #ffffff; width:200px; text-align: justify; float: left; font-size:14px; font-family: 'AyumiMediumRegular'; background:#1d1d1d; display:none; padding:10px; position:absolute; z-index:1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.linhapedido { padding: 4px 10px 4px 10px; border-bottom: #df870a 1px dashed; background-color: #fefeba; }
.infosabores {  font-size:12px; font-family: 'AyumiMediumRegular'; color: #878787; }

#listasabores { width: 855px; background-color: #f7f7f7; border-bottom: #df870a 1px dashed; }
#listasabores ul { width: 850px; margin: 5px; }
#listasabores ul li { float: left; list-style-type: none; margin: 1px; }
#listasabores ul li.sbr { padding: 6px 14px; color: #000000; background-color: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#listasabores ul li.sbrativo { padding: 6px 14px; color: #ffffff; background-color: #8f0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#listasabores ul li.sbr:hover { color: #ffffff; background-color: #383838; cursor: pointer; }

/* MENU GERENCIADOR */
#menupainel { width:880px; text-align:center; overflow:hidden; }
#menupainel ul{ width:100%; list-style-type:none; margin:10px 0px; }
#menupainel li{ width:123px; height:105px; padding-top:25px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:center; float:left; }

#dep { width:210px; height:auto; text-align:center; }
#dep ul{ width:100%; list-style-type:none; }
#dep li{ width:100%; height:18px; background-color:#7d7d7d; text-align:left; float:left; padding:7px; margin:1px; color:#ffffff; }
#dep li:hover{ background-color:#555555; color:#ffffff; }
#dep li a { font-size: 14px; color: #ffffff; text-decoration: none; text-transform: uppercase; }

a.noti:link {color:#000000; text-decoration: none; font-size: 15px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
a.noti:visited {color:#000000; text-decoration: none; font-size: 15px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
a.noti:hover {color:#555555; text-decoration: underline; font-size: 15px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
a.noti:active {color:#000000; text-decoration: none; font-size: 15px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; }

a.normal:link {color:#000000; text-decoration: none; font-size: 14px; font-style: normal; }
a.normal:visited {color:#000000; text-decoration: none; font-size: 14px; font-style: normal; }
a.normal:hover {color:#555555; text-decoration: underline; font-size: 14px; font-style: normal; }
a.normal:active {color:#000000; text-decoration: none; font-size: 14px; font-style: normal; }

a.hbp:link {color:#555555; text-decoration: none; padding: 3px 5px 3px 5px; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
a.hbp:visited {color:#555555; text-decoration: none; padding: 3px 5px 3px 5px; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
a.hbp:hover {color:#000000; text-decoration: none; padding: 3px 5px 3px 5px; BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; BORDER-BOTTOM: #d5d5d5 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
a.hbp:active {color:#555555; text-decoration: none; padding: 3px 5px 3px 5px; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

a.hbpf:link {color:#ffffff; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#7d7d7d;}
a.hbpf:visited {color:#ffffff; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#7d7d7d;}
a.hbpf:hover {color:#000000; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#ffffff;}
a.hbpf:active {color:#ffffff; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#7d7d7d;}

a.hbpa:link {color:#000000; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#dbdbdb;}
a.hbpa:visited {color:#000000; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#dbdbdb;}
a.hbpa:hover {color:#dbdbdb; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#ffffff;}
a.hbpa:active {color:#000000; text-decoration: none; padding: 3px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#dbdbdb;}

a.depaa:link {color:#ffff00; text-decoration: none; font-size: 14px; }
a.depaa:visited {color:#ffff00; text-decoration: none; font-size: 14px; }
a.depaa:hover {color:#ffff00; text-decoration: none; font-size: 14px; }
a.depaa:active {color:#ffff00; text-decoration: none; font-size: 14px; }

#dados { width: 290px; float: left; }
#foned { width: 110px; float: right; text-align: right; padding-right: 15px; }
#vips { width: 28px; height: 133px; background: url("../img/area-vip.png") no-repeat right top;  }

#dadosvip { width: 450px; float: left; }
#foned2 { width: 110px; float: right; text-align: right; padding-right: 15px; }

#guiaa { float: left; }

.titulo-adv { width: 330px; color: #000032; font-family: 'Arial'; font-size: 16px ;font-weight: bold; padding: 15px; background-color: #ececec; }

.areas-adv { width: 360px; float: left; list-style-type: none; }
.areas-adv a li { width: 330px; padding: 7px 14px; float: left; border-bottom: #a4a4a4 1px dotted; color: #1c1c1c; font-size: 12px; font-family: 'Arial'; }
.areas-adv a li:hover { color: #ffffff; background-color: #1c1c1c; }

.artigos-adv { width: 520px; float: left; list-style-type: none; color: #1c1c1c; font-size: 12px; font-family: 'Arial'; }
.artigos-adv li a { width: 520px; padding: 10px; color: #1c1c1c; float: left; background: url("../img/bg-adv.jpg") repeat-x top center; text-decoration: none; }
.artigos-adv li a:hover { text-decoration: underline; }
.artigos-adv li.tt { font-size: 16px; font-weight: bold; }
.artigos-adv li a .normal { font-size: 12px; font-weight:  normal; }
.artigos-adv li a .mais { font-size: 16px; font-weight: bold; float: right; padding-right: 10px; }
.artigos-adv li a .mais:hover { text-decoration: underline; }

.lista-areas { margin: 0 auto; width: 880px; color: #000000; border-bottom: #ffffff 1px solid; text-decoration: none; padding: 15px 0px; }
.lista-areas:hover { background-color: #cecdcd; text-decoration: none; }

.semfoto { width: 130px; height: 110px; padding: 10px; display: table-cell; text-align: center; background: #f1f1f1 url("../img/blank.gif"); vertical-align: middle; color: #000000; text-decoration: none; }
.semfoto2 { width: 230px; height: 200px; padding: 10px; display: table-cell; font-weight: bold; text-align: center; background: #f1f1f1 url("../img/blank.gif"); vertical-align: middle; color: #000000; text-decoration: none; }