/**************
Thiagu Oliveira | Webdesigner
www.thiaguoliveira.com.br | thiagu.oliveira@gmail.com
85 3235.5516 / 85 8766.7610
***************/
* { padding:0; margin:0; }
img { border:0; }
body { background:url(../imgs/gb_img_fundo_site.jpg) repeat-x #CEDCE9;}
a { color:#666666; text-decoration:none;}
h4 { background:url(../imgs/bg_fundo_titulo_internas.jpg) no-repeat; padding-left:25px; padding-top:5px; padding-bottom:15px; font-size:14px; color:#000055;}
h1, h3, .trans { display:none;}
li {list-style:none;}
.menu_cliente { background:url(../imgs/fundo_menu_cliente.jpg) no-repeat right; padding-bottom:5px; color:#666; float:left; padding-left:10px; margin-left:5px; margin-top:7px;}
.logado { background:url(../imgs/login_papelcenter_online.jpg) no-repeat; text-align:left; padding-left:15px; padding-top:48px; margin-left:12px; font-size:11px;}
p.deslogar { width:180px; text-align:center; padding-top:20px; padding-bottom:30px; margin-right:5px;}
p.data { padding-top:12px; margin-right:15px; float:right; }
span.empresa { color:#000055;}
p.nova_msg {width:500px; float:left; padding-left:20px; margin-top:5px;}
#Cabecalho { width:770px; }
.topo { width:770px; padding-top:15px; background:url(../imgs/fundo_topo.jpg) no-repeat #FFF; float:left; margin-bottom:5px; padding-bottom:20px;}
.topo_noflash { width:770px; height:120px; padding-top:15px; background:url(../imgs/topo_papelcenter_noflash.jpg) no-repeat #FFF; float:left; margin-bottom:5px; padding-bottom:20px;}
.logo { float:left; width:250px; margin-left:30px;}
.topo_img { width:300px; float:right;}
/****/
#Menu_cliente {width:770px; background:url(../imgs/fundo_acesso_cliente.jpg) no-repeat #FFF; float:left; margin-bottom:5px; height:43px;}
#Menu { width:190px; float:left; text-align:right; padding:0;}
#Menu ul li { margin:0; padding:0; margin-bottom:10px;}
#Menu .menu a { padding:3px; padding-right:10px; margin-right:5px;font-size:13px; font-weight:bold; }
#Menu .menu a:hover { color:#000055; background:url(../imgs/fundo_menu_principal.gif) no-repeat; }
#Menu li.p1 a {padding-left:87px;}#Menu li.p2 a {padding-left:93px;}#Menu li.p3 a {padding-left:70px;}#Menu li.p4 a {padding-left:23px;}#Menu li.p5 a {padding-left:52px;}#Menu li.p6 a {padding-left:47px;}#Menu li.p11 a {padding-left:40px;}#Menu li.p7 a {padding-left:90px;}
/****/
#Site { font-family:"Trebuchet MS"; font-size:12px; margin:auto; width:770px;}
#Corpo { width:770px; background:#FFFFFF; float:left; padding-top:10px; }
#Centro { width:565px; float:right; padding-left:10px;  border-left: #000066 2px dotted; text-align:justify; padding-bottom:15px;}
#Destaque { width:520px; margin-left:10px;}
.painel_rotativo { width:515px; margin-bottom:20px; margin-top:0px; margin-left:14px;}
.Papelcenter { width:245px; float:right; }
.ecologico { width:245px; float:left; padding-right:15px; border-right:dotted #333333 2px; }
p.img_destaque { padding-top:15px; padding-bottom:20px;}
p.destaque_txt { padding-bottom:10px; font-size:11px; color:#333333; text-align:justify;}
p.destaque_link { float:right; width:145px; text-align:right; background:url(../imgs/marcador_link_azul.gif) left no-repeat;}
p.destaque_link a { color:#000055; text-decoration:underline;}
#Login { width:182px; height:160px; margin-left:5px; margin-top:10px;}
.login { background:url(../imgs/login_papelcenter_online.jpg) top no-repeat; padding-top:50px;}
.login li { margin-left:5px; text-align:center; margin-right:5px; color:#000055; font-size:10px;}
#empresa, #Menu #Login #frmLogin ul.login #senha { padding:4px; border:0; background:url(../imgs/login_papelcenter_online.gif) top left no-repeat; }
#empresa {padding-right:5px; padding-left:5px; }
#Menu #Login #frmLogin ul.login #senha {padding-right:25px; padding-left:15px;}
ul.login li { padding-left:10px; padding-right:0px; margin-left:10px;}
li.checkbox { padding-right:70px;}
li.btn { padding-bottom:10px; }
span.btn_entrar a, .logado .deslogar a { padding:5px;  cursor:pointer; padding-left:48px; padding-right:48px; background:url(../imgs/login_papelcenter_online.gif) center no-repeat; filter:alpha(opacity=50%); opacity:0.50;}
.deslogar a {margin:0px; }
span.btn_entrar a:hover, .logado .deslogar a:hover {  cursor:pointer; filter:alpha(opacity=100%); opacity:1; }
.img_perfil { margin:8px; padding:3px; text-align:left; background:url(../imgs/fundo_editar.gif) 5px center no-repeat; margin-left:-10px; margin-bottom:0; filter:alpha(opacity=50%); opacity:0.50; }
.img_perfil:hover { filter:alpha(opacity=100%); opacity:1; }
.img_perfil a { padding:7px; display:block;  }
#Rodape { height:130px; clear:both; background:url(../imgs/fundo_rodape.jpg) no-repeat #FFF; padding:10px;  margin-top:7px; margin-bottom:7px;}
.endereco { margin:15px; margin-top:20px; width:330px; float:left; }
.desenvolvido { margin-top:40px; margin-right:10px;width:370px; font-size:10px; text-align:right; color:#999; float:right; }
p.end { margin-top:5px; color:#666666; float:left; width:400px;}
p.interna_txt{ color:#333; font-size:12px; padding-bottom:10px; padding-right:15px; padding-top:10px;}
span.negrito { font-size:13px; color:#333; font-weight:bold;}
p.quemsomos_txt { width:325px; float:left; font-size:12px; color:#333;}
p.quemsomos_img2 { width:180px; float:right; margin-right:15px;}
p.saiba_mais a { text-align:right; background:url(../imgs/marcador_link_azul.gif) left no-repeat; padding-left:10px; text-decoration:underline; color:#000055}
p.saiba_mais2 a { text-align:right; background:url(../imgs/marcador_link_azul.gif) left no-repeat; padding-left:10px; text-decoration:underline; color:#000055;}
p.produtos_img1 { margin-top:10px; margin-bottom:20px;}
p.produtos_img2 img{ padding:20px;}
p.img_responsa1 { width:200px; float:right;}
p.responsa_txt { width:300px; float:left; font-size:12px; color:#333; text-align:left;}
p.responsa_txt2 { float:left; color:#333; margin-top:30px; margin-bottom:20px;}
p.img_responsa3 { background-color:#FF0000; border:3px solid #0000FF; width:600px;padding-left:15px; margin-bottom:20px;}
p.responsa_txt3 { padding-right:15px;}
.vantagens li { list-style:disc; margin-left:20px; margin-bottom:5px;}
p.fale_txt { margin-right:30px; margin-top:20px; margin-bottom:20px; color:#666666; text-align:left;}
#Centro h5 { color:#000055; width:515px; font-size:12px; margin-bottom:10px; border-bottom:#000055 2px solid; clear:both; }
.embalagens_txt { width:300px; margin-bottom:20px; float:left; color:#000; font-size:12px; }
.embalag_img { width:50px; margin-left:10px; float:left;}
.embalag_img li { width:50px; margin:5px; float:left;}
.painel_emb { float:right; width:200px; height:77px; background:#F8F8F8; margin:15px; text-align:center; color:#999999; border:#EAEAEA 1px solid;}
.fale ul, .orcamento { margin:10px; }
.fale ul li, .orcamento li { color:#000055; padding-left:10px; padding-bottom:10px; }
.fale li.p1 { padding-left:34px;} .fale li.p2 { padding-left:16px;} .fale li.p3 { padding-left:33px;} .fale li.p4 { padding-left:22px;} .fale li.p6 { padding-left:85px;} .fale span { padding-right:10px;} .fale .fale5 { float:left;}
.orcamento li.p1 { padding-left:42px;} .orcamento li.p2 { padding-left:0;} .orcamento li.p3 { padding-left:37px;} .orcamento li.p4 { padding-left:55px;} .orcamento li.p5 { padding-left:37px;} .orcamento li.p6 { padding-left:13px;} .orcamento li.p7 { padding-left:105px;} .orcamento span { padding-right:10px;} .orcamento .orc6 { float:left;}
/*PAINEL CLIENTE*/
.h5 { height:32px; background:url(../imgs/fundo_titulo_painel.jpg) left  no-repeat; }
.painel_topo {  padding-left:25px; padding-top:8px; }
.bemvindo { width:520px; border-bottom:#ccc 2px solid; padding-bottom:10px; }
.bemvindo1 { color:#000055; margin-top:10px; }
.painel_cliente li { float:left; margin-top:10px; margin-bottom:10px; margin-right:8px; }
.pendencias { clear:both; }
.pendencias .titulo { width:60px; margin-top:10px; border-bottom:0; background:#f1f1f1; border:#000000 1px solid; padding:10px; }
.p_campo { width:520px; height:200px; border:#000 1px solid; }
.saudacao { color:#000066;}
.menu_painel li.btn_painel1, .menu_painel li.btn_painel2{ list-style:none; margin:3px; float:left;}
ul li.checkbox { display:none;}
ul li.btn { padding-top:10px;}
p.img_perfil { display:none;}
#Espaco_layout { width:520px;}
#caixa{ position: absolute;	top:50%; left:50%; z-index:999999; width:500px;	height:400px; margin:-220px 0 0 -250px; border:1px solid #fff; text-align:left; background-color: #fff;	padding:5px; cursor:pointer;}
#caixa[id]{	position:fixed;}
#caixa #caixa_legenda{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; text-align:center; margin-top:5px; }
#mascara{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:5000; background-color:#000000; opacity:0.30; -moz-opacity:0.30; filter: alpha(opacity=30);}
#mascara[id]{ position:fixed;}
li.btn #btn_entrar {width:120px; border:0; padding:5px; margin-left:5px; background:url(../imgs/btn_enviar_confirmar.jpg) no-repeat; margin-left:35px; cursor:pointer;}
#principal{	z-index:1;}
#principal #pedido{	z-index:1;}
select #pedido{	z-index:1;}
.endereco a:hover{ text-decoration:underline; }
#fale dt { padding-top:5px;}
#fale { margin-left:20px; margin-top:-10px;}

#todos_lay{ width:550px; clear:both;} 
.layouts { width:150px; float:left; margin:5px; padding:5px;}
.layouts .lay1 a img{ padding:7px; border:2px solid #e6e6e6;}
.layouts .lay1 a:hover img{ padding:4px; border:5px solid #ddd;}
.layouts li { text-align:center;}