/*
DINÂMICA MIDIA INTERATIVA 
www.dinamicami.com.br */

body, h1, h2, h3, h4, h5, h6, p, a, input, form, img {
	margin:0;
	border:none;
	padding:0;
	text-decoration:none;}
	
body {background:url(../img/bg.jpg) repeat-y center #cce7d4; font-size:12px; font-family:"Trebuchet MS", Arial, Verdana;	margin:auto;}
.red{color:#F00;}
#site {	width:995px; height:auto; margin:auto;}

#logotopo {width:327px; height:332px; float:left;}
#topofundo {width:665px; height:60px; background:url(../img/bg_topo.jpg) no-repeat;	float:left;}

#flash {width:667px; height:265px; float:right;}

#destaques {width:328px; height:30px; background:#48887B; float:left;}


/* ----- Flutuantes ----- */
#linksflut {position:absolute; z-index:200; margin:365px 0 0 960px; *margin:365px 0 0 750px; width:250px;}
#fashflut {	width:663px; height:336px; position:absolute; z-index:100;}
#fashflut img{margin:0 0 0 0; padding:0;}
#flexa {width:32px;	height:50px; background:url(../img/flexa.png) no-repeat; position:absolute;	z-index:200; margin-top:339px; margin-left:615px; *margin-left:325px; }
/* ----- Final Flutuantes ----- */

#conteudo {width:830px;	background:url(../img/bg_cont.jpg) repeat-x #fff;	float:left; padding:40px 0 0 0; _height:540px; min-height:540px;}
#conteudoint1 {width:659px; height:523px; float:right; margin-top:66px;}
#conteudoint2 {width:219px; height:163px; float:left; line-height:24px;}
#conteudoint3 {width:575px; display:table; float:left; line-height:24px;	margin:65px 30px 30px 30px;}
#produto {width:240px; height:140px; float:left; margin:0 0 15px 15px; padding:5px; border:1px dotted #CCC;}
#produto .imagem{ border:1px dotted #CCC; padding:1px; float:left;}
#produto .detalhar{ text-decoration:none; display:block; padding:2px 0;}
#produto .comprar{text-align:right; text-decoration:none; display:block; padding:2px 0;}

#colunaesquerda {width:160px; _height:560px; min-height:560px;	float:left;	border-right:1px dashed;}
#areadocliente {width:140px; background:#D0E9D7;	padding:10px;}
#atendonline {width:142px; 	height:65px; background:#C1D9CC; line-height:10px; text-align:center; padding:8px;}
#cadastre {width:139px; background:#D0E9D7; line-height:15px; padding:10px;}
#cartaovirtual {width:140px; height:70px; background:#C1D9CC; padding:10px;}
#datas {width:140px; height:60px; background:#D0E9D7; padding:10px;}
#twitter {width:140px; height:49px;	background:#C1D9CC;	padding:10px; line-height:10px;}

/* ----- Menus ----- */
#menutopo {width:665px; height:40px; background:#48887B; float:left;}
#menuinterna {width:167px; height:auto;	float:left;}
#produtosInterna{ float:left; width:600px; padding:0 0 0 50px; display:table;}
.produtoSelect{ color:#F00!important; font-weight:bold;}

#menubv {width: 14em;  font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;}
#menubv ul {margin: 0;	padding: 0; }
#menubv li {border-bottom: 1px dashed #ccc;	margin: 0; list-style:none;}
#menubv li a {display: block; padding-left:5px;	color:#666;	text-decoration: none;}
#menubv li a:hover {font-weight:bold; color: #000;}

#menuhor {border:none; font: 12px "Trebuchet MS", Arial, Verdana; text-align:center; margin:auto; padding:5px; margin-left:20px;}
#menuhor li {list-style: none; margin: 0; display: inline;}
#menuhor li a {	width:70px;	display:block; float:left;	height:1px; /* IE5.0 bug */	margin:0; text-decoration: none;}
#menuhor li a:link {color: #fff;}
#menuhor li a:visited {color: #fff;}
#menuhor li a:hover {color:#D1E5A5;}
/* ----- Final dos menus ----- */


#rodape {width:992px; height:50px; clear:both; margin:auto; display:table; background:url(../img/rodape.jpg) no-repeat; padding-right:2px;}


/* ----- Class's ----- */
.carrinho {	width:157px; height:35px; float:left; font-family:"Trebuchet MS", Arial, Verdana; font-size:12px; color:#FFFFFF; line-height:13px;	margin: 4px 0 0 0;}
.destaques2 {width:127px; height:28px; float:right;	margin:5px 0 0 40px; font-size:15px; color:#FFFFFF;}
.produtosint {width:115px; height:28px;	float:right; margin:5px 0 0 1px; font-size:22px; color:#FFFFFF;}
.prodint {margin:10px 5px 5px 15px;	padding-left:90px;}
.compras { margin:1px 1px 1px 0;}
.cliqueaqui {width:365px; height:50px; float:left; line-height:24px; margin:5px;}
.treb12branco {font-size:12px; color:#373435; line-height:10px;	text-align:left; widht:90px;}
.treb20branco {font-size:20px; color:#FFFFFF; margin-left:50px;}
.treb12preto {font-family:"Trebuchet MS", Arial, Verdana; font-size:12px;}
.treb12verde {font-family:"Trebuchet MS", Arial, Verdana; font-size:14px; color:#48887B; margin-left:10px;}
.inpt {	width:116px; border:solid 1px; margin-left:10px;}
.btnMenuLateral{ margin:5px; width:120px; text-align:right; background:transparent;}
.ent {width:45px; float:right; text-decoration:none;}
.ent a:link {color:#000000; display:inline;}
.ent a:hover {color:#48887B;}
.ent a:visited {color:#000000;}
.treb2verde {font-family:"Trebuchet MS", Arial, Verdana; font-size:12px; color:#48887B;}
.treb12cinza {font-family:"Trebuchet MS", Arial, Verdana; font-size:12px; color:#373435; text-align:left; width:150px; margin:1px;}
.treb14preto {font-size:14px; color:#333333;}
.cad {width:60px; float:right; color:#000000; text-decoration:none;}
.cad a:link {color:#000000;}
.cad a:hover {color:#48887B;}
.cad a:visited {color:#000000;}
.cad2 {width:60px; float:right;	color:#000000; text-decoration:none;}
.newa {	font-size:10px;	color:#201E1E; margin:5px;} 
.code { float:left; font-size:12px;	margin-top:5px; width:130px; margin:0 0 0 5px; }
/* -----Final das Class's ----- */
#carrinho{padding:50px 0 0 50px;}
#carrinho .tabelacarrinho{ width:700px;}
#carrinho .tabelacarrinho .header{ text-transform:uppercase; background:#48887B; color:#FFF;}
#carrinho .tabelacarrinho td{ padding:3px; border:1px dotted #999;}
#carrinho .tabelacarrinho .campo{ border:1px solid #CCC;}
#carrinho .tabelacarrinho .zebra{ background:#E2E2E2;}
#carrinho .tabelacarrinho .total{ color:#F00; }
#carrinho .tabelacarrinho .footer a{ background:#666; color:#FFF; padding:3px; margin:3px; display:block; text-align:center;}

#cadastrar{ padding:50px 0 0 50px;}
#cadastrar strong{ display:block;}
#cadastrar .campos{ border:1px solid #999; padding:3px; width:300px;}
#cadastrar .campos-{ border:1px solid #999; padding:3px; width:150px;}
#cadastrar .botao{ display:block; padding:5px; display:block; height:30px; margin:10px 0; border:1px solid #999;}
#cadastrar span{ color:#F00; padding:5px; font-weight:bold;}

#cadastro-editar{ padding:50px 0 0 50px;}
#cadastro-editar strong{ display:block;}
#cadastro-editar .campos{ border:1px solid #999; padding:3px; width:300px;}
#cadastro-editar .campos-{ border:1px solid #999; padding:3px; width:150px;}
#cadastro-editar .botao{ display:block; padding:5px; display:block; height:30px; margin:10px 0; border:1px solid #999;}
#cadastro-editar span{ color:#F00; padding:5px; font-weight:bold;}

#fechar-pedido{ padding:50px 0 0 50px;}

#login2{width:165px;	height:195px;	margin:50px 0 20px 50px;	padding:10px 0 0 10px;	display:block;	background:#eeeeee;	float:left;	text-align:center;}
#login2 input[type=text],input[type=password]{	display:block;	padding:4px;	border:1px dotted #999;}
#login2 input[type=button],input[type=submit]{	width:144px;	height:20px;	display:block;	color:#000;}