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

body, p, div, td { font-family:"Century Gothic", "Open Sans", sans-serif; }
body { margin:0; padding:10px; }

.container { max-width:900px; }

/* Header */

/* Body */

#body { margin-top:70px; margin-bottom:20px; }

#landing { background-image:url(../img/bg_landing.jpg); padding:5px 20px; border-radius:10px; }

#landing .title { background:rgba(255, 255, 255, 0.6); font-size:1.5em; font-weight:bold; text-align:center; border-top-left-radius:8px; border-top-right-radius:8px; padding:10px 0; }

#landing .login { background:rgba(255, 255, 255, 0.6); margin:10px -15px; padding:10px 0; }

#myCarousel { background:rgba(255, 255, 255, 0.6); margin:10px -15px; padding:20px; }

#myCarousel .carousel-control.left, #myCarousel .carousel-control.right { background:none; color:#000; }

#landing .text { background:rgba(255, 255, 255, 0.7); font-size:0.9em; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:10px 0; }

#menu_video { width:750px; height:422px; clear:both; text-align:left; }

#logo { z-index:100; position:absolute; top:10px; left:10px; text-align:center; font-size:1.2em; font-weight:bold; color:#999; }

#menu { z-index:100; position:absolute; top:0; right:0; background:rgba(255, 255, 255, 0.7); width:250px; text-align:left; border-top-right-radius:10px; }

#menu ul { list-style:none; display:block; margin:0; padding:0; height:323px; overflow-y:auto;   }

#menu li { list-style:none; }

#menu a { text-decoration:none; display:block; color:#0088cc; text-transform:uppercase; padding:5px; }

#menu a:hover { background:rgba(0, 0, 0, 0.5); color:#eba925; }

#menu a.parent-menu-item{
    font-weight: bolder;
}

.menu-wrap{
    height: 342px;
    position: relative;
}

.menu-wrap a.toggle{
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    bottom: 0px;
    right: 83px;
    width: 84px;
    height: 19px;
    line-height: 19px;
    font-size: 1em;
    color: white;
    cursor: pointer;
    z-index: 102;
    border-radius: 0 0 5px 5px;
}
.menu-wrap a.toggle.top{
    bottom: initial;
    top: -10px;
}
a.toggle:hover,a.toggle:focus,a.toggle:active{
    text-decoration: none;
}

#video { z-index:90; position:absolute; top:0; left:0; width:750px; height:422px; overflow:hidden; border-radius:10px; }

#menu.collapse.width{
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}
.collapse.width {
    height: auto;
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

/* Footer */

.footer { color:#BBB; }

.footer a { color:#BBB; }