html, body {
	
	height: 100%;	
	
}	

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
a img, iframe {
    border: none;
}
ol, ul {
    list-style: none;
}
ul.listagem, ul.listagem2{
	list-style:disc;
	list-style-position:inside;
	margin-left:25px
}
ul.listagem2{
	margin-left:3px;
}

input, textarea, select, button {
    font-size: 100%;
    font-family: inherit;
}
select {
    margin: inherit;
}


/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
/* == clearfix == */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*css para background e vitrine da home*/
body
{
	color:#333333;
	margin:0 auto;
	font:normal normal 11px "Trebuchet MS",arial, helvetica, serif;
	background-color:#ffffff;
	overflow:hidden;
}
.pos
{
	width:971px;	
	margin:0 auto;
	
	
	
	
}
#background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
	
	#mascara, #mascara0, #mascara2{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;		
		/*background-image:url(../img/background/mascara.gif);*/
		z-index:5;
		visibility:hidden;
		}
	#mascara0{
		
		z-index:1}
	#mascara{
		clip:rect(45px 300px 300px 25px);
		z-index:10;
		}

	
	.destaqueHome{
		position:relative;
		float:left;
		width:483px;
		height:404px;
		border:1px solid #FFFFFF;
		/*background-color:#063;*/
		}	
		
		
	.conteudo{
		position:relative;
		width:977px;
		margin-left:auto;
		margin-right:auto;
		z-index:15;
		padding-top:20px;		
		}
		
	
	.menuPrinc, .menuPrincItens{
		position:relative;
		width:100%;
		height:47px;
		margin-top:-47px;		
		z-index:20;
		}
	.menuPrinc{
		background-color:#000;
		opacity:0.6;filter:alpha(opacity=60);	
		height:47px;
		margin-top:0px;
		}
	.menuPrincItens{
		margin-left:auto;
		margin-right:auto;
		width:999px
		}
	/*inicio css menu superior*/
	
	
	.logoCea {
		width:180px;
		height:30px;
		float:left;
		margin-top:5px;
		}
	.divisor {
		width:auto;
		height:auto;
		float:left;
		margin:7px 8px 0px 6px;
		}
	.itensMenu {
		width:auto;
		height:auto;
		float:left;
		margin-left:3px;
		}
		
	.itensMenu  a div span{
		color: rgb(51, 51, 51);
		text-decoration:none;
		display:none;
	}
	.itensMenu  a {
	
		text-decoration:none
	}
		
	.itensMenuInferior {
		width:auto;
		height:auto;
		float:left;		
		margin-top:2px;
		}
	.itensMenuInferior2 {
		width:auto;
		height:auto;
		float:left;
		margin-top:4px;
		}
	.busca {
		width: 109px;
		height: auto;
		margin-top: 0;
		border:0;
		/*margin-left: 10px;*/
		/*margin-right: 7px;*/
		float: left;		
		background-color:#A3A3A3;
		height:14px;
		overflow:hidden;
		}
		
	
	.cea_simbolo{font-family:arial;}
	.tracoMenu  {
			top: 0;		
			background-color: #FFFFFF;		
			width: 100px;		
			height: 5px;	
			font-size:1px;
			position:absolute;
			left:0px;
			display:none;
		}	
		
		#wrapTOP{
			width: 578px;		
			margin-left:300px;		
			float: right;		
		}
		
		#nav_wrap ul {		
			list-style-type: none;		
		}
		
		#nav_wrap {		
			width: 802px;	
			float: right;
			padding-top:7px		
		}
				
		#nav_wrap ul li, #active_nav, #menusup ul li {		
			display: inline;
			float:left;		
			padding: 0px;		
			margin: 0px;		
		}
		
		#menusup{
			width: 802px;	
			float: right;
			padding-top:2px		
		}
		
		#menusup ul li {		
			text-decoration: none;	
			height:14px;
			background-repeat:no-repeat;
			background-position:center;
			text-indent:-999999px;
			width:17px;
			padding:0;
			margin:0 0 0 3px;
			border:0;
			cursor:pointer
		}
		#menusup ul li a{
			height:14px;
			display:block
		}
		#menusup ul li.lojas a{
			width:55px;
		}		
		#menusup ul li.lojas {		
			width:43px;
			background-image:url(../img/menu_superior/menu_01_off.gif);
		}
		#menusup ul li.lojas:hover {			
			background-image:url(../img/menu_superior/menu_01_on.gif);
		}
		#menusup ul li.i1ativo {			
			background-image:url(../img/menu_superior/menu_01_on.gif);
		}
		#menusup ul li.ceaonline a{
			width:60px;
		}
		#menusup ul li.ceaonline {		
			width:93px;
			background-image:url(../img/menu_superior/menu_02_off.gif);
		}
		#menusup ul li.ceaonline:hover {
			background-image:url(../img/menu_superior/menu_02_on.gif);
		}
		#menusup ul li.i2ativo {
			background-image:url(../img/menu_superior/menu_02_on.gif);
		}		
		#menusup ul li.cartaocea a{		
			width:65px;						
		}
		#menusup ul li.cartaocea {		
			width:73px;
			background-image:url(../img/menu_superior/menu_03_off.gif);
		}
		#menusup ul li.cartaocea:hover {
			background-image:url(../img/menu_superior/menu_03_on.gif);
		}
		#menusup ul li.i3ativo {
			background-image:url(../img/menu_superior/menu_03_on.gif);
		}
		#menusup ul li.promocao a{		
			width:63px;			
		}
		#menusup ul li.promocao {		
			width:67px;
			background-image:url(../img/menu_superior/menu_04_off.gif);
		}
		#menusup ul li.promocao:hover {	
			background-image:url(../img/menu_superior/menu_04_on.gif);
		}
		#menusup ul li.i4ativo {	
			background-image:url(../img/menu_superior/menu_04_on.gif);
		}
		#menusup ul li.conhecendocea a{		
			width:71px;			
		}
		#menusup ul li.conhecendocea {		
			width:68px;
			background-image:url(../img/menu_superior/menu_05_off.gif);
		}
		#menusup ul li.conhecendocea:hover {
			background-image:url(../img/menu_superior/menu_05_on.gif);
		}
		#menusup ul li.i5ativo {
			background-image:url(../img/menu_superior/menu_05_on.gif);
		}
		#menusup ul li.imprensa a{		
			width:52px;			
		}
		#menusup ul li.imprensa {		
			width:55px;
			background-image:url(../img/menu_superior/menu_07_off.gif);
		}
		#menusup ul li.imprensa:hover {	
			background-image:url(../img/menu_superior/menu_07_on.gif);
		}
		#menusup ul li.i7ativo {	
			background-image:url(../img/menu_superior/menu_07_on.gif);
		}
		#menusup ul li.contato a{		
			width:45px;			
		}
		#menusup ul li.contato {		
			width:73px;
			background-image:url(../img/menu_superior/menu_08_off.gif);
		}
		#menusup ul li.contato:hover {	
			background-image:url(../img/menu_superior/menu_08_on.gif);
		}
		#menusup ul li.i8ativo {	
			background-image:url(../img/menu_superior/menu_08_on.gif);
		}
		#menusup ul li.cadastro a{		
			width:50px;			
		}
		#menusup ul li.cadastro {		
			width:57px;
			background-image:url(../img/menu_superior/menu_09_off.gif);
		}
		#menusup ul li.cadastro:hover {	
			background-image:url(../img/menu_superior/menu_09_on.gif);
		}
		#menusup ul li.i9ativo  {	
			background-image:url(../img/menu_superior/menu_09_on.gif);
		}
		#menusup ul li.trabalhe a{		
			width:90px;			
		}
		#menusup ul li.trabalhe {		
			width:94px;
			background-image:url(../img/menu_superior/menu_06_off.gif);
		}
		#menusup ul li.trabalhe:hover {		
			background-image:url(../img/menu_superior/menu_06_on.gif);
		}
		#menusup ul li.trabalhe .i6ativo  {		
			background-image:url(../img/menu_superior/menu_06_on.gif);
		}
			
		
		#nav_wrap ul li {		
			text-decoration: none;	
			height:10px;
			background-repeat:no-repeat;
			background-position:center;
			text-indent:-999999px;
			background-image:url(../img/menu_inferior/divisor.gif);
			width:30px;
			padding:0;
			margin:0;
			border:0;
			cursor:pointer
		}
		
		#nav_wrap ul li a{
			height:12px;
			margin-top:-3px;
			display:block
		}		
		#nav_wrap ul li.catalogo a{
			width:63px;
		}		
		#nav_wrap ul li.catalogo {		
			width:63px;
			background-image:url(../img/menu_inferior/menu_inferior_01.gif);
		}
		#nav_wrap ul li.produtos a{		
			width:68px;
		}		
		#nav_wrap ul li.produtos {		
			width:68px;
			background-image:url(../img/menu_inferior/menu_inferior_02.gif);
		}
		#nav_wrap ul li.dicasdemoda a{		
			width:107px;
		}
		#nav_wrap ul li.dicasdemoda {		
			width:107px;
			background-image:url(../img/menu_inferior/menu_inferior_03.gif);			
		}
		#nav_wrap ul li.oqueseusa a{		
			width:84px;
		}
		#nav_wrap ul li.oqueseusa {		
			width:84px;
			background-image:url(../img/menu_inferior/menu_inferior_04-2.gif);
			cursor:default			
		}
		#nav_wrap ul li.campanha a{		
			width:148px;
		}
		#nav_wrap ul li.campanha {		
			width:148px;
			background-image:url(../img/menu_inferior/menu_inferior_05.gif);			
		}
		#nav_wrap ul li.fashionteam a{		
			width:51px;
		}
		#nav_wrap ul li.fashionteam {		
			width:51px;
			background-image:url(../img/menu_inferior/menu_inferior_06.gif);			
		}
		#nav_wrap ul li.ceacollection a{		
			width:110px;
		}
		#nav_wrap ul li.ceacollection {		
			width:110px;
			background-image:url(../img/menu_inferior/menu_inferior_07.gif);			
		}
		#nav_wrap ul li.tanavitrine a{		
			width:37px;
		}
		#nav_wrap ul li.tanavitrine {		
			width:37px;
			background-image:url(../img/menu_inferior/menu_inferior_08.gif);			
		}
				
	div.containerInterno{		 
		width:100%; 
		overflow:auto;
	}
	/*fim css menu superior*/
	/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
	   Deixe isto ao final de tudo do seu CSS pois o Webkit n�o interpreta nada mais abaixo do expression
	*/
	* html * { color: expression( (function(who){ if(!who.MXPC){
	 who.MXPC = '1';
	 if(who.nodeName != 'A'){
	  who.onmouseenter=function(){ who.className += ' hover'};
	  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
	 
	} } )(this) , 'auto') }
	
	.menuPrincItens span div span {display:none;}