/*
|-------------------------------------------------
|       MFO ENGENHARIA E CONSTRUÇÕES LTDA.
|       versão 1.0  .......  julho/2008
|
|            CSS by Bruno Toffolo
|
|      > Início: 24/07/2008, 23:06
|      > Conclusão: 05/06/2008, 00:37
|-------------------------------------------------
|      > Última atualização: 15/10/2009
|      > Feita por: Bruno Toffolo
|-------------------------------------------------
|      Documento válido nos padrões CSS 2.1
|-------------------------------------------------
*/

/*
|------------------------------------------------
|      Classes Gerais
|-------------------------------------------------
*/


body,td,th {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #EFEFEF;
	background-repeat: repeat-x;
}
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}

img {
	border: 0;
	}

input {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
jumpmenu {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
textarea {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

.all {
	width: 764px;
	height: 480px;
	margin: auto;
	}
	
/*
|------------------------------------------------
|      Bordas e glows
|-------------------------------------------------
*/

.sombrasup {
	position: relative;
	width: 764px;
	height: 10px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(imagens/globais/bordasup.gif);
	background-repeat: repeat-x;
	}
.sombraesq {
	position: relative;
	width: 10px;
	height: 700px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(imagens/globais/bordaesq.gif);
	background-repeat: repeat-y;
	}
.sombradir {
	position: relative;
	width: 10px;
	height: 700px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(imagens/globais/bordadir.gif);
	background-repeat: repeat-y;
	}
.sombrainf {
	position: relative;
	width: 604px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(imagens/globais/bordainf.gif);
	background-repeat: repeat-x;
	}
.creditos {
	position: relative;
	width: 160px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
	}


/*
|------------------------------------------------
|      Estrutura geral básica
|-------------------------------------------------
*/

.esquerda {
	position: relative;
	width: 180px;
	height: 450px;
	float: left;
	margin: 0;
	padding: 0;
	}
.logo {
	position: relative;
	width: 180px;
	height: 150px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(imagens/globais/logo.jpg);
	background-repeat: no-repeat;
	}

.menu {
	position: relative;
	width: 180px;
	height: 550px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #930000;
	}

.direita {
	position: relative;
	width: 564px;;
	height: 700px;
	float: left;
	background-color: #FFF;
	}

/*
|------------------------------------------------
|      Estrutura da Index
|-------------------------------------------------
*/

.slideshow {
	position: relative;
	width: 564px;
	height: 290px;
	margin: 0;
	padding: 0;
	float: left;
	}

.welcome {
	position: relative;
	width: 564px;
	height: 460px;
	margin: 0;
	padding: 0;
	float: left;
	background: #FFF url(imagens/index/fundo_semdepoimento.jpg);
	background-repeat: repeat-y;
	}
.noticias {
	position: relative;
	width: 280px;
	height: 90px;
	margin-top: 55px;
	margin-left: 15px;
	float: left;
	}
.depoimento {
	position: relative;
	width: 235px;
	height: 90px;
	margin-top: 55px;
	margin-left: 25px;
	float: left;
	}
	
.noticias_semdepoimento {
	position: relative;
	width: 300px;
	height: 190px;
	margin-top: 55px;
	margin-left: 15px;
	float: left;
	}
	
.noticias_cbn {
	position: relative;
	width: 200px;
	height: 190px;
	margin-top: 30px;
	float: left;
	}

/*
|------------------------------------------------
|      Estrutura das Internas
|-------------------------------------------------
*/


.fototopo {
	position: relative;
	float: left;
	width: 564px;
	height: 205px;
	border: 0;
	}

.texto {
	position: relative;
	float: left;
	width: 524px;
	height: 315px;
	border: 0;
	background-color: #FFFFFF;
	padding: 10px 20px 20px 20px;
	}

/*
// CONTATO
*/

.contato_e {
	position: relative;
	width: 250px;
	height: 180px;
	float: left;
	border: 0;
	margin-top: 20px;
	}

.contato_d {
	position: relative;
	width: 235px;
	height: 180px;
	float: left;
	border: 0;
	margin-left: 20px;
	margin-top: 20px;
	}

.campo_e {
	position: relative;
	float: left;
	width: 70px;
	margin-bottom: 15px;
	}
.campo_d {
	position: relative;
	float: left;
	width: 180px;
	margin-bottom: 15px;
	}

.erros {
	position: absolute;
	display: block;
	z-index: 99;
	top: 225px;
	left: 100px;
	display: none;
	background-color: #FFFFCC;
	}

.carregando {
	position: absolute;
	display: none;
	width: 220px;
	height: 28px;
	background: #F8F8F8;
	padding: 18px;
	text-align: center;
	border: 1px solid #CCC;
	margin: 100px 100px 0 0;
	}
	
.meiocontato {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	}
	
.box {
	position: relative;
	width: 120px;
	height: 140px;
	float: left;
	border: 0;
	margin-right: 20px;
	margin-top: 20px;
	}

/*
// OBRAS
*/

.obra {
	position: relative;
	width: 140px;
	height: 310px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	}

.imagem {
	width: 138px;
	height: 185px;
	background-color: #FCFDFE;
	border: 3px solid #CCCCCC;
	padding: 3px;
	}

.descricao {
	width: 130px;
	height: 70px;
	background-color: #EEEFEF;
	border: 3px solid #CCCCCC;
	padding: 7px;
	margin-top: 10px;
	}

.tipodeobras {
	align: center;
	font-weight: bold;
	}

.tipodeobras a:link,
.tipodeobras a:visited,
.tipodeobras a:active {
	text-decoration: none;
	color: #333333;
	}
	
.tipodeobras a:hover {
	text-decoration: underline;
	color: #006699;
	}

.fotoobra {
	position: relative;
	width: 140px;
	height: 120px;
	float: left;
	margin-right: 13px;
	margin-left: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 3px solid #CCC;
	}
	
/*
// ORÇAMENTO
*/

.orcamento_e {
	position: relative;
	width: 150px;
	height: 180px;
	float: left;
	border: 0;
	margin-top: 20px;
	}

.orcamento_d {
	position: relative;
	width: 335px;
	height: 180px;
	float: left;
	border: 0;
	margin-left: 20px;
	margin-top: 20px;
	}

.orcamento_campo {
	margin-bottom: 10px;
	}