* {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 150%;
	
	/*color:#707070;*/
}

.MsoNormal a{
color:#ad2025 ;
text-decoration:none;
}
a{
color:#ad2025 ;
text-decoration:none;
}
a:hover{
color:#ad2025;
text-decoration:underline;
}


body {
	margin:0px;
	background-color:#fff;
	height:100%;
	color:#696969;/*alteracao 20-05-2011 antes #999999*/
}
div#main {
	width: 995px;
	margin-right:auto;
	margin-left:auto;
}
div#main #topo {
	width: 995px;
	height: 125px;
	background-image:url(/app_themes/auchan/imgs/destaques_01.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
div#main #topo #sombra {
	width: 995px;
	height: 40px;
	float: left;
}
div#main #topo #logo {
	margin:0 0 0 178px;
	width: 160px;
	height: 37px;
	float: left;
}
div#main #topo #login {
	margin:4px 130px 0 0;
	width: 125px;
	height: 81px;
	float: right;
	background-image:url(/app_themes/auchan/imgs/fundo_areaprivada.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
div#main #topo #login #line {
	margin:8px 15px 0px 0px;
	text-align:right;
	height:32px;
	float: left;
	width:110px;
	line-height:90%;
}
div#main #topo #login .campos {
	margin: 2px 5px 2px 5px;
	width: 100px;
	height: 16px;
	float: left;
}
div#main #topo #login .campos2 {
	margin:2px 0px 2px 5px;
	height: 16px;
	width:85px;
	float: left;
}
div#main #topo #login .btn {
	margin:2px 5px 2px 0px;
	height: 16px;
	width:14px;
	float: left;
}
div#main #topo #login .campo1 {
	width: 95px;
	height: 16px;
	background-color:#e7e7e7;
	border:0px;
	color:#999999;
	padding-left:5px;
}
div#main #topo #login .campo2 {
	width: 80px;
	height: 16px;
	background-color:#e7e7e7;
	border:0px;
	color:#999999;
	padding-left:5px;
}
div#main #topo #menu {
	/*margin: 25px 0 0 188px;*/
    margin: 12px 0 0 188px;
    /*width: 500px;*/
	width: 525px;
    /*margin: -3px 0 0 165px;*/
	height: 15px;
	float: left;
	font-weight:bold;
	color:#7f7f7f;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10px;
	z-index:150;
}
div#main #topo #listagemmarcas {
	margin-right:115px;
	float: right;
	font-weight:bold;
	color:#7f7f7f;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10px;
	
}
.partilha{
position:relative;
float:right;
right:150px;
top:3px;
}
div#main #topo #menu dl {
float: left;
}
div#main #topo #menu dt, dl, dd, ul, li {
	list-style-type: none;
	margin: 0 0px 0 0;
	padding: 0;
}
div#main #topo #menu li {
	display: inline;
}
div#main #destaque {
	float:left;
	width: 995px;
	height: 220px;
}
div#main #destaque #centro {
	float:left;
	width: 995px;
	height: 219px;
	
	background-image:url(/app_themes/auchan/imgs/destaques_02.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
div#main #destaque #centro #dest {
	float:left;
	margin:0px 137px 0px 178px;
	width: 679px;
	height: 218px;
}
div#main #destaque #bottom {
	float:left;
	width: 995px;
	height: 9px;
	
}
div#main #cont {
	clear:both;
	width: 995px;
	height: auto;
}
div#main #cont .centro{
	float:left;
	margin:0px 137px 0px 178px;
	width: 679px;
	height: auto;
	}
div#main #cont .footerpres{
	float:left;
	
	margin:20px 137px 0px 180px;
	width: 679px;
	height: 25px;
	}
div#main #cont .area {
	float:left;
	width: 225px;
	height: 245px;
	background-image:url(/app_themes/auchan/imgs/fundo_destcentro.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
div#main #cont .area .tit{
	float:left;
	width: 195px;
	height: 15px;
	margin: 10px 15px 5px 15px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
div#main #cont .area .img{
	float:left;
	width: 195px;
	height: 100px;
	margin: 0px 15px 5px 15px;
}
div#main #cont .area .texto{
	width: 200px;
	height: 75px;
	margin: 0px 15px 0px 15px;
	line-height:normal;
    overflow: hidden;
}
div#main #cont .area .texto p{
	padding: 0 15px 0 0;
  width: 200px;
	height: 75px;
  max-height:75px; 
  margin: 0 0 15px 0;
  position:relative;
  overflow: hidden;
  display: -webkit-box;
  text-align:justify;
}
div#main #cont .area .texto p::after {
  letter-spacing: .10em;
  content:"...";
  position:absolute;
  bottom:0;
  right:0px;
  top:29px;
}
div#main #cont .area .saibamais{
	float:left;
	width: 160px;
	height: 15px;
	margin:5px 0px 0px 15px;
}
div#main #cont .area .setas{
	float:left;
	width: 30px;
	height: 15px;
	margin:0px;
}
div#main #estaqui {
	/*clear:both;*/
	width: 995px;
	float:left;
	background-image:url(/app_themes/auchan/imgs/estaqui.jpg);
	background-repeat:no-repeat;
	height: 27px;
}
div#main #estaqui .text{
	float:left;
	padding-top:2px;
	margin-left:270px;
}
div#footer {
		margin-top:-7px;
		width: 100%;
		float:left;
		background-color:#e7e7e7;
		background-image:url(/app_themes/auchan/imgs/degrade_footer.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
}
.footerpres a {
		color:#999999;
		font-weight:bold;

}
.footerpres a:hover {
		color:#999999;
		text-decoration:underline;
		font-weight:bold;

}
.areacentro a{
color:#999999;

}
.areacentro a:hover{
	color:#999999;
		text-decoration:underline;
		
}

div#footer #areacentro{
	width: 680px;
	margin-right:auto;
	margin-left:auto;
	padding-left:40px;
	}
div#footer #areacentro .col{
		margin: 10px 15px 50px 0px;
		width: auto;
		float:left;
}
.titulo{
	color:#ad2025;
	font-weight:bold;
}
.tituloInt{
color:#005727;
font-size:11px;
font-weight:bold;
}

.lnkGreen{
color:#005727;
font-weight:bold;
}
/*Destaques*/
/* Easy Slider */
 
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:994px;
		height:220px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}	
	

#controls{
position:relative;
top:-30px;
float:right;
height:8px;
right:142px;
}

ol#controls{
		margin:1em 0;
		padding:0;
		height:18px;	
		}
	ol#controls li{
		margin:0 4px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:8px;
		line-height:12px;
		}
	ol#controls li a{
		float:left;
		height:17px;
		line-height:15px;
		border:0px solid #ccc;
		background:#AD2025;
		color:#FFF;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#fff;
		color:#AD2025;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
#sliderContent{
width:994px;
}
/*
.TextoDestaque{
position:relative;
z-index:100;
color:#fff;
float:left;
width:994px;

}
*/
/*Mapa Site*/
.tituloMapaSite{
color:#737373;
font-weight:bold;
}
.textoMapaSite{
color:#999999;
}

/*Collapse - Expand*/
.TitExpansao
{

color: #999999;
background-color:#F3F3F3;
width:98%;
 background-image:url(/app_themes/auchan/imgs/maximizar.gif);
  background-repeat:no-repeat;
background-position:98% 50%;
font-weight:bold;
cursor:pointer;
padding:2px;
}
.TitExpansao.open {
background-image:url(/app_themes/auchan/imgs/minimizar.gif);
background-repeat:no-repeat;
background-position:98% 50%;
background-color:#ad2025;
color: #FFF;
cursor:pointer;
padding:2px;
}
.TitExpansao.open font {
color: #FFF;
}
.DescExpansao{
			
}
.barra{
background-image:url(/app_themes/auchan/imgs/barra.jpg);
background-repeat:no-repeat;
}

/*Drop Down*/
.Marcas{
position:relative;
float:right;
right:35px;
top:12px;
font-weight:bold;
	color:#7f7f7f;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 10px;
	
}
.Marcas .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    /*background-image: url(/app_themes/auchan/imgs/aqua-bg.gif);*/
    background-position:center center;
    border: 0px none;
    padding: -4px 0px 0px 8px;
    font-size: 10px;
    height: 12px;
    font-weight:bold;
    width:140px;
     color:#8B8B8B;/*alteracao 20-05-2011 antes #BCBCB*/
   }
.Marcas .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(/app_themes/auchan/imgs/setadown_red.gif);
    background-position: center center;
    border: 0px none;
    height: 16px;
    width: 12px;
}
.Marcas .ajax__combobox_itemlist
{
    border-color: #000000;
    background-color: #FFFFFF;
    font-weight:bold;
    color:#8B8B8B;/*alteracao 20-05-2011 antes #BCBCB*/
}


img.ui-combobox-arrow {
	position: relative;
	vertical-align: text-bottom;
	top: 2px;
}

* html img.ui-combobox-arrow {
	top: -3px;
	float:right;
}

.ui-combobox-list {
	border: 0px;
}

.ui-combobox-list, .ui-combobox-item {
	display: block;
	background-color: white;
	font-weight:bold;
 color:#8B8B8B;/*alteracao 20-05-2011 antes #BCBCB*/
}

.ui-combobox-list .selected {
	background-color: #eeeeff;

	
}
/*Google maps*/
.canvas { 
                width: 100%; 
                 height: 600px;                
             }
.canvas>div>div>div:first-child {top:10px !important;}
  .lojasinfo {display: none;}
  .lojaslink {display: block; cursor: pointer;}



/*Dialogs*/
.Dialog{
display:none;
cursor: default;
}

.imgright {
float: right;
padding: 0px 2px 2px 2px;
}


/*Galeria Imagens*/
#ImageGalery {height:90px; width:450px; clear:both; overflow:hidden; border:3px solid #e5e5e5;}
#ImageGaleryFrame {width:450px; clear:both; padding:0; text-align:center;}
#ImageGalery img {height:80px; margin:5px; display:inline; border:0;}
#ImageGalery a {display:block; float:left; height:90px;}


.barra img{
margin-top:50px;
}
.listagemVagasHeader{
background-color:#E7E7E7;
}
.listagemVagasHeader a{
color:#737373;
}
.listagemVagasHeader a:hover{
color:#ad2025;
}

/*Timeline*/
#divTimeline{
width:405px;
height:83px;
overflow:auto;
}
.TimelineAno{
background-color:#FFF;
cursor:pointer;
}
.TimelineAno:hover{
color:#FFF;
background-color:#AD2026;
cursor:pointer;
}
#TimelinePointer{
display:none;
position:absolute;

z-index:15;
}
#TimelineDescricao{
display:none;
color:#FFF;
background-color:#AD2026;
position:relative;
width:100%;
top:-28px;
left:0px;
z-index:10;
min-height:40px;
vertical-align:bottom;
}
#TimelineDescricao span{
padding-left:4px;
padding-right:4px;
padding-top:4px;
display:block;
}
/*Descricao lateral*/
#divTituloLateral{
margin-left:4px;
width:176px;
text-align:left;
display:block;
}
#divDescricaoLateral{
margin-left:4px;
width:176px;
text-align:left;
display:block;
}
#divImgLateral{
margin-left:0px;
width:176px;
text-align:left;
display:block;
}

/*alteração*/
.TituloImgDestaque{
position:relative;
top:-40px;
left:185px;
z-index:2px;
color:#FFFFFF;/*alteracao 20-05-2011 antes #bcbcbc*/
font-size:x-large;
text-transform:uppercase;
  padding: 7px;/*alteracao 20-05-2011 antes nao existia*/
    /*background-color: #F4F4F4;/*alteracao 20-05-2011 antes nao existia*/
}


#LojasMap{
margin-top:20px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:auto;
	width: 490px;
	height:90px;
display:block;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}
.scrollable img{
width:80px;
}

/*Destaque do fundo*/
ul#destaquebottom, ul#destaquebottom li{
	list-style-type: none;
	float:left;
	margin: 10px 10px 0 0;
	padding: 0;
}
div#destaquesbottom
{
	position:relative;
	
	margin: 20px 10px 0px 178px;	/*alteracao 20-05-2011 antes margin:0 0 0 178px;*/
	width:679px;
	}
	div.imgloja 
	{
		position:relative;
		float:left;
		
		}
		div.imgloja img
{	
		height:100px;
		border:0px;
		padding-right:3px;
		padding-top:3px;
	}
	.imgsloja, div.imgloja {background-color:#fff;}
	.imgsloja .bx-wrapper {margin:0 auto !important;}
	#viewer {height:100px; width:390px; clear:both; overflow:hidden; border:3px solid #e5e5e5;}
#viewerFrame {width:575px; clear:both; padding:0;}
#viewer img {width:90px; height:90px; margin:5px; display:inline; border:0;}
#viewer a {display:block; float:left; width:100px; height:100px;}
.tdlink {padding:0 5px 10px !important;}