/*! * 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;}