/*Master page Layout, loaded for all pages: mainLayout, header, middle, footer*/

body{
/*	font-size:62.5%!important; JOVI TEST */
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto;
}

.ms-WPBody {
	font-size:1em!important;
	font-family: Arial, Helvetica, sans-serif!important;
}

.clearer{
	clear:both;
}

#main{
	font-size:62.5%!important;
	width:950px;
	margin:0 auto;
	z-index: 1;
}

#header{
	margin-bottom: 7px;
}

#header .cab{
	height:6em;
	margin-bottom: 7px;
	/*background: url(../Images/capcalera_navidad.jpg) no-repeat;*/
}

#header .cab h1{
	float:left;
	font-size:1em;
	margin:0;
	padding:0;
	text-indent: -9999px;
}

#header .cab h1 a{
	background: url(../Images/logo_CompraEstrella.gif) no-repeat 0em 0.2em;
	display: block;
	width:24.5em;
	height:6em;
}
#header .cab .BrandRight{
	float:right;
	width:15em;
	margin-top:0.6em;
}


#header .cab .BrandRight .logoPromocaixa{	
	height:31px;
	background: url(../Images/logo_promoCaixa.gif) no-repeat 0em 0.2em;
}


#header .cab .BrandRight ul.languages{
	float:right;
	width:11em;
	margin:0.9em 0 0 0;
	padding:0;
	list-style:none;
}

#header .cab .BrandRight ul.languages li{
	font-size:1.1em;
	color:#666;
	padding:0 0.5em 0 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../Images/bg_lineLanguages.gif) no-repeat right 0.2em;
	float:left;
}

#header .cab .BrandRight ul.languages li.last, ul.menu li a.last{
	background: none;
}

#header .cab .BrandRight ul.languages li a{
	color:#1d97bd;
	text-decoration:none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;

/*	padding: 1em 1em 0.8em 1em;*/
}

#header .cab .BrandRight ul.languages li a:hover{
	text-decoration: underline;
}

#header .searchBox{
/*	width:280px; JOVI TEST */
	/*width: 300px;*/
	white-space: nowrap;
	text-align: right;
	/*height:5.2em;*/
	float: right;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:0;
	margin-top:8px;
}

#header .searchBox fieldset{
	border:0;
	margin:0 !important; 
	padding:0!important;
}


#header .searchBox .searchWidthlabel{
	/*width:100px;*/
	float:left;
	padding:0.3em 0.2em 0 0;
	margin-right:7px;
	text-align:right;
}

#header .searchBox .searchWidthInput{
	width:170px;
	float:left;
	padding:0 1em 0 0;
}

#header .searchBox .searchWidthlabel label{
	color:#359bc6;
	font-size:1.3em;
	text-align:right;
}

#header .searchBox .searchWidthInput input{
	width:150px;
	font-size:1.15em;
	color:#9e9e9e;
	border:1px solid #B9B9B9;
	margin:0;
	padding:0.05em 0 0 0.15em;	
}

#header .searchBox input.button{
	background:url(../Images/search-Icon.gif) no-repeat 0 -1px;
	width:19px;
	height:18px;
	* height:auto;
	margin:0 0 0 -4px;
	padding:0;
	cursor:pointer;
	font-size:1.05em;
	}

#header .mainMenu{
	background:#f2f2f2;
	height:36px;
}

#header .mainMenu ul{
	list-style: none;
	margin:0;
	padding:0;
}

#header .mainMenu ul li{
	float:left;
}

/*Styles dropdown menu*/

div#navigation 
{
	float: left;
	margin-top:8px;
}

div#navigation ul.menu
{ 
	position: relative; 
	list-style: none; 
	float: left; 
	padding: 0px;
	margin: 0px;
/*	width:65.5em; JOVI TEST */
	/*width: 640px;*/
	z-index: 2;
}

div#navigation ul.menu li{
	font-size:1.5em;
	position: relative; 
	float: left; 
}

div#navigation ul.menu li a{
	color:#1d97bd;
	text-decoration:none;
	padding: 0 12px; 
	border-right:1px solid #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
}

div#navigation ul.menu li a.last{
	border:0;
	padding:0 /*100px 0 0*/;
	color: #029de0 !important;
	/*background: url(../Images/multiestrella.jpg) no-repeat;*/
	margin:0 0 0 10px;
	height:19px;/*
	display:none;*/
	}





div#navigation ul.menu li>a 
{ 
	width:auto; 
}

div#navigation ul.menu li a:hover{
	color:#666;
}
div#navigation ul ul.default 
{ 
	text-align: left; 
	width: 12em; 
	display: none; 
	margin-top:0.4em; 
	position: absolute; 
	left: -0.3em; 
	top: 1.95em;
	padding: 0;
	background:#F2F2F2;
	border:0.1em solid #ccc;
	z-index:1000;
	}

div#navigation ul ul.default li
{ 
	position: relative; 
	padding: 0;
	margin: 0; 	
	font-size:0.9em;

}

div#navigation ul ul.default a
{ 
	height: auto;
	text-align: left; 
	white-space: normal; 
	display: block;
	background:none;
	padding: 0.5em 0.5em 0.5em 2.3em; 
	margin: 0px; 
	
	/* 
	we have 7px padding therefore width is 163 instead of 170.
	in IE 5.5 this doesn't work. 
	*/ 
	width: 10.5em; 	
}

div#navigation ul ul.default a.last
{ 
	height: auto;
	text-align: left; 
	white-space: normal; 
	display: block;
	background:none;
	padding: 0.5em 0.5em 0.5em 2.3em; 
	margin: 0px; 
	
	/* 
	we have 7px padding therefore width is 163 instead of 170.
	in IE 5.5 this doesn't work. 
	*/ 
	width: 10.5em; 	
}


div#navigation ul ul.default a:hover, div#navigation ul ul.default a.last:hover  
{ 
	position:relative;
	background: #1D97BE; 
	color:#fff !important;
}

div#navigation ul.menu ul.default ul
{ 
	margin: -30px 0px 0px 175px; 
	position: absolute; 
}  



div#navigation ul.menu ul.information 
{ 
	text-align: left; 
	width: 350px; 
	display: none; 
	margin-top: 4px; 
	position: absolute; 
	left: -3px; 
	top: 30px;
	padding: 0px;

}

div#navigation ul.menu ul.information p 
{ 
	padding: 0px; 
	margin: 3px 0px 0px 0px; 
}


div#navigation ul.menu ul.information a
{
	color: blue; 
}

LI.marked 
{ 
	background: #1D97BE; 
}

LI.unmarked 
{
	background: none; 
}




#middle{
	background: none;
	min-height: 500px;
}


#footer{
	margin-top:1.2em;
	border-top:0.18em solid #DFDFDF;
	padding:0.5em 0.5em 0.5em 0.2em;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p{
	margin:0;
	color:#838383;
	font-size:1.1em;
	padding:0.2em 0 0 0;
}

#footer p a{
	color:#838383;
	text-decoration:none;
	background:url(../Images/link_icon.gif) no-repeat right top;
	padding:0 1.7em 0 0.3em;
}

#footer p a:hover{
	color:#000;
}

/*Error message*/

.middleContent_centerCol{
	width:56em;
	margin: 0 auto;
}

/*ERROR Styles*/

.middleContent_centerCol .errorAdvice{
	padding:0.7em 0 0.5em 0;
	border:1px solid #ffcf3d;
	background:#fffece;
	margin:2.5em 0;
}

.middleContent_centerCol .errorAdvice p{
	margin:0;
	padding:0.7em 0 0.7em 6.8em; 
	background:url(../Images/alert_Error2.gif) no-repeat 1.5em 0.5em;
	font-size:1.1em;

}

.middleContent_centerCol .errorAdvice p.howto{
	margin:0;
	padding:0 0 0.2em 6.8em;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	font-style:italic;
	background:url(../Images/arrow_Error2.gif) no-repeat 6em 0.3em;
}

.middleContent_centerCol .errorAdvice p.errorPlainText{
	margin:0;
	padding:0.7em 0 0.7em 6.8em; 
	background:none;
	font-size:1.1em;

}

.errorAdvice p.title{
	font-size:1.1em;
	padding:1.5em 0.5em 1.2em 6.3em;
	margin:0;
	background:url(../Images/alert_Error2.gif) no-repeat 1.5em 0.5em;
}

.errorAdvice .url{
	padding: 0 0 0 8.6em;
}

.ms-WPBody .errorAdvice .url a{
	color:#3b9cc2;
	text-decoration:underline;
	font-size:1.1em;
}

/*INFO Styles*/

.middleContent_centerCol .infoAdvice{
	padding:0.7em 0 0.5em 0;
	border:1px solid #399dc7;
	background:#dbedf5;
	margin:2.5em 0;
}

.middleContent_centerCol .infoAdvice p{
	margin:0;
	padding:0 0 0em 6.8em;

}

.middleContent_centerCol .infoAdvice p.howto{
	margin:0;
	padding:0 0 0.2em 6.8em;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	font-style:italic;
	background:url(../Images/arrow_Error.gif) no-repeat 6em 0.3em;
}

.infoAdvice p.title{
	font-size:1.1em;
	padding:1.5em 0.5em 1.2em 6.3em;
	margin:0;
	background:url(../Images/alert_InfoIcon.gif) no-repeat 1.5em 0.5em;
}

.infoAdvice .url{
	padding: 0 0 0 7em;
}

.ms-WPBody .infoAdvice .url a{
	color:#3b9cc2;
	text-decoration:underline;
	font-size:1.1em;
}


#ofertaProductos { position:relative;margin:10px 0 0 0px; height:158px;}
#ofertaProductos img, #ofertaProductos object{  border:0; position:absolute; left:-4px;}
html>body #ofertaProductos img, html>body #ofertaProductos object{left:-7px;}

#ofertaProductos embed{  border:0; position:absolute; left:-8px;}
html>body #ofertaProductos embed{left:-8px;}