﻿@charset "utf-8";
/* CSS Document */
html {
}
body {
    background-color: #fafafa;
    background-image:none;
    color: #fafafa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align:center;
    transition:all .5s ease-in-out; 
   	-o-transition:all .5s ease-in-out; 
   	-moz-transition:all .5s ease-in-out; 
   	-webkit-transition:all .5s ease-in-out;
}
#top {
    padding-bottom:10px;
}
#column {
    transition: 0.2s;
    padding:15px;
}
#bottom {
    position:fixed;
    bottom:0;
    left:0;
    background-color:#212121;
}
.img-responsive {
    width:100%;
}
#menu a {
    line-height:34px;
	font-size: 20px;
	padding-right:10px;
	text-align:left;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color:#000;
	text-decoration:none;
	padding-left: 5px;
}
#menu a:hover {
	padding-right:10px;
	text-align:left;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color:#000;
	background-color:#F5F5F5;
	box-shadow:0 2px 5px rgba(0,0,0,0.26);
	text-decoration:none;
	padding-left: 5px;
}
#menu p {
	margin-top: 0px;
	font-size: 20px;
	color:#000;
	background-color:#000;
}
#menu li {
	height:auto;
}
#menu {
	width:100%;
	height:40px;
    background-color:#E0E0E0;
	position:fixed;
	top:0px;
	z-index:999;
	transition:background .5s;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}
#menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    min-width: 200px;
}
#menu ul li {
    display: inline-block;
}
#menu ul li a, visited {
    color: #000;
    display: block;
    text-decoration: none;
	height: 40px;
	text-align:center;
}
#menu ul ul {
    position: absolute;
    background-color:#E0E0E0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}
#menu ul ul li {
    display: block;
}
#menu #menu_wrapper_left ul li a:hover {
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-ms-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	visibility: visible;
	height: 40px;
}
#menu #menu_wrapper_right ul li a:hover {
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-ms-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	visibility: visible;
	height: 40px;
}
#menu #menu_wrapper_left ul li:hover ul li a{
	visibility: visible;
	height: 40px;
	text-align: center;
	color:#000;
    font-size:21px;
	transition: all .2s ease-out;
}
#menu #menu_wrapper_left ul li ul li a{
	visibility: hidden;
	height: 0px;
	text-align: center;
	color:rgba(0,0,0,0);
    font-size:0px;
	transition: all .2s ease-out;
}
#menu #menu_wrapper_left ul li ul li a:hover{
	text-align: center;
	color:#000;
	transition: all .2s ease-out;
}
#menu #menu_wrapper_left ul li:hover ul li img{
	    visibility: visible;
	    height: 40px;
	    text-align: center;
	    color:#000;
	    transition: all .2s ease-out;
	    opacity:1;
}
#menu #menu_wrapper_left ul li ul li img{
	    visibility: hidden;
	    height: 0px;
	    text-align: center;
	    color:rgba(255,255,255,0);
	    transition: all .2s ease-out;
	    opacity:0;
}