@charset "utf-8";
/* CSS Document */

@import "menu-rodape.css";

* {
	padding:0;
	margin:0;
}
html, body {
	background-color:#F9F9F9;
	width:100%;
	height:100%;
}
/* estrutura */
#pagina {
	width:100%;
	height:100%;
}
#cabecalho {
	width:100%;
	margin-bottom:10px;
	float:left;
}
#row-topo {
	width:100%;
	border-bottom:1px solid #D9D9D9;
}
#area-topo {
	width:970px;
	margin:0 auto;
	height:70px;
}
#row-menu {
	width:100%;
	border-top:1px solid #FFFFFF;
}
#menu {
	width:970px;
	margin:0 auto;
	padding-top:10px;
	height:35px;
	background-image:url(../imagens/bg-menu.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
#conteudo {
	width:100%;
	float:left;
}
#main {
	width:970px;
	margin:0 auto;
}
.row {
	width:100%;
	margin-bottom:10px;
	float:left;
}
.row-inset {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #D9D9D9;
}
.row-outset {
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #FFFFFF;
	padding:5px;
	text-align:center;
}
#rodape {
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	width:100%;
}
.end-base {
	text-align:center;
	margin-left:25px;
	width:95%;
	float:left;
	display:inline;
}
.end-base .by-olyva {
	float:right;
	margin-top:-12px;
	border:0;
}
#row-menu-base {
	background-position:bottom;
	background-repeat:no-repeat;
	/*background-image:url(../imagens/bg-menu-base.jpg);*/
	background-image:url(../imagens/bg-menu.jpg);
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	width:100%;
	float:left;
}
/* modulos - boxes */
#col-boxes {
	width:725px;
	float:left;
	display:inline;
}
.box-destaques {
	width:235px;
	height:278px;
	float:right;
	border:1px solid #E9E9E9;
	background-color:#FFF;
}
.box-destaques img {
	float:left;
}
.box-destaques a {
	margin:15px;
	font-family:Arial;
	font-size:12px;
	color:#444;
	display:block;
	line-height:15px;
	text-decoration:none;
	padding-right:5px;
	margin-bottom:0;
}
.box-destaques a:hover {
	text-decoration:underline;
}

.box-pq-servicos {
	width:233px;
	height:206px;
	margin-right:10px;
	float:left;
	border:1px solid #E9E9E9;
	background-color:#FFF;
}
.box-pq-servicos-dir {
	float:right;
	margin-right:0px;
}
a.link-imagem-box {
	border:0;
	padding:0;
	display:block;
	height:175px;
}
.box-pq-servicos img {
	border:0;
}
.box-clima {
	background-image:url(../imagens/bg-clima-tempo.gif);
	background-repeat:repeat-x;
	background-position:top left;
}


.box-pq {
	width:233px;
	height:141px;
	margin-right:10px;
	float:left;
	border:1px solid #E9E9E9;
	background-color:#FFF;
} /* box quatro colunas */
.box-pq a {
	margin:15px;
	font-family:Arial;
	font-size:12px;
	color:#444;
	display:block;
	line-height:15px;
	text-decoration:none;
	padding-right:5px;
}
.box-pq a:hover {
	text-decoration:underline;
}
.box-md {
	float:left;
	width:355px;
	height:120px;
	margin-right:10px;
	padding-bottom:5px;
	border:1px solid #E9E9E9;
	background-color:#FFF;
} /* box duas colunas */
.box-md img {
	float:left;
	padding:10px;
}
.box-md a {
	margin:15px;
	font-family:Arial;
	font-size:12px;
	color:#444;
	display:block;
	line-height:15px;
	text-decoration:none;
	margin-top:8px;
	margin-bottom:0;
}
.box-md a:hover {
	text-decoration:underline;
}
.box-dir {
	margin:0;
}
.row-titulos {
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../imagens/bg-titulos-box.jpg);
}
.row-titulos p {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	padding-left:15px;
	padding-bottom:8px;
	padding-top:8px;
}

.row-titulo-sustentabilidade {
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../imagens/bg-box-pq-sustentabilidade.jpg);
}
.row-titulo-sustentabilidade p {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#115235;
	padding-left:15px;
	padding-bottom:8px;
	padding-top:8px;
}
.box-pq-sustentabilidade {
	background-image:url(../imagens/bg-box-sustentabilidade.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	position:relative;
}
.box-pq-sustentabilidade .img-flores1 {
	position:absolute;
	top:-10px;
	right:-20px;
}
.box-pq-sustentabilidade .img-flores2 {
	position:absolute;
	bottom:-10px;
	left:-15px;
}
.box-pq-sustentabilidade a {
	margin:15px;
	font-family:Arial;
	font-size:12px;
	color:#115235;
	display:block;
	line-height:15px;
	text-decoration:none;
	padding-right:5px;
}
.box-pq-sustentabilidade a:hover {
	text-decoration:underline;
}

#area-topo .logo-grupo-toniato {
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url(../imagens/logo-grupo-toniato.gif);
	float:left;
	width:200px;
	height:20px;
	font-size:0;
	margin-top:40px;
	padding-left:20px;
}
/* formatação textos */
.texto-geral-pq {
	font-family:Arial;
	font-size:11px;
	color:#555;
}
.texto-geral {
	font-family:Arial;
	font-size:12px;
	color:#555;
}
.texto-geral-md {
	font-family:Arial;
	font-size:11px;
	color:#555;
}
.texto-geral a, .texto-geral-md a {
	font-family:Arial;
	font-size:12px;
	color:#555;
	text-decoration: none;
}
.texto-geral a:hover, .texto-geral-md a:hover {
	text-decoration: underline;
}


.bar-social {
	padding-top:10px;
	clear:both;
	width:100%;
}

.box-sociais {
	display:inline;
	padding-right:20px;
	padding-bottom:0px;
	border:0;
}
