/* CSS Document */

*{margin:0px; padding:0px; border:0; font-family:Arial, Helvetica, sans-serif; line-height:100%;}
* a{cursor:pointer}
body{margin:0px; padding:0px;}






/* ------###### TOPO ######------ */

#login{position:absolute; left:620px;}
#login a img{margin:0; padding:0; float:left;}

#msgprint{display:none;}

#topobg{
	width:100%; height: 120px; display:block;
	background: #0800A5 URL(../_img/bg-topo-2.gif) repeat-x 28px 0px;
}

#topo{
	width:775px; height:118px; display:block; margin-bottom:2px;
	background: #0800A5 URL(../_img/topo.jpg) no-repeat top left;
}

#logo img{
	width:245px; height:75px; display:block;
	position:absolute; top:5px; left:5px;
}


/* --- Menu 1 - Principal --- */

.mempresa{left:-5px;}
.mlojas{left:129px;}
.mprodutos{left:263px;}
.mcontato{left:397px;}

#menu1{position:absolute; top:88px; left:5px;}
#menu1 li{list-style:none; position:absolute;}
#menu1 li a{
	background: Transparent url(../_img/menu1-hover.gif) no-repeat 400px 0px;
	display:block; width:156px; height:21px; float:left;
	text-align:center; padding-top:3px;
	font-size:14px; font-weight:bold; font-style:italic;
	color:#FFF; text-decoration:none;
}
#menu1 li a:hover{
	color:#FFCC00; background: Transparent url(../_img/menu1-hover.gif) no-repeat 0px 0px;
}



/* --- Menu 2 - Ofertas --- */

#menu2{
	width:100%; height:20px; display:block; 
	background:#FFD800 URL(../_img/bg-topo-3.gif) no-repeat top left; 
}
#menu2 h3{
	width:210px; height:18px;
	display:block; float:left; padding:2px 0px 0px 10px;
	font-size:14px; font-weight:bold; color:#FFF;
}
#menu2 ul{display:block; width:530px; padding-bottom:4px; float:left;}
#menu2 li{display:inline; margin:0px 5px;}
#menu2 li a{font-size:12px; padding:1px 6px 2px 6px; text-decoration:none; color:#006; font-weight:bold;}
#menu2 li a:hover{background-color:#FFEB7D; color:#336;}


/* --- Data --- */
#data{
	position:absolute; top:92px; left:570px; width:200px;
	font-size:14px; color:#8E7800; text-align:left;
}











/* ------###### MEIO ######------ */

#meio{
	width:100%; margin-top:5px;
	background: #0800AC url(../_img/bg-conteudo.gif) repeat-y 0px 0px;
}

#lateral{
	display:block; float:left; width:150px; margin-left:5px; _margin-left:3px; padding: 5px 10px;
	background: #EBEBEB url(../_img/dobra-cinza.gif) no-repeat 0px 0px;
}

#conteudo{
	display:block; width:555px; float:left; padding: 0px 25px 0px 20px; _padding:0px 29px 0px 15px;
	background: Transparent url(../_img/dobra-azul.gif) no-repeat 570px 0px;
	_background-position:569px 0px;
}
#conteudo p{
	font-size:14px;	color:#336; margin-bottom:10px; text-align:justify;
}
#conteudo h2{
	font-size:18px; text-align:right; color:#666; clear:both;
	margin:10px 0px; padding-bottom:5px; border-bottom:1px dashed #CCC;
}

.voltar{display:block; width:750px; clear:both; text-align:right; margin-top:20px;}

#copyright{
	display:block; clear:both;
	background-color:#06007D; color:#FFF; border-top:4px solid #FFF; border-bottom:2px solid #04004E;
	font-size:12px; text-align:left; padding:5px 20px;
}

#copyright a.inovastudio{
	padding:0px 32px 0px 11px; margin-right:27px;	border-right: 1px solid #66C;
	color:#EEF; font-size:12px; text-decoration:none;
}

#lojas{width:180px; display:block; top:200px; position:absolute;}
#lojas ul{list-style:none; margin-left:0px;}
#lojas li{padding:2px 0px; border-bottom:1px solid #EEE;}
#lojas li a{display: block; padding:2px 5px; font-size:14px; color:#666; text-decoration:none;}
#lojas li a:hover{background:#EEE URL(../../_img/cidade_s_bg.gif) no-repeat right;}
#lojas li a:active{background-color:#666; color:#FFF;}

#lframe{
	position:absolute; display:block; left:230px; top:10px;
	width: 300px; height:480px; background-color:#FFF;
}

.validade{display:block;text-align:right; font-weight:bold; font-size:14px; color:#999;}
.tjm{padding:20px 0px 20px 10px; font-size:12px; color:#666; text-align:justify; clear:both; line-height:120%;}


/* === BANNERS === */
.bannerbt{margin:10px 0px;}
.sbanner_promo{padding-top:5px; text-align:center;}

/* === PROMOCOES === */
.bp{
	width: 165px; height:265px; display:block; float:left;
	text-align:center; margin:5px 8px;
}
.bp img{margin:5px;}
.bp h4{ font-size:14px;}
.bp span.descricao{font-size:12px; color:#666; display:block; height:24px; margin:5px; border-bottom:1px solid #EEE; padding-bottom:10px;}
.bp span.parcelas{ color:#EAB000; font-size:16px; font-weight:bold;}
.bp span.valor{ color:#0800AC; font-size: 20px; font-weight:bold;}
.bp span.prazo{
	display:block; padding:3px 5px; width:149px;
	color:#666; background-color:#EEE;
	font-size:10px; margin-top:5px;
}
.bp span.avista{display:block; color:#33F; font-size:10px; padding:3px 0px;}

/* === LOJAS === */
.blocoloja{padding:5px 0px; border-top:1px solid #EEE; margin-top:5px;}
.infosloja img{border-bottom:3px solid #009;}
.infosloja h3{font-size:14px; display:block; background:#009 URL(../_img/cidades_bg.gif); color:#FFF; width:300px; padding:2px 0px; text-align:center;}
.infosloja h4{font-size:14px; display:inline; padding-right:5px; color:#006;}
.infosloja span, .infosloja a, .infosloja address{font-size:14px; display:inline; color:#666;}
.infosloja a:hover{color:#009;}

#comercialtv{display:block;text-align:center; background-color:#000;}
#comercialtv span{
	display:block; padding:10px 0px;
	background-color:#339; color:#FFF; font-size:14px; font-weight:bold;
	border-top:5px solid #226; border-bottom:1px solid #003;
}
#mediaplayer{
	border:1px solid #EEE; padding:10px; margin:10px 0px;
	font-size:12px; color:#666; text-align:justify; line-height:120%;
}

span.pdf{display:block; text-align:center; font-size:12px; color:#999; padding:5px 0px;}
span.pdf a{color:#779; text-decoration:none;}
span.pdf a:hover{text-decoration:underline;}