@charset "utf-8";
@import url("sustentavel_internal.css");

/*

Projeto: MRV Sustentavel - MRV Engenharia
Projeto URL: http://www.mrv.com.br

Autor: Gabriel Tadeu - Agencia Open
Autor URL: http://www.agenciaopen.com

*/

/*	Reset >	*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

/*	< Reset	*/


/*	General >	*/
body {
	background: url(../images/bg_site.jpg);
	color: #963;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 62.5%;
	height: 100%;
}

a img {
	border: none;
}

a,
a:link {
	color: #363;
	text-decoration: none;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

input,
textarea,
select {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
}

code {
	font-family: 'Courier New', Courier, Fixed;
}

small {
	color: #999;
}

/*	< General	*/


/*	Global >	*/
div#global {
	overflow: hidden;
	position: relative;
	width: 100%;
}

div#background {
	height: 450px;
	left: -230px;
	margin-left: 50%;
	position: absolute;
	width: 850px;
}

/*	< Global	*/


/*	Header >	*/
div#header {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0 0 0;
	width: 940px;
}

div#header h1 a {
	background: url(../images/img_logo-sustentavel.png) left top no-repeat;
	height: 80px;
	float: left;
	width: 220px;
}

div#header h2 {
	background: url(../images/img_subtitle-sustentavel.png) right center no-repeat;
	border-left: 1px solid #963;
	float: left;
	height: 20px;
	margin: 43px 0 0 14px;
	padding: 5px 14px 0 0;
	width: 210px;
}

div#why {
	float: right;
	height: 72px;
	position: relative;
	width: 320px;
}

div#why h2 {
	background: url(../images/title_why.png) right top no-repeat;
	border: none;
	height: 25px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 109px;
	top: 10px;
	width: 125px;
}

div#why p {
	font-size: 1.1em;
	position: absolute;
	right: 109px;
	text-align: right;
	bottom: 10px;
	width: 230px;
}

div#why p a {
	color: #AB6;
	font-weight: bold;
}

div#why p a:hover {
	color: #363;
}

div#why a#mrv {
	background: url(../images/mrv_engenharia_logo.png) right center no-repeat;
	border-left: 1px solid #963;
	bottom: 0;
	height: 50px;
	padding: 10px 0 10px 14px;
	position: absolute;
	right: 0;
	width: 80px;
}

ul#nav {
	clear: both;
	float: none;
	height: 28px;
	padding: 15px 0 0 0;
	width: 960px;
}

ul#nav li {
	float: left;
	list-style-position: inside;
	list-style-type: none;
}

ul#nav li.nav01 a {
	background-image: url(../images/menu_nav01.png);
	width: 168px;
}

ul#nav li.nav02 a {
	background-image: url(../images/menu_nav02.png);
	width: 154px;
}

ul#nav li.nav03 a {
	background-image: url(../images/menu_nav03.png);
	width: 156px;
}

ul#nav li.nav04 a {
	background-image: url(../images/menu_nav04.png);
	width: 105px;
}

ul#nav li.nav05 a {
	background-image: url(../images/menu_nav05.png);
	width: 137px;
}

ul#nav li.nav06 a {
	background-image: url(../images/menu_nav06.png);
	width: 116px;
}

ul#nav li.nav07 a {
	background-image: url(../images/menu_nav07.png);
	width: 104px;
}

ul#nav li a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 28px;
}

ul#nav li a:hover {
	background-position: left bottom;
}

/*	< Header	*/


/*	Box >	*/
div#box {
	background: url(../images/bg_box.png) 0 138px no-repeat;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

/*	< Box	*/


/*	Main >	*/
div#main {
	background: url(../images/bg_column.png) 20px 0 repeat-y;
	clear: both;
	overflow: hidden;
	padding: 0 0 35px 0;
}

/*	< Main	*/


/*	Side >	*/
div#side {
	display: inline;
	float: left;
	margin: 0 20px 0 20px;
	width: 220px;
}

div#counter h2 {
	background: url(../images/title_counter.png);
	height: 50px;
	width: 220px;
}

div#counter ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 20px 0 0 10px;
}

div#counter li {
	background: url(../images/bg_counter.png) no-repeat;
	height: 50px;
	margin: 0 0 10px 0;
	position: relative;
	width: 200px;
}

div#counter li.trees {
	color: #363;
}

div#counter li.water,
div#counter li.obs,
div#counter li.obs2{
	color: #069;
}

div#counter li.obs2 {
	height: 25px;
}

div#counter li.obs,
div#counter li.obs2 {
	background: none;
	font-size: 1.1em;
}

div#counter li em {
	display: block;
	font-size: 1.2em;
	font-style: normal;
	padding: 10px 0 0 33px;
	width: 100px;
}

div#counter li.trees em {
	background: url(../images/bg_counter-trees.png) 10px 10px no-repeat;
}

div#counter li.water em {
	background: url(../images/bg_counter-water.png) 10px 10px no-repeat;
}

div#counter li strong {
	font-size: 1.4em;
	font-style: normal;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 7px;
	width: 75px;
}

div#footsteps {
	background: url(../images/bg_foot.png) bottom no-repeat;
	position: relative;
}

div#footsteps h2 {
	background: url(../images/title_foot.png) 10px 10px no-repeat;
	height: 42px;
	padding: 10px 0 20px 10px;
	width: 85px;
}

div#footsteps p {
	font-size: 1.1em;
	padding: 0 0 10px 10px;
	width: 80px;
}

div#footsteps span {
	background: url(../images/img_foot.png) no-repeat;
	top: -15px;
	height: 100px;
	position: absolute;
	right: 10px;
	width: 90px;
}

div#footsteps a {
	background: url(../images/bt_foot.png);
	height: 20px;
	margin: -30px 0 0 0;
	position: absolute;
	right: 10px;
	width: 95px;
}

div#footsteps a:hover {
	background: url(../images/bt_foot.png) bottom;
}

div#sales {
	background: url(../images/bg_sales.png) bottom no-repeat;
	margin: 0 0 125px 0;
}

div#sales h2 {
	background: url(../images/title_sales.png) 10px 10px no-repeat;
	height: 20px;
	padding: 10px 0 20px 10px;
	width: 143px;
}

div#sales fieldset {
	margin: 0 0 0 10px;
	width: 200px;
}

div#sales dt {
	height: 25px;
	overflow: hidden;
	margin: 0 0 10px 0;
	text-align: right;
}

div#sales dt input:hover {
	margin: -25px 0 0 0;
}

div#sales dd {
	background: url(../images/bg_sales-input.png) left top no-repeat;
	display: block;
	height: 35px;
	overflow: hidden;
}

div#sales dd select {
	background: transparent;
	border: none;
	color: #363;
	font-size: 1.1em;
	height: 20px;
	margin: 3px;
	width: 194px;
}

/*	< Side	*/


/*	Content >	*/
div#content {
	float: left;
	width: 700px;
}

div#spot {
	height: 310px;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 100;
	width: 700px;
}

div#tips,
div#news,
div#tweets {
	background: url(../images/bg_modal.png) bottom no-repeat;
	width: 340px;
}

div#tweets {
	float: left;
	margin: 0 20px 0 0;
}

div#tips,
div#news {
	float:right;
}

div#news {
	margin:0 10px 0 0;
}

div#tips h2,
div#news h2,
div#tweets h2 {
	background: url(../images/bg_title.png) right;
	font-size: 1.5em;
	height: 35px;
	margin: 0 0 10px 0;
	position: relative;
}

div#news h2 span {
	background: url(../images/title_news.png) no-repeat;
	height: 52px;
	position: absolute;
	top: -12px;
	width: 141px;
}

div#tweets h2 {
	background:none;
	margin: 0 0 40px 0;
}

div#tweets h2 span {
	background: url(../images/title_tweets.png) no-repeat;
	height: 71px;
	position: absolute;
	top: -13px;
	width: 340px;
}

div#tips h2 span, div#news h2.h2dicas span.replaced {
	background: url(../images/title_tips.png) no-repeat;
	height: 47px;
	position: absolute;
	top: -9px;
	width: 110px;
}

div#news h2.h2dicas {
	margin-top:0;
}

div#tips dl,
div#news dl,
div#tweets dl {
	margin: 10px;
}

div#tips dt,
div#news dt,
div#tweets dt {
	color: #363;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

div#tips dd,
div#news dd,
div#tweets dd {
	position: relative;
}

div#tweets dd {
	margin:9px 5px;
}
div#tweets dd.space {
	width:250px;
	height:320px;
}

.tweet_sample { display:none; }

div#tips a.block,
div#news a.block {
	background: url(../images/bg_quote.png) 0 0 no-repeat;
	display: block;
	height: 60px;
	font-size: 1.2em;
	padding: 5px 100px 15px 10px;
	width: 210px;
}

div#tweets a.block {
	background: url(../images/bg_tweet.png) 0 0 no-repeat;
	display: block;
	height: 36px;
	font-size: 1.1em;
	padding: 5px 10px 15px 65px;
	width: 250px;
}

div#tweets a.block:hover {
	background: url(../images/bg_tweet.png) 0 bottom no-repeat;
}

div#tips a.block:hover,
div#news a.block:hover {
	background: url(../images/bg_quote.png) bottom no-repeat;
}

div#tips a.pic,
div#news a.pic {
	display: block;
	float: left;
	height: 70px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 90px;
}

div#tweets a.pic {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 5px;
	top: 5px;
}

div#tips a span,
div#news a span {
	background: url(../images/bg_frame.png) 0 0 no-repeat;
	display: block;
	height: 70px;
	position: absolute;
	width: 90px;
}

div#tweets a span {
	background: url(../images/bg_frameTweet.png) 0 0 no-repeat;
	display: block;
	width: 51px;
	height: 53px;
	position: absolute;
}

div#tips a.more,
div#news a.more,
div#tweets a.more {
	background: url(../images/bt_more.png) 0 0 no-repeat;
	display: inline;
	height: 20px;
	float: right;
	margin: 0 10px 10px 0;
	width: 60px;
}

div#tips a.more:hover,
div#news a.more:hover,
div#tweets a.more:hover {
	background: url(../images/bt_more.png) bottom no-repeat;
}

div#tweets a.regulamento {
	background: url(../images/bt_regulamento.png) 0 0 no-repeat;
	display: inline;
	height: 20px;
	float: left;
	margin: 0 0 10px 10px;
	width: 94px;
}

div#tweets a.regulamento:hover {
	background: url(../images/bt_regulamento.png) 0 bottom no-repeat;
}

a.regulamento2 {
	background: url(../images/bt_regulamentoCompleto.png) 0 0 no-repeat;
	display: inline;
	height: 20px;
	float: left;
	margin: 20px 0 0 0;
	width: 160px;
}

a.regulamento2:hover {
	background: url(../images/bt_regulamentoCompleto.png) 0 bottom no-repeat;
}

/*	< Content	*/


/*	Footer >	*/
div#footer {
	background: url(../images/bg_footer.png) bottom repeat-x;
	display: block;
	height: 50px;
	margin: -35px 0 0 0;
	padding: 100px 0 0 0;
	position: relative;
	z-index: 10;
}

div#footer div {
	font-size: 1.1em;
	margin: 0 auto;
	position: relative;
	width: 940px;
}

div#footer span {
	background: url(../images/img_footer.png) no-repeat;
	height: 120px;
	left: -35px;
	position: absolute;
	top: -173px;
	width: 155px;
}

div#footer p {
	float: left;
}

div#footer a {
	float: right;
}

/*	< Footer	*/

/*	Commom >	*/
.replaced {
	display: block;
	text-indent: -5000px;
}
/*	< Commom	*/



div#ecoDica
{
	z-index:2000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

.listaTexto {
	margin-left:20px;
}