/* -------------------------------------------------- */
/* SOURCE CODE                                        */
/* -------------------------------------------------- */
/**
*
* @author Sharbel <sharbelfs@gmail.com>
* @copyright Copyright (c) 2007, NETCRIATIVA
*
*/

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

img { border:0px; }

body { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:11px; color:#000000; background:url(../../imagens/back.jpg) #091278 repeat-x fixed top center; }

#main { width:755px; background-color:#FFF; position:absolute; left:50%; margin-left:-385px; padding-left:15px; }

#frases { position:absolute; right:0; width:580px; height:105px; }

#topo { height:60px; padding-top:100px; margin-bottom:15px; width:770px; margin-left:-15px; background:url(../../imagens/topo.jpg) no-repeat left top }

#logo { width:210px; height:59px; background:url(../../imagens/logo.jpg) no-repeat left bottom; float:left; clear:left; overflow:hidden; }
#logo h1 { text-indent:-500px; }

#busca { float:right; height:33px; padding-top:6px; padding-right:20px; font-size:12px; color:#FFFFFF; }
#busca form { background:url(../../imagens/busca.gif) no-repeat 40px bottom; }
#busca input { width:150px; margin-left:3px; padding-right:3px; height:17px; border:0px; background:transparent; margin-bottom:3px; }
#busca button { border:0px; background:transparent; margin:0; padding:0; cursor:pointer; }

#menu_superior { height:25px; clear:right; float:right; width:500px; }
#menu_superior li { list-style:none; display:inline; background:url(../../imagens/list_item.jpg) left top no-repeat; padding-left:15px; height:21px; float:left; padding-right:35px; }

#menu { width:180px; float:left; clear:left; background:url(../../imagens/produtos.jpg) no-repeat top center #97c6f7; padding-top:35px; }
#menu li { list-style:none; background:#cbe3fb; border-bottom:1px solid #acd1f8; margin-top:4px; text-indent:10px; }
#menu li a {color:#000; text-decoration:none; }
#menu .menu_princ { background:url(../../imagens/menu_back.jpg) repeat-x center bottom; padding-bottom:46px; }

#menu .menu_interior { padding-top:4px; background:#97c6f7; }
#menu .menu_interior li { text-indent:20px; }

.nivel1 li a { background: #97c6f7; display:block; text-indent:20px; font-weight:bold; }
.nivel1 li a:hover { background:#cbe4ff; }
.nivel2 li a { background: #97c6f7; display:block; text-indent:20px; font-weight:normal; }
.nivel2 li a:hover { background:#97c6f7; }
.nivel3 li a { background: #b2cbe9; display:block; text-indent:30px; font-weight:normal; color: #006633 !important;}
.nivel3 li a:hover { background:#b2cbe9; }

#atividades { background:#fff; padding-top:20px; }

#newsletter { padding-top:20px; height:115px; background:#fff url(../../imagens/newsletter.jpg) no-repeat center center; }
#newsletter input { border:1px solid #84b283; background:#fff; width:100px; height:20px; color:#000; margin-left:40px; margin-top:45px; cursor:text; }
#newsletter button { margin-left:40px; border:0;padding:0; background:transparent; cursor:pointer; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; color:white; font-size:10px; font-weight:bold; }

#conteudo { float:left; width:565px; padding:5px; }
#conteudo li { list-style:none; padding-bottom:60px; height: 200px; }

ul.atividades { margin:0 !important; padding:0 !important; width:565px; }
ul.atividades li { margin:0 !important; padding:0 !important; margin-bottom:20px !important; width:565px; height:auto !important; }
ul.atividades li a { margin:0 auto; display:block; }
ul.atividades li.circulatorio a { width:447px; height:101px; background:url('../../imagens/atividades/circulatorio.jpg') no-repeat; }
ul.atividades li.visao a        { width:447px; height:104px; background:url('../../imagens/atividades/visao.jpg') no-repeat;        }
ul.atividades li.respiratorio a { width:447px; height:94px;  background:url('../../imagens/atividades/respiratorio.jpg') no-repeat; }
ul.atividades li.digestivo a    { width:447px; height:96px;  background:url('../../imagens/atividades/digestivo.jpg') no-repeat;    }
ul.atividades li.urinario a     { width:447px; height:114px; background:url('../../imagens/atividades/urinario.jpg') no-repeat;     }

.produtos { width:185px; height:180px; float:left; font-size:9px; text-align:justify; }
.produtos a { text-decoration:none; color:#000000; }
.produtos .foto { width:90px; height: 145px; float:left; }
.produtos .descricao { width:82px; padding:3px; height:137px; border:1px solid #B0B0B0; background-color:#EDEDED; float:left; }
.produtos .detalhes, .produtos .comprar { width:90px; height:29px; padding-top:10px; font-size:10px; float:left; }
.produtos .apenas { font-size:11px; }
.produtos .descricao2 { height:120px; overflow:hidden; }
.produtos .valor { font-size:12px; color:#FF0000; }
.produtos button { margin:0; padding:0; border:none; background:transparent; width:90px; padding-top:10px; font-size:10px; cursor:pointer; }

#rodape { width:770px; margin-left:-15px; font-size:11px; clear:both; height:51px; background:#4037f2 url(../../imagens/rodape_back.jpg) repeat-x center center; color:#FFFFFF; }

#rodape address { width:305px; float:left; text-align:center; padding-top:10px; background:url(../../imagens/rodaep_barra.jpg) no-repeat right center; height:41px; }

#rodape #pagseguro { float:left; height:50px; }
#rodape #pagseguro img { margin-left:30px; margin-top:1px; }

#rodape #netcriativa { width:165px; float:right; background:url(../../imagens/rodaep_barra.jpg) no-repeat left center; height:51px; }

#netcriativa a { text-align:center; display:block; color:#FFFFFF; text-decoration:none; font-size:12px; padding-top:5px; }

.local h1 { font-size:10px; }
.local a { color:#333333; }

.produto { padding-top:25px; }
.produto .img_produto { width:100px; float:left; }
.produto .detalhes_produto { float:left; padding-left:10px; font-size:14px; }
.produto .detalhes_produto h1 { font-size:22px; }
.produto .detalhes_produto .cod_produto { font-size:12px; padding-bottom:35px; }
.produto .preco { font-size:20px; color:#FF0000; }
.produto .info_produto { clear:both; padding-bottom:20px; padding-top:15px; }
.produto .info_produto h2 { clear:both; display:block; font-size:16px; margin-right:30px; border-bottom:1px solid #ccc; }

.fot_linha { float:left; clear:both; }
.fot_linha .fot_coluna { float:left; padding:10px; }

.navegacao { display:block; clear:both; margin-top:15px; border-top:1px solid #ccc; }
.navegacao li { list-style:none; display:inline; padding-left:70px; line-height:30px; }

.menu_ajuda { border-bottom:1px solid #ccc; }
.menu_ajuda li { display:inline; padding-left:40px; line-height:30px; }


.lista_produtos { text-align:center; }
.lista_produtos li { display:block; float:left; padding:5px; width:178px; height:178px; }
.lista_produtos li a { text-decoration:none; color:#000; }
.lista_produtos li span.h3 { display:block; font-size:12px; font-weight:bold; }
.lista_produtos li span.p { display:block; font-size:10px; }
.lista_produtos li span.p span { font-size:14px; font-weight:bold; color:#091278; }
.lista_produtos li button { margin:0; padding:0; border:none; background:transparent; width:90px; padding-top:10px; font-size:10px; cursor:pointer; }