html, body { margin: 0; padding: 0; height: 100%;}

body { 
  text-align: center; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 150%; 
  color: #333;
  background: #DADADA url(../images/fundo.jpg) repeat-x;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl dt span {
	display: none;
}

img {
	border: none;
}

form, form p {
	margin: 0;
	padding: 0;
	display: block;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
	color: #333;
}

a span,h5 span,h6 span,h1 span,h2 span { display: none; }

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

.hideThis { display: none; }

div#master {
  position: relative;
  width: 998px;
  margin: 0 auto;
}

div#header {
  position: relative;
  height: 160px;
}
  div#header a.logo {
    position: absolute;
    display: block;
    width: 310px;
    height: 90px;
    background: url(../images/logo.gif) no-repeat;
    top: 15px;
    left: 0px;
  }
  div#header a.infoContato {
    position: absolute;
    display: block;
    width: 279px;
    height: 54px;
    background: url(../images/box_header_contato.gif) no-repeat;
    top: 15px;
    right: 20px;
  }
  div#header div.topRecursos {
    position: absolute; 
    width: 279px;
    height: 20px;
    top: 85px;
    right: 20px;
  }
    div#header div.topRecursos a { 
      display: block;
      float: left;
      height: 16px;
      padding-left: 20px;
      background-repeat: no-repeat;
    }
      div#header div.topRecursos a.indique {
        background-image: url(../images/icon_recursos_email.gif);
        padding-right: 20px;
      } 
      div#header div.topRecursos a.favoritos {
        background-image: url(../images/icon_recursos_favoritos.gif);
        padding-right: 20px;
      } 
      div#header div.topRecursos a.mapa {
        background-image: url(../images/icon_recursos_mapa.gif);
      } 

div#principal {
  position: relative; 
  width: 998px;
  background: url(../images/fundo_principal.gif) repeat-y; 
}
  div#principal div.fundoDegrade {
    position: absolute;
    z-index: 0;
    width: 998px;
    height: 250px;
    top: -20px;
    left: 0;
    background: url(../images/fundo_principal_degrade.gif) no-repeat;
  }

div.cols { float: left; }
div#colA {
  position: relative;
  width: 206px;
  text-align: center;
}
div#colB {
  position: relative;
  width: 772px;
  text-align: left;
}
  div#colA dl.menu {
    margin: 0 auto;
    width: 166px;
    background: url(../images/fundo_menu_body.jpg) repeat-y;
    margin-bottom: 20px;
  }
    div#colA dl.menu dd.open {
      height: 3px;
      background: url(../images/fundo_menu_top.jpg) no-repeat;
    }
    div#colA dl.menu dd.body { padding: 20px 0 1px 0; }
      div#colA dl.menu dd.body h6 { height: 39px; background-repeat: no-repeat; background-position: center top; }
      div#colA dl.menu dd.body a { display: block; height: 35px; background-repeat: no-repeat; background-position: center top; }
      div#colA dl.menu dd.body a:hover { background-position: center -40px; }
    div#colA dl.menu dd.close {
      height: 21px;
      background: url(../images/fundo_menu_bottom.gif) no-repeat;
    }
    
      dl#menuInstitucional dd.body {
        padding: 20px 0 1px 0; 
        height: 186px; 
      	voice-family: "\"}\"";
      	voice-family: inherit;
      	height: 165px;
      }
      dl#menuInstitucional h6 { background-image: url(../images/boxTit_menu_institucional.gif); }
      dl#menuProdutos h6 { background-image: url(../images/boxTit_menu_produtos.gif); }
      
      dl.menu a.home { background-image: url(../images/bot_menu_home.gif); }
      dl.menu a.gradefuros { background-image: url(../images/bot_menu_gradefuros.gif); }
      dl.menu a.contato { background-image: url(../images/bot_menu_contato.gif); }

      dl.menu a.chapas_expandidas { background-image: url(../images/bot_menu_chapas_expandidas.gif); }
      dl.menu a.chapas_perfuradas { background-image: url(../images/bot_menu_chapas_perfuradas.gif); }
      dl.menu a.chapas_recalcadas { background-image: url(../images/bot_menu_chapas_recalcadas.gif); }
      dl.menu a.degraus { background-image: url(../images/bot_menu_degraus.gif); }
      dl.menu a.grades { background-image: url(../images/bot_menu_grades.gif); }
      dl.menu a.gradil { background-image: url(../images/bot_menu_gradil.gif); }
      dl.menu a.peneiras { background-image: url(../images/bot_menu_peneiras.gif); }
      dl.menu a.pisos { background-image: url(../images/bot_menu_pisos.gif); }

  div#colB div#subColA { width: 570px; }
  div#colB div#subColB { width: 202px; }

        
    div#subColB div#boxBusca {
      height: 123px;
      text-align: center;
      padding: 12px 0 0 0;
      background: url(../images/fundo_box_busca.gif) no-repeat;
    }
      div#subColB div#boxBusca h6 { height: 42px; background: url(../images/boxTit_busca.gif) no-repeat center top; }
      div#subColB div#boxBusca form p { display: block; width: 160px; margin: 0 auto; }
      div#subColB div#boxBusca form p input { float: left; }
      div#subColB div#boxBusca form p input#s { 
        width: 120px;
        height: 24px;
        border: 1px solid #333;
        margin-right: 2px;
        padding: 2px 0 0 3px;
      	voice-family: "\"}\"";
      	voice-family: inherit;
      	widht: 115px;
      	height: 20px;
      }
      
  div#subColB dl.box {
    margin: 0 auto;
    width: 202px;
    background: url(../images/fundo_box_body.gif) repeat-y;
    margin-bottom: 20px;
  }
    div#subColB dl.box dd.open {
      height: 3px;
      background: url(../images/fundo_box_top.gif) no-repeat;
    }
    div#subColB dl.box dd.body { padding: 15px 0 6px 0; }
      div#subColB dl.box dd.body h6 { height: 39px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/boxTit_empresa.gif); }
      div#subColB dl.box dd.body a { display: block; padding: 0 15px; color: #fff; }
      div#subColB dl.box dd.body a:hover { background-position: center -40px; }
    div#subColB dl.box dd.close {
      height: 21px;
      background: url(../images/fundo_box_bottom.gif) no-repeat;
    }

  dl#rodape {
    width: 958px;
    height: 70px;
    padding-top: 20px;
    margin: 0 auto;
    border-top: 1px solid #c00;
    text-align: left;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 49px;
  }
    dl#rodape dd { float: left; }
    dl#rodape dd strong { color: #c00; }
    dl#rodape dd a { text-decoration: underline; }
      dl#rodape dd.logo { width: 186px; }
      dl#rodape dd.endereco { width: 285px; }
      dl#rodape dd.telefone { width: 285px; }
      dl#rodape dd.assinatura { width: 200px; text-align: right; }

      dl#rodape dd.logo a { display: block; width: 160px; height: 32px; background: url(../images/logo_rodape.gif) no-repeat; }

  div.principal_fecha {
    height: 32px;
    background: url(../images/fundo_principal_fecha.gif) no-repeat;
  }

#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer {
  width:606px;
  height:456px;
  left:50%;
  top:50%;
  margin-top: -225px;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 600px;
	height: 450px;
}

#modalContainer a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

div#popup { display: none; width: 600px; height: 450px;}

span.clearFull {
  display: block;
  clear: both;
}