.ajustar {
    clear: both;
}

.menu {
    margin: 10px;
    height: 100px;
    font-size: 9pt;
    font-family: roman;
}
.menu ul {

    margin: 0pt;
    padding: 0pt;
    position: relative;
    z-index: 500;
    list-style-type: none;
    width: 11em;

}
.menu li {

    background-color: #cccc99;
    float: left;
}
.menu li.sub {
    background-color: #cccc99;
}

.menu a, .menu a:visited {
    border: 1px solid #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    text-decoration: none;
    height: 2em;
    line-height: 2em;
    width: 11em;
    color: #000000;
    padding-left: 1em;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}
.menu b {
    float: right;
    margin-right: 5px;
}
* html .menu a, * html .menu a:visited {
    width: 11em;
}
* html .menu a:hover {
    color: #ccff66;
    background-color: #999966;
    position: relative;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}
.menu li:hover {
    position: relative;
}
.menu a:active, .menu a:focus {
    color: #ccff66;
    background-color: #999966;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}
.menu li:hover > a {
    color: #ccff66;
    background-color: #999966;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}
.menu li ul {
    padding: 2em;
    visibility: hidden;
    position: absolute;
    top: -2em;
    left: 7em;
    background-color: transparent;
}
.menu li:hover > ul {
    visibility: visible;
}
.menu ul a:hover ul ul {
    visibility: hidden;
}
.menu ul a:hover ul a:hover ul ul {
    visibility: hidden;
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
    visibility: hidden;
}
.menu ul a:hover ul {
    visibility: visible;
}
.menu ul a:hover ul a:hover ul {
    visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul {
    visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
    visibility: visible;
}
.trans{    
    position:absolute;
    z-index:10;      
}  
#zoom {
    position:absolute;
    height: 60%;
    top: 30%;
    right: 60px;
    z-index:10;  
}
#main_content {
    position: relative;
}

div#zoom-toolbar,
div#zoom-toolbar > * {
    z-index: 800;
}

div#zoom-toolbar{
    position: absolute;
    right: 25px;
    top: 20%;
}

div#main_content {
    background-color: #848484;
    box-shadow: 0 0 115px 80px #545454 inset;
} 
div#main_content p {
    color: white;
}
#toolbar {
    top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    background:none;
    border: none;
}
#views-toolbar, #colors-toolbar {
    display: inline;
}
.Button.view {
    margin-right: -0.4em;
}
.view span.ui-icon {
    background: url('../img/views.png') no-repeat;
    top: 1px;
    left: 3px;
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
}
button.view span.front {
    background-position: -32px 0;
}
button.view span.right {
    background-position: -64px 0;
}
button.view span.top {
    background-position: -96px 0;
}
button.view span.rear {
    background-position: -128px 0;
}
button.view span.left {
    background-position: -160px 0;
}
button.view span.bottom {
    background-position: -192px 0;
}
.view span.transparency {
    background-position: -224px 0;
}
.view span.random {
    background-position: -256px 0;
}
.view span.axis {
    background-position: -288px 0;
}


