* html .tooltip span { /* IE6 hover */
m: expression(this.onmouseover = new Function("this.className = 'tooltip-hover';"));
}
* html .tooltip:hover span, * html .tooltip-hover span { /* IE6 hover */
background: #FEFEF8;
m: expression(this.onmouseout = new Function("this.className = 'tooltip';"));
}
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto;
	padding:0 auto;
	font-size:1em;
	color:#444444;
}
a:link {
	color: #532F92;
}
a:visited {
	color: #532F92;
}
a:hover {
	color: #E1278C;
}
a:active {
	color: #532F92;
}
#contenedor {
	width:990px;
	margin:0 auto;
	padding:0 auto;
	background:url(images/fondo_contenido.jpg) repeat-y;
}
#cabecera {
	height:96px;
	background:url(images/fondo_cabecera.jpg) no-repeat;
}
#logo {
	float:left;
}
#logo img {
	border:0px;
}
.textoDestacado {
	color:#532F92;
}
q {
	color:#532F92;
	font-style:italic;
	font-size:1.3em;
	quotes: none;
	background:#EEE6FA;
	display:block;
	padding:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}
}
#cuadroDestacado {
	border:1px solid #532F92;
	padding:10px;
	width:680px;
}
#cuadroGinesta {
	border:0px solid #532F92;
	padding:10px;
	width:680px;
	background:#FDC000;
}
#cuadroGinesta img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroUSOC {
	border:0px solid #532F92;
	padding:10px;
	width:680px;
	background:#E7E1E1;
}
#cuadroUSOC img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroGremi {
	border:0px solid #E00024;
	padding:10px;
	width:680px;
	background: #FF9966;
}
#cuadroGremi img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroSSIM {
	border:0px solid #E00024;
	padding:10px;
	width:680px;
	background: #BAE1F5;
}
#cuadroSSIM img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroSCAMP {
	border:0px solid #E00024;
	padding:10px;
	width:680px;
	background: #D9D8D8;
}
#cuadroSCAMP img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroGuisona {
	border:0px solid #E00024;
	padding:10px;
	width:680px;
	background: #C5CCE6;
}
#cuadroGuisona img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroBonpreu {
	border:0px solid #E00024;
	padding:10px;
	width:680px;
	background: #95B11C;
}
#cuadroBonpreu img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroCondis {
	border:0px solid #E00024;
	padding:10px;
	width:680px;
	background: #FFA800;
}
#cuadroCondis img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroCEE {
	border:0px solid #532F92;
	padding:10px;
	width:680px;
	background:#F2E8E3;
}
#cuadroCEE img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroObispado {
	border:0px solid #532F92;
	padding:10px;
	width:680px;
	background:#D4DDE4;
}
#cuadroObispado img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroIES {
	border:0px solid #532F92;
	padding:10px;
	width:680px;
	background:#CCCC66;
}
#cuadroIES img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroSagrada {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#B2EBFE;
}
#cuadroSagrada img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroVaixell {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#F0DB5E;
}
#cuadroVaixell img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroJacint {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#E5FBC0;
}
#cuadroBenlliure {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#CCCC99;
}

#cuadroBenlliure img{
	float:left;
	padding:0 20px 0 0;
}

#cuadrotavernes {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#ffffcc;
}

#cuadrotavernes img{
	float:left;
	padding:0 20px 0 0;
}
#cuadroonze {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#9999ff;
}

#cuadroonze img{
	float:left;
	padding:0 20px 0 0;
}

#cuadrolaporta {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#99ccff;
}

#cuadrolaporta img{
	float:left;
	padding:0 20px 0 0;
}

#cuadroJacint img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroSunion {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#F4EDDB;
}
#cuadroSunion img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroLesmarines {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#BBD2FF;
}
#cuadroLesmarines img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroForat {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#C6C7E7;
}
#cuadroForat img {
	float:left;
	padding:0 20px 0 0;
}
#cuadroCaterina {
	border:0px solid #B2EBFE;
	padding:10px;
	width:680px;
	background:#99CCFF;
}
#cuadroCaterina img {
	float:left;
	padding:0 20px 0 0;
}
#clientesPeq {
	float:left;
	width:165px;
}
#casos-exito {
	float:left;
	width:220px;
}
#clientesPeq p {
	margin:10px 0 40px 0;
}
#clientesPeq img {
	border:0;
}
#clientesPeq a {
	color:#FFFFFF;
}

#clientesLogoPeq {
	float:left;
	width:175px;
	text-align: center;
}
#clientesLogoPeq  p {
	margin:10px 0 40px 0;
}
#clientesLogoPeq  img {
	border:0;
}
#clientesLogoPeqContenedor {
	padding:20px 0 0px 80px;
}
/*-------------------------------MENU SECUNDARIO--------------------------------------*/
#menuSecundario ul {
	margin:0 0 0 15px;
	padding:0;
	font-size:0.88em;
	border-top:1px solid #FFFFFF;
	list-style:none;
}
#menuSecundario li {
	width:319px;
	float:left;
}
#menuSecundario li a {
	text-decoration:none;
}
#menuSecundario .btnProductos a {
	background:url(images/btnProductos.gif) no-repeat right #E6B578;
	width:319px;
	display:block;
	height:20px;
	color:#FFFFFF;
	font-weight: bold;
	padding:5px 0 0 0;
}
#menuSecundario .btnProductos a:hover {
	background: url(images/btnRollOver.jpg) no-repeat right #7B5EBA;
	width:319px;
	display:block;
	height:20px;
	color:#E37CB2;
	font-weight: bold;
	padding:5px 0 0 0;
}
#menuSecundario .btnClientes a {
	background:url(images/btnClientes.jpg) no-repeat right #C1CB6A;
	width:319px;
	display:block;
	height:20px;
	border-left:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight: bold;
	padding:5px 0 0 0;
}
#menuSecundario .btnClientes a:hover {
	background: url(images/btnRollOver.jpg) no-repeat right #7B5EBA;
	width:319px;
	display:block;
	height:20px;
	border-left:1px solid #FFFFFF;
	color:#E37CB2;
	font-weight: bold;
	padding:5px 0 0 0;
}
#menuSecundario .btnContacto a {
	background:url(images/btnContacto.jpg) no-repeat right #E37CB3;
	width:321px;
	display:block;
	height:20px;
	border-left:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight: bold;
	padding:5px 0 0 0;
}
#menuSecundario .btnContacto a:hover {
	background: url(images/btnRollOver.jpg) no-repeat right #7B5EBA;
	width:321px;
	display:block;
	height:20px;
	border-left:1px solid #FFFFFF;
	color:#E37CB2;
	font-weight: bold;
	padding:5px 0 0 0;
}
#menuSecundario .btnBuscar  {
	background: url(images/fondo_buscador.jpg);
	width:239px;
	display:block;
	height:25px;
	border-left:1px solid #FFFFFF;
	color:#532F92;
	font-weight: normal;
	padding:0px 0 0 0;
}
#menuSecundario .btnBuscar input {	
	Border: 1px solid #7A7A7A;
	FONT-SIZE: 0.88em;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND: #FFFFFF;
	TEXT-ALIGN: left;
	padding:2px 4px 0 4px;
	color: #7A7A7A;
	height:16px;
}
/*-------------------------------------------------------*/
#central {
	text-align:left;
}
.promoGrande {
	margin: 20px 0 0 30px;
	padding:20px 0 0 0;
}
#menuLateral {
	width:225px;
	margin:0px 0 0 30px;
	_margin:0px 0 0 10px;
	float:left;
}
#menuLateral .promo1 {
	margin:15px 0 0 0;
}
#menuLateral .promo2 {
	margin:15px 0 0 0;
}
#menuLateral .promo3 {
	margin:15px 0 0 10px;
}
/* menú día a día */
#menuLateral .menuDiaadia {
	margin:15px 0 0 0;
	width:210px;
	color:#FFFFFF;
	background:url(images/menu_diaadia_fondo.gif) no-repeat;
	height:130px;
}
#menuLateral .menuDiaadia h2 {
	font-size:0.88em;
	padding:0 15px 0 15px;
	margin:0 0 5px 0;
	color:#532F92;
}
#menuLateral .menuDiaadia ul {
	list-style:none;
	margin:0;
	padding:0 15px 0 15px;
}
#menuLateral .menuDiaadia li {
	margin:3px 0 3px 0;
	height:20px;
	/margin:4px 0 4px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menuLateral .menuDiaadia li {
		margin:4px 0 4px 0;
}
}
#menuLateral .menuDiaadia li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.75em;
}
#menuLateral .menuDiaadia li a:hover {
	color:#999999;

	text-decoration:none;
	font-size:0.75em;
}

/* menú día a día 2 */
#menuLateral .menuDiaadia2 {
	margin:15px 0 0 10px;
	width:210px;
	color:#FFFFFF;
	background:url(images/banner-diaadia.gif) no-repeat;
	height:170px;
}
#menuLateral .menuDiaadia2 h2 {
	font-size:0.88em;
	padding:0 15px 0 15px;
	margin:0 0 5px 0;
	color:#532F92;
}
#menuLateral .menuDiaadia2 ul {
	list-style:none;
	margin:0 0 0 0;
	padding:65px 15px 0 15px;
}
#menuLateral .menuDiaadia2 li {
	margin:5px 0 5px 0;
	/margin:6px 0 6px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menuLateral .menuDiaadia2 li {
		margin:4px 0 4px 0;
}
}
#menuLateral .menuDiaadia2 li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.84em;
	font-weight:bold;
}
#menuLateral .menuDiaadia2 li a:hover {
	color:#356D9D;
	text-decoration:none;
	font-size:0.84em;
	font-weight:bold;
}




/* menú sección */
#menuLateral .menuSeccion {
	margin:15px 0 0 0;
	background:#7057A6;
	width:210px;
	color:#FFFFFF;
}
#menuLateral .menuSeccion h2 {
	font-size:0.88em;
	padding:0 15px 0 15px;
	margin:0 0 5px 0;
}
#menuLateral .menuSeccion ul {
	list-style:none;
	margin:0;
	padding:0 15px 0 15px;
}
#menuLateral .menuSeccion li {
	margin:4px 0 4px 0;
}
#menuLateral .menuSeccion li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.75em;
}
#menuLateral .menuSeccion li a:hover {
	color:#E37CB2;
	text-decoration:none;
	font-size:0.75em;
}

#menuLateral #linkContacto {
	margin:15px 0 0 0;
	background:#E2469A;
	width:210px;
	color:#FFFFFF;
	text-align:center;
}
#menuLateral #linkContacto p {
	margin:0px 0 0 0;
}
#menuLateral #linkContacto .porcentaje {
font-size:3em;
}
#menuLateral #linkContacto a {
	text-decoration:none;
	color:#FFFFFF;
}

#menuLateral #medioAmbiente {
	margin:15px 0 0 0;
	background:#44AD44;
	width:210px;
	color:#FFFFFF;
	text-align:center;
}
#menuLateral #medioAmbiente p {
	margin:0px 0 0 0;
}
#menuLateral #medioAmbiente .porcentaje {
font-size:3em;
}
#menuLateral #medioAmbiente a {
	text-decoration:none;
	color:#FFFFFF;
}

#menuLateral #bannerCasos {
	margin:55px 0 0 0;
	background:#fff;
	width:210px;
	color:#FFFFFF;
	text-align:center;
}
#menuLateral #bannerCasos p {
	margin:0px 0 0 0;
}
#menuLateral #bannerCasos .porcentaje {
font-size:3em;
}
#menuLateral #bannerCasos a {
	text-decoration:none;
	color:#FFFFFF;
}
/*-------------------------------CONTENIDO-----------------------------------*/
#contenido {
	width:705px;
	float:right;
	display:block;
	font-size:0.75em;
	padding:0px 30px 0 0;
	_padding:0px 22px 0 0;
}
#contenido h2 {
	font-size:2em;
	font-weight:bold;
	color:#532F92;
}
#contenido h3 {
	font-size:1em;
	font-weight:bold;
	color:#532F92;
}
#contenido h4 {
	font-size:1.95em;
	font-weight:bold;
	color:#5F9433;
	margin:0 0 10px 0;
}
#contenido h5 {
	font-size:1.2em;
	font-weight:bold;
	color:#532F92;
}
#contenido h6 {
	font-size:1.55em;
	font-weight:bold;
	color:#5F9433;
	margin:0 0 0 0;
	/margin:0 0 10px 0;
}
#contenido p {
	color:#444444;
	font-size:1.1em;
}
.destacar {
	color:#532F92;
	font-size:1.3em;
	font-weight: normal;
}
#contenido .textoBienvenida {
	width:50%;
	float: left;
	/margin:15px 0 0 0;
}
#contenido .textoNoticias {
	width:45%;
	float:right;
	margin:40px 0 0 0;
	/margin:55px 0 0 0;
}
#contenido .textoSegmento {
	float: left;
	/margin:15px 0 0 0;
text-align:justify;
}
#contenido .textoSegmentoClientes {
	float: left;
	margin:105px 20px 0 100px;
	/margin:125px 20px 0 50px;
	text-align:center;
	color:#FFFFFF;
}
#contenido .textoSegmentoClientes2 {
	float: center;
	margin:0 0 0 185px;
	/margin:0 0 0 175px;
	text-align:center;
	color:#FFFFFF;
}
#contenido .textoSegmentoClientes-c-exito {
	float: left;
	margin:105px 20px 0 28px;
	/margin:125px 20px 0 28px;
	text-align:left;
	width:600px;
	color:#FFFFFF;
}

#contenido .textoSegmentoClientes-c-exito h2 {
	color:#FFFFFF;
}

#contenido .textoSegmentoClientes h2 {
	color:#FFFFFF;
}

#contenido .muestrasSegmento {
	width:450px;
	margin:0 0 0 90px;
	_margin:0 0 0 70px;
	float:left;
padding:0;
border:0;
}
#menuCasosExito {
	width:130px;
	margin:0px 0 0 0px;
	float:right;
	border-left: 0px solid #CCCCCC;
	height:400px;
	background:#EEE6FA;
}
#menuCasosExito h1 {
	font-weight:bold;
	font-size:1.25em;
	padding:10px 0 3px 10px;
	/padding:10px 0 0px 10px;
	color:#532F92;
}
#menuCasosExito p {
	padding:0 0 3px 10px;
	/padding:0 0 0px 10px;
	font-size:1.25em;
}
#contenido ul {
	margin:10px 0 10px 50px;
}
#contenido li {
	margin:5px 0 5px 0px;
}
#productoImagen {
	float:right;
	margin:20px 0 20px 20px;
}
#contenido #video {
	float: left;
	border:0;
	width:23%;
	_width:22%;
	margin:0 2% 0 0;
}
#contenido #video img {
	border:0;
	text-align:center;
}
#videoImagen img {
	float:right;
	margin:-15px 0 0px 5px;
	border:0;
}
#contenedorVideo {
	background: url(images/fondo_videos.jpg) no-repeat;
	height:180px;
	/height:150px;
	padding:0px 30px 30px 30px;
	/padding:30px 30px 30px 30px;
}
#impresoras {
	float:left;
	width:303px;
	margin:20px 15px 30px 15px;
}
#impresoras h3 {
	margin:10px 0px 0px 0px;
}
#impresoras p {
	margin:5px 0px 0px 0px;
}
#recuadro {
	background:#E2D5F7;
	padding:5px 10px 5px 10px;
	width:685px;
	margin:15px 0 10px 0;
	/margin:0 0 10px 0;
}
#textoEcologia {
	width:205px;
	float:left;
	padding:0 10px 0 20px;
	_padding:0 13px 0 15px;
	background:url(images/ecologia01.gif) no-repeat;
	height:928px;
}
#textoEcologia h2 {
	font-size:1.5em;
	color:#FFF;
	font-weight:normal;
	margin:10px 0 40px 0;
}
#textoEcologia h3 {
	font-size:1.25em;
	color:#FFF;
	font-weight:normal;
}
#textoEcologia ul {
	margin:0 0 0 15px;
	padding:0;
}
#textoEcologia2 {
	width:205px;
	float:left;
	padding:0 10px 0 20px;
	_padding:0 13px 0 15px;
	background:url(images/ecologia02.gif) no-repeat;
	height:928px;
}
#textoEcologia2 h2 {
	font-size:1.5em;
	color:#FFF;
	font-weight:normal;
	margin:10px 0 40px 0;
}
#textoEcologia2 h3 {
	font-size:1.25em;
	color:#FFF;
	font-weight:normal;
}
#textoEcologia2 ul {
	margin:0 0 0 15px;
	padding:0;
}
#textoEcologia3 {
	width:205px;
	float:left;
	padding:0 10px 0 20px;
	_padding:0 13px 0 15px;
	background:url(images/ecologia03.gif) no-repeat;
	height:928px;
}
#textoEcologia3 h2 {
	font-size:1.5em;
	color:#FFF;
	font-weight:normal;
	margin:10px 0 40px 0;
}
#textoEcologia3 h3 {
	font-size:1.25em;
	color:#FFF;
	font-weight:normal;
}
#textoEcologia3 ul {
	margin:0 0 0 15px;
	padding:0;
}


.tituloClientes {
	margin:15px 0 0 0;
}
/*----------------------------------------------------FORMULARIO----------------------------------*/
.input {
	border:1px solid #532F92;
	color:#444444;
	font-size:1em;
	padding:4px;
	margin:5px 0px 1px 0px;
}
.select {
	border:1px solid #532F92;
	color:#444444;
	font-size:0.85em;
	padding:3px;
	margin:2px 0px 2px 0px;
}
textarea {
	border:1px solid #532F92;
	color:#444444;
	font-size:0.85em;
	padding:3px;
	margin:2px 0px 2px 0px;
}
label {
	display: block;
	width:95px;
	float: left;
	margin:4px 0px 1px 0px;
}
.btnEnviar {
	background:#532F92;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
}
/*----------------------------------*/

#contenidoClientes {
	background: url(images/fondo-casos-exito-clientes.jpg) no-repeat;
	display:block;
	height:595px;
	margin:15px 0 0 0;
}


/*----------------------------------------------------PIE----------------------------------*/
#pie {
	background:#FFF;
}
#pie p {
	font-size:0.69em;
	margin:0;
	padding:0;
}
#pie a {
	color:#444444;
	text-decoration:none;
}
#pie a:hover {
	color:#532F92;
	text-decoration: underline;
}

/*-------------------------------------TOOLTIP----------------*/
a.tooltip img {
	border:0;
	padding:0;
	margin:0;
}
a.tooltip {
    position:relative;
    z-index:24;
    color: #0D4A64;
    text-decoration: none;
    font-weight: bold;
border:0;
margin:0;
padding:0;
}

a.tooltip:hover {
    z-index:25;
    color: #D00903;
border:0;
margin:0;
padding:0;
}

a.tooltip span {
    display: none;
border:0;
margin:0;
padding:0;
}

/*a.tooltip:hover span{ 
    display:block;
    position:absolute;
    font: 1.1em Arial, sans-serif;
    padding: 10px;
    top: -60px;
    /top: 80px;
	_top: 60px;
    left: 50px;
    width:230px;
    border:1px solid #7057A6;
    background:#7057A6;
    color:#FFF;
}*/

.arriba, a.tooltip:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font: 1.1em Arial, sans-serif;
    padding: 10px;
    top: -60px;
    /top: 80px;
	_top: 60px;
    left: 50px;
    width:230px;
    border:1px solid #7057A6;
    background:#7057A6;
    color:#FFF;
	visibility:visible;
	border:0;
margin:0;
}

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

.menu {height:32px; font-size:0.85em; float:right; margin:65px 25px 0 0; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:0.85em;text-decoration:none; color:#fff; height:30px;_height:auto;padding:0 15px 0 15px; 
	_padding:0 11px 0 11px;  line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#7057A6;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#7057A6;}
.menu ul ul :hover > a.drop {background:#7057A6;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#7057A6;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#7057A6;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	position:absolute;
	height:0;
	top:25px;
	left:0;
	border-top: 1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	visibility: hidden;
}
/* another hack for IE5.5 */
* html .menu ul ul {}

/* position the third level flyout menu */
.menu ul ul ul{left:95px; top:-1px; width:95px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-95px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#7057A6; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:130px;border-left: 1px solid #FFFFFF; 
	border-right: 1px solid #FFFFFF; 
	text-align: left; _font-size:11px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:130px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#E37CB2; background:#532F93;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#532F93;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#lineaInf {
border-bottom:1px solid #FFFFFF;
}