body {
	
}



#wrapper {
	margin:0;	
}

#container_main {
	background:blue;
	clear: both;
	margin:0;
	padding:0;
	flaot: both;	
	width:100%;	
}

/* Info ==================================== */

#info { 
	clear: both;
	margin:0;
	padding:0;
	flaot: both;
	width:100%;	
	/*background:#333;*/ /* Primary color */
	/*border-bottom: solid 5px #f8ed31;*/ /* Secondary color */
}

#info .inner {  
	padding:1em 0 0;
	background: transparent; /* Primary color */
}

#info h1.logo { 
	float: left;	
	margin:0 1em 0 0;
	padding:0;
}

#info .menu {
	float: right;
	margin:1.6em 0 .5em 0	
}

#info p {
	display: none
}

/* menu ==================================== */
 
#info .menu ul li { 
	margin:0 0 0 .5em;	 
}
#info .menu li a, #info .menu li span {
    /*background:#f8ed31;*/ /* Secondary color */
   -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.74902);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74902);
   box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.74902);
}

#info .menu li a:hover {
	color:#000;
	background:#fff;
}

/* Tools ==================================== */

.tools {
	text-align: center	
}

.tools-top {
	border-top:0;
}


 
/* Responsive options */ 
@media screen and (max-width: 50em) { 

body {
	padding:0;	
}

.inner {
	padding:0 .5em	
}
	
#info h1.logo { 
	float: none;	
	margin:0 1em 0 ;
	padding:0;
	clear: both;
	text-align: center;
}

#info .menu {
	clear: both;
	float: none;
	display: table; 
	margin: 0 auto 1em;
}

#info .menu ul { 
	min-width: 100%;
	list-style: none; 
}

#info .menu ul li { 
	display: inline;
}
}