* {font-family: Arial, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;}
body, html, div, h1, h2, h3, h4, h5, form {margin:0; padding:0;	text-indent:0; font-size:12px; text-decoration:none;}
body {width:100%; height:100%; background: #FFF url(../imgsite/bg.jpg) repeat-x;}
#base {width:100%; height:100%;}
img {border:none;}

/*############### topo ####################*/
#topo {position:relative; margin:0 auto; width:779px; height:160px; background: url(../imgsite/top.jpg) no-repeat left top;	clear:both;}
#topo h1 {width:190px; height:60px; position:absolute; top:22px; left:9px; overflow:hidden; background-image:url(../imgsite/logo.png)}
#topo h1 a{
	width:190px; height:60px; display:block; text-indent:-2000px;
	background-image:url(../imgsite/logo.png) !important;
	background-image:none;
	background-repeat:no-repeat;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hidromar.com.br/imgsite/logo.png', sizingMethod='scale');
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://coruja/p/hidromar/web/imgsite/logo.png', sizingMethod='scale');*/
}


/*table tr td.clsBtnAdd a:hover { text-transform:underline; }*/
/*.clsBtnAdd a:hover { color:#EB1C26; }*/

/*td.clsBtnAdd a:hover { color:#EB1C26; }*/

/*############### rodape ####################*/
#rodape {margin:0 auto; width:779px; height:130px; background: url(../imgsite/rodape.jpg) no-repeat left top; clear:both; text-align:center;}

#rodape h3 {height:0px; display:block; text-indent:-400px;overflow:hidden;}
#rodape {margin:0 auto; color:#FFFFFF; text-decoration: none;}
#rodape a {margin:0 auto; color:#FFFFFF; text-decoration: none;}
#rodape .mapasite {width:600px ; margin:60px auto 10px auto;}
#rodape address {font-style:normal;}
#site {margin:0 auto; width:777px; background: url(../imgsite/fnd_meio.jpg) repeat-y left top; clear:both; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; overflow:hidden;}

/*############### LOGIN ####################*/
#sitelogin {margin:0 auto; width:777px; background:#FFF ; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; overflow:hidden;}
#sitelogin #conteudo { width:637px; float:left; margin:0; padding:0; }
#sitelogin #conteudo h3 { display:block; overflow:hidden; margin:0; padding:0; }
#sitelogin #conteudo #conteudo_form { width:100%; padding:20px; }
#sitelogin #conteudo #conteudo_form p, #erro_login { margin:15px 0; }
#sitelogin #conteudo #conteudo_form #erro_login { color:#F00; font-weight:bold; }
#sitelogin #conteudo .titulos 
{ 
	line-height:24px; 
	height:24px; 
	background:#0d83da url(../imgsite/fnd_titulo_cont.jpg) no-repeat right 1px; 
	text-transform:uppercase; 
	color:#FFF; 
	padding:0 0 0 10px;
	width:627px;
}
/*
#sitelogin #conteudo p { padding:50px 60px; }
#sitelogin #conteudo form {padding:0px 60px; }
*/

input.btnCadastrar { width:195px; height:21px; border:none; }

#loginEsq { float:left; width:380px; margin-bottom:10px; }
#Cadastrese { width:250px; margin:5px auto; float:left; }

#sitelogin #conteudo form label { font-weight:bold; }
#sitelogin #conteudo input { width:190px; height:20px; border:#d0d0d0 solid 1px; }
#sitelogin #conteudo input.cnpj { margin:12px 0 0px 22px; width:190px; height:20px; border:#d0d0d0 solid 1px; }
#sitelogin #conteudo a {margin:15px 0 0 164px; font-size:9px; text-decoration:underline;}
#sitelogin #conteudo input.submit { width:62px; height:21px; border:none;}
#sitelogin #direita { float:left; width:140px; }
#sitelogin #direita .titulos {height:24px; background:#eb1c24 url(../imgsite/fnd_titulo_right.jpg) no-repeat right top; width:140px; }
#sitelogin #direita h3 {height:0px; display:block; text-indent:-400px; overflow:hidden;}

/*############### Menu ####################*/
#site #esquerda { width:140px; float:left;}
#site #esquerda ul { list-style:none; margin:7px 0 0 0; padding:0; width:140px;}
#site #esquerda ul li { width:140px; height:30px;}
/*.btn_menu_restrita { background:#000; }*/
#menu ul li { width:140px; height:30px; background:url(../../imgsite/btn_menu_restrita.jpg) no-repeat left top; }
#menu ul li a { width:125px; float:right; height:20px; padding:9px 0 0 0; display:block; font-size:10px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; }
/*
#site #esquerda ul li a { width:140px; height:30px; display:block; text-indent:-400px;overflow:hidden;}
#site #esquerda ul li.bthome a { background:url(../imgsite/bt_home.jpg) no-repeat left top; }
#site #esquerda ul li.bthome a:hover { background:url(../imgsite/bt_home_over.jpg) no-repeat left top; }
#site #esquerda ul li.btprodutos a { background:url(../imgsite/bt_produtos.jpg) no-repeat left top; }
#site #esquerda ul li.btprodutos a:hover { background:url(../imgsite/bt_produtos_over.jpg) no-repeat left top; }
#site #esquerda ul li.btvebt a { background:url(../imgsite/bt_vsbt.jpg) no-repeat left top; }
#site #esquerda ul li.btvebt a:hover { background:url(../imgsite/bt_vsbt_over.jpg) no-repeat left top; }
#site #esquerda ul li.btatualizar a { background:url(../imgsite/bt_atualizar.jpg) no-repeat left top; }
#site #esquerda ul li.btatualizar a:hover { background:url(../imgsite/bt_atualizar_over.jpg) no-repeat left top; }
#site #esquerda ul li.btsair a { background:url(../imgsite/bt_sair.jpg) no-repeat left top; }
#site #esquerda ul li.btsair a:hover { background:url(../imgsite/bt_sair_over.jpg) no-repeat left top; }
#site #esquerda ul li.bt_ a { background:url(../imgsite/bt_.jpg) no-repeat left top; }
#site #esquerda ul li.bt_ a:hover { background:url(../imgsite/bt_.jpg) no-repeat left top; }
#site #esquerda ul li.btcesta {height:32px;}
#site #esquerda ul li.btcesta a {height:32px; background:url(../imgsite/bt_cesta.jpg) no-repeat left top; }
#site #esquerda ul li.btcesta a:hover {height:32px; background:url(../imgsite/bt_cesta_over.jpg) no-repeat left top; }
*/

#site #esquerda h3 { height:0px; display:block; text-indent:-400px;overflow:hidden;}

/*############### HOME ####################*/
#site #conteudo h4.mapatexto{ color:#6f6d6a; padding:0; margin:6px 0 0 18px; font-size:9px; }
#site #conteudo h4 a { color:#6f6d6a; font-size:9px; text-decoration:underline; }
#site #conteudo #br_inf_titulo {background:url(../imgsite/br_inf_titulo_g.jpg) no-repeat left bottom; width:634px; height:15px;}
#site #conteudo #txt {height:50px; font-size:8px; width:622px; margin:6px;}
#site #conteudo #cont_home {background:#e8e8e6; width:622px; margin:30px 0 90px 6px;}
#site #conteudo #cont_home #borda 
{ 
	border:#b4b4b4 solid 2px; 
	margin:3px; 
	background:url(../imgsite/painel_do_usuario.jpg) no-repeat; 
	padding:35px 0 0 0; 
	height:180px; 
}
#site #conteudo #cont_home #borda ul li  {padding:0; margin:0; width:150px; height:50px;}
#site #conteudo #cont_home #borda ul li.mc {margin:0 0 20px 10px;float:left;}
#site #conteudo #cont_home #borda ul li.ms {margin:0 0 20px 50px;float:left;}
#site #conteudo #cont_home #borda ul li.me {margin:0 0 20px 50px;float:left;}
#site #conteudo #cont_home #borda ul li.pd {margin:0 0 0 0;float:left;}
#site #conteudo #cont_home #borda ul li.fp {margin:0 0 0 50px;float:left;}

/*############### CONTEUDO ####################*/
#site #conteudo {width:495px; float:left;}
#site #conteudo h3 {display:block; overflow:hidden; width:495px}
#site #conteudo hr {margin:20px 0 0 10px;}
#site #conteudo h4.mapatexto{color:#6f6d6a; padding:0; margin:6px 0 0 18px; font-size:9px; width:}
#site #conteudo #br_inf_titulo {background:url(../imgsite/br_inf_titulo_g.jpg) no-repeat left top; width:495px; height:10px;}
#site #conteudo span.seta {background:url(../imgsite/seta_01.jpg) no-repeat center center; width:25px; margin:0 6px;}
#site #conteudo .titulos {line-height:24px; height:24px; background:#0d83da url(../imgsite/fnd_titulo_cont.jpg) no-repeat right 1px; text-transform:uppercase; color:#FFF; padding:0 0 0 10px;}

#site .topotitulos {font-size:0.9em; font-weight:bold; line-height:24px; height:24px; background:#0d83da url(../imgsite/fnd_titulo_cont.jpg) no-repeat right 1px; color:#FFF; text-transform:uppercase; padding-left:14px;}

/*############### DIREITA ####################*/
#site #direita {float:left; width:142px;}
#site #direita .titulos {height:24px; background:#eb1c24 url(../imgsite/fnd_titulo_right.jpg) no-repeat right top; width:142px; }
#site #direita h3 {height:0px; display:block; text-indent:-400px; overflow:hidden;}
.frameprod {width:247px; height:200px; float:left; text-align:center;}

/*############### VISTA EXPLODIDA E BOLETIM TÉCNICO ####################*/
#site #conteudo .vsbt h4.mapatexto{color:#6f6d6a; padding:0; margin:6px 0 0 18px; font-size:9px; width:476px;}
#site #conteudo .vsbt #br_inf_titulo {background:url(../imgsite/br_inf_titulo_g.jpg) no-repeat left bottom; width:634px; height:8px;}
#site #conteudo .vsbt ul {list-style:none; margin:0 0 0 20px; padding:0; width:580px; clear:both;}
#site #conteudo .vsbt ul li {padding:0 0 0 11px; margin:40px 0 20px 0; height:86px; background:#FFF url(../imgsite/br_ltr_inf2.jpg) left top no-repeat;}
#site #conteudo .vsbt ul li div {width:580px; height:86px; background:#C1C1C1; position:relative;}
#site #conteudo .vsbt ul li div img {float:left;}
#site #conteudo .vsbt ul li div span.img {margin:4px 0 0 4px; float:left;}
#site #conteudo .vsbt ul li div span.img_seta { margin:0 0 0 17px; float:left;}
#site #conteudo .vsbt ul li div span.txt_seg {margin:0 0 0 5px; height:86px; float:left; width:90px;color:#393836; text-decoration:none; font-weight:bold; line-height:86px;}
#site #conteudo .vsbt ul li div div#links {height:86px; width:140px; right:110px; background:#eaeaea url(../imgsite/br_ltr.jpg) top left no-repeat; position:absolute;}
#site #conteudo .vsbt ul li div div#links ul {height:86px; list-style:none; margin:7px 0 0 0; padding:0; width:140px;}
#site #conteudo .vsbt ul li div div#links ul li{height:10px; width:140px; margin:5px 0 20px 0; padding:0px; background:none;}
#site #conteudo .vsbt ul li div div#links ul li a {background:url(../imgsite/seta_04.jpg) top left no-repeat; color:#494748; text-transform:uppercase; font-weight:bold; font-size:10px; padding:0 0 0 20px;}
#site #conteudo .vsbt ul li div div#links ul li a:hover {background:url(../imgsite/seta_03.jpg) top left no-repeat; color:#494748; text-transform:uppercase; font-weight:bold; font-size:10px;}

/*############### VISTA ####################*/
#site #conteudo #vista {width:607px; margin:15px 0 15px 20px;}
#site #conteudo #vista h3 {color:#9c4635; font-style:none; text-transform:uppercase; margin:50px 0 0 10px;}
#site #conteudo #vista ul {list-style:none; margin:0 0 0 0;}
#site #conteudo #vista ul span.desc_vista {text-transform:uppercase; color:#9c4635; margin:0 0 0 20px; font-weight:bold;}
#site #conteudo #vista ul span.desc_data {text-transform:uppercase; color:#9c4635; margin:0 0 0 200px; font-weight:bold;}
#site #conteudo #vista ul li {height:110px; background:url(../imgsite/br_ltr_inf2.jpg) top left no-repeat; margin:0 0 0 0; padding:0 0 0 12px;}
#site #conteudo #vista ul li .vista_descricao {height:88px; width:455px; background:#c1c1c1; margin:0 0 0 0; padding:0 0 0 15px; float:left; color:#FFF; font-weight:bold; overflow:hidden;}
#site #conteudo #vista ul li .vista_descricao a{ color:#393738; text-decoration:underline;}
#site #conteudo #vista ul li .vista_data {background:#c1c1c1 url(../imgsite/br_ltr_inf2.jpg) top left no-repeat; margin:0; padding:0 0 0 15px; width:100px; height:88px; color:#000; font-weight:bold;}
#site #conteudo #vista .clspaginacao a { text-decoration:none; font-size:10px;}
#site #conteudo #vista .clspaginacao .linkpg {}
#site #conteudo #vista .clspaginacao .linkanterior{font-weight:bold;}
#site #conteudo #vista .clspaginacao .linkproxima {font-weight:bold;}
#site #conteudo #vista .clspaginacao {text-align:right; font-size:10px; font-weight:bold; width:550px; margin:20px 0 0 0;}
#site #conteudo #vista .clspaginacao span { font-weight:normal;color: #AAA9A9;font-size:10px;}

/*############### ATUALIZAR CADASTRO ####################*/
#site #conteudo #cadastro {width:607px; margin:15px 0 15px 20px;}
#site #conteudo #cadastro ul {list-style:none; margin:0 0 0 0;}
#site #conteudo #cadastro ul li input {border:#c1c1c1 solid 1px;}

/*############### PRODUTOS ####################*/
#site #conteudo #produtos {width:607px; margin:15px;}
#site #conteudo #produtos .tit_seg { padding:20px 0 0 0;}
#site #conteudo #produtos .tit_seg h3 { font-style:normal;}
#site #conteudo #produtos ul {list-style:none; margin:0; width:605px;}
#site #conteudo #produtos ul li {margin:10px 40px 30px -26px; height:160px; float:left; width:185px;}
#site #conteudo #produtos ul li a { font-weight:bold; color:#939393}
#site #conteudo #produtos ul li h3 { height:30px; width:185px;}
#site #conteudo #produtos .clspaginacao a {text-decoration:none; font-size:10px;}
#site #conteudo #produtos .clspaginacao .linkanterior{font-weight:bold;}
#site #conteudo #produtos .clspaginacao .linkproxima {font-weight:bold;}
#site #conteudo #produtos .clspaginacao {text-align:right; font-size:10px; font-weight:bold; width:550px; margin:20px 0 0 0;}
#site #conteudo #produtos .clspaginacao span {font-weight:normal;color: #AAA9A9;font-size:10px;}

#siteprod {margin:0 auto; width:777px; background: url(../imgsite/fnd_meioprod.jpg) repeat-y left top; clear:both; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; overflow:hidden;}
#siteprod .topotitulos {font-size:0.9em; font-weight:bold; line-height:24px; height:24px; background:#0d83da url(../imgsite/fnd_titulo_cont.jpg) no-repeat right 1px; color:#FFF; text-transform:uppercase; padding-left:14px;}
div#siteprod div#conteudo div.produtos div#br_inf_titulo {width:476px; height:8px; margin:20px 0 0 0; padding:0 10px; background:url(../imgsite/br_inf_titulo.jpg) no-repeat center top; clear: both;}

#siteprod #conteudo .produtos h4.mapatexto{color:#6f6d6a; padding:0; margin:6px 0 0 18px; font-size:9px; width:476px;}
#siteprod #conteudo .produtos #br_inf_titulo {background:url(../imgsite/br_inf_titulo_g.jpg) no-repeat left bottom; width:634px; height:8px;}
#siteprod #conteudo .produtos ul {list-style:none; margin:0 0 0 20px; padding:0; width:634px;}
#siteprod #conteudo .produtos ul li {padding:0 0 0 16px; margin:40px 0 20px 0; height:86px; background:url(../imgsite/br_ltr_inf2.jpg) left top no-repeat; float:none;}
#siteprod #conteudo .produtos ul li div {width:580px; background:#c2c1c1; height:86px;}
#siteprod #conteudo .produtos ul li div a {color:#fff; text-decoration:none; font-weight:bold;}

#siteprod #conteudo {width:495px; float:left;}
#siteprod #conteudo h3 {display:block; overflow:hidden; width:495px}
#siteprod #conteudo hr {margin:20px 10px 20px 10px;}

#siteprod #esquerda { width:140px; float:left;}
#siteprod #esquerda ul { list-style:none; margin:7px 0 0 0; padding:0; width:140px;}
#siteprod #esquerda ul li { width:140px; height:30px;}
#siteprod #esquerda ul li a { width:140px; height:30px; display:block; text-indent:-400px;overflow:hidden;}
#siteprod #esquerda ul li.bthome a { background:url(../imgsite/bt_home.jpg) no-repeat left top; }
#siteprod #esquerda ul li.bthome a:hover { background:url(../imgsite/bt_home_over.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btprodutos a { background:url(../imgsite/bt_produtos.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btprodutos a:hover { background:url(../imgsite/bt_produtos_over.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btvebt a { background:url(../imgsite/bt_vsbt.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btvebt a:hover { background:url(../imgsite/bt_vsbt_over.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btatualizar a { background:url(../imgsite/bt_atualizar.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btatualizar a:hover { background:url(../imgsite/bt_atualizar_over.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btcesta a {background:url(../imgsite/bt_cesta.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btcesta a:hover {background:url(../imgsite/bt_cesta_over.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btsair { width:140px; height:32px; display:block; text-indent:-400px;overflow:hidden;}
#siteprod #esquerda ul li.btsair a {height:32px; background:url(../imgsite/bt_sair.jpg) no-repeat left top; }
#siteprod #esquerda ul li.btsair a:hover {height:32px; background:url(../imgsite/bt_sair_over.jpg) no-repeat left top; }

#siteprod #esquerda h3 { height:0px; display:block; text-indent:-400px;overflow:hidden;}

#siteprod #direita {float:left; width:140px;}
#siteprod #direita .titulos {height:24px; background:#eb1c24 url(../imgsite/fnd_titulo_right.jpg) no-repeat right top; width:140px; }
#siteprod #direita h3 {height:0px; display:block; text-indent:-400px; overflow:hidden;}
.frameprod {width:247px; height:200px; float:left; text-align:center;}

#siteprod #conteudo #prod { width:637px; background:#f2f2f2;}
#siteprod #conteudo #prod #br_inf_titulo {background:url(../imgsite/br_inf_titulo_g_fundo.jpg) no-repeat left bottom; width:634px; height:15px;}
#siteprod #conteudo h4.mapatexto{color:#6f6d6a; padding:0; margin:6px 0 0 18px; font-size:9px;}
#siteprod #conteudo h4.mapatexto span.seta {background:url(../imgsite/seta_01.jpg) no-repeat center center; width:25px;}
#siteprod #conteudo .img {width:300px; margin:16px auto; border:#c4c4c4 solid 1px;}
#siteprod #conteudo h4 {margin:28px 0 0 18px; color:#4d4948;}
#siteprod #conteudo hr.tit_prod {margin:0 auto; width:607px; }
#siteprod #conteudo p.resumoprod {margin:10px auto 0 auto; width:459px; }
#siteprod #conteudo div.editor {margin:13px 0 0 13px;}
#siteprod #conteudo div.editor div {margin:0 0 0 18px;}
#siteprod #conteudo div.editor div strong {margin:0 0 5px 0 ; font-size:12px;}
#siteprod #conteudo div.conteudomais {width:360px; height:95px; overflow:hidden; margin:15px auto 0 auto; border:#c4c4c4 solid 1px;}

/*############### CESTA ####################*/
#site #conteudo #cesta {width:607px; margin:15px;}
#site #conteudo #cesta h3 {text-transform:uppercase; font-weight:normal;}
#site #conteudo #cesta hr {margin:10px 0;}
#site #conteudo #cesta #cesta_form01 {margin:50px 0;}
#site #conteudo #cesta #cesta_form01 input {border:#dbdbdb solid 1px;}
#site #conteudo #cesta #resultadoBusca { margin:25px 0 25px 0;}

#site #conteudo #cesta #resultadoBusca ul.titulo_cesta { width:572px; height:23px; overflow:hidden; text-align:0px; margin:0px; }
#site #conteudo #cesta #resultadoBusca ul li { text-indent:0px; list-style:none; float:left; margin:0px; }
#site #conteudo #cesta #resultadoBusca ul li.prodtxt {padding:0 0 0 0px; width:250px; font-weight:bolder; color:#8d4433;}
#site #conteudo #cesta #resultadoBusca ul li.qntdkittxt {padding:0 0 0 0px; width:65px; font-weight:bolder; color:#8d4433; text-align:center;}
#site #conteudo #cesta #resultadoBusca ul li.valortxt {padding:0 0 0 0px; width:65px; font-weight:bolder; color:#8d4433; text-align:center;}
#site #conteudo #cesta #resultadoBusca ul li.qntdtxt {padding:0 0 0 0px; width:66px; font-weight:bolder; color:#8d4433; text-align:center;}
#site #conteudo #cesta #resultadoBusca ul li.bt_cestatxt {padding:0 0 0 0px; width:126px;}

#site #conteudo #cesta #resultadoBusca ul.lista_cesta { width:607px; height:35px; overflow:hidden; background:#c1c1c1; text-align:0px; margin:0px;}
#site #conteudo #cesta #resultadoBusca ul li.prod {height:35px; padding:0 0 0 15px; background:url(../imgsite/br_ltr_inf2.jpg) top left no-repeat; width:235px;}
#site #conteudo #cesta #resultadoBusca ul li.qntdkit {height:35px; padding:0 0 0 15px; background:url(../imgsite/br_ltr_inf2.jpg) top left no-repeat; width:50px; text-align:center;}
#site #conteudo #cesta #resultadoBusca ul li.valor {height:35px; padding:0 0 0 15px; background:url(../imgsite/br_ltr_inf2.jpg) top left no-repeat; width:50px; text-align:center;}
#site #conteudo #cesta #resultadoBusca ul li.qntd {height:35px; padding:0 0 0 15px; background:url(../imgsite/br_ltr_inf2.jpg) top left no-repeat; width:52px;}
#site #conteudo #cesta #resultadoBusca ul li.bt_cesta {width:126px;}

/* XX título da página de confirmação. XXXXXXXXXXXXXXXX*/
.confirmar_envio { border-bottom:#ccc solid 1px; width:605px; color:#900; }