* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1 { 
	float:left;
	}

#menu-bar { 
	display:none;
}

.menuVertSmart { /*Barra con hamburger icon*/
	width: 100%;
	height: 30px;
	background: #065687;
	color:#FFF; 
	padding-left: 10px;
	left:0px; 
	display:table; 
	}
	
.menuVertSmart .menutit { 
	font-size: 130%;
	color:#FFF;
	margin-top: 12px; 
	}

.menuVertSmart label { 
	float:right; 
	font-size:18px; 
	margin: 6px 0; 
	cursor:pointer;
	}
	
.menuVertSmart .icon-menu { 
	font-size:28px;
	}
	
/*.menuVertSmart .fa-bars { 
	font-size:28px; padding-right: 1%;
	}*/
	
.menu { /*Menu desplegable en vertical*/
	position: fixed; 
	top: 32%; 
	left:0; 
	width: 75%; 
	/*height: 100vh;*/ 
	background: rgba(6,86,135,0.9);
	opacity: 0.9;
	filter:alpha(opacity=90);
	transition: all 0.5s; 
	transform: translateX(-100%);
	font-size: 106%;
	font-weight: bold; 
	padding-left: 16%;
	z-index: 10;
	}

.menu a { 
	display:block; 
	color:#FFF; 
	height:55px; 
	text-decoration:none; 
	padding-top:20px;
	padding-left:5px; 
	border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	
.menu li { 
	list-style:none;
	text-transform:uppercase;
	}
	
.menu a:hover { 
	background: rgba(255,255,255,0.5);
	color:#FFF;
/*	font-weight: bold;*/
	}

#menu-bar:checked ~ .menu { 
	transform: translateX(0%);
	}


/**************************************************/
/**************************************************/

/* 01 MOBILE LANDSCAPE*/ /* **** 480 A 599  ***/

/**************************************************/
/**************************************************/
/*
@media only screen and (min-width: 480px) and (max-width: 599px) 
{

	
}
*/






	
/*@media only screen and (min-width: 768px) and (max-width: 1023px) 
{


	
	}*/
	
@media only screen and (min-width: 768px)
{

.menuVertSmart {
	width: 100%;
	display:block;
	/*min-width: 1024x;*/
	height: 40px;
	/*background: #666;*/
	/*color:#FFF;*/
	margin-top: 0px;
	padding:0px;
	/*margin-left:auto;
	/*margin-right:auto;
	/*top:0; 
	/*left:0; 
	/*z-index:50;*/
	/*display:table; */
	/*position:relative;*/
	/*position:absolute;*/ 
	}

.menuVertSmart label { 
	display: none;
	}

.menuVertSmart .menutit { 
	display: none;
	}

/*
.menu { 
	position:static; 
	width: 100%;
	height: 40px;
	transform: translateX(0%);
	transition: none;
	float: left;
	display: inline;
	text-align:left;
	float: none;
	}
*/	

/*	
.menu li a { 
	font-size:75%;
	display: inline;
	color:#FFF; 
	height:100%;
	width: 100%;
	text-decoration:none; 
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-bottom: none;
	float:left;
	}
*/
	
ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #065687;
		
		position:static; 
		width: 100%;
		height: 40px;
		transform: translateX(0%);
		transition: none;
		float: left;
		text-align:left;
		float: none;
}

ul.menu li {
	float: left;
	}
	
ul.menu li a {
    display: inline-block;
    text-align: center;
    padding: 10px 14px;
    text-decoration: none;
    transition: 0.3s;
}

ul.menu li a:hover {
	background-color: #CCC;
	color:#000;
	}
	
}