@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro-regular.woff') format('woff'),
    url('../fonts/myriadpro-regular.ttf') format('truetype'),
    url('../fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {font-size:9px;color:#606060;font-family:Verdana, Geneva, sans-serif;}
body{background:url(../imagens/bg.jpg);margin:0;}
h2{ margin:0; padding:0px 0px 0px 46px; color:#d9080e; font-family: 'MyriadPro-Regular'; font-size:19px; font-weight:normal; line-height:28px; margin-bottom:7px;}
#bg-topo {background:url(../imagens/top.gif) top left repeat-x;}
#bg-rodape {background:url(../imagens/rodape.gif) bottom left repeat-x;}
#bodypage {width:919px; margin:auto; padding:58px 0px 36px 0px ;}
#topo{height:102px; background: url(../imagens/menu.gif) 0px 20px no-repeat;}
#logo { float:left;}
#topo ul {float:right; list-style:none; margin:17px 30px 0px 0px;}
#topo ul li {float:left; line-height:39px; padding:0px 8px 0px 8px; margin-left:32px; }
#topo ul li:hover, #topo ul li:hover a, #topo ul li.ativo, #topo ul li.ativo a  { background:#d9080e; color:white }
#topo ul li a {color:#8a8a8a; text-decoration:none; font-size:17px;  font-family: 'MyriadPro-Regular';}

.midias-sociais{display:block; float:right; width:26px; height:25px; margin-left:7px;  }
.twitter {background:url(../imagens/twitter.gif) top no-repeat;}
.facebook {background:url(../imagens/facebook.gif) top no-repeat;}
.google-plus {background:url(../imagens/google-plus.gif) top no-repeat; margin-top:1px;}

.twitter:hover {background:url(../imagens/twitter_over.png) top no-repeat;}
.facebook:hover {background:url(../imagens/facebook_over.png) top no-repeat;}
.google-plus:hover {background:url(../imagens/google-plus_over.png) top no-repeat;}

#rodape {padding-top:20px; text-align:center; color:#8a8989; }

#rodape .assinatura-rodape {
   width: 109px;
   margin: 15px auto 0px auto;
   display: block;
   font-size: 11px;
   font-family: 'Arial';
   color: #8a8989;
   clear: both;
   text-decoration: none;
}

#rodape .assinatura-rodape:after {
    content: '';
    background: url('../imagens/assinatura.png') no-repeat;
    float: right;
    display: inline-block;
    width: 16px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    top: -6px;
    opacity: .5;
}

#rodape .assinatura-rodape:hover:after {
    opacity: 1;
}