a {									    color: #222;
									    text-decoration: none;}
ul, ol, li {						    list-style: outside none none;}
/*header, #central-content {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;  Indicar�a el ancho m�ximo del head
    width: 100%;
}*/
header {							    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(59, 89, 151, 1) 0%, rgba(41, 62, 107, 1) 100%) repeat scroll 0 0;
										box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
										padding: 0.8em 0 0;}
header h1 {							    float: left;
									    padding: 0 0 0.2em;}
header h1#logo img {				    height: 40px;
									    margin-left: 0.5em;}
.control-menu {							background-color: transparent;
										background-position: center center;
										/*border: 1px solid #fff;*/
										display: flex; /*block;*/
										align-items: center; /* Alinea verticalmente al centro */
										justify-content: flex-end; /* Alinea horizontalmente a la derecha */
										/*height: 100%; /* Opcional, ajusta la altura del div al 100% de la celda */
										float: right;
										height: 40px;
										margin-right: 1.3em;
										width: 60px}
.control-menu a span {					display: inline-block;
										height: 40px;
										text-indent: -9999px;
										width: 40px;}
.control-menu .close {					background-image: url("../pict/close-menu.png");
										background-position: center center;
										background-repeat: no-repeat;
										background-size: cover;	/*Amplia la imagen hasta cubrir */
										display: none;}
.control-menu .open {					background-image: url("../pict/open-menu.png");
										background-position: center center;
										background-repeat: no-repeat;
										background-size: cover; 
										display: block;}
ul.nav-items {							clear: both;
										height: 0;
										overflow: hidden;
										transition: height 0.4s ease-in-out 0s, background-color 2s ease 0s; /*El men� cambia su altura y su color de fondo mediante una transici�n suavizada al voover a su estado unicial*/}
#navigation:target ul.nav-items {		/*    background: #f0f0f0 none repeat scroll 0 0;  Cambio de color*/
										background: #000 none repeat scroll 0 0;
										height: 100%;	/* Alto del men�. Antes 15.8em*/
										transition: height 0.4s ease-in-out 0s, background-color 0.9s ease 0s; /*El men� cambia su altura y su color de fondo mediante una transici�n suavizada al abrirse*/}
/*Al hacer clic sobre el enlace que abre el men� �ste desaparece*/
.close { 								display:none;}
#navigation:target .open {				display: none;}
/* Al hacer clic sobre el enlace que abre el men� aparece el enlace .close que previamente estaba oculto*/
#navigation:target .close {		        display: block;}
/*Estilos menu*/

ul.nav-items li {					    display: block;}
ul.nav-items a {						border-top: 2px dotted #dddbdb;
										color: #333;
										display: block;
										height: 3em;
										line-height: 3em;
										margin: 0 1.3em;}
ul.nav-items li:first-child a {		    border-top: 2px solid transparent;}
ul.nav-items li a span {				border-left: 3px solid;
										height: 3.2em;
										padding: 0.4em 0.5em;}
/*.menuFlontante nav ul li { float:none; }*/
#Web-Dev a span {					    border-color: #ff6633;}
#Mobile a span {					    border-color: #bda94d;}
#Data a span {						    border-color: #5887bc;}
#Net-VS a span {					    border-color: #00a2b7;}
#SharePoint a span {				    border-color: #639bf2;}
@media screen and (max-width: 9px) {
	/*body {							padding-top:80px;	}*/
	.control-menu {						display:block;
										width:100%;
										position: fixed;
										top:0;
										background:#E6344A;	}
	.control-menu .navigation {			display: block;
										padding: 20px;
										color: #fff;
										overflow: hidden;
										font-size: 25px;
										font-weight: bold;
										text-decoration: none;	}
	.control-menu span {				float: right;
										font-size: 40px;	}
	header nav {						width: 80%;
										height: calc(100% - 80px);
										position: fixed;
										right:100%;
										margin: 0;
										overflow: scroll;	}
	header nav ul li {					display: block;
										border-bottom:1px solid rgba(255,255,255,.5);	}
	header nav ul li a {				display: block;	}
	header nav ul li:hover .children {	display: none;	}
	header nav ul li .children {		width: 100%;
										position: relative;	}
	header nav ul li .children li a {	margin-left:20px;	}
	header nav ul li .caret {			float: right;	}
}