ul,li {list-style-type:none; padding:0; margin:0; -webkit-padding-start:0; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start: 0px; -webkit-margin-end: 0px;} /* CABECERA */ #cabecera {width:940px; height:90px; margin:0 auto;} #cabecera #logo {width:180px; height:90px; float:left; background:url(../imagenes/01.png) no-repeat left 17px;} /* MENU */ #menu {margin: 0; padding:0; float:right; height:90px; z-index:9; position:relative;} #menu li {margin: 0; padding: 0; float: left; position: relative; list-style: none;} #menu li a {font:bold 12px Arial; text-align:center; color: #666; text-decoration: none; display: block; padding:32px 15px; margin: 0; height:26px;} #menu li a span {display:block; padding:0; margin:0; font:11px Arial; color:#ccc; height:12px;} #menu li a:hover {background:#e73022; color: #fff;} #menu li .activo {background:#e73022; color: #fff;} #menu li .activo span {background:#e73022; color: #fff;} #menu li:hover > a {background:#e73022; color: #fff;} #menu li:hover > a span {background:#e73022; color: #fff;} #menu li:hover > ul {display: block;} #menu ul {display: none; margin: 0; padding: 0; width: 200px; position: absolute; top: 90px; left: 0; background: #fff; border:1px solid #ececec; border-bottom:0;} #menu ul li {float: none; margin: 0; padding: 0; background:#fff url(../imagenes/bg-menu.png) no-repeat 185px 12px; border-bottom:1px solid #ececec;} #menu ul li a {font-weight: normal; text-align:left; padding:0; margin:0; height:20px; font:12px Arial; line-height:20px; padding:5px 10px;} #menu ul li a:hover {color: #fff; background:#e73022 url(../imagenes/bg-menu.png) no-repeat 185px -87px;} #menu ul li:hover > a {color: #fff; background:#e73022 url(../imagenes/bg-menu.png) no-repeat 185px -87px;} #menu ul ul {left: 200px; top: 0px;} /* CONTACTO */ #contacto {width:940px; margin:0 auto;} #contacto .mapa {width:940px; height:420px; margin:0 0 20px 0; float:left;} #contacto .b1 {width:650px; float:left; font:12px Arial; color:#595959;} #contacto .b1 .c1 {width:636px; font:24px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #contacto textarea, input {border:0px;} #contacto .b1 .f1 {width:166px; height:34px; background:url(../imagenes/contacto.png) left top; padding:0 5px 0 39px; font:12px Arial; color:#000; margin:8px 0;} #contacto .b1 .f1-error {width:166px; height:34px; background:url(../imagenes/contacto.png) 650px top; padding:0 5px 0 39px; font:12px Arial; color:#fff; margin:8px 0;} #contacto .b1 .f2 {width:166px; height:34px; background:url(../imagenes/contacto.png) -220px top; padding:0 5px 0 39px; font:12px Arial; color:#000; margin:8px 0;} #contacto .b1 .f2-error {width:166px; height:34px; background:url(../imagenes/contacto.png) 220px top; padding:0 5px 0 39px; font:12px Arial; color:#fff; margin:8px 0;} #contacto .b1 .f3 {width:166px; height:34px; background:url(../imagenes/contacto.png) -440px top; padding:0 5px 0 39px; font:12px Arial; color:#000; margin:8px 0;} #contacto .b1 .f3-error {width:166px; height:34px; background:url(../imagenes/contacto.png) 440px top; padding:0 5px 0 39px; font:12px Arial; color:#fff; margin:8px 0;} #contacto .b1 .f4 {overflow:hidden; width:630px; height:186px; margin:8px 0 0 0; padding:10px; background:url(../imagenes/contacto.png) left -44px; font:12px Arial; color:#000;} #contacto .b1 .f4-error {overflow:hidden; width:630px; height:186px; margin:8px 0 0 0; padding:10px; background:url(../imagenes/contacto.png) -650px -44px; font:12px Arial; color:#fff;} #contacto .b1 .bt {width:82px; height:33px; border:0; background:#202020; font:12px Arial; color:#fff; line-height:33px; text-align:center; cursor:pointer; padding:0; margin:20px 0;} #contacto .b1 .bt:hover {background:#e73022;} #contacto .b2 {width:270px; float:left; font:12px Arial; color:#595959; margin:0 20px 0 0;} #contacto .b2 .c1 {width:256px; font:24px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #contacto .b2 .d1 {width:240px; height:15px; background:url(../imagenes/iconos.jpg) left top no-repeat; padding:0 0 0 30px; margin:0 0 10px 0;} #contacto .b2 .d2 {width:240px; height:15px; background:url(../imagenes/iconos.jpg) left -50px no-repeat; padding:0 0 0 30px; margin:0 0 10px 0;} #contacto .b2 .d3 {width:240px; height:15px; background:url(../imagenes/iconos.jpg) left -70px no-repeat; padding:0 0 0 30px; margin:0 0 10px 0;} #contacto .b2 .d4 {width:240px; height:15px; background:url(../imagenes/iconos.jpg) left -96px no-repeat; padding:0 0 0 30px; margin:0 0 10px 0;} #contacto .b2 .d5 {width:180px; height:55px; background:url(../imagenes/01.png) no-repeat left top; margin:20px 0 0 0;} /* HOME */ #home {width:940px; margin:0 auto;} #home .texto {padding:20px 0; margin:0 0 20px 0; border-bottom:1px dotted #ccc; text-align:center;} #home .texto h1 {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:normal; color:#222; text-transform:uppercase;} #home .texto p {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#666;} #home .consolas {width:940px; margin:0 auto 20px auto;} #home .consolas .img_bx {width:300px; height:160px; margin:0 0 30px 0; background:#fff;} #home .consolas .img_bx img {width:300px; height:160px; border:0;} #home .consolas .img_bx a {display:block; width:300px; height:160px; position:relative; padding:0px; margin:0px;} #home .consolas .img_bx a .rollover {display:block; position:absolute; width:300px; height:160px; background:url(../imagenes/zoom2.png) no-repeat center; padding:0px; margin:0px;} #home .consolas .b1 {width:300px; height:274px; float:left; border-bottom:1px solid #e5e5e5; background:#efefef; text-align:center; cursor:pointer;} #home .consolas .b1 h1 {margin:0 0 10px 0; padding:0; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#e83024; text-transform:uppercase; height:21px;} #home .consolas .b1 p {margin:0; padding:0; font-family: Arial; font-size:12px; font-weight:normal; color:#999; height:32px;} #home .consolas .b2 {width:300px; height:274px; float:left; border-bottom:1px solid #e5e5e5; background:#efefef; text-align:center; margin:0 20px; cursor:pointer;} #home .consolas .b2 h1 {margin:0 0 10px 0; padding:0; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#e83024; text-transform:uppercase; height:21px;} #home .consolas .b2 p {margin:0; padding:0; font-family: Arial; font-size:12px; font-weight:normal; color:#999; height:32px;} #home .consolas .b3 {width:300px; height:274px; float:left; border-bottom:1px solid #e5e5e5; background:#efefef; text-align:center; cursor:pointer;} #home .consolas .b3 h1 {margin:0 0 10px 0; padding:0; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#e83024; text-transform:uppercase; height:21px;} #home .consolas .b3 p {margin:0; padding:0; font-family: Arial; font-size:12px; font-weight:normal; color:#999; height:32px;} #home .marcas {width:940px; height:127px; padding:0 0 20px 0; margin:0 auto 20px auto; border-bottom:1px dotted #ccc;} #home .marcas .c1 {width:926px; font:24px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #home .marcas .bx-01 img {width:170px; height:78px; border:1px solid #ededed;} #home .marcas .bx-01 .bx-02 {float:left;} #home .marcas .c1 a.anterior {width:24px; height:24px; display:inline-block; float:right; margin:1.5px 0 0 0; padding:0; background:url(../imagenes/01.png) no-repeat -189px top;} #home .marcas .c1 a.siguiente {width:24px; height:24px; display:inline-block; float:right; margin:1.5px 0 0 2px; padding:0; background:url(../imagenes/01.png) no-repeat -214px top;} #home .marcas .bx-01 .bx-02 .bx-03 {float:left;} #home .marcas .bx-01 .bx-02 ul li {width:172px; height:80px; padding:0; margin:0 20px 0 0;} #home .eventos {width:940px; margin:0 auto 20px auto;} #home .eventos .c1 {width:926px; font:24px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #home .eventos li {width:220px; height:220px; float:left; padding:0; margin:0 20px 0 0;} #home .eventos li .img_bx {width:220px; height:220px;} #home .eventos li .img_bx img {width:220px; height:220px; border:0;} #home .eventos li .img_bx a {display:block; width:220px; height:220px; position:relative; padding:0px; margin:0px;} #home .eventos li .img_bx a .rollover {display:block; position:absolute; width:220px; height:220px; background:url(../imagenes/zoom3.png) no-repeat center; padding:0px; margin:0px;} /* CONSOLA */ #consola {margin:0 0 20px 0; padding:0; height:90px; background:#efefef; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} #consola .c1 {width:940px; height:50px; margin:0 auto; padding:15px 0;} #consola .c1 h1 {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:normal; color:#292929; float:left;} #consola .c1 span {font:10px Arial; color:#292929; display:block; text-transform:uppercase;} #consola .c1 span a {text-decoration:none; font:10px Arial; color:#292929;} #consola .c1 span a:hover {text-decoration:underline;} #consola .c1 .bt {width:193px; height:41px; background:url(../imagenes/01.png) no-repeat left -91px; float:right; margin:10px 0 0 0; text-align:center;} #consola .c1 .bt a {font:14px 'Open Sans'; font-weight:700; color:#fff; text-decoration:none; line-height:41px; text-transform:uppercase;} /* AGENCIA */ #agencia {width:940px; margin:0 auto 20px auto;} #agencia .c1 {width:926px; font:20px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #agencia .texto {font:12px Arial; color:#565656; margin:0 0 20px 0;} #agencia .consolas {width:940px; margin:0 auto;} #agencia .consolas .b1 {width:300px; float:left; border-bottom:1px solid #e5e5e5; background:#efefef; text-align:center; margin:0 20px 20px 0;} #agencia .consolas .b1 img {width:300px; height:160px; margin:0 0 15px 0;} #agencia .consolas .b1 h1 {margin:0 0 10px 0; padding:0; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#e83024; text-transform:uppercase; height:21px;} #agencia .consolas .b1 p {margin:0; padding:0; font-family: Arial; font-size:12px; font-weight:normal; color:#999; height:32px;} /* CLIENTES */ #clientes {width:960px; margin:0 auto 20px auto; padding:0 0 0 20px;} #clientes .bx {width:170px; height:78px; border:1px solid #e5e5e5; float:left; margin:0 20px 20px 0;} #clientes .bx img {width:170px; height:78px;} /* SERVICIOS */ #servicios {width:940px; margin:0 auto 20px auto;} #servicios .c1 {width:926px; font:20px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #servicios .texto {font:12px Arial; color:#565656; margin:0 0 20px 0;} #servicios .consolas {width:960px; margin:0 auto;} #servicios .consolas .b1 {width:220px; float:left; border-bottom:1px solid #e5e5e5; background:#efefef; text-align:center; margin:0 20px 20px 0;} #servicios .consolas .b1 h1 {margin:0 0 5px 0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#e83024; text-transform:uppercase;} #servicios .consolas .b1 p {margin:0 0 5px 0; padding:0 10px; font-family: Arial; font-size:12px; font-weight:normal; color:#999; height:29px; overflow:hidden;} #servicios .consolas .b1 .bt {border-top:1px solid #e5e5e5; padding:5px 0; text-align:center;} #servicios .consolas .b1 .bt a {font:10px Arial; color:#999; text-decoration:none; text-transform:uppercase;} #servicios .consolas .b1 .bt a:hover {color:#e83024;} #servicios .consolas .b1 .img_bx {width:198px; height:138px; margin:0 0 15px 0; background:#fff; border:1px solid #e5e5e5; padding:10px;} #servicios .consolas .b1 .img_bx img {width:198px; height:138px; border:0;} #servicios .consolas .b1 .img_bx a {display:block; width:198px; height:138px; position:relative; padding:0px; margin:0px;} #servicios .consolas .b1 .img_bx a .rollover {display:block; position:absolute; width:198px; height:138px; background:url(../imagenes/zoom.png) no-repeat center; padding:0px; margin:0px;} /* EVENTOS */ #eventos {width:940px; margin:0 auto 20px auto;} #eventos .c1 {width:926px; font:20px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #eventos .texto {font:12px Arial; color:#565656; margin:0 0 20px 0;} #eventos .consolas {width:960px; margin:0 auto;} #eventos .consolas .b1 {width:220px; height:220px; float:left; text-align:center; margin:0 20px 20px 0;} #eventos .consolas .b1 .img_bx {width:198px; height:198px; margin:0 0 15px 0; background:#fff; border:1px solid #e5e5e5; padding:10px;} #eventos .consolas .b1 .img_bx img {width:198px; height:198px; border:0;} #eventos .consolas .b1 .img_bx a {display:block; width:198px; height:198px; position:relative; padding:0px; margin:0px;} #eventos .consolas .b1 .img_bx a .rollover {display:block; position:absolute; width:198px; height:198px; background:url(../imagenes/zoom4.png) no-repeat center; padding:0px; margin:0px;} /* EVENTOS */ #mediakit {width:940px; margin:0 auto 20px auto;} #mediakit .c1 {width:926px; font:20px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #mediakit .texto {font:12px Arial; color:#565656; margin:0 0 20px 0;} #mediakit .consolas {width:960px; margin:0 auto;} #mediakit .consolas .b1 {width:220px; height:154px; float:left; text-align:center; margin:0 20px 20px 0;} #mediakit .consolas .b1 .img_bx {width:220px; height:154px; margin:0 0 15px 0; background:#fff; border:1px solid #e5e5e5; padding:10px;} #mediakit .consolas .b1 .img_bx img {width:220px; height:154px; border:0;} #mediakit .consolas .b1 .img_bx a {display:block; width:220px; height:154px; position:relative; padding:0px; margin:0px;} #mediakit .consolas .b1 .img_bx a .rollover {display:block; position:absolute; width:220px; height:154px; background:url(../imagenes/zoom5.png) no-repeat center; padding:0px; margin:0px;} /* FICHA */ #ficha {width:940px; margin:0 auto 20px auto;} #ficha .c1 {font:20px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0; text-transform:uppercase;} #ficha .consolas {width:940px; margin:0 auto;} #ficha .consolas .b1 {font:14px Arial; color:#444; width:700px; margin:0 20px 0 0; float:left;} #ficha .consolas .b1 p {margin:0; padding:0;} #ficha .consolas .b1 .c1 {width:686px; font:24px 'Open Sans'; line-height:27px; background:url(../imagenes/01.png) left -536px no-repeat; color:#666; padding:0 0 0 14px; margin:0 0 20px 0;} #ficha .consolas .b1 .d-01 img {width:679px; height:200px; border:0;} #ficha .consolas .b1 .bt1 {position:absolute; z-index:9999; margin:91px 0 0 20px;} #ficha .consolas .b1 .bt2 {position:absolute; z-index:9999; margin:91px 0 0 641px;} #ficha .consolas .b1 .bt1 a.prev {width:38px; height:38px; display:inline-block; float:right; margin:0; padding:0; background:url(../imagenes/01.png) no-repeat -250px top;} #ficha .consolas .b1 .bt2 a.next {width:38px; height:38px; display:inline-block; float:right; margin:0; padding:0; background:url(../imagenes/01.png) no-repeat -300px top;} #ficha .consolas .b1 .d-01 {width:679px; height:200px; background:#fff; padding:10px; border:1px solid #e5e5e5; margin:0 0 20px 0;} #ficha .consolas .b1 ul {margin:0; padding:0; list-style-type:none;} #ficha .consolas .b1 li {margin:0; padding:0; list-style-type:none;} #ficha .consolas .b1 ol {margin:0 0 10px 0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px solid #cfcfcf;} #ficha .consolas .b1 .img2 {width:250px; height:250px; background:#fff; padding:10px; border:1px solid #e5e5e5; margin:0 20px 20px 0; float:left;} #ficha .consolas .b1 .img2 img {width:250px; height:250px; border:0;} #ficha .consolas .b2 {width:220px; float:left;} #ficha .consolas .b2 ul {margin:0; padding:0;} #ficha .consolas .b2 li {margin:0; list-style-type:none; font:12px Arial; color:#777; border-bottom:1px solid #e5e5e5;} #ficha .consolas .b2 li a {font:12px Arial; color:#777; text-decoration:none; background:url(../imagenes/01.png) no-repeat left -144px; padding:0 0 0 10px; line-height:30px;} #ficha .consolas .b2 li a:hover {color:#e83024; background:url(../imagenes/01.png) no-repeat left -174px;} #ficha .consolas .b2 li .active {color:#e83024; background:url(../imagenes/01.png) no-repeat left -174px;} /* FOOTER */ #footer {margin:0; padding:0; background:#2b2b2b url(../imagenes/bg-footer.jpg) repeat-x; height:352px;} #footer .footer {width:940px; height:352px; margin:0 auto;} #footer .footer .consolas {width:940px; height:247px; padding:41px 0 0 0;} #footer .footer .consolas .c1 {font:18px 'Open Sans', sans-serif; line-height:27px; background:url(../imagenes/01.png) left -573px no-repeat; color:#fff; padding:0 0 0 14px; margin:0 0 30px 0;} #footer .footer .consolas .b1 {width:220px; height:247px; float:left;} #footer .footer .consolas .b1 ul {margin:0; padding:0;} #footer .footer .consolas .b1 li {margin:0; list-style-type:none; font:12px Arial; color:#777; background:url(../imagenes/01.png) no-repeat left -513px; padding:0 0 0 9px;} #footer .footer .consolas .b1 li a {text-decoration:none; font:12px Arial; color:#777; line-height:20px;} #footer .footer .consolas .b1 li a:hover {color:#fff;} #footer .footer .consolas .b3 {width:280px; height:248px; float:left; font:12px Arial; color:#777;} #footer .footer .consolas .b3 .d1 {width:248px; height:23px; background:url(../imagenes/01.png) no-repeat left -433px; padding:0 0 0 30px; line-height:23px;} #footer .footer .consolas .b3 .d2 {width:248px; height:20px; background:url(../imagenes/01.png) no-repeat left -404px; padding:0 0 0 30px; margin:20px 0; line-height:20px;} #footer .footer .consolas .b3 .d3 {width:248px; height:15px; background:url(../imagenes/01.png) no-repeat left -379px; padding:0 0 0 30px; line-height:15px;} #footer .footer .consolas .b4 {height:248px; float:right;} #footer .footer .consolas .b4 .d1 {width:32px; height:32px; background:url(../imagenes/01.png) no-repeat left -467px; margin:0 10px 0 0; float:left;} #footer .footer .consolas .b4 .d2 {width:32px; height:32px; background:url(../imagenes/01.png) no-repeat -42px -467px; margin:0 10px 0 0; float:left;} #footer .footer .consolas .b4 .d3 {width:32px; height:32px; background:url(../imagenes/01.png) no-repeat -84px -467px; margin:0 10px 0 0; float:left;} #footer .footer .consolas .b4 .d4 {width:32px; height:32px; background:url(../imagenes/01.png) no-repeat -126px -467px; margin:0 10px 0 0; float:left;} #footer .footer .consolas .b4 .d5 {width:32px; height:32px; background:url(../imagenes/01.png) no-repeat -168px -467px; margin:0 10px 0 0; float:left;} #footer .footer .copy {width:940px; height:64px; margin:0 auto; font:12px Arial; color:#777; line-height:64px;} #footer .footer .copy a {color:#777; text-decoration:none; display:inline-block;} #footer .footer .copy a.signos {width:94px; height:20px; background:url(../imagenes/signos.png) no-repeat left center; float:right; margin:22px 0 0 10px;} /* STYLE */ body {margin:0; padding:0;} .clear {clear:both;} .preloader {padding:0; margin:0; background:url(../imagenes/cargando.gif) no-repeat 50% 50%; position: absolute;} /* BANNER */ #banner {width: 940px; height: 420px; padding:0; margin:0 auto; font-family:"Open Sans",sans-serif;} #banner.notPadded {height: auto; padding:0;} .banner .prev, .banner .next, .banner .prev .btn-label, .banner .next .btn-label, .banner.hideCaptions .item .caption, .selectorsBlock.thumbs .selectors .item, .selectorsBlock.thumbs,#thumbTrayButton {-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;} .fluidHeight {width: 100%; position:relative;} .sliderContainer {position: relative; width:100%; height:100%; padding:150px 0 50px; } .banner {width:100%; background:url(../imagenes/cargando.gif) no-repeat center center; height:1500px;} .banner.fixed {height:465px; position:relative; top:0; left:0; overflow:hidden; width:100%;} .banner .slider {width: 100%; height: 100%;} .banner .slider .item {float:left; width:100%; overflow:hidden;} .banner.fixed .slider .item {text-align:center;} .banner .item .caption {position: absolute; bottom: 142px; width: 940px; margin-left: -480px; left: 50%; } .banner.fixed .item .caption {position: absolute; bottom: 142px; width: 940px; margin-left: -700px; left: 50%; } .banner.hideCaptions .item .caption {opacity:0; filter:alpha(opacity=0);} .banner.hideCaptions:hover .item .caption {opacity:1; filter:alpha(opacity=100);} .banner .item .caption.style1 .titulo {float:left; clear:both; font-size:30px; font-weight:700; line-height:1; color:#e9e9e9; position:relative; left: -100px; opacity:0; filter:alpha(opacity=0); padding:10px 20px 10px 0; margin: 0 0 0 0; z-index:1; width: 415px; text-align: right;} .banner .item .caption.style1 .titulo:before {content:""; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.7); right: 0; top: 0; z-index: -1;} .banner .item .caption.style1 .more {float:left; width:30px; height:50px; margin-left:4px; position:relative; z-index:1; left: -100px; opacity:0; filter:alpha(opacity=0);} .banner .item .caption.style1 .more img {width:auto; padding: 17px 10px; position: absolute;} .banner .item .caption.style1 .more:before, .banner .item .caption.style1 .more:after {content:""; position:absolute; width:100%; height:100%; background:#CD2122; z-index:-2;} .banner .item .caption.style1 .more:after {z-index:-1;} .banner .item .caption.style1 .more:hover:after {background:#333; background:rgba(0,0,0,0.2);} .banner .item .caption.style1 .subtitulo {float:left; clear:both; font-size:14px; line-height:1; color:#e9e9e9; position:relative; z-index:1; opacity:0; filter:alpha(opacity=0); padding:8px 20px 8px 0; margin:5px 0 0 0; text-align:right; font-weight: 500; left: -100px; width:433px; } .banner .item .caption.style1 .subtitulo:before {content:""; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.7); right: 0; top: 0; z-index: -1;} .banner .item .caption.style1 .titulo:before, .banner .item .caption.style1 .more:before, .banner .item .caption.style1 .more:after, .banner .item .caption.style1 .subtitulo:before {-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); } .banner .slider .item img {width: 100%; height: auto; } .banner .fixed .slider .item img {width: auto;} .banner .prev, .banner .next {position: absolute; top: 50%; margin-top:-25px; width: 100px; height: 50px; z-index:10; background:url(../imagenes/controles.png) no-repeat center top; opacity:.5; filter:alpha(opacity=50); } .banner.hideControls .prev, .banner.hideControls .next { opacity:0; filter:alpha(opacity=0); } .banner.hideControls:hover .prev, .banner.hideControls:hover .next {opacity:.5; filter:alpha(opacity=50); } .banner .prev {left: 0;} .banner .next {right: 0; background-position:center bottom;} .banner .prev:hover, .banner .next:hover {opacity:1; filter:alpha(opacity=100);} .banner .prev .btn-label, .banner .next .btn-label {background: rgba(0, 0, 0, 0.4); color: #fff; font-weight: 700; display: inline-block; padding: 0 4px; line-height: 20px; position: absolute; top: 50%; margin-top: -10px; opacity:0; filter:alpha(opacity=0);} .banner .prev .btn-label {right: -20px;} .banner .next .btn-label {left: -20px;} .banner .prev:hover .btn-label {right: -5px; opacity:1; filter:alpha(opacity=100);} .banner .next:hover .btn-label {left: -5px; opacity:1; filter:alpha(opacity=100);} .selectorsBlock.bullets {position: absolute; bottom: 10px; width: 100%; text-align:center; z-index: 1;} .selectorsBlock.bullets .selectors {display: inline; text-align: center; } .selectorsBlock.bullets .selectors .item {display: inline-block; width: 9px; height: 9px; margin: 0 0 0 4px; background: #fff; opacity: 0.4; filter:alpha(opacity=40); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .selectorsBlock.bullets .selectors .selected {opacity:1; filter:alpha(opacity=100); } .selectorsBlock.bullets .selectors .first {margin-left: 0; }