/*!  */

.rslides {
  margin: 0 auto 10px;
  z-index:0 !important;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

#slider4 { z-index:0 !important; }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }


.callbacks_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  z-index:0 !important;
  }

.events {
  list-style: none;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  position: absolute;
  z-index: 2;
  font-size: 45px;
  /*text-shadow:#DA1816 0px 0px 3px ;*/
  text-shadow:none ;
  color: #FFF;
  /*background: #FFF;
  background: rgba(255,255,255, .8);*/
  padding: 10px 20px;
  margin: 0;
  -webkit-transition:all 0.5s ;
    -moz-transition:all 0.5s ;
    -ms-transition:all 0.5s ;
     -o-transition:all 0.5s ;
    transition:all 0.5s ;
	line-height:100% !important;
}
  
.callbacks .caption.one {
  position: absolute;
  right:45% !important;
  left:15% !important;
  bottom:0 !important;
  top:50% !important;
  padding: 25px 25px;
  text-align:left !important;
  height:50% !important;
  background: rgba(33,51,91, .5) !important;
}

.callbacks .caption span {
  font-weight:100 !important;
  font-size:26px !important;
}
  
.callbacks .caption.onebis {
  position: absolute;
  left: auto !important;
  right:15% !important;
  top:25% !important;
  bottom:auto !important;
  padding: 15px 25px;
  float:left;
  font-size:26px !important;
  text-align:right;
}

.callbacks .caption.two-detail {
  position: absolute;
  right:0% !important;
  left:0% !important;
  bottom:0px !important;
  /*top:50% !important;*/
  padding: 5px 8% !important;
  text-align:right !important;
  height:auto !important;
  background: rgba(51,51,51, .5) !important;
  text-transform:uppercase !important;
}

.callbacks .caption.two {
  position: absolute;
  left:55% !important;
  right:10% !important;
  bottom:0 !important;
  top:50% !important;
  padding: 25px 25px;
  text-align:right !important;
  height:50% !important;
  background: rgba(33,51,91, .5) !important;
}

  
.callbacks .caption.twobis {
  position: absolute;
  left: auto !important;
  right:15% !important;
  top:45% !important;
  bottom:auto !important;
  padding: 15px 25px;
  float:left;
  font-size:26px !important;
  text-align:right;
}

.callbacks .caption.three {
  position: absolute;
  left:25% !important;
  right:25% !important;
  top: 35% !important;
  bottom:auto !important;
  padding: 5px 15px;
  float:right;
  text-align:center !important;
  background: rgba(255,255,255, .7) !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0)) !important; /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0)) !important; /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0)) !important; /*Fx 3.6-15*/
  background: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0)) !important; /*Standard*/ 
}


.callbacks .caption.three.black {
  color: #FFF !important;
  background: rgba(0,0,0, .7) !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.7),rgba(0,0,0,0)) !important; /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.7),rgba(0,0,0,0)) !important; /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.7),rgba(0,0,0,0)) !important; /*Fx 3.6-15*/
  background: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,.7),rgba(0,0,0,0)) !important; /*Standard*/ 

}


.callbacks .caption.four {
  position: absolute;
  left:4% !important;
  right:auto !important;
  top: 10% !important;
  bottom:auto !important;
  padding: 5px 15px;
  float:right;
  text-align:left !important;
}


.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.png") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}


/*!  */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* PAGER  */

ul.callbacks_tabs {

  /*position:absolute;
  bottom:5px;
  left:40%; right:40%;*/
  position:relative;
  margin-left:auto !important;
  margin-right:auto !important;
  display: inline-block;
  text-align: center;
  width:100%;
  margin-top:-50px;
  z-index:990 !important;
}

ul.callbacks_tabs li {
  display: inline-block;
}

ul.callbacks_tabs li a {
  float:left;
  margin:5px 5px;
  padding:10px;
  background:url(../images/grafica/punto.png)  center center no-repeat;
  background-size:contain;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  color:#FFF;
  -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
	-ms-transition:all 0.7s;
     -o-transition:all 0.7s;
    transition: all 0.7s;
	text-decoration:none !important;
}
ul.callbacks_tabs li a:hover {
  float:left;
  margin:5px 5px;
  padding:10px;
  color:#FFF;
  /*-webkit-transform:skew(12deg) rotate(3deg);
       -moz-transform:skew(12deg) rotate(3deg);
        -ms-transform:skew(12deg) rotate(3deg);
         -o-transform:skew(12deg) rotate(3deg);
            transform:skew(12deg) rotate(3deg);*/
	text-shadow:0px 0px 3px white, 0 0 3px #fefefe, 0 0 3px #fefefe, 0px 0px 3px white, 0 0 3px #fefefe, 0 0 3px #fefefe 
}
ul.callbacks_tabs li.callbacks_here a {
	-webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) !important;
}



/* callbacks_tabs GD */
/*
.callbacks_tabs {
  margin-top: 10px;
  text-align: center;
  }

.callbacks_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.callbacks_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.callbacks_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
*/


@media screen and (max-width: 767px) {

.callbacks .caption {

  font-size: 20px !important;
  padding:5px !important;
}

.callbacks .caption span {
  font-weight:100 !important;
  font-size:15px !important;
}
  

}
  
@media screen and (max-width: 600px) {

  .callbacks_nav {
    top: 47%;
    }
}

@media screen and (max-width: 537px) {

.callbacks .caption.one {
  left: auto !important;
  right:4% !important;
  bottom:auto !important;
  padding:5px;
}
  
.callbacks .caption.two {
  left: auto !important;
  right:0px !important;
  top: auto !important;
  bottom:0px !important;
  padding: 5px;
}

}