body{
    font-family: 'Spectral', serif;
    color: #333;
    margin: 0 auto;
    background-color: #F4F1F1 ;
    text-align: justify;

}
a:link, a:active {
    color: #28969B;
    text-decoration: none;
}
a:visited {
	color: #979797;
}
a:hover {
	color: #28969B;
}

b {
    cursor: default;
    color: #1C1C1C; 
}
i {
    cursor: default;
	color: #000000; 
}
a:visited {
	color: #979797;
}
a:hover {
    color: #F08080;

}

.lead {
    width: 900px;
    background: #FFFAFA; 
    background-image: none;
    font-family: tahoma;
    text-align: justify;
    font-size: 15px;
    color: #000000;
    padding: 0 20px 20px 20px;
    border-radius: 5px 5px;
    border: 5px solid #D3A3A3;
}

/* grid 960px */
.linha{
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    padding: 5px 0px;
}
.coluna{
    padding: 0 10px;
    float: left;
}
.col4{
    width: 620px;
}

.col12{
    width: 940px;
}
/*estilos reutilizaveis*/
.sem-padding{
    padding: 0 !important;
}
.sem-margin{
    margin: 0 !important;
}
h3, h4, h5, h6{
    font-weight: 500;
    color:#000000 ;
}

h1{
    font-weight: 400;
}

h2{
    text-align: center;
    font-weight: 300;
}


/* layoutdo da pagina */
.header{
    background: #F5DCD8;
    font-family:'Roboto', sans-serif;
}
h1.logo{
    font-weight: 200;
    color: #000000;
    letter-spacing: -2px;
}
ul.sem-marcador, ol.sem-marcador{
    list-style: none;
}
.footer {
    background: #52918C;
    text-align: center;
    font-size: 18px;
    color: #000000;
}
.menu{
    text-transform: uppercase;
    text-align: right;
    margin-top: 25px;
}
.menu li a{
    padding: 5px 10px;
    border-radius: 3px;
}
.menu li a:hover{
    text-decoration: none;
    background: #52918C;
    color: #ebebeb;
}
.principal{ text-align:justify; }
.bloco{float:left; margin-right:10px}