/*************************Importando os estilos*****************************/
@import url(/css/menutop.css); 
@import url(/css/home.css); 
@import url(/css/servicos.css); 
@import url(/css/contato.css); 
@import url(/css/imprensa.css); 
@import url(/css/equipe.css);
@import url(/css/clientes.css);
@import url(/css/login.css);
@import url(/css/adm.css);
@import url(/css/blog.css);
@import url(/css/calendario.css);
@import url(/css/carbonfree.css);
/***************************************************************************/   
* { 
    margin:0; 
    padding:0; 
    list-style: none; 
    text-decoration: none; 
    border:0px; 
    font-family: "Verdana", "Arial"; 
}

html { 
    overflow: -moz-scrollbars-vertical; 
}

h1 { 
    background: url(/img/bg/box_titulo_azul_1.jpg) repeat-x top; 
    color: #fff; 
    width: 576px; 
    height: 32px; 
    font-size: 18px; 
    padding: 5px 0 5px 2px; 
    margin: 10px 10px 10px 10px; 
}

h1#home { 
    background: url(/img/vinhetas/box_titulo_home.jpg) repeat-x top; 
    color: #fff; 
    width: 585px; 
    height: 32px; 
    font-size: 18px; 
    padding: 1px 0 5px 2px; 
    margin: 10px 10px 10px 0; 
}

h1#produtos { 
    background: url(/img/vinhetas/box_titulo_produtos.jpg) repeat-x top; 
    color: #fff; 
    width: 585px; 
    height: 32px; 
    font-size: 18px; 
    padding: 1px 0 5px 2px;
    margin: 10px 10px 10px 0; 
}

h1#equipe { 
    background: url(/img/vinhetas/box_titulo_equipe.jpg) repeat-x top; 
    color: #fff; 
    width: 585px; 
    height: 32px; 
    font-size: 18px; 
    padding: 1px 0 5px 2px;
    margin: 10px 10px 10px 0; 
}

h1#contato { 
    background: url(/img/vinhetas/box_titulo_contato.jpg) repeat-x top; 
    color: #fff; 
    width: 585px; 
    height: 32px; 
    font-size: 18px; 
    padding: 1px 0 5px 2px;
    margin: 10px 10px 10px 0; 
}

h1#imprensa { 
    background: url(/img/vinhetas/box_titulo_imprensa.jpg) repeat-x top; 
    color: #fff; 
    width: 585px; 
    height: 32px; 
    font-size: 18px; 
    padding: 1px 0 5px 2px;
    margin: 0 10px 10px 0; 
}

h4 { 
    color: #2865a7; 
    font-size: 14px; 
    margin: 15px 0 8px 10px;
}

h4#h4ultimas {
    padding: 5px 0;
}

h3 { 
    font-size: 12px; 
}

a:hover { 
    text-decoration: underline; 
}

p {
    font-size: 16px;
    margin: 0 9px 15px 10px !important;
}

div#geral { 
    width: 800px;
    margin: 10px auto; 
    background: #ebecee; 
    color: #757575;
}

div#geral div#topo {
    width: 780px;
    padding: 10px 10px 0 10px;
    background-color: #E8E8E8;
}

div#geral div#topo span {
    width: 260px;
    background: url(/img/logo/logo_conceito.gif) no-repeat;
    display: block;
    margin: 0 auto;
}
div#geral div#topo span#logoAbracom {
    width: 129px;
    height: 52px;
    background: url(/img/abracom_logo.png) no-repeat;
    float: right;
    text-indent: -90000000000000px;
    margin-top: -60px;
    display: block;
}

div#geral div#topo a {
    height: 130px;
    text-indent: -5000px;
    display: block;
}

div#geral div#menu_esquerda { 
    float: left; 
    width: 178px;
    margin-left: 10px; 
    background-color: #ebecee;
}

div#geral div#botao {
    width: 800px;
    text-align: center;
    display: table;
    margin: 0px;
}

div#geral div#botao ol {
    width: 800px;
    float: left;
}

div#geral div#botao ol li{
    display: inline;
}

div#geral div#botao ol li a {
    color: #2865a7;
    font-weight: bold;
    font-size: 13px;
    width: 158.4px;
    height: 26px;
    display: table;
    line-height: 26px;
    float: left;
    text-align: center;
    border-right: 1px solid #FEFEFE;
    border-left: 1px solid #B5B5B5;
    background: url( /img/bg/DG_filete_menu.jpg ) repeat-x;
}

div#geral div#botao ol li a:hover {
    background: url( /img/bg/DG_filete_menu_hover.jpg ) repeat-x;
    color: white;
}

div#geral div#botao ol li a.primeiro {
    border-left: 0;
}
div#geral div#botao ol li a.ultimo {
    border-right: 0;
}
    
/*
body#servicos div#geral div#menu_esquerda div#botao a.linkProduto { background: url(/img/bg/bullet.jpg) no-repeat 15px 0px; }
body#imprensa div#geral div#menu_esquerda div#botao a.linkImpresa { background: url(/img/bg/bullet.jpg) no-repeat 15px 0px; }
body#equipe   div#geral div#menu_esquerda div#botao a.linkEquipe  { background: url(/img/bg/bullet.jpg) no-repeat 15px 0px; }
body#contato  div#geral div#menu_esquerda div#botao a.linkContato { background: url(/img/bg/bullet.jpg) no-repeat 15px 0px; }
*/


div#geral div#menu_esquerda div#box_imprensa{ width: 177px; height: 335px; background: url(/img/bg/fundo_noticia.jpg) no-repeat; }
div#geral div#menu_esquerda div#box_imprensa div#div_scroll{ position: relative; overflow: hidden; width: 170px; height: 290px; }
div#geral div#menu_esquerda div#box_imprensa div#div_scroll ol#ol_scroll { position: relative; }
div#geral div#menu_esquerda div#box_imprensa div#div_scroll ol#ol_scroll li { margin: 10px 10px 10px 10px;  line-height: 11pt; }
div#geral div#menu_esquerda div#box_imprensa div#div_scroll ol#ol_scroll li a{ color: gray; font-size: 11px; text-align: left;}
div#geral div#menu_esquerda div#box_imprensa div#div_scroll ol#ol_scroll li a p:hover { text-decoration: underline; }
div#geral div#menu_esquerda div#box_imprensa div#div_scroll ol#ol_scroll li.traco{ border-bottom: 1px solid #969698; padding-bottom: 15px;}
div#geral div#menu_esquerda div#box_imprensa div#div_scroll h4 { font-size: 11px; padding: 15px 0 5px 0; margin: 0; }
div#geral div#menu_esquerda div#box_3 {
    width: 209px;
    margin: -5px 0 0 -10px;
}

div#geral div#menu_esquerda div#box_3 div#offClientes {
    width: 180px;
    margin: 0 0 -30px 5px;
}

div#geral div#menu_esquerda div#box_3 div#offClientes h4.traco {
    border-bottom: 1px solid #969698;
}
div#geral div#menu_esquerda div#box_3 h4 {
    font-size: 12px;
    padding: 0 0 5px 3px;
}
div#geral div#menu_esquerda div#box_3 a {
    color: #2865a7;
    font-size: 11px;
    font-weight: bold
}

div#geral div#menu_esquerda div#box_3 div#box_clientes {
    width: 172px;
    margin: 15px 0 0 10px;
    padding: 2px 4px 1px 1px;
    background: url(/img/bg/box_lateral_clientes.jpg) repeat-x;
    display: block;
}

div#geral div#menu_esquerda div#box_3 div#box_clientes h4 {
    color: red;
}

div#geral div#menu_esquerda div#box_3 div#box_clientes ol{
    width: 190px;
    height: 185px;
}

div#geral div#menu_esquerda div#box_3 div#box_clientes ol li {
    float: left;
    padding: 3px 0 0px 15px;
}

div#geral div#menu_esquerda div#contato2 {
    width: 193px;
    height: 120px;
}

/* Pagina de Clientes */
body#clientes div#geral div#menu_esquerda div#contato2 {
    margin-top: 30px;
}


div#geral div#menu_esquerda div#contato2 a {
    border: none;
    text-decoration: none;
}

div#geral div#menu_esquerda div#contato2 a img {
    border: none;
}

div#geral div#conteudo {
    float: left;
    width: 595px;
    margin: 5px 0 20px 10px;
}
div#geral div#conteudo div#sombra { background: url(/img/bg/sombra_cinza.jpg) repeat-x top; height: 27px; margin-top: -3px; }
div#geral div#conteudo_adm{
}
div#geral div#conteudo_adm h1 { width: 576px; width: 770px; }
div#geral div#conteudo_adm div#sombra { background: url(/img/bg/sombra_cinza.jpg) repeat-x top; height: 27px; margin-top: -3px; }
div#geral div#base {
    clear: both;
    display: block;
    width: 750px;
    height: 25px;
    text-align: center;
    color: #757575;
    font-size: 11px;
    padding: 10px;
    border-top: 1px solid #666;
    margin: 0 auto;
}

div#geral div#base a {
    text-decoration: none;
}

div.voltar {
    margin: 10px auto;
    width: 100px;
    height: 18px;
    background: #3570ae;
    border: 1px solid #fff;
    font-size: 12px;
    text-align: center;
}

div.voltar a {
    color: #fff;
    text-align: center;
    line-height: 130%;
}

body#index div#geral div#direita span#selo_carbonfree {
    background: url(/img/carbon_free.gif) no-repeat;
    width: 175px;
    height: 134px;
    display: block;
    text-indent: -99999999px;
    margin: 0px 5px;
    cursor: pointer;
}

body#index div#geral div#direita span#twitter {
    background: url(/img/twitter/twitter.png) no-repeat;
    width: 175px;
    height: 93px;
    display: block;
    text-indent: -99999999px;
    margin: 0px 5px;
    cursor: pointer;
}

div#base a span#a {
    color: #f00;
}

div#base a span#r {
    color: #0f0;
}

div#base a span#z {
    color: #00f;
}
