/* cambia la posicion del logo, colocar variando los valores margin-left y margin-top, admite negativos */
   
	#logoPosition {
    margin-left: 11px;
    margin-top: -11px;
    margin-right: 10px;
	width:270px;
	}
	
	/* cambia el color del header */
	
	#headerMenu {
    background-color: #2F2F2F;
	}
	
	/* cambia el color de la sección seleccionada del header */
	
	.headerElements.active {
    color: #D5D5D5;
	}
	
	/* cambia el color de las letras del header sin seleccionar */
	
	.headerElements {
    color: #FFFFFF;
	}
	
	/* cambia el color de las letras del header al pasar el cursor por encima */
	
	.headerElements:hover {
    color: #D5D5D5;
	}
	
	/* cambia el color exterior de la barra de estado del proyecto */
	
	.casilleroBarContent {
    background-color: #497A4C;
        }
	
	/* cambia el color interior de la barra de estado del proyecto */
	
	.casilleroBar {
    background-color: #2F2F2F;
	}
	
	/* 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: #2F2F2F;
    }
	
	/* cambia la posición del logo del footer */
	
	.cobrandedLogoFooter {
	margin-left: 20px;
    margin-top: 18px;
	width:264px;
	}

	
	/* color de los enlaces del footer */
	
	.footerSection {
    color: #FFFFFF;
	}
	.footerlink:hover {
    color: #D5D5D5;
	}

	.footerlink {
    color: #FFFFFF;
	}

	.footerLogo {
    width: 44%;
	}