@charset "iso-8859-1";
/* CSS Document */

body{ margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:12px;  background:#e4e4e2 url(../imagens/bg-outer.jpg) repeat-x;}
*{ margin:0; padding:0; list-style:none; }

#geral{ position:relative; margin:0 auto; width:835px; background:#fff url(../imagens/bg-mesa.jpg) no-repeat left bottom}
#geral p{ padding:8px 0px}

img {
	border:0;
	}

div#geral div#topo{ 
	height:160px; 
}

div#geral div#topo div.promocao {
	float:right;
	height:120px;
	width:180px;
	margin:18px 20px 0 0;
	}

#topo h1{ font-size:20px; color:#2f2f2f; text-transform:uppercase; letter-spacing:1px; text-shadow:3px 3px 3px #ccc; float:right; }

#revestimentos {
	position:absolute;
	left:209px;
	margin-right:300px;
	top:65px;
	z-index:1;
	float:left;
}

#logo{ background:url(../imagens/marjos-revestimentos.jpg) no-repeat center; width:270px; height:160px}


#nav_lateral{ float:left; width:265px; margin-right:30px; letter-spacing:0.5px}
.pgatual{ background-color:#900; color:#fff; padding:1px 5px}

#nav_lateral ul{ text-transform:uppercase; margin-left:60px; font-size:14px; width:150px;  margin-top:32px}
#nav_lateral li{ margin:0 0 6px 0; text-align:center; width:150px; }
#nav_lateral li a{ padding:1px 5px; color:#333; text-decoration:none; width:150px; display:block;}
#nav_lateral li a:hover{ padding:1px 0; background-color:#333; color:#fff; width:160px; text-align:center; }

ul.galeria-borracha {
	width:570px;
	height:250px;
	margin-top:20px;
	
	}
	
ul.galeria-borracha li {
	display:inline;
	float:left;
	width:173px;
	height:150px;
	text-align:center;
	font:9px Verdana, Geneva, sans-serif;
	color:#666;
	}
	
ul.galeria-linoleum {
	width:570px;
	height:250px;
	margin-top:20px;
	
	}
	
ul.galeria-linoleum li {
	display:inline;
	float:left;
	width:108px;
	height:150px;
	text-align:center;
	font:9px Verdana, Geneva, sans-serif;
	color:#666;

	}
	
ul.galeria-bambu {
	width:570px;
	margin-top:20px;
	
	}
	
ul.galeria-bambu li {
	display:inline;
	float:left;
	width:175px;
	height:140px;
	text-align:center;
	font:9px Verdana, Geneva, sans-serif;
	color:#666;

	}
	

ul.galeria-intensity {
	width:550px;
	margin-top:20px;
	}
	
ul.galeria-intensity li {
	display:inline;
	float:left;	
	width:135px;
	height:135px;
	text-align:center;
	font:9px Verdana, Geneva, sans-serif;
	color:#666;	
	}
	
	
ul.galeria-residence {
	width:550px;
	margin-top:20px;
	}
	
ul.galeria-residence li {
	display:inline;
	float:left;
	width:135px;
	height:165px;
	text-align:center;
	font:9px Verdana, Geneva, sans-serif;
	color:#666;

	}

dl dt.marca-pisos {
	float:left;
	padding:10px 8px 0 0;
}

dl dd.marca-pisos {
	padding:10px 0 15px 0;
	font-size:11px;
	}

dl.mantas-durafloor {
	float:left;
}

dl.mantas-durafloor dt.mantas {
	float:left;
	padding:10px 8px 0 0;
	
	}

dl.mantas-durafloor dd.mantas {
	padding:10px 0 15px 0;
	font-size:11px;
	height:85px;
	}
	
ul.colecoes {
	margin-top:15px;
	}

ul.colecoes	li {
	display:inline;	
	margin-left:23px;
	margin-bottom:15px;
	}


#data{ color:#636262; font-size:11px; text-align:right; padding:0 30px 3px 0}

#nav_central{ float:left; text-align:justify; line-height:17px; letter-spacing:0.2px; color:#636262; width:530px; border-top:4px solid #D8D8D8; border-bottom:4px solid #D8D8D8}
#nav_central p{ padding:3px 0 13px 0}
#nav_central p a{ padding:3px 0 13px 0; text-decoration:underline; color:#636362;}
#nav_central p a:hover{text-decoration:none/}

#nav_central li{ line-height:19px; font-size:11px; }

#nav_central li.borracha{ line-height:19px; font-size:11px; list-style:circle; margin-left:15px; margin-bottom:10px;}

#nav_central li.borracha a{ line-height:19px; font-size:11px; color:#636262; list-style:circle; margin-bottom:10px; text-decoration:underline;}

#nav_central li.borracha a:hover { text-decoration:none;}

.tit{ font-size:15px; color:#282828; margin:10px 0}

#banner{ margin:0 0 10px 0}
.sb{ text-decoration:none; color:#636262; padding:3px; font-weight:bold}
.sb:hover{ text-decoration:none; background-color:#900; color:#fff}





/*XXXXXXXXXXXXXXXX*/
/*xxxx PISOS xxxx*/
/*XXXXXXXXXXXXXXXX*/
#pisos{ height:25px}
#pisos ul{ margin:0; padding:0}

#pisos li { display:inline-block; float:left; height:20px}
#pisos li a{ text-decoration:none; width:auto; background-color:#E0E0E0; padding:5px 15.5px; color:#636262; 
border:1px solid #ccc; border-left:none }
#pisos li a:hover{ text-decoration:none; background-color:#000; color:#fff}



#sub_laminados {
	position:absolute;
	left:300px;
	top:523px;
	z-index:1;
	width:92px;
	visibility:hidden;
}
#sub_laminados ul {}
#sub_laminados li { display:block; float:none; border-bottom:none}
#sub_laminados li a{ display:block; margin:0; padding:1px 7px; background-color:#F0F0F0; border-bottom:none}
#sub_laminados li a:hover{ background-color:#333}

#sub_viniculoManta{
	position:absolute;
	left:392px;
	top:523px;
	z-index:1;
	width:135px;
	visibility:hidden;
}
#sub_viniculoManta ul {}
#sub_viniculoManta li { display:block; float:none; border-bottom:none}
#sub_viniculoManta li a{ display:block; margin:0; padding:1px 7px; background-color:#F0F0F0; border-bottom:none}
#sub_viniculoManta li a:hover{ background-color:#333}


#sub_viniculoPlaca{
	position:absolute;
	left:527px;
	top:523px;
	z-index:1;
	width:131px;
	visibility:hidden;
}
#sub_viniculoPlaca ul {}
#sub_viniculoPlaca li { display:block; float:none; border-bottom:none}
#sub_viniculoPlaca li a{ display:block; margin:0; padding:1px 7px; background-color:#F0F0F0; border-bottom:none}
#sub_viniculoPlaca li a:hover{ background-color:#333}



#sub_linoleo{
	position:absolute;
	left:658px;
	top:523px;
	z-index:1;
	width:71px;
	visibility:hidden;
}
#sub_linoleo ul {}
#sub_linoleo li { display:block; float:none; border-bottom:none}
#sub_linoleo li a{ display:block; margin:0; padding:1px 7px; background-color:#F0F0F0; border-bottom:none}
#sub_linoleo li a:hover{ background-color:#333}



#sub_borracha{
	position:absolute;
	left:729px;
	top:523px;
	z-index:1;
	width:83px;
	visibility:hidden;
}
#sub_borracha ul {}
#sub_borracha li { display:block; float:none; border-bottom:none}
#sub_borracha li a{ display:block; margin:0; padding:1px 7px; border-right:1px solid #ccc; background-color:#F0F0F0; border-bottom:none}
#sub_borracha li a:hover{ background-color:#333}





#ft_durafloor img{ margin:0 .9px 0 0; border:1px solid #fff}
#ft_durafloor img:hover{ margin:0 0px 0 0; border:1px solid #900}

  a.ft_durafloor{
  position:relative;
  padding:0;
  color:#039;
  text-decoration:none;
  z-index:24;
  }
  
  a.ft_durafloor:hover{
  background:transparent;
  z-index:25; 
  }
  
  a.ft_durafloor span{display:none}
  a.ft_durafloor:hover span{ 
  display:block;
  position:absolute;
  width:130px; 
  text-align:center;
  padding:3px 5px;
  background:#900; 
  color:#fff;
  top:-24px;
  left:0px;
  }




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/














#rodape{ margin:0 30px 0px 300px; text-align:center; font-size:11px; color:#636262}
address{ font-style:normal; padding:5px 0}

/*xxxx ESTILOS xxxx*/
.clear{ clear:both}


h2{ font-size:13px; color:#b12024; margin:15px 0 0 0}

h3{ 
	font-size:12px;
	color:#333; 
	margin:15px 0 0 0;
	width:530px;
	display:block;
	height:25px;
	float:left;
}

.trH{ border-top:1px solid #F0F0F0; margin-top:7px}




/*xxxx FORMULARIO xxxx*/
label {font-size: 10px; color: #333;}
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }

.email{ text-decoration:none; color:#636262}
.email:hover{ text-decoration:underline; color:#333}

#formulario {
	width: 350px;
	height: auto;
	margin:0;
	text-align:left;
	padding: 10px 10px 0px 0px;
	background-color: #fff;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
}
		
fieldset {border:none; margin-top:20px;}
	
legend {
	font-size: 10px;
	font-weight: bold;
	letter-spacing:1px;
	color:#fff; background-color:#333; width:315px; padding:2px;
}
			
input {
	width: 312px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	padding: 3px;
	margin-bottom: 3px;
}
		
select {
	width: 216px;
	height: auto;
	border: 1px solid #7F9DB9;
	margin-bottom: 3px;
	padding: 3px;
}
		
textarea {
	width: 312px;
	height: 90px;
	border: 1px solid #ccc;
	margin-bottom: 3px;
	padding: 3px;
}
		
#enviar {
	width: 100px;
	height: auto;
	padding: 4px;
	margin: 5px 0px 10px 0px;	
	border:none;
	background-color:#999;
}

#enviar:hover{
	background-color:#900;
	color:#fff;
}	
		
input:hover, select:hover, textarea:hover {
	background-color: #F2F3F4;
}
		
input:focus, select:focus, textarea:focus {
	background-color: #E9EBED;
}