/*--------------------------------
	autor: Thiago Alves Luiz
	email: taltk9@gmail.com
	twitter: @taltk9
----------------------------------*/

/*Estrutura principal*/

body, html { width: 100%; height: 100%; margin: 0px; padding: 0px;
			background-color: #e0980d;  background-image: url(../imagens/bkg.gif); background-repeat: repeat-x; 
			color: #424242; font-size: 11px; font-family: Arial, Helvetica; }

a { color: #7e7f81; text-decoration:underline; } a:hover { text-decoration:underline; }
p { padding-bottom: 3px; line-height: 18px; text-align: justify; }					 
ul { padding-bottom : 0px;  list-style-type : none; margin-bottom : 0px; margin-top : 5px; }
li { padding-bottom: 5px; list-style-type: none; margin-left: 0px; /*list-style-image: url(../imagens/);*/ }
h1 { font-size: 16pt; color: #ffffff; }
h2 { font-size: 14pt; color: #c6e2ef; }
label { font-weight:bold; }
input, select{ font-family: Arial, Helvetica; background-color: #e5e5e5; border:none; color:#575858; padding:10px; width: 190px; margin: 0px 0px 0px 0px; }
textarea { font-family: Arial, Helvetica; background-color:#e5e5e5; border:none; color:#575858; padding:10px; width:416px; margin-bottom:5px; height:75px; overflow:hidden; }

/*Novas estruturas*/

#topo { width:960px; padding-top:35px; margin:auto; margin-bottom:-40px; }
#menu { width:960px; margin:auto; margin-bottom:-20px; }
#aba { float:right; width:370px; margin-bottom:-1px; color:#ffffff; font-family: Helvetica; font-size:10px; font-weight:bold; }
#conteudo { width:960px; margin:auto; background-color:#27282a; padding-top:20px; }
#menu_redes_sociais { width:905px; margin:auto; }
#informacao { width:930px; margin:auto; padding-top:18px; }
#rodape { width:905px; margin:auto; padding-top:20px; color:#848789; font-size:8pt; }

/*Classes*/

.aba_box { width:325px; height:37px; padding: 8px 5px 0px 0px; background-color:#28282a; float:left; text-align:right; }
.aba_left { width:20px; height:46px; display:block; background-image: url(../imagens/elementos.png); background-position:-143px -122px; float:left; }
.aba_right { width:20px; height:46px; display:block; background-image: url(../imagens/elementos.png); background-position:-164px -122px; float:left; }
#aba h1 { font-size:9pt; font-weight:bold; margin-bottom:7px; }

.conteudo_bottom { width:960px; margin:auto; height:20px; display:block; background-image: url(../imagens/elementos.png); background-position:left -414px; }

.menu_box { width:922px; height:89px; display:block; background-image: url(../imagens/elementos.png); float:left; }
.menu_left { width:18px; height:90px; display:block; background-image: url(../imagens/elementos.png); background-position:-104px -122px; float:left; }
.menu_right { width:20px; height:90px; display:block; background-image: url(../imagens/elementos.png); background-position:-123px -122px; float:left; }
.menu_redes_sociais_box { width:867px; height:39px; padding-top:5px; background-color:#1c1d1e; float:left; }
.menu_redes_sociais_left { width:19px; height:44px; display:block; background-image: url(../imagens/elementos.png); background-position:-3px -120px; float:left; }
.menu_redes_sociais_right { width:19px; height:44px; display:block; background-image: url(../imagens/elementos.png); background-position:-24px -120px; float:left; }

a.menu_empresa { margin:15px 32px 0px 10px; width:109px; height:53px; display:block; background-image: url(../imagens/elementos.png); background-position:-24px -443px; float:left; }
a.menu_empresa:hover { background-position:-24px -493px; }
a.menu_equipe { margin:15px 32px 0px 35px; width:88px; height:53px; display:block; background-image: url(../imagens/elementos.png); background-position:-202px -443px; float:left; }
a.menu_equipe:hover { background-position:-202px -493px; }
a.menu_produtos { margin:15px 22px 0px 22px; width:124px; height:53px; display:block; background-image: url(../imagens/elementos.png); background-position:-340px -443px; float:left; }
a.menu_produtos:hover { background-position:-340px -493px; }
a.menu_contato { margin:15px 20px 0px 20px; width:105px; height:53px; display:block; background-image: url(../imagens/elementos.png); background-position:-499px -443px; float:left; }
a.menu_contato:hover { background-position:-499px -493px; }
a.menu { width:153px; height:54px; padding-top:35px; text-align:center; float:left; font-size:16pt; color:#222325; display:block; text-decoration:none; } a.menu:hover { color:#9a8a0c; text-decoration:none; }
.telefone { margin:25px 0px 0px 44px; width:210px; height:42px; display:block; background-image: url(../imagens/elementos.png); background-position:-719px -527px; float:left; }
.telefone2 { margin:33px 0px 0px 12px; width:278px; height:21px; display:block; background-image: url(../imagens/elementos.png); background-position:-667px -576px; float:left; }
.divisoria { width:3px; height:89px; display:block; background-image: url(../imagens/elementos.png); background-position:left -91px; float:left; }

a.twitter { margin-right:50px; width:110px; height:33px; display:block; background-image: url(../imagens/elementos.png); background-position:left -220px; float:left; } a.twitter:hover { background-position:left -270px; }
a.blogger { margin-right:50px; width:138px; height:33px; display:block; background-image: url(../imagens/elementos.png); background-position:-156px -220px; float:left; } a.blogger:hover { background-position:-156px -270px; }
a.flickr { margin-right:50px; width:76px; height:33px; display:block; background-image: url(../imagens/elementos.png); background-position:-350px -220px; float:left; } a.flickr:hover { background-position:-350px -270px; }
a.youtube { margin-right:50px; width:90px; height:33px; display:block; background-image: url(../imagens/elementos.png); background-position:-34px -317px; float:left; } a.youtube:hover { background-position:-34px -363px; }
a.orkut { margin-right:50px; width:82px; height:33px; display:block; background-image: url(../imagens/elementos.png); background-position:-174px -317px; float:left; } a.orkut:hover { background-position:-174px -363px; }
a.facebook { width:120px; height:33px; display:block; background-image: url(../imagens/elementos.png); background-position:-303px -317px; float:left; } a.facebook:hover { background-position:-303px -363px; }

#rodape a:hover { color:#ffffff; }
.rodape_coluna_esquerda { float:left; padding-top:10px; }
.rodape_coluna_direita { float:right; text-align:right; }
a.logoNutriStore { float:left; width:68px; height:52px; display:block; background-image: url(../imagens/elementos.png); background-position:-721px -309px; }
a.logoNutriStore:hover { background-image: url(../imagens/elementos.png); background-position:-329px -121px; }
.rodape_endereco { margin-left:8px; float:left; padding-top:10px; }
a.menuRodape { font-size:9pt; font-weight:bold; text-decoration:none; } a.menuRodape:hover { color:#ffffff; }
.formatoNUTRIrs { font-size:14pt; font-weight:bold; color:#7d7e7f; }
.formatonutriRS { font-size:14pt; font-weight:bold; color:#3b3c3d; }
p.rodape_coluna_direita { float:none; text-align:right; }

.box { width:436px; padding:12px; background-color:#ffffff; }
.box_titulo { height:22px; padding:12px; width:436px; background-color:#e5e5e5; color:#6b6b6b; font-size:14pt; }
.box_top { width:460px; height:14px; display:block; background-image: url(../imagens/elementos.png); background-position:-3px -90px; }
.box_bottom { width:460px; height:14px; display:block; background-image: url(../imagens/elementos.png); background-position:-3px -106px; }

.tituloConheca { width:178px; height:20px; display:block; background-image: url(../imagens/elementos.png); background-position:-719px -472px; }
.tituloTwitter { width:178px; height:17px; display:block; background-image: url(../imagens/elementos.png); background-position:-719px -447px; float:left; }
.tituloContato { width:178px; height:20px; display:block; background-image: url(../imagens/elementos.png); background-position:-719px -497px; }

.informacao_coluna_esquerda { width:460px;margin-right:8px;float:left; }
.informacao_coluna_direita { float:left;width:460px; }

.corCinza80 { color:#333333; }

.bordaCinza { border:3px solid #e5e5e5; }

.passarinhoTwitter { width:59px; height:43px; margin-top:-15px; display:block; float:right; background-image: url(../imagens/elementos.png); background-position:-44px -120px; }
#twitter_update_list a { color:#e9b550; text-decoration:none; } #twitter_update_list a:hover { text-decoration:underline; }
#twitter_update_list li { margin-bottom:15px; }

a.botaoBranco { font-size: 15px; color:#3f4040; text-decoration:none; text-align:center; width:70px; padding-top:11px; height:25px; display:block; background-image: url(../imagens/elementos.png); background-position:-184px -156px; }
a.botaoBranco:hover { color:#ffffff; background-image: url(../imagens/elementos.png); background-position:-256px -156px; }
a.botaoCinza20 { font-size: 15px; color:#ffffff; text-decoration:none; text-align:center; width:70px; padding-top:11px; height:28px; display:block; background-image: url(../imagens/elementos.png); background-position:-255px -119px; } 
a.botaoCinza20:hover { background-image: url(../imagens/elementos.png); background-position:-256px -156px; }
a.botaoCinza90 { font-size: 15px; color:#ffffff; text-decoration:none; text-align:center; width:71px; padding-top:10px; height:27px; display:block; background-image: url(../imagens/elementos.png); background-position:-184px -120px; }
a.botaoCinza90:hover { background-image: url(../imagens/elementos.png); background-position:-255px -157px; }

.mascara_produto { width:91px; height:180px; padding-top:120px; padding-left:135px; display:block; float:right; background-image: url(../imagens/elementos.png); background-position:-466px -92px; }
.produto { width:226px; height:300px; background-color:#ffffff; float:left; }

input.campoNome { padding:10px 10px 10px 32px; width: 170px; float:left; background-image: url(../imagens/elementos.png); background-position:-714px -116px; }
input.campoEmail { padding:10px 10px 10px 38px; width: 165px; float:right; background-image: url(../imagens/elementos.png); background-position:-714px -216px; }
input.botaoEnviar { float:right; cursor:pointer; font-size: 15px; color:#ffffff; background-color:transparent; text-decoration:none; text-align:center; width:70px; padding:0px; height:39px; display:block; background-image: url(../imagens/elementos.png); background-position:-255px -119px; } 
input.botaoEnviar:hover { background-image: url(../imagens/elementos.png); background-position:-256px -156px; }
