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

.container_slider{
	float:left;
    /*width:1230px;*/
	width:96% !important;
	/*left:50%;
	margin-left:-615px;*/
	position:relative;
}

#scrollbar2
{
   /*width:251px;*/
	width:96% !important;
    margin:0 0 10px;
}

#scrollbar2 .viewport
{
    /*width:1230px;*/
	width:96% !important;
    height:195px;
    overflow:hidden;
    position:relative;
	/*background-color:green;*/
}

#scrollbar2 .overview
{
    list-style:none;
    width:4182px;
	/*width:199% !important;*/
    padding:0;
    margin:0;
    position:absolute;
    left:0;
    top:0;
}

#scrollbar2 .overview img
{
    float:left;
}

#scrollbar2 .scrollbar
{
    background-color: #999;
    clear: both;
    height: 5px;
    margin: 0 0 5px;
    position: relative;
}

#scrollbar2 .track
{

}

#scrollbar2 .thumb
{
    background-color: blue;
    cursor: pointer;
    height: 30px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -13px;
	
	background-color: #269b48;
    background-image: url("img/slider_flechas_2.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
}

#scrollbar2 .disable
{
    display:none;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

/* SLIDER  IMAGENES GRANDES **************************************************************/
ul.bxslider .superpuesto4,  ul.bxslider .superpuesto3{
    color: #fff;
    font-family: Arial;
    font-size: 100%;
    left: 0;
    opacity: 1;
    padding-top: 73px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.slider_encabezado{
    font-size: 200%;
    font-weight: bold;
    padding-bottom: 40px;
}
.slider_contenidos{
padding-left:10%;
}
.slider_texto_01, .slider_texto_02, .slider_texto_03, .slider_texto_04{
  border-right: 3px dotted #fff;
    float: left;
    font-weight: bold;
    line-height: 2em;
    padding-left: 1%;
    padding-right: 1%;
    width: 20%;
min-height:190px;
}
.superpuesto3 .slider_texto_01, .superpuesto3 .slider_texto_02, .superpuesto3 .slider_texto_03{
  border:none;
    width: 28%;
}
.slider_texto_04{
border-right:none;
padding-right:0%;
}
/* TIPOS DE LETRA: NORMAL, ITALICA, GRANDE, PEQUEÑA, MEDIANA... */
.t_nor{
    font-family: helvetica;,
display:block;
font-weight:normal;
}
.t_ita{
    font-family: helvetica;
display:block;
font-weight:normal;
font-style: italic;
}
.t_gra{
    display: block;
    font-family: proximaNovaBlack;
    font-size: 343%;
    font-weight: bolder;
    padding-bottom: 15px;
padding-top:10px;
}
.t_gra strong{
    font-size: 50%;
margin-left:-10px;
}
.t_peq{
display:block;
    font-family: helvetica;
    font-size: 130%;
    font-weight: normal;
}
.t_min{
    font-size: 80%;
    font-family: helvetica;
display:block;
font-weight:normal;
font-style: italic;
}
.t_med{
display:block;
    font-family: helvetica;
    font-size: 189%;
    font-weight: normal;
    margin-top: -10px;
margin-bottom:-10px
}
.boton_slider{
    background-color: #fff;
    color: #007700;
    font-family: "Lucida Grande";
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    margin-left: 40%;
    margin-right: 40%;
    margin-top: 236px;
    padding: 5px;
    position: relative;
    width: 20%;
}

.boton_slider a{
    /*background-color: #fff;
    color: #007700;
    font-family: "Lucida Grande";
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    margin-left: 40%;
    margin-right: 40%;
    margin-top: 236px;
    padding: 5px;
    position: relative;
    width: 20%;*/
	text-decoration: none;
	color: #007700;
}



/* AJUSTES SLIDER CON SUPERPOSICION */

span.flota_centro{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 36px;
}

.t_gra img{display:inline;}
.t_peq img{display:inline; float:left;}
.t_nor img{display:inline; float:left;}
.t_med img{display:inline; float:left;}

.slider_texto_02 .t_peq {
    line-height: 25px;
    text-align: left;
	margin-top:4px;}

.slider_texto_02 .t_peq  { margin-top:3px;}
.slider_texto_01 .t_med, .slider_texto_01 .t_nor{ text-align: left;} 
.superpuesto3 .slider_texto_02 .t_peq  img{ margin-top:-5px;}
	
.superpuesto3 .slider_texto_01 .t_med  img{
    margin-top:-15px;
	margin-right:5px;}

.slider_texto_01, .slider_texto_02, .slider_texto_03, .slider_texto_04 { 
	width: 22% !important;
	min-height: 225px!important;}

.slider_contenidos { padding-left: 5% !important;}
.t_gra { font-size: 300%!important;}

.superpuesto3 .slider_texto_01, .superpuesto3 .slider_texto_02, .superpuesto3 .slider_texto_03 {
   margin-left: 70px;}

/* FIN AJUSTES SLIDER CON SUPERPOSICION */