@charset "utf-8";
@import url("textos.css");
html {
	background-color: #000;
}
#geral{
	width:1280px;
	height:1020px;
	overflow:hidden;
	
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-640px;
	margin-top:-510px;
	margin:0;
	padding:0;
	
	visibility:hidden;
}
#geral #cabecalho{
	width:100%;
	height:17%;
	background:url(images/topo-fundo.jpg) center right no-repeat;
	margin:0;
	padding:3% 0 0 0;
	background-size:contain;
}
h1{
	margin:0 2%;
	padding:0;
	width:20%;
	height:68%;
	overflow:hidden;
	background:url(images/topo-logo.jpg) center center no-repeat;
	background-size:contain;
	text-indent:-10000px;
}
#lateral{
	width:21%;
	height:79%;
	background:url(images/lateral-fundo.jpg) top left no-repeat;
	margin:-0.7% 0 0 0;
	padding:0;
	background-size:contain;
	float:left;
}
#lateral #navegacao{
	margin:0;
	padding:21% 0 0 0;
	width:100%;
	height:36%;
}
#lateral #navegacao ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#lateral #navegacao ul li{
	width:100%;
	height:15%;
	margin:5% 0 0 0;
	padding:0;
}
#lateral #navegacao ul li a{
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	text-indent:-10000px;
	overflow:hidden;
}
#lateral #navegacao ul li.subs, #lateral #navegacao ul li.cats{
	height:10%;
	margin:3% 0 0 0;
	display:none;
}
#lateral #navegacao ul li.subs a, #lateral #navegacao ul li.cats a{
	width:75%;
	text-indent:0;
	text-align:left;
	text-decoration:none;
	font-size:1.1em;
	padding-right:25%;
	padding-left:2.4em;
	color:#154a82;
}
#lateral #navegacao ul li.subs a{
	font-size:1em;
	padding-left:3.6em;
}

#lateral #navegacao ul li#contato a{
	background:url(images/lateral-menu-contato.jpg) center left no-repeat;
	
	background-size:contain;
	-webkit-background-size:cover;
	background-origin:border-box;
}
#lateral #navegacao ul li#contato a:hover{
	background-image:url(images/lateral-menu-contato-maior.jpg);
}
#lateral #navegacao ul li#empresa a{
	background:url(images/lateral-menu-empresa.jpg) center left no-repeat;
	background-size:contain;
	-webkit-background-size:cover;
	background-origin:border-box;
}
#lateral #navegacao ul li#empresa a:hover{
	background-image:url(images/lateral-menu-empresa-maior.jpg);
}
#lateral #navegacao ul li#home a{
	background:url(images/lateral-menu-home.jpg) center left no-repeat;
	background-size:contain;
	-webkit-background-size:cover;
	background-origin:border-box;
}
#lateral #navegacao ul li#home a:hover{
	background-image:url(images/lateral-menu-home-maior.jpg);
}
#lateral #navegacao ul li#obras a{
	background:url(images/lateral-menu-obras.jpg) center left no-repeat;
	background-size:contain;
	-webkit-background-size:cover;
	background-origin:border-box;
}
#lateral #navegacao ul li#obras a:hover{
	background-image:url(images/lateral-menu-obras-maior.jpg);
}
#lateral #navegacao ul li#servicos a{
	background:url(images/lateral-menu-servicos.jpg) center left no-repeat;
	background-size:contain;
	-webkit-background-size:cover;
	background-origin:border-box;
}
#lateral #navegacao ul li#servicos a:hover{
	background-image:url(images/lateral-menu-servicos-maior.jpg);
}
h2#canal{
	background:url(images/lateral-canal-titulo-fundo.jpg) center center no-repeat;
	background-size:contain;
	display:block;
	margin:40% 0 0 3%;
	padding:0;
	text-indent:-10000px;
	overflow:hidden;
	width:77%;
	height:16%;
}
#lateral form {
	width:73%;
	height:13%;
	margin:3% 0 0 5%;
}
#lateral form input#botao{
	width:50%;
	height:30%;
	margin:0.7em 0 0 24%;
	background:#154a82;
	color:#FFF;
	padding:0.2em 0 0.1em 0;
}
#rodape{
	height:7%;
	width:100%;
}
#rodape img{
	float:right;
	border:none;
	height:60%;
	width:19%;
	margin-top:1%;
}
#rodape address{
	float:left;
	margin:1% 0 0 0;
	padding:0;
	display:inline;
}
#conteudo{
	margin:3% 0 0 0;
	background:#7d7b7a;
	height:69%;
	overflow:auto;
	border-radius:2%;
	-moz-border-radius:2%;
}
#conteudo a{
	color:#FFFFFF;
	text-decoration:none;
}
