@media screen {
	html {
	 background: url(../img/html-bg.gif) center top repeat-x #F0C10E;
	}
	
	#bgsombra {
	 background: url(../img/bgsombra-bg.gif) center top repeat-y;
	}
	
	#bgsombradet {
	 background: url(../img/bgsombradet-bg.gif) center top no-repeat;
	}
	
	#bgcima {
		background: url(../img/bgcima-bg.gif) center top repeat-x;
	}
	
	#bg {
		background: url(../img/bg-bg.gif) bottom repeat-x;
	}
	
	#container {
		margin: 0 auto;
		width: 758px;
		padding: 10px;
	}
	
	#bannertopo {
		margin: 1px;
		z-index: 1;
	}
	
	#topo {
		float: right;
		color: #FFF;
		padding: 10px;
		margin-top: 50px;
	}
	
	#topo div {
		line-height: 1em;
		float: right;
	}
	
	#topo div h1 {
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	#topo div img.ico {
		float: left;
		margin: 0 5px 0 0;
	}
	
	#topo div img {
		vertical-align: middle;
	}
	
	#topo div p {
		color: #D95C00;
	}
	
	#topo div p span {
		color: #1373C5;
	}
	
	#topo .cidade {
		font-size: 16px;
		font-weight: bold;
		margin-top: 5px;
		margin-right: 20px;
	}
	
	#topo .relogio {
		background:url(../img/relogio.gif);
		width: 86px;
		height: 24px;
		color: #000;
		text-transform:uppercase;
	}
	
	#topo .relogio span {
		margin-top: 1px;
		margin-left: 6px;
		font-size: 9px;
		width: 25px;
		float: left;
		display: block;
		text-align: center;
	}
	
	#topo .relogio strong {
		margin-top: 6px;
		margin-left: 8px;
		font-size: 15px;
		float: left;
		display: block;
		text-align: center;
	}
	
	#site {
		z-index: 10;
		background: url(../img/site-bg.gif) #FFF repeat-x;
	}
	
	#site, #rodape {
		color: #251A00;
	}
	
	#site a {
		color: #251A00;
	}
	
	#site a:hover {
		text-decoration: none;
	}
	
	#site .cd, #site .bd, #site .be {
		position: absolute;
		width: 20px;
		height: 20px;
	}
	
	#site .cd, #site .bd {
		right: 0;
	}
	
	#site .cd {
		top: 0;
		right: -563px;
		*right: -564px;
		background: url(../img/site-cd.gif);
	}
	
	#site .bd, #site .be {
		bottom: 0;
	}
	
	#site .bd {
		background: url(../img/site-bd.gif);
	}
	
	#site .be {
		background: url(../img/site-be.gif);
	}
	
	#esquerda {
		float: left;
		width: 195px;
		position: relative;
	}
	
	#logo {
		position: absolute;
		top: -75px;
		left: -10px;
	}
	
	#menu {
		padding: 110px 20px 0 20px;
		width: 155px;
	}
	
	#menu h1 {
		background: url(../img/esq-h1.gif) left center no-repeat;
		font-size: 12px;
	}
	
	#menu h1, #menu ul li a {
		padding: 0 0 0 15px;
	}
	
	#menu ul li {
	}
	
	#menu ul li a {
		display: block;
		width: 140px;
		padding-top: 3px;
		padding-bottom: 3px;
		text-decoration: none;
	}
	
	#menu ul li a:hover {
		color: #000;
		background: #FAFAFA;
	}
	
	.banners {
		margin-top: 15px;
	}
	
	.banners .banner {
		margin-bottom: 10px;
	}
	
	#conteudo {
		float: left;
		width: 543px;
		padding-top: 50px;
	}
	
	#rodape {
		clear:both;
		color: #675F4D;
		padding: 10px 10px 20px 10px;
	}
	
	#rodape h1 {
		font-size: 12px;
		color: #928D80;
	}
	
	#rodape .proibicao {
		width: 390px;
		float: left;
	}
	
	#rodape .links {
		float: right;
		text-align: right;
	}
	
	#rodape .links ul li {
		display: inline;
		padding-right: 30px;
		background: url(../img/rod-li.gif) right center no-repeat;
	}
	
	#rodape .links ul li.ultimo {
		padding-right: 0;
		background: none;
	}
	
	#rodape .links ul li a {
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	#rodape .links ul li a:hover {
		text-decoration: underline;
	}
	
	#rodape .links p a {
		color: #675F4D;
		text-decoration: underline;
	}
	
	.irtopo {
		float: right;
		font-size:12px;
		color:#D25B04;
		position:absolute;
		right:0px;
		margin-top:4px;
		padding-left:16px;
		background:url(../img/btn-irtopo.gif) left center no-repeat;
	}
	
	
}

@media print {
	#topo, #rodape .links, #esquerda, #bannertopo {
		display: none;
	}
}