/* Index of styles for Karma by Marcio Barrios ~ marciobarrios.com (you can learn with this styles, but please don't copy!) -------------------------------------------------------------------------- - General (titles, generic links, preformatting, some classes) - Layout - Header - Content - Sidebar - Footer - Forms */ /* General --------------------------------------------------------------------------*/ :link,:visited {text-decoration:none} ul,ol {list-style:none} table {border-collapse:collapse} h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset {margin:0; padding:0} fieldset,a img,:link img,:visited img {border:0} html,body {font:12px/1.3 verdana, sans-serif; color:#656462; text-align:center; background:url(../img/bg.jpg) no-repeat top center;} h2 {margin-bottom:20px; font-size:18px; font-weight:normal;} h3 {font-size:16px; font-weight:normal;} a:active {outline:none;} a:link, a:visited {color:#f38524; text-decoration:none;} a:hover, a:active {color:#f38524; text-decoration:underline;} p {margin-bottom:10px;} .hidden, hr {display:none !important;} /* Layout --------------------------------------------------------------------------*/ #wrapper {position:relative; width:960px; margin:0 auto; text-align:left; padding:0 10px;} #plaqueta, #carrito {position:absolute; top: 30px; right:5px; width:85px; height:90px; background:url(../img/sprite_trans.png) 0 -335px; text-indent:-9999px;} #carrito {width:75px; height:89px; background:url(../img/sprite_trans.png) -184px -411px;} /* Header ----------------------------------------------------------------------*/ #header {overflow:hidden; border-bottom:1px solid #e9e9e9;} h1 a {float:left; width:139px; height:60px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat 0 -254px; margin:10px 0 20px;} #topmenu {float:right; margin:5px 25px 0 0;} #topmenu li {float:left;} #topmenu a {font-size:10px; text-transform:uppercase; margin-left:3px; padding-left:3px; border-left:1px solid #959595; color:#959595;} #topmenu li:first-child a, #topmenu li.first a {border-left:0;} #menu {float:right; clear:right; margin: 15px 60px 10px 0; height:42px; background:url(../img/sprite.png) no-repeat right -414px; padding-right:30px;} #menu ul {height:100%; background:url(../img/sprite.png) no-repeat -2752px -414px;} #menu li {float:left; height:100%; line-height:42px;} #menu a {display:block; text-transform:uppercase; font-size:13px; margin-left:33px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdanda, sans-serif;} /*INCREIBLE, el ultimo item de esta lista se oculta en IE7 si está en mayúsculas*/ #menu li.active a {color:#333; text-decoration:none;} /* Content ----------------------------------------------------------------------*/ #content {clear:left ;float:left; width:576px; margin:20px 0 20px 25px; padding-right:20px; border-right:1px solid #e9e9e9;} #content-left {float:left; width:350px; margin-top:10px;} #content-right {float:right; width:192px; margin-top:10px;} .dupla li {float:left;} .dupla a, .dupla span {margin:0 20px 10px 0; text-decoration:none;} .dupla h2 {margin:0;} #flash {background:#f5f5f5; height:340px; position:relative; left:2px; line-height:340px; text-align:center;}/*borrar esta linea al insertar el flash correspondiente*/ ul.sobrepelis{clear:both;} ul.sobrepelis li {padding-top:13px; margin-bottom:20px;} ul.sobrepelis li div {overflow:hidden; padding:0 15px 5px 15px;} ul.sobrepelis li a.off, ul.sobrepelis li a.on {float:right; width:31px; height:20px; text-indent:-9999px;} ul.sobrepelis li a.off {background:url(../img/sprite_trans.png) no-repeat left -125px;} ul.sobrepelis li a.on {background:url(../img/sprite_trans.png) no-repeat left -100px;} ul.sobrepelis li h3 {float:left;} ul.sobrepelis li img {float:right; margin: 0 10px 10px 10px} ul.sobrepelis li p.subtitle {clear:both; text-transform:uppercase; font-size:10px; color:#b5b4b4;} #content ul.sobrepelis li {background:url(../img/sprite.png) no-repeat -929px -2477px;} #content ul.sobrepelis li div {background:url(../img/sprite.png) no-repeat -929px bottom;} #content #content-left ul.sobrepelis li {background:url(../img/sprite.png) no-repeat -561px -1004px;} #content #content-left ul.sobrepelis li div {background:url(../img/sprite.png) no-repeat -561px bottom;} .pagination {margin-top:30px;} .pagination ul {text-align:center;position:relative; left:50%; float:left;} .pagination li {float:left;position:relative; right:50%; padding-left:4px; background:url(../img/sprite.png) no-repeat left -192px;} .pagination li a {font-size:13px; font-weight:bold; padding:0 2px;} .pagination li.active, .pagination li.prev, .pagination li.next {background:none;} .pagination li.active a {color:#666; text-decoration:none; cursor:default;} .pagination li.prev a, .pagination li.next a {display:block; width:23px; height:22px; text-indent:-9999px; padding:0;} .pagination li.prev a {background:url(../img/sprite.png) no-repeat right -320px; margin-right:5px;} .pagination li.next a {background:url(../img/sprite.png) no-repeat right -290px; margin-left:5px;} /* List items ----------------------------------------------------------------------*/ .list {margin-left:-14px; clear:both;} .list li {width: 130px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align: top; margin: 0 0 20px 14px;} .list li div {position:relative;} .list li li {width:auto; min-height:0; height:auto; position:relative; display:block; margin:0;color:#000; font-weight:bold; font-size:11px;} .list li.title {font-size:13px;} .list li a.img {display:block; position:relative;} .list li a.img span.over {position:absolute; left:0; top:0; width:100%; height:100%; background:none;} .list li a.img:hover span.over {background:url(../img/bg-thumb-videos.png);} .list-line {clear:both; border-bottom:1px solid #e9e9e9; margin:0 0 10px -23px; overflow:hidden; padding-bottom:10px;} .list-line li {float:left; width:120px; margin:0 0 0 27px; font-size:11px;} .list-line li a {display:block; font-weight:bold; position:relative;} /*.list-line li a.img:hover span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg-thumb-videos.png);}*/ .list-line li a span.over, #compra .list-line a.image span.over {position:absolute; top:0; left:0; width:100%; height:100%; background:none;} .list-line li a:hover span.over, #compra .list-line a.image:hover span.over {background:url(../img/bg-thumb-videos.png);} .list-line li p {font-size:10px;} li span.video {position:absolute; top:25px; left:40px; width:38px; height:36px; background:url(../img/sprite_trans.png) no-repeat -140px -185px;} #lanzamientos {border-bottom:1px solid #e9e9e9;} #lanzamientos li {float:left;} #lanzamientos li a, #compra .list-line a.image {display:block; margin-bottom:20px; position:relative; text-decoration:none;} #compra .list-line a.image {margin:0; height:185px;} #lanzamientos ul {overflow:hidden; clear:both;} #lanzamientos .big {margin-left:-24px;} #lanzamientos .small {margin-left:-15px;} #lanzamientos .big li a {width:80px; margin-left:24px; height:118px;} #lanzamientos .small li a {width:60px; margin-left:15px; height:90px;} #lanzamientos li a span, #compra .list-line a.image span, #shop .shop-list li a.image span {position:absolute; bottom:0; left:0; width:45px; height:17px; background:#ff0; font-size:11px; color:#000; text-align:center; line-height:13px; text-decoration:none;} #lanzamientos li a span.over {bottom:auto; top:0; width:100%; height:100%; background:none;} #lanzamientos li a:hover span.over {background:url(../img/bg-thumb-videos.png);} #compra .list-line a.image span {width:80px; height:30px; line-height:30px; font-size:16px;} #materiales {overflow:hidden;} #materiales a {display:block; padding:7px 35px 7px 10px; color:#59c4d6; background:url(../img/sprite.png) no-repeat right -286px; margin:3px 11px 3px 0;} #materiales li.even a {background:url(../img/sprite.png) no-repeat -1084px -355px; margin-right:0;} /* Badges ----------------------------------------------------------------------*/ li.yaencines span, li.proximamente span {position:absolute; top:145px; left:90px; width:48px; height:48px; display:block; text-indent:-9999px; } li.yaencines span {background:url(../img/sprite_trans.png) no-repeat;} li.proximamente span {background:url(../img/sprite_trans.png) no-repeat 0 -48px;} /*li.yaencines li.estreno {color:#f36} li.proximamente li.estreno {color:#c3f}*/ /* Bubbles ----------------------------------------------------------------------*/ .bubble-pink span, .bubble-pink a, .bubble-green span, .bubble-green a {float:left; line-height:39px; padding: 0 10px 0 25px; width: 175px;} .bubble-pink span, .bubble-pink a {background:url(../img/sprite.png) no-repeat 0 -242px;} .bubble-green span, .bubble-green a {background:url(../img/sprite.png) no-repeat 0 -304px;} .bubble-pink span, .bubble-green span {height:52px; color:#fefdfc;} .bubble-pink a, .bubble-green a {height:43px; color:#999;} #content #content-right .bubble-turquoise, .bubble-yellow, .bubble-blue, #shop .bubble-green, #player .bubble-green, #sidebar .bubble-pink {float:left; line-height:34px; height:46px; padding: 0 12px; width: 167px; margin-bottom:10px;} #content #content-right .bubble-turquoise {background:url(../img/sprite.png) no-repeat 0 -46px; color:#656462;} .bubble-yellow {background:url(../img/sprite.png) no-repeat 0 0;} #sidebar .bubble-turquoise, #sidebar .bubble-yellow, .bubble-blue, #shop .bubble-green, #player .bubble-green, #sidebar .bubble-pink {width: 266px;} #sidebar .bubble-turquoise {background:url(../img/sprite.png) no-repeat -251px -56px; color:#656462;} #sidebar .bubble-yellow {background:url(../img/sprite.png) no-repeat -251px top;} .bubble-blue, #player .bubble-green, #sidebar .bubble-pink {background:url(../img/sprite.png) no-repeat -252px -113px; height:52px; line-height:40px; color:#fefdfc;} #player .bubble-green {background-position:-575px -113px;} #sidebar .bubble-pink {background-position:-639px -178px;} .bubble-orange, .bubble-turquoise {float:left; line-height:33px; height:49px; padding: 0 12px; width: 325px; margin-bottom:10px; background:url(../img/sprite.png) no-repeat left -365px; color:#f1f0ee;} #shop .bubble-green {background:url(../img/sprite.png) no-repeat -575px -113px; height:53px; line-height:42px; color:#f1f0ee;} #content .bubble-turquoise {background:url(../img/sprite.png) no-repeat -251px -178px; color:#656462; width:351px; height:46px; line-height:36px;} /* Buttons ----------------------------------------------------------------------*/ .tag-container {margin:3px 0; border:0; overflow:hidden;} .tag-container li {width:auto; margin:0; float:left;} .tag {float:left; height:17px; line-height:17px; font-size:10px; background:url(../img/sprite_trans.png) no-repeat right -226px; margin-left:14px; font-weight:normal !important;} .tag:link, .tag:visited {color:#666;} .tag:hover, .tag:active {color:#f38524; text-decoration:none;} .tag span {float:left; height:100%; background:url(../img/sprite_trans.png) no-repeat -335px -226px; padding-left:7px; position:relative; left:-7px;} .tag-container li:first-child a {margin-left:7px;} .tag-container li.first a {margin-left:7px;} .bt {float:left; height:31px; line-height:26px; font-size:14px; background:url(../img/sprite_trans.png) no-repeat right -185px; margin-left:15px; padding-right:15px; border:0;} .bt span {float:left; height:100%; width:15px; margin-left:-15px; background:url(../img/sprite_trans.png) no-repeat -276px -185px;} .bt:link,.bt:visited {color:#656462; text-decoration:none;} .bt:hover,.bt:active {color:#f38524; text-decoration:none;} .bt.right {float:right;} input.ok {width:32px; height:32px; border:0; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat right -71px; cursor:pointer; float:right; margin-top:5px; color: transparent; text-transform: capitalize;} input.ok:hover {background-position:right -108px;} input.guardar {width:65px; height:28px; border:0; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat -140px -108px; cursor:pointer; float:right; margin-top:10px; color: transparent; text-transform: capitalize;} input.guardar:hover {background-position:-140px -145px;} a.comprar {float:left; margin:8px 0 0 200px; width:97px; height:31px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat -258px -40px;} a.comprar:hover {background-position:-260px 0;} /* Templates (different styles for a diferent templates) ----------------------------------------------------------------------*/ #home-cine #sidebar {margin-top:66px;} #home-cine #boletin {margin-bottom:10px;} #home-cine #visita-tienda {margin-top:10px;} #home-cine #sidebar #search {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e9e9e9;} #home-cine #sidebar .bubble-yellow {margin-top:20px;} #home-cine .list {margin-top:10px;} #home-cine .list li a.img span {height:185px;} #home-cine .list li li a {color:#000;} #home .bubble-yellow {margin-top:40px;} #home #boletin,#ficha #boletin {margin-top:15px;} #home .list-line li a.img {height:90px;} #ficha #content-left, body#ficha #content-right {margin-top:10px;} #ficha #content li a.img, #ficha .list a.img {height:90px;} #ficha .list li {display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:120px; margin-left:25px;} #ficha .list {padding-bottom:10px; border-bottom:1px solid #e9e9e9; margin-bottom:10px; margin-left:-25px;} #ficha li {font-size:11px; margin-bottom:10px;} #ficha li a.title {font-weight:bold;} #ficha .list-line {margin-left:-28px;} #ficha .list-line li {margin-left:28px; margin-bottom:10px;} #ficha .list-line li li {margin:0;} #ficha .bubble-orange {margin-top:10px;} #ficha #top-info {overflow:hidden; margin:20px 0 0 0;} #ficha #top-info img {float:left; margin:0 25px 0 25px;} #ficha #top-info h2 {font-size:36px; font-weight:bold; margin:-10px 0 0; line-height:1.2;} #ficha #top-info .info {font-size:14px;} #ficha #top-info .disponible {font-style:italic; margin-top:-10px;} #ficha #top-info .rating-0, #ficha #top-info .rating-1, #ficha #top-info .rating-2, #ficha #top-info .rating-3, #ficha #top-info .rating-4, #ficha #top-info .rating-5 {width:75px; height:13px; background:url(../img/sprite.png) no-repeat -1224px 0; text-indent:-9999px; margin:10px 0;} #ficha #top-info .rating-1 {background-position:-1224px -18px;} #ficha #top-info .rating-2 {background-position:-1224px -39px;} #ficha #top-info .rating-3 {background-position:-1224px -59px;} #ficha #top-info .rating-4 {background-position:-1224px -79px;} #ficha #top-info .rating-5 {background-position:-1224px -99px;} #ficha .comprar {overflow:hidden; margin:10px 0;} #ficha.peli .comprar {background:url(../img/sprite.png) no-repeat -1531px 0; min-height:28px; padding-left:10px;} #ficha.peli .comprar ul {margin-top:5px;} #ficha .comprar ul {float:left; margin-top:8px; margin-right:20px;} #ficha .comprar .bt {text-transform:uppercase; font-size:13px; line-height:28px; float:left; margin-left:20px; _margin-left:10px} #ficha .comprar strong {float:left; font-size:22px; font-weight:bold; margin-right:10px;} #ficha #top-main {width:642px ;margin:0 25px 20px 290px; border-bottom:1px solid #e9e9e9; overflow:hidden; padding-bottom:5px; min-height:336px;}/*width needed for webkit browsers*/ #ficha.dvd #top-main p, #ficha.dvd #top-main div {margin-right:335px;} #ficha.dvd #top-main div.right {margin-right:0; float:right; width:305px;} #ficha.dvd #top-main div.right p {margin:0 0 10px;} #ficha #content {margin-top:0;} #ficha #top-info .disponible {margin-top:0;} #ficha.peli #top-info img {margin:0 15px 0 2px;} #ficha.peli #top-main {width:285px; margin:0 25px 20px 650px;} #ficha.peli #info {clear:both; overflow:hidden; margin:0 0 10px -27px; padding:0 0 10px 25px; border-bottom:1px solid #e9e9e9;} #ficha.peli #info h2 {margin-bottom:10px;} #ficha.peli #info div.left, #ficha.peli #info div.right {float:left; width:275px;} #ficha.peli #info div.left {margin-right:25px;} #compra #content {width:910px; border:0; padding:0; margin-right:25px;} #compra h2.title {float:left; font-weight:bold; text-transform:uppercase; background:url(../img/sprite.png) no-repeat -639px 0; padding:9px 0 1px 50px;} #compra h2.title em {color:#f93;} #comprar-seguir {float:left; margin-left:35px; width:560px; height:59px; background:url(../img/sprite.png) no-repeat -251px -290px; line-height:45px; color:#fff; padding:0 20px; font-size:11px;} #comprar-seguir strong {font-size:20px; font-weight:bold; color:#333; position:relative; top:2px;} #comprar-seguir a {color:#333; text-decoration:underline;} #cesta-compra {clear:both; overflow:hidden;} #cesta-compra .item, #cesta-compra .envio, #compra .total {background:url(../img/sprite.png) no-repeat -2216px -2472px; width:100%; padding-top:20px; float:left; margin-bottom:5px;} #compra .inner {background:url(../img/sprite.png) no-repeat -2216px bottom; padding:0 15px 10px; overflow:hidden;} #compra .image {float:left;} #compra .info {float:left; margin:-7px 20px 0; width:300px;} #compra .total .info {width:700px;} #compra .unidades {float:left; width:260px; margin-right:20px;} #compra .acciones {float:right; width:170px;} #compra .info h3, #compra .col h3 {float:left; font-size:24px; text-transform:uppercase; background:url(../img/separador.png) repeat-x bottom; padding:0 10px 5px 0; margin-bottom:5px;} #compra .col h3 {font-size:23px;} #compra li.envio .info h3 {background:none; padding-bottom:0;} #compra .info p {clear:left;} #compra .info p.formato {text-transform:uppercase; color:#959595; margin-top:20px;} #cesta-compra table th, #cesta-compra table td {padding:5px;} #cesta-compra table th {font-size:13px; color:#959595; text-transform:uppercase; font-weight:normal;} #cesta-compra table td {font-size:22px; font-weight:bold;} #cesta-compra table td a.mas, #cesta-compra table td a.menos {display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-right:3px; width:17px; height:18px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat -403px -30px; position:relative; top:6px;} *+html #cesta-compra table td a.mas, *+html #cesta-compra table td a.menos {position:relative; top:-3px;} #cesta-compra table td a.mas {background-position:-403px 0;} #cesta-compra table td a.mas:hover {background-position:-372px 0;} #cesta-compra table td a.menos:hover {background-position:-372px -30px;} #cesta-compra table td.precio {padding-bottom:10px; background:url(../img/separador.png) repeat-x bottom;} #compra li.envio .unidades select {margin-left:10px;} #compra .total {position:relative;} #compra .total p {width:650px;} #compra .total div.paso1, #compra .total div.paso2 {position:absolute; width:59px; height:61px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat 0 -156px; top:-5px; right:10px; *top: -20px; *right: -70px} #compra .total div.paso2 {background-position:-64px -158px;} #compra .total h3 {padding-bottom:10px; margin-bottom:10px;} #compra .total p.subtotal strong {margin-right:10px;} #compra .total div.pago-mastercard, #compra .total div.pago-visa {position:absolute; width:44px; height:51px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat right -254px; bottom:10px; right:80px; *right: -10px; *bottom:0} #compra .total div.pago-visa {background-position:right -306px; right:20px; bottom:13px; *right:-70px; *bottom:3px} #compra h2.bubble-turquoise {font-size:24px; margin-top:20px; width:570px; height:59px; line-height:45px; background:url(../img/sprite.png) no-repeat -409px -365px; padding:0 10px 0 20px;} #compra .list-line {padding-bottom:0; border-bottom:0;} #compra .list-line li {width:130px; margin-left:25px;} #compra .list-line li a {font-weight:normal;} #compra .list-line a.title, #shop .shop-list li a.title {font-size:10px; text-transform:uppercase; color:#666; clear:both;} #compra .list-line em, #shop .shop-list li em {color:#59C4D6; display:block;} #compra.paso2 .item {position:relative; clear:both; font-size:11px; background:url(../img/sprite.png) no-repeat -2216px -2472px; width:100%; padding-top:20px; float:left; margin-bottom:5px;} #compra.paso2 .item .inner {background:url(../img/sprite.png) no-repeat -2216px bottom; padding:0 15px 10px; overflow:hidden;} #compra .item .col {float:left; width:240px; margin-left:80px; *margin-left: 70px} #compra .item .col.first {margin-left:0;} #compra.paso2 label, #compra h4 {color:#f60; margin:3px 0; clear:both; display:block;} #compra h4 {padding-top:10px; margin:0;} #compra label.envio {font-weight:bold; margin:0 0 20px;} #compra input[type=text] {width:227px; height:18px; padding:1px 6px; background:url(../img/sprite_trans.png) no-repeat right -380px; border:0; margin-bottom:5px;} #compra input.text {width:227px; height:18px; padding:1px 6px; background:url(../img/sprite_trans.png) no-repeat right -380px; border:0; margin-bottom:5px;} #compra form.form {float:right;} #compra input.guardar {position:absolute; right:20px; bottom:20px;} #compra.paso2 .total {margin-top:10px;} #shop #content {border:0; padding-right:0; width:596px;} #shop .shop-list {clear:both; overflow:hidden; margin-left:-20px;} #shop .shop-list li {float:left; width:130px; margin-left:20px; height:225px; margin-bottom:5px; font-size:10px; overflow:hidden;} #shop .shop-list.bottom li{float:none; height: auto; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align: top; margin-bottom:10px; overflow:visible;} #shop .shop-list li.main {height:460px; width:290px;} #shop .shop-list li a.image {display:block; position:relative; height:185px;} #shop .shop-list li.main a.image {height:414px;} #shop .shop-list li span.price {position:relative; top:-30px; _top:-32px; display:block; width:70px; height:30px; background:#ff0; font-size:16px; color:#000; line-height:30px; text-decoration:none; padding-left:10px; overflow:hidden; margin-bottom:-30px;} #shop .shop-list li span.price:hover {width:110px;} /*#shop .shop-list li span.price a {float:right; width:38px; height:25px; margin:3px 2px 0 0; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat -64px -66px;}*/ #shop .shop-list li span.price a img {vertical-align:middle;} #shop .shop-list li span.price a:hover {background-position:-64px -101px;} #shop .shop-list li.main span.price:hover {width:165px;} #shop .shop-list li.main span.price a {background-position:-140px 0; width:100px;} #shop .shop-list li.main span.price a:hover {background-position:-139px -38px;} #shop .shop-list li a.image span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg-thumb-videos.png); display:none;} #shop .shop-list li a.image:hover span {display:block;} #shop .shop-list li.main a.image span {width:290px;} #shop .shop-list li a.title {display:block; line-height:1.1; margin-top:2px;} #shop .shop-list li em {font-size:11px;} #shop .pago-visa, #shop .pago-mastercard {position:relative; float:left; width:44px; height:51px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat right -254px; top:15px; margin-right:20px;} #shop .pago-visa {background-position:right -306px;} #shop #sidebar {margin-top:82px;} #player .pagination ul {left:0; margin-left:20px;} #player .pagination ul li {right:0;} #player .list-line {border-bottom:0; padding-bottom:0;} #player #boletin {margin-top:10px;} #player .list-line li a.img {height:90px;} /* Sidebar ----------------------------------------------------------------------*/ #sidebar {float:right; width:290px; margin:0 25px 20px 0;} #boletin {height:140px; background:url(../img/sprite.png) right top; padding: 0 18px; margin:0 -8px 20px 0;} #boletin h3, .box h3 {text-transform:uppercase; font-size:14px; padding:28px 0 25px; font-weight:normal;} #boletin label, .box label {float:left; margin-bottom:10px;} #boletin label input {width:140px; padding:3px 6px; background:url(../img/sprite_trans.png) no-repeat left bottom; border:0; font-size:13px;} #boletin input[type=submit]{float:right; width:99px; height:26px; background:url(../img/sprite.png) no-repeat -1373px 0; padding:0; border:0; text-indent:-9999px; cursor:pointer;} #boletin input.submit {float:right; width:99px; height:26px; background:url(../img/sprite.png) no-repeat -1373px 0; padding:0; border:0; text-indent:-9999px; cursor:pointer;} #boletin input[type=submit]:hover {background-position:-1373px -44px;} #boletin input.submit:hover {background-position:-1373px -44px;} .box {position:relative; height:123px; background:url(../img/sprite.png) -2875px 0; padding: 0 15px 0 26px; margin:0 0 20px 0;} .box h3 {padding:9px 0 15px;} .box input[type=text] {width:203px; height:22px; background:url(../img/sprite_trans.png) no-repeat -217px -86px; padding:3px 6px; border:0; color:#999; text-transform:uppercase; font-size:11px;} .box input.text {width:203px; height:22px; background:url(../img/sprite_trans.png) no-repeat -217px -86px; padding:3px 6px; border:0; color:#999; text-transform:uppercase; font-size:11px;} .box input[type=submit] {float:right; margin-top:-5px;} .box input.submit {float:right; margin-top:-5px;} .box .ver-cesta {float:left; position:absolute; top:5px; left:120px; font-size:10px; text-transform:uppercase; color:#656462; padding:5px 26px 3px 0; background:url(../img/sprite_trans.png) no-repeat -54px -31px;} .box .numero {float:left; color:#656462; font-size:50px; line-height:1; margin-top:-10px;} .box .objeto {float:left; font-size:13px; color:#959595; margin-top:-5px;} .box .total {clear:both; overflow:hidden;} .box .total span {font-size:13px; text-transform:uppercase; color:#959595; margin-right:5px;} .box .total strong {font-size:22px; color:#656462;} .box .total a.comprar {float:right; margin:0; *margin-top:-30px;} .box .carrito {position:absolute; width:75px; height:89px; background:url(../img/sprite_trans.png) -184px -411px; text-indent:-9999px; top:-16px; right:0;} .box-large {background:url(../img/sprite.png) no-repeat -3169px -1137px; padding-top:14px;} .box-large div {background:url(../img/sprite.png) no-repeat -3169px bottom; padding:0 20px 14px;} .box-large h3 {text-transform:uppercase; font-size:14px;} .box-large h3.line {padding-bottom:4px; background:url(../img/line.png) no-repeat bottom left; margin-top:10px; margin-bottom:3px;} .box-large li {margin-bottom:3px;} .box-large a:link,.box-large a:visited,.box-large a:hover, .box-large a:active {color:#999;} #visita-tienda {margin:20px 0;} #visita-tienda p {display:none;} #visita-tienda a {display:block; height:110px; background:url(../img/sprite.png) no-repeat right -169px; text-indent:-9999px;} #visita-tienda a:hover {background-position:-2880px -169px;} #search {margin:20px 0;} #search input{float:left;} #search input[type=text] {width:231px; padding:7px 6px 7px 10px; background:url(../img/sprite.png) no-repeat right -357px; border:0;} #search input.text {width:231px; padding:7px 6px 7px 10px; background:url(../img/sprite.png) no-repeat right -357px; border:0;} #search input[type=submit]{width:41px; height:28px; background:url(../img/sprite.png) no-repeat -1059px 0; border:0; text-indent:-9999px; cursor:pointer; color: transparent; text-transform: capitalize;} #search input.submit{width:41px; height:28px; background:url(../img/sprite.png) no-repeat -1059px 0; border:0; text-indent:-9999px; cursor:pointer; color: transparent; text-transform: capitalize;} #search input[type=submit]:hover {background-position:-1000px 0;} #search input.submit:hover {background-position:-1000px 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { #search input[type=submit] {margin-top:2px;} } ul.comments, ul.prensa {clear:both; font-size:11px;} ul.comments li, ul.prensa li {margin-bottom:10px;} ul.comments li blockquote {background:url(../img/sprite.png) no-repeat -210px -2793px; padding-top:8px;} ul.comments li p {background:url(../img/sprite.png) no-repeat -210px bottom; padding:0 10px 20px; margin-bottom:2px;} ul.prensa li p {padding-right:20px; margin-bottom:2px;} ul.comments li em, ul.comments li a {display:block; text-align:right; color:#f38524; font-style:italic;} ul.prensa li em, ul.prensa li a {display:block; text-align:right; color:#59c4d6; font-style:italic;} #content ul.comments li blockquote {background:url(../img/sprite.png) no-repeat -1624px -2470px;} #content ul.comments li p {background:url(../img/sprite.png) no-repeat -1624px bottom;} #content #content-right ul.comments li blockquote {background:url(../img/sprite.png) no-repeat 0 -2831px;} #content #content-right ul.comments li p {background:url(../img/sprite.png) no-repeat 0 bottom;} /* Footer ----------------------------------------------------------------------*/ #footer {clear:both; padding-top:20px; border-top:1px solid #e9e9e9; margin:0 25px;} #footer div {background:url(../img/sprite.png) 0 -476px; height: 84px;} #footer ul {margin-left:40px; overflow:hidden;} #footer li {float:left;} #footer a {float:left; width:70px; padding:47px 0 20px 65px; margin-right:65px;} #footer a:link, #footer a:visited {color:#626160; text-decoration:none;} #footer a:hover, #footer a:active {color:#f38524; text-decoration:none;} #footer #flickr a {margin-right:75px;} #footer p {text-indent:-9999px; float:right;} #legal {margin-top:10px; text-align:center; color:#959595;} #legal a:link, #legal a:visited {color:#959595} #legal a:hover, #legal a:active {color:#959595; text-decoration:underline;} /* Forms --------------------------------------------------------------------------*/ input[type=text],input[type=password],select,textarea {font:1em verdana, sans-serif;} input.text,input.password,select,textarea {font:1em verdana, sans-serif;} input[type=image], input[type=button] {cursor:pointer;} input.image, input.button {cursor:pointer;}