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


.slider {
	width:100%;
	/*height: 195px;*/
	position:relative;
	height: 260px;
}

.slider p { font-size: 12px; line-height:normal; padding: 0 0 0 10px; background-color: #eee; margin: 13px 5px 10px; text-align: left }
.slider p a { color: #444 /*#D31715*/; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: normal; margin: 2% 0; }

.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(../gfx/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; width: 100%  } /* isso altera a altura da div > relative dá certo */
.sliderContent > .item > a { border: 0x; }
.sliderContent > .item > a > img { width:98%; height:auto; margin-left: 1%; margin-right: 1%; margin-top: 1%; display: block; border: 0px } 
.sliderContent > .item > a > img { } 

.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(../gfx/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: 674px; background-color: #fff; }




/*
= 800px ----------------------------------------------- */
@media (max-width: 1000px) { .slider { height: 236px; } }
@media (max-width: 900px) { .slider { height: 226px; } }
@media (max-width: 800px) { .slider { height: 250px; } }
@media (max-width: 700px) { .slider { height: 240px; } }
@media (max-width: 600px) { .slider { height: 200px; } }
@media (max-width: 500px) { .slider { height: 166px; } }