/* ------ mobilyslider
-----------------------------------------------*/

.slider {
	float:center;
	width:97%;
	position:relative;
	padding-bottom:56px;
	height: 130px;
	}

.slider h2 {
	font-size:24px; 
	line-height:normal; 
	margin:0px; 
	padding: 0 0 0 10px; 
	background-color: #eee; 
	line-height: 40px;
	}

.slider h2 a {
	color: #D31715; 
	text-transform: uppercase;
	}

.sliderContent {
    height: auto;
    max-height: 200px;
    position: relative;
    width: 100%;
	/*margin-left: 1%;
	margin-top: 1%;*/
}

.sliderArrows a {
	display: block;
	text-indent: -9999px;
	outline: none;
	z-index: 1;
	background-image: url(imagens/prev_next.png);
	width: 42px;
	height: 42px;
	position: absolute;
	margin-top: 12%;
}

.prev {
	background-position: 0 0; 
	left: 15px;
	}
	
.prev:hover {
	background-position: 0 -44px;
	}

.next {
	right: 15px;	
	background-position: -44px 0;
	}
	
.next:hover {
	background-position: -44px -44px;
	}

.sliderContent > .item  {
	position: absolute; 
	background-color: #eee; 
	z-index: 1 !important;
	} /* isso altera a altura da div > relative dá certo */
	
.sliderContent > .item > img {
	width: 98%; 
	height: auto; 
	margin: 1%;
	} 

.sliderBullets { 
	position: relative; 
	margin-top: 33%; 
	z-index: 50; 
	float: right; 
	right: 2%;
	}
	
.sliderBullets a {
	display: none; 
	float: left; 
	text-indent: -9999px; 
	outline: none; 
	margin-left: 5px; 
	width: 10px; 
	height: 11px; 
	background: url(imagens/bullets.png) no-repeat;
	}

.sliderBullets .active {
	background-position: 0 -11px;
	}

.sliderContent a {
	outline:none;
}

.sliderBottom {
	max-height: 16px; 
	height: auto;
	}
.sliderBottom img {
	height: auto; 
	width: 100%; 
	max-width: 625px; 
	background-color: #fff;
	}