/*------------------------------------*
autor:Aparelho de Ginastica
email:sac@jovialmagazine.com.br
*------------------------------------*/
/*Zerando formatação*/
* {margin: 0px;
padding: 0px;
list-style: none;
letter-spacing:0px;
}

/*Formatação Default*/
img {border:none;}
a {color:#333333;
background-color:inherit;
}

a:hover {color:#ee7822;
background-color:inherit;
}

/*Body*/
body {background-color:#fff;
color: #333333;
}

/*------------------------------------*
	Divs
*------------------------------------*/
/* Top*/
#top {background-image:url(arquivos/bg_topo.jpg);
width: 100%;
height: 111px;
}

#center_top {width:900px;
height: 16px;
margin:auto;
}

#logo {background-image:url(arquivos/aparelho_de_ginastica.jpg);
width: 305px;
height: 111px;
overflow: hidden;
text-indent: -5000px;
float:left;
margin:0px 20px 0px 0px;
}

#logo a {display: block;
width: 305px;
height: 111px;
}

/* Menu */
#center_menu {width: 539px;
height: 136px;
margin:auto;
float:left;
}

#menu {width: 553px;
height: 111px;
background-image: url(arquivos/bg_menu.jpg);
padding-top:0px;
float:left;
}

#menu_efeitos {width: 553px;
height: 111px;
background-image: url(arquivos/menu.jpg);
position: relative;
overflow: hidden;
text-indent: -5000px;
display: block;
}

#menu_efeitos li {position: absolute;}
#menu_efeitos li, #menu_efeitos a {height: 134px; display: block;}
#menu_home {left: 10px; width: 50px;}
#menu_sobre {left: 68px; width: 98px;}
#menu_produtos {left: 175px; width: 83px;}
#menu_novidades {left: 265px; width: 150px;}
#menu_fale {left: 420px; width: 135px;}
#menu_home a:hover {background: transparent url(arquivos/menu.jpg) -10px -111px no-repeat;}
#menu_sobre a:hover {background: transparent url(arquivos/menu.jpg) -68px -111px no-repeat;}
#menu_produtos a:hover {background: transparent url(arquivos/menu.jpg) -175px -111px no-repeat;}
#menu_novidades a:hover {background: transparent url(arquivos/menu.jpg) -265px -111px no-repeat;}
#menu_fale a:hover {background: transparent url(arquivos/menu.jpg) -420px -111px no-repeat;}
.lista_categorias {
width: 800px;
display:table;
border:1px solid #CCCCCC;
background-color:#fff;
margin:10px 0px 10px 40px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
}

.lista_categorias li {
float:left;
padding:10px 5px 10px 5px;
height: 20px;
}

.destaque {
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#666;
font-weight:bold;
float:left;
padding:10px 0px 0px 0px;
height: 20px;
}

/*----------------------------
	Index
---------------------------*/
#principal {
width: 856px;
height: 100%;
margin:auto;
padding-top:20px;
background-color:#ffffff;
}

#principal h2 {
width: 120px;
height: 36px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#8d1516;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_ofertas.jpg);
overflow: hidden;
text-indent: -5000px;
display:table;
}

#principal h3 {
font-size: 16px;
width: 250px;
height: 36px;
padding:20px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#000000;
margin:auto;
}

#produtos {
width: 100%;
padding:0px 5px 0px 10px;
display:table;
}

#produtos strong {
color:#666;
}

#produtos ul {margin-top: 20px;
display:block;
}

#produtos li {width: 50%;
float: left;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #646464;
margin-bottom:35px;
height:100px;
display:block;
}

#produtos a strong {color: #1a1e20;
}

#produtos a strong:hover {color: #ee7822;
}

#produtos img {
border:none;
float: left;
width: auto;
margin: 12px 10px;
}

/*----------------------------
	Descrição Produtos
---------------------------*/
#descricao_produto {
width: 900px;
height: 100%;
margin:auto;
padding-top:20px;
background-color:#ffffff;
}

#descricao_produto h2 {
height: 25px;
margin-left:10px;
width: 745px;
color:#1a1e20;
font-family:Georgia, Tahoma, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0px 0px 15px 20px;
}

#descricao_produto h3 {
height: 25px;
margin-left:10px;
width: 350px;
color:#1a1e20;
font-family:Georgia, Tahoma, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0px 0px 1px 580px;
}

#descricao {
width: 500px;
float:left;
font-size: 12px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color: #696969;
padding-left:10px;
}

#descricao b {
display:block;
margin:10px 0px 10px 0px;
font-size: 12px;
font-style:italic;
}

#descricao img {
margin: 20px 0px 20px 150px;
}

#box_carrinho {
margin:30px 0px 20px 0px;
width:250px;
height:auto;
margin:15px auto;
display:table;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#696969;
}

#box_carrinho ul {
border:1px solid #D6D7D9;
}

.alerta_top {
display:block;
width: 250px;
height: 30px;
background-image:url(arquivos/alerta_carrinho_segu.jpg);
text-indent:-50000px;
overflow:hidden;
}

.alerta_top a {
display:block;
width: 250px;
height: 32px;
}

.preco_avista {
background-color:#F5F5F5;
display:block;
width: 250px;
height: auto;
text-align:center;
border-bottom:1px solid #D6D7D9;
padding:0px 0px 10px 0px;
}

.preco_avista strong {
text-align:center;
color:#1a1e20;
}

.preco_avista b {color:#1a1e20;}
.preco_avista p {
padding:10px 0px 10px 0px;
}

.desconto {
background-color:#FFFFFF;
display:block;
width: 250px;
height: auto;
text-align:center;
padding:10px 0px 10px 0px;
border-bottom:1px solid #D6D7D9;
}

.desconto b {
color:#1a1e20;
}

.parcelado {
background-color:#FFFFFF;
display:block;
width: 250px;
height: auto;
text-align:center;
padding:10px 0px 10px 0px;
border-bottom:1px solid #D6D7D9;
}

.parcelado b {
color:#1766B7;
font-size:11px;
}

#box_carrinho table {
width: 250px;
height: auto;
}

#box_carrinho .parcela_titulo {
border-top:1px dashed #D6D7D9;
border-bottom:1px dashed #D6D7D9;
background-color:#F5F5F5;
}

#box_carrinho .parcela_numeros {
border-bottom:1px dashed #D6D7D9;
background-color:#FFFFFF;
}

/*----------------------------
	Fale Conosco
---------------------------*/
#faleconosco {width: 900px;
height: 100%;
margin:auto;
padding-top:40px;
background-color:#ffffff;
}

#faleconosco h2 {
width: 97px;
height: 38px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_fale.jpg);
background-repeat:no-repeat;
overflow: hidden;
text-indent: -5000px;
display:table;
}

#faleconosco p {
padding-left:20px;
margin-top:25px;
color:#1a1e20;
}

/*----------------------------
	newsletter
---------------------------*/
#newsletter {width: 770px;
height: 100%;
margin:auto;
}

#newsletter h2 {width: 712px;
height: 51px;
background-image:url(arquivos/titulo_newsletter.jpg);
overflow: hidden;
text-indent: -50000px;
margin-top:10px;
}

#newsletter p {
padding-left:20px;
margin-top:25px;
color:#791F91;
}

/*----------------------------
	lista
---------------------------*/
#lista {
width: 900px;
height: 100%;
margin:auto;
padding-top:20px;
background-color:#ffffff;
}

#lista h2 {
width: 108px;
height: 36px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_produtos.jpg);
overflow: hidden;
text-indent: -5000px;
display:table;
background-repeat:no-repeat;
}

#lista p {
padding-left:20px;
margin-top:25px;
color:#1a1e20;
}

/*----------------------------
	curiosidade
---------------------------*/
#curiosidade {width: 770px;
height: 100%;
margin:auto;
padding-top:40px;
}

#curiosidade h2 {
font-size: 16px;
width: 680px;
height: 23px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 0px;
}

#curiosidade h3 {
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#444;
font-style:italic;
padding:10px 0px;
}

#curiosidade h4 {
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#444;
font-style:italic;
padding:10px 0px 10px 0px;
}

#curiosidade p {
padding:10px 0px 10px 20px;
color:#444;
}

#curiosidade img {
float:left;
padding:0px 10px 10px 0px;
}

/*----------------------------
	Sobre-nos
---------------------------*/
#sobre-nos {
width: 900px;
height: 100%;
margin:auto;
padding-top:20px;
background-color:#ffffff;
}

#sobre-nos h2 {
width: 89px;
height: 37px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 20px;
background-image:url(arquivos/titulo_sobre.jpg);
overflow: hidden;
text-indent: -5000px;
display:table;
background-repeat:no-repeat;
}

#sobre-nos p {
padding-left:20px;
margin-top:25px;
color:#1a1e20;
}

/*----------------------------
	Ampliar Imagem
---------------------------*/
#amp_imagem {width:100%;
height: 100%;
}

#amp_imagem h2 {
background-image:url(arquivos/bg_topo.jpg);
height: 35px;
padding:22px 0px 0px 10px ;
color:#fff;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
}

#amp_imagem ul {
text-align:center;
}

.bot_fechar {
border:none;
width: 150px;
height:22px;
cursor: pointer;
display:block;
border:2px solid #1a1e20;
margin:auto;
padding-top:6px;
background-color:#1a1e20;
margin-top:10px;
color:#FFFFFF;
text-align:center;
}

.bot_fechar a {
width: 150px;
height:22px;
display:block;
color:#FFFFFF;
}

/*----------------------------
	Ampliar segura
---------------------------*/
#amp_segura {width:100%;
height: 100%;
}

#amp_segura h2 {
background-image:url(arquivos/bg_topo.jpg);
height: 35px;
padding:22px 0px 0px 10px ;
color:#fff;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
}

#amp_segura ul {
text-align:center;
}

/*----------------------------
	Formulário Padrão
---------------------------*/
#faleconosco form {
padding-left:20px;
margin-top:25px;
font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:12px;
color: #1a1e20;
}

#faleconosco form fieldset {
border:none;
}

#faleconosco form legend {
display:none;
}

#faleconosco form label {
display: block;
font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:14px;
color:#1a1e20;
}

#faleconosco form input {
margin:10px 0px ;
width: 200px;
border: 2px solid #D6D7D9;
background-image:url(arquivos/bg_input.jpg);
height:20px;
color:#1a1e20;
padding:0px 0px 0px 5px;
}

#faleconosco form select {
margin:10px 0px ;
width: 200px;
border: 2px solid #D6D7D9;
height:22px;
color:#1a1e20;
}

#faleconosco form textarea {
margin:10px 0px ;
width: 400px;
border: 2px solid #D6D7D9;
background-image:url(arquivos/bg_form_text.jpg);
height:150px;
color:#1a1e20;
padding:0px 0px 0px 5px;
}

#faleconosco .botao {
border:none;
width: 150px;
height:28px;
cursor: pointer;
display:block;
color:#1a1e20;
border:2px solid #DBD4D4;
}

#faleconosco form select:focus {border-color:#1a1e20;}
#faleconosco form input:focus {border-color:#1a1e20;}
#faleconosco form textarea:focus {border-color:#1a1e20;}
/*----------------------------
	curiosidade
---------------------------*/
#curiosidade {width:830px;
height: 100%;
margin:auto;
font-family:Arial, Helvetica, sans-serif,verdana, times new roman, times;
font-size:12px;
}

#curiosidade h2 {
font-size: 16px;
width: 680px;
height: 23px;
padding:0px 0px 0px 0px;
font-family:Tahoma,Arial, sans-serif,Verdana;
color:#1a1e20;
margin:0px 0px 15px 0px;
}

#curiosidade h3 {
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#1a1e20;
font-style:italic;
padding:10px 0px;
}

/*
------------------------------------------------------
	Rodape
-------------------------------------------------------------
*/
#rodape {
width: 100%;
height: 100%;
margin:auto;
font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border-top:8px solid #323742;
background-color:#1a1e20;
}

.rodape_center {
margin:auto;
height: 100%;
width: 780px;
text-align:center;
padding:10px 0px 40px 0px;
display:table;
}

/*Formas de pagamento*/
.formas_pagamento {
margin-bottom:10px;
text-align:left;
float:left;
width: 268px;
height: 240px;
padding:10px 150px 10px 50px;
}

.formas_pagamento li {
padding:2px 0px 4px 0px;
}

/*rodape informacoes*/
.rodape_informacoes {
text-align:left;
width: 268px;
height: 150px;
float:left;
padding:10px 0px 10px 0px;
}

.rodape_informacoes li {
padding:2px 0px 4px 0px;
}

.rodape_center a {
font-family: Tahoma,Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#fff;
}

.rodape_center a:hover {
color:#ee7822;
}

#rodape h2 {
text-align:left;
width: 171px;
height: 44px;
color:#1a1e20;
font-size: 14px;
background-image:url(arquivos/rodape_title_formas.jpg);
overflow: hidden;
text-indent: -5000px;
}

#rodape h3 {
text-align:left;
width: 97px;
height: 39px;
color:#1a1e20;
font-size: 14px;
background-image:url(arquivos/rodape_title_info.jpg);
overflow: hidden;
text-indent: -5000px;
}

.rodape_direito {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#fff;
clear:left;
margin-top:25px;
}

.rodape_direitos {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#rodape .rodape_titulo {border:none;}
#imageContainer {
position: relative;
width: 780px;
border:1px solid #CCCCCC;
margin-left:20px;
}

#imageContainer {
height: 200px;
}

#imageContainer img {
width: 780px;
height: 200px;
display: none;
position: absolute;
top: 0;
left: 0;
}