/*
CSS com validado nivel 2.1 - Utilizando ImageSprite.

   Fischer
	Autor:Recigio Poffo
	Data:24/06/2009 - inicio
		  02/07/2009 - area produtos
	
	CORES
	#ff639e - rosa
	#ffafcc - rosa p
	#a4061d - bordo
	#520824 - marrom escuro
	SIZES
	Page - 980px;
*/

/* --- zera configuraes e nivela navegadores --- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
caption,th {text-align:left; }
li { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;font-variant:normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
/*because legend doesn't inherit in IE */
legend { color:#000; }

table { font-size:inherit; }
a { text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }

/* ##### Configuraes Gerais ####### */

body {
  margin: 0 auto;
  background-image: url('../images/bggeral.jpg');
  background-repeat: repeat-x;
  font-size: 12px;
  font-family:Arial,Verdana, Clean, sans-serif;
  color: #fff;
  background-color: #490F27;
}

.bghome { background-image: url('../images/bgpage.jpg'); }

p,span, label,a { font-family:Arial,Verdana, Clean, sans-serif; }
h1,h2,h3,h4 { font-family:Arial,Verdana,Clean, sans-serif; }
ul { font-family:Arial,Verdana,Clean, sans-serif;  }
input { font-family:Arial,Verdana,Clean, sans-serif; font-size: 11px; }
a { color: #fff; }

.clear{clear:both; height: 0;}

/* ##### Uso do Image Sprite - itens que possuem background ###### */
#menu,#footer,#header .nav li,#header .option li,.es,.en,.pt,.icon-eletro,.icon-bike,.icon-constr,#menu .busca-pequena input,#menu .busca-pequena form, #menu .busca-pequena form dl,
.icon-camera,.icon-balao,.icon-coracao,.icon-bolsa,.box-medio .box-destaque .link,.box-medio .box-destaque .link span,.paginacao ul li,.box-textual .item-promocao h1,.box-textual .item-promocao-comex h1,#menu-interno ul li,
.produto-filtro p,.produto-desc ul li, .link-manual, .link-manual span,  .link-compra, .link-compra span,#box-grande input,#box-grande .link,#box-grande .link span, .box-complementar ul li,#footer-sombra,
#select-setor
{ 
	background: transparent url(../images/sprite.png) no-repeat;

 }

#content .box-medio, #content .box-textual,#content .box-medio-fim, #content .box-textual-fim,.box-medio .lancamento,.box-textual .item-promocao,.item-promocao-comex, .fullbackground,#box-grande .form-textarea
 {
	background: transparent url(../images/quadros.png) no-repeat;
 
 }

/*##### Grids da pgina ########## */

#header { width: 980px; background-image: url('../images/bgheader.jpg'); background-position: center; height: 80px; margin:auto auto 6px auto; }
#banner { margin: auto;}
#menu { width: 980px; margin: -10px auto 10px auto; background-position: left -191px; height: 57px; }
#content { width: 980px; margin: auto; position: relative; }
	.fullbackground { background-position: left bottom; overflow: auto; }
#footer { width: 980px; margin: auto auto auto auto; background-position: left -896px; height: 101px; clear:both; color: #ffb8d3; font-size: 11px;  }
#footer-sombra { width: 65%; margin: auto auto 30px auto; background-position: left -890px; height: 5px; }

/*####### Banners #######*/
.bannerhome { background-image: url('../images/banners/home.jpg'); background-position: center; height: 342px; }

.banner-institucional { background-position: center; height: 207px; }
.banner-institucional-es  { background-image: url('../images/es/banners/interno-institucional.jpg') }
.banner-institucional-en { background-image: url('../images/en/banners/interno-institucional.jpg'); }
.banner-institucional-pt { background-image: url('../images/pt/banners/interno-institucional.jpg'); }

.banner-menueletro { background-position: center; height: 207px; }
.banner-menueletro-es { background-image: url('../images/es/banners/interno-eletrodomesticos.jpg'); }
.banner-menueletro-en { background-image: url('../images/en/banners/interno-eletrodomesticos.jpg'); }
.banner-menueletro-pt { background-image: url('../images/pt/banners/interno-eletrodomesticos.jpg'); }

.banner-menucons { background-position: center; height: 207px; }
.banner-menucons-es { background-image: url('../images/es/banners/interno-construcao.jpg'); }
.banner-menucons-en { background-image: url('../images/en/banners/interno-construcao.jpg'); }
.banner-menucons-pt { background-image: url('../images/pt/banners/interno-construcao.jpg'); }

.banner-menubici { background-position: center; height: 207px; }
.banner-menubici-es { background-image: url('../images/es/banners/interno-bike.jpg'); }
.banner-menubici-en { background-image: url('../images/en/banners/interno-bike.jpg'); }
.banner-menubici-pt { background-image: url('../images/pt/banners/interno-bike.jpg'); }

.banner-menusecadora { background-position: center; height: 207px; }
.banner-menusecadora-es { background-image: url('../images/es/banners/interno-secadoras.jpg'); }
.banner-menusecadora-en { background-image: url('../images/en/banners/interno-secadoras.jpg'); }
.banner-menusecadora-pt { background-image: url('../images/pt/banners/interno-secadoras.jpg'); }

/*##### Backgrounds do menu ####*/
.menueletro { background-position: left -605px !important; margin:-10px auto auto auto !important; padding:0 0 5px 0; }
	.menueletro .icon-eletro a:hover {  color: #fff !important; }
.menubici { background-position: left -673px !important; margin:-10px auto auto auto !important; padding:0 0 5px 0; }
	.menubici .icon-bike a:hover {  color: #fff !important; }
.menucons { background-position: left -744px !important; margin:-10px auto auto auto !important; padding:0 0 5px 0; }
	.menucons .icon-constr a:hover {  color: #fff !important; }
.menuinst { background-position: left -814px !important; margin:-10px auto auto auto !important; padding:0 0 5px 0;  }

/*### logo flutuante ####*/
.logo-coracao { margin:auto; width: 980px; position:relative; top:-86px; height: 0px; }
.logo-coracao img { position: absolute; }

/*###### Listas de Boxes das pginas ##### */

		/*#### Box's do Header  ##### */
		#header .nav { float:left; margin:33px 25px 0 450px;   }
			#header .nav li { float:left; margin:0 10px 0 0; padding:0 13px 0 0; background-position: right -443px; }
			#header .nav .ultimo { background-image: none;  }
		
		#header .option { float:left; margin:33px 0 25px 25px; }
			#header .option li { float:left; margin:0 25px 0 0; padding:0 28px 0 0; background-position: right -443px; }
			#header .option li .flag { width: 26px; height: 18px; display:block; float:left; margin:0 10px 0 0; }
			#header .option li .es { background-position: left -74px;  }	
			#header .option li .en { background-position: left -98px; }
			#header .option li .pt { background-position: right -132px; }
			#header .option .ultimo { background-image: none;margin:0; padding:0; }
		
		
		/*##### Box's do Menu ####### */
		#menu ul { font-size: 17px; margin:0 0 0 20px; }
			#menu ul li { float:left; margin:17px 80px 0 0; padding:0 0 0 25px }
			#menu ul li a:hover { color: #ff639e; text-decoration: none; }
			#menu ul .icon-eletro { background-position: left -2px;  }
			#menu ul .icon-bike { background-position: left -26px; }
			#menu ul .icon-constr { background-position: left -51px; }
			#menu ul .primeiro { margin:17px 80px 0 20px }
		
		#menu .busca-pequena {  width: 200px; float:right; margin:13px 20px 0 0px; }
			#menu .busca-pequena form { background-position: right -265px; height: 30px; }
			#menu .busca-pequena form dl { background-position: left -257px; width: 170px; height: 30px; float:left; }
			#menu .busca-pequena form dl dd { float:left; }
			#menu .busca-pequena form input { height: 25px; border:0; padding:4px 0 0 25px; margin: 0px 0 0 10px; color: #fff; background-position: -1181px -95px; font-size: 12px; width: 130px; }
			#menu .busca-pequena .busca-button { width: 20px; background-position: left -149px; margin:5px 0 0 0; cursor:pointer; }
			
		/* ### Box's do Content ##### */
		#content .box-medio { width: 740px; float:left; }
		#content .box-medio-fim { height: 10px; width: 740px; background-position: left -910px; float:left; }
		#content .box-textual {  width: 240px; background-position: right 0; float:left; padding: 0 0 12px 0; }
		#content .box-textual-fim { height: 10px; width: 240px; background-position: right -910px; float:left; }
		
			/*#### Box's do box-medio ####*/
			.box-medio .box-destaque { width: 340px; float:left; margin:20px 0 0 20px; padding: 0 0 20px 0; }
				.box-medio .box-destaque h2 { font-size: 17px; font-weight: bold; margin:0 0 5px 0; }
				.box-medio .box-destaque h1 { font-size: 17px; margin:15px 0 0 0; }
				.box-medio .box-destaque p { color: #ffafcc; height: 85px; line-height: 20px; border-bottom: 1px solid #610a2b; font-size: 13px; }
				.box-medio .box-destaque .icon-camera {  background-position: -1178px -73px; padding:0 0 0 30px }
				.box-medio .box-destaque .icon-balao {  background-position: -1178px -50px; padding:0 0 0 30px }
				.box-medio .box-destaque .link { display:block; background-position: right -475px; float:left; padding:0 40px 0 0; height: 33px; margin:10px 0 0 0; text-decoration: none; }
				.box-medio .box-destaque .link:hover { background-position: right -303px;}
				.box-medio .box-destaque .link span { display:block; height: 35px; background-position: left -296px; padding:8px 0 0 15px; font-size: 14px; cursor:pointer; }
	
			
			.box-medio .lancamento { background-position:left -960px; }	
				.box-medio .lancamento p { margin:0 15px 0 15px }
				.box-medio .lancamento h1 { margin:15px 15px 0 15px }
				.box-medio .lancamento img { border-bottom: 2px solid #a4061d; }
			
			.paginacao ul { margin:10px 0 0 110px; }	
			.paginacao ul li { display:block; float:left; height: 30px; cursor:pointer; }	
			.paginacao ul .pag-ant { background-position: left -339px; width: 35px; }
			.paginacao ul .pag-ant a { height: 31px; width: 35px; display: block; }
			.paginacao ul .pag-atual { background-position: -190px -339px; width: 25px; padding:7px 0 0 18px; color: #333; cursor:auto; }
			.paginacao ul .pag-de { background-position: -230px -339px; padding:8px 0 0 0; width: 35px; cursor:auto; }
			.paginacao ul .pag-prox { background-position: -107px -339px; width: 37px; }
			.paginacao ul .pag-prox a { height: 31px; width: 35px; display: block; }
			.paginacao ul .pag-sel { background-position: -37px -339px; width: 15px; }	
			.paginacao ul .pag-naosel { background-position: -55px -339px; width: 13px; }
			
			/*#### Box's do box-textual ####*/
			.box-textual h2 { font-size: 17px; font-weight: bold; margin:20px 0 5px 15px; }
			.box-textual .icon-coracao { background-position: -1178px -1px; padding:0 0 0 30px }
			.box-textual .icon-bolsa { background-position: -1178px -26px; padding:0 0 0 30px;  }
			.box-textual img { margin:0 0 0 17px; }
				
				.box-textual .item-promocao { padding:10px 0 2px 10px; background-position: -347px -983px; }
				.box-textual .item-promocao h1 { background-position: left -121px; padding:2px 0 2px 25px; font-size: 14px; margin:0 0 0 17px; cursor:pointer; }
				.box-textual .item-promocao p { color:#ffafcc; margin:0 0 0 43px; font-size: 11px; width: 160px;  }
				.box-textual .min { background-position: -347px -934px; padding:10px 0 10px 10px; }
		 		.box-textual .min p { display: none; }
		 		.box-textual .min img { display: none; }
		 		.box-textual .min h1 { background-position: left -149px; }

                .box-textual .item-promocao-comex { padding:10px 0 2px 10px; background-position: -767px -934px; height: 240px; }
				.box-textual .item-promocao-comex h1 { background-position: left -121px; padding:2px 0 2px 25px; font-size: 14px; margin:0 0 0 17px; cursor:pointer; }
				.box-textual .item-promocao-comex p { color:#ffafcc; margin:5px 0 0 43px; font-size: 11px;  width: 160px;  }
			
			/*#### Menu Interno ######*/
			#menu-interno { float:left; margin:0 30px 0 0;  }
				#menu-interno ul { color: #ffafcc; padding:15px 0 20px 0; width: 200px; }
				#menu-interno ul li { background-position: left -403px; padding:0 0 0 15px; margin:5px 0 5px 20px; }
				#menu-interno ul .selecionado { background-position: -22px -380px; }
					#menu-interno ul li a { color:#ffafcc  }
					#menu-interno ul li a:hover { text-decoration:none; color: #fff; }
					#menu-interno ul li ul {background-color: #520824; width: 150px; font-size: 11px; padding:7px 7px 7px 10px; margin:3px 0 3px 0; color: #fff; }
					#menu-interno ul li ul li {  background-image: none; line-height: 20px; margin:0; padding:0; }
					#menu-interno ul li ul li a { color:#fff; }
					#menu-interno ul li ul li a:hover { color:#ffafcc  }
			
			/*##### Box Grande ######*/
			#box-grande { float:left; padding:20px 0 0 0; width: 730px; overflow: hidden; z-index: 1; }
				#box-grande h1 { font-size:30px; color: #fa3077; }	
				#box-grande .grandeT { color:#FA3077; font-size:21px; }
				#box-grande .h1produtos { margin-bottom: 30px; color: #fff; }
				#box-grande .comselo { background: url(../images/Selo-Produtos.gif) no-repeat left 5px; padding:0 0 0 35px; height: 70px; margin-bottom: 20px; }
				#box-grande h1 span { color: #fa3077; }
				#box-grande h1 a { color: #fa3077; text-decoration: none; }
				#box-grande .contatoinput { background-position: left -258px; border:0; width: 325px; height: 26px; float:left; margin:0 16px 10px 0; color: #ffafcc; font-size: 12px; padding:6px 0 0 15px; }
				#box-grande .contatoinputlarge { background-position: -370px -340px; border:0; width: 325px; height: 26px; float:left; margin:0 16px 10px 0; color: #ffafcc; font-size: 12px; padding:6px 0 0 15px; width: 670px; }
				#box-grande #select-setor { background-position: -530px -258px; border:0; width: 325px; height: 26px; float:left; margin:0 0 10px 0; color: #ffafcc; font-size: 12px; padding:6px 0 0 15px; cursor:pointer; }
				#box-grande #lista-setor { position: relative; display:none;  width: 300px; background-color: #610a2b; color: #ffb8d3; float:right; top:-232px; left:118px;  z-index: 40; }
					#box-grande #lista-setor li { padding:3px 5px 3px 5px; cursor:pointer; }
					#box-grande #lista-setor li:hover { background-color: #520824; color:white;}
				
				#box-grande .cargos { font-size: 13px; margin:20px 0 0 0; }	
				#box-grande .cargos dt {  color:#ff639e; margin:10px 0 0 0; }	
				
				#box-grande .contatotextarea {  background:none; width: 670px; height: 190px; border:0; color: #ffafcc; overflow: hidden;  z-index: 2; }
				#box-grande .form-textarea { background-position: right -1199px; height: 200px; width: 670px; padding:10px 5px 10px 8px; z-index: 2; }
				
				/*#### Paginacao ######*/
				#box-grande .paginacao { margin:auto; padding:0 0 20px 0; }
				#box-grande .paginacao ul { margin:0 0 0 280px; }
				


				/*#### Lista de Servicos ####*/
				#box-grande .lista-servicos { margin:10px 0 30px 0; width: 400px; }
				#box-grande .lista-servicos li { line-height: 20px; border-bottom: 1px solid #520824; }

		 		/*### Breadcrum ####*/
				.breadcrum { color:#ffafcc; font-size:11px; border-bottom: 1px solid #520824; width: 718px; padding:0 0 10px 0; margin:0 0 30px 0; }
					.breadcrum span { color: #fff; }

				/*### Box de filtros dos produtos ####*/
				.produto-filtro { background-color:#520824; padding:10px; margin:0 0 30px 0; overflow: auto; color:#ffafcc; width:680px;  }
					.produto-filtro p { width: 170px; float:left; padding:0 50px 0 0; background-position: right -523px; }
					.produto-filtro label { color: #fff; margin:0 10px 0 0; }
					.produto-filtro input { margin:6px 4px 0 0; background: none !important; }

				/*### Item produto #######*/
				.item-produto { float:left; margin:0 20px 40px 0; }
				.item-produto h2 { width: 157px; font-size:13px; font-weight: bold; text-align: center; height: 50px; }			
				.item-produto p { width: 157px; text-align: center; }
				.item-produto img { border: 2px solid #fa3077 }
				#box-grande .ultimo { margin:0 0 20x 0;  }
				
				/*### Descrio do produto ####*/
				.produto-desc { width: 360px; float:left; margin:0 0 40px 0; }
				.produto-desc p { width: 320px; color: #ffafcc; margin: 15px 0 15px 0; line-height: 20px; }
				.produto-desc a:hover { text-decoration:none; }
				.produto-desc ul { margin: 0; font-size: 11px; }
				.produto-desc ul li { background-position: left -403px; padding:0 0 0 15px ; line-height: 20px }
				.produto-desc .link-manual { background-position: right -219px; float:left; padding:0 15px 0 0; margin:15px 10px 50px 0; }
				.produto-desc .link-manual span { display:block; height: 35px; background-position: left -296px; padding:8px 0 0 15px; font-size: 14px; cursor:pointer; }
				.produto-desc .link-compra { background-position: right -175px; float:left; padding:0 15px 0 0; margin:15px 10px 50px 0; }
				.produto-desc .link-compra span { display:block; height: 35px; background-position: -400px -561px; padding:8px 0 0 15px; font-size: 14px; cursor:pointer; }
				
				/*### fotos dos produtos ###*/
				.produto-fotos { float:right; width: 339px; background-color:#520824; margin:0 0 35px 0; padding:0 0 10px 0; }
				.produto-fotos .img-grande { margin:10px 0 0 10px; border:0; cursor:pointer; }
				.produto-fotos .img-pequena { margin:10px 0 0 10px; border:0; cursor:pointer; }
				.produto-fotos .download a { color:#fa3077; display:block; text-align: center; margin:10px 0 0 0;  }
				
				/*### abas do produto ###*/
				#abas { float:right; width: 339px; margin:15px 0 0 0; }
					#abas ul { background-color:#520824; }
					#abas ul li { float:left; background-color:#6b183d; padding: 10px 20px 5px 20px; font-size: 14px; cursor:pointer; }
					#abas ul li:hover { background-color:#520824; }
					#abas ul .ultimo { padding: 10px 20px 5px 20px; border-left: 1px solid #5a1434;  }
					#abas ul .selecionado { background-color:#520824;  }
				
				
				
				/*### Box para texto ####*/
				.box-texto { width: 470px; float:left }
				.grande { width: 600px; margin-bottom:30px; }
				
				.compet img { border: 4px solid #520824; margin: 10px 0 10px 0; }

				.box-texto p { margin:10px 0 10px 0; font-size:14px; }
				.box-texto .ultimo { margin:0 0 50px 0;  }
                .box-texto h2 { font-size:21px; color: #fa3077; margin:0 0 10px 0; }
				.box-texto form { margin:20px 0; display: block; }
				.box-texto form .botao { background: #8e1040 none !important; border:1px solid #6c1536; margin:0 0 0 20px; padding:2px 3px 2px 3px; color: #fff; font-size: 12px;  }
				.box-texto .linha { display: block; height: 5px; border-bottom: 1px solid #610A2B; clear:both; margin:20px 0; }
				.box-texto ul { margin:20px 0 20px 0; padding:10px; background-color:#520824;}
					.box-texto ul li { line-height: 20px;  }
					.box-texto ul li span { width: 100px; display: block;float:left; font-weight: bold; }
					.box-texto ul li p { display: block;float:left; width: 400px; margin:0; font-size: 12px; }

				.box-complementar { width: 200px; float:right; background-color:#520824; padding:10px 20px 20px 20px; }
				.box-complementar h2 { font-size:21px; color: #fa3077; margin:0 0 10px 0; }
				.box-complementar h3 { font-size:11px; color: #fa3077 }
				.box-complementar p { font-size:11px; line-height: 20px; margin:0 0 10px 0; }
                .box-complementar ul { font-size:11px; line-height: 20px; margin:0 0 10px 0; }
                .box-complementar ul li { padding-left: 15px; line-height: 20px; background-position: left -401px; }

                /*### Imagens dentro do Box ####*/
                .ilustracao { border: 4px solid #520824; margin: 10px 0 10px 0; }

				/*### Area de contato ####*/
				#box-grande .link { display:block; background-position: right -475px; float:right; padding:0 40px 0 0; height: 33px; margin:0 15px 40px 0; text-decoration: none; }
				#box-grande .link:hover { background-position: right -303px;}
				#box-grande .link span { display:block; height: 35px; background-position: left -296px; padding:8px 0 0 15px; font-size: 14px; cursor:pointer; }
				#box-grande .pform { float:left; color:#ffafcc;margin:5px 0 0 0;  }
				#box-grande .troca-senha dl dt { float:none; display: block; margin:0 0 5px 10px }
				#box-grande .troca-senha dl dd { float:none; display: block; height: 50px;  }

				/*### Mapa do Site #####*/
				.mapa { margin:20px 10px 40px 0; }
				.mapa .primeironivel { color:#ffafcc  }
				.mapa ul li { margin:5px 0 0 0;}
				.mapa ul li ul { margin:0 0 0 20px; }

	/*### Box's do Rodape ##### */
	#footer img { margin:25px 10px 0 70px; float:left; }
	#footer a { color: #ff639e }
	#footer ul { float:left; margin:25px 0 0 70px;}
	#footer ul li { margin:0 10px 5px 0; }
	#footer p { float:left; margin:25px 0 0 110px; line-height: 20px; }	
		#footer .contato { width: 200px; }
		#footer .contato li { float:left; }