@font-face {
    font-family:'MuseoSans';
    src:url('webfonts/MuseoSans.eot');
    src:url('webfonts/MuseoSans.eot?#iefix') format('embedded-opentype'),url('webfonts/MuseoSans.woff') format('woff'),url('webfonts/MuseoSans.ttf') format('truetype');
}


.museo{font-family: 'MuseoSans', sans-serif;}
body
{
	background: transparent url('../img/bg/bg.jpg') 0px 0px;
	text-rendering: optimizeLegibility;
	height: 100%;
}
h1,h2,h3,h4,h5
{
	font-family: 'MuseoSans', sans-serif; 
	font-weight:normal;
}

.success{
background-color:#008080; color:#FFF; padding:3px 5px;
}

.error{
background-color:#FF0000; color:#FFF; padding:3px 5px;
}

.warning{
background-color:#FFFF00; color:#000; padding:3px 5px;
}

.header
{
	margin-top: 4em;
	margin-bottom: 2em;
}
#user-img
{
	width:60px;
	height:60px;
	border-radius: 30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border:1px solid #ddd;
	float: left;
	margin-right: 15px;
}
.user-info
{
	margin-top: 15px;
}
#user-alert, #user-logout
{
	font-size: 14px;
}
.main
{
	background: #fff;
	border: 1px solid #eee;
	margin-top: 1em;
}
#notifications-btn
{
	position: relative;
	width: 30px;
	height: 118px;
	background: #eee url('../img/bg/notifications.png') 0px 0px;
	cursor: pointer;
	border: 1px solid #ddd;
	border-left: 0;
	top: 50%;
	margin-top: -59px;
	z-index: 999;
}
#notifications-btn #count
{
	color: white;
	text-align: center;
	margin: -16px 0px 0px 3px;
	padding: 2px;
	border-radius: 12px;
	height: 20px;
	min-width: 20px;
	background: #9C1D20;
}
.move-right{margin-left: 282px;}
#notifications
{
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
#notifications #n-contents
{
	background: #fff;
	float: left;
	width: 240px;
	position: relative;
	padding-left:40px;
	height: 100%;
	border: 1px solid #eee;
	border-top: 0px;
	border-bottom: 0px;
	display: none;
}
#main-menu
{
	position: absolute;
	top:0px;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	z-index:999;
}
#main-menu-btn
{
	position: relative;
	width: 118px;
	height: 27px;
	background: #eee url('../img/bg/menu.png') center top;
	cursor: pointer;
	border: 1px solid #ddd;
	border-top: 1px solid #eee;
	left: 50%;
	margin-left: -59px;
	margin-top: -1px;
}
#main-menu #menu
{
	background: #fff;
	border: 1px solid #ddd;
	border-top:0;
	background:#eee;
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content
{
	padding: 30px 20px;
}
#footer{margin: 20px 0px}