@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image:url(img/fondo.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#efead6;
}

#Contenedor{
	width:914px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	/*min-height:500px;*/
}

#Top{
	width: 914px;
	height: 190px;
	background-image:url(img/top.jpg);	
}

#TopLink{
	width:249px;
	height:190px;
	background-image:url(img/bot_top.jpg);
}


<!-- FOOTER -->

#Footer{
	width:914px;
	height:38px;
	margin-bottom:0px;
	background-image:url(img/bottom.jpg);
}

#Bottom{
	width:914px;
	height:60px;
	margin-bottom:0px;
	background-image:url(img/bottom.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	clear:both;
}

a#BotonBoom {
	float:right;
	margin-top:22px;
	display:block;
	width:43px;
	height:38px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/bot_boom.jpg);
}

a#BotonBoom:hover {
	background-position:0 -38px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#BotonMail{
	float:left;
	margin-top:22px;
	margin-left:185px;
	display:block;
	width:177px;
	height:38px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/bot_mail.jpg);
}

a#BotonMail:hover {
	background-position:0 -38px;/* con esto cambiamos la porcion de imagen que se muestra */
}

<!-- FIN DEL FOOTER -->

<!-- BARRA LATERAL DERECHA -->

#BarraLateralDerecha_old{
	float:right;
	width:255px;
	height:300px;
}

#BarraLateralDerecha{
	width:255px;
	float:right;
}

#BannerTituloPolo{
	width:120px;
	height:30px;
	margin-top:17px;
	margin-left:10px;
	background-image: url(img/banner/titulo_diapatria.jpg);
}

#BannerImagenPolo {
	margin-top:7px;
	margin-left:30px;
	display:block;
	width:205px;
	height:133px;
	background: url(img/banner/banner_25demayo.jpg);
}

#TituloNovedades{
	width:104px;
	height:30px;
	margin-top:17px;
	margin-left:10px;
	background-image:url(img/titulos/titulo_novedades.jpg);
}

#ContenedorTxtHome{
	width:200px;
	margin-left:30px;
}

.txt_titulo_11_verdana_azul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #123164; font-weight: bold; }


.txt_11_verdana_azul { margin-top:6px; font-size: 11px; color: #123164; font-family: Verdana, Arial, Helvetica, sans-serif; }

.txt_11_verdana_azul:link { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #123164; text-decoration: none }
.txt_11_verdana_azul:visited { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #123164; text-decoration: none }
.txt_11_verdana_azul:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #123164; text-decoration: underline }



/* interior */

#TituloLotes{
	width:135px;
	height:30px;
	margin-top:17px;
	margin-left:10px;
	background-image:url(img/titulos/titulo_lotesymedidas.jpg);
}


a#BannerLotesInterior {
	margin-top:7px;
	margin-left:30px;
	display:block;
	width:205px;
	height:150px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/banner/banner_lotes_interior.jpg);
}

a#BannerLotesInterior:hover {
	background-position:0 -150px;/* con esto cambiamos la porcion de imagen que se muestra */
}


<!-- FIN DE LA BARRA LATERAL DERECHA -->




<!-- CUERPO PRINCIPAL DE LA HOME -->

#ContenedorHomeCentral{
	width:660px;
	float:left;
}

#ImagenPrincipalHome{
	width:644px;
	height:454px;
	margin-top:7px;
	margin-left:15px;
	background-image:url(img/img_home.jpg);
}

#BannerLotesyMedidas{
	width:626px;
	height:145px;
	margin-top:20px;
	margin-left:23px;
	background-image:url(img/banner/banner_mapa_home.jpg);
}

a#bannerlotesymedidashome {
	float:right;
	display:block;
	width:189px;
	height:145px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/banner/bot_banner_home.jpg) top left no-repeat;
}

a#bannerlotesymedidashome:hover {
	background-position:0 -145px;/* con esto cambiamos la porcion de imagen que se muestra */
}


/* SUBMENU INTERIOR POLO */

#ContenedorSubMenuPolo{
	margin-top:20px;
	width:144px;
	height:200px;
	float:left;
}

#TituloPoloLaMacarena{
	width:144px;
	height:30px;
	background-image:url(img/titulos/titulo_pololamacarena.jpg);
}


#ContenedorSubMenuBot{
	width:101px;
	height:117px;
	margin-top:5px;
	margin-left:22px;
}	

a#BotSubMenuTorneos {
	display:block;
	width:101px;
	height:25px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/submenu/bot_torneos.jpg) top left no-repeat;
}

a#BotSubMenuTorneos:hover {
	background-position:0 -25px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#BotSubMenuEventos {
	display:block;
	width:101px;
	height:26px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/submenu/bot_eventos.jpg) top left no-repeat;
}

a#BotSubMenuEventos:hover {
	background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#BotSubMenuStaff {
	display:block;
	width:101px;
	height:22px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/submenu/bot_staff.jpg) top left no-repeat;
}

a#BotSubMenuStaff:hover {
	background-position:0 -22px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#BotSubMenuHistoria {
	display:block;
	width:101px;
	height:22px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/submenu/bot_historia.jpg) top left no-repeat;
}

a#BotSubMenuHistoria:hover {
	background-position:0 -22px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#BotSubMenuEscuela {
	display:block;
	width:101px;
	height:26px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/submenu/bot_escuela.jpg) top left no-repeat;
}

a#BotSubMenuEscuela:hover {
	background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
}

/* FIN DE SUB MENU INTERIOR POLO */


#ContenedorBannersFlashPolo{
	margin-top:53px;
	width:510px;
	height:350px;
	float:right
}

#ContenedorBodyInteriorPolo{
	margin-top:53px;
	width:510px;
	float:right
}

.ContenedorNoticiaPolo{
	width:510px;
}

.TxtFechaPolo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #594B1A;
	font-size: 11px;
}

.TxtTituloPolo{
	color: #123164;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.TxtCuerpoPolo{
	font-size: 11px;
	color: #123164;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.TxtCuerpoPoloLink{
	font-size: 11px;
	color: #123164;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.TxtCuerpoPoloLink:link { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #123164; text-decoration: none }
.TxtCuerpoPoloLink:visited { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #123164; text-decoration: none }
.TxtCuerpoPoloLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #123164; text-decoration: underline }

.ImagenNoticiasBorde{
	margin-top:-6px;
	border:7px;
	border-color:#d0d6e0;
	border-style:solid;
}

hr.LineaDivisionNoticias {
	margin-top:15px;
	width:100%;
	text-align:left;
	border:0px;/*quita el grosor extra de Opera y FFox*/
	border-bottom:#dfdbc9 solid 1px;
}

#ContenedorGaleriaPolo{
	width:510px;
}
#ContenedorGaleriaPolo2{
	width:300px;
	float:left;
}


a#BotVolver {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:60px;
	height:27px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/bot_volver.gif) top left no-repeat;
}

a#BotVolver:hover {
	background-position:0 -27px;/* con esto cambiamos la porcion de imagen que se muestra */
}


/* POLO / STAFF */


#ContenedorPoloBody{
	margin-top:53px;
	width:510px;
	height:350px;
	float:right
}

#ContenedorPoloBodyPensionado{
	margin-top:53px;
	width:510px;
	height:750px;
	float:right
}

#ContenedorPoloBodyStaff{
	margin-top:53px;
	width:510px;
	height:650px;
	float:right
}

#ContenedorPoloBodyHistoria{
	margin-top:53px;
	width:510px;
	height:1350px;
	float:right
}


#TituloPoloStaff{
	width:292px;
	height:30px;
	/*margin-top:17px;
	margin-left:10px;*/
	background-image:url(img/titulos/titulo_polo_staff.jpg);
}

#ContenedorPoloBodyTxt{
	width:450px;
	float:left;
	margin-left:15px;
	margin-top:10px;
	line-height:18px;
}

#ContenedorPoloBodyTxtStaff{
	width:430px;
	height:301px;
	background-image: url(img/polo/staff.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	line-height:18px;
}

#ContenedorPoloBodyTxtStafftxt{
	width:200px;
	height:150px;
	margin-left:210px;
	margin-top:150px;
}

#ContenedorPoloBodyTxtHistoria{
	width:450px;
	float:left;
	margin-left:15px;
	line-height:18px;
}

.TxtPoloBody{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
}

.TxtPoloBodyLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
	
.TxtPoloBodyLink:link { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #333333; text-decoration: none }
.TxtPoloBodyLink:visited { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #333333; text-decoration: none }
.TxtPoloBodyLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000	; text-decoration: underline }


/* POLO / HISTORIA */

#ContenedorPoloBody{
	margin-top:53px;
	width:510px;
	height:350px;
	float:right
}


#TituloPoloHistoria{
	width:292px;
	height:30px;
	/*margin-top:17px;
	margin-left:10px;*/
	background-image:url(img/titulos/titulo_historia.jpg);
}


/* POLO / ESCUELA */

#ContenedorPoloBody{
	margin-top:53px;
	width:510px;
	height:350px;
	float:right
}


#TituloPoloEscuela{
	width:292px;
	height:30px;
	/*margin-top:17px;
	margin-left:10px;*/
	background-image:url(img/titulos/titulo_polo_escuela.jpg);
}




/* GALERIA DE IMAGENES */

.ContenedorGaleriaLaMacarena{
	width:510px;
}

#ContenedorBodyInteriorGaleria{
	margin-top:53px;
	width:600px;
	float:right;
}

#ContenedorBodyInteriorGaleria2{
	margin-top:0px;
	width:600px;
	margin-left:35px;
	float:left;
}

#ContenedorGaleria{
	margin-top:25px;
	margin-left:60px;
	width:580px;
}

#ContenedorGaleriaInterior{
	margin-top:25px;
	margin-left:30px;
	width:600px;
}

#ContenedorGaleriaInteriorImg{
	margin-top:20px;
	width:600px;
}

#TituloGalerias{
	margin-top:20px;
	width:164px;
	height:30px;
	background-image:url(img/titulos/titulo_galeria.jpg);
}


/* PLANOS Y MEDIDAS / MASTER PLAN */

#TituloMasterPlan{
	margin-top:20px;
	width:252px;
	height:30px;
	background-image:url(img/titulos/titulo_marterplan_lotesymedidas.jpg);
}

#ContenedorMaster{
	margin-top:0px;
	margin-left:0px;
	width:883px;
	height:550px;
	background-image: url(img/plano/fondo.jpg);
}

#ContenedorMasterPlan{
	margin-top:21px;
	margin-left:21px;
	width:840px;
	height:510px;
}


/* CAPILLA DEL SEÑOR */

#TituloCapilladelSenior{
	margin-top:20px;
	width:142px;
	height:30px;
	background-image:url(img/titulos/titulo_capilladelsenior.jpg);
}

/* UBICACION */

#TituloUbicacion{
	margin-top:20px;
	width:94px;
	height:30px;
	background-image:url(img/titulos/titulo_ubicacion.jpg);
}

#ContenedorUbicacion{
	width:600px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

#ContenedorUbicacionTxt{
	width:506px;
	float:left;
	margin-left:10px;
}

#ContenedorUbicacionMapa{
	width:506px;
	height:582px;
	float:left;
	background-image:url(img/mapa_como_llegar.jpg);
	margin-bottom:30px;
}


/* RESTAURANTE */

#TituloRestaurante{
	margin-top:20px;
	width:109px;
	height:30px;
	background-image:url(img/titulos/titulo_restaurante.jpg);
}

#ContenedorRestaurante{
	width:600px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

#ContenedorRestauranteTxt{
	width:506px;
	float:left;
	margin-left:10px;
}




/* GRUPO DESARROLLADOR */

#TituloGrupoDesarrollador{
	margin-top:20px;
	width:161px;
	height:30px;
	background-image:url(img/titulos/titulo_grupo.jpg);
}

#ContenedorTxtGrupo{
	width:200px;
	height:300px;
	float:left;
	margin-top:30px;
	margin-left:130px;
}

#ContenedorTxtGrupo2{
	width:250px;
	height:300px;
	margin-top:65px;
	margin-left:350px;
}

.TxtTituloGrupo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #123164;
}

.TxtSubTituloGrupo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #141414;
}

.TxtxGrupo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
}

.TxtGrupoLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
}
	
.TxtGrupoLink:link { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #404040; text-decoration: none }
.TxtGrupoLink:visited { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #404040; text-decoration: none }
.TxtGrupoLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #141414; text-decoration: underline }




<!-- CONTACTO / VENTAS -->


#ContanedorContactoVentas{
	width:
}

#TituloContactoVentas{
	margin-top:20px;
	width:147px;
	height:30px;
	background-image:url(img/titulos/titulo_contactoventas.jpg);
}

#ContenedorContactoVentasTxt{
	width:200px;
	height:50px;
	float:right;
	margin-top:46px;
}

#ContenedorContactoVentasTxt2{
	width:200px;
	height:50px;
	float:right;
	margin-top:100px;
}

#ContenedorContactoVentasTxt3{
	width:200px;
	height:50px;
	float:right;
	margin-top:105px;
}

#ContenedorContactoVentasTxt4{
	width:200px;
	height:50px;
	float:right;
	margin-top:60px;
}

#ContenedorContactoVentasTxt5{
	width:210px;
	height:30px;
	margin-top:165px;
}

#LogoLaMacarena{
	width:450px;
	height:180px;
	background-image:url(img/logo_lamacarena.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:20px;
}

#LogoLaMacarenaSolo{
	width:208px;
	height:210px;
	background-image:url(img/logo_lamacarena_solo.jpg);
	background-repeat:no-repeat;
	margin-left:220px;
	margin-top:20px;
}

#LogoSalinas{
	width:450px;
	height:150px;
	background-image:url(img/logo_salinas.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:20px;
}

#LogoLamaca{
	width:450px;
	height:170px;
	background-image: url(img/logo_lamaca_icon.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:20px;
}

#LogoPolobyPolo{
	width:450px;
	height:200px;
	background-image:url(img/logo_polobypolo.jpg);
	background-repeat:no-repeat;
	/*background-position:50px;*/
	margin-left:0px;
	margin-top:20px;
}

.TxtContactoVentasTitulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.TxtContactoVentasNegro{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: ##252525;
}

.TxtContactoVentasMail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #252525;
}

	
.TxtContactoVentasMail:link { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #252525; text-decoration: none }
.TxtContactoVentasMail:visited { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #252525; text-decoration: none }
.TxtContactoVentasMail:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000; text-decoration: underline }


hr.LineaDivisionContacto {
	width:350px;
	text-align:center;
	border:0px;/*quita el grosor extra de Opera y FFox*/
	border-bottom:#dfdbc9 solid 1px;
}


<!-- FIN DEL CUERPO PRINCIPAL DE LA HOME -->




<!-- Menu -->

#Menu{
	width: 914px;
	height: 32px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
} 

.menuPrinc {
    height: 32px;
    line-height: 32px;
    list-style-type: none;
    margin: 0 auto;
    padding-left: 7px;
	margin-top:3px;
}
.menuPrinc li {height: 32px; line-height: 32px; padding: 0 !important; background: none; float: left; margin-left:0px;}

a#lotesymedidas {
	display:block;
	width:147px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_lotesymedidas.jpg) top left no-repeat;
}

a#lotesymedidas:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */
} 

a#polo {
	display:block;
	width:82px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_polo.jpg) top left no-repeat;
}

a#polo:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */
} 

a#galeria {
	display:block;
	width:95px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_galeria.jpg) top left no-repeat;
}

a#galeria:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */
} 

a#ubicacion {
	display:block;
	width:113px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_ubicacion.jpg) top left no-repeat;
}

a#ubicacion:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#restaurante {
	display:block;
	width:129px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_restaurante.jpg) top left no-repeat;
}

a#restaurante:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#grupo {
	display:block;
	width:178px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_grupo.jpg) top left no-repeat;
}

a#grupo:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#contacto {
	display:block;
	width:157px;
	height:32px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(img/menu/bot_contacto.jpg) top left no-repeat;
}

a#contacto:hover {
	background-position:0 -32px;/* con esto cambiamos la porcion de imagen que se muestra */	
}



/*.preload2 {background: url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menuPrinc {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/fd_menu.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }*/
.menuPrinc li.top {display:block; float:left; position:relative;}
.menuPrinc li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menuPrinc li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menuPrinc li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menuPrinc li a.top_link:hover {color:#fff;}
.menuPrinc li a.top_link:hover span {}
.menuPrinc li a.top_link:hover span.down { }

.menuPrinc li:hover > a.top_link {color:#fff;}
.menuPrinc li:hover > a.top_link span {}
.menuPrinc li:hover > a.top_link span.down {}


.menuPrinc table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menuPrinc a:hover {visibility:visible;}
.menuPrinc li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menuPrinc ul, 
.menuPrinc :hover ul ul, 
.menuPrinc :hover ul :hover ul ul,
.menuPrinc :hover ul :hover ul :hover ul ul,
.menuPrinc :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menuPrinc :hover ul.sub {left:0px; top:34px; background: #e6e6e6; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:101px; height:auto; font-weight:normal;}
.menuPrinc :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:101px; border-top:1px solid #d5d5d5; margin-bottom:0;}
.menuPrinc :hover ul.sub li a {display:block; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:4px 3px; line-height:1; color:#666666; text-decoration:none;}
.menuPrinc :hover ul.sub li a.fly {background:#fff   no-repeat 150px 6px;}
.menuPrinc :hover ul.sub li a:hover {background:#f3f3f3; color:#000000;}
.menuPrinc :hover ul.sub li a.fly:hover {background:#E5FAFC  no-repeat 150px 6px;}
.menuPrinc :hover ul li:hover > a.fly {background:#E5FAFC;} 

.menuPrinc :hover ul :hover ul,
.menuPrinc :hover ul :hover ul :hover ul,
.menuPrinc :hover ul :hover ul :hover ul :hover ul,
.menuPrinc :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menuPrinc :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}


<!-- FIN DE MENU -->