body {font-family: 'Lato', sans-serif; font-size: 10px;}
p {text-align: justify; margin-top: 0;}
p, li {font-size: 2.1em; color: #88857E; font-weight: 300;}
a {color: #5EBC00;text-decoration: underline;}

/*Header*/
header {}
header .logo {padding-top: 40px; text-align: center;}

/*Banner*/
#banner {background: url(../img/banner/bg-banner.png) no-repeat top center; display: none;}
#borda {background: url(../img/borda.png) no-repeat top center; height: 45px; width: 100%;}

/*Main*/
.mais {color: #096c06; font-size: 1.8em; float: right; font-weight: 600;text-decoration: none;}

.imgEsquerda img {box-shadow: 0 0 2px #DFDFDF; display: none;}
.imgCentro img {box-shadow: 0 0 2px #DFDFDF;}
.imgCentro {text-align:center;}

/*index*/
#home, #o-que-fazemos, #empresa, #coletaOleoGordura, #reciclagemCondominios, #reciclagemEmpresas, #compromissoSocial, #multimidia,
#ecopontos, #trabalho-didatico, #parceiros	{padding-top: 30px; padding-bottom: 30px;}
#o-que-fazemos {text-align: center;}

/*empresa*/
#empresa h2 {background: url(../img/empresa/icone-reciclagem.png) no-repeat left center; padding-left: 40px;text-align: left;}
#empresa ul {padding-left: 25px; list-style: disc;}

/*multimidia*/
#multimidia {text-align: center;}
#multimidia iframe {margin:0 10px;}

/*Parceiros*/
.imgParceiros img {box-shadow: 0 0 2px #DFDFDF; margin:5px 8px;}
.imgParceiros {text-align:center;}


/*compromisso social*/
#compromissoSocial ul {text-align: center;}
#compromissoSocial ul li {display: inline-block;}
#compromissoSocial ul img {display: block; float: none; margin: 5px 8px;}

/*ecopontos de coleta de oleo*/
#ecopontos .categorias li a {font-size:16px; border-left: 3px solid #d7d8da; text-decoration:none; padding: 10px 15px;display: block;color: #848897;font-weight: 400;width: 190px;}
#ecopontos .categorias li a:hover {border-color: #22b145;background: #f6f6f6;color: #22b145;}
#ecopontos .zonas {text-align: center;}
#ecopontos .zonas > div { display: inline-block; width: 300px; text-align: center; box-shadow: 0 0 2px #D5D5D5; margin: 10px 15px; padding: 5px; height: 168px;}
#ecopontos .zonas div .alinhamentoVertical {vertical-align: middle; display:table-cell; width: 300px;}
#ecopontos .zonas div h3{ font-size: 16px; text-align: center;}
#ecopontos .zonas div p {text-align: center;font-size: 16px;}


/*Footer*/
footer {background: url(../img/bg-footer.jpg) #d7d5cf no-repeat; padding: 50px 10px; text-align: center;}
footer a, footer p {color: #2e2111; text-align: center;text-decoration: none;}
footer ul li {display: inline-block; margin-bottom: 15px;}

/*Media*/
@media screen and (min-width: 640px){
	#ecopontos .categorias{ float:left; width:30%;}	
	#ecopontos .zonas{ float:right; width:70%;}
}

@media screen and (min-width: 690px){
    h1 {font-size: 5.5em;}

    /*Main*/
    .imgEsquerda img {display: block; float: left; margin-right: 20px; margin-bottom: 10px;}
    /*empresa*/
    #empresa article {display: inline-table;}
    #empresa article.missao, #empresa article.visao {width: 48%; margin: 0 6px;}
}

@media screen and (min-width: 769px){
	#ecopontos .categorias {width: 24%;}	
	#ecopontos .zonas {width:76%;}
}

@media screen and (min-width: 900px){
    header .logo {padding-top: 0; text-align: left;} 
}

@media screen and (min-width: 960px){
    header {margin-bottom: 20px;padding-top: 20px;}
    
    #banner {display: block;}

    /*Main*/
    /*empresa*/
    #empresa article.missao, #empresa article.visao, #empresa article.valores {width: 30%;margin: 0 15px;}

    /*Footer*/
    footer .rodape1 {float: left;}
    footer .rodape2 {float: right;}
    footer p {text-align: left;}
}