/* <----- BANNER ------> */
#bannerwrapper {
	width:100%;
	height:auto;
	background-color:#000;
	margin:0 auto;
	overflow: hidden;
	z-index:3;
	margin-top:0px;
}

#banner {
	width:100%;
	margin:0 auto;
}

/* <----- CONTENT -----> */

#contentwrapper {
	width: 100%;
	margin:0 auto;
	overflow: hidden;
	height:1500px;
}

#content {
	width:1000px;
	height:1500px;
	left:50%;
	margin-left:-500px;
	position:absolute;
}

/* <----- SLIDE -----> */
/*
#carousel {
	width:100%;
	height:400px;	
	overflow:hidden;
	z-index:1;
	margin:0 0 122px 0;

}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	/*position:relative;
	width:1920px;
	height:400px;
	z-index:1;
	top:9px;
	margin-top:-9px !important;
	margin:0 auto;
}

/* remove the list styles, width : item width * total items */	
/*#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:5760px;			
}

/* width of the item, in this case I put 250x250x gif */
/*#slides li {
	width:1920px;
	height:400px;	
	float:left;
}


#buttons a {
	width:32px; 
	height:90px;
}

a#next {
	z-index:9999;
	position:absolute;
	width:32px;
	left:50%;
	margin-left:30px;
	margin-top:350px;
}

a#prev {
	z-index:9999;
	position:absolute;
	width:32px;
	left:50%;
	margin-left:-30px;
	margin-top:350px;
}*/

/* <------ SLIDES ------> */

	.container {
		z-index:1;
		position:relative;
		height:390px !important;
	}

	#slides {
      display: none;
    }
	
    #slides .slidesjs-navigation {
      margin-top:3px;
	  position:absolute;
	  display:none !important;
    }
	
	#slides .slidesjs-control img {
	  width:auto !important;
    }
	
	#slides .slidesjs-control, #slides .slidesjs-container {
	  margin:0 auto !important;
    }
	
	
    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
	  display:none !important;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
	  display:none !important;
    }

    .slidesjs-pagination {
      list-style: none;
	  position:absolute;
	  top:506px;
	  z-index:999;
	  left:50%;
	  margin-left:-540px;
	  margin-top:-200px;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 22px;
      height: 0;
      padding-top: 22px;
      background-image: url(images/banner/pagination.png);
      background-position: 0 3px;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -27px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -27px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

/* <----- QUADROS -----> */

#quadros {
	margin-top:95px;
}

.int {
	width:320px;
	height:204px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0;
}

.int:hover {
	background-position:0 -204px;
}

.quadro {
	width:320px;
	height:300px;
	float:left;
	margin:0 10px;
}

.quadro:first-child {
	margin-left:0;
}

.quadro:last-child {
	margin-right:0;
}

.quadro p {
	font:22px Centrale_Medium;
	color:#696969;
	text-align:center;
}

#oficiais {
	margin-top:70px;
}

#oficiais h1 {
	width:100%;
	text-align:center;
	font:40px Centrale_Medium;
	color:#609d3c;
}

#oficiais p {
	font:18px Centrale_Light;
	text-align:center;
}