/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Philosopher&v1);
html {
	margin: 0px;
	padding: 0px;
}
body {
margin:0px;
padding:0px;
background-image:url(imagens/bg.jpg);
background-color:#424f6e;
background-repeat:repeat-x;
}
p{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #ffffff;
	line-height:21px;
}
a {
	font-family: Tahoma, Verdana, Arial;
	text-decoration:none;
	color: #ffffff;
	
}

h1 {
font-family: 'Philosopher', arial, serif;
margin:0px;
padding:0px;
font-weight:normal;
color: #ffffff;
font-size:18px;
}

h2 {
margin:0px;
padding:0px;
font-weight:normal;
}
img{
	border: none;
}
#site {
position: relative;
margin:auto;
width:1000px;
}

#top {
position: relative;
float:left;
width:100%;
}

#top-left {
position: relative;
float:left;
width:600px;
}

#top-right {
position: relative;
float:left;
width:292px;
}

#logo {
float:left;
width:auto;
position:relative;
z-index:2;
}

#buttons {
position:absolute;
float:right;
margin:272px 0 0 261px;
z-index:100;
width: 57px;
*margin-left: 10px;
}

#buttons img{
	position: relative; 
	float: left;
}
#grua {
float:left;
width:75px;
height:215px;
background-image:url(imagens/sprite.png);
background-position:-581px 0px;
position:absolute;
z-index:1;
margin:0 0 0 84px;
margin-top: -215px;
*margin-top: -318px;
*margin-left: -533px;
}

#passadeira {
float:left;
width:551px;
height:123px;
background-image:url(imagens/sprite.png);
background-position:-2px -2px;
margin:112px 0 0 20px;
}

#object1 {
float:left;
position:absolute;
width:auto;
margin-left: 88px;
margin-top: -35px;
display: none;
*margin-left: -530px;
*margin-top: -138px;
}

#object2 {
float:left;
position:absolute;
width:auto;
margin-left: 88px;
margin-top: -35px;
display: none;
*margin-left: -530px;
*margin-top: -138px;
}

#object3 {
float:left;
position:absolute;
width:auto;
margin-left: 88px;
margin-top: -35px;
display: none;
*margin-left: -530px;
*margin-top: -138px;
}

#object4 {
float:left;
position:absolute;
width:auto;
margin-left: 88px;
margin-top: -35px;
display: none;
*margin-left: -530px;
*margin-top: -138px;
}

#object5 {
float:left;
position:absolute;
width:auto;
margin-left: 88px;
margin-top: -35px;
display: none;
*margin-left: -530px;
*margin-top: -138px;
}

#object6 {
float:left;
position:absolute;
width:auto;
margin-left: 88px;
margin-top: -35px;
display: none;
*margin-left: -530px;
*margin-top: -138px;
}

#menu-cont1, #menu-cont2, #menu-cont3, #menu-cont4, #menu-cont5, #menu-cont6{
	display: none;
}
#sub-menus {
float:left;
position:absolute;
width:380px;
height:80px;
margin:114px 0 0 194px; 

line-height:24px;
}

#IE8 #sub-menus{
	margin:114px 0 0 -400px;
}
#IE7 #sub-menus{
	margin:4px 0 0 -400px;
}

#sub-menus2 {
float:left;
position:absolute;
width:300px;
height:80px;
margin:114px 0 0 361px; 
line-height:24px;
}
#IE8 #sub-menus2{
	margin:114px 0 0 -230px;
}
#IE7 #sub-menus2{
	margin:4px 0 0 -230px;
}


#sub-menus a, #sub-menus2 a {
font-family: 'Philosopher', arial, serif;
color:#3f4c6b;
line-height: 20px;
}

#estante {
float:left;
width:253px;
height:338px;
background-image:url(imagens/sprite.png);
background-position:-265px -143px;
margin:0 0 0 97px;
overflow:hidden;
}

#menu {
float:left;
width:100%;
margin-top:-1px;
}

#menu a {
float:left;
text-decoration:none;
color:#ffffff;
font-family: 'Philosopher', arial, serif;
font-size:18px;
width:auto;
padding:21px 43px;
margin-top:-1px;
}

#menu a:hover {
background-image:url(imagens/bullet.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#menu a.activo {
background-image:url(imagens/bullet.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#prateleira {
background-image: url("imagens/sprite.png");
background-position: -12px -340px;
float: left;
height: 64px;
margin-top: 15px;
width: 250px;
}

#middle {
float:left;
width:100%;
}

#middle h1 {
margin:24px 0 6px 44px;
}

#destaque-imagem {
float:left;
width:157px;
height:118px;
border:2px #ffffff solid;
margin:10px 20px 0 46px;
overflow: hidden;
*position:relative;
}

#destaque-imagem .fotos img{
	height: 118px !important;
	width: 157px !important;
}

#destaque-texto {
float: left;
margin-right: 61px;
text-align: justify;
width: 424px;
}

#anos {
float:left;
width:230px;
height:145px;
background-image: url("imagens/sprite.png");
background-position: -21px -157px;
}

#footer {
float:left;
width:885px;
border-top:1px #80899e solid;
margin:30px 0 50px 45px;
}

#breakout {
float:right;
margin:10px 5px 0 0;
}

#prateleira-container {
float:left;
width: 250px;
margin-top:35px;
}

#prateleira a {
font-family: 'Philosopher', arial, serif;
color:#3f4c6b;
}

#prateleira img {
float:left;
margin:10px 0 0 27px;
}

.prateleira-txt {
float:left;
margin:23px 0 0 4px;
}












#menu-lat{
	position: relative;
	float: left;
	width: 238px;
}

.menu-top{
	position: relative;
	float: left;
	width: 238px;
	height: 37px;
	background: url(imagens/menu-pontas.png) left top no-repeat;
}

.menu-bot{
	position: relative;
	float: left;
	width: 238px;
	height: 37px;
	background: url(imagens/menu-pontas.png) left bottom no-repeat;
}

.treeview{
	position: relative;
	float: left;
	background: url(imagens/menu-lat.png) left top repeat-y;
	width: 238px;
}

.treeview li a{
	font-size: 14px;
	color: #555555;
	font-family: 'Bigshot One', arial, serif;
	width: 210px;
	margin: 0px 10px;
	border-top: 1px solid #FFFFFF;
	display: block;
	padding: 8px 0px 8px 8px;
}
.treeview li ul li a{
	text-indent: 10px;
}
.treeview li ul li ul li a{
	text-indent: 20px;
}
.treeview .hitarea {
	background: url(imagens/lat-hit.png)bottom right no-repeat;
	width: 23px;
	height: 25px;
	right: 0px;
	margin: 5px 10px 0px 0px;
	float: right;
	cursor: pointer;
	padding:0 0 0 166px;
	position:absolute;
}
.collapsable-hitarea{
	background: url(imagens/lat-hit.png)top left no-repeat !important;
}
.treeview a.selected {
	color: #30337f;
}
.treeview .hover{
	color: #30337f;
}
.treeview li.last a{
	border-bottom: 1px solid #FFFFFF;
}










.apoios {
margin:10px 20px 0 0;
}