#shadowbox_overlay { visibility: hidden; position: absolute; display: block; width: 100%; margin: 0; padding: 0; top: 0; left: 0; z-index: 998; }  #shadowbox_container { position: fixed;  height: 0px; margin: 0; padding: 0; width: 100%; top: 0; left: 0; z-index: 999; text-align: center;  }  #shadowbox { visibility: hidden; margin: 0 auto; position: relative; font-family: 'Lucida Grande', Tahoma, sans-serif; text-align: left;  display: none; }   #shadowbox_title { height: 25px; padding: 0; overflow: hidden; } #shadowbox_title_inner { height: 16px; font-size: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; padding: 5px 0 4px 8px; color: #fff; }   #shadowbox_body { position: relative; overflow: hidden; margin: 0; padding: 0; border: 2px solid #fff; background-color: #fff; } #shadowbox_body_inner { position: relative; overflow: hidden; } #shadowbox_loading { position: absolute; top: 0; left: 0; height: 10000px;  width: 100%;  background-color: #fff; } #shadowbox_loading img { float: left; margin: 10px 10px 0 10px; } #shadowbox_loading span { float: left; margin-top: 16px; font-size: 10px; } #shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited {  color: #000; }   #shadowbox_toolbar { margin: 0; padding: 0; height: 20px; overflow: hidden; } #shadowbox_toolbar_inner { height: 20px; color: #fff; } #shadowbox_toolbar_inner div { padding-top: 4px; padding-bottom: 2px; font-size: 10px; height: 10px; line-height: 10px; } #shadowbox_toolbar_inner div span.shortcut { text-decoration: underline; font-weight: bold; } #shadowbox_toolbar_inner div a { text-decoration: none; color: #fff; } #shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next { float: right; padding-right: 10px; } #shadowbox_counter { float: left; padding-left: 10px; } #shadowbox_counter a { padding: 0 4px 0 0; } #shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; font-weight: bold; }  div.shadowbox_message { text-align: center; padding: 10px; } div.shadowbox_message a { text-decoration: none; color: #bed333; } div.shadowbox_message a:hover, div.shadowbox_message a:focus { text-decoration: underline; } .activity { position: absolute; top: 0; left: 0; width: 300px; font-family: 'Lucida Sans', Arial, Helvetica; font-weight: bold; font-size: 1.2em; border: 1px solid #aaaaaa; border-right: 2px solid #666666; border-bottom: 2px solid #666666; background-color: white; padding: 10px; display: block; z-index: 99; }.simpleOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 269; opacity: .80; filter: alpha(opacity=80); background-color: #000; }  #leftContent .bgBoxLeft{ margin: 6px 0px 0px 0px; border-right: 1px solid #ccc; } #leftContent .bgBoxLeft .boxTitle{ font-size: 19px; padding: 5px; color: #fff; background-image: url('http://static.sonygallery-inson.com/img/common/bgBotonera.png'); background-position: -10px -198px; } #leftContent .bgBoxLeft .boxTitle a{ color: #fff; } #leftContent ul{ list-style-type: none; list-style-position: outside; } #leftContent ul.ulPrin{ width: 196px; margin: 0px 0px 0px 0px; } #leftContent ul.ulPrin li{ margin: 0px; padding: 0px 0px 8px 0px ; } #leftContent ul li.linkOfertas a{ color: #880000; font-weight: normal; } #leftContent ul li a { font-size: 11px; color: #666; } #leftContent ul li a:hover{ color: #333; text-decoration: underline; }  #leftContent ul.menuCategorias li{ margin: 0px 0px 2px 0px; } #leftContent ul.menuCategorias li ul.subCategorias{ padding: 0px 0px 0px 12px; } #leftContent ul.menuCategorias li ul.subCategorias li{ margin: 0px 0px 2px 0px; } #leftContent ul.menuCategorias li ul.subCategorias li a{ color: #888; }   #leftContent .cajaFiltros { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #eee; border-left: 2px solid #eee; background-color: #f6f6f6; width: 210px; padding: 3px; margin: 0px 0px 5px 0px; } #leftContent span.tituloCaja{ font-weight: bold; display: block; padding: 5px 5px 2px 5px; } #leftContent .cajaFiltros ul{ padding: 0px 0px 0px 5px; margin: 0px 0px 10px 0px; } #leftContent .cajaFiltros ul li{ position: relative; font-size: 10px; width: 48%; float: left; padding: 0px 2px 0px 0px; white-space: nowrap; } #leftContent .cajaFiltros ul.filtrosDosColumnas li{ padding: 0px 0px 3px 0px; } #leftContent .cajaFiltros ul li a{ padding: 2px 0px 2px 11px; } #leftContent .cajaFiltros ul li.tipoFiltro{ font-weight: bold; font-size: 11px; width: 100%; padding: 4px 2px 2px 0px; } #leftContent ul.ulPrin li{ position: relative; width: 100%; } #leftContent .cajaFiltros ul.ulPrin li.tipoFiltro{ padding: 0px 0px 2px 0px; } #leftContent img.iconoCategoria{ position: absolute; top: 2px; left: 0px; width: 6px; height: 9px; background-position: -148px -55px; } #leftContent img.iconColor1{ background-position: -278px -2px; } #leftContent img.iconColor2{ background-position: -270px -2px; } #leftContent img.iconColor3{ background-position: -262px -2px; } #leftContent img.iconColor4{ background-position: -286px -2px; } #leftContent img.iconColor5{ background-position: -294px -2px; }  #leftContent #filtrosActivos { display: block; } #leftContent #filtrosActivos{ background-color: #eef5f0; } #leftContent #filtrosActivos ul{ margin: 0px 0px 0px 0px; } #leftContent #filtrosActivos ul li.tipoFiltro{ width: 100%; } #leftContent #filtrosActivos ul li{ position: relative; font-size: 10px; padding: 0px 2px 2px 2px; width: auto; } #leftContent #filtrosActivos ul li a, #leftContent #filtrosActivos ul li span{ display: block; padding: 2px 0px 2px 14px; } #leftContent #filtrosActivos ul li a img.iconoBorrarFiltro{ position: absolute; top: 3px; left: 0px; width: 11px; height: 11px; background-position: -148px -20px; } #leftContent #filtrosActivos ul li a:hover img.iconoBorrarFiltro{ background-position: -148px -30px; } #leftContent #filtrosActivos ul li img.iconoCategoria{ top: 5px; left: 3px; }  #leftContent ul.menuCategoriasPortada{ padding: 0px 0px 0px 0px; } #leftContent ul.menuCategoriasPortada li{ width: 100%; margin: 0px 0px 8px 0px; } #leftContent ul.menuCategoriasPortada li ul.subCategorias{ padding: 0px 0px 0px 20px; margin: 0px 0px 10px 0px; } #leftContent ul.menuCategoriasPortada li ul.subCategorias li{ display: inline; width: auto;  margin: 0px 3px 0px 3px; } #leftContent ul.menuCategoriasPortada li ul.subCategorias li a { margin: 0px; padding: 0px 5px 0px 0px ; text-decoration: underline; font-weight: normal; color: #999; } #leftContent ul.menuCategoriasPortada li ul.subCategorias li a:hover{ color: #333; } #leftContent ul.menuCategoriasPortada li ul.subCategorias1{ display: none; }  #header #headerContent #headerBotons { z-index: 98; } #header #headerContent #headerBotons ul{ list-style-type: none; list-style-position: outside; } #header #headerContent #headerBotons ul li{ display: inline; float: left; margin: 0px 3px 0px 0px; height: auto; } #header #headerContent #headerBotons ul li a{ position: relative; border: 0px; } #header #headerContent #headerBotons ul li a span{ font-size: 12px; font-weight: normal; padding: 10px 18px 9px 10px ; } #header #headerContent #headerBotons ul li a font{ position: absolute; bottom: 11px; right: 5px; font-size: 11px; text-decoration: none; } #header #headerContent #headerBotons ul li a font img{ width: 5px; height: 5px; } #header #headerContent #headerBotons ul li a:hover font{ display: none; }  #header #headerContent #headerBotons ul.menuDesplegable *{ list-style-type: none; list-style-position: outside; background: none; padding: 0px; margin: 0px; } #header #headerContent #headerBotons ul.menuDesplegable { background-color: #7e9a46; position: absolute; width: 200px; border: 1px solid #fff; border-top: none; margin-left: 1px; display: block; } #header #headerContent #headerBotons ul.menuDesplegable li{ display: block; float: none; background-color: #7e9a46; height: 20px; } #header #headerContent #headerBotons ul.menuDesplegable li a{ color: #fff; padding: 3px 3px 3px 15px; font-size: 11px; border: 0px; } #header #headerContent #headerBotons ul.menuDesplegable li a:hover{ text-decoration: underline; background-color: #c4d5a2; color: #7e9a46; }   #header #headerContent #headerBotons li.bgBlau ul.menuDesplegable { background-color: #4057a3; } #header #headerContent #headerBotons li.bgBlau ul.menuDesplegable li{ background-color: #4057a3; } #header #headerContent #headerBotons li.bgBlau ul.menuDesplegable li a:hover{ background-color: #8e9ed3; color: #4057a3; } #header #headerContent #headerBotons ul li.bgBlau a font img{ background-position: -463px -20px; }  #header #headerContent #headerBotons li.bgVermell ul.menuDesplegable { background-color: #8d5555; } #header #headerContent #headerBotons li.bgVermell ul.menuDesplegable li{ background-color: #8d5555; } #header #headerContent #headerBotons li.bgVermell ul.menuDesplegable li a:hover{ background-color: #c7a3a3; color: #8d5555; } #header #headerContent #headerBotons ul li.bgVermell a font img{ background-position: -468px -20px; }  #header #headerContent #headerBotons li.bgVerd2 ul.menuDesplegable { background-color: #558d85; } #header #headerContent #headerBotons li.bgVerd2 ul.menuDesplegable li{ background-color: #558d85; } #header #headerContent #headerBotons li.bgVerd2 ul.menuDesplegable li a:hover{ background-color: #b7d3cf; color: #558d85; } #header #headerContent #headerBotons ul li.bgVerd2 a font img{ background-position: -483px -20px; }  #header #headerContent #headerBotons li.bgLila ul.menuDesplegable { background-color: #7c4c96; } #header #headerContent #headerBotons li.bgLila ul.menuDesplegable li{ background-color: #7c4c96; } #header #headerContent #headerBotons li.bgLila ul.menuDesplegable li a:hover{ background-color: #c1a5d1; color: #7c4c96; } #header #headerContent #headerBotons ul li.bgLila a font img{ background-position: -478px -20px; }  #header #headerContent #headerBotons li.bgGroc ul.menuDesplegable { background-color: #c1ad59; } #header #headerContent #headerBotons li.bgGroc ul.menuDesplegable li{ background-color: #c1ad59; } #header #headerContent #headerBotons li.bgGroc ul.menuDesplegable li a:hover{ background-color: #e4d59b; color: #c1ad59; } #header #headerContent #headerBotons ul li.bgGroc a font img{ background-position: -473px -20px; } #header #headerContent #headerBotons ul li.bgVerd a font img{ background-position: -483px -20px; }   #header #headerContent #headerBotons #tabOutControl { position: absolute; top: -5px; left: -5px; width: 700px; height: 180px; } .setImgBotonsCompra{ background-image: url('http://static.sonygallery-inson.com/img/common/setIcono.png'); background-repeat: no-repeat; } .botonsClass a, .botonsClass button{ display: block; float: left; margin: 0px 0px 0px 7px; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding: 5px 10px 6px 7px;  } .botonsClass button{ width: auto; overflow: visible; padding: 4px 10px 3px 7px;  } .botonsClass button[type]{ padding: 5px 10px 5px 7px;  line-height: 17px;  } .botonsClass *:first-child+html button[type]{ padding: 4px 10px 3px 7px;  } .botonsClass button img, .botonsClass a img{ margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }  .botonsClass button:hover, .botonsClass a:hover{ background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; } .botonsClass a:active{ background-color: #529214; border: 1px solid #529214; color: #fff; }   .botonsClass a.redStyle, .botonsClass button.redStyle{ color: #d12f19; } .botonsClass a.redStyle:hover, .botonsClass button.redStyle:hover{ background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; } .botonsClass a.redStyle:active{ background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }   .botonsClass a.blueStyle:hover, .botonsClass button.blueStyle:hover{ background: #dff4ff; border: 1px solid #c2e1ef; color: #336699; } .botonsClass a.blueStyle:active{ background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }   .botonsClass a.btsig img, .botonsClass button.btsig img{ width: 16px; height: 13px; background-position: -185px -63px; } .botonsClass a.btback img, .botonsClass button.btback img{ width: 13px; height: 14px; background-position: -444px 0px; } .botonsClass a.btemail img, .botonsClass button.btemail img{ width: 16px; height: 14px; background-position: -387px -0px; } .botonsClass a.btwarning img, .botonsClass button.btwarning img{ width: 16px; height: 13px; background-position: -406px -0px; } .botonsClass a.btprint img, .botonsClass button.btprint img{ width: 16px; height: 13px; background-position: -387px -0px; }  .botonsClass a.flLeft{ margin: 0px 7px 0px 0px; }  .puCnt{ padding: 3px; text-align: justify; } .puCnt *{ font-size: 12px; } .puCnt p{ padding: 3px; color: #666; } .puCnt .puTitulo{ background-color:#CADFA6; color: #000000; font-size: 12pt; font-weight: bold; padding: 8px; position: relative; vertical-align: middle; text-align: left; } .puCnt .botonera{ margin: 5px 0px 0px 0px; } .puCnt .botonera .floatLeft{ float: left; } .puCnt .botonera .floatRight{ float: right; } .popCnt{ padding: 3px; text-align: justify; } .popCnt .popTitulo{ background-image: url('http://static.sonygallery-inson.com/img/common/bgBotonera.png'); background-repeat: no-repeat; background-position: -0px -198px; display: block; } .popCnt .popTitulo span{ display: block; background-image: url('http://static.sonygallery-inson.com/img/common/bgBotonera.png'); background-repeat: no-repeat; background-position: 100% -198px; margin-left: 6px; font-size: 19px; color: #fff; padding: 5px 5px 5px 5px; } .popCnt .popCntIn{ border-left: 1px solid #b4c0ca; border-right: 1px solid #b4c0ca; border-bottom: 1px solid #b4c0ca; padding: 10px; }   textarea{ font-size: 1.1em; border: 1px solid #ccc; padding: 2px; margin:0px 0px 2px 0px; width:99%; height:100px; } * input:focus { background-color: #FFFFEE !important; color: #222; } select { background: #fff; border: 1px solid #ccc; padding: 2px; font-size: 1em; } select.number{ width:40px; } fieldset { background: #f6f6f6; padding: 10px 15px; border: 1px solid #eee; } fieldset.white { background: #fff; border: none; } label { display: block; margin-bottom: 1px; color: #888; } .inputText { width: 75%; height: 20px; font-size: 14px; background: #fff; border: 1px solid #ccc; padding: 2px; margin: 0px 0px 2px 0px; } .column{ float: left; margin: 0px 5px 0px 0px; } .validationErrors { border: 2px solid #ff0000; } .validationErrorsSolved { border: 2px solid #00ff00; } .validationErrorMessage { font-size: 0.9em; color: #f00; text-align: left; font-weight: bold; height: 16px; display: block; padding: 0px 0px 0px 0px; } .validationErrorMessage img { width: 11px; height: 10px; background-image: url('http://static.sonygallery-inson.com/img/common/setIcono.png'); background-repeat: no-repeat; background-position: -155px -56px; margin: 0px 3px 0px 0px; } input.inputDisabled{ background-color: #efefef; }.messagebox .overlay{ width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: #fff; position: fixed; top: 0px; left: 0px; z-index: 98; } .messagebox .contentBox{ width: 500px; background-color: #9EC55E; border: 1px solid #FFF; padding: 8px; position: relative; z-index: 301; } .messagebox .titulo{ background-color:#CADFA6; color: green; font-size: 18px; font-weight: normal; padding: 8px; position: relative; vertical-align: middle; text-align: left; } .messagebox .content{ background-color: #FFFFFF; padding: 8px; text-align: left; } .messagebox .botons{ background-color: #FFFFFF; padding: 8px; text-align: right; } .bigButton { width: 244px; height: 51px; display: block; background-image: url('http://static.sonygallery-inson.com/img/common/setIcono.png'); background-repeat: no-repeat; background-position: -578px -133px; font-family: Arial,Helvetica,"Dejavu Sans",sans-serif; color: #333; } .bigButton:hover { color: #58a500; text-decoration: none; background-position: -578px -184px; cursor: pointer; } .bigButton:active { color: #58a500; text-decoration: none; background-position: -578px -235px; } .bigButton.bbBlue { background-position: -334px -133px; } .bigButton.bbBlue:hover { color: #156ea7; text-decoration: none; background-position: -334px -184px; } .bigButton.bbBlue:active { color: #156ea7; text-decoration: none; background-position: -334px -235px; } .bigButton span.bbTitulo { display: block; font-size: 18px; font-weight: bold; width: 190px; padding: 6px 0px 0px 0px; text-align: center; } .bigButton span.bbDesc { display: block; font-size: 12px; width: 190px; padding: 1px 0px 0px 0px; text-align: center; color: #666; } .bigButton.bbBlue span.bbTitulo { margin: 0px 0px 0px 45px; } .bigButton.bbBlue span.bbDesc { margin: 0px 0px 0px 45px; }  .bigButton.bbSmallGreen { width: 156px; height: 43px; background-position: -178px -133px; color: #333; } .bigButton.bbSmallGreen:hover { color: green; text-decoration: none; background-position: -178px -176px; } .bigButton.bbSmallGreen:active { color: green; text-decoration: none; background-position: -178px -219px; } .bigButton.bbSmallGreen span.bbTitulo { font-size: 12px; width: 145px; } .bigButton.bbSmallGreen span.bbDesc { font-size: 10px; width: 145px; }   .bigButton.bbIcono span.bbTitulo { width: 110px; } .bigButton.bbIcono span.bbDesc { width: 110px; } .bigButton.bbIcono img.bbPromo { width: 16px; height: 16px; float: right; background-position: -363px 0px; margin: 15px 12px 0px 0px; } .bigButton.bbIcono:hover img.bbPromo { background-position: -379px 0px; } .bigButton.bbIcono:active img.bbPromo { background-position: -379px 0px; }   .compraInline_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 269; opacity: .80; filter: alpha(opacity=80); background-color: #000; } .compraInline { position: absolute; top: 650px; left: 400px; width: 623px; height: 465px; z-index: 500; font-family: Arial,Helvetica,"Dejavu Sans",sans-serif; text-align: left; } .compraInline .ci_cnt{ position: relative; } .compraInline .ci_cnt a.ci_btCerrar{ position: absolute; top: 25px; right: 30px; z-index: 503; display: block; font-size: 11px; height: 25px; color: red; } .compraInline .ci_cnt a.ci_btCerrar img { width: 16px; height: 16px; background-position: -229px -26px; margin-bottom: -4px; } .compraInline .ci_cnt a.ci_btCerrar:hover img { background-position: -229px -43px; } .compraInline .ci_cnt img.ci_bgImage{ position: absolute; top: 0px; left: 0px; z-index: 501; } .compraInline .ci_cnt .ci_itemAdded{ position: absolute; top: 30px; left: 35px; z-index: 502; width: 550px; } .compraInline .ci_cnt .ci_itemAdded .ci_titulo { font-size: 28px; color: #627c95; font-weight: bold; } .compraInline .ci_cnt .ci_itemAdded .ci_itemAddCnt { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; } .compraInline .ci_cnt .ci_itemAdded .ci_itemAddCnt .ci_modelo { font-weight: bold; font-size: 20px; color: #333; font-family: "Lucida sans", Arial; } .compraInline .ci_cnt .ci_itemAdded .ci_itemAddCnt .ci_botonera { float: left; width: 50%; padding: 5px 0px 0px 15px; } .compraInline .ci_cnt .ci_itemAdded .ci_itemAddCnt .ci_botonera a { margin: 5px 0px 0px 5px; } .compraInline .ci_cnt .ci_itemAdded .ci_itemAddCnt .ci_botonera .ciBot_titulo { color: #627c95; font-size: 17px; font-weight: bold; } .compraInline .ci_cnt .ci_itemAdded .ci_itemAddCnt .imgArticulo { float: right; } .compraInline .ci_cnt .ci_itemsList { position: absolute; top: 255px; left: 35px; z-index: 502; width: 550px; } .compraInline .ci_cnt .ci_itemsList .ciIl_titulo { color: #627c95; font-size: 17px; font-weight: bold; } .compraInline .ci_cnt .ci_itemsList .ci_itemLoading { position: absolute; top: 25px; left: 0px; z-index: 503; background-color: #fff; width: 550px; height: 150px; opacity: 0.9; filter: alpha(opacity=90); } .compraInline .ci_cnt .ci_itemsList .ci_itemLoading span { position: absolute; top: 40px; left: 200px; width: 140px; font-size: 14px; font-weight: bold; padding: 10px; background-color: #fff; border: 1px solid #627c95; } .compraInline .ci_cnt .ci_itemsList .ci_itemLoading span img { margin-bottom: -3px; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt { width: 550px; margin-top: 5px; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item { width: 125px; height: 150px; float: left; padding: 0px 5px 0px 5px; position: relative; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item.wBorder { border-right: 1px dotted #ccc; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item a{ display: block; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item .ci_itemPvpBox { background-color: #fff; width: 125px; text-align: left; padding: 2px; position: absolute; bottom: 0px; left: 5px; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item .ci_itemPvpBox .ci_itemPvp { color: #880000; font-size: 14px; font-weight: bold; float: left; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item .ci_itemPvpBox .ci_itemMasInfo { color: #627c95; font-size: 10px; font-weight: bold; float: right; padding: 3px 0px 0px 0px; margin: 0px 5px 0px 0px; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item .ci_itemMoreInfo { position: absolute; bottom: 0px; right: 0px; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item .ci_itemMoreInfo .ci_itemGlass { background-image: url('http://static.sonygallery-inson.com/img/common/setIcons.png'); background-repeat: no-repeat; background-position: -259px -0px; height: 26px; width: 27px; float: left; display: none; } .compraInline .ci_cnt .ci_itemsList .ci_itemCnt .ci_item .ci_itemMoreInfo .ci_itemGlassCaption { position: absolute; bottom: 0px; left: 27px; } .setIcono{ background-image: url('http://static.sonygallery-inson.com/img/common/setIcono.png'); } .setWide{ background-image: url('http://static.sonygallery-inson.com/img/common/setWide.png'); } * { padding: 0px; margin: 0px; } p{ margin:3px 0px 10px 0px; } .width100 { width: 100%; } .width90 { width: 90%; } .width75 { width: 75%; } .width66 { width: 66%; } .width50 { width: 50%; } .width33 { width: 33%; } .width30 { width: 30%; } .floatLeft { float: left; } .floatRight { float: right; } .alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .alignJustify { text-align: justify; } .stext { font-size: 10px; } .mtext { font-size: 11px; } .ltext { font-size: 12px; } .itext { font-style: italic; } .btext { font-weight: bold; } .bgwhite{ background-color:#fff; } .color1{ color: #679f26; }  .color2{ color: #ccc; }  .color3{ color: #ccc; }  .color4{ color: #666; }  .color5{ color: #999; }  .color6{ color: red; } .color7{ color: green; } .color8{ color: #fff; } .color9{ color: #333; } .color10{ color: #156ea7; }  .icon{ margin-bottom: -3px; } img.imgArticulo{ background: url('http://static.sonygallery-inson.com/img/imageLoading.gif') no-repeat 50% 50%; font-size: 10px; } body{ font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #333; background-color: #fff; } .footer{ clear:both; } a{ outline-style:none; color: #999; text-decoration:none; } a:hover { color: #012e58; text-decoration:underline; } .boxStyle{ background-color: #efefef; background-image: url('http://static.sonygallery-inson.com/img/common/3px.gif'); background-repeat: repeat; }  #header { margin: 0px 0px 0px 0px; background-position: 0px 0px; } #header .headerContent { position: relative; width: 990px; height: 61px; } #header .headerContent a.headerLogo{ position: absolute; top : 13px; left: 23px; width: 243px; height: 29px; text-decoration: none; background-position: 0px -76px; } #header .headerContent a.headerLogo span{ visibility:hidden; position: absolute; bottom: -15px; left: 80px; font-size: 11px; color: #fff; } #header .headerContent a.headerLogo:hover span{ visibility:visible; } #header .headerContent .headerBuscador{ position: absolute; top: 15px; left: 290px; } #header .headerContent .headerBuscador .cntInputsBuscador{ position: relative; width: 410px; height: 30px; } #header .headerContent .headerBuscador input#txBuscador{ position: absolute; left: 0px; width: 380px; height: 25px; font-size: 18px; font-weight: 100; font-family: Verdana, Arial; color: #666; background: #fff; border: 1px solid #ccc; padding: 2px; margin: 0px 0px 2px 0px; } #header .headerContent .headerBuscador #btBuscar{ position: absolute; top: 5px; right: 0px; } #header .headerContent .headerBuscador #btBuscar img{ background-position: -148px 0px; width: 20px; height: 20px; } #header .headerContent img.setIcono.iconoTransporte { position: absolute; top: 8px; right: 35px; width: 126px; height: 44px; background-position: 0px -105px; }   #menuTop { background-color: #fff; color: #fff; } #menuTop .cntTop { position: relative; width: 990px; height: 23px; background-position: 0px -61px; } #menuTop .cntTop img.setWide { position: absolute; top: 0px; width: 5px; height: 23px; } #menuTop .cntTop img.setWide.borderLeft { left: 0px; background-position: 0 -84px; } #menuTop .cntTop img.setWide.borderRight { right: 0px; background-position: 0 -107px; } #menuTop .cntTop .headerCarrito { position: absolute; top: 2px; right: 15px; width: 300px; padding: 4px; text-align: right; } #menuTop .cntTop .headerCarrito a { position: relative; font-size: 11px; padding: 0px 0px 0px 30px; margin: 0px 10px 0px 0px; color: #fff; font-weight: bold; } #menuTop .cntTop .headerCarrito a img.setIcono { position: absolute; top: -13px; left: 0px; width: 28px; height: 30px; background-position: -160px -25px; } #menuTop .cntTop .headerLogin { position: absolute; top: 5px; left: 10px; padding: 0px 0px 0px 28px; } #menuTop .cntTop .headerLogin a { color: #fff; } #menuTop .cntTop .headerLogin a.btDesconectar img { background-position: -188px -25px; width: 10px; height: 10px; margin-bottom: -1px; } #menuTop .cntTop .headerLogin a.btDesconectar:hover img { background-position: -188px -35px; } #menuTop .cntTop .headerLogin img.setIcono.iconoCliente { position: absolute; top: -8px; left: 0px; width: 22px; height: 26px; background-position: -126px -105px; }  #web { position: relative; margin: 0pt auto; width: 990px; text-align: left; } #content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #leftContent{ width: 220px; height: auto; float: left; margin-top: -6px; padding: 0; } #rightContent{ width: 750px; height: auto; float: right; padding: 0px 3px 0px 3px; } #ruta{ padding: 3px 7px 3px 3px; color: #880000; font-size: 11px; } #ruta a { color: #333; font-weight: bold; } #ruta a:hover { color: #666; } #ruta a img { width: 10px; height: 10px; background-position: -148px -20px; margin: 0px 2px 0px 0px; margin-bottom: -1px; } #ruta a:hover img{ background-position: -148px -30px; } a.imprimirPagina{ width: 57px; height: 15px; display: block; position: absolute; top: 94px; right: 15px; display: none; } a:hover.imprimirPagina{ background-position: -130px -73px; }  #footContent{ background-color: #efefef; background-image: url('http://static.sonygallery-inson.com/img/common/3px.gif'); clear: both; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px; } #footContent .cntUlFooter{  width: 25%;  float: left; } #footContent ul{ list-style-type: none; list-style-position: none; color: #777; margin: 0px 30px 0px 25px; } #footContent ul li.listTitle{ font-size: 12px; font-weight: bold; border-bottom: 1px dotted #666; } #footContent ul li{ font-size: 10px; } #footContent ul li a{ color: #999; } #footContent ul.enlacesExternos li a { position: relative; display: block; background-color: #fff; border: 1px solid #ccc; margin: 2px 0px 2px 0px; padding: 5px; height: 15px; } #footContent ul.enlacesExternos li a span { position: absolute; top: 7px; left: 25px; } #footContent ul.enlacesExternos li a img.setIcono { position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; } #footContent ul.enlacesExternos li a img.setIcono.lnkExtPS { background-position: -336px -90px; } #footContent ul.enlacesExternos li a img.setIcono.lnkExtNC { background-position: -352px -90px; }   #header #headerContent #cntInputsLogin { position: absolute; top: 5px; right: 105px; display: none; } #header #headerContent #cntInputsLogin { width: 270px; height: 30px; border: 1px solid #e1e1e1; background-color: #fff; padding: 3px; opacity: 0.9; filter: alpha(opacity=90); } #header #headerContent #cntInputsLogin .cerrarVentana{ position: absolute; top: 3px; right: 5px; width: 10px; height: 10px; display: block; background-repeat: no-repeat; background-position: 0px -94px; } #header #headerContent #cntInputsLogin .btEntrar{ border: 1px solid #ccc; padding: 2px; margin-top: -2px; } #header #headerContent #cntInputsLogin input{ font-size: 10px; background: #fff; border: 1px solid #ccc; padding: 2px; margin: 0px; height: 18px; } #header #headerContent #cntInputsLogin input#txLoginPass { width: 80px; } #header #headerContent #cntInputsLogin span{ display: block; background-color: #fff; }    .tabTitle a{ background-image: url('http://static.sonygallery-inson.com/img/common/bgBotonera.png'); background-repeat: no-repeat; background-position: -0px -0px; display: block; } .tabTitle a span{ display: block; background-image: url('http://static.sonygallery-inson.com/img/common/bgBotonera.png'); background-repeat: no-repeat; background-position: 100% -0px; margin-left: 6px; font-size: 19px; color: #fff; padding: 5px 5px 5px 5px; } .tabTitle a:hover{ color: #fff; }  .bgVerd a{ background-position: -0px -0px; } .bgVerd a span{ background-position: 100% -0px; } .bgVerd .tabHover a:hover { background-position: -0px -33px; } .bgVerd .tabHover a:hover span{ background-position: 100% -33px; }  .bgVermell a{ background-position: -0px -66px; } .bgVermell a span{ background-position: 100% -66px; } .bgVermell .tabHover a:hover { background-position: -0px -99px; } .bgVermell .tabHover a:hover span{ background-position: 100% -99px; }  .bgVerd2 a{ background-position: -0px -132px; } .bgVerd2 a span{ background-position: 100% -132px; } .bgVerd2 .tabHover a:hover { background-position: -0px -165px; } .bgVerd2 .tabHover a:hover span{ background-position: 100% -165px; }  .bgBlau a{ background-position: -0px -198px; } .bgBlau a span{ background-position: 100% -198px; } .bgBlau .tabHover a:hover { background-position: -0px -231px; } .bgBlau .tabHover a:hover span{ background-position: 100% -231px; }  .bgLila a{ background-position: -0px -264px; } .bgLila a span{ background-position: 100% -264px; } .bgLila .tabHover a:hover { background-position: -0px -297px; } .bgLila .tabHover a:hover span{ background-position: 100% -297px; }  .bgGroc a{ background-position: -0px -330px; } .bgGroc a span{ background-position: 100% -330px; } .bgGroc .tabHover a:hover { background-position: -0px -363px; } .bgGroc .tabHover a:hover span{ background-position: 100% -363px; }  .bgGris a{ background-position: -0px -396px; } .bgGris a span{ background-position: 100% -396px; } .bgGris .tabHover a:hover { background-position: -0px -429px; } .bgGris .tabHover a:hover span{ background-position: 100% -3429px; }  .bgGris2 a{ background-position: -0px -462px; } .bgGris2 a span{ background-position: 100% -462px; } .bgGris2 .tabHover a:hover { background-position: -0px -495px; } .bgGris2 .tabHover a:hover span{ background-position: 100% -495px; }  .bgGris3 a{ background-position: -0px -528px; } .bgGris3 a span{ background-position: 100% -528px; } .bgGris3 .tabHover a:hover { background-position: -0px -561px; } .bgGris3 .tabHover a:hover span{ background-position: 100% -561px; }  .bgGris4 a{ background-position: -0px -429px; } .bgGris4 a span{ background-position: 100% -429px; } .bgGris4 .tabHover a:hover { background-position: -0px -561px; } .bgGris4 .tabHover a:hover span{ background-position: 100% -561px; }  .itemAdded{ position: absolute; top: 0px; left: 0px; z-index: 40; width: 100%; padding: 2px 0px 2px 0px; color: red; opacity: 0.8; filter: alpha(opacity=80); border-top: 1px solid #b53332; border-bottom: 1px solid #b53332; background-color: #fff; } .itemAdded.itemAddedHover { opacity: 1; filter: alpha(opacity=100); } .itemAdded span{ padding: 2px 5px 2px 5px ; display: block; } .itemAdded span.titulo{ font-size: 12px; font-weight: bold; color: #346300; } .itemAdded span.titulo img.setIcono { width: 19px; height: 19px; background-position: -203px -41px; margin-bottom: -5px; } .itemAdded span.links{ margin: 1px; color: #666; } .itemAdded span.links a{ color: #666; } .itemAdded span.links a img{ width: 11px; height: 11px; background-position: -148px -20px; margin-bottom: -2px; margin-right: 2px; } .itemAdded span.links a:hover img{ background-position: -148px -30px; } .itemAdded span.loading{ background-color: #EEF5F0; color: #000; font-weight: bold; } .itemAdded span.loading img{ margin-bottom: -3px; margin-right: 5px; } div.monoMini li.item .itemAdded { width: 170px; } .monoColumna .item .itemAdded, #itemsListado #listado_main .lacclp .itemAdded { width: 170px; } #contentFicha .item .itemAdded { width: 180px; top: 25px; } .bodyPacksEnListado .itemAdded{ width: 170px !important; top: 0px !important; } #itemsListado #listado_main .lacclp .bodyPacksEnListado .item .itemAdded{ width: 100% !important; } #itemsListado #listado_main .lacclp .item .itemAdded{ width: 170px !important; } .fichaPack .item .itemAdded{ width: 100% !important; top: 0px !important; } .itemAddedTwin{ position: absolute; z-index: 10000; top: -3px; left: -3px; } .itemTwin{ position: absolute !important; }  .iconoAddCesta img{ width: 74px; height: 24px; display: block; background-repeat: no-repeat; background-position: 0px 0px; } .iconoAddCesta:hover img{ background-position: 0px -24px; } .iconoAddCesta:active img{ background-position: 0px -48px; } .iconoAddCesta img.iconoReserva{ width: 74px; height: 24px; background-position: -74px 0px; } .iconoAddCesta:hover img.iconoReserva{ background-position: -74px -24px; } .iconoAddCesta:active img.iconoReserva{ background-position: -74px -48px; }   .itemDisponibilidad img{ width: 20px; height: 9px; } img.dispo24{ background-position: -168px -0px; } img.dispo48{ background-position: -188px -0px; } img.dispo72{ background-position: -208px -0px; } img.dispo96{ background-position: -228px -0px; } img.dispo120{ background-position: -228px -0px; }  @media print { #header .headerBuscador, #header .iconoTransporte { visibility: hidden; } #menuTop { display: none; } #bgTop { display: none !important; background: none !important; } #web { background: none !important; width: 100%; }  #leftContent { display: none; } #rightContent { width: 100%; border-left: 0px solid #ccc; } #content { background: none !important; } #ruta { padding: 0px 0px 5px 5px; } #footContent { display: none; } .item{ background: none !important; border: 1px solid #ccc; } img{ visibility: hidden; } img.imgArticulo{ visibility: visible; } .paginador{ display: none; } }