* {
margin: 0px;
padding: 0px;
border: 0px;
text-align:center;
font-family: arial, verdana, tahoma, sans-serif;
}

body {
background: #819dab;
background-image:url(images/background.gif);
background-attachment:fixed;
background-position:center;
background-repeat:repeat-y;
}



#tudo {
width: 900px;
margin:0 auto;
}


#topo {
margin-top: 15px;
width: 900px;
height:100px;
background-image:url(images/topo.gif);
}

#logo{
margin-top: 2px;
float: left;
}






/* ---------------------- COMECO MENU ---------------------- */


#menutopo {
padding: 10px;
width: 880px;
height: 22px;
background: url(images/fundo_menu.gif);	
}

#menutopo ul {list-style: none;}

#menutopo li {display: inline;}

#menutopo li a {
padding: 10px 10px 14px 10px;
}

#menutopo li a:hover, #menutopo .selecionado a{
background:url(images/menu_selecionado.gif);
background-position:center;
}


/* ---------------------- FIM MENU ---------------------- */





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

#banner_principal{
width: 900px;
height: 350px;
}

#bloco {
margin-top: 2px;
padding: 10px 5px 10px 5px;
width: 890px;
background:url(images/bg_bloco.gif);
}


#box_categoria {
background: #819dab;
float: left;
padding: 3px;
margin: 7px;
width: 240px;
height: 150px;
}

#box_tit {
float: left;
text-align: left;
text-transform:uppercase;
font-weight: bold;
font-size: 12px;
color: #819dab;
margin: 0 12px 5px 8px;
width: 240px;
}


#base {
height: 5px;
background:url(images/base.gif);
}

/* ---------------------- Fim home ---------------------- */




/* ---------------------- Campanhas ---------------------- */


#campanhas {
padding: 10px;
width: 880px;
background:#fff url(images/bg_campanhas.gif)  top no-repeat;
}

#box_campanhas {
margin: 10px;
float: left;
width: 200px;
}

#box_campanhas_conteudo {
width: 200px;
background: url('images/fundo_box_campanha.gif') ;
}


#borda_campanhas_cima {
width: 200px;
height: 15px;
background: url('images/borda_boxcam_cima.gif');	
}

#borda_campanhas_baixo {
width: 200px;
height: 30px;
background: url('images/borda_boxcam_baixo.gif');	
}

#campanhas h1{
text-align:left;
margin: 5px 0 10px 5px;
color:#fff;
font-size:20px;
text-transform:uppercase;
}

#campanhas h2{
text-align: justify;
margin: 20px 5px 10px 5px;
font-size:14px;
color:#819dab;
}

#campanhas p{
margin: 15px 0 0 5px;
font-size:12px;
color:#fff;
}


/* ---------------------- Fim Campanhas ---------------------- */





/* ---------------------- Sobre a marca ---------------------- */

#marca {
padding: 10px;
width: 880px;
background: #fff url('images/bg_marca.gif') top left repeat-x;	
}

#box_marca {
margin-top: 20px;
float: left;
width: 530px;
}

#marca h1{
text-align:left;
margin: 5px 0 5px 5px;
color:#fff;
font-size:20px;
text-transform:uppercase;
}


#marca p{
padding: 0 10px 10px 10px;
text-align: justify;
color:#000;
font-size:13px;
}

#mm {
margin:  20px 0 0 30px;
float: left;
width: 310px;

}


/* ---------------------- Fim Sobre a marca ---------------------- */




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

#contato a{
text-decoration: underline;
font-size: 12px;
color: #000;
}

#contato a:hover{
text-decoration: underline;
font-size: 12px;
color: #666;
}

.bt_enviar_email {
border:1px solid #819dab;
font-weight: bold;
margin: 15px;
padding:2px 6px 2px 6px;
color: #fff;
background-image: url(images/bt_busca.gif);
}

.bt_enviar_email:hover {
color: #000;	
background-image: url(images/bt_busca_over.gif);
}

#contato {
padding: 10px;
width: 880px;
background: #fff url('images/bg_contato.gif') top left repeat-x;	
}

#contato h1{
margin: 5px;
text-align:left;
color:#fff;
font-size:20px;
text-transform:uppercase;
}

#box_contato {
margin-top: 10px;
float: left;
width: 520px;
}


#box_contato h1{
margin: 10px 5px 0 5px;
text-align:left;
color:#000;
font-size:12px;
}

#form_contato{
height: 60px;
float: left;
}

#form_me_contato{
height: 200px;
float: left;
}

#form_news_contato{
height: 20px;
float: left;
}

#bt_form_contato{
margin-right: 5px;
float: right;
}

.input_contato{
border:1px solid #819dab;
margin: 5px 10px 5px 5px;
width: 230px;
text-align: left;
font-size: 12px;
float: left;
padding: 5px;
}

.select_contato{
font-size: 12px;
border:1px solid #819dab;
margin: 5px 10px 5px 5px;
width: 240px;
text-align: left;
float: left;
}

.option_contato{
text-align: left;
padding: 4px;
}

.input_textarea{
font-size: 12px;
border:1px solid #819dab;
padding: 5px;
text-align: left;
margin: 5px;
width: 485px;
height: 150px;
}

#contato p{
margin-bottom: 10px;
text-align: left;
color:#000;
font-size:13px;
}

#contato h2{
padding-top: 10px;
text-align:left;
color:#819dab;
font-size:18px;
}

.img_contato{
margin-top: 10px;
}

#box_contato_dir {
margin:  20px 0 0 30px;
float: left;
width: 310px;
height: 200px;

}

#canal_distribuidor{
margin-top: 10px;
padding: 35px 0 30px 0;
width: 310px;
background: url(images/bg_cd.gif) no-repeat;

}

.senha{
font-weight: bold;
color:#fff;
font-size:14px;
}

#canal_distribuidor ul {list-style: none;}

#canal_distribuidor li {display: inline;}


form .input_distribuidor {
text-align: left;
width:130px;
border:1px solid #666;
padding:4px;
margin-right:2px;
}

.bt_distribuidor {
font-weight: bold;
padding:2px 6px 2px 6px;
color: #fff;
border:1px solid #666;
background-image: url(images/bt_busca.gif);
}

.bt_distribuidor:hover {
color: #000;	
background-image: url(images/bt_busca_over.gif);
}

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






/* ---------------------- Encontre seu par ---------------------- */

.bt_encontre {
border:1px solid #819dab;
font-weight: bold;
margin: 15px;
padding:2px 6px 2px 6px;
color: #fff;
background-image: url(images/bt_busca.gif);
}

.bt_encontre:hover {
color: #000;	
background-image: url(images/bt_busca_over.gif);
}

#encontre {
padding: 10px;
width: 880px;
background: #fff url('images/bg_encontre.gif') top left repeat-x;	
}

#encontre h1{
margin: 5px;
text-align:left;
color:#fff;
font-size:20px;
text-transform:uppercase;
}

#box_encontre {
margin-top: 10px;
float: left;
width: 260px;
}


#box_encontre h1{
margin: 10px 5px 0 5px;
text-align:left;
color:#000;
font-size:12px;
}

#form_encontre{
float: left;
}

#bt_form_encontre{
float: right;
}

.input_encontre{
border:1px solid #819dab;
margin: 5px 10px 5px 5px;
width: 230px;
text-align: left;
font-size: 12px;
padding: 5px;
}

.select_encontre{
font-size: 12px;
border:1px solid #819dab;
margin: 5px 10px 5px 5px;
width: 240px;
text-align: left;
}

.option_encontre{
text-align: left;
padding: 3px;
}


#encontre p{
text-align: left;
color:#000;
font-size:12px;
}

#encontre h2{
text-align:left;
color:#819dab;
font-size:18px;
}

#box_encontre_dir{
float: left;
margin: 10px;
}

#box_encontre_dir_busca{
float: left;
margin: 10px 0 10px 40px;
}


#encontre_res{
width: 530px;
margin: 10px;
padding: 10px;
background: #eee;
}

#encontre a{
margin-right: 10px;
float: right;
color: #819dab;
text-decoration: none;
font-size: 12px;
}

/* ---------------------- Fim Encontre seu par ---------------------- */





/* ---------------------- p‡gina Produtos ---------------------- */

#busca_produto {
width: 250px;
border: 1px solid #699;
color:#333;
font-size:12px;
float:right;
margin-right: 20px;
margin-top: -30px;
text-align: left;
}

#opt_busca_produto {
text-align: left;
}

#produtos {
padding: 10px;
width: 880px;
background:#fff url(images/bg_produtos.gif)  top no-repeat;
}

#box_produto {
margin: 8px;
float: left;
width: 160px;
}

#box_produto_conteudo {
width: 160px;
background: url('images/fundo_boxprod.gif') ;
}


#borda_boxprod_cima {
width: 160px;
height: 15px;
background: url('images/borda_boxprod_cima.gif');	
}

#borda_boxprod_baixo {
width: 160px;
height: 30px;
background: url('images/borda_boxprod_baixo.gif');	
}

#produtos h1{
text-align:left;
margin: 5px 0 10px 5px;
color:#fff;
font-size:20px;
text-transform:uppercase;
}

#produtos h2{
text-align: justify;
margin: 20px 5px 10px 5px;
font-size:14px;
color:#819dab;
}

#produtos h3{
margin: 15px 0 0 5px;
font-size:12px;
color:#fff;

}

#produtos a{
text-decoration:none;
}

/* ---------------------- Fim p‡gina Produtos ---------------------- */






/* ---------------------- Detalhe Produto ---------------------- */

#detalhe_produto a{
color: #666;
text-decoration: none;
text-decoration: underline;
}

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


#voltar_produtos {
float:right;
margin-top: -55px;
margin-right: 20px;
}

#voltar_produtos  a{
color: #fff;
text-decoration: none;
font-size: 14px;
}


#box_detalhe_produto {
width: 280px;
float: left;
margin:5px;
}

#box_detalhe_conteudo {
width: 280px;
background: url('images/fundo_box_detalhes.gif') ;
}

#borda_boxdet_cima {
width: 280px;
height: 15px;
background: url('images/borda_boxdet_cima.gif');	
}

#borda_boxdet_baixo {
width: 280px;
height: 30px;
background: url('images/borda_boxdet_baixo.gif');	
}

#detalhe_produto {
padding: 10px;
width: 880px;
background: #fff url('images/bg_produtos_detalhes.gif') top left repeat-x;	
}

#detalhe_produto h1{
text-align:left;
padding: 10px 10px 20px 10px;
color:#fff;
font-size:20px;
text-transform:uppercase;
}

#detalhe_produto h2{
text-align:left;
padding: 10px 15px 0 15px;
color: #819dab;
font-size:14px;
text-transform:uppercase;
}

#detalhe_produto p{
text-align: justify;
padding: 0 15px 0 15px;
color:#666;
font-size:12px;
}

#cor{
padding-bottom: 5px;
font-size:14px;
}

#cores{
float: left;
padding: 3px;
}

#box_cores{
padding-left: 10px;
}


#bloco_detalhe_produto {
margin-top: 2px;
padding: 10px 5px 10px 5px;
width: 890px;
background-image:url(images/bg_bloco.gif);
}

#loja_profissional{
padding-right: 55px;
float: right;
}

#ca_produtos{
text-decoration: underline;
font-weight: bold;
}

/* ---------------------- FIM Detalhe Produto ----------------- */





/* ---------------------- Corp ----------------- */

#corp {
background:url(images/corp_background.gif) no-repeat;
width: 900px;
height: 100px;
}

#corp img{
float: left;
}

#corp p{
color:#fff;
font-size:12px;
font-family:Arial,Verdana,Helvitica,sans-serif;
}

#corp a{
color: #fff;
text-decoration: none;
}

.logo_alpargatas{
padding-right: 15px;
float:right;
}

.twitter{
padding-right: 150px;
float:right;
}

#busca {
padding: 15px 0 0 15px;
color:#333;
font-size:12px;
float:left;
}


form .buscacampo {
text-align: left;
width:170px;
border:1px solid #666;
padding:4px;
margin-right:2px;
}

.enviar_busca {
font-weight: bold;
padding:2px 6px 2px 6px;
color: #fff;
border:1px solid #666;
background-image: url(images/bt_busca.gif);
}

.enviar_busca:hover {
color: #000;	
background-image: url(images/bt_busca_over.gif);
}


#clear{clear: both;}

/* ---------------------- FIM Corp ----------------- */





/* ---------------------- Noticias ---------------------- */

#busca_news {
width: 250px;
border: 1px solid #699;
color:#333;
font-size:12px;
float:right;
margin-top: -25px;
margin-right: 30px;
text-align: left;
}

#opt_busca_news {
text-align: left;
}

#noticias {
padding: 10px;
width: 880px;
background: #fff url('images/bg_news.gif') top left repeat-x;	
}

#box_noticias {
margin:  20px 0 0 30px;
float: left;
}

#box_noticias_det {
border:3px solid #819dab;
margin-bottom: 10px;
width: 310px;
height: 100px;
}

#box_noticias p{
float: right;
text-align: justify;
background: #000;
width: 150px;
margin: 5px;
padding: 5px;
color: #fff;
font-size: 12px;
}

#box_noticias a{
float: right;
color: #819dab;
text-decoration: none;
font-size: 12px;
}

#noticias h1{
text-align:left;
margin: 5px 0 5px 5px;
color:#fff;
font-size:20px;
text-transform:uppercase;
}


#box_noticias_detalhes {
margin-top: 20px;
float: left;
width: 530px;
}

#box_noticias_detalhes h1{
text-align:left;
margin-left: 5px;
color:#819dab;
font-size:16px;
}

.img_news{
border:3px solid #819dab;
margin: 5px;
float:left;
}

#box_noticias_detalhes p{
text-align: justify;
margin: 10px 5px 5px 5px;
color:#000;
font-size:13px;
}

#box_noticias_detalhes a{
color: #819dab;
text-decoration: none;
font-size: 12px;
}



/* ---------------------- Fim Noticias ---------------------- */



/* ---------- News home ---------------------------------------------------------------*/


#box_news {
float: left;
background: #819dab;
padding: 3px;
margin: 7px;
width: 345px;
height: 150px;
}

.box_news_bt ul li{
display: inline;
}

.box_news_bt ul{
margin-top: -150px;
color: #fff;
float: left;
font-size: 12px;
background: #999 url(images/newsbg.gif) center center repeat-x;
}

.box_news_bt ul li a{
color: #fff;
float: left;
padding: 5px 10px;
text-decoration: none;
border-right: 1px solid #999; 
}


.box_news_bt ul li a.selected{
color: #fff;
padding: 5px 10px;
background: #999 url(images/newsbg_on.gif) center center repeat-x;
}

.tabcontent{
width: 345px;
height: 150px;
float: left;
}

.tabcontent p{
float: right;
text-align: justify;
background: #000;
width: 150px;
margin: 5px;
padding: 5px;
color: #fff;
font-size: 12px;
}

.tabcontent a{
float: right;
color: #819dab;
text-decoration: none;
font-size: 12px;
}

/* ---------- Fim News home ---------------------------------------------------------------*/






/* ---------- jtip ---------------------------------------------------------------*/

.tool-tip {
z-index: 13000; 
width: 300px;
color: #000;
background: #eee url('images/bg_tip.gif') top left no-repeat;	
	
}

.tool-title {
padding: 8px 8px 2px 8px;
text-align:left; 
font-weight: bold;
font-size: 14px; 
color: #fff;
}

.tool-text {
padding: 2px 8px 8px 8px;
text-align: justify;
font-size: 12px; 
}

/* ---------- Fim jtip ---------------------------------------------------------------*/






/* ---------- lightbox ---------------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ---------- Fim lightbox ---------------------------------------------------------------*/