/* common styling */
.menu {font-family: arial, sans-serif;color: #006633;width:990px; height:104px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {outline:0px;display: block;text-decoration: none;color: #006633;width: 139px;height: 103px;text-align: center;line-height: 30px;font-size: 11px;overflow: hidden;background-repeat: no-repeat;margin-right: 25px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {outline:0px;color: #006633;}
.menu ul li:hover ul {display: block;position: absolute;top: 103px;left:2px;height: 30px;}
/* boton submenu que incluye extramenus.*/
.menu ul li:hover ul li a.hide {color: #006633;width:145px;background-image: url('images/submenuex.gif');}
.menu ul li:hover ul li:hover a.hide {color:#006633;background-image: url('images/submenuexover.gif');}
.menu ul li:hover ul li ul {display: none;}
/* Submenues nivel 1*/
.menu ul li:hover ul li a {display: block;color: #006633;height: 31px;width: 140px;background-image: url('images/submenu.gif');}
.menu ul li:hover ul li a:hover {color:#006633;background-image: url('images/submenuover.gif');}
/* submenues nivel 2 (extramenues). El espaciado horizontal lo define una trasparencia en la imagen del boton*/
.menu ul li:hover ul li:hover ul {display: block;position: absolute;left: 145px;top: 0px;}
.menu ul li:hover ul li:hover ul li a {display: block;width: 162px;background-image: url('images/extramenu.gif');}
.menu ul li:hover ul li:hover ul li a:hover {background-image: url('images/extramenuover.gif');}
/* submenues nivel 2 (extramenues) personalizados, ver codigo html respectivo, la imagenes deben incluir el margen en modo transparencia*/
.menu ul li:hover ul li:hover ul.personalizado {left: 135px;}
.menu ul li:hover ul li:hover ul.personalizado li a {display: block;width: 162px;background-image: url('images/extramenu.gif');}
.menu ul li:hover ul li:hover ul.personalizado li a:hover {background-image: url('images/extramenuover.gif');}
/* Imagenes personalizadas */
.menu ul li a.home{background-image: url('images/home.jpg');}
.menu ul li:hover a.home{background-image: url('images/homeover.jpg');}
.menu ul li a.nempresa{background-image: url('images/about.jpg');}
.menu ul li:hover a.nempresa{background-image: url('images/aboutover.jpg');}
.menu ul li a.choque{background-image: url('images/about_choqe.jpg');}
.menu ul li:hover a.choque{background-image: url('images/about_choqeover.jpg');}
.menu ul li a.excursiones{background-image: url('images/excursions.jpg');}
.menu ul li:hover a.excursiones{background-image: url('images/excursionsover.jpg');}
.menu ul li a.amigo{background-image: url('images/friend.jpg');}
.menu ul li:hover a.amigo{background-image: url('images/friendover.jpg');}
.menu ul li a.mapas{background-image: url('images/maps.jpg');}
.menu ul li:hover a.mapas{background-image: url('images/mapsover.jpg');}