body { 
    margin: 0;
    padding: 0;
    background: #e8e9e8;
    /*background: url(../images/bg-cores.gif) #e8e9e8 center top no-repeat;*/
}

@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('../fonts/myriadpro-cond.eot');
    src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
                        url('../fonts/myriadpro-cond.woff') format('woff'),
                        url('../fonts/myriadpro-cond.ttf') format('truetype'),
                        url('../fonts/myriadpro-cond.svg#myriadpro-cond') format('svg');
    font-weight: normal;
    font-style: normal;
}


.geral { 
    width: 800px;
    margin: 0 auto;
    background: #e8e9e8;
    /*padding-top: 401px;*/
}

.geral-composicao { 
    width: 900px;
    margin: 0 auto;
    /*padding-top: 401px;*/
}

.cores {
    width: 720px;
    height: 130px;
    margin: 0 auto;
    padding-top: 40px;
    
}

.cores-composicao {
    width: 900px;
    height: 130px;
    margin: 0 auto;
    /*padding-top: 40px;*/
    
}

.cores p, .cores-composicao p {
    width: 400px;
    margin: 60px 0px 0px 60px;
    font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
    font-size: 13px;  
    float: left;
    line-height: 25px;
}

.cores1, .cores2, .cores3, .cores4, .cores5, .cores6 {
    width: 360px;
    height: 130px;
    float: left;
    background: url(../images/bg-cores-1.gif) left top no-repeat;    
}

#cores a{
    color:#555557;
    text-decoration: none;
}
#cores a>b{
    color:#804094;
}

.cor_bg1 {
    width: 20px;
    height: 20px;
    background: #7f3f98;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px #f7f8f7 solid;
}

.cor_bg2 {
    width: 20px;
    height: 20px;
    background: #ee327b;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px #f7f8f7 solid;
}

.cor_bg3 {
    width: 20px;
    height: 20px;
    background: #6ac9c4;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px #f7f8f7 solid;
}

.cor_bg4 {
    width: 20px;
    height: 20px;
    background: #f26f4f;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px #d2d2d2 solid;
}

.cor_bg5 {
    width: 20px;
    height: 20px;
    background: #dddddd;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px #f7f8f7 solid;
}

.cor_bg6 {
    width: 20px;
    height: 20px;
    background: #aac642;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px #f7f8f7 solid;
}

.cor1_porcentagem, .cor2_porcentagem, .cor3_porcentagem, .cor4_porcentagem, .cor5_porcentagem, .cor6_porcentagem {
    float: left;
    font-family: "MyriadPro-Cond";
    font-size: 16px;    
    margin: 16px 0px 10px 0px;
}

.cor1_txt {
    font-family: "MyriadPro-Cond";
    font-size: 16px;
    float: left;
    margin: 16px 10px 10px 48px;
}

.cor2_txt {
    font-family: "MyriadPro-Cond";
    font-size: 16px;
    float: left;
    margin: 16px 10px 10px 30px;
}

.cor3_txt {
    font-family: "MyriadPro-Cond";
    font-size: 16px;
    float: left;
    margin: 16px 10px 10px 19px;
}

.cor4_txt {
    font-family: "MyriadPro-Cond";
    font-size: 16px;
    float: left;
    margin: 16px 10px 10px 25px;
}

.cor5_txt {
    font-family: "MyriadPro-Cond";
    font-size: 16px;
    float: left;
    margin: 16px 10px 10px 29px;
}

.cor6_txt {
    font-family: "MyriadPro-Cond";
    font-size: 16px;
    float: left;
    margin: 16px 10px 10px 43px;
}

#color1, #color2, #color3, #color4, #color5, #color6 {
    float: left;
    margin: 10px 10px 0px 0px;
}

.cores2{
    width: 360px;
    height: 130px;
    float: left; 
    background: url(../images/bg-cores-2.gif) left top no-repeat;
}

.bt-ok { 
    float: right; 
    margin: 10px 3px 0px 0px;
}

.bt-entrar { 
    float: right; 
    margin: 10px 40px 0px 0px;
}


#erro_form {
    width: 450px;
    float: left;
    text-align: right;
    margin: 0 auto;
    font-size: 18px;
    font-family: "MyriadPro-Cond";   
    color: #ff3300;
    clear: both;
    padding: 20px 0px 0px 0px;
}