@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0;
	font-family: 'capsuularegular';
	font-size:18px;
	text-align:justify;
}

a:link, a:visited, a:active{
	color:#CCC;
	text-decoration:none;
}

a:hover{
	color:#FFF;
}

table{
	font-weight:bold;
}

h1{
}

h2{
}

h3{
}


input[type='submit'], input[type='button']{
}

input[type='text'], input[type='password']{
}

textarea{
}

.img{
}

.icone{
	padding:0 20px;
	vertical-align:-50%;
}

ul{
	position:relative;
	margin:0 auto;
}

li{
	position:relative;
	float:right;
	color:#F60;
	font-family: 'bonvenocflight';
	font-weight:bold;
	letter-spacing:-2px;
	text-transform:uppercase;
	list-style:none;
	margin:0 20px;
	font-stretch:condensed;
	font-size:16px;
}

.active a{
	color:#FFF;
}

.line{
	border-right:#CCC solid thin;
	margin:0;
	padding:0;
	height:20px;
}

#base{
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
	margin:0;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#069), to(#0A3D7A));
	background: -webkit-radial-gradient(circle, #069, #0A3D7A);
	background: -moz-radial-gradient(circle, #069, #0A3D7A);
	background: -ms-radial-gradient(circle, #069, #0A3D7A);
}

#corpo{
	position:relative;
	margin:30px 0 10px 0;
	width:100%;
	min-height:500px;
	background:#FFF;
	display:table;
	box-shadow:0 0 20px #000;
	padding:20px 0;
}

#menu{
	position:relative;
	width:1000px;
	margin:0 auto;
	margin-top:30px;
	text-align:right;
	height:10px;
	color:#000;
}

#center{
	display:table;
	margin:0 auto;
}

#centro{
	position:relative;
	width:1000px;
	min-height:300px;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#3A7EA3), to(#069));
	background: -webkit-radial-gradient(circle, #3A7EA3, #069);
	background: -moz-radial-gradient(circle, #3A7EA3, #069);
	background: -ms-radial-gradient(circle, #3A7EA3, #069);
	z-index:0;
	display:table;
}

#rodape{
	position:relative;
	width:1000px;
	height:35px;
	margin:0 auto;
	color:#FFF;
	font-family: 'capsuularegular';
	font-size:18px;
	padding:10px;
}

#logo, #servicos, #obras{
	position:relative;
	margin:40px;
	margin-top:100px;
	float:left;
}

#servicos, #obras{
	border:#F90 solid medium;
}

#tituloimg{
	position:absolute;
	right:0;
	bottom:10px;
	background:#F90;
	padding:2px 15px;
	border-radius:5px 0 0 5px;
	font-family: 'capsuularegular';
	font-size:18px;
	font-weight:bold;
	color:#000;
}

#menuobras, #clientes, #empresa, #contato, #osservicos{
	color:#069;
	display:table;
	margin-bottom:10px;
	max-width:1000px;
}

#clientes, #empresa{
	font-weight:bold;
}

#miniobra{
	position:relative;
	float:left;
	margin:5px;
	border:#F90 solid medium;
}

#obraampl{
	max-width:1000px;
	margin:0 auto;
	display:table;
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:#CCC solid thin;
}

#nomeobra{
	font-family: 'bonvenocflight';
	font-size:18px;
	font-weight:bold;
	color:#069;
	text-align:center;
	padding:10px;
}

#imgobragrande, .mapa{
	float:left;
	margin:0 10px;
	border:#F90 solid medium;
	box-shadow:5px 5px 5px #999;
}

#descriobra{
	position:relative;
	display:table;
	font-family: 'capsuularegular';
	font-size:18px;
	text-align:justify;
	padding:0 10px;
}

#cliente{
	float:left;
	display:table;
	margin:8px;
	border:#F90 solid medium;
	box-shadow:5px 5px 5px #999;
	text-align:center;
}

#cliente h1{
	background:#222;
	width:116px;
	height:40px;
	color:#F90;
	font-family: 'capsuularegular';
	font-size:16px;
	font-weight:normal;
	margin:0;
	text-align:center;
	padding:4px 2px;
	line-height:14px;
}

#osservicos li{
	font-family: 'capsuularegular';
	font-size:18px;
	font-weight:bold;
	letter-spacing:normal;
	line-height:16px;
	text-transform:none;
	float:none;
	margin-bottom:5px;
}

#form, #contatos{
	float:left;
	width:450px;
	padding-left:15px;
	margin-left:15px;
	border-left:#CCC solid thin;
}

#form input[type=text]{
	padding:10px;
	border-radius:4px;
	width:350px;
}

#form h1{
	font-family: 'capsuularegular';
	font-size:18px;
	font-weight:bold;
	color:#C00;
	margin:0 auto;
	padding:5px;
	display:table;
	text-align:center;
}

#form input[type=submit]{
	padding:6px 20px 2px 20px;
	font-family: 'capsuularegular';
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background:#F90;
	box-shadow: 2px 2px 2px #666;
	border:none;
	border-radius:4px;
	cursor:pointer;
}

#form input[type=submit]:hover{
	background:#FDB451;
}

#form textarea{
	padding:10px;
	border-radius:4px;
	width:352px;
	max-width:352px;
	height:100px;
	border:none;
	border-right:#EEE solid 2px;
	border-bottom:#EEE solid 2px;
	box-shadow:2px 2px 0 #999 inset
}

#contatos{
	color:#999;
	font-weight:bold;
	line-height:20px;
	padding-bottom:20px;
}

#contatos a{
	text-decoration:none;
	color:#069;
}

#contatos a:hover{
	color:#036;
}