/*
 * Desenvolvimento: Leonardo Cesar Teixeira (l-cesar-teixeira@uol.com.br)
 * Data: 16/09/2009
 *
**/

* {
	margin: 0;
	padding: 0;
	border: 0 none;
	list-style: none;
}
body {
	background: #969594;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#box {
	background: #FFF url(../img/bg.png) no-repeat;
	height: 602px;
	width: 780px;
	margin: 0px auto 0 auto;
	position: relative;
}
#thumbs-ponta-grossa {
	height: 596px;
	width: 180px;
	background: url(../img/thumbs-ponta-grossa.jpg) no-repeat;
	position: absolute;
	left: 557px;
	top: 3px;
}
#thumbs-tozetto {
	height: 596px;
	width: 180px;
	background: url(../img/thumbs-tozetto.jpg) no-repeat;
	position: absolute;
	left: 557px;
	top: 3px;
}
#tit-pg-peq {
	background: url(../img/tit-pg-peq.png) no-repeat;
	height: 45px;
	width: 774px;
	position: absolute;
	left: 3px;
	top: 27px;
}
#tit-tozetto-peq {
	background: url(../img/tit-tozetto-peq.png) no-repeat;
	height: 83px;
	width: 774px;
	position: absolute;
	left: 3px;
	top: 27px;
}
#tit-tozetto-grd {
	background: url(../img/tit-tozetto-grd.png) no-repeat;
	height: 163px;
	width: 774px;
	position: absolute;
	left: 3px;
	top: 14px;
}
#tit-pg-grd {
	background: url(../img/tit-pg-grd.png) no-repeat;
	height: 98px;
	width: 774px;
	position: absolute;
	left: 3px;
	top: 43px;
}
#tit-cidade {
	background: url(../img/tit-cidade.png) no-repeat;
	height: 222px;
	width: 400px;
	position: absolute;
	left: 50px;
	top: 330px;
}
#tit-historia {
	background: url(../img/tit-historia.png) no-repeat;
	height: 300px;
	width: 439px;
	position: absolute;
	left: 49px;
	top: 297px;
}
#tit-mercado {
	background: url(../img/tit-mercado.png) no-repeat;
	height: 258px;
	width: 483px;
	position: absolute;
	left: 46px;
	top: 234px;
}
#tit-economia {
	background: url(../img/tit-economia.png) no-repeat;
	height: 110px;
	width: 472px;
	position: absolute;
	left: 42px;
	top: 319px;
}
#tit-turismo {
	background: url(../img/tit-turismo.png) no-repeat;
	height: 100px;
	width: 393px;
	position: absolute;
	left: 76px;
	top: 300px;
}
#tit-industrias {
	background: url(../img/tit-industrias.png) no-repeat;
	height: 100px;
	width: 481px;
	position: absolute;
	left: 39px;
	top: 301px;
}
#seta-l {
	height: 24px;
	width: 20px;
	position: absolute;
	left: 13px;
	top: 566px;
}
#seta-l a {
	display: block;
	background: url(../img/seta-l.png) no-repeat;
	width: 20px;
	height: 24px;
	text-indent: -999px;
	overflow: hidden;
	
}
#seta-r {
	height: 24px;
	width: 20px;
	position: absolute;
	left: 748px;
	top: 567px;
}
#seta-r a {
	display: block;
	background: url(../img/seta-r.png) no-repeat;
	width: 20px;
	height: 24px;
	text-indent: -999px;
	overflow: hidden;
	
}
#foto {
	text-align: center;
	height: 386px;
	width: 774px;
	position: absolute;
	left: 3px;
	top: 111px;
}
#texto {
	height: 80px;
	width: 740px;
	position: absolute;
	left: 19px;
	top: 505px;
	overflow: hidden;
}
#texto-2 {
	height: 250px;
	width: 740px;
	position: absolute;
	left: 18px;
	top: 88px;
}
.brazao {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
#fotos {
	text-align: center;
	height: 180px;
	width: 740px;
	position: absolute;
	top: 361px;
	left: 14px;
}
#texto-3 {
	height: 220px;
	width: 740px;
	position: absolute;
	left: 18px;
	top: 88px;
}
#fotos-2 {
	text-align: center;
	height: 252px;
	width: 740px;
	position: absolute;
	top: 326px;
	left: 14px;
}
#texto-4 {
	height: 470px;
	width: 740px;
	position: absolute;
	left: 18px;
	top: 88px;
}
#texto-5 {
	height: 440px;
	width: 740px;
	position: absolute;
	left: 18px;
	top: 116px;
}