/************************************************************************
    CLIENTE:                        			ECOVIDRIO                             
    PROYECTO:                       			CSS IMAGENES EN SCROLL CON SLIDER                     
    FECHA CREACION:                 		01/09/2015                           
    FECHA ULTIMA MODIFICACION:      	02/09/2015                                 
    MODIFICADO POR:                 		XXXXXXXXXXXX                         
************************************************************************/ 

body{
	background-color: #fcfcfc;
}
#contenedor_scroll {
margin: 0 auto 0;
  width:96% !important;
}

#page {}

.paginator_p {
    float: left;
    height: 195px;
    list-style-type: none;
    text-align: center;
  background-repeat:no-repeat;
  border: 1px solid #fcfcfc;
  width:8% !important;
  margin: 0px 0px !important;
}

	
.paginator_p.over {}
.paginator_p.selected {border: 1px dotted #269b48;}
.paginator_p.selected, .paginator_p.selected:hover {}
.paginator_p:hover {}


.paginator_p_wrap {
    float: left;
    overflow: hidden;
    position: relative;
  margin: 0;
  width:96% !important;
  margin-left: 30px;
}

.paginator_p_bloc {
    position: relative;
    width: 3000px;
}
.paginator_slider {
    background-color: #a3a4a7;
    clear: left;
    float: left;
    height: 7px;
    position: relative;
    top: 15px;
    width:96% !important;
  margin-left: 30px;
}

.paginator_slider .ui-slider-handle {
    position: absolute;
    top: -11px;
	height: 30px;
    width: 30px;	
	background-color:#269b48;
	background-image: url("img/slider_flechas.png");
	background-repeat: no-repeat;
	background-position: center center;
    margin-left: -10px;
	border-radius: 15px;
}

.jPaginatorOver {
    float: left;
    height: 20px;
    margin: 0 2px;
    text-align: center;
    width: 30px;
}
.jPaginatorMax {
    cursor: pointer;
    float: left;
    height: 20px;
    text-align: center;
    width: 30px;
}

.slider_1, .slider_2, .slider_3, .slider_4, .slider_5, .slider_6, .slider_7, .slider_8, .slider_9{
background-position: 0 5px;
display:block;
width:100%;
height:195px;
}
.slider_1{
background-image: url("img/slider_01.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_2{
background-image: url("img/slider_02.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_3{
background-image: url("img/slider_03.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_4{
background-image: url("img/slider_04.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_5{
background-image: url("img/slider_05.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_6{
background-image: url("img/slider_06.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_7{
background-image: url("img/slider_07.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_8{
background-image: url("img/slider_08.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}
.slider_9{
background-image: url("img/slider_09.gif");
background-repeat:no-repeat;
background-size:100% auto;
background-color:#fcfcfc;
}