@CHARSET "UTF-8";

#top									{height: 142px; background-color: rgba(0,0,0,0.5); box-shadow: inset 0 0 30px white}
#top .baner								{height: 250px; position: absolute; right: 0px; top: 0px}


/**************************************************************************************************/
#top .logo								{width: 180px; text-align: center; left: 15px; top: 0px; position: absolute; z-index: 254;
										padding: 24px 5px; background-color: rgba(0,0,0,0.3);
										box-shadow: 0 0 15px black}
#top .logo img							{height: 90px}


/**************************************************************************************************/
#title									{text-align: center; color: #777777}
#title h1								{position: relative; display: inline-block;
										 letter-spacing: 3px; padding: 0; margin: 5px; text-transform: uppercase}
#title p								{display: inline-block; position: relative; width: 40%; font-size: 0.8rem; padding: 15px;
										 text-align: justify; border-left: solid 5px}
#title div								{background-color: rgba(0,0,0,0.3); box-shadow: 0 0 20px black; height: 15px;
										padding:0; margin: 0}


/**************************************************************************************************/
#shorts									{display: none;position: absolute; left: 0px; top: 230px; padding: 20px; text-align: left;
										background-color: rgba(0,0,0,0.3); text-shadow: 0px 0px 3px white}
#shorts a								{padding: 3px 12px; display: block}
#shorts a:link, #shorts a:visited		{color: #777777; text-decoration: none}
#shorts a:hover, #shorts a:active		{color: grey; text-shadow: 0 0 3px}