/* cambia la posicion del logo, colocar variando los valores margin-left y margin-top, admite negativos */
   
	#logoPosition {
    margin-left: 10px;
    margin-top: 3px;
    margin-right: 20px;
height: 50px;
	}
	
	/* cambia el color del header */
	
	#headerMenu {
    background-color: rgb(204, 204, 204);
	}
	
	/* cambia el color de la sección seleccionada del header */
	
	.headerElements.active {
    color: #FFFFFF;
	}
	
	/* cambia el color de las letras del header sin seleccionar */
	
	.headerElements {
    color: rgb(104, 104, 104);
	}
	
	/* cambia el color de las letras del header al pasar el cursor por encima */
	
	.headerElements:hover {
    color: #FFFFFF;
	}
	
	/* cambia el color exterior de la barra de estado del proyecto */
	
	.casilleroBarContent {
    background-color: rgb(204, 204, 204);
        }
	
	/* cambia el color interior de la barra de estado del proyecto */
	
	.casilleroBar {
    background-color: rgb(104, 104, 104);
	}
	
	/* 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: rgb(204, 204, 204);
    }
	
	/* cambia la posición del logo del footer */
	
	.cobrandedLogoFooter {
	margin-left: 20px;
    margin-top: 22px;
	height: 60px;
	}
	
	/* color de los enlaces del footer */
	
	.footerSection {
    color: #DDDDDD;
	}