@charset "UTF-8";

/**
 * Vertical Left-to-Right Direction CSS Drop-Down Menu Component
 *
 * @file		dropdown.vertical.css
 * @package		Dropdown
 * @version		0.3.1
 * @type		Transitional
 * @requires	dropdown.css
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute                      
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 font-weight: bold;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em; /* height of menu and dropdown menu line*/
 vertical-align: middle;
 zoom: 1;
 padding: 7px 10px; /* padding of menu and dropdown menu line*/
 color: #000;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 color: #000;
}

.energy-menu a:link,.energy-menu a:visited {color: #666; text-decoration: none;line-height:1.3; }
.energy-menu a:hover {color: #8180BC; }

.art-menu a:link,.art-menu a:visited {color: #666; text-decoration: none;line-height:1.3; }
.art-menu a:hover {color: #E58B03; }

.bitacora-menu a:link,.bitacora-menu a:visited {color: #666; text-decoration: none;line-height:1.3; }
.bitacora-menu a:hover { color: #1571A0; }

.sport-menu a:link,.sport-menu a:visited {color: #666; text-decoration: none;line-height:1.3; }
.sport-menu a:hover {color: #838458; }

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 width: 220px; /*width of dropdown menu*/
 margin-top: 1px;
 border-top: solid 1px #666;
 border-bottom: solid 1px #666;
}

ul.dropdown ul li {
 float: none;
 font-weight: bold;
 margin-left:30px; /*left margin for options inside dropdown menu*/
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 100px; /*width of first level menu*/
}

ul.dropdown-vertical ul {
 top: 10px; /*for starting of dropdown menu*/
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}

ul.dropdown *.dir {
 padding-right: 20px;
}
li.EnergyBack {background-image: url(../images/originals/energy-dot.png); background-position: 100% 50%;background-repeat: no-repeat;}
li.ArtBack {background-image: url(../images/originals/art-dot.png); background-position: 100% 50%;background-repeat: no-repeat;}
li.SportBack {background-image: url(../images/originals/sport-dot.png); background-position: 100% 50%;background-repeat: no-repeat;}
li.BitacoraBack {background-image: url(../images/originals/bitacora-dot.png); background-position: 100% 50%;background-repeat: no-repeat;}
#back-energy {background-image:url(../images/back-energy.jpg);}
#back-art {background-image:url(../images/back-art.jpg);}