/**
* DDSlider.css
*
* @link https://plus.google.com/108266665066084693893/about
* @author Nelson Secco <nelsonseccofilho@gmail.com>
* 
**/
/*
.container {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

.content{
    float: left;
    width: 100%;
}

.content-banner{
    background: url(../img/bg/bg-nav-left-side.png) no-repeat bottom right;
    float: left;
    height: 240px;
    padding: 0 0 0 31px !important;
    position: relative;
    overflow: hidden;
    width: 696px;    
}
*/
#slider { float: left; position: relative; width: 100%; height: 40px; }

/*------------------------ LEFT ARROW ------------------------*/
/* Sets position and main configs */
.slider_arrow_left {
    cursor: pointer !important;
    float: left;
    height: 40px;
    width: 40px;
    z-index: 50 !important;
}
.slider_arrow_left:hover {
	background: url(../img/botoes_banner.png) no-repeat -58px left !important;
}
/* left arrow image */
.slider_arrow_left { background: url(../img/botoes_banner.png) no-repeat top left;}

/*------------------------ RIGHT ARROW ------------------------*/
/* Sets position and main configs */
.slider_arrow_right {
    cursor: pointer;
    float: left;
    height: 40px;
    width: 40px;
    z-index: 50;
}
.slider_arrow_right:hover {
	background: url(../img/botoes_banner.png) no-repeat -58px right !important;
}
/* Right arrow Background */
.slider_arrow_right { background: url(../img/botoes_banner.png) no-repeat top right;}

/*------------------------ SELECTORS ------------------------*/
/* Sets configs for selectors containers : absolute positioned in relation to #slider */
.slider_selector, .slider_selector_dis {
    list-style: none outside none;
    z-index: 50;
    position: absolute;
    top: 416px;
    left: 74px;
}

/* Sets image of selectors */
.slider_selector li, .slider_selector_dis li {
    display: block !important;
    background: url(../img/marcador_banner.png) no-repeat top left;
    cursor: pointer;
    float: left;
    margin: 0 0 0 5px;
    height: 22px !important;
    position: relative !important;
    width: 22px !important;        
}

/* Sets the current selector */
.slider_selector li.current, .slider_selector_dis li.current { background: url(../img/marcador_banner.png) left -41px no-repeat;}

/* Disables the selectors */
.slider_selector_dis li {
    cursor: default !important;
    z-index: 50;
}

 #banner_id_controllers {  
     /* position: absolute; top: 210px; left: -8px; */ 
     position: relative; 
     z-index: 50;
     height: 40px;
 }

/*------------------------ CONTENT -----------------------*/
/* You might want to change these options for the main container */
#banner_id {
    float: left;
    padding: 0;
    height: 516px;
    width: 100%;
}

/* images container - This is the most important container - Don't change important properties */
#banner_id {
    list-style: none !important;
    /* margin: 0 !important; */
    overflow: hidden !important;
    position: relative !important;
}

/* each slider item - Nothing to change here */
#banner_id li {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    width: 100%;
}

/* Don't edit this part */
#banner_id li.current {
    display: block;
    z-index: 2 !important;
}

/* Don't edit this part */
#banner_id li.next {
    display: block;
    z-index: 1 !important;
}

/* Don't edit this part - prevents inline lists from being hidden */
#banner_id li ul li {
    display: block !important;
    position: relative !important;
}