This repository has been archived on 2024-12-01. You can view files and clone it, but cannot push or open issues or pull requests.
Uecko_Web/fullscreenSlider/slider.css

476 lines
29 KiB
CSS
Raw Normal View History

/*!
* Slider RBS Soluciones Tecnológicas
*
* Copyright 2013 RBS Soluciones Tecnológicas
*
* http://rbssoltec.com
*
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
.containerSlider {width: 100%;height: 100%;position: absolute;background: #2e3740 !important;}
.containerSlider.sliderR {height: 100%;width: 100%;position: relative;margin-top: -20px !important;}
.content-wrapper {background: #2e3740 !important;color: #fff;font-family: 'Roboto Condensed', sans-serif;font-weight: 100 !important;}
.sl-slider-wrapper {width: 800px;height: 400px;margin: 0 auto;position: relative;overflow: hidden;background: #2e3740;color: #fff;}
.sl-slider {position: absolute;top: 0;left: 0;min-height:100%;}
/* Slide wrapper and slides */
.sl-slide, .sl-slides-wrapper, .sl-slide-inner {position: absolute;width: 100%;height: 100%;min-height:100%;top: 0;left: 0;}
.sl-slide {z-index: 1;}
/* Duplicadas parts/slices */
.sl-content-slice {overflow: hidden;position: absolute;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;background: #2e3740;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;opacity : 1;}
/* Horizontal slice */
.sl-slide-horizontal .sl-content-slice {width: 100%;height: 50%;left: -200px;-webkit-transform: translateY(0%) scale(1);-moz-transform: translateY(0%) scale(1);-o-transform: translateY(0%) scale(1);-ms-transform: translateY(0%) scale(1);transform: translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child {top: -200px;padding: 200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {top: 50%;padding: 0px 200px 200px 200px;}
/* Vertical slice */
.sl-slide-vertical .sl-content-slice {width: 50%;height: 100%;top: -200px;-webkit-transform: translateX(0%) scale(1);-moz-transform: translateX(0%) scale(1);-o-transform: translateX(0%) scale(1);-ms-transform: translateX(0%) scale(1);transform: translateX(0%) scale(1);}
.sl-slide-vertical .sl-content-slice:first-child {left: -200px;padding: 200px 0px 200px 200px;}
.sl-slide-vertical .sl-content-slice:nth-child(2) {left: 50%;padding: 200px 200px 200px 0px;}
/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {position: absolute;}
.sl-content {width: 100%;height: 100%;background: #fff;}
/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {background: #2E3740;}
.sl-slide-vertical .sl-slide-inner {background: #ccc;}
.sliderR .sl-slider-wrapper {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sliderR .bg-1 .sl-slide-inner, .sliderR .bg-1 .sl-content-slic,
.sliderR .bg-2 .sl-slide-inner, .sliderR .bg-2 .sl-content-slic,
.sliderR .bg-3 .sl-slide-inner, .sliderR .bg-3 .sl-content-slic,
.sliderR .bg-4 .sl-slide-inner, .sliderR .bg-4 .sl-content-slic,
.sliderR .bg-5 .sl-slide-inner, .sliderR .bg-5 .sl-content-slic,
.sliderR .bg-6 .sl-slide-inner, .sliderR .bg-6 .sl-content-slic,
.sliderR .bg-7 .sl-slide-inner, .sliderR .bg-7 .sl-content-slic
{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;position: absolute;width: 100%;height: 100%;-webkit-background-size: cover; -moz-background-size: cover;background-size: cover;background-position: center center;}
/* Custom navigation arrows */
@media (max-width: 480px) {
nav.nav-arrows span {position: absolute;z-index: 2000;top: 96%;width: 30px;height: 30px;border: 2px solid #fff;border: 2px solid rgba(255,255,255,255.9);text-indent: -90000px;margin-top: -40px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
}
@media (min-width: 480px) {
nav.nav-arrows span {position: absolute;z-index: 2000;top: 90%;width: 50px;height: 50px;border: 2px solid #fff;border: 2px solid rgba(255,255,255,255.9);text-indent: -90000px;margin-top: -40px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
}
@media (min-width: 768px) {
nav.nav-arrows span {position: absolute;z-index: 2000;top: 80%;width: 100px;height: 100px;border: 2px solid #fff;border: 2px solid rgba(255,255,255,255.9);text-indent: -90000px;margin-top: -40px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
}
.nav-arrows span:hover {font-weight: 100;border-color: rgba(0,0,0,0.9);}
.nav-arrows span.nav-arrow-prev {left: 5%;border-right: none;border-top: none;opacity: 0;}
.nav-arrows span.nav-arrow-prev:hover { opacity: 1; }
.nav-arrows span.nav-arrow-next {right: 5%;border-left: none;border-bottom: none;opacity: 0;}
.nav-arrows span.nav-arrow-next:hover { opacity: 1; }
/* Custom navigation dots */
.nav-dots {text-align: center;position: absolute;bottom: 2%;height: 30px;width: 100%;left: 0;z-index: 1000;}
.nav-dots span {display: inline-block;position: relative;width: 16px;height: 16px;border-radius: 50%;margin: 3px;background: #ddd;background: rgba(150,150,150,0.4);cursor: pointer;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);}
.nav-dots span.nav-dot-current:after {content: "";position: absolute;width: 10px;height: 10px;top: 3px;left: 3px;border-radius: 50%;background: rgba(255,255,255,0.8);}
/* Content elements */
.titulo-index {height: 100%; position: relative; top: 10%; }
/*.bg-1 .titulo-index {padding-left: 20%;padding-right: 20%;text-align: center;}
.bg-2 .titulo-index {padding-left: 20%;padding-right: 20%;text-align: center;}
.bg-3 .titulo-index {padding-left: 20%;padding-right: 20%;text-align: center;}
.bg-4 .titulo-index {padding-left: 20%;padding-right: 20%;text-align: center;}
.bg-5 .titulo-index {padding-left: 20%;padding-right: 20%;text-align: center;}*/
/*.titulo-index {position: relative;width: 95%;text-align: center;left: 0;font-family: 'Roboto Condensed', sans-serif;font-weight: 100 !important;font-size: 14px;line-height: 20px;height: 70px;z-index: 2;bottom: 50%;padding: 0;}
.titulo-index .descripcion-producto {position: absolute;width: 95%; height: 70px;z-index: 3;bottom: 50%;margin: 0 0 -80px 0;padding: 0;}
.titulo-index .descripcion-producto p{margin: 0 auto;width: 100%;font-family: 'Roboto Condensed', sans-serif;font-weight: 200 !important;position: relative;}
.titulo-index .descripcion-producto cite {font-size: 240%;font-family: 'Roboto Condensed', sans-serif;font-weight: 200;padding-top: 10px;text-transform: uppercase;}*/
.titulo-index a {height: 100%;cursor: pointer;}
/* Fondo y estilos para el Slider */
/* Primera */
.sliderR .bg-1 .sl-slide-inner,
.sliderR .bg-1 .sl-content-slice {background-image: url(http://uecko.com/img/images/0.jpg);width: 100%;height: 100%;}
/* Segunda */
.sliderR .bg-2 .sl-slide-inner,
.sliderR .bg-2 .sl-content-slice {background-image: url(http://uecko.com/img/images/1.jpg);width: 100%;height: 100%;}
/* Tercera */
.sliderR .bg-3 .sl-slide-inner,
.sliderR .bg-3 .sl-content-slice {background-image: url(http://uecko.com/img/images/2.jpg);width: 100%;height: 100%;}
/* Cuarta */
.sliderR .bg-4 .sl-slide-inner,
.sliderR .bg-4 .sl-content-slice {background-image: url(http://uecko.com/img/images/3.jpg);width: 100%;height: 100%;}
/* Quinta */
.sliderR .bg-5 .sl-slide-inner,
.sliderR .bg-5 .sl-content-slice {background-image: url(http://uecko.com/img/images/4.jpg);width: 100%;height: 100%;text-align: center;}
/* Sexta */
.sliderR .bg-6 .sl-slide-inner,
.sliderR .bg-6 .sl-content-slice {background-image: url(http://uecko.com/img/images/5.jpg);width: 100%;height: 100%;text-align: center;}
/* Septima */
.sliderR .bg-7 .sl-slide-inner,
.sliderR .bg-7 .sl-content-slice {background-image: url(http://uecko.com/img/images/7.jpg);width: 100%;height: 100%;text-align: center;}
/* Animacion Texto del Slider */
.sl-trans-elems h2{-webkit-animation: moveUpTitulo 1s ease-in-out both;-moz-animation: moveUpTitulo 1s ease-in-out both;-o-animation: moveUpTitulo 1s ease-in-o both;-ms-animation: moveUpTitulo 1s ease-in-o both;animation: moveUpTitulo 1s ease-in-o both;}
.sl-trans-elems .descripcion-producto p {-webkit-animation: fadeIn 0.5s linear 0.5s both;-moz-animation: fadeIn 0.5s linear 0.5s both;-o-animation: fadeIn 0.5s linear 0.5s both;-ms-animation: fadeIn 0.5s linear 0.5s both;animation: fadeIn 0.5s linear 0.5s both;}
.sl-trans-back-elems h2{-webkit-animation: fadeOut 1s ease-in-out both;-moz-animation: fadeOut 1s ease-in-out both;-o-animation: fadeOut 1s ease-in-out both;-ms-animation: fadeOut 1s ease-in-out both;animation: fadeOut 1s ease-in-out both;}
.sl-trans-back-elems .descripcion-producto p {-webkit-animation: fadeOut 1s linear both;-moz-animation: fadeOut 1s linear both;-o-animation: fadeOut 1s linear both;-ms-animation: fadeOut 1s linear both;animation: fadeOut 1s linear both;}
/* Keyframes */
@-webkit-keyframes moveUpTitulo{
0% {-webkit-transform: translateY(60px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUpTitulo{
0% {-moz-transform: translateY(60px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUpTitulo{
0% {-o-transform: translateY(60px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUpTitulo{
0% {-ms-transform: translateY(60px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes moveUpTitulo{
0% {transform: translateY(60px);}
100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 1;}
}
@-moz-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 1;}
}
@-o-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 1;}
}
@-ms-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 1;}
}
@keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 1;}
}
/* Media Queries */
@media (max-width: 480px) {
/* Primer Slide */
.sliderR .bg-1 .titulo-index {margin-left: 0%;}
.sliderR .bg-1 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-1 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-1 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-1 .titulo-index .descripcion-producto cite {font-size:80%;}
/* Segundo Slide */
.sliderR .bg-2 .titulo-index {margin-left: 0%;}
.sliderR .bg-2 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-2 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-2 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-2 .titulo-index .descripcion-producto cite {font-size:80%;}
/* Tercer Slide */
.sliderR .bg-3 .titulo-index {margin-left: 0%;}
.sliderR .bg-3 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-3 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-3 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-3 .titulo-index .descripcion-producto cite {font-size:80%;}
/* Cuarto Slide */
.sliderR .bg-4 .titulo-index {margin-left: 0%;}
.sliderR .bg-4 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-4 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-4 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-4 .titulo-index .descripcion-producto cite {font-size:80%;}
/* Quinto Slide */
.sliderR .bg-5 .titulo-index {margin-left: 0%;}
.sliderR .bg-5 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-5 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-5 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-5 .titulo-index .descripcion-producto cite {font-size: 80%;}
/* Sexto Slide */
.sliderR .bg-6 .titulo-index {margin-left: 0%;}
.sliderR .bg-6 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-6 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-6 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-6 .titulo-index .descripcion-producto cite {font-size:80%;}
/* Sexto Slide */
.sliderR .bg-7 .titulo-index {margin-left: 0%;}
.sliderR .bg-7 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 200px;}
.sliderR .bg-7 .titulo-index .link-productos h2{font-size: 90%;}
.sliderR .bg-7 .titulo-index .descripcion-producto p{font-size: 80%;line-height: 1.2;}
.sliderR .bg-7 .titulo-index .descripcion-producto cite {font-size:80%;}
}
/* Telefonos (Telefonos 480px - 768px) */
@media (min-width: 480px) {
.nav-arrows span {
position: absolute;
z-index: 2000;
top: 50%;
width: 20px;
height: 20px;
border: 2px solid #fff;
border: 2px solid rgba(255,255,255,255.9);
text-indent: -90000px;
margin-top: -40px;
cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.link-productos {
padding-left: 10%;
padding-right: 10%;
text-align: center;
}
/* Primer Slide */
.sliderR .bg-1 .titulo-index {margin-left: 0%;}
.sliderR .bg-1 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-1 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-1 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-1 .titulo-index .descripcion-producto cite {font-size:90%;}
/* Segundo Slide */
.sliderR .bg-2 .titulo-index {margin-left: 0%;}
.sliderR .bg-2 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-2 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-2 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-2 .titulo-index .descripcion-producto cite {font-size:90%;}
/* Tercer Slide */
.sliderR .bg-3 .titulo-index {margin-left: 0%;}
.sliderR .bg-3 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-3 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-3 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-3 .titulo-index .descripcion-producto cite {font-size:90%;}
/* Cuarto Slide */
.sliderR .bg-4 .titulo-index {margin-left: 0%;}
.sliderR .bg-4 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-4 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-4 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-4 .titulo-index .descripcion-producto cite {font-size:90%;}
/* Quinto Slide */
.sliderR .bg-5 .titulo-index {margin-left: 0%;}
.sliderR .bg-5 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-5 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-5 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-5 .titulo-index .descripcion-producto cite {font-size:90%;}
/* Sexto Slide */
.sliderR .bg-6 .titulo-index {margin-left: 0%;}
.sliderR .bg-6 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-6 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-6 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-6 .titulo-index .descripcion-producto cite {font-size:90%;}
/* Septimo Slide */
.sliderR .bg-7 .titulo-index {margin-left: 0%;}
.sliderR .bg-7 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 300px;}
.sliderR .bg-7 .titulo-index .link-productos h2{font-size: 100%;}
.sliderR .bg-7 .titulo-index .descripcion-producto p{font-size: 90%;line-height: 1.2;}
.sliderR .bg-7 .titulo-index .descripcion-producto cite {font-size:90%;}
}
/* Pantallas pequeñas (Pantallas hasta 768px y mas) */
@media (min-width: 768px) {
/* Primer Slide */
.sliderR .bg-1 .titulo-index {margin-left: 0%;}
.sliderR .bg-1 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-1 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-1 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-1 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Segundo Slide */
.sliderR .bg-2 .titulo-index {margin-left: 0%;}
.sliderR .bg-2 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-2 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-2 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-2 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Tercer Slide */
.sliderR .bg-3 .titulo-index {margin-left: 0%;}
.sliderR .bg-3 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-3 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-3 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-3 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Cuarto Slide */
.sliderR .bg-4 .titulo-index {margin-left: 0%;}
.sliderR .bg-4 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-4 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-4 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-4 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Quinto Slide */
.sliderR .bg-5 .titulo-index {margin-left: 0%;}
.sliderR .bg-5 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-5 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-5 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-5 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Sexto Slide */
.sliderR .bg-6 .titulo-index {margin-left: 0%;}
.sliderR .bg-6 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-6 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-6 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-6 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Septimo Slide */
.sliderR .bg-7 .titulo-index {margin-left: 0%;}
.sliderR .bg-7 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 400px;}
.sliderR .bg-7 .titulo-index .link-productos h2{font-size: 130%;}
.sliderR .bg-7 .titulo-index .descripcion-producto p{font-size: 120%;line-height: 1.2;}
.sliderR .bg-7 .titulo-index .descripcion-producto cite {font-size:100%;}
}
/* Pantallas medianas (Pantallas hasta 992px y mas) */
@media (min-width: 992px) {
.container {max-width: 962px;}
.navbar .nav > li > a {font-size: 1.5rem;}
/* Primer Slide */
.sliderR .bg-1 .titulo-index {margin-left: 0%;}
.sliderR .bg-1 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-1 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-1 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-1 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Segundo Slide */
.sliderR .bg-2 .titulo-index {margin-left: 0%;}
.sliderR .bg-2 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-2 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-2 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-2 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Tercer Slide */
.sliderR .bg-3 .titulo-index {margin-left: 0%;}
.sliderR .bg-3 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-3 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-3 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-3 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Cuarto Slide */
.sliderR .bg-4 .titulo-index {margin-left: 0%;}
.sliderR .bg-4 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-4 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-4 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-4 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Quinto Slide */
.sliderR .bg-5 .titulo-index {margin-left: 0%;}
.sliderR .bg-5 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-5 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-5 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-5 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Sexto Slide */
.sliderR .bg-6 .titulo-index {margin-left: 0%;}
.sliderR .bg-6 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-6 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-6 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-6 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Septimo Slide */
.sliderR .bg-7 .titulo-index {margin-left: 0%;}
.sliderR .bg-7 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-7 .titulo-index .link-productos h2{font-size: 160%;}
.sliderR .bg-7 .titulo-index .descripcion-producto p{font-size: 140%;line-height: 1.2;}
.sliderR .bg-7 .titulo-index .descripcion-producto cite {font-size:100%;}
}
/* Pantallas Grandes (Pandallas de 1200px y mas) */
@media (min-width: 1200px) {
.container {max-width: 1170px;}
/* Primer Slide*/
.sliderR .bg-1 .titulo-index {margin-left: 0%;}
.sliderR .bg-1 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-1 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-1 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-1 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Segundo Slide */
.sliderR .bg-2 .titulo-index {margin-left: 0%;}
.sliderR .bg-2 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-2 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-2 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-2 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Tercer Slide */
.sliderR .bg-3 .titulo-index {margin-left: 0%;}
.sliderR .bg-3 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-3 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-3 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-3 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Cuarto Slide */
.sliderR .bg-4 .titulo-index {margin-left: 0%;}
.sliderR .bg-4 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-4 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-4 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-4 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Quinto Slide */
.sliderR .bg-5 .titulo-index {margin-left: 0%;}
.sliderR .bg-5 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-5 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-5 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-5 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Sexto Slide */
.sliderR .bg-6 .titulo-index {margin-left: 0%;}
.sliderR .bg-6 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-6 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-6 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-6 .titulo-index .descripcion-producto cite {font-size:100%;}
/* Septimo Slide */
.sliderR .bg-7 .titulo-index {margin-left: 0%;}
.sliderR .bg-7 .titulo-index .link-productos {color: #fff;background-color: rgba(0,0,0, .3);padding-left: 20px;padding-top: 10px;padding-right: 10px;padding-bottom:10;width: 500px;}
.sliderR .bg-7 .titulo-index .link-productos h2{font-size: 200%;}
.sliderR .bg-7 .titulo-index .descripcion-producto p{font-size: 150%;line-height: 1.2;}
.sliderR .bg-7 .titulo-index .descripcion-producto cite {font-size:100%;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/* Primera */
.sliderR .bg-1 .sl-slide-inner,
.sliderR .bg-1 .sl-content-slice {background-image: url(http://uecko.com/img/images/0@2x.jpg);width: 100%;height: 100%;}
/* Segunda */
.sliderR .bg-2 .sl-slide-inner,
.sliderR .bg-2 .sl-content-slice {background-image: url(http://uecko.com/img/images/1@2x.jpg);width: 100%;height: 100%;}
/* Tercera */
.sliderR .bg-3 .sl-slide-inner,
.sliderR .bg-3 .sl-content-slice {background-image: url(http://uecko.com/img/images/2@2x.jpg);width: 100%;height: 100%;}
/* Cuarta */
.sliderR .bg-4 .sl-slide-inner,
.sliderR .bg-4 .sl-content-slice {background-image: url(http://uecko.com/img/images/3@2x.jpg);width: 100%;height: 100%;}
/* Quinta */
.sliderR .bg-5 .sl-slide-inner,
.sliderR .bg-5 .sl-content-slice {background-image: url(http://uecko.com/img/images/4@2x.jpg);width: 100%;height: 100%;}
/* Sexta */
.sliderR .bg-6 .sl-slide-inner,
.sliderR .bg-6 .sl-content-slice {background-image: url(http://uecko.com/img/images/5@2x.jpg);width: 100%;height: 100%;}
/* Septima */
.sliderR .bg-7 .sl-slide-inner,
.sliderR .bg-7 .sl-content-slice {background-image: url(http://uecko.com/img/images/7@2x.jpg);width: 100%;height: 100%;}
}
h1, h2, h3, h4, h5, h6, a, p, cite, span, abbr {font-family: 'Roboto Condensed', sans-serif;font-weight: 100;}