/*
	Empresa: Webroom Soluções Interativas - www.webroom.com.br
	Endereço: Av. Vasconcelos Costa, 606 - Sala 1 - Bairro Martins - Uberlandia/MG - Brasil - Fone: +55 (34) 3217-1253
	Projeto: R&C Task
	Data: Janeiro de 2006
	Autor: Thiago Melo
*/

/*..... BÁSICOS .....*/
body { background:#CCC; font:0.7em/1.5em Arial; color:#333333; margin:0px; }
form {}
p { margin:10px 0px; }
a { color:#6E0D78; text-decoration:none; }
a:hover { color:#FF9900; text-decoration:underline; }
acronym {}
code {}
cite {}
label {}
label { display:block; }
.buttom { display:block; margin:10px 0 10px 0; cursor:pointer; }
.clear { clear:both; }
img { border:0px; }
.vcard { text-align:left; padding-left:45px; padding-top:15px; float:left; font-size:12px; }
.vcard p { margin:0px; padding:0px; }
.tel { display:block; }
.label_secundario { display:inline; }
.vcard2 .street-address { display:block; }
.txtfield { border-top:1px solid #404040; border-left:1px solid #404040; border-right:1px solid #FFF; border-bottom:1px solid #FFF; background-color:#FFFFFF; font-family:tahoma, verdana, arial, helvetica, sans-serif; font-size:11px; color:#333333; }
.imagem_produtos { clear:both; margin:15px 0px; }
/*...................*/

/*..... TÍTULOS .....*/
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
h1 {}
h2 {}
h3 { width:200px; height:23px; float:left; background:url("../images/fundo_titulos.gif") no-repeat; }
h4 { text-align:left; padding:0px 5px; }
h5 { color:#CE7B00; padding:5px 0px; font-size:12px; }
h6 {}
/*...................*/

/*..... LISTAGENS .....*/
ol, ul, dl { margin:0px; padding:0px; }
li {}
dt {}
dd {}
/*...................*/

/*..... PAGINACÃO .....*/
.paginacao { border-top:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; border-left:1px solid #FFF; background-color:#FFF; padding:5px 0px; margin:0 auto; text-align:center; clear:both; }
.paginacao a { color:#FFF; text-decoration:none; font-weight:bold; background-color:#FFF; padding:0px 5px; }
.paginacao a:hover { color:#FFF; text-decoration:none; background-color:#FFF; }
.pg_anterior { float:left; width:10%; text-align:left; }
.pg_proximo { float:right; width:10%; text-align:right; }
.pg_numeracao {	margin:0 auto; width:80%; text-align:center; }
/*...................*/

/*..... ESTRUTURA .....*/
#geral { width:778px; margin:0 auto; text-align:center; background:url("../images/fundo_geral.gif"); }
.estrutura1 { width:778px; height:120px; float:left; background:url("../images/fundo_header.jpg"); border-bottom:1px solid #FFF; }
.estrutura1 h1 { position:absolute; text-align:left; width:110px; height:90px; margin:20px 0 0 12px; font-size:10px; float:left; }
.estrutura1 h1 a { display:block; width:95px; height:90px; text-indent:-999999px; overflow:hidden; }

.estrutura1_detalhe { width:778px; height:30px; background:url("../images/detalhe_header.jpg") repeat-x; border-top:1px solid #BF5509; border-bottom:1px solid #C0C0C0; float:left; }
.estrutura2 { width:778px; height:270px; float:left; background:url("../images/fundo_destaque.jpg") top center no-repeat; }
#geral .estrutura3 { width:688px; float:left; padding:0px 45px; }
#geral > .estrutura3 { width:658px; padding:0px 60px; }
.estrutura4 { width:778px; padding-top:31px; clear:both; }
.estrutura4 h3 { text-align:center; padding-top:4px; font-size:11px; font-weight:bold; margin-left:16px; margin-bottom:-5px; }
.estrutura4 > h3 { margin-left:31px; }
/*...................*/

/*..... DIVS EXTRAS ......*/
.background1 {}
.background2 {}
.absoluto1 {}
.absoluto2 {}
.absoluto3 {}
/*.........................*/

/*..... MENU .....*/
.menu2 { width:778px; height:50px; text-align:right; margin-top:23px; }
.menu { background:#FFF; margin:0px; padding:5px; text-align:left; clear:both; border:1px solid #DDD; }
.menu li { display:inline; margin:0px 10px; font-weight:bold; }
.estrutura1_detalhe #menu1Container { margin-left:-258px; width:500px; text-align:left; display:block; }
.estrutura1_detalhe > #menu1Container { margin-left:131px; }
/*...................*/

/*..... CONTEUDO .....*/
.conteudo { width:758px; padding:10px; margin-top:0px; float:left; }
.conteudo h3 { margin-top:15px; text-align:center; padding-top:4px; font-size:11px; font-weight:bold; }
.conteudo_texto { width:735px; float:left; background:#E9E9E9; border:1px solid #767676; margin-top:-5px; padding:10px; text-align:left; }
.conteudo_imagem { width:200px; height:200px; float:left; margin-right:15px; margin-bottom:10px; margin-top:10px; }
.conteudo p { margin:10px 0px; }
.conteudo a {}
.conteudo a:hover {}

.quadro { width:200px; float:left; margin-left:15px; text-align:left; }
.quadro span { color:#FF6600; }
.quadro h3 { text-align:center; padding-top:4px; font-size:11px; font-weight:bold; }
.quadro h4 { font-size:11px; }
.quadro a { color:#333333; text-decoration:none; }
.quadro p {}

.images_principal { width:200px; height:150px; float:left; background:url("../images/fundo_img_quadro.jpg") repeat-x; margin-bottom:10px; }
.quadro_contato { width:778px; height:110px; float:left; background:url("../images/fundo_contato.jpg") top center no-repeat; }
.busca_produto { text-align:right; padding:15px; }
.quadro_depoimento { text-align:justify; margin:0 0 0 31px; width:665px; padding:0 15px; float:left; border:solid 1px #CCC; background-color:#F5F5F5; }
* HTML .quadro_depoimento { margin:0 0 0 16px; }


.endereco_suporte { font-size:12px; font-weight:bold; }

.parceiros { margin:10px 10px; clear:both; }
/*..................*/

/*..... FORMULÁRIOS .....*/
form {}
.contato { float:left; padding:10px; width:96%; background:url("../images/fundo_contato2.jpg") right bottom no-repeat; }
.contato legend { font-weight:bold; }
.contato label {}

.faq { float:left; padding:10px; margin-bottom:15px; width:96%; background:url("../images/fundo_faq.jpg") right bottom no-repeat; }
.faq legend { font-weight:bold; }

/*..................*/

/*..... TABELAS .....*/
.laranja { background:#EA8F04; }
.cinza { background:#CCC; padding:0px; margin:5px 0px; }
.tabela { margin:10px; }
.tabela thead {}
.tabela tfoot {}
.tabela tbody {}
.tabela caption {}
.tabela th {}
.tabela tr {}
.tabela td { padding:2px; }
.tabela a {}
.tabela a:hover {}
/*..................*/

/*..... RODAPÉ .....*/
.rodape { width:778px; height:60px; float:left; background:url("../images/fundo_rodape.jpg") repeat-x; clear:both; }
.rodape p { margin:5px 10px; padding:0px; float:left; }
.rodape address { font-style:normal; margin:0px; padding:30px 0 0 10px; float:left; }
.selo_webroom { width:50px; height:12px; float:right; background:url("../images/selo_webroom.gif") no-repeat; margin-top:30px; margin-right:3px; }
.selo_webroom a { display:block; width:50px; height:12px; overflow:hidden; text-indent:-999999px; text-decoration:none; }
/*..................*/

/*................*/