/*
	BrinquedosUniao.com Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout comum
----------------------------------------------- */

	* {
		margin:0px;
		padding:0px;
		}
		
		
	body {
		background-image:url(../images/bg_body.gif);
		background-repeat:repeat-x;
		background-color:#53a2ff;
		background-color:#fff;
		}

	#BoxCentral {
		background-color:#FFFFFF;
		width:700px;
		border: 1px #083775 solid;
		text-align:left;
		}
		
	#MenuSuperior {
		width:700px;
		height:32px;
		background-color:#fff;
		}
		
	#DropDown {
		width:86px;
		height:100px;
		position:absolute;
		}

	#Header {
		background-image:url(../images/headerteste.jpg);
		width:700px;
		height:300px;
		}
	
	#Destaque {
		position:absolute;
		width:320px;
		height:350px;
		z-index:1;
		}
		
		.DestaquinhoCentral {
			background-image:url(../images/bg_destaquinho_toptoy.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			height: 151px;
			width: 234px;
			padding-top:14px;

		}
		
	#Webmail {
		background-image:url(../images/barrinha_webmail.jpg);
		width:700px;
		height:37px;
		margin-top:32px;
		}
		
	#WebMailAjuste {
		padding-top:16px;
		padding-left:10px;
		color:#fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		}
	
	#Conteudo {
		padding:10px;
		background-color:#EEF6FE;
		/*background-image:url(../images/bg_geral.jpg);
		background-position:top;
		background-repeat:repeat-x;	*/
		}
	
	#BannerTop {
		margin-top:25px;
		margin-bottom:15px;
		border:solid 1px #CED5DE;
		width:678px;
		height:60px;
		}
		
	#CaixaTexto {
		/*float:left;*/
		margin-top:30px;
		padding-left:20px;
		margin-bottom:15px;
		background-color:#EEF6FE;
		/*width:270px;*/
		}
		
	#CaixaTextoRepresentantes {
		float:left;
		margin-top:30px;
		padding-left:20px;
		margin-bottom:15px;
		background-color:#EEF6FE;
		width:270px;
	
	}

	#CaixaRestrito {
		margin-top:30px;
		background-color:#EEF6FE;
		float:right;
		width:390px;
	}
			
	#BoxEsquerda {
		float:left;
		width:55%;
		}
		
	#BoxDireita {
		float:right;
		width:40%;
		}
		
	#BoxDestaquinho {
		width:235px;
		height:155px;
		background-image:url(../images/bg_destaquinho.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		}
		
	#BoxLancamento {
		margin-top:15px;
		width:420px;
		height:155px;
		background-image:url(../images/bg_lancamentos.jpg);
		background-position:center top;
		background-repeat:no-repeat;	
		}
	
	#TextoGeral {
		padding-top:25px;	
		}
	
	#TextoNossaEmpresa {
		margin-top:20px;
		float:left;
		width:400px;
		}
	
	#TextoNossaHistória {
		margin-top:30px;
		float:left;
		width:400px;
		}
	
	#MapaLocalizacao {
		margin-top:30px;
		float:left;
		width:400px;
		height:300px;
		padding-left:15px;
		}
	
	#FaleConosco {
		margin-top:30px;
		float:left;
		width:400px;
		padding-left:15px;
		}
	
	#FaleConoscoSucesso {
		background-color:#F8FBFF;
		border:solid 1px #D0D1D2;
		color:#404B60;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:center;
		padding:10px;	
	}
	
	#DestaqueNossaEmpresa {
		float:right;
		width:250px;
		height:221px;
		background-image:url(../images/destaque_nossaempresa.jpg);
		margin-top:20px;
		}
	
	#DestaqueNossaHistória {
		float:right;
		width:250px;
		height:221px;
		background-image:url(../images/destaque_nossaempresa.jpg);
		margin-top:20px;
		}	
	
	#DestaqueLocalizacao {
		float:right;
		width:245px;
		background-image:url(../images/destaque_localizacao.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		margin-top:20px;
		padding-top:230px;
		}	
	
	
	#DestaqueFaleConosco {
		float:right;
		width:245px;
		background-image:url(../images/destaque_faleconosco.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		margin-top:20px;
		padding-top:230px;
		}	
	
	#DestaqueTrabalhe {
		float:right;
		width:247px;
		background-image:url(../images/destaque_trabalhe.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		margin-top:20px;
		padding-top:222px;
		}	
		
	#TextoProduto {
	
	
		}
	
	#BoxLocalizacao {
		width:180px;
		background-color:#F8FBFF;
		border:solid 1px #D0D1D2;
		color:#404B60;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:center;
		padding:10px;	
		}	
	
	#BoxRepresentantes {
		width:770px;
		height:180px;
		line-height:30px;
		/*background-color:#F8FBFF;
		border:solid 1px #D0D1D2;*/
		color:#404B60;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:24px;
		padding-left:10px;
		/*background-image:url(../images/lock.png);
		background-position: 6px 6px;
		background-repeat:no-repeat;*/
		text-align:left;
		}
		
	#BoxRepresentantes p { margin-bottom:14px; }
		
	#box_rep_login li {
		margin:0px;
		padding:5px;
		list-style:none;
		line-height:10px;
	}
		
		
	#Rodape {
		width:692px;
		padding:3px;
		padding-left:5px;
		background-color:#dadada;
		color:#505050;
		font-size:10px;
		}
		
	#RodapeCopy {
		float:left;	
		}
	
	#RodapeIntranet {
		float:right
		}
	
	#tabelanutricional table td {
		font-family:"Trebuchet MS", Verdana, Arial;
		border:1px solid #e0e0e0;
		background-color:#EEF6FE;
		color:#000000;
		
		font-size:10px;
		padding:1px;
		padding-left:4px
		}
		
		
		
	/* liScroll style declarations */
/*
	.tickercontainer { 
		border: 0px solid #000;
		background: #EEF6FE; 
		width: 660px; 
		height: 27px; 
		margin: 0; 
		padding: 0
		overflow: hidden;
		}
	.tickercontainer .mask { 
		position: relative;
		left: 10px;
		top: 8px;
		width: 660px;
		overflow: hidden;
		}
	#produtos_ticker { 
		background-color: gray;
		position: relative;
		left: 750px;
		font: bold 10px Verdana;
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 50px;
		
		
		}
	#produtos_ticker li {
		float: left;
		margin: 0;
		padding: 0;
		background: #EEF6FE;
		}
	#produtos_ticker a {
		white-space: nowrap;
		padding: 0;
		color: #EEF6FE;
		font: bold 10px Verdana;
		margin: 0 5px 0 0;
		} 
	#produtos_ticker span {
		margin: 0 10px 0 0;
		} 
		*/
	
	.produtos_ticker {
		float:left;
		margin: 4px;
		margin-top: 20px;	
		width: 127px;
	}
	
	.produtos_ticker {
		list-style-type: none;
	}
		
		
	

	.clearfix {clear:both}
	

		
			
/* typography
----------------------------------------------- */

	body {
		font-family:"Trebuchet MS", Verdana, Arial;
		font-size:12px;
		}
		
	.breadcrumbs {
		margin-top:10px;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#2658B6;
		}
	
	.TextoAzul {
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#2658B6;
		}

	.TextoAzul2 {
		color:#2658B6;
		font-variant:small-caps;
		}
				
	.TextoCinza {
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:16px;
		color:#666;
		}
		
	.red { color:#FF0000 }

	form.faleconosco {
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666666;	
		}
		
		
	.BoxDetalhes {
		background-image:url(../images/bg_produto_uniao.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		background-color:#F6FBFF;
		border:1px solid #CFCFD0;
		padding:4px;
		margin-top:10px;
		}
	
	.atendimento{ background-image: url(../images/atendimento.jpg);
	 			  background-position:top center;
				  background-repeat:no-repeat;
				  width:128px;
				  height:48px;
				  text-align:center;
				  padding:20px;
				  margin:20px;
	 }
	
	.DestaquinhoP {
		font-family:"Trebuchet MS", Verdana, Arial;
		font-size:11px;
		background-image:url(../images/bg_destaquinho_pequeno.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		width:210px;
		height:151px;
		padding-top:14px;
		}
		
	.Destaquinho {
		font-family:"Trebuchet MS", Verdana, Arial;
		font-size:11px;
		background-image:url(../images/bg_destaquinho.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		width:234px;
		height:151px;
		padding-top:14px;
		}	
		
	.Destacao {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		width:426;
		height:151px;
		padding:10px;
		padding-top:10px;
		}		
	
	.DestaquinhoContate {
		font-family:"Trebuchet MS", Verdana, Arial;
		font-size:11px;
		background-image:url(../images/contate.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		width:210px;
		height:151px;
		padding-top:14px;
		}
	
	
	.QuadroFornecedor {
		width:96%;
		padding:4px;
		border:1px solid #3346CC;
		background-color:#E8EFFF;	
	}
	
	
	.lista_representantes {
		border:1px solid #3333FF;
		background-color:#fff;
		font-family:"Trebuchet MS", Verdana, Arial;
		font-size:10px;
		color:#3346CC;
		margin-bottom:4px;
		padding:4px;
		width:80%;
	}
	
	
	
	.warning {
		border:1px solid #3865CA;
		background-color:#AFCBFB;
		padding:15px;
		color:#3865CA;
		font-family:"Trebuchet MS", Verdana, Arial;
		font-size:16px;
		font-weight:bold;	
	}
	
	
	

	.bold {
		font-weight:bold
		}
		
		
	.detalhes_do_produto {
		font-size:9px;
		
	
	
	}
	
	
	
	a.Rodape:link {
		color: #505050;
		text-decoration:none;
		}
	a.Rodape:visited {
		color: #2658B6;
		text-decoration:none;
		}
	a.Rodape:hover {
		color: #000;
		text-decoration:underline;
		}
	a.Rodape:active {
		color: #505050;
		text-decoration:none;
		}






	a.Home:link {
		color: #000;
		text-decoration:none;
		}
	a.Home:visited {
		color: #000;
		text-decoration:none;
		}
	a.Home:hover {
		color: #333;
		text-decoration:none;
		}
	a.Home:active {
		color: #000;
		text-decoration:none;
		}



	a.breadcrumbs:link {
		color:#2658B6;
		text-decoration:none;
		}
	a.breadcrumbs:visited {
		color:#2658B6;
		text-decoration:none;
		}
	a.breadcrumbs:hover {
		color:#2658B6;
		text-decoration:none;
		}
	a.breadcrumbs:active {
		color:#2658B6;
		text-decoration:none;
		}



	a.produtos:link {
		color:#333;
		text-decoration:none;
		}
	a.produtos:visited {
		color:#333;
		text-decoration:none;
		}
	a.produtos:hover {
		color:#333;
		text-decoration:none;
		}
	a.produtos:active {
		color:#333;
		text-decoration:none;
		}
		
		
		
	a.Noticias:link {
		color:#333;
		text-decoration:none;
		font-variant:small-caps;
		}
	a.Noticias:visited {
		color:#333;
		text-decoration:none;
		font-variant:small-caps;
		}
	a.Noticias:hover {
		color:#333;
		text-decoration:none;
		font-variant:small-caps;
		}
	a.Noticias:active {
		color:#333;
		text-decoration:none;
		font-variant:small-caps;
		}		
		
		
		
		
/* forms
----------------------------------------------- */

	input.webmail {
		font-family:Verdana, Arial;
		font-size:10px;
		}
		
	input.faleconosco, select.faleconosco, textarea.faleconosco {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		color:#2658B6;
		
		}
		
	input.submit {
		border: 3px double #999999;
		border-top-color: #CCCCCC;
		border-left-color: #CCCCCC;
		padding: 4px;
		padding-left:6px;
		padding-right:6px;
		background-color: #FFFFFF;
		background-image: url(../images/background_form_element.gif);
		background-repeat: repeat-x;
		color: #333333;
		font-size: 12px;
		font-weight: bold;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		}