@charset "utf-8";
/* magazineluiza.com, CSS por F. MARINELLI [A4B]*/
#luContainer, #luSubContainer{
	clear:both;
	display: block;
	position: relative;
	margin-bottom: 5px;
}

#luContainer{
	min-width: 1002px;
	overflow:hidden;
}

#luHeaderContainer{
	background: url(/imagens/layout2008/lu/luBgTopo.gif) repeat-x;
	border-bottom: solid 1px #BAC3CB;
	height: 96px;
	margin: 10px 10px 1px 10px;
	display: block;
	position: relative;
}

#luHeaderContainer h4, #luHeaderContainer h4.luHeaderSubtitle{
    background: url(/imagens/layout2008/lu/luTopo.gif) left no-repeat; width: 766px;
    height: 96px;
    text-indent: 0;
    display: block;
    position: absolute; top: 0; left: 0;
}
	
#luHeaderContainer h4.depHeader{
	width: 246px;
}

#luHeaderContainer h4.luHeaderSubtitle{
    background: url(/imagens/layout2008/lu/luTopoBg.gif) left no-repeat;
    height: 75px;
    padding: 21px 0 0 230px;
    font: italic 18px "Trebuchet MS"; color: #666; letter-spacing: -0.04em; }

#luHeaderContainer h4.luHeaderSubtitle strong{
    font: bold italic 28px "Trebuchet MS"; color: #6600cc; padding-right: 2px; }
	
#luHeaderContainer h4 a, #luHeaderContainer h4.depHeader a{
	display: block; width: 190px; height: 40px; position: absolute; top: 30px; left: 30px; text-indent: -3999px; outline: none; z-index: 999;
}

#luContainer a.link_luexplica{
	display: block;
	width: 195px;
	height: 45px;
	top: 25px;
	_top: 15px;
	*top: 15px;
	left: 37px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	z-index: 999;
}

#luHeaderContainer span.luLinkFrase{
	display: block; position: absolute; top: 32px; left: 244px; width: 518px; height: 22px; text-indent: -3999px;
}

#luHeaderContainer a.luLinkConheca{
	display: block; position: absolute; top: 36px; left: 772px; font-size: 11px; font-style: italic; text-decoration: underline; color: #666;
}

#luHeaderContainer em{
	background:url(/imagens/layout2008/lu/luBordaTopo.gif) no-repeat;
	width: 11px;
	height: 96px;
	position: absolute; top: 0; right: 0;
}

#luHeaderContent {
	display: block;
	width: 718px;
	height: 30px;
	position: relative;
	top: 65px; left: 248px;
	z-index: 1;
}

#luHeaderContent h5, #luSubContent #luMaisConteudos h5{
	width: 197px;
	height: 31px;
	text-indent: -2999px;
	background:url(/imagens/layout2008/lu/luBotaoMais.gif) right no-repeat;
	float: left;
}

#luHeaderContent label, #luSubContent #luMaisConteudos label, #luHeaderContent label.luBuscar{
	display: block;
	padding: 2px 0 0 10px;
	float: left;
}

#luHeaderContent label.luBuscar{
	padding: 6px 4px 4px 4px;
}

#luHeaderContent label select, #luSubContent #luMaisConteudos label select{
	width: 210px;
	border-left:1px solid #8EA2A8; border-top:1px solid #8EA2A8; border-right:none; border-bottom:none; color:#0F6EB0; font-family:"Trebuchet MS"; font-size:10px; background-color:#F9F9F9; padding:2px 5px 2px 5px;
}

#luContentContainer{
	margin: 0 10px;
	clear: both;
	padding: 10px 6px 4px 6px;
	background:#ECDBFF;
	display: block;
}

#luContent{
	min-width: 860px;
	height: 420px;
	border-top: solid 10px #FFF;
	border-left: solid 6px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 2px #FFF;
	background: #FFF url(/imagens/layout2008/lu/luBgLu.gif) repeat-x;
	display: block;
	position: relative;
}

#luContentEsq{
	position: absolute;
	top: 0; left: 0;
	width: 256px;
	height: 348px;
	display: block;
	background: #FFF url(/imagens/layout2008/lu/bgLu.gif) repeat-y;
	height: 416px;
}

#luContent cite a, #luContainer #bonecaGde cite a{
	display: block; float: left;
	width: 280px; height: 310px;
	background:url(/imagens/layout2008/lu/luBoneco.jpg) bottom no-repeat;
	text-indent: -2999px;
	_margin-right: -30px;
	margin-top: 0px;
	_margin-top: 10px;
	*margin-top: 10px;
}

#luContainer #bonecaGde{
	display: block;
	width: 244px; height: 455px;
	float: left;
	position: absolute;
	top: 69px; left: 16px;
	z-index: 1000;
}

#luContainer #bonecaGde cite a{
	width: 250px; height: 455px;
	background:url(/imagens/layout2008/lu/luBonecaSubGde.jpg) bottom no-repeat;
	*margin-top: -10px;
}

#luContent h4, #luContainer #bonecaGde h4{
	clear: both; display: block; padding: 4px 8px; width: 180px; background: #F5ECFF;
	font: 11px "Trebuchet MS", Arial, Tahoma; font-style: normal; color: #717173; margin-left: 20px; _margin-left: 10px; margin-top: 0px;
	float: left;
	
}

#luContentEsq h4 a:link, #luContentEsq h4 a:hover, #luContentEsq h4 a:visited, #bonecaGde h4 a:link, #bonecaGde h4 a:hover, #bonecaGde h4 a:visited {
	text-decoration:none;
	color:#717173;
}
#luContainer #bonecaGde h4
{
	margin-top: -50px;
}

#luContentDir{
	display: block;
	margin: 0 0 0 260px;
}

#luContentContent{
	width: 100%;
	position: relative;
}

#luContentContent a.navBlogFix{
	display: block; float: left; width: 108px; height: 27px;
	background: url(/imagens/layout2008/btBlogLu.gif) no-repeat;
	text-indent: -2999px;
	border-bottom: 5px solid #F0F0F0;
}

#luContentContent ul#luNavBlog{
	width: 100%; float: left;
	height: 27px; margin-top:14px;
}

#luContentContent ul#luNavBlog li {
	display: block; float: left;
	height: 27px;
	margin: 0 0 0 5px;
	font: 11px "Trebuchet MS", Arial, Tahoma;
	padding: 0;
	text-align: center;
	border-bottom: 5px solid #F0F0F0;
}

#luContentContent ul#luNavBlog li.luNavBlog_1, #luContentContent ul#luNavBlog li.luNavBlog_2, #luContentContent ul#luNavBlog li.luNavBlog_3, #luContentContent ul#luNavBlog li.luNavBlog_blogLu{
	display: block;
	background: url(/imagens/layout2008/bgBotoesLuHome.gif) center top repeat-x;
	width: 27%;
}

#luContentContent ul#luNavBlog li.luNavBlog_2{
	background: url(/imagens/layout2008/bgBotoesLuHome.gif) center -27px repeat-x;
}

#luContentContent ul#luNavBlog li.luNavBlog_3{
	background: url(/imagens/layout2008/bgBotoesLuHome.gif) center bottom repeat-x;
}

#luContentContent ul#luNavBlog li.luNavBlog_blogLu{
	background: url(/imagens/layout2008/bgBotaoBlogLu.gif) center center repeat-x; width: 16%; _margin: 0 0 0 2px;
}

#luContentContent ul#luNavBlog li.luNavBlog_1 a, #luContentContent ul#luNavBlog li.luNavBlog_2 a, #luContentContent ul#luNavBlog li.luNavBlog_3 a, #luContentContent ul#luNavBlog li.luNavBlog_blogLu a{
	color: #FFF;
	margin: 0 auto;
	display: block; float: left; width: 100%;
	background: url(/imagens/layout2008/spriteBotoesLuHome.gif) left top no-repeat;
	padding: 6px 0 5px 0;
	text-align: center;
}

#luContentContent ul#luNavBlog li.luNavBlog_2 a{
	background-position: left -27px;
}
#luContentContent ul#luNavBlog li.luNavBlog_3 a{
	background-position: left -54px;
}
#luContentContent ul#luNavBlog li.luNavBlog_3 a{
	background-position: left -54px;
}
#luContentContent ul#luNavBlog li.luNavBlog_blogLu a{
	background-position: left -162px;
	text-indent: -3999px;
	outline: none;
}

#luContentContent ul#luNavBlog li.luNavBlog_1 em, #luContentContent ul#luNavBlog li.luNavBlog_2 em, #luContentContent ul#luNavBlog li.luNavBlog_3 em, #luContentContent ul#luNavBlog li.luNavBlog_blogLu em{
	display: block; float: right;
	background: url(/imagens/layout2008/spriteBotoesLuHome.gif) left -81px no-repeat;
	width: 10px; height: 27px; margin-top: -27px;
}

#luContentContent ul#luNavBlog li.luNavBlog_2 em{
	background-position: left -108px;
}

#luContentContent ul#luNavBlog li.luNavBlog_3 em{
	background-position: left -135px;
}

#luContentContent ul#luNavBlog li.luNavBlog_blogLu em{
	background-position: left -189px;
}

#luContentContent{
	min-width: 690px;
}

.luCols{
	overflow:hidden;
	_width: auto;
	height: 100%;
}

.luCols li.luCol, .luCols li.ultimaCol{
	display:block; float: left;
	font-size:0.7em;
	width:30%;
	/*background: #FFF url(/imagens/layout2008/produtoBg.jpg) right no-repeat;*/
}

.luCols li.luCol{
	/*margin-right:28px;*/
}

.luCols li.luColSep{
	display:block; float: left;
	background: #FFF url(/imagens/layout2008/produtoBg.jpg) no-repeat left center;
	width: 4%;
}

.luCols li.luColSep span{
	display:block; 
	height: 200px;
}

.luCols li.luSeparacao{
	width: 4%;
	border: solid 1px red;
	float: left;
	text-align: center;
}

.luCols li.ultimaCol{
	background: none;
}

#luContentContent span{
	font: 11px "Trebuchet MS", Arial, Tahoma;
	display: block;
	float: left;
}

#luContentContent span h5{
	display: block;
	height: 28px;
	font: bold 15px "Trebuchet MS";
	text-transform: uppercase;
	padding: 4px 0 0 28px;
}

#luContentContent span.luContentMaisVistos, #luContentContent span.luContentMaisOuvidos{
	height: auto;
	display: block;
	/*padding: 0 0 0 10px;*/
}

#luContentContent span.luContentMaisVistos{
	margin: 0 auto;
	width: 100%;
	_width: auto;
}

#luContentContent span.luContentMaisVistos a{
	text-decoration: none;
}

#luContentContent span.luContentMaisVistos h5{
	width: auto;
	background: url(/imagens/layout2008/luPortal/luPortal_icoVideo.gif) left center no-repeat;
}

#luContentContent ul li a:hover{
	text-decoration: underline;
}

#luContentContent span.luContentMaisVistos ul li{
	display: block;
	float: left;
	width: 45%; 
	height: 142px;
	padding: 0 10px 5px 0;
}

#luContentContent span.luContentMaisVistos ul li strong{
	font-family: Tahoma;
	margin: 2px 0 0 0;
	display: block;
	/*text-transform: uppercase;*/
}

#luContentContent span ul li p{
	font: 11px "Trebuchet MS";
	color: #666;
}

#luContentContent span.luContentMaisVistos ul li strong {
	font: bold 13px "Trebuchet MS";
}

#luContentContent span.luContentMaisLidas ul li strong,  #luContentContent span.luContentMaisOuvidos ul li strong{
	font: bold 16px "Trebuchet MS";
	/*text-transform: uppercase;*/
	margin-bottom: -3px;
}

#luContentContent span.luContentMaisVistos ul {
margin: 6px 0 0 0;
}

#luContentContent span strong{
display: block;
color: #000;
}

#luContentContent span a{
/*text-decoration: underline;*/
color: #666;
}
#luContentContent span a.underline{
text-decoration: underline;
}

#luContentContent span ul li p a{
color: #756c5e;
text-transform: none !important;
}

#luContentContent span ul li a p{
color: #756c5e;
}

#luContentContent span em, #luContentContent span.luContentMaisLidas, #luContentContent span.luContentMaisOuvidos em{
	display: block;
	font: bold 11px "Trebuchet MS";
	color:#333;
	/*text-transform: uppercase;*/
}

#luContentContent span.luContentMaisOuvidos ul li p a.underline{
	padding-left: 20px; background: url(/imagens/layout2008/luPortal/luPortalSpriteIcos.gif) left -146px no-repeat;
	color: #756c5e;
}

#luContentContent span.luContentMaisLidas h5{
width: auto;
background: url(/imagens/layout2008/luPortal/luPortal_icoTexto.gif) left center no-repeat;
}

.imgfloat{
display: block; float: left; padding: 0 14px 0 0;
}

#luContentContent span.luContentMaisLidas p img,
#luContentContent span.luContentMaisOuvidos p img{
margin: 5px 10px 0 0;
}

#luContentContent span img{
border: solid 1px #9C9C9C;
}

#luContentContent span.luContentMaisLidas h5,
#luContentContent span.luContentMaisOuvidos h5{
width: auto;
background: url(/imagens/layout2008/luPortal/luPortal_icoTexto.gif) left center no-repeat;
}

#luContentContent span.luContentMaisOuvidos h5{
background: url(/imagens/layout2008/luPortal/luPortal_icoAudio.gif) left center no-repeat;
}

#luContentContent span.luContentMaisLidas ul li, #luContentContent span.luContentMaisOuvidos ul li, #luContentContent span.luContentMaisOuvidos ul li.ultimo{ 
width: 201px;
_width: 217px;
height: auto;
padding: 10px 0;
border-bottom: 1px solid #eee;
}

#luContentContent span.luContentMaisOuvidos ul li.ultimo,
#luContentContent span.luContentMaisLidas ul li.ultimo{
border: none;
}

/* box subcategoria */

#luSubContainer{
float: left; width: 99.7%; height: 173px; background: ; overflow: hidden;
}

.borderluSubHeader { border: 1px solid #DBDBDB; }

#luSubHeader, #luSubHeader2{
display: block;
float: left;
width: 100%;
height: 40px;
border-bottom: 1px solid #B4BEC8;
background: url(/imagens/layout2008/lu/luBgSubTop.gif) repeat-x;
overflow: hidden;
}

#luSubHeader2{
border: none;
}

#luSubHeader h4, #luSubHeader2 h4{
display: block;
position: absolute; left: 110px; top: 0;
width:142px;
padding: 0 0 16px 16px;
text-indent: -2999px !important;
background:url(/imagens/layout2008/lu/luTitleSub.gif) 10px 6px no-repeat;
}

#luSubHeader2 h4{
	left: 10px;
}

#luSubHeader h5, #luSubHeader2 h5{
display: block;
position: absolute; top: 2px;
z-index: 2;
font-family: "Trebuchet MS", Arial, Tahoma;
font-weight: normal;
font-size: 12px;
color: #727272;
height: 40px;
padding: 10px 0 0 10px;
width: auto;
}

 #luSubHeader2 h5{
	left: 158px;
 }

#luSubHeader h5 strong, #luSubHeader2 h5 strong{
display: block; float: left;
font: normal bold 16px "Trebuchet MS";
padding: 0 0 0 8px;
_padding: 0;
*padding: 0;
}

#luSubHeader h5 em, #luSubHeader2 h5 em{
color: #6f0bcd;
font-style: normal;
}

#luSubHeader a, #luSubHeader2 a{
display: block;
float: right;
color: #727272;
text-decoration: underline;
font: normal 15px "Trebuchet MS";
text-decoration: none; cursor: default;
}

#luSubHeader2 a{
margin: 0;
padding: 12px 10px 0 0;
cursor: pointer;
}

#luSubHeader2 a:hover{
text-decoration: underline;
}

#luSubContent{
clear: both;
display: block; float: left;
width: 100%;
height: 135px;
background: url(/imagens/layout2008/lu/bkg-header-vitrine.png) left bottom repeat-x;
}

#luSubContent cite a{
display: block;
width: 137px; height: 147px; position: relative; margin: -27px 0 0 6px; _margin: -30px 0 0 6px;
background:url(/imagens/layout2008/lu/luBonecoSub.png) 1px bottom no-repeat; behavior: url(/css/comum/iepngfix.htc);
text-indent: -2999px;
}

#luSubContent #luCarousel
{
height: 110px;
width: 100%;
_width: 78%;
}

#luSubContent #luMaisConteudos{
margin: 16px 8px 0 8px; display: block; float: left; position:relative;
}

.luCol_linkVejaOutros{
	font-size: 11px;
	color: #666;
	text-decoration: underline !important;
	text-align: left;
	text-transform: none;
	background: none;
	padding: 0;
	font-weight: normal;
	bottom: 10px;
}
#newVejaoutros{
}
#newVejaoutros div{
	width:33%;
	float:left;
}

#luContentContent span.luContentMaisVistos a.luCol_linkVejaOutros{
	display: block; float: left;
}

/* Classes da "Sanfona de Conteúdos" */
ul#luSubConteudoSanfona{
padding: 40px 0 0 20px;
}

ul#luSubConteudoSanfona li a.abreConteudoSanfona{
	display: block;
	background:url(/imagens/layout2008/seta_verde_direita.gif) left center no-repeat;

	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #666 !important;
	padding: 3px 0 3px 12px; /* tchau! */
}

ul#luSubConteudoSanfona li.conteudoAberto a{
	font-weight: bold;
}

ul#luSubConteudoSanfona li #conteudoSanfona{
	display: none;
	clear: both;
	padding: 17px 30px 10px 10px;
}

ul#luSubConteudoSanfona li #conteudoSanfona p{
	display: block;
	position: relative;
	padding: 0px 9px 10px;
	text-align: justify;
}

ul#luSubConteudoSanfona li #conteudoSanfona a.luSubConteudoCompartilhe{
	padding: 10px 0 0 8px; font: 11px "Trebuchet MS"; color: #6600CC !important; text-decoration: underline;
}

ul#luSubConteudoSanfona li #conteudoSanfona .tabsFooter p{
	padding: 0;
}

ul#luSubConteudoSanfona li #conteudoSanfona .tabsFooter{
	margin-top: -90px;
	_margin-top: 0;
	clear: both;
}

.luSubConteudoCompartilhe{
	outline: none;
}


/* Box Indique */

.boxIndique{
	clear: both;
	display: block;
	float: left;
	width: 100%;

}

.boxIndique h4{
	font: bold 21px "Trebuchet MS"; color: #1E6DC7;
	margin:0;
	padding:0 0 0 10px;
	cursor:default;
	text-decoration:none;
}

a.highslide-credits {
	text-indent:none;
	cursor:default;
	text-decoration:none;
}
a.highslide-credits:hover {
	text-indent:none;
	cursor:default;
	text-decoration:none;
}

.boxIndique .obrigatorio {
	font: 10px "Trebuchet MS";
	color:#999999;
	display:block;
	padding:4px 0 0 0;
	margin:0;
}

.boxIndiqueFechar {
	display: block;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 68px;
	height: 23px;
	background: url(/imagens/layout2008/boxIndiqueFechar.gif) no-repeat !important;
	text-indent: -1999px;
	outline: none;
}

.boxIndique h5{
	display: block;
	clear: both;
	font: bold 15px "Trebuchet MS"; color: #666;
	padding: 15px 0 10px 0;
	margin:0;
}

.boxIndique label{
	display: block; float: left; font: italic 12px "Trebuchet MS";
	color:#999;
}

.boxIndique label input{
	margin: 0 30px 0 10px;
	border-left:1px solid #62A9BD; border-top:1px solid #4795AB; border-right:1px solid #C3DEE6; border-bottom:1px solid #D7E9EE; color:#0F6EB0; font-family:"Trebuchet MS"; font-size:11px; background-color:white; padding:2px 5px 2px 5px;
	width: 170px;
}

.boxIndiqueEnviar{
	padding: 20px 0 0 0 !important;
	background: none !important;
}

.videolu {
	float:left;
	margin-left:0;
	margin-right:6px;
	margin-top:7px;
}
#luContent h4, #luContainer #bonecaGde h4 {
	width:190px !important;
}
.selecionado {
	font-weight: bold;
}