/* generated by csscreator.com */ 
html, body { 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/f_tela.png);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;	
    color: #000000;
} 

H1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;	
    color: #464646;
    font-weight: bold;
}

#caixa_html { 
    width: 650px; 
    height: 800px;
    text-align: left;  
    margin-top: 100px;
    margin-left: auto; 
    margin-right: auto;
    background-color: #FFFFFF;
} 
 
#topo_preto {
    position: relative; 
    height: 2px; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/s_inf.png);
    width: 100%;
} 
 
#lateral_esquerda_preto {
    width: 2px; 
    height: 100%;
    float: left; 
    position: relative; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/s_latd.png);
}
 
#lateral_direita_preto {
    width: 2px; 
    height: 100%;
    float: right; 
    position: relative; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/s_latd.png);
}
 
#caixa_corpo { 
    background-color: #FFFFFF;  
    float: right; 
    display: inline; 
    position: absolute; 
    width: 646px;
    height: 750px; 
}
 
#base_preto {
    height: 2px; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/s_inf.png);
    clear: both;
}

/**/
#coluna_preta {
    width: 77px; 
    height: 800px;
    float: left; 
    text-align: center;
    position: relative; 
    display: block;
    background-color: #202020;
}

#subcaixa_html { 
    width: 569px;
    height: 794px; 
    margin-top: 0px;
    margin-left: 77px; 
    margin-right: 0px;
} 

#topo_cinza {
    position: relative; 
    height: 6px; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/b_sup.png);
    width: 569px;
} 
 
#lateral_esquerda_cinza {
    width: 9px; 
    height: 100%;
    float: left; 
    display: block;
    position: relative; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/b_esq.png);
}
 
#lateral_direita_cinza {
    width: 9px; 
    height: 100%;
    float: right; 
    /*margin-right: 1px;*/
    position: relative; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/b_dir.png);
}
 
#subcaixa_corpo { 
    background-color: #FFFFFF;  
    float: right; 
    /*display: inline; */
    position: absolute; 
    width: 551px; 
    height: 790px;
    left: 87px;
}
 
#base_cinza {    
    height: 6px; 
    background-image: url(http://www.lindaesteticista.com.br/system/application/public/img/b_inf.png);
    /*clear: both;*/
    margin-top: 788px;
    width: 569px;
}

#caixa_logo {
    position: relative;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    display: block;
}

#publicidade {
    position: absolute;
    margin-top: 660px;
    margin-left: 50px;
    text-align: left;
    width: 470px;
    display: block;
    /*background-color: #ffccff;*/
}

 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
@media print { 
    /*hide the left column when printing*/ 
    #leftcol {
        display:none;
    } 

    /*hide the right column when printing*/ 
    #rightcol {
        display:none;
    } 
    #twocols, #maincol {
        width: 100%; 
        float: none;
    }
}