/* RESET CSS */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* ESTILO DO SITE */
body { background-color:#333333; font-family:Lucida Sans, Arial, Verdana; color:#FFF; font-size:12px; }
#geral { width:100%; height:100%; }
#topogeral { background-color:#FFF; height:135px; width:100%;  }
#topo { width:778px; margin:0 auto; height:135px;}
#topo #logo { margin-top:30px; margin-left:10px; float:left;}
#topo .fone {width:165px;height:42px;background: url(../img/menu-supera.gif);display:block;background-position:165px 0px;text-indent:-5000px; float:right; margin-top:40px;}
#tamanhopagina { width:778px; min-height:100%; height:100%; margin:0 auto;}
#menu { height:55px; width:500px; margin:0 auto; text-align:center;}
a {text-decoration:none;}

#menu a { margin:15px;}
#menu #mpaginainicial {width:83px;height:20px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:0px 0px;text-indent:-5000px;}
#menu #mpaginainicial:hover {background-position:0px -19px;}
#menu #msupera {width:88px;height:20px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-83px 0px;text-indent:-5000px;}
#menu #msupera:hover {background-position:-83px -19px;}
#menu #mservicos {width:105px;height:20px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-171px 0px;text-indent:-5000px;}
#menu #mservicos:hover {background-position:-171px -19px;}
#menu #mfaleconosco {width:85px;height:20px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-276px 0px;text-indent:-5000px;}
#menu #mfaleconosco:hover {background-position:-276px -19px;}
#banner { width:778px; text-align:center;}

#cont { width:757px; height:100%; margin:0 auto; background:url(../img/fundo-conteudo.gif) repeat-y top left; float:left; margin-left:10px; }
#conteu { width:100%; height:100%; background:url(../img/fundo-ornamentos.jpg) no-repeat left bottom; min-height:300px; float:right; }
#titulos { width:160px; float:left;}
#informacoes,#lsuperacapas, #lnossosservicos, #lfaleconosco {width:572px; float:right; background:url(../img/seta.jpg) top left no-repeat; text-align:right; padding:10px;}
#informacoes .quadros { border:#333 solid 5px; width:147px; height:147px; background-color:#FFF; margin:15px; float:left;}
#informacoes .servicos { border:#333 solid 5px; width:151px; height:151px; background-color:#FFF; color:#FFF; padding:3px; margin:10px; float:left;}
#informacoes .servicos:hover { border:5px solid #FFF;}
#informacoes .servicos h2 { background-color:#4E4E4E; padding:2px;}
#informacoes p { line-height:18px;}
#informacoes .supera { float:left; margin-left:20px; margin-right:20px; border:5px solid #FFF;}
#informacoes .tit { font-weight:bold; font-size:16px; text-align:left; margin:20px 0px 10px 20px;}
a.info:link { float:left; margin-left:20px; color:#CCC; margin-bottom:20px;}
a.info:hover { float:left; margin-left:20px; color:#999; margin-bottom:20px; font-weight:bold;}
a.info:visited { float:left; margin-left:20px; color:#CCC; margin-bottom:20px;}
#mostrar {height:150px; width:100%; text-align:left; float:left;}
#mostrar h3 { font-weight:bold; font-size:14px; color:#CCC;}

#lfaleconosco h2, #lfaleconosco h3{ color:#FFF; font-weight:bold; font-size:14px;}
#lfaleconosco strong { font-weight:bold;}
#lfaleconosco address, #lfaleconosco p, #lfaleconosco form { font-size:12px; color:#999; margin-top:10px; line-height:15px;}
#lfaleconosco table, #lfaleconosco form  { text-align:right; line-height:15px;}
#lfaleconosco table { height:100%; width:350px; float:right; margin-right:10px; color:#FFF; margin-bottom:20px; }
#lfaleconosco input, #lfaleconosco textarea { margin:5px; width:100%; border:1px solid #CCC; background-color:#fff;}
#lfaleconosco .btn { width:100px; border:1px solid #CCC; background-color:#FFF; font-weight:bold; color:#333;}

#titulos {width:165px; min-height:413px; height:100%; float:left;}
#titulos p { font-size:11px; color:#FFF; float:left; line-height:14px;}
#titulos #atualizacao {width:101px;height:22px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-366px 0px;text-indent:-5000px;}
#titulos #superacapas {width:101px;height:22px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-366px -22px;text-indent:-5000px;}
#titulos #nossosservicos {width:115px;height:22px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-366px -66px;text-indent:-5000px;}
#titulos #faleconosco {width:101px;height:22px;background: url(../img/menu-supera.gif);display:block;float:left;background-position:-366px -43px;text-indent:-5000px;}
#lfaleconosco h2, #lfaleconosco h3{ color:#FFF; font-weight:bold; font-size:14px;}
#lfaleconosco strong { font-weight:bold;}
#lfaleconosco address, #lfaleconosco p, #lfaleconosco form { font-size:12px; color:#999; margin-top:10px; line-height:15px;}
#lfaleconosco table, #lfaleconosco form  { text-align:right; line-height:15px;}
#lfaleconosco table { height:100%; width:350px; float:right; margin-right:10px; color:#FFF; margin-bottom:20px; }
#lfaleconosco input, #lfaleconosco textarea { margin:5px; width:100%; border:1px solid #CCC; background-color:#fff;}
#lfaleconosco .btn { width:100px; border:1px solid #CCC; background-color:#FFF; font-weight:bold; color:#333;}

a.lnk:link { font-weight:bold; color:#999; border-bottom:2px dotted #999;}
a.lnk:hover { font-weight:bold; color:#fff; border-bottom:2px dotted #fff;}
a.lnk:visited { font-weight:bold; color:#999; border-bottom:2px dotted #999;}

#rodapegeral { width:100%; height:100%; background-color:#FFF; float:left;}
#rodape { width:778px; margin:0 auto; height:50px; }
#rodape strong { font-weight:bold;}
#rodape #copyright { float:left; color:#666; font-size:10px; margin-top:18px;}
#rodape #webfire { float:right; margin-top:9px; margin-right:10px;}