/*
 * Biocopo
 * Malagueta/br Comunicação
 * v1.0 - 21/11/2011
 */

html	{ background: #dadddc; color: #003f19; }

body 	{ margin: auto; width: 960px; font-family: 'BIOCOPOMedium'; }

#top						{ margin: 10px 0 80px 0; position: relative; }
#top #facebook				{ position: absolute; top: 95px; left: 75px; overflow: hidden; }
#top #facebook  a			{ width: 30px; height: 25px; display: block; background: url(../images/btn-face.png) 0 0; text-indent: 60px; }
#top #facebook  a:hover		{ background: url(../images/btn-face.png) -30px 0; }

#top #twitter				{ position: absolute; top: 95px; left: 110px; overflow: hidden; }
#top #twitter  a			{ width: 30px; height: 25px; display: block; background: url(../images/btn-twitter.png) 0 0; text-indent: 60px; }
#top #twitter  a:hover		{ background: url(../images/btn-twitter.png) -30px 0; }

#top .balao			{ position: absolute; top: 125px; left: 0; width: 200px; height: 76px; display: block; z-index: 1000; }
#top .facebook		{ background: url(../images/baloes.png) 0 76px; left: 55px; }
#top .twitter		{ background: url(../images/baloes.png) 0 0; left: 110px; }

ul#menu				{ float: right; padding: 35px 0 0 0; width: 630px; height: 20px; }
ul#menu li 			{ float: left; margin: 0 0 0 10px; font-size: 22px; }
ul#menu li a 		{ color: #003f19; text-decoration: none; }
ul#menu li a:hover,
ul#menu li.sel a	{ text-decoration: underline; }

/*
 *************** Home
 */
 
.home-titulo	{ font-size: 66px; font-weight: bold; letter-spacing: 0px; }

#bloco-verde	{ padding: 30px; font-size: 24px; width: 450px; height: 95px; text-align: left; margin: auto; background: url(../images/bloco-verde.png) no-repeat center center; color: #dadddc; }
#bloco-verde p	{ padding: 18px 10px; }

#branco-kraft	{ margin: 20px 0; }
#branco-kraft p	{ font-size: 30px; margin: 30px 0; }

#splash		{ margin: auto; width: 400px; height: 250px; background: url(../images/splash.png) no-repeat center center;  }
#splash p	{ font-size: 35px; width: 165px; text-align: left; margin: auto; padding: 70px 0 0 40px;}

#frio-quente	{ margin: 50px 0 0 0; }
#frio-quente p	{ font-size: 30px; margin: 100px 0; }

#nao-agride		{ margin: auto; margin-bottom: 50px; width: 280px; height: 206px; background: url(../images/raminho.png) no-repeat center center; position: relative;  }
#nao-agride p	{ font-size: 30px; text-align: left; position: absolute; top: 100px; left: 45px; }

#lirio		{ margin: auto; margin-top: 50px; width: 911px; height: 972px; position: relative; }
#lirio p	{ width: 333px; height: 125px; top: -10px; left: 315px; font-size: 44px; position: absolute; }

/*
 *************** Sobre
 */
 
#mundo		{ position: relative; margin: auto; width: 960px; height: 896px; background: url(../images/globo.png) no-repeat top center; }
#sobre		{ position: absolute; top: 195px; left: 290px; width: 370px; font-size: 30px;  padding: 25px; background: #dadddc; }
#sobre p	{ padding: 0 0 20px 0; line-height: 38px; }

/*
 *************** Biocopo
 */
 
#biocopo		{ margin: 50px auto; width: 815px; }
#biocopo h2		{ height: 50px; line-height: 50px; background: url(../images/traco-duplo.png) no-repeat top left; font-size: 32px; margin: 35px 0; }
#biocopo p		{ font-size: 26px; }
#biocopo h3		{ height: 32px; line-height: 32px; background: url(../images/traco-h3.png) no-repeat top center; font-size: 32px; margin: 55px 0; text-align: center; }

#biocopo table				{ width: 815px; margin: 60px 0; }
#biocopo table td			{ text-align: center; vertical-align: middle; font-size: 24px; }
#biocopo table td.col-ml	{ color:#dadddc; width: 105px; font-size: 30px; }
#biocopo table td.img		{ width: 330px; }

#biocopo table#tb-biocopo			{ background: url(../images/grid.png) no-repeat center center; }
#biocopo table#tb-biocopo td.col-ml	{ height: 61px; width: 120px; }

#biocopo table#tb-biopote			{ background: url(../images/biopote-grid.png) no-repeat center center; }
#biocopo table#tb-biopote td.col-ml	{ height: 76px; }

#biocopo .consulte		{ font-size: 32px; }
#biocopo .consulte a	{ color: #1b7f22 ; text-decoration: underline; }
#biocopo .obs		{ font-size: 14px; }

/*
 *************** Como comprar
 */
 
#como-comprar			{ width: 873px; height: 488px; background: url(../images/como-comprar.png) no-repeat center center; position: relative; } 

#como-comprar #balao	{ font-size: 22px; color: #1b8c3b; position: absolute; top: 0px; right: 40px; }
#como-comprar #balao b	{ font-size: 24px; }
#como-comprar #balao a	{ color: #1b8c3b; }
#como-comprar #balao p	{ margin: 0 0 15px 0; }
#como-comprar #balao img{ margin: 15px 0; }

/*
 *************** Quem já mudou?
 */

#quem-mudou				{ width: 840px; margin: auto; text-align: left; }
#quem-mudou .quadro		{ width: 262px; height: 227px; background: url(../images/quadro.png) no-repeat center center; margin: 50px 0 0 0; }
#quem-mudou .info		{ text-align: left; padding: 10px 0 10px 18px; font-size: 21px; }

/*
 *************** Sustentabilidade
 */
 
#sustentabilidade	h1		{ font-size: 48px; }
#sustentabilidade .tweet p 	{ margin: 35px 0; width: 424px; font-size: 26px; line-height: 30px; }
#sustentabilidade #info		{ font-size: 40px; width: 300px; margin: 30px auto; text-align: center; }
#sustentabilidade #info p	{ margin: 25px 0; }
#sustentabilidade .tweet a,
#sustentabilidade #info a	{ color: #1b7f22; }

/*
 *************** Especificações
 */

#especificacoes table				{ width: 512px; background: url(../images/bordas.png) no-repeat center bottom; }
#especificacoes table th			{ background: #1b8e2c; font-size: 36px; padding: 15px; color: #dadddc; font-weight: bold; vertical-align: top; }
#especificacoes table td			{ font-size: 22px; padding: 15px 10px; vertical-align: top; background: url(../images/traco-h.png) no-repeat bottom right; }
#especificacoes table td.col		{ width: 220px; font-weight: bold; padding-left: 15px; background: url(../images/traco-h-1.png) no-repeat bottom left; }
#especificacoes table td span		{ font-size: 16px; }
#especificacoes table td.col span	{ font-weight: normal; }