/* cambia la posicion del logo, colocar variando los valores margin-left y margin-top, admite negativos */
   
	#logoPosition {
    margin-left: 10px;
    margin-top: 2px;
	}
	
	/* cambia el color del header */
	
	#headerMenu {
    background-color: #414141;
	}
	
	/* cambia el color de la sección seleccionada del header */
	
	.headerElements.active {
    color: #DDDDDD;
	}
	
	/* cambia el color de las letras del header sin seleccionar */
	
	.headerElements {
    color: #AAAAAA;
	}
	
	/* cambia el color de las letras del header al pasar el cursor por encima */
	
	.headerElements:hover {
    color: #DDDDDD;
	}
	
	/* cambia el color exterior de la barra de estado del proyecto */
	
	.casilleroBarContent {
    background-color: #789789;
    }
	
	/* cambia el color interior de la barra de estado del proyecto */
	
	.casilleroBar {
    background-color: #111111;
	}
	
	/* elimina la imagen de fondo del casillero de categorías, si se quiere sustituir por otra descomentar la linea */
	
	.categoriesContainer.rocketBackground {
	/* background-image: url("img/rocket.png"); */
    background-position: right bottom;
    background-repeat: no-repeat;
	background-image: none;
	}
	
	/* cambia el color de fondo del footer */
	
	#footerContainer {
    background-color: #414141;
    }
	
	/* cambia la posición del logo del footer */
	
	.cobrandedLogoFooter {
	margin-left: 0px;
    margin-top: 22px;
	}
	
	/* color de los enlaces del footer */
	
	.footerSection {
    color: #444444;
	}
	

	.footerlink:hover {
    color: #AAAAAA;/*#444444;*/
	}