/* layout div */
*{
	margin: 0;
	padding: 0;
	line-height: 1;
}
.gradiente {
	background: #fff url("http://www.controplan.com.br/_img/gradiente.jpg") repeat-x;
}
div#geral {
	width:890px;
	margin: 0 auto;
	border: 2px solid #333333;
	background: #FFF; 
}
div#topo{
	height: 110px;
	text-align: center;
	vertical-align: baseline;
	background:#FFF;
}
div#topo_right {
	margin-botton: 20px;
	float:right;
	vertical-align: baseline;
}
div#topo_left {
	margin-bottom: 20px;
	float:left;
	vertical-align: baseline;
}
div#conteudo{
	width:890px;
	background-color:#FFF;
}
#right {
	width:380px;
	font: 10px Arial, Helvetica, sans-serif;
	/*border:1px solid black;*/
}
#left {
	width:510px;
	font: 10px Arial, Helvetica, sans-serif;
	/*border:1px solid black;*/
}
#left img {
	margin-top:10px;
	margin-left:0px;
}
#left h3 {
	font: 14px Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bolder;
}
#right h3 {
	font: 14px Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bolder;
}
#left p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: justify;
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	line-height: 120%;
}
#right p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: justify;
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	line-height: 120%;
}
#left a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #991E16;
	text-align: justify;
	text-decoration: none;
}
#left a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #991E16;
	text-align: justify;
	text-decoration: underline;
}
#right a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #991E16;
	text-align: justify;
	text-decoration: none;
}
#right a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #991E16;
	text-align: justify;
	text-decoration: underline;
}
#right img {
	margin-top:10px;
	margin-right:0px;
}
#right {
	float:right;
}
#left {
	float:left;
}
#conteudoMeio {
	width:100%;
	height:117px;
	margin: 0;
	background-color: #FFFFFF;
}
#conteudoMeioLinha {
	width:890px;
	height:20px;
	background-color: #303030;
	margin: 0;
}
#conteudoMeio1 {
	width:889px;
	height:130px;
	margin: 0;
	border: 1px solid #CCCCCC;
}
div#conteudoBG{
	background-image:url(../_img/rodapeConteudo.png);
	height: 325px;
}
/* menuHotHotHotHot styling */
#menu {
	left:0px;
	top:90px;
	width:100%;
	height:39px;
	background-color:#CCC
}
.barNav {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:capitalize;
	text-decoration: none;
	text-align: center;
	padding: 0px;
}
.barNav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
	text-decoration: underline;
}
#texto {
	position:absolute;
	left:403px;
	top:316px;
	width:471px;
	height:223px;
}
#menuHot {
	position:absolute;
	left:33px;
	top:49px;
	width:512px;
	height:27px;
}
#conteudoHot {
	position:absolute;
	left:27px;
	top:112px;
	width:853px;
	height:177px;
}

/* BREAD CRUMBS */

.breadCrumbs {
	font-size: 0.7em;
	color: #666;
	background-color: #FFF;
}
.breadCrumbs.simple {padding: 12px 5px 0 40px;}
.breadCrumbs div {margin: auto 0;}
.breadCrumbs a {color: #666;text-decoration:none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.breadCrumbs a:hover {color: #900;text-decoration:underline;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.breadCrumbs strong, .breadCrumbs strong a {font-family: Arial, Helvetica, sans-serif;color: #900; text-transform: uppercase; font-size:1.2em;}

/* Header styling */
#header {
	margin:0 auto; /*Para FF*/
	width:890px;
	height:128px;
	background-color:#ffffff;
}
#headerHome {
	margin:0 auto; /*Para FF*/
	width:890px;
	height:219px;
	background-color:#CCCCCC;
}

/* Conteúdo styling */
.conteudo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 120%;
}
.conteudoTitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-position: center;
	text-align: justify;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tabelaConteudo {
border: 1px solid #858482;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* Hotsite styling */
#gwnetConteudo {
left:424px;
top:307px;
width:320px;
height:350px;
background-image: url(_img/hotsite_gwnet.png);
}
#gwnetCxexpresso {
left:424px;
top:0px;
width:320px;
background-image: url(_img/hotsite_gwnet.png);
}
.gradienteHotsite {
background-color: #f9f9f9;
background-image: url(_img/gradienteHotsite.png);
background-repeat: repeat-x;
}
div#geralHotsite {
background-image: url(_img/hotsiteGwnet.png);
width:890px;
height: 713px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.lkConteudoCinza {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3A3A38;
text-align: justify;
text-decoration: none;
}
.lkConteudoCinza:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #991E16;
text-align: justify;
text-decoration: underline;
}


/* Font styling */
.txtConteudoBranco {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-align: justify;
text-decoration: none;
line-height: 120%;
}
.txtConteudo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 120%;
}

/* Links styling*/
.lkConteudoBranco {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: justify;
text-decoration: none;
}
.lkConteudoBranco:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #991E16;
text-align: justify;
text-decoration: underline;
}
.lkConteudoCinza {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3A3A38;
text-decoration: none;
}
.lkConteudoCinza:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #991E16;
text-align: justify;
text-decoration: underline;
}
.lkConteudoFooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-align: justify;
text-decoration: none;
list-style-image: url(_img/btCliqueFooter.png);
}

/* Loja Virtual styling */
#conteudoFundo {
position:absolute;
left:10px;
top:185px;
width:870px;
height:1102px;
z-index:2;
}
#infoHot {
position:absolute;
left:4px;
top:3px;
width:863px;
height:1040px;
z-index:2;
background-color: #FFFFFF;
}
#prod1 {
position:absolute;
left:0px;
top:80px;
width:205px;
height:250px;
z-index:2;
}
#prod2 {
position:absolute;
left:216px;
top:80px;
width:205px;
height:250px;
z-index:3;
}
#prod3 {
position:absolute;
left:432px;
top:80px;
width:205px;
height:250px;
z-index:2;
}
#prod4 {
position:absolute;
left:646px;
top:81px;
width:205px;
height:250px;
z-index:2;
}
#prod5 {
position:absolute;
left:0px;
top:360px;
width:205px;
height:250px;
z-index:2;
}
#prod6 {
position:absolute;
left:216px;
top:360px;
width:205px;
height:250px;
z-index:3;
}
#prod7 {
position:absolute;
left:432px;
top:360px;
width:205px;
height:250px;
z-index:2;
}
#prod8 {
position:absolute;
left:646px;
top:361px;
width:205px;
height:250px;
z-index:2;
}
#prod9 {
position:absolute;
left:0px;
top:640px;
width:205px;
height:250px;
z-index:2;
}
#prod10 {
position:absolute;
left:216px;
top:640px;
width:205px;
height:250px;
z-index:3;
}
#prod11 {
position:absolute;
left:432px;
top:640px;
width:205px;
height:250px;
z-index:2;
}
#prod12 {
position:absolute;
left:646px;
top:641px;
width:205px;
height:250px;
z-index:2;
}
/* CSS Document */

*{
margin: 0;
padding: 0;
line-height: 1;
}

/* LISTA DE PRODUTOS */

.productList {display: block; overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #666; width: 100%;}
.productList.last {border-bottom: none;}
.productList .tag {display: block; margin: 0 auto 5px auto;}
.productList li {display: block; float: left; width: 33%; text-align: center; font-size: 0.7em;}
.productList li .listen,.productList li .productName, .productList li .from, .productList li .for, .productList li .parcel, .productList li .condition, .productList li .price, .productList li .more, .productList li .card {padding:0 0 0 4px; width: 114px; text-align: left; margin: 0 auto;}
.productList li .productName {font-size: 1em; font-weight: bold; padding: 5px 0 10px 4px;}
.productList li .productName a {color: #666;}
.productList li .productName a span {display:block; font-weight:normal; margin:3px 0 0 0;}
.productList li .for {color: #900; padding: 2px 0 2px 4px; font-weight:bold;}
.productList li .condition {color: #666;}
.productList li .parcel, .productList li .price {color: #900; font-weight: bold; font-size: 1em; padding: 2px 0 2px 4px;}
.productList li .listen,.productList li .from {color:#666;}
.productList li .from,.productList li .listen, .productList li .for, .productList li .parcel, .productList li .condition,.productList li .card {display:block;}
.productList li .more {color:#aa0106; display:block; padding: 2px 0;}
.productList li .more span {text-decoration:underline;}
.productList li .esgotado {color: #900; padding: 2px 0 0 0; font-weight:normal; width: 113px; text-align: left; margin: 0 auto; display:block; text-transform:none; font-size:1em;}
.productList li .esgotado strong {font-weight:normal;}
.productList li .aviseme {color: #900; padding: 6px 0 0 0; width: 115px; text-align: left; margin: 0 auto; display:block; font-size:1em; text-decoration:underline; font-weight:bold; text-transform:uppercase; line-height:1.2em; }
.productList li .listen{padding-bottom:10px;}
.productList li .listen img{width:10px; margin:0; padding-right:3px; float:left;}

/*cartao*/
.productList li .card {padding:7px 0 0 0; color:#666;}
.productList li .card {color: #686868;}
.productList li .card strong {margin-bottom: 2px; display: block; font-size: 1em;}


/* RODAPE */

/*#footer {text-align: center;}
#footer #footerBox{width: 47em; margin: 0 auto; text-align: left;}

#footer h3 {margin-bottom: 10px;}
#footer h4 {color: #999; font-size: 60%; text-transform: uppercase; margin-bottom: 5px;}
#footer h4 strong {padding-right: 10px; background: url(file:///C|/Documents and Settings/Fabiano/Configurações locais/Temporary Internet Files/Content.IE5/img/redBottomArrow.gif) no-repeat right center;}

#footer .menu {font-size: 70%;}
#footer .menu li {background: url(file:///C|/Documents and Settings/Fabiano/Configurações locais/Temporary Internet Files/Content.IE5/img/greyRightArrow.gif) no-repeat left center; padding: 1px 0 1px 10px; border-right: 1px solid #999;}
#footer .menu li a {color: #666; text-decoration: underline;}

#footer #footerLinks {float: left; width: 140px; margin-left: 5px; display: inline;}
#footer #footerLinks ul {border-right:1px solid #999999;} 
#footer #footerLinks ul li { margin-bottom:6px; border:none}

#footer #footerLinks2 {width: 600px; float: left; margin: 11px 0 0 0px;}
#footer #footerLinks2 .menu li {display: inline; background: none; padding: 1px 10px 1px 10px;}

#footer #footerLinks3 {width: 600px; float: left; margin: 11px 0 0 0px;}
#footer #footerLinks3 .menu li {display: inline; background: none; padding: 1px 10px 1px 10px;}

#footer #payMethods {width: 355px; float: left; margin-left: 10px;}
#footer #payMethods ul {border-right: 1px solid #999;}
#footer #payMethods li {display: inline;}
#footer #payMethods p {font-size: 70%; color: #666; border-right: 1px solid #999;}
#footer #payMethods p#msgPrecosValidos {display:block; margin:20px 0 0 0; border-right:none;}
#footer #payMethods p#msgPrecosValidos a {color:#666; text-decoration:underline;}


#footer #partners {width: 220px; float: left; margin-left: 10px; padding-top: 1.7em;}
#footer #partners li {display: inline; margin-right: 5px;}



#footer #footerBox {width:61.5em;}
#footer #payMethods {width:590px;}
#footer #partners {padding-top:1px;}
#footer #payMethods ul {float:left; border-right:none; margin:0 20px 0 0;}
#footer #payMethods {border-right:1px solid #999;}
#footer #payMethods p {padding:0 20px 0 0; border-right:0;}
#footer p#msgPrecosValidos {border-right:none; display:block; margin:0 20px 0 0; color:#666666; font-size:70%; padding-left:10px;}
#footer p#msgPrecosValidos a {color:#999; text-decoration:underline;}
#footer #footerLinks2 {float:none; margin:0; width:auto;}
#footer #footerLinks2 .menu {float:left;}
#footer #footerLinks2 .menu.first {display:block; margin-right:55px;}
#footer #footerLinks2 .menu .menuLabel {font-size:1.6em; border-right:0; height:20px; display:block;}
#footer #footerLinks2 .menu .menuLabel strong {font-size:11px; color:#999; background:url(http://images.americanas.com.br/Applications/site2007/img/redBottomArrow.gif) no-repeat right center; padding-right:10px;}
#footer #footerLinks2 .menu .last {border-right:none;}


#footer #footerLinks3 {float:none; margin:0; width:100%; }
#footer #footerLinks3 .menu {float:left;}
#footer #footerLinks3 .menu.first {display:block; margin-right:55px; margin-top:25px}
#footer #footerLinks3 .menu .menuLabel {font-size:1.6em; border-right:0; height:20px; display:block;}
#footer #footerLinks3 .menu strong {font-size:11px; color:#999; padding-right:10px;}
#footer #footerLinks3 .menu .last {border-right:none;}


#footer div.boxDivisor {display:block; overflow:hidden; margin:0 0 15px 150px;}


/* webslice */
.hslice{overflow:hidden;}

#extendedFlashFull{}
.txtFooter {

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #808080;
}
.lkConteudoRed {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #991E16;
text-align: justify;
text-decoration: none;
}
.lkConteudoRed:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #991E16;
text-align: justify;
text-decoration: underline;
}
.txtBanner {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-align: justify;
text-decoration: none;
line-height: 120%;
padding-left: 20px;
padding-right: 170px;
padding-top: 10px;
}
.txtBannerTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
text-align: justify;
text-decoration: none;
line-height: 120%;
padding-left: 20px;
}
.tdBorda {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
.ulSeta {
list-style-image: url(../_img/seta.gif);
font-family: Arial, Helvetica, sans-serif;
color: #464844;
text-decoration: none;
background-position: left;
font-size: 12px;
}
.lkRapido {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #9B231B;
text-decoration: underline;
clear: both;
float: left;
margin-top: 1px;
margin-bottom: 1px;
}
.txtBannerTitleBlack {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #383836;
text-align: justify;
text-decoration: none;
line-height: 120%;
padding-left: 20px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
.bordaTd {
border: 1px solid #000000;
}
.bordaTdInf {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
.ulSetaHot {
list-style-image: url(http://www.controplan.com.br/caixaexpresso/images/seta.png);
font-family: Arial, Helvetica, sans-serif;
color: #464844;
text-decoration: none;
background-position: left;
font-size: 12px;
}
.txt_in_form {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #193D5A;
border: 1px solid #000000;
background-color: #CCCCCC;
}
.borda_in_form {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}

/* Rodapé styling */
div#rodape{
width:890px;
height: 169px;
background-image: url(../_img/bg_footer.jpg);
margin-top: auto;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/*.barNavRodape {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
text-decoration: none;
text-align: center;
padding: 0px;
}
.table {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #CCCCCC;
background-color: #ECECEC;
}*/
#nav_rodape {
font-family: Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#nav_rodape li {
list-style: none;
display: inline;
color: #FFFFFF;
}
#nav_rodape li a {
height:1px;
text-decoration: none;
color: #FFFFFF;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 15px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
float: left;
}
#nav_rodape1 {
font-family: Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#nav_rodape1 li {
list-style: none;
display: inline;
color: #FFFFFF;
}
#nav_rodape1 li a {
height:1px;
text-decoration: none;
color: #FFFFFF;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 15px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
float: left;
}

/*
#nav_rodape li a:link {
color: #fff;
}
#nav_rodape li a:visited {
color: #fff;
}
#nav_rodape li a:hover {
background: #ccc;
color: #000; 
border-color: #000;
}*/
/* Fix IE. Hide from IE Mac \*/
* html ul#menubv  li { float: left; height: 1%; }
* html ul#menubv  li a { height: 1%; }
/* End */
.assinatura {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
float: left;
color: #FFFFFF;
}
#logo_hilles {
	left:743px;
	top:5px;
	width:108px;
	height: 24px;
	float: right;
	margin-right: 20px;
}
#midias_sociais {
left:61px;
top:1224px;
width:500px;
height:46px;
padding-left: 5px;
}
#nav_hilles {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	margin-right: 20px;
}
#nav_hilles li {
	list-style: none;
	display: inline;
	color: #FFFFFF;
}