body { 
	margin:0; 
	padding:0; 
	font-size: 0.8em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.7em;
	color:#777777;  
	background: #F8F8F8 url(/gr/bg.gif) repeat ;
	
}

/*CABECEIRA-----------------------------------------------------------*/

#admin {
	padding: 0;
	margin: 0 auto;
	text-align:center;
	background: url(/gr/fd-admin.gif) repeat-x top;
	height: 86px;
}
#top {
	padding: 0;
	margin: 0 auto;
	text-align:center;
	height: 8px;
	background:#FFFFFF;
	border-bottom: #FFFFFF solid 1px;
	overflow:hidden;
}

#top .padding { 
	float: right;
	color: #00a046;
	padding: 20px 38px 0 0;
}

#top a { color: #5e4e44; }

#cabeceira {
	text-align:center;
	margin: 0 auto; 
	width: 760px;
	height: 128px;
	border-bottom:solid 7px #5e4e44;
}
#cabeceira .bannercab {
	float: left;
	padding: 0 0 0 0;
	width:312px;
	height:111px;
	margin:12px 0 0 0;
}
#cabeceira #usuarios {
	float: right;
	padding: 0 0 0 0;
	width:218px;
	margin:0;
}
#cabeceira #usuarios .fd-u {
	padding: 0 0 0 0;
	height:27px;
	width:218px;
	margin:7px 0 0 0;
	background: url(/gr/usuarios.gif) no-repeat top left #FFFFFF;
}
#cabeceira #usuarios .micuenta {
	float: left;	
	padding: 5px 0 5px 12px;
	width:206px;
	margin:0 0 0 0;
	background:url(/gr/raya-horiz-bn.gif) #efdc73 bottom left repeat-x;
}
#cabeceira #usuarios .nombreu {
	float: left;
	font-size:1em;
	width:182px;
	padding: 2px 2px 2px 22px;
	color:#d5012b;
	background-image: url(/gr/flecha3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
}

#cabeceira #usuarios .cesta {
	float: left;	
	padding: 5px 0 5px 4px;
	background: #efdc73 bottom ;
	width:214px;
	margin:0 0 0 0;
}

#cabeceira #usuarios .cesta-tot {
	float: left;
	font-size:1em;
	padding: 0 0 0 30px;
	background:url(/gr/ico-cesta2.gif) top left no-repeat;
	text-align:left;
}

#cabeceira #usuarios .btsu{
	background: #F0F0F0;
	float:left;
	color:#5e4e44;
	margin:0 ;
	width:218px;
	padding:0 0 0 0;
	border-bottom:1px solid #FFFFFF;
}

#cabeceira #usuarios .btsu ul{
	list-style:none;
	margin:0 0 0 4px;
	padding:0;

}
#cabeceira #usuarios .btsu li{
	margin:0;
	padding:0;
	float:left;
	
}

#cabeceira #usuarios .btsu li a{
	margin:3px 3px 3px 0;
	padding:0 5px 0 5px;
	text-decoration:none;
	
	display:block;
	line-height:1.5em;
	font-size: 0.8em;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
	text-decoration:none;
}
#cabeceira .logo {
	float:left;
	padding:5px 0 0 0;
	text-align:left;
	width:207px;
	height:89px;
}
/*^CABECEIRA-----------------------------------------------------------*/

.fio{
	color:#888888;
	font-size:0.85em;
	width:504px;
	text-align:left;
	float:left;
}
/*GENERAL------------------------------------------------*/

.txt {
	color:#777777;
	}
.txt-peq{
	font-size:0.8em;
	}	
.precio{
	font-size: 1em;
	color:#d5012b;
	}
	
.aviso-sistema{
	font-size: 1em;
	color:#d5012b;
	clear:both;
	text-align:center;
	text-transform:uppercase;
	padding:4px;
	
	}



	.content a { 
		color:#5e4e44;
		text-decoration:none;
	}
	.content a:hover { 
		color:#d5012b;
	
	}
	
	.content { 
		background:  #FFFFFF;
		margin: 0 auto; 
		padding: 0; 
		width: 772px;
	}
	.content form { 
		margin:0;
		padding:0;
	}

.oculto{
display:none;

}

	/*IMÁGENES-----------------------------------------------------------*/
	.no-borde  {
		border:0;
	}
	.borde  {
		border:1px solid #cccccc;
		padding:3px;
		
	}
	.no-borde a {
		border:0;
	}
	.img {
	padding: 8px 8px 8px 0px;
	float: left;
	margin:10px 10px 5px 0;
	}

	/*CONTROLES-----------------------------------------------------------*/


	.controles {
		float:right;
		text-align:right;
		padding-right:10px;
	}
	
	.controles-admin {
		float:right;
		text-align:left;
		padding-right:10px;
		width:457px;
	}

	/*MENU PRINCIPAL-----------------------------------------------------------*/
	
	.menu {
		text-align:center;
		width:750px;
		margin: 0 auto;
		padding: 0;
		height:45px;
		background: url(/gr/fd-menu.gif) no-repeat;
		}
	
	.menu ul {
		margin:0;
		list-style:none;
		padding: 0;
		}
	.menu a {
		float:left;
		display:block;
		height: 15px;
		padding: 0 ;
		text-decoration:none;
		}
	.menu li {
		float:left;
		margin:0;
		padding:0px;
		}
	.menu a:hover {
		text-decoration:none;
		} 
	.menu .padding {
		padding: 0 10px 0 10px;
		}
		
	#contenido { 
		margin:0 auto;
		width: 760px;
		text-align:center;
		padding:0;
		 }


	/*^MENU MICUENTA-----------------------------------------------------------*/
	
	#menu-micuenta{
		background:url(/gr/sombra-sup.jpg) repeat-x bottom;
		width:565px;
		padding:10px 0 20px 0;
		margin:0 0 0 0;
		float:left;
		
		color:#5e4e44;
	}
	#menu-micuenta .txt-g-off{ 
		font-size:1em;
		}
	#menu-micuenta .txt-g-on{ 
		font-size:1em;
		color:#d5012b;
		}
	#menu-micuenta .txt-p-off{ 
		font-size:1em;
		}
	#menu-micuenta .txt-p-on{ 
		font-size:1em;
		color:#d5012b;
		}
	#menu-micuenta ul {
		margin:0; 
		list-style:none; 
		padding: 0 
	}
	
	#menu-micuenta li {
		float:left;
		color: #FFF;
		background: #FFFFFF;
		margin:0 0 0 30px;
		padding:0 0 0 10px;
		color:#5e4e44;
		background:url(/gr/flecha.gif) left no-repeat;
	
	}
	
	#menu-micuenta li  a:hover {
		text-decoration:none;
	
	} 






	/* ESQUERDA--------------------------------------------------*/
	
	#contenido #esq {
		float: left;
		padding:0; 
		width: 191px;
		text-align:left;
		margin:2px 0 0 0;
		}
		/*MENU  ESQUERDA--------------------------------------------------*/
		#contenido #esq #menuesq{
			background:#dabb14;
			margin:0 ;
			padding:3px 3px 1px 3px ;
			width:185px;

			}
			
		#contenido #esq #menuesq ul{
			margin:0 ;
			padding:0;
			width:0;
			list-style:none;

			}
	
		#contenido #esq #menuesq li{
			text-decoration:none;
			text-transform:uppercase;
			cursor:pointer;

			margin:0 0 2px 0;
			display:block;
			font-size:0.9em;
			padding:0;

			}

			
			#contenido #esq #menuesq li a{
			text-decoration:none;
			text-transform:uppercase;
			cursor:pointer;
			background:url(/gr/bt-menuesq.gif) no-repeat top;
			display:block;
			height:27px;
			width:170px; 
			padding:6px 0 0 15px;


			}

		#contenido #esq #menuesq li a:hover{
			text-decoration:none;
			text-transform:uppercase;
			cursor:pointer;
			background:url(/gr/bt-menuesq-on.gif) no-repeat top;
			display:block;
			height:27px;
			width:170px; 
			padding:6px 0 0 15px;
	

			}


		#contenido #esq #menuesq .buscador{
			background: #999999 ;
			margin:0 0 0 0 ;
			padding:10px 0 0 0px;
			width:191px;
			height:50px;
			text-align:left;
		
			}
		#contenido #esq  .buscarx{
			margin:2px 0 3px 0 ;
			padding:45px 0 0 0px;
			width:191px;

			text-align:left;
			float:left;
			background:url(/gr/buscarxcol.gif) no-repeat top #F0F0F0 ;
		
			}


		#contenido #esq  .buscarx ul{
		list-style:none;
		margin:0;
		padding:0;
		
			}

		#contenido #esq  .buscarx li{
		background:repeat-x bottom url(/gr/raya-horiz-bn.gif);
		margin:0;
		padding:3px 3px 3px 10px;
		line-height:1.5em;
			}



#newsletter { background: #f0f0f0 url(/gr/boletin.gif) no-repeat top;margin:2px 0 3px 0 ;
			padding:45px 0 0 0px;
			width:191px;
			text-align:left;
			float:left; }

#newsletter input { margin: 5px 0 0 0; padding:0 0 0 2px; }

#newsletter h2 {  color:#333; background: #CCC ;  }

#newsletter .padding { margin: 0; padding: 0 10px 20px 10px; background: url(../gr/fondoPieNewsletter.gif) no-repeat left bottom; }

.campoNewsletter { margin: 8px 0px; }

.campoNewsletter input { width: 165px; } 

.botonNewsletter { text-align: right; }
.botonNewsletter input {background:#FFFFFF; border:#CCC 1px solid;}




		#contenido #esq  .banners{
			width:191px;
			text-align:left;
			float:left;
			margin: 0 0 20px 0;
		
			}

/*Botóns///////////////////////////////////////////////////////////////*/


		/*MENU  ESQUERDA--------------------------------------------------*/
		
	/* ESQUERDA--------------------------------------------------*/


	/*-----------------------DEREITA-----------------*/
	
	
	#contenido #der {
		float: left;
		padding:0;
		margin:0;
		width: 569px;
		text-align:left;
	
		}
	
	#contenido #der  a:hover { 
	color:#d5012b;
	text-decoration:none;
	}
	
	#contenido #der .marco{
		float: right;
		padding:2px;
		margin:0 0 4px 0;
		width: 561px;
		text-align:left;
		border:solid 1px #5e4e44 ;
	
		}
		#contenido #der .marco2{
		float: right;
		padding:2px 7px 7px 7px;
		margin:0 0 4px 0;
		width: 551px;
		text-align:left;
		border:solid 1px #5e4e44 ;
	
		}
	
	.barra{
		padding: 2px 0  16px 4px;
		width: 557px;
		background:url(/gr/sombra-sup.jpg) repeat-x bottom left #F0F0F0;
		margin:0 0  0 0;
		float:left;

		}
		

		
		
	.graf{
		float: right;
		padding:0;
		height:214px;
		width: 567px;
		text-align:left;
		margin:2px 0 2px 0;
		}		
	.controles-barra {	
		text-align:right;
		padding:0 0 0 0 ;
		margin:0;

		float:left;
		width:50px;



		}

#menu-catalogo {
	margin:0 0 10px 0 ;
	padding:0 0 3px 0;
	width:561px;
	background:#f1d125;
	float:left;

	
}

#menu-catalogo .txt-c {
padding:0 15px 0 15px;
font-size:0.85em;
background:url(/gr/desplega.gif) left no-repeat ;
margin: 0 0 0 5px;
cursor:pointer;



}
#menu-catalogo .txt-mc {
padding:0 15px 0 7px;
font-size:0.85em;

}


#menu-catalogo ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	background:#5e4e44;
	width:561px;
	text-align:	left;
	float:left;
}

#menu-catalogo li { /* all list items */
	float: left;
	position: relative;
	color:#FFFFFF;
	text-decoration:none;
	display: block;
}

#menu-catalogo li ul { /* second-level lists */
	display: none;
	position: relative;
	float:left;
	background:#efdc73;
	
}

#menu-catalogo li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

}

#menu-catalogo li:hover ul { /* lists nested under hovered list items */
	display: block;
	color:#F0F0F0;
	overflow:hidden;
}

#menu-catalogo li.on ul { /* lists nested under hovered list items */
	display: block;

}


	.titulo-seccion{
		float: left;
		padding:8px 0 6px 4px;
		margin:0 0 0 0 ;
		width: 557px;
		text-align:left;
		background-color:#efdc73;
		border-bottom:2px #FFFFFF solid;
	
		}
		
	.titulo-seccion h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.20em;
		color:#5e4e44;
		margin:0 0 0 0; 
		padding:0;
		text-transform:uppercase;
	
	}
	.titulo-seccion h2{
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:0.85em;
		color:#555555;
		margin:3px 0 0 0;
		padding:0;
		
	
	}
	
		
	#contenido #der .texto {
		float: left;
		padding:0 0 0 20px;
		margin:10px 0 10px 0 ;
		width: 520px;
		text-align:left;
		}	
	
		#contenido #der .texto-index {
		float: left;
		padding:0 0 0 8px ;
		margin:10px 0 10px 0 ;
		width: 317px;
		text-align:left;
		}	
	
		#contenido #der .texto-index-titulo {
		text-decoration:none;
		font-weight: normal;
		background:url(/gr/ico-titulo.gif) no-repeat left top;
		text-transform:uppercase;
		font-size: 0.9em;
		color:#5e4e44;
		margin:0 0 10px 0; 
		float:left;
		padding: 0 5px 2px 25px;
		width:285px;
		border-bottom:5px solid #F0F0F0;
		}	

	#contenido #der .texto-destacado{
		float: left;
		padding:0 0 20px 20px;
		margin:10px 0 20px 5px ;
		width: 535px;
		text-align:left;
		color:#5e4e44;
		background:url(/gr/raya-horiz-puntos.gif) repeat-x bottom left;	
		}
	
	/*#contenido #der .listado-item {
	
		padding:0 10px 10px 0;
		margin:10px 0 10px 20px ;
		width: 500px;
		text-align:left;
		background:url(gr/raya-horiz-puntos.gif) repeat-x bottom left;	
		display:block;
	}*/
	#contenido #der .adxuntos {
	
		padding:0 10px 0 0;
		margin:10px 0 15px 0 ;
		width: 500px;
		height:20px;
		overflow:hidden;
		text-align:left;
		background: #F4F6E0 url(/gr/brr-adxuntos.gif) left no-repeat;
	
	}	
	#contenido #der .adxunto-item{
	
		padding:0 10px 10px 10px;
		margin:5px 0 2px  0;
		width: 490px;
		text-align:left;
		display:block;
		overflow:hidden;
	
	}	
	


	
/* -----------------------------------------------------------------*/
	
	



	#form{
	width:552px;
	padding:0 3px 0 5px;
	margin:15px 0 10px 0;
	float:left;

	}

	#info-dereita{

		float: right;
		margin:5px 0 0 5px;
		font-size:0.8em;



	}


	#info-dereita .cuadro{
		padding:10px 10px 10px 20px;
		margin: 0 0 10px  0 ;
		background: #fbf8e5;
	}
	#info-dereita .cuadro2{
		padding:10px 10px 10px 20px;
		margin: 0 0 10px 0 ;
		background: #F0F0F0;
	}
	#info-dereita .titulo-contacto{
	color:#5E4E44;
	background:url(/gr/ico-contacto.gif) no-repeat left;
	padding:0 0 0 20px;
	margin:0 0 0 0;

	}
		#info-dereita .titulo-horario{
	color:#5E4E44;
	background:url(/gr/ico-reloj.gif) no-repeat left;
	padding:0 0 0 20px;
	margin:0 0 0 0;

	}
	
#contenido #der #form .titulo {

	
	text-decoration:none;
	font-weight: normal;
	background:url(/gr/ico-contacto.gif) no-repeat left top;
	text-transform:uppercase;
	font-size: 0.9em;
	color:#d5012b;
	margin:0 0 10px 0; 
	float:left;
	padding: 0 5px 2px 25px;
	width:345px;
	border-bottom:5px solid #F0F0F0;
	

}
#contenido #der #form .titulo-usuario {
	text-decoration:none;
	font-weight: normal;
	background:url(/gr/ico-usuario.gif) no-repeat left top;
	text-transform:uppercase;
	font-size: 0.9em;
	color:#d5012b;
	margin:0 0 10px 0; 
	float:left;
	padding: 0 5px 2px 25px;
	width:335px;
	border-bottom:5px solid #F0F0F0;
	
	

}

#form  .item{
	
		padding:0 0 10px 10px;
		margin:5px 0 2px  0;
		width: 360px;
		text-align:left;


	
	}
	
#form	.aviso{
	font-size: 1em;
	color:#d5012b;
	padding:0 0 10px 15px;



}



#form 	 .bts{
	
		padding:0 0 10px 110px;
		margin:5px 0 2px  0;
		width: 210px;
		text-align:left;
		display:block;
	}
	
#form 	 .bts2{
	
		padding:0 0 10px 110px;
		margin:5px 0 30px  0;
		width: 210px;
		text-align:left;
		display:block;
		background:repeat-x bottom url(/gr/raya-horiz-puntos.gif);
		width:260px;
	}
#form 	 .bts-continuar{
		padding:10px 10px 0 0;
		margin:20px 0 2px  0;
		width: 539px;
		text-align:right;
		display:block;
		height:30px;
		float:left;
		background:#fbf8e5;
	}	

#form 	 label span{
		float: left;
		margin: 0; 
		width: 85px;
		padding:0 0 0 15px;
		text-decoration:none;
		font-size:0.9em;
		color:#5E4E44;
		}

#form	.campo-texto {
		width: 250px;
		color:#777777;
		padding:2px 2px 2px 2px;
		margin:0;
		font-family:Arial,Verdana,  Helvetica, sans-serif;
		border:#F3F3F3 solid 1px ;
		}


#form 	 textarea{
		width: 250px;
		height: 150px;
		font-size:0.9em;
		color:#777777;
		padding:2px 2px 2px 2px;
		font-family:Arial,Verdana,  Helvetica, sans-serif;
		margin:0;
				border:#f0f0f0 solid 1px ;
		}


#form 	.coment-compra textarea{
		width: 350px;
		height: 150px;
		font-size:0.9em;
		color:#777777;
		padding:10px 4px 2px 4px;
		font-family:Arial,Verdana,  Helvetica, sans-serif;
		margin:0;
				border:#f0f0f0 solid 1px ;
				
		}


/*paginacion*/		
#tabla-compra{
text-align:left;
margin:0 0 20px 0;
float:left;


}

#tabla-compra .tit{
	text-decoration:none;
	font-weight: normal;
	text-transform:uppercase;
	font-size: 1em;
	color:#d5012b;
	margin:0 0 0 0; 
	float:left;
	padding: 0 0 0 10px;
	width:300px;

}

#tabla-compra .raia{
background:url(/gr/raya-horiz-puntos.gif) bottom left repeat-x;
height:1px;

}
#tabla-compra .cabeceira{


text-transform:uppercase;
font-size:0.8em;
padding:10px 4px 10px 8px;

background:#F0F0F0;

}

#tabla-compra	.campo-texto  {
		

		color:#5e4e44;
		padding:2px 2px 2px 2px;
		margin:0;
		font-family:Arial,Verdana,  Helvetica, sans-serif;
		border:#F3F3F3 solid 1px ;
		}
#tabla-compra	.campo-texto  select{
		

		color:#5e4e44;
		padding:2px 2px 2px 2px;
		margin:0;
		font-family:Arial,Verdana,  Helvetica, sans-serif;
		border:#F3F3F3 solid 1px ;
		}

.avisotb{



font-size:0.9em;
padding:8px 8px 8px 8px;
border:1px solid #F5F5F5;


}

.avisotxt  {
	color:#5e4e44;
	background:url(/gr/ico-envio.gif) no-repeat left;
	padding:0 0 0 25px ;
	font-size:0.9em;
	margin:0 0 10px 0;
	text-align:left;
	
	
}

#tabla-compra .avisotxt{

	font-size:0.95em;
}
#tabla-compra .avisotxt-bt{

		margin:0 0 0 10px;
	background:url(/gr/flecha.gif) no-repeat left;
		padding:0 0 0 10px ;
		float:right;
}

#tabla-compra .cantidad{
	font-size: 1em;
	color:#5E4E44;
	text-align:right;
	padding:0 4px 0 4px;


}
#tabla-compra .articulo{
	font-size: 1em;
	color:#5E4E44;
	text-align:left;
	padding:2px 0 2px 4px;

	margin: 0 0 0 0;
	
	


}
#tabla-compra .ref{
	font-size: 0.8em;
	color:#5E4E44;
	text-align:left;
	padding:2px 0 2px 4px;
	margin: 0 0 0 0;
	vertical-align:top;
	
	


}



#tabla-compra .eliminar{

	text-align:right;
	padding-right:5px;


}
#tabla-compra .eliminar input{

	border:#F8F8F8 1px solid;


}
#tabla-compra .precio{
	font-size: 1em;
	color:#d5012b;
	text-align:right;
	padding:0 10px 0 4px;


}
#tabla-compra .item1{


color:#FFFFFF;
padding:4px;

}
#tabla-compra .item2{
background:#fbf8e5;


padding:4px;

}
#pasos-compra{
	background:url(/gr/sombra-sup.jpg) repeat-x bottom;
	width:561px;
	padding:10px 0 15px 0;
	margin:0 0 0 0;
	float:left;
	
	color:#5e4e44;
}
	#pasos-compra .txt-g-off{ 
	font-size:1em;
	}
	#pasos-compra .txt-g-on{ 
	font-size:1em;
	color:#d5012b;
	}
	#pasos-compra .txt-p-off{ 
	font-size:1em;
	}
	#pasos-compra .txt-p-on{ 
	font-size:1em;
	color:#d5012b;
	}
#pasos-compra ul {
	margin:0; 
	list-style:none; 
	padding: 0 
}
	


#pasos-compra li {
	float:left;
	color: #FFF;
	background: #FFFFFF;
	margin:0 0 0 0;
	padding:0 0 0 37px;
	color:#5e4e44;

}

#pasos-compra li  a:hover {
	text-decoration:none;

} 


/*paginacion*/		


.pag{
	width:561px;
	padding:0;
	margin:0;
	float:left;
	color:#5e4e44;

}
.pag ul {
	margin:0; 
	list-style:none; 
	padding: 0 
}
	
.pag li a{
	float:left;
	display:block;
	padding: 0px 6px 0px 6px;
	text-decoration:none;
	font-size:1em;
	color:#5e4e44;
}

.pag li {
	float:left;
	color: #FFF;

	margin:0 2px 0 2px;
	padding:0;
	color:#5e4e44;

}
.pag li .select  {

		color:#d5012b;

}
.pag li  a:hover {
	text-decoration:none;

} 
.listado-info{
	/*background:#9e958f;*/
	color:#5e4e44;
	font-size:0.9em;
	width:561px;
	height:30px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;


}
.listado-info2{
	/*background:#9e958f;*/
	color:#5e4e44;
	font-size:0.9em;
	width:561px;
	height:30px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
	float:left;
	background:url(/gr/sombra-sup.jpg) repeat-x top left ;
}
.listado-info-esq{

	float:left;
	text-align:left;
	padding-left:8px;
	margin:0 auto;
	text-align:center;

}
.listado-info-der{
	float:right;
	text-align:right;
	padding-right:8px;
}

/*CONTIDO-----------------------------------------------------------*/
/* PE-----------------------------------------------------------------------------------------------------------------*/

.pie2 {
	text-align:center;
	width:760px;
	margin: 0 auto;
	padding: 0;
	border-top: 7px solid #5e4e44;
	height:40px;
	clear:both;
	font-size:0.9em;
	background:repeat-x bottom url(/gr/raya-horiz-puntos.gif);

	
}

.pie2 ul {
	margin:0;
	list-style:none;
	padding-left: 50px;
}
.pie2 a {
	float:left;
	display:block;
	height: 15px;
	padding: 0 ;
	text-decoration:none;
	color:#5e4e44;
}
.pie2 li {
	float:left;
	margin:0;
	padding:10px;
}
.pie2 a:hover {
	text-decoration:none;
}

#pie { 
	clear:both;
	height: 60px;
	font-size:90%; 
	padding: 0; 
	text-align:center; 
	margin:0;

}


#pie3 { 
	clear:both;
	height: 30px;
	background:#F0F0F0;
	font-size:0.9em; 
	padding: 10px 0 10px 0; 
	text-align:center; 
	margin:0;

}
#pie3 ul {
	margin:0;
	list-style:none;
	padding-left: 30px;
	}
#pie3 li {
	float:left;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	}
#pie3 a { color: #777777; }

#volver{
	cursor:pointer;
}