/*
BASE CSS
guilherme.menga@lecom.com.br
Copyright (c) 2007, Lecom Tecnologia.
*/

@import url("reset.css");
@import	url("tipo.css");
@import url("grid.css");

.bd {border:1px solid red;}
#flags {
margin-left:20px;

}


/*------------------TOPO----------------------*/	

div#topo {
	background:url(../img/bg_topo.gif) repeat-x top;
	}

div#topnav ul { list-style:none; float:left; padding-top:11px; margin:0; }
	div#topnav li { display:inline; border-right: 1px solid #f1f1f1; padding:0 10px 2px; }
		div#topnav li a { color:#f1f1f1; font-size:10px; text-transform:uppercase; }
					
div#pesquisa {
	float: right;
	padding-top:10px;
	margin-right:5px;
	background:url(../img/bg_busca.gif) no-repeat bottom center;
	width:365px;
	height:27px;
	text-align:center;
	}
	
	div#pesquisa label { color:#d0d0d0;}
	div#pesquisa input { width: 210px; margin: 0 5px }

/*------------------MENU-PRINCIPAL------------------*/		

div#nav { 
	clear:both; 
	padding-top:10px 
}

div#nav ul { 
	list-style:none; 
	margin:0; 
	float:left; 
	background:none;
}

div#nav ul li { 
	margin: 0 0 2px; 
	float:left; 
	clear:both; 
	width:100%; 
}

div#nav li a { 
	display:block;	
	width:187px; 
	color:#000; 
	text-decoration:none; 
	padding:2px; 
	font-size:10px; 
	text-transform:uppercase; 
}

div#nav li a span{ 
	display:block; 
	padding: 4px 0; 
	padding-left:19px; 
}

div#nav li a:hover { 
	background:#393939; 
	border:1px solid #393939; 
	color:#fff; 
	padding:0; 
}

div#nav li a:hover span { 
	padding-left:18px; 
	border:1px solid #7a7a7a; 
}

div#nav ul ul { 
	background:#C4C4C4; 
	display:block; 
	border-bottom:1px solid #fff; 
	border-top:1px solid #393939;
}

div#nav li li a span { 
	padding-left:22px; 
	background: url(../img/bullet_produtos.gif) no-repeat 5px; 
}

div#nav li li a:hover { 
	background-color:#D2D2D2; 
	border:1px solid #D2D2D2; 
	color:#333;
}

div#nav li li a:hover span { 
	padding-left:26px;
}

div#nav ul ul ul { 
	background:#DFDFDF; 
	display:block; 
	border-bottom:1px solid #fff; 
	border-top:1px solid #393939;
}

div#nav li li li a span { 
	padding-left:30px; 
	background:none; 
}

div#nav li li li a:hover { 
	background-color:#F1F1F1; 
	border:1px solid #fff; 
	color:#333;
}



			
/*-----------------MENU-SECUNDARIO------------------*/

#submenu {
	padding:0 0 9px 1px;
	width:194px;
	background:url(../img/borda_submenu.gif) no-repeat bottom right;
	}
	
	#submenu ul {
		padding: 20px 4px 0;
		margin:0;
		background: #393939;
		list-style:none;
		}
		
		#submenu ul ul {
			background:#545454;
			padding:0;
			}
		
		#submenu ul li { border-bottom:1px solid #4b4b4b; }
			#submenu ul li a { color:#b0b0b0; display:block; background:url(../img/bullet_submenu.gif) no-repeat 10px; padding: 5px 10px 5px 20px; }
				#submenu ul li a:hover, #submenu ul li a.atual { background-color: #4b4b4b !important; color:#f1f1f1 !important; }
		
			#submenu ul ul li a {
				color:#999;
				}

/*------------------CHAMADAS-----------------------*/			

div#chamadas .col {
	background:#d6d6d6 url(../img/bg_chamadas.gif) repeat-x top left;
	width:560px;
	min-height:125px;
	margin:0;
}
	
	div#chamadas .col .col {
		width:170px;
		background:none;
		border:0 none;
		padding:0;
		}

	div#chamadas .col img {
		float: right;
		margin:0;
		}
	
	div#chamadas .col p {
		font-size:10px;
		}

	div#chamadas h3 {
		background:url(../img/subtit_projetos.png) no-repeat top left;
		height:40px;
		text-indent:-9000px;
		margin-bottom:10px;
	}
	
	div#chamadas div#destaques h3 {
		background:url(../img/subtit_destaques.png) no-repeat top left;
	}
	
	div#chamadas h5 {
		margin-bottom: 8px;
		text-transform:uppercase;
		color: #595959;
		}

div.boxbusca{
	float:left;
	clear:both;
	width:99%;
	border:1px solid #CCC;
	background:#FFF;
	margin-bottom:7px;
	padding:5px;
	
}
/*-------------------FLASH-------------------------*/

.secundaria #flash {
	height:108px;
	overflow:hidden;
	background:url(../img/top_piscina.jpg) no-repeat top left;
	}

/*-------------------TEXTO-------------------------*/

h2 span { display:block; height:40px; background:no-repeat top left; margin-left:5px;}
	h2.aempresa span { background-image:url(../img/tit_aempresa.png); }
	h2.produtos span { background-image:url(../img/tit_produtos.png); }
	h2.revestimentos span { background-image:url(../img/tit_revestimentos.png); }
	h2.pastilhas span { background-image:url(../img/tit_pastilhas.png); }
	h2.projetos span { background-image:url(../img/tit_projetos.png); }
	h2.dicas span { background-image:url(../img/tit_dicas.png); }
	h2.noticias span { background-image:url(../img/tit_novidadesfeiraseeventos.gif); }
	h2.representantes span { background-image:url(../img/tit_representantes.png); }
	h2.revendas span { background-image:url(../img/tit_revendas.png); }
	h2.faleconosco span { background-image:url(../img/tit_faleconosco.png); }
	h2.mapadosite span { background-image:url(../img/tit_mapadosite.png); }
	h2.busca span { background-image:url(../img/tit_busca.png); }
	h2.curriculo span { background-image:url(../img/tit_curriculo.png); }
	h2.manuseiotransporte span { background-image:url(../img/tit_manuseiotransporte.gif); }
	

#texto {
	width:365px;
	padding-top: 15px;
	}

#produtos table td, #produtos table th { border-bottom:1px solid #ddd; padding-left:5px; padding-right: 5px; }
#produtos table colgroup { background:#fcfcfc; width: 45%; }
#produtos table th { font-size:0.9em; text-align:right; }

/*-------------------LISTAS---------------------*/

ul.linha, ul.noticias, ul.anexos, ul.listalinhas, ul.mapadosite, ul.mapadosite ul  {
	list-style:none;
	margin:0; padding:0;
	}
	
	ul.linha li { 
		width:90px;
		height:138px;
		float:left;
		margin-right:19px;
		margin-bottom:10px;
		}
		
		ul.linha li a, ul.noticias li, ul.anexos li a {
			display:block;
			float:left;
			background-color:#fff;
			padding:5px;
			border:1px solid #ccc;
			}
			
			ul.linha li a:hover, ul.anexos li a:hover { background-color:#f3f3f3;	text-decoration:none;	}
		
		ul.linha li a strong {
			display:block;
			padding-left:11px;
			background:url(../img/bullet_produtos.gif) no-repeat left;
			}
			
		ul.linha li img {
			border:none;
		}

ul.noticias li { float:none; margin-bottom:5px; clear:both; }
ul.noticias li em { color:#ccc; font-style:italic; }
ul.noticias li div { float:left; width:68%; }
ul.noticias li img { float:left; margin-right:5px; }

ul.anexos { margin:5px 0; float:left; }
ul.anexos li { margin: 0 0px 5px 0px; float:left; clear:left; }
ul.anexos li a { 
	padding-left:25px;
	background-image:url(../img/ico_anexo.gif); background-repeat:no-repeat; background-position:3px ; 
	float:none;
	}
	
ul.listalinhas { width:50%; margin:5px 0; float:left; }
ul.listalinhas li { border-bottom:1px solid #ccc; }
ul.listalinhas li a { padding-left:15px; background:url(../img/bullet_quadrado.gif) no-repeat left; display:block; }
	ul.listalinhas li a:hover { background-color:#fcfcfc; }
	


ul.mapadosite ul { margin-left:20px; }
ul.mapadosite ul ul { margin-left:10px; }

ul.mapadosite li { clear:both; }
 
ul.mapadosite li span, ul.mapadosite li a{
	background:#666;
	padding:3px;
	color:#FFF;
	width:240px;
	float:left;
	clear:both;
	margin-top:5px;
}

ul.mapadosite li a:hover{
	color:#FFF;
}

ul.mapadosite li ul li a, ul.mapadosite li ul li span{
	background:#999;
	width:220px;
	color:#FFF;
	padding:1px;
	padding-left:5px;
	margin:2px 0;
}

ul.mapadosite li ul li ul li a{ background:#BBB; width:210px; }
	
	
	.pagina{ text-align:center; }
		.pagina a:hover { text-decoration:none; font-weight:bold; }
		.pagina .atual { color: #ccc; margin:0 10px; }
	.pagprox { padding:0 8px; background:url(../img/ico_pag_proximo.gif) no-repeat top left; width:16px; height:16px; cursor:pointer; }
	.pagant { padding:0 8px; background:url(../img/ico_pag_anterior.gif) no-repeat top left; width:16px; height:16px; cursor:pointer; }

/*---------------REPRESENTANTES--------------------*/

.fechado {
	overflow:hidden;
	height:24px;
	}
	
.aberto {
	overflow:visible;
	height:auto;
	}

.vendedor {
	border:1px solid #fff;
	background:#fcfcfc;
	padding:5px;
	margin-bottom:1em;
	}

	.fn { font-size:1em; font-weight:bold; }
	.adr, .contact { padding:5px; border-bottom:1px solid #CCC; background:#ededed; margin-bottom:2px;  }
	.contact { background:#f6f6f6; padding:2px 5px;}
	.org  {
		border-bottom:1px solid #393939;
		padding: 2px 0;
		font-size:1.1em;
		background:#fefefe;
	}
	
	.tel, .cel, .fax, .mail, .site { 
		padding-left:25px;
		border-bottom:1px solid #CCC;
		padding-bottom:2px;
		margin-bottom:2px; 
		}
	.tel { background:#ededed url(../img/ico_tel.gif) no-repeat 4px;}
	.cel { background:#ededed url(../img/ico_cel.gif) no-repeat 4px; }
	.fax { background:#ededed url(../img/ico_fax.gif) no-repeat 4px; }
	.site { background:#ededed url(../img/ico_site.gif) no-repeat 4px; }
	.mail { background:#ededed url(../img/ico_mail.gif) no-repeat 4px; }
	

/*-------------------------CLASSES-------------------------*/
		
a.saibamais {
	padding-left: 15px;
	background:url(../img/bullet_quadrado.gif) no-repeat left;
	font-size: 0.9em;
	color:#595959;
	}
	
a.fontenoticia {margin-bottom:5px; display:block; float:left; clear:both; }


#lnkvoltar {
float:left;
display:block;
clear:both;
padding: 0px 25px 0 35px;
margin-top:10px;
color: #036;
background:#fff url(../img/ico_voltar.gif) no-repeat 15px 5px;
}

/*.carregaajax {
	background:url(../img/ico_ajax.gif) no-repeat left;
	height:35px; width:35px;
	}*/

ul#projetos {
	list-style:none;
	float:left;
	width:100%;
}

ul#projetos li {
	float:left;
	margin:5px;
}

ul#projetos li span {
	display:block;
	clear:both;
}

ul#projetos li a img {
	border:none;
}

ul#projetos li a {
	padding:6px;
	display:block;
	background:#FFF;
	border:1px solid #CCC;
}

ul#projetos li a:hover {
	text-decoration:none;
	background:#F3F3F3;
	border:1px solid #CCC;
}

p.manuseio img {
	margin:0px;
}