/* Rodrigo Pinheiro: folha de estilo */


* {
	margin:0px;
	padding:0px;
}


html {
	width: 100%;
	height: 100%;
	}

body {
	background-color: #ffaf47; /* laranja */
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	}

p {
	line-height:16px;
	padding-bottom:15px;
	}

a {
	color:#ffaf47; /* laranja */
	text-decoration: none;
	}


a:hover {
	text-decoration:underline;
	}

img {
	 border: 0;
	}



#wrap {
	width: 900px;
	height:616px;
	position:absolute;
	top:50%; /* Eixo top em 50% da tela */
	left:50%; /* Eixo left em 50% da tela */
	margin: -308px 0px 0px -450px; /* Cima, direita, baixo, esquerda (começa em cima e percorre em sentido horário) */
	background: #fff url(../img/bg.jpg) left top repeat-x;
	}


#topo {
	width: 900px;
	height:178px;
	background: url(../img/bg_topo.jpg) left top repeat-x;

	}


/* MENU */


#menu {
	width:440px;
	height:99px;
	z-index:1000;
	margin-left:455px;
	}




#botao0 {float:left; width:132px; height:53px; overflow: hidden; background: url(../img/bt_home.gif) top left no-repeat; display: block; text-indent: 10000px;}
#botao0current {float:left; width:132px; height:53px; overflow: hidden; background: url(../img/bt_home.gif) bottom left no-repeat; display: block; text-indent: 10000px; background-position: bottom left;}


#botao1 {float:left; width:85px; height:53px; overflow: hidden; background: url(../img/bt_about.gif) top left no-repeat; display: block; text-indent: 10000px; }
#botao1current {float:left; width:85px; height:53px; overflow: hidden; background: url(../img/bt_about.gif) bottom left no-repeat; display: block; text-indent: 10000px; background-position: bottom left;}


#botao2 {float:left; width:141px; height:53px; overflow: hidden; background: url(../img/bt_methodology.gif) top left no-repeat; display: block; text-indent: 10000px; }
#botao2current {float:left; width:141px; height:53px; overflow: hidden; background: url(../img/bt_methodology.gif) bottom left no-repeat; display: block; text-indent: 10000px;background-position: bottom left;}


#botao3 {float:left; width:75px; height:53px; overflow: hidden; background: url(../img/bt_blog.gif) top left no-repeat; display: block; text-indent: 10000px;}
#botao3current {float:left; width:75px; height:53px; overflow: hidden; background: url(../img/bt_blog.gif) bottom left no-repeat; display: block; text-indent: 10000px; background-position: bottom left;}


#botao4 {float:left; width:134px; height:46px; overflow: hidden; background: url(../img/bt_photo.gif) top left no-repeat; display: block; text-indent: 10000px; }
#botao4current {float:left; width:134px; height:46px; overflow: hidden; background: url(../img/bt_photo.gif) bottom left no-repeat; display: block; text-indent: 10000px; background-position: bottom left;}


#botao5 {float:left; width:198px; height:46px; overflow: hidden; background: url(../img/bt_links.gif) top left no-repeat; display: block; text-indent: 10000px; }
#botao5current {float:left; width:198px; height:46px; overflow: hidden; background: url(../img/bt_links.gif) bottom left no-repeat; display: block; text-indent: 10000px; background-position: bottom left;}


#botao6 {float:left; width:101px; height:46px; overflow: hidden; background: url(../img/bt_contact.gif) top left no-repeat; display: block; text-indent: 10000px; }
#botao6current {float:left; width:101px; height:46px; overflow: hidden; background: url(../img/bt_contact.gif) bottom left no-repeat; display: block; text-indent: 10000px; background-position: bottom left;}


#botao0:hover,#botao1:hover, #botao2:hover, #botao3:hover, #botao4:hover, #botao5:hover, #botao6:hover {background-position: bottom left;}



#menu a {
	text-decoration:none;
	font-size:1px;
	}


#content {
	width:840px;
	height:422px;
	padding: 0 30px;
	background: url(../img/bg_direita.jpg) right bottom no-repeat;
	}

#colesq {
	width:421px;
	height:422px;
	float:left;
	}

#coldir {
	width:439px;
	height:392px;
	float:right;
	text-align:justify;
	padding:30px 40px 0 0;
	background: url(../img/bg_direita.jpg) right bottom no-repeat;
	}

.about {
	background: url(../img/bg_about.jpg) left bottom no-repeat;
	}


.methodology {
	background: url(../img/bg_methodology.jpg) left bottom no-repeat;
	}

.links {
	background: url(../img/bg_links.jpg) left bottom no-repeat;
	}

.contact {
	background: url(../img/bg_contact.jpg) left bottom no-repeat;
	}


#thumb {
	width:120px;
	height:86px;
	float:left;
	}

#design {
	width:900px;
	height:16px;
	clear:both;
	text-align:right;
	color:#fff;
	font-size:10px;
	background-color:#ffaf47;
}

#design a {
	color:#fff;
	}

/* FORMULÁRIO */
form {
	
	}

#formulario {
	width:400px;
	}

input {
	height: 16px;
	margin: 0px;
	padding: 6px;
	font-size: 11px;
	}

.texto {
	width:230px;
	border:1px solid #ffaf47; 
	margin: 0px;
	padding: 5px;
	font-size: 11px;
	color:#666;
	}

textarea {
	width: 230px;
	margin: 0px;
	padding: 5px;
	font-size: 11px;
	border:1px solid #ffaf47; 
	color:#666;
	}

.enviar {
	width:57px;
	height:25px;
	border: none;
	text-align:center;
	}