html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0px none; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline} 

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {}
blockquote, q {}

.clear {clear:both;}

body {
word-spacing: 0;
color: #14466B;
font-family: Arial;
font-size: 12px;
margin: 0 auto;
background-color: #FFFFFF;
background-image: url('images/background.jpg');
background-repeat: repeat-x; 
background-position: center top;
}

a {
color: #1B70AE;
}

a:hover {
color: #14466B;
}

hr {
color: #DDDDDD;
border: 1px solid;
}


h1 {
font-family: trebuchet Ms, arial, verdana, tahoma;
font-weight: bold;
font-size: 20px;
color: #0F5886;
padding: 53px 0 50px 82px;
text-transform: none;
}

h2 {
background-image: url('images/barra_titulo.gif');
background-repeat: no-repeat; 
background-position: left center;
font-family: trebuchet Ms, arial, verdana, tahoma;
font-weight: bold;
font-size: 20px;
color: #0F5886;
padding: 40px 0 40px 80px 
}

h3 {
font-family: trebuchet Ms, arial, verdana, tahoma;
font-weight: bold;
font-size: 14px;
color: #0F5886;
background-image: url('images/seta02.gif');
background-repeat: no-repeat; 
background-position: left center;
padding: 3px 0 0 20px;
}


h4 {
font-family: trebuchet Ms, arial, verdana, tahoma;
font-weight: bold;
font-size: 22px;
color: #0F5886;
padding: 30px 0 15px 30px; 
}

h5 {
font-family: trebuchet Ms, arial, verdana, tahoma;
font-weight: bold;
font-size: 15px;
color: #0F5886;
background-image: url('images/seta03.gif');
background-repeat: no-repeat; 
background-position: left top;
padding: 0px 0 16px 20px;
}


/* -------------------------- Topo -------------------------- */


#topo {
width: 929px;
height: 418px;
position: relative;
top: 20px;
left: 50%;
margin: 0 0 0 -465px;
}

.topo_texto {
position: relative;
height: 90px;
padding: 0 0 0 52px;
}

.topo_textoum {
position: relative;
float: left;
width: 200px;
margin-right: 98px;
}

.topo_textodois {
position: relative;
float: left;
width: 200px;
}

#banner {
position: relative;
padding-top: 2px;
height: 418px;
width: 929px;
left: 50%;
margin-left: -465px;
}
#logo {
position: absolute;
top: 28px;
left: 30px;
}

#telefone {
position: absolute;
top: 25px;
left: 725px;
}

/* -------------------------- Menu -------------------------- */

#menu {
position: relative;
height: 71px;
margin: 0 0 0 37px;
background-image: url('images/menu_barra.png');
background-repeat: no-repeat;
background-position: left top;
padding-left: 6px;
}

.menuum a{
padding: 25px 10px 28px 11px;
font-family: Trebuchet MS, tahoma, arial, helvetica, verdana;
font-weight: bold;
font-size: 13px;
color: #fff;
text-decoration: none;
float: left;
display: block;
}

.menuum a:hover{
background-image: url('images/menu_barra_over.png');
background-repeat: repeat-x;
background-position: center top;
color: #fff;
}

.divisa {
height: 61px;
width: 2px;
float: left;
background-image: url('images/menu_divisa.gif');
background-repeat: no-repeat;
background-position: center top;
}



/* -------------------------- Conteudo -------------------------- */


#conteudo {
width: 915px;
position: relative;
left: 50%;
margin: 35px 0 20px -458px;
background-image: url('images/background_corpo.jpg');
background-repeat: no-repeat; 
background-position: center top;
}

#conteudo_interno {
position: relative;
width: 819px;
margin-left: 38px;
}


/* -------------------------- Rodape -------------------------- */


#rodape {
position: relative;
background-image: url('images/background_rodape.jpg');
background-repeat: repeat-x;
background-position: center top; 
height: 91px;
width: 100%;
}

#rodape_copy {
position: relative;
float: left;
width: 800px;
left: 50%;
margin: 0 0 0 -430px;
padding-top: 45px;
color: #7E7E7E;
}

#rodape_spaco {
position: relative;
float: left;
width: 50px;
left: 50%;
padding-top: 45px;
}


/* -------------------------- Empresa -------------------------- */


#empresa_esq {
width: 420px;
float: left;
margin: 0 20px 0 0 ;
padding: 0;
}


#empresa_dir {
width: 370px;
float: left;
margin: 0;
padding: 0;
}


#empresa_estrutura{
width: 370px;
float: left;
margin: 0;
}

#empresa_estrutura_int {
padding: 0 30px 0 30px;
}

.empresa_box_branco {
padding: 10px;
}

.empresa_box_cinza {
padding: 10px;
background-color: #EBEBEB;
}


/* -------------------------- slide -------------------------- */


#accordion {
margin:15px 15px 0px 30px;
}


h3.toggler {
cursor: pointer;
font-family: 'Andale Mono', sans-serif;
font-size: 12px;
color: #528CE0;
margin: 0 0 4px 0;
padding: 3px 5px 1px 18px;
background-image: url('images/seta02.gif');
background-repeat: no-repeat; 
background-position: left center;
}


div.element p, div.element h4 {
margin:0px;
padding:4px;
}


blockquote {
padding:5px 20px;
}


/* -------------------------- Home -------------------------- */


#conteudo_home {
width: 915px;
position: relative;
left: 50%;
margin: 35px 0 20px -458px;
}

#homebox_esq {
margin: 0 3px 0 6px;
padding: 0;
width: 448px;
position: relative;
float: left;
background-image: url('images/box02.jpg');
background-repeat: no-repeat; 
background-position: left top;
}

#homebox_dir {
margin: 0;
padding: 0;
width: 448px;
float: left;
position: relative;
background-image: url('images/box02.jpg');
background-repeat: no-repeat; 
background-position: left top;
}


.home_imagem {
padding: 42px 10px 32px 40px;
float: left;
}

.home_texto {
padding: 40px 30px 0 0px;
}

.home_texto b {
font-size: 16px;
}

/* -------------------------- Cestas -------------------------- */




.cestabox_impar {
padding: 0;
width: 85px;
height: 120px;
position: relative;
float: left;
margin: 0 6px 20px 8px;
}


.cestabox_par {
padding: 0;
width: 166px;
height: 120px;
position: relative;
float: left;
background-image: url('images/box03.jpg');
background-repeat: no-repeat; 
background-position: left top;
margin: 0 5px 20px 0;
}


.cestabox_par b{
color: #185E8A;
font-size: 16px;
}

.cestabox_par p{
padding: 20px 0 0 20px;
}


.cesta_esq {
position: relative;
float: left;
width: 400px;
padding: 0 20px 0 0;
}

.cesta_dir {
position: relative;
width: 390px;float: left;
}

.cesta_dir a {
padding: 10px 50px 10px 10px;
background-color: #DDDDDD;
text-decoration: none;
display: block;
color: #14466B;
}

.cesta_dir a:hover {
color: #1B70AE;
}


.cesta_natal_esq {
position: relative;
float: left;
width: 410px;
padding: 0 10px 0 0;

}


.cesta_natal_dir {
position: relative;
float: right;
width: 375px;

}


/* -------------------------- Contato -------------------------- */


.contato_boxum {
position: relative;
width: 650px;
padding-left: 20px;
}

.contato_boxtres {
width: 250px;
position: relative;
float: left;
padding-left: 20px;
}

.contato_texto {
width: 90px;
position: relative;
float: left;
}


.contato_campo {
width: 725px;
position: relative;
float: left;
padding: 0 0 8px 0;
}

.contato_campo input{
width: 724px;
}

.contato_textarea textarea{
width: 814px;
height: 100px;
}

.contato_textarea {
padding: 0 0 20px 0;
}


/* -------------------------- Qualidade -------------------------- */

.lista_qualidade li {
background-image: url('images/ancora_barra.png');
background-repeat: no-repeat; 
background-position: left top;
padding: 0 ;
display: block;
position: relative;
float: left;
width: 265px;
margin: 0 2px 8px 4px;
}


.lista_qualidade li a{
color: #fff;
padding: 10px 0 10px 35px;
display: block;
}

.lista_qualidade li a:hover{
color: #fff;
text-decoration: none;
}