﻿.menuContainer 
{   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;   
    background: rgb(68, 68, 68);
    /*
    background: -webkit-radial-gradient(center, circle farthest-side, #fff 0%, #d8d8d8 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #BAbaba), color-stop(1, #777777));
    background: -o-radial-gradient(center, circle farthest-side, #BAbaba 0%, #777777 100%);
    background: -moz-radial-gradient(center, circle farthest-side, #BAbaba 0%, #777777 100%);
    background: -ms-radial-gradient(center, circle farthest-side, #BAbaba 0%, #777777 100%);
    background: radial-gradient(circle farthest-side at center, #0f0f0f 0%, #000 100%);*/
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(25, 25, 25)),color-stop(0.04, rgb(68, 68, 68)));
    background: -moz-linear-gradient(center top,rgb(25, 25, 25) 0%,rgb(68, 68, 68) 4%);
    background: linear-gradient(top, rgb(25, 25, 25), rgb(68, 68, 68));
    color: #fff;
    border: solid 0px #000; /*#ffcc00;*/
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.36);
    text-shadow: 1px 1px 1px #330000;
    box-sizing: border-box;
    border-top: none;
    width: 100%;
    height: 212px;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 99;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 16px;
    display: none;
}

.menuContainer label {font-size: 1.2em;display: block;margin-bottom: 10px;}
header nav .menuContainer ul {width: 40%;display: inline-block;vertical-align: top;}
header nav .menuContainer ul li {display: block;padding: 4px;float: none;margin: 0;height: 18px;overflow: hidden;background: none;cursor: pointer;}
header nav .menuContainer ul li:hover {color: #333;background-color: #666;transition: .35s;-webkit-transform: .35s;}
header nav .menuContainer ul li span {padding-right: 10px;font-size: 1.2em;text-shadow: none;}
header nav .menuContainer ul li:hover span {color: #900;}
header nav .menuContainer ul li a {text-decoration: none;color: #ffffff;text-shadow: 1px 1px 1px #330000;}
header nav .menuContainer ul li:hover a {}
header nav .menuContainer .info .thumbnail {height: 135px;max-width: 180px;float: left;margin-right: 15px;border: solid 1px #ccc;position: relative;overflow: hidden;}
header nav .menuContainer .info .thumbnail img {height: 100%;}
header nav .menuContainer .info {width: 57%;display: inline-block;padding: 5px;border: 1px solid #000;box-shadow: 0 0 4px #999;background-color: #fff;color: #333;text-shadow: none;float: right;color: #999;}
header nav .menuContainer .info .title {font-weight: bold;font-size: 1.2em;min-height: 2em;color: #333;}
header nav .menuContainer .info .content {line-height: 1.4em;}
header nav .menuContainer .info span {font-weight: bold;}
header nav .menuContainer .info a {text-decoration: none;color: #666;}
header nav .menuContainer .info .name {font-weight: bold;font-size: 1em;color: #333;}
