/* --- Home Clean Brasil ----- */


/* --- RESET CSS ----- */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* --- RESET CSS ----- */




/* --- GERAL --- */

* {
margin:0;
padding:0;
}



@font-face {
    font-family: 'pilulaRegular';
    src: url('pilula_regular-webfont.eot');
    src: url('pilula_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('pilula_regular-webfont.woff') format('woff'),
         url('pilula_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {	
	font-family: 'pilulaBold';
    src: url('pilula_bold-webfont.eot');
    src: url('pilula_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('pilula_bold-webfont.woff') format('woff'),
         url('pilula_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body {
font-family: 'pilulaRegular';
color:#a2cfd4;
font-size:12px;
margin:0;
padding:0;
background-color:#fff;
}

ul {
margin:0;
padding:0;
}

h1 {
font-size:24px;
font-weight:lighter;
font-family: 'pilulaBold';
color:#00aeef;
}

#total{
width:100%;
position:relative;
min-height:100%;
padding-bottom:0px;
height: auto;
}

html, body, #centralizador{ height: 100%; }

#boder_azul_topo{
width:100%;
height:4px;
display:block;
background-color:#aedfe5;
}

#centralizador {
text-align:left;
margin: 0 auto;
width:960px;
padding-bottom: 64px; } /* O padding, deve ser o mesmo valor da altura do rodap� */

/* --- CABECALHO --- */
#cabecalho {
width:960px;
height:150px;
}

#logo {
padding-top:16px;
float:left;
margin-left:22px;
}

#fornecedores{
text-align:right;
margin-top:20px;
margin-right:30px;
}

#menu_superior{
float:right;
height:49px;
width:583px;
}

.ul_menu{
margin-left:10px;
margin-top:15px;
height:49px;
/* --- IE --- */
*margin-top:0px;
}
.ul_menu li{
display:inline-block;
margin-left:-3px;
/* --- IE --- */
*margin-left:0px;
*display:block;
*float:left;
*cursor:pointer;
}

.ul_menu li span{display:none;}

.btn_home{
width:59px;
height:49px;
background-image:url(../images/menu_home_off.jpg);
/* --- IE --- */
*background-position:top;
}

.btn_home:hover{
background-image:url(../images/menu_home_off.jpg);
background-position:bottom;
}

.btn_inst{
width:129px;
height:49px;
background-image:url(../images/menu_inst_off.jpg);
}

.btn_inst:hover{
background-image:url(../images/menu_inst_off.jpg);
background-position:bottom;
}

.btn_solu{
width:95px;
height:49px;
background-image:url(../images/menu_solu_off.jpg);
}

.btn_solu:hover{
background-image:url(../images/menu_solu_off.jpg);
background-position:bottom;
}

.btn_como{
width:137px;
height:49px;
background-image:url(../images/menu_como_off.jpg);
}

.btn_como:hover{
background-image:url(../images/menu_como_off.jpg);
background-position:bottom;
}

.btn_atend{
width:123px;
height:49px;
background-image:url(../images/menu_atend_off.jpg);
}

.btn_atend:hover{
background-image:url(../images/menu_atend_off.jpg);
background-position:bottom;
}



/* --- CONTEUDO --- */
#conteudo {
width:960px;
}

/* --- BANNER --- */
#banner{
height: 269px;
width: 905px;
margin: 0 auto;
position: relative;
}

#rodape_banner{
height: 22px;
width: 902px;
text-align: center;
background-image: url(../images/fundo_rodape_banner.jpg);
color: white;
margin: 0 auto;
}

.btn_anterior,.btn_proximo,.next,.prev{
position: absolute;
top: 0;
width: 40px;
height: 40px;
border: none;
z-index: 999;
left: 12px;
}

.btn_proximo,.next{
margin-left:-12px;
}

.caption h2{color:#00AEEF;}

.caption{top: 150px;}

#banner #slides{
left:0px;
}

#banner .caption img{
float:left;
margin: 5px 1em;
}

.slides_container div.slide{
width: 905px;
}
/* --- BANNER --- */


/* --- COLUNAS HOME --- */
#container_colunas{
width:905px;
margin:0 auto;
margin-top:20px;
}

#col1{
float:left;
width:294px;

}

#col2{
float:left;
width:322px;
}
#col3{
float:left;
width:288px;
}

.img_noticia{
float:left;
margin-right:4px;
border:1px #aedfe5 solid;
}

.lista_noticias{
margin-top:10px;
width:275px;
border-right:1px #aedfe5 solid;
}

.noticia{
height:80px;
margin-bottom:10px;
}

.desc_noticia{
width:260px;
font-size:17px;
/* --- IE --- */
*float:left;
*width:160px;
*margin-bottom:10px;
}

.veja_mais{
font-size:18px;
font-family: 'pilulaBold';
color:#00aeef;
text-decoration:none;
display:block;
margin-top:7px;
}

.veja_mais:hover{
color:#006c94;
}



.img_produtos_home{
float:left;
margin-right:4px;
border:1px #aedfe5 solid;
}
.lista_produtos_home{
margin-top:10px;
width:300px;
border-right:1px #aedfe5 solid;
}

.lista_localizacao_home{
margin-top:10px;
width:300px;
}

.produtos_home{
height:80px;
margin-bottom:20px;
}

.desc_produtos{
font-size:18px;
font-family: 'pilulaBold';
color:#00aeef;
text-decoration:none;
display:block;
margin-top:7px;
}

.desc_produtos:hover{
color:#006c94;
}

.chamada_prdutos{
line-height:22px;
margin-top:10px;
width:300px;
font-size:17px;
}


#wraprodape{
width:100%;
background-color:#00aeef;
border-top:4px #aedfe5 solid;
position:absolute;
bottom:0px;
margin-top: 94px; /* Este margin, tem que ser o mesmo valor da altura do rodap�, s� que negativo */
height: 64px; /* E aqui, fica a altura do rodap� */
clear: both
}

#rodape{
width:905px;
margin:0 auto;
margin-top:18px;
}

#rodape p{
display:block;
float:left;
width:552px;
font-size:15px;
font-family: 'pilulaRegular';
color:#ffffff;

}

#redes_marca{
text-align:right;
width:353px;
float:right;
}

#redes_marca ul li{
display:inline-block;
margin-left:5px;
/* --- IE --- */
*display:inline;
}



/* --- ESTILOS DAS INTERNAS --- */

#titulo_interna{
border-bottom:2px #aedfe5 solid;
width:925px;
height:34px;
}
#titulo_interna h1{
float:left;
font-size:30px;
font-family: 'pilulaBold';
color:#00aeef;
}

.migalha{
float:right;
font-size:18px;
font-family: 'pilulaBold';
color:#aedfe5;
}

.migalha a{
text-decoration:none;
font-size:18px;
font-family: 'pilulaBold';
color:#aedfe5;
}

.migalha a:hover{
color:#006c94;
}

.migalha_ativa{
float:right;
font-size:18px;
font-family: 'pilulaBold';
color:#00aeef;
}

#container_internas{
width:926px;
font-size:18px;
font-family: 'pilulaRegular';
margin-top:20px;
}

#coluna1_institucional{
padding:0px 20px 20px 0px;
line-height:25px;
text-align:justify;
width:433px;
border-right:1px #aedfe5 solid;
float:left;
}

#coluna2_institucional{
padding:0px 0px 20px 20px;
line-height:25px;
text-align:justify;
width:433px;
float:left;
}

#sub_institucional{
line-height:25px;
float:left;
width:433px;
margin-top:20px;
margin:20px 0px 30px 0px;
}
#sub_institucional p{
margin-top:5px;
}

#sub_institucional2{
line-height:25px;
float:left;
width:433px;
margin:20px 0px 30px 40px;
}

#sub_institucional2 p{
margin-top:5px;
}


#coluna1_solucoes{
padding:0px 20px 20px 0px;
line-height:25px;
width:286px;
border-right:1px #aedfe5 solid;
float:left;
}

#coluna1_solucoes a{
font-size:18px;
font-family: 'pilulaBold';
color:#00aeef;
text-decoration:none;
}

#coluna1_solucoes a:hover{
color:#006c94;
}

#coluna2_solucoes{
padding:0px 18px 20px 20px;
line-height:22px;
width:560px;
float:left;
font-size:19px;
text-align:justify;
color:#00aeef;
}

#coluna2_solucoes h2{
color:#aedfe5;
font-size:35px;
font-family: 'pilulaBold';
}

#coluna2_solucoes h3{
font-family: 'pilulaBold';
}

.desc_produto{
color:#6BCFDB;
}

.img_produto{
float:left;
border:1px #aedfe5 solid;
margin-right:10px;
}




#coluna1_adquirir{
padding:0px 20px 20px 0px;
line-height:25px;
width:433px;
border-right:1px #aedfe5 solid;
float:left;
font-size:19px;
text-align:justify;
color:#00aeef;
}


#coluna2_adquirir{
padding:0px 18px 20px 20px;
line-height:22px;
width:430px;
float:left;
font-size:19px;
text-align:justify;
color:#00aeef;
}

#coluna2_adquirir a{
text-decoration:none;
color:#00aeef;
}

#coluna2_adquirir a:hover{
text-decoration:underline;
}

.form{
margin-top:20px;
}

.put2{
background-color:#aedfe5;
color:#ffffff;
width:380px;
border:none;
padding:5px;
margin-bottom:10px;
font-size:15px;
font-family: 'pilulaRegular';
overflow:hidden;
}

.put2:focus{
color:#000000;
}

.btn_form{
background-color:#00aeef;
color:#ffffff;
border:none;
padding:5px;
font-size:18px;
font-family: 'pilulaRegular';
cursor:pointer;
}

.btn_form:hover{
color:#006c94;
}

#coluna2_adquirir h3{
color:#00aeef;
font-size:20px;
font-family: 'pilulaBold';
}


.combobox{
display:block;
width:380px;
margin:0px 0 0px 0;
padding-left:0px;
font-size:15px;
font-family: 'pilulaRegular';
background-image:url(../images/combo_bg.jpg);
background-repeat:no-repeat;
border:0;
}



.select {
   position: absolute;
   width: 385px;
   height:28px;
   padding:2px 0px 0px 6px;
   color: #fff;
   font-size:15px;
   font-family: 'pilulaRegular';
   background: url(../images/combo_bg.jpg) no-repeat;
   overflow: hidden;
   text-align:left;
 }
 

 
 .styled option{
 background-color:#aedfe5;
 padding:8px;
 color: #fff;
 font-size:15px;
 font-family: 'pilulaRegular';
 border:0px;
 }
 
 .azul_claro{
 color:#aedfe5;
 font-family: 'pilulaRegular';
 }


#coluna1_homenews{
padding:0px 20px 20px 0px;
width:266px;
float:left;
}

#coluna2_homenews{
padding:0px 0px 20px 20px;
line-height:25px;
text-align:justify;
width:600px;
float:left;
color:#40CBDB;
}

#paginacao{
text-align:center;
}
#paginacao p{
width:226px;
float:left;
}

.noticias_anterior{
float:left;
}

.noticias_proximo{
float:right;
}