/* HTML5 display-role reset for older browsers */

body {
	position: relative;
	right: 0;
 -webkit-transition: right .3s;
 transition: right .3s;
}
label.p_btn_menu.open {
	right: 398px;
}
ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS RESET DONE */

html, body {
	height: 100%;
}
body {
	margin: 0 auto;
}




a {
	text-decoration: none;
	/*color: #fff;*/
	/*margin: 0 10px;*/
}
ul.p_side_menu {
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100%;
	background-color: #444;
	z-index: 100;
	-webkit-transition: right .3s;
	transition: right .3s;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.p_side_menu.open {
	right: 0;
}
ul.p_side_menu li {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 0 20px;
	text-align: center;
	height: 180px;
	line-height: 180px;
	border-bottom: 1px solid #555;
 -webkit-transition: top .3s;
 transition: top .3s;
}
ul.p_side_menu li.row {
	border: 0;
	position: static;
	top: 0;
	height: 0;
	-webkit-transition: none;
	transition: none;
}
ul.p_side_menu li.metro {
	position: absolute;
	padding: 0;
	height: 125px;
	text-align: center;
	background-color: #CCC;
}
ul.p_side_menu li.metro.half {
	width: 50%;
}
ul.p_side_menu li.metro.full {
	width: 100%;
}
ul.p_side_menu h2.p_side_menu_title {
	text-align: center;
	padding: 0 20px;
	position: relative;
	top: -80px;
	line-height: 120px;
	height: 120px;
	background-color: #555;
 -webkit-transition: top .3s;
 transition: top .3s;
 margin-top: 0;
 color: white;
}
ul.p_side_menu li a {
	display: block;
	font-size: 48px;
	padding: 0;
	margin: 0;
	height: inherit;
	line-height: inherit;
	color: white;
}
ul.p_side_menu li.metro a {
	margin: 42px 0;
	height: 100px;
	font-size: 100px;
}
/* Colors */
    ul.p_side_menu li.metro.blue {
	background-color: #5c84db;
}
ul.p_side_menu li.metro.light-blue {
	background-color: #2FC2EF;
}
ul.p_side_menu li.metro.purple {
	background-color: #a24fea;
}
ul.p_side_menu li.metro.red {
	background-color: #e54747;
}
ul.p_side_menu li.metro.pink {
	background-color: #ea4c89;
}
ul.p_side_menu li.metro.green {
	background-color: #85e500;
}
ul.p_side_menu li.metro.orange {
	background-color: #e28f00;
}
ul.p_side_menu li.metro.teal {
	background-color: #00e2e2;
}