@charset "utf-8";
/* CSS Document */

html{ width:100%; height:100%;}
body{ width:100%; height:100%; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../imgs/site/fundo.gif) top center repeat; background-color:#282828;}
#wrapper{ width:900px; margin:0 auto; height:100%; padding:0px; }

#header{ width:100%; height:368px; position:relative; background:url(../imgs/site/fundoHeader.gif) top center repeat-x; background-color:#FFFFFF; clear:both;}
#content{ width:100%; position:relative; background-color:#FFFFFF; border-bottom:#de1e24 6px solid; background:url(../imgs/site/fundoContent.gif) top center repeat-y;}
#footer{ width:100%; position:relative; font-size:10px; margin-top:7px; height:30px;}

/*INI GERAIS*/
input, textarea{ font-family:Verdana, Arial, Helvetica, sans-serif;}

a img{ border:none;}
#content a img,#content a img:link,#content a img:visited{ border:#e9e9e9 1px solid;}
#content a img:hover{ border:#de1e24 1px solid;}

a, a:link, a:visited{ color:#de1e24; text-decoration:none;} 
a:hover{  color:#424242}

.otherLink, .otherLink:link, .otherLink:visited{ color:#424242 !important; text-decoration:none;} 
.otherLink:hover{  color:#de1e24 !important;}

.clear{ width:100%; clear:both; height:1px; line-height:1px; font-size:1px; margin:0px; padding:0px;}
.clear2{ width:100%; clear:both; height:20px; line-height:20px; font-size:1px; margin:0px; padding:0px;}

.fontImpact{  font-family:"Impact";}

.colorWhite{ color:#FFFFFF;}
.colorBlack{ color:#000000;}
.colorYellow, .colorRosa{ color:#de1e24;}
.colorCinzaEscuro{ color:#424242;}

.fontSize10{ font-size:10px}
.fontSize12{ font-size:12px}
.fontSize14{ font-size:14px}
.fontSize16{ font-size:16px}
.fontSize18{ font-size:18px}
.fontSize24{ font-size:24px}
.fontSize30{ font-size:30px}

.upperCase{ text-transform:uppercase}

.alignJustify{ text-align:justify;}
.alignCenter{ text-align:center;}

form{ margin:0px; padding:0px;}

.noMargin{ margin-right:0px !important;}

.floatLeft{ float:left;}
.floatRight{ float:right;}

.titulo{ font-family:"Impact"; color:#000000; font-size:30px; margin-top:20px; text-transform:uppercase;}
.subtitulo{ font-family:"Impact"; color:#de1e24; font-size:18px; margin-top:20px; text-transform:uppercase;}
.subsubtitulo{ font-family:"Impact"; color:#424242; font-size:36px;  text-transform:uppercase;}

#btVoltar{ position:absolute; top:20px; right:20px; font-size:10px;}
/*END GERAIS*/

/*INI HEADER*/
	#logo,#swflogo{ position:absolute; top:0px; left:0px;}
	
	/*INI MENU*/
		#menu{ float:right; height:42px; position:relative; width:600px; z-index:10;}
		#menu a,#menu a:link,#menu a:visited{ position:absolute; height:42px; top:0px; display:block; background-repeat:no-repeat;}
		#menu .current{ background-position:bottom !important;}
		
		#btInicio,#btInicio:link,#btInicio:visited{ left:0px; width:90px; background-image:url(../imgs/site/btInicio.png); background-position:top;}
		#btInicio:hover{ background-position:bottom;}
		
		#btQuemSomos,#btQuemSomos:link,#btQuemSomos:visited{ left:88px; width:146px; background-image:url(../imgs/site/btQuemSomos.png); background-position:top;}
		#btQuemSomos:hover{ background-position:bottom;}
		
		#btServicos,#btServicos:link,#btServicos:visited{ left:232px; width:118px; background-image:url(../imgs/site/btServicos.png); background-position:top;}
		#btServicos:hover{ background-position:bottom;}
		
		#btCatalogo,#btCatalogo:link,#btCatalogo:visited{ left:348px; width:119px; background-image:url(../imgs/site/btCatalogo.png); background-position:top;}
		#btCatalogo:hover{ background-position:bottom;}
		
		#btContactos,#btContactos:link,#btContactos:visited{ left:465px; width:135px; background-image:url(../imgs/site/btContactos.png); background-position:top;}
		#btContactos:hover{ background-position:bottom;}
	/*END MENU*/
	
	/*INI SLIDESHOW*/
		#slideshow, #swfslideshow{ position:relative; float:right; width:600px; height:326px;}
	/*END SLIDESHOW*/
/*END HEADER*/

/*INI FOOTER*/
	#footer .left{ float:left;}
	#footer .right{ float:right;}
	
	#siteBy,#siteBy:link,#siteBy:visited{ display:block; width:55px; height:12px; background:url(../imgs/site/siteBy.png) top center no-repeat; text-decoration:none;}
	#siteBy:hover{ background:url(../imgs/site/siteBy.png) bottom center no-repeat;}
/*END FOOTER*/

/*INI CONTENT*/
	#cols{ margin:0px; padding:0px; position:relative;}
	#colLeft, #colRight{ list-style:none; margin:0px; padding:0px; position:relative; float:left;}
	#colLeft{ width:240px; padding-right:60px;}
	#colRight{ width:560px; padding:0px 20px 20px 20px;}
	
	/*INI CONTENT LEFT*/
		/*INI NEWSLETTER*/
			#newsletter{ width:180px; position:relative; background-color:#de1e24; padding-left:60px; padding-bottom:8px}
			.ie7 #newsletter{ padding-bottom:0px; height:110px;}
			#newsletter input{ float:left;}
			
			#textboxNewsletter{ background-color:#ffcee8; outline-color:#999; border:#ffcee8 1px solid; width:137px; height:12px; line-height:12px; padding-top:3px; padding-bottom:3px; font-size:10px; vertical-align:bottom;}
			#textboxNewsletter:hover, #textboxNewsletter:active, #textboxNewsletter:focus{ border:#999 1px solid;}
			#textboxNewsletter{ height:12px; line-height:12px; padding-top:3px; padding-bottom:3px;}
			
			
			#btOkNewsletter,#btOkNewsletter:link,#btOkNewsletter:visited{ vertical-align:middle; margin-left:3px; color:#000000; background-color:#ffcee8; border:#ffcee8 1px solid; height:20px; line-height:20px; cursor:pointer; padding:0px 2px 6px 2px; font-weight:bold; font-size:12px; text-align:center; width:32px;}
			#btOkNewsletter:hover{ border:#999 1px solid;}
			
			.ie7 #btOkNewsletter,.ie7 #btOkNewsletter:link,.ie7 #btOkNewsletter:visited,.safari #btOkNewsletter,.safari #btOkNewsletter:link,.safari #btOkNewsletter:visited{ line-height:16px;}
		/*END NEWSLETTER*/
		/*INI MENU CATEGORIAS*/
			#categorias{ font-family:"Impact"; margin-top:10px; margin-bottom:20px;}
			#categorias a,#categorias a:link,#categorias a:visited{ display:block; position:relative; padding-left:60px; padding-top:3px; padding-bottom:3px; width:180px; background-color:#424242; margin-bottom:2px; text-decoration:none; color:#fff; min-height:20px; vertical-align:middle; font-size:14px;}
			#categorias a:hover, #categorias .selected{ background-color:#de1e24 !important;}
		/*END MENU CATEGORIAS*/
	/*END CONTENT LEFT*/
	
/*END CONTENT*/

/*INI HOME*/
	.noticia{ float:left; width:280px; margin-bottom:10px;}
	.solucao{ float:left; width:280px; margin-bottom:10px;}
/*END HOME*/

/*INI CONTACTOS*/
	#textoContactos{ width:150px; float:left;}
	#mapa, #gMap{ width:395px; height:300px; float:right; border:#CECECE 1px solid;}
/*END CONTACTOS*/

/*INI FORMULARIO DE CONTACTOS*/
	.textbox, .textarea{ background-color:#cecece; border:#b7b7b7 1px solid; outline-color:#de1e24; width:100%; font-size:10px; padding:4px;}
	
	.textbox:hover, .textbox:active, .textbox:focus,.textarea:hover, .textarea:active, .textarea:focus{ border:#de1e24 1px solid;}
	
	.submit, .submit:link, .submit:visited{ display:block; width:71px; height:26px; background:url(../imgs/site/btEnviar.gif) top center no-repeat; border:none;}
	.submit:hover{ cursor:pointer; background:url(../imgs/site/btEnviar.gif) bottom center no-repeat;}
/*END FORMULARIO DE CONTACTOS*/

/*INI CATALOGO CATEGORIA*/
	.produto{ float:left; margin-right:32px; margin-bottom:20px; text-align:center; width:116px;}
/*END CATALOGO CATEGORIA*/

/*INI CATALOGO DETALHE*/
	.foto{ float:left; padding-right:10px; padding-bottom:10px;}
/*END CATALOGO DETALHE*/

/*INI NOTICIAS*/
	.noticiaSmall{ float:left; margin-right:32px; text-align:left; font-size:12px; width:116px;}
/*END NOTICIAS*/