/************************************************** 
   Autor: Alexandre Lambertini
   Data: 25/out/2007
   E-mail: alexandre.lambertini@lecom.com.br
**************************************************/

/* Configurações Globais
-------------------------------------------------*/

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

body { color:#474747;
	   font:11px "Arial";
	   text-align:center;
	   background:#ffffcc; }

a {	color:#474747;
	font-weight:normal;
	text-decoration:none; }

a:hover { text-decoration:underline ;}

/* Container
-------------------------------------------------*/

#container {
	width:778px;
	margin:auto;
	text-align:left;
	background:url(../img/bg_shadow.jpg);
}

	#container:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

/* Topo
-------------------------------------------------*/

#top {
 	position:relative;
	width:778px;
	height:260px;
	float:left;
	z-index:200;
	/*background:url(../img/img_topo.jpg) no-repeat top left;*/
	overflow:hidden;
}

	#top h1 {
		display:none;
		float:left;
		width:300px;
		height:70px;
		margin:37px 0 0 40px; 
	}
		#top h1 a {
			display:block;
			width:300px;
			height:70px;
		}
			
			#top h1 a span {
				display:none;
			}
	
	#top h3 {
		display:none;
	}
	
	
#player1 {
	line-height:0;
	margin:0;
	padding:0;
	}

/* Menu Navegação
-------------------------------------------------*/
	
	ul#nav {
		float:right;
		list-style:none;
		padding-right:83px;
	}
	
		ul#nav li {
			padding-left:30px;
			float:left;
			color:#fff;
			height:19px;
		}
		
			ul#nav li a {
				display:block;
				width:40px;
				height:19px;
			}
			
				ul#nav li a span {
					display:none;
				}
		
/* Menu
-------------------------------------------------*/

ul#menu {	
	position:relative;
	left:0;
	list-style:none;
	width:745px;
	height:100px;
	background:url(../img/menu.png) no-repeat bottom left;
	padding-left:44px;
	padding-top:24px;
	z-index:200 !important;
	float:left;
	display:block;
	margin:-45px 0 0 0;
	overflow:hidden;
}

	ul#menu li {
		padding:0 4px 0 0;
		float:left;
	}
	
	ul#menu li:hover, 
	ul#menu li.over {
		position:relative;
		}
		
		ul#menu li:hover ul,
		ul#menu li.over ul {
			display:block;
			z-index:110;
			}
	
		ul#menu li a {
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}
	
	ul#menu li.empresa        {}
	ul#menu li.institucional  {padding-left: 24px;}
	ul#menu li.produtos       {padding-left: 24px;}
	ul#menu li.servicos       {padding-left: 24px;}
	ul#menu li.atuacao        {padding-left: 24px;}
	ul#menu li.dicas          {padding-left: 24px;}
	ul#menu li.trabalhe       {padding-left: 24px;}
	ul#menu li.consulta       {padding-left: 24px;}
	ul#menu li.contato        {padding-left: 24px;}	
	ul#menu li.login          {padding-left: 24px;}	
	
	ul#menu ul {
		display:none;
		top:100%;
		left:0;
		background:#012755;
		width:150px;
		list-style:none;
		padding:0 5px;
		position:absolute;
		}
		
		ul#menu ul li {
			border-bottom:1px solid #fff;
			float:none;
			padding:5px;
			}

/* Flash
-------------------------------------------------*/		

#flashBanner {
	position:relative;
	float:left;
	width:778px;
	height:315px;
}

	#banner { 
		position:absolute;
		top:0;
		width:778px;
		height:315px;
		margin-top:-11px;
	}
		

/* Titulos
-------------------------------------------------*/

#titulos {
	position:absolute;
	top:280px;
	left:0px;
	width:778px;
	height:67px;
	xz-index:80;
	background:url(../img/img_tits.png) no-repeat;
}

/* 
-------------------------------------------------*/

#meio {
	width:778px;
	margin:auto;
	overflow:hidden;
	clear:left;
	float:left;
	margin:-140px 0 0 0;
	padding-top:70px;
	background:#fff;
}

/* Colunas
-------------------------------------------------*/

#colunas {
	width:100%;
	float:left;
	padding-top:45px;
	background:#fff;
}

/* Esquerda
-------------------------------------------------*/
	
	#colEsquerda {
		float:left;
		width:230px;
		height:212px;
		margin-right:2px;
		background:#fff url(../img/bg_colEsquerda.jpg) no-repeat 0px 0px;
	}
	
	#colEsquerda h2 span {
		display:none;
	}
	
		#colEsquerda form {
			margin:50px 0 0 15px;
		}
		
			#colEsquerda form p {
				width:90%;
				padding-bottom:20px;
			}
	
			.alignBusca {height:23px; width:auto; border:0; padding:0; margin:0; float:left;}
			
			#colEsquerda form input {
				height:20px;
				padding:1px 0 0  0;
				border:1px solid #996633;
				background:#FDFAF0;
				float:left;
			}
			
			#colEsquerda form button {
				width:26px;
				height:23px;
				border:0 none;
				background:url(../img/btn_ok.gif) no-repeat;
				cursor:hand;
				position:relative;
				left:2px;
				float:left;

			}
			
				#colEsquerda form button span {
					display:none;
				}
				
			

/* Meio
-------------------------------------------------*/

	#colMeio {
		width:324px;
		height:212px;
		background:#fff;
		float:left;	
		margin-right:2px;
		padding:47px 0 0;
	}
	
	#colMeio h2 span {
		display:none;
	}
	
	#colMeio img {
		float:left;
		padding:0 10px;
	}
	
	#colMeio em {
		font-style:normal;
		display:block;
		padding:3px 0 5px 0;
	}
	
	#colMeio p {
		float:left;
		width:192px;
		padding-top:10px;
	}
	
		#colMeio h3 {
			width:192px;
			float:left;
			color:#870000;
			padding:3px 0;
			background:#fef3d0;
		}
	
/* Direita
-------------------------------------------------*/	
	
	#colDireita {
		float:left;
		width:220px;
		height:212px;
		background:#fff url(../img/bg_colDireita.jpg) no-repeat;
	}
	
	#colDireita h2 span {
		display:none;
	}
	
		#colDireita p {
			margin:46px 0 0 12px;
		}
	
			#colDireita p a {
				font-weight:bold;
				text-decoration:none;
			}

/* Assinatura
-------------------------------------------------*/
		
#assinatura {
	margin:auto;
	width:780px;
	height:30px;
	padding:5px 0;
	background:url(../img/bg_assinatura.gif) no-repeat;
}

	#assinatura address {
		display: block;
		width: 638px;
		font-style: normal;
		margin: auto;
	}
	
/* Paginas Internas
-------------------------------------------------*/

#interna {
	float:left;
	background:#FFFFFF;
}

/* 
-------------------------------------------------*/

ul#menuLateral {
	list-style:none;
	zborder:1px solid red;
	float:left;
	width:230px;
	padding-top:48px;
	background:#fff url(../img/bg_XmenuLateral.jpg);
}

	ul#menuLateral li {
		padding-top:10px;
	}

		ul#menuLateral li a {
			display:block;
			width:228px;
			height:49px;
		}
				ul#menuLateral li a img {
					border:0 none;
				}

/* 
-------------------------------------------------*/

#imagem {
	float:left;
	height:20px;
	width:230px;
}

/* 
-------------------------------------------------*/

#centro {
	float:left;
	width:464px;
	font-size:12px;
	padding:50px 40px 20px 40px;
	background:#fff;
}

	#centro h2 {
		border-bottom:1px dotted #0f5385;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	#centro p {
		padding-top:15px;
	}
	
/* Dicas
-------------------------------------------------*/

.prod#dicas li {
	clear:both;
}

.prod#dicas li a {
	font-size:14px;
	color:#0f5385;
	font-weight:bold;
}


#dicas {
	list-style:none;
}

	#dicas li {
		padding:10px 20px 0 0;
		list-style:none;
	}
	
		#dicas li h4 { 
			float:left; 
			display:block;
		}
		
		#dicas li em {
			padding-left:5px;
			font-size:10px;
			font-style:normal;
		}
		
		#dicas li img {
			float:left;
			margin-right:7px;
			border:5px solid #F5F5F5;
		}
		
		#dicas li p { 
			display:block; 
			padding:5px 0 0 0px; 
		}
		#dicas li input  {		
			width:250px;
	    }
		#dicas li select {
			width:290px;
			
			}
		#dicas li button{
			display:inline;
			border:0;
			color:#0f5385;
			background:#e1e1e1;
			text-decoration:none;
			font-weight:bold;
			cursor:pointer;
			padding:2px 5px 2px 5px;
			font-size:12px;
			line-height:14px;
			width:auto;
			overflow:visible;
			margin-left:4px;
		}
		#busca{
			text-align:center;
			}

/* lisSegmentos
-------------------------------------------------*/

#lisSegmentos { margin-top:20px; }

#lisSegmentos li { list-style:none; }

#lisSegmentos .segmento {
	position:relative; float:left;
	width:200px; height:140px;
	margin-left:20px; margin-bottom:20px;
	border:#f9f1b8 3px solid;
	text-align:center;
}

#lisSegmentos .segmento img { border:none; margin-top:20px; }

/* lisProdutos
-------------------------------------------------*/

#lisProdutos { margin-top:20px; }

#lisProdutos li {
	position:relative;
	width:100%;
	margin-bottom:20px;
	list-style:none;
}

#lisProdutos li.produto {
	border:#f9f1b8 3px solid;
}

#lisProdutos p.tit { font-size:18px; padding:5px; margin:5px; background:#ffc; color:#c29605; }

#lisProdutos img { border:none; }


/* Produtos
-------------------------------------------------*/

#produtos {
	list-style:none;
	padding:20px 0 0 35px;
}

	#produtos li {
		padding:0 20px 20px 0px;
		float:left;
	}
	
		#produtos li em {
			display:block;
			font-size:10px;
			text-align:center;
			font-style:normal;
		}
		
		#produtos li img {
			border:5px solid #F5F5F5;
		}

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

#detalhe {
	padding:20px 0 0 0;
}

	#detalhe h4 {
		font-size:13px;
		color:#7a7a7a;
		padding:4px 0;
		background:#f6f6f6;
	}
	
	#detalhe em {
		padding-top:10px;
		display:block;
		font-style:normal;
	}
	
	#detalhe p.resumo { 
		padding:0;
		font-style:italic;
		letter-spacing:0.01em;
		padding-bottom:14px;
		border-bottom:1px dashed #ccc;
	}
	
		#detalhe p strong { font-style:normal;}
		
	#detalhe img {
		float:left;
		border:4px solid #f5f5f5
	}
	
	#detalhe h3 {
		color:#7d7d7d;
		font-size:15px;
		padding:10px 0;
	}
	
	#detalhe p { padding:0 0 20px 2px;}
	
	
	.voltar {
		width:100%;
		float:left;
		display:block;
		padding:4px 0;
		background:#f6f6f6;
	}
	
		.voltar a {
			float:right;
			padding-right:10px;
		}

/*-------------------------------------------------
Thiago Bresolin | thiago.bresolin@travelnet.com.br */

/* FONTES ----------------------------------> */

.fonteVermelhoBold {
	font-family: Arial;
	font-size: 12px;
	color: #900;
	font-weight: bold;
}

hr {
	border: 1px dotted #CCC;
}


/* LINKS ----------------------------------> */

a.linkBold {
	font-family: Arial;
	font-size: 12px;
	color: #555;
	text-decoration: none;
	font-weight: bold;
}
.linkBoldVermelho {
	font-family: Arial;
	font-size: 12px;
	color: #0f5385;
	text-decoration: none;
	font-weight: bold;
}
a.linkBold:hover {
	font-family: Arial;
	font-size: 12px;
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

a.linkVermelhoBold {
	font-family: Arial;
	font-size: 12px;
	color: #0f5385;
	text-decoration: none;
	font-weight: bold;
}
a.linkVermelhoBold:hover {
	font-family: Arial;
	font-size: 12px;
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

a.linkSublinhado {
	font-family: Arial;
	font-size: 12px;
	color: #555;
	text-decoration: none;
}
a.linkSublinhado:hover {
	font-family: Arial;
	font-size: 12px;
	color: #555;
	text-decoration: underline;
}
a.linkDestaqueHome {
	font-family: Arial;
	font-size: 16px;
	color: #01349A;
	text-decoration: none;
	font-weight: bold;
}
a.linkDestaqueHome:hover {
	font-family: Arial;
	font-size: 16px;
	color: #01349A;
	text-decoration: none;
	font-weight: bold;	
}




/* MENU EMPRESA ----------------------------------> */
#menuEmpresa {
	text-align: right;
	padding: 0 5px 10px 5px;
}

#menuEmpresa ul {
	list-style:none;
	float:right;
}

#menuEmpresa ul li {
	float:left;
	padding-left:22px;
}

#menuEmpresa ul li a {
	font-size:13px;
	font-weight:bold;
	color:#0f5385;
}

#menuEmpresa ul li a:hover {

}


/* IFRAME ATUACAO ----------------------------------> */

#lisAtuacao {
	width: 100%;
	height: auto;
	margin: 10px 0;
	overflow:hidden;
}

/* DICAS E NOVIDADES ----------------------------------> */

#faixaCinza {
	position:relative; z-index:300;
	width: 455px;
	height: auto;
	text-align: right;
	padding: 0px 5px;
	margin: 0 0 10px 0;
	background: #F1F1F1;
}

#faixaLisTitulo {
	width: 430px;
	height: 18px;
	padding: 2px 5px 0 5px;
	background: #F1F1F1;
	border-top: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
}

#faixaLisResumo {
	width: 430px;
	height: auto;
	padding: 5px;
	background: #F9F9F9;
	border-left: 1px dotted #CCC;
	margin: 0 0 10px 0;
	overflow:hidden;
}
	#faixaLisResumo img {
		width: 80px;
		height: 64px;
		border: 3px solid #F1F1F1;
		float:left;
		margin-right:5px;
	}
	
/* DICAS E NOVIDADES ----------------------------------> */

#linksRodape {
	position:relative;
	margin:auto;
	text-align: left;
	width:780px;
	height: 20px;
	padding: 5px 0 0 0;
}

.redesSociais { position:absolute; top:3px; right:3px; }
.redesSociais img { border:0; margin-left:2px; }

/* PAGINAÇÃO ------------------------------------------------------ */

#paginacao {
	background-color:#F1F1F1;
	width:100%;
	text-align: center;
	font-weight: bold;
	clear: both;
}

/* ANIVERSARIANTES ------------------------------------------------------ */

#vejaAniversariantes {
	text-align: right;
	padding: 0;
}

/* LISTAGEM CATEGORIA PRODUTOS --------------------------------------------------------- */

#prodVarejo,
#prodMarcas,
#prodAlimentacao,
#prodFoodService,
#prodForcasArmadas {
	width: 320px;
	height: 90px;
	margin-bottom: 5px;
}
	#prodVarejo a,
	#prodMarcas a,
	#prodAlimentacao a,
	#prodFoodService a,
	#prodForcasArmadas a {
		text-indent: -9000px;
		display: block;
		width: 320px;
		height: 87px;
	}

#prodVarejo {
	 background: url(../img/imgProd_varejo.jpg) no-repeat top left;
	 margin-left: 0px;
}

#prodMarcas {
	 background: url(../img/imgProd_marcas.jpg) no-repeat top left;
	 margin-left: 10px;
}

#prodAlimentacao {
	 background: url(../img/imgProd_alimentacao.jpg) no-repeat top left;
	 margin-left: 30px;
}

#prodFoodService {
	 background: url(../img/imgProd_foodService.jpg) no-repeat top left;
	 margin-left: 60px;
}

#prodForcasArmadas {
	 background: url(../img/imgProd_forcasArmadas.jpg) no-repeat top left;
	 margin-left: 100px;
}



/* BEM ESTAR HOME ------------------------------------------------------ */

#bemEstarHome{
	width: 310px;
	height: auto;
}

#imagemDestaqueHome {
	float: left;
	text-align:left;
}

#saibaMaisDestaqueHome {
	float: right;
	padding-right: 22px;
	width: 192px;
	text-align: right;
}

/* MENU INTRANET --------------------------------------------------------- */

#menuIntranet {
	width: 100%;
	padding: 0 0 20px 0;
}

ul#menuIntranet {
	list-style:none;
	zborder:1px solid red;
	float:left;
	width:230px;
	padding-top:48px;
	background:#fff url(../img/bg_menuLateral.jpg);
}

	ul#menuIntranet li {
		width: 150px;
		height: 20px;
		margin-left: 10px;
		padding:5px 0 0 20px;
		border-bottom: 1px solid #C5C5C5;
	}

		ul#menuIntranet li a {
			display:block;
			width: 150px;
			height: 20px;
			font-family: Arial;
			font-size: 12px;
			color: #990000;
			text-decoration: none;
		}
		ul#menuIntranet li a:hover {
			display:block;
			width: 150px;
			height: 20px;
			font-family: Arial;
			font-size: 12px;
			color: #990000;
			text-decoration: none;
		}
				ul#menuIntranet img {
					padding-left: 10px;
				}
				
.style1 {color: #CCCCCC}

#box_login{
	text-align:right;
	width:190px;
	float:left;
}

#box_login a {
	float:left;
}

#box_login a.linkcadastrese{
	margin-right:42px;
	margin-top:10px;
}

p.texto_home {
	font-size:12px;
	padding:85px 0 0 0;
}

/* BUSCA DE PRODUTOS ------------------------ */

#buscaProduto {
	position:relative; height:60px; width:470px; margin-bottom:20px;
	background:url(../img/bg_busca.png) left top no-repeat;
}

#buscaProduto form { padding:8px 0 0 20px; }

#buscaProduto fieldset { border:0; padding-top:3px; }

#buscaProduto legend { color:#c29605; font-weight:bold; font-size:13px; margin-bottom:2px; }

#buscaProduto .lado_dir {
	display:block; position:absolute; top:0; right:0; height:100%; width:20px;
	background:url(../img/bg_busca.png) right top no-repeat;
}

#buscaProduto select, #buscaProduto input { border:#eed47f 1px solid; padding:2px; color:#666; }

#buscaProduto select { width:150px; }
#buscaProduto input[type="text"] { width:270px; margin:0 8px; }
#buscaProduto input[type="button"] { text-align:center; width:35px; background:#d1b24a; color:#fff; font-weight:bold; cursor:pointer; }

/* AVISOS DE LISTAGEM ------------------------ */

.aviso { text-align:center; font-size:120%; }
.nenhum { color:#900; }

/* LISTAGEM DE VÍDEOS ------------------------ */

#videos { margin-top:30px; list-style:none; }

.videoChef { text-align:center; padding-top:10px; border-top:1px dotted #999!important; border-bottom:1px dotted #0f5385!important; }

#videos li {
	position:relative; width:200px; height:140px; float:left; margin:0 0 30px 30px;
	background:url(../img/sombra_video.png) right bottom no-repeat;
}

#videos .vid { position:relative; left:-5px; top:-5px; width:100%; height:100%; border:1px #ddd solid; margin:0; padding:0; }

#videos .vid a { width:100%; height:100%; }
#videos .vid a:hover .leg { text-decoration:underline; }

#videos .vid img { border:0; margin:8px 0 0 34px; }

#videos .leg { position:absolute; top:120px; left:10px; margin:0; padding:0; font-size:13px; color:#c29605; font-weight:bold; }

