.palete {
        border-radius: 5px;
        background-color: #eee;
        -webkit-box-shadow: 0px 3px 0px 0px rgba(150, 150, 150, 0.75);
        -moz-box-shadow:    0px 3px 0px 0px rgba(150, 150, 150, 0.75);
        box-shadow:         0px 3px 0px 0px rgba(150, 150, 150, 0.75);
    }

    .palete-color {
      position: relative;
    }
    .palete-color,
    .palete-color__square {
        height: 30px;
    }

    .palete-color__square {
        width: 50%;
        float: left;
    }
    .palete-color__square:hover {
      width: 100%;
      position: absolute;
    }

    .palete-color__lighten {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
    }
    .palete-color__square.palete-color__lighten:hover  {
       -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
    }
    .palete-color__darken {
        float: right;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
    }
    .palete-color__square.palete-color__darken:hover {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
    }
    .palete-color__content {
        padding: 10px;
        color: #003A70;
    }
	.palete-color__name {
		font-size: 12px;
		font-weight: 400;
		text-transform: none;
		color: #444545;
		margin: 0;
		line-height: 10px;
		letter-spacing: unset;
		text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.75);
		}

	
	 /* Square */
    .palete--square {} /* must set a height */
    .palete--square .palete-color {
      height: 50%;
    }
    .palete--square .palete-color__square {
      height: 100%;
    }
    .palete--square .palete-color__content {
      padding-top: 18px;
    }

	.list-palete {
		margin: 0;
		padding:0;
		float: left;
	}
	.list-palete > .palete {
		width: 70px;
		margin: 2%;
		float: left;
		list-style-type: none;
	}

	.list-palete > .palete--round,
	.list-palete > .palete--square{
		height: 153px;
	}
	
	 /* ###########
       Colors
       ########### */
    
    /* 
     * onyx  
     */
    .palete-color--onyx > .palete-color__lighten {
        background-color: #353535;
    }
    .palete-color--onyx > .palete-color__darken {
        background-color: #0f0f0f;
    }

    /* 
     * ivory  
     */
    .palete-color--ivory > .palete-color__lighten {
        background-color: #fafaf0;
    }
    .palete-color--ivory > .palete-color__darken {
        background-color: #f9f9f9;
    }


    /* 
     * flamingo  
     */
    .palete-color--flamingo > .palete-color__lighten {
        background-color: #fed9e3;
    }
    .palete-color--flamingo > .palete-color__darken {
        background-color: #fc8eac;
    }

    /* 
     * electric  
     */
    .palete-color--electric > .palete-color__lighten {
        background-color: #ffff00;
    }
    .palete-color--electric > .palete-color__darken {
        background-color: #e6e600;
    }

    /* 
     * cobalt  
     */
    .palete-color--cobalt > .palete-color__lighten {
        background-color: #005cde;
    }
    .palete-color--cobalt > .palete-color__darken {
        background-color: #0047ab;
    }

    /* 
     * malachite  
     */
    .palete-color--malachite > .palete-color__lighten {
        background-color: #0bda51;
    }
    .palete-color--malachite > .palete-color__darken {
        background-color: #0ac248;
    }

    /* 
     * venetian
     */
    .palete-color--venetian > .palete-color__lighten {
        background-color: #f62634;
    }
    .palete-color--venetian > .palete-color__darken {
        background-color: #c80815;
    }
	
    /* 
     * african
     */
    .palete-color--african > .palete-color__lighten {
        background-color: #6525a8;
    }
    .palete-color--african > .palete-color__darken {
        background-color: #4C1C7E;
    }
	
    /* 
     * burning
     */
    .palete-color--burning > .palete-color__lighten {
        background-color: #ff6a00;
    }
    .palete-color--burning > .palete-color__darken {
        background-color: #cc5500;
    }