/* BORSALINO */
/* www.promaker.com.ar  |  info@promaker.com.ar */

/****************************************** RESET */
* {margin:0; padding:0; outline:0; border:0; background:none; background-repeat:no-repeat; font-size:100%}
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#868485; background:#f2f2f3}
div, h1, h2, h3, h4, h5, h6, form {width:100%}
ul, li, dl, dt, dd, address {width:auto}
#contenedor {width:934px; margin:0 auto;}
#contenedor div, h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul, ol, li, dl, dt, dd, label, address {float:left; display:inline}
a {text-decoration:none; cursor:pointer; color:inherit;}
a:hover {color:#ce0d62}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#868686}
textarea {overflow:auto}
address {font-style:normal}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p {padding-bottom:15px}
table {border-collapse:collapse}
li {list-style-type:none}
.left {float:left !important}
.right {float:right !important}
.center {text-align:center !important}
.justify {text-align:justify}
.float-none {float:none; display:inline-block}
.mensaje {padding:50px 0}
.mensaje p {text-transform:uppercase; font-weight:bold; letter-spacing:1px; word-spacing:1px; text-align:center;}
.margentop {margin-top:15px}
.margenbottom {margin-bottom:15px}
#form_contacto label.error {color:#D61268;font-size:9px !important;text-align:left;width:auto !important; letter-spacing:0; position:absolute; top:-13px; left:122px;}
#form_contacto2 label.error {color:#D61268;font-size:9px !important;text-align:left;width:auto !important; letter-spacing:0;}
#form_registro_consumidor label.error {color:#D61268;font-size:9px !important;text-align:left;width:200px; letter-spacing:0; margin:4px 0 0 127px; float:left;}
#form_registro_consumidor label.valid {display:block !important;}
#form_registro_optica label.error {color:#D61268;font-size:9px !important;text-align:left;width:200px; letter-spacing:0; margin:4px 0 0 183px; float:left; display:none;}
#form_registro_optica label.valid {display:block !important;}
.clearfix {clear:both}
.hidden, hr {display:none}
.captcha_box {margin-top:5px !important;}
#captcha_container, #captcha_container_bis {float:left;}
#registrarse-btn{float:right!important;margin-top:85px;width:110px;font-size:14px;font-weight:bold;color:#CE0D62;background:#EBEBEB url(img/user.png) no-repeat 93% center;border:1px solid #ccc;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;height:24px;line-height:24px;margin-right:39px;padding: 2px 6px;}
#registrarse-btn a:hover{text-decoration:underline}

/****************************************** MAQUETADO */

/* Header */
#header {background:url(img/shape-header.png) no-repeat 0 100%;position:relative;z-index:30;margin-bottom:-41px;padding-bottom:32px;margin-top:-57px}

.logo {width:174px;margin:101px 0 0 40px;}
.logo a {background-image:url(img/logo.gif);float:left;width:174px;height:76px;text-indent:-9999px}

#search-login-wrap {width:652px;float:right!important}

.input-search, .bt_search, #login h4, .input-log, .bt_ir {background-image:url(img/form-utiles.gif)}

#search {width:156px;margin-top:50px;margin-right:5px;float:right!important;}
.input-search {float:left;background-position:0 0;width:123px;height:23px}
.input-search input {padding:0 11px;width:101px;height:23px;line-height:23px}
.bt_search {cursor:pointer;width:29px;height:30px;background-position:0 -46px;text-indent:-9999px;line-height:0;position:relative;margin-top:-3px}

#login {width:302px;height:48px;margin-top:40px;background:url(img/login-dash.gif) no-repeat 0 50%;float:right !important}
#login h4 {background-position:-54px -46px;width:47px;height:11px;text-indent:-9999px;margin:16px 8px 0 20px}
#login form {width:auto}
.input-log {float:left;background-position:0 -23px; width:100px;height:23px;margin-top:10px;}
.input-log input {padding:0 11px;width:78px;height:23px;line-height:23px}
.bt_ir {cursor:pointer;width:25px;height:23px;background-position:-29px -46px;text-indent:-9999px;line-height:0;margin-top:10px;}
#login ul {width:223px;float:right!important;margin:2px 2px 0 0;font-size:10px}
#login ul a:hover {text-decoration:underline}

#logout {width:auto;height:48px;margin-top:40px;background:url(img/login-dash.gif) no-repeat 0 50%;float:right !important;}
#logout span {line-height:48px; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left; padding:0 0 0 20px;}
.logout {background:url(img/logout.jpg) top left no-repeat; width:89px; height:23px; display:block; float:left;margin:11px 0 0 12px; text-indent:-9999px;}

#menu {margin:30px 0 0 0;width:100%;padding-bottom:20px}
#menu li {position:relative}
#menu a {font-size:12px;background-image:url(img/menu-dash.gif);background-position:100% 50%;float:left}
#menu a.current {color:#ce0d62}
.last a {background-image:none !important}

.consubmenu {width:66px}
.submenu {background-position:0 100%;font-size:12px;left:-1px;padding-bottom:12px;position:absolute;top:-5px;display:none}
.submenu li {width:100%}
.submenu .helv {float:left;color:#ce0d62;padding-bottom:13px;padding-top:5px;background-position:0 0;}
.submenu a {background-image:none!important;width:91px}
.submenu a:hover {color:#ce0d62!important}
.subtitle {padding-bottom:3px}

/* Contenidos */
#contenidos {background:#fff; position:relative; z-index:10;}

/* Footer */
#footer {position:relative;margin-top:25px;padding-bottom:15px;color:#696a6d; z-index:200;}
#footer em {padding:0 10px}
#footer a:hover {text-decoration:underline}
.copyright {margin-left:52px;width:auto}
#footer .right {position:relative;margin-top:-6px;width:auto}
#footer .right span {float:left;width:auto;margin:6px 4px 0 0}
#sociales {width:126px;float:right;margin-top:-6px;position:relative}
#sociales li {float:right;margin-left:5px}
#sociales a {background-image:url(img/iconos-sociales.png);height:27px;width:27px;float:left;text-indent:-9999px}
a.facebook {background-position:0 0}
a.twitter {background-position:-27px 0}
a.youtube {background-position:-54px 0}

#productos {height:126px;background:url(img/prod-bg.png) repeat-x 0 100%;position:absolute;left:0;top:-151px;font-size:12px}
#productos-temporada {background:url(img/productos-bg.png) left bottom no-repeat; float:left; width:150px; height:126px; display:block; text-indent:-9999px;}
#productos-bg {background:url(img/productos-bg.png) right bottom;width:auto;height:110px;margin-top:16px;padding:0 30px 0 0;}
#productos a {background-image:url(img/borde-productos.png);background-position:100% 0;width:122px;height:121px;float:left;position:relative}
#productos li {margin-right:-8px;position:relative}
#productos em {position:absolute;text-indent:-9999px;left:0;top:0;background:url(img/borde-productos.png);background-position:0 0;width:122px;height:121px;padding:0;z-index:500}
#productos img {position:absolute;left:6px;top:7px}
#productos a:hover {text-decoration:none;}
#productos a:hover em {background-position:-122px 0}
#productos a span {text-align:center;width:98%;letter-spacing:-1px;position:absolute;left:0;bottom:15px}
#productos ul {margin-top:-20px;position:relative;width:auto}
.borsalino_sol a {background-position:0 0}
.borsalino_sol a:hover, .borsalino_sol .activo {background-position:-122px 0}
.borsalino_lentes {position:relative;margin-left:-8px}
.borsalino_lentes a {background-position:0 -121px}
.borsalino_lentes a:hover, .borsalino_lentes .activo {background-position:-122px -121px}
.productos-position {width:auto;}

.productos {width:540px; float:left; padding:0 0 160px 25px; margin:50px 0 0 0;}

.productos-right {width:165px; float:right !important;}
.productos-center {width:356px; float:left;}

#consulta-producto {margin:10px 0 0 13px; float:left; width:140px;}

#otros-colores {width:150px;position:relative;z-index:90;}
#otros-colores h3 {background-position:-102px 0;width:16px;height:138px;position:absolute;top:0;left:-74px;z-index:2000}
#otros-colores img {float:left;margin-right:5px;}
#otros-colores strong {font-size:12px;text-transform:uppercase}
#otros-colores span {display:block;font-size:9px;height:24px;}
#otros-colores a {font-size:9px;color:#ce0d62}
#otros-colores a:hover {text-decoration:underline}

#productos-relacionados {width:100%; float:left; margin:20px 0 0 0;}
#productos-relacionados h3 {color:#e4136f; font-family:Arial, Helvetica, sans-serif; text-transform:none !important; font-size:14px;}
#productos-relacionados ul {margin:25px 0 0 0;}
#productos-relacionados li {padding:0 10px 30px 0}
#productos-relacionados img {padding:3px 0}
#productos-relacionados a {background-image:url(img/img-wrap.gif);background-position:0 0;width:165px;height:116px;float:left;text-align:center;overflow:hidden}
#productos-relacionados a:hover {background-position:0 -169px}
#productos-relacionados span {background:#fff;padding:2px 10px;text-transform:uppercase;font-size:10px}

.colores-ver {position:absolute; bottom:4px; left:0;}

.jcarousel-skin-colores  {height:240px;width:170px}
.jcarousel-skin-colores .jcarousel-container-vertical {width: 170px;height:352px}
.jcarousel-skin-colores .jcarousel-clip-vertical {width: 170px; height: 213px;margin-top:15px}
.jcarousel-skin-colores .jcarousel-item {width:170px;height:50px;border-bottom:1px solid #efefef;position:relative;}
.jcarousel-skin-colores .jcarousel-item-vertical {padding:10px 0;}
.jcarousel-skin-colores .jcarousel-item-placeholder {background: #fff;color: #000}
.jcarousel-skin-colores .jcarousel-container-vertical  {height:218px;width:150px;}
.jcarousel-skin-colores .jcarousel-next-vertical {position: absolute;bottom:-17px;right:0;width:170px;height:8px;cursor:pointer;background:url(img/arrowcolores.jpg) bottom left no-repeat;z-index:60}
.jcarousel-skin-colores .jcarousel-next-vertical:hover {background-position: 100% -16px}
.jcarousel-skin-colores .jcarousel-next-vertical:active {background-position: 100% -16px}
.jcarousel-skin-colores .jcarousel-next-disabled-vertical,
.jcarousel-skin-colores .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-colores .jcarousel-next-disabled-vertical:active {cursor:default;background-position:-9999px -9999px}
.jcarousel-skin-colores .jcarousel-prev-vertical {position:absolute;top:7px;right:0;width:150px;height:8px;cursor:pointer; background:url(img/arrowcolores.jpg) top left no-repeat;}
.jcarousel-skin-colores .jcarousel-prev-vertical:hover {background-position: 100% -8px}
.jcarousel-skin-colores .jcarousel-prev-vertical:active {background-position: 100% -8px}
.jcarousel-skin-colores .jcarousel-prev-disabled-vertical, .jcarousel-skin-colores .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-colores .jcarousel-prev-disabled-vertical:active {cursor:default;background-position:-9999px -9999px;}

/* Grales. */
.back {margin-top:40px;text-align:right}
.back span {color:#ce0d62}
.back a {padding-right:35px;position:relative;z-index:40}
.titles {background-image:url(img/title-shadow.gif);background-position:100% 0;width:136px;height:292px;margin-top:10px}
.titles h2, #otros-productos h3, #notas-anteriores h3, #campanas-anteriores h3 {background-image:url(img/titles-sprite.gif);text-indent:-9999px;margin-top:20px}
.oneline {margin-left:80px;}
.twolines {margin-left:50px;}

#paginador {width:auto;position:relative;z-index:30;font-size:12px;/*white-space:nowrap;*/background-image:url(img/bg-paginador.gif);height:22px;margin:-5px 60px 0 0;padding-left:4px}
#paginador div {width:auto;background-image:url(img/bg-paginador.gif);background-position:100% 0;padding-top:3px;height:19px;padding-right:10px}
#paginador a.activo {color:#ce0d62;font-weight:bold}
#paginador a, #paginador span {padding:0 2px}
a.anterior, a.siguiente {background-image:url(img/prev-next.gif);width:8px;height:16px;display:inline-block;text-indent:-9999px;padding:0!important}
a.anterior {background-position:0 0;margin-right:28px}
a.anterior:hover {background-position:0 -16px}
a.siguiente {background-position:-8px 0;margin-left:28px}
a.siguiente:hover {background-position:-8px -16px}

#content_col {width:555px;background-image:url(img/bg-r.jpg);background-position:100% -18px;padding-top:34px;margin-left:30px; padding-bottom:65px;}
#content_col h2, #central h3 {font-size:14px;font-weight:bold;font-size:14px;text-transform:uppercase}
#content_col h2 span, #central h3 span {font-size:11px;font-weight:normal;text-transform:none}
#content_col h2 em, #central h3 em {padding:0 6px}
#content_col .code, #central .code {font-size:14px;font-weight:bold;text-transform:none; margin:0 10px 0 0;} 

.bt_form {background:#c20a5b url(img/form-utiles.gif) -54px -58px;color:#fff;width:66px;height:15px;line-height:15px;letter-spacing:1px;cursor:pointer;padding-bottom:2px}

/****************************************** SECCIONES */

/* PRODUCTOS */
.b_sol_title {background-position:0 0;width:51px;height:167px}
.b_lentes_title {background-position:-51px 0;width:51px;height:167px}
.b_busqueda_title {background-position:-51px 0;width:51px;height:167px}

.productos_contenido {padding:0 0 135px; width:756px; float:left;}
.productos_contenido #paginador {margin:0 30px 0 0;}

#productos-list img {padding:3px 0}
#productos-list a {background-image:url(img/img-wrap.gif);background-position:0 0;width:165px;height:116px;float:left;text-align:center;overflow:hidden}
#productos-list a:hover {background-position:0 -169px}
#productos-list span {background:#fff;padding:2px 10px;text-transform:uppercase;font-size:10px}

#img-zoom {width:354px}
#img-zoom h4 {background-image:url(img/zoom-icon.gif);background-position:5px 0;font-size:10px;height:14px;margin-top:7px;text-indent:23px; width:auto; padding:0 0 5px 0;}
#img-zoom a {float:left}

#miniaturas {margin-left:20px;position:relative;z-index:60;width:344px;}
#miniaturas img {}
#miniaturas ul {margin-top:5px;width:100%;}
#miniaturas li {width:74px;height:45px;overflow:hidden;margin:0 6px 6px 0}
#miniaturas li a {border:1px solid #bab9b9;float:left;width:72px;height:43px;overflow:hidden}
#miniaturas li a:hover {border-color:#ce0d62}

.productos-right h4 {color:#e4136f;font-weight:bold;padding:7px 0 2px}
.productos-right span input, .productos-right textarea {font-size:10px;border:1px solid #b9b8b8;width:114px;background:#fff;padding:1px 6px;margin-top:3px}
.productos-right textarea {height:37px}
.productos-right .bt_form {float:right;margin:4px 12px 0 0}
.productos-right select {font-size:10px;border:1px solid #b9b8b8;width:128px;background:#fff;padding:1px 1px 1px 6px;margin-top:3px}
#consulta-producto #provincia_argentina, #consulta-producto #localidad_argentina {color:#e4136f; font-size:10px;}

#otros-productos {width:184px;position:relative;z-index:90;margin-top:10px;}
#otros-productos h3 {background-position:-102px 0;width:16px;height:138px;position:absolute;top:0;left:-67px;z-index:2000}
#productos_vertical img {float:left;margin-right:5px;}
#productos_vertical strong {font-size:12px;text-transform:uppercase}
#productos_vertical span {display:block;font-size:9px;height:24px;overflow:hidden}
#productos_vertical a {font-size:9px;color:#ce0d62}
#productos_vertical a:hover {text-decoration:underline}

/* CONTACTO */
.contacto_title {background-position:-230px 0;width:25px;height:167px}
.contacto {width:720px;float:left;margin:20px 0 0 40px; position:relative; padding-bottom:185px;}
.contacto p {font-size:14px; font-weight:bold;}
.contacto form div {margin:15px 0 0 0; position:relative;}

.contacto label {width:110px; float:left; text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; margin:0 13px 0 0;}
.contacto .text {background:#EEEEEE; width:160px; float:left; padding:2px;}
.contacto textarea {background:#EEEEEE; width:160px; height:90px; float:left; padding:2px;}
.contacto .submit {background:url(img/enviar.jpg) top left no-repeat; width:75px; height:18px; cursor:pointer; margin:0 0 0 122px;}

.captcha_refresh:hover {text-decoration:underline;}

/* EVENTOS */
.eventos_title {background-position:-117px 0;width:52px;height:200px}
.eventos h2 {font-weight:bold;font-size:14px; width:100%; margin:0 0 0 4px; padding:0 0 5px 0; float:left;}
.eventos h2 span {font-weight:normal;}

.img-th {float:left; margin:0 14px 0 0; width:91px; height:62px; position:relative;}
.img-th span a {background:url(img/mask-img.png) top left no-repeat; width:91px; height:62px; display:block; float:left; position:absolute; top:0; left:0; text-indent:-9999px;}
.img-th img {margin:3px;}
.info-novedad {float:left; width:auto;}
.novedad {margin:10px 0 0 0;}
.novedad h3 {color:#d61268; font-weight:bold; float:none; width:auto; line-height:17px;}
.novedad h3 a {color:#d61268; font-weight:bold; text-decoration:none; float:none; font-size:11px;}
.novedad h3 a:hover {color:#d61268; text-decoration:underline;}
.novedad p {padding:0; float:none; color:#696a6d;}
.novedad a {color:#d61268; text-decoration:underline; float:left; width:auto; font-size:9px;}
.novedad a:hover {color:#333333;}

#notas-anteriores {float:left; position:relative;z-index:90;margin-top:10px;}
#notas-anteriores ul {width:112px; margin:6px 0 0 18px;}
#notas-anteriores li {width:112px; float:left;}
#notas-anteriores span {color:#E1135D; font-size:9px; margin:0 5px 0 0;}
.pink {color:#CE0D62; font-size:9px; text-decoration:underline;}
.pink:hover {color:#343434;}

#novedad-detalle {margin:25px 0 0 0;}
#novedad-detalle p {float:none; text-align:justify;}
.img-detalle {width:266px; height:177px; position:relative;}
.th {width:274px; float:left;}
#novedad-detalle .img-th {margin-right:0;}
.img-detalle span a {background:url(img/mask-detalle.png) top left no-repeat; width:266px; height:177px; text-indent:-9999px; float:left; position:absolute;}
.img-detalle img {margin:3px;}

/* Empresa */
.empresa_title {background-position:-286px 0;width:31px;height:200px}
.empresa {width:730px; margin:34px 0 0 38px; background:url(img/bg-empresa2.jpg) 100% 20px no-repeat; padding:0 260px 150px 0; width:456px;}
.empresa h3 {font-weight:bold; font-size:14px; padding:0 0 20px; float:left; clear:both;}
.empresa p {float:left; font-size:11px; line-height:18px; text-align:justify; width:506px;}

/* Campaņas fotos */
.camapanas_title {background-position:-181px 0;width:31px;height:200px}
.fotos {width:577px;background-image:url(img/bg-r.jpg);padding-top:34px;margin-left:30px;padding-bottom:135px; min-height:300px}
.fotos h2 {font-weight:bold;font-size:14px; width:100%; margin:0 0 0 4px; padding:0 0 5px 0; float:left;}
.fotos h2 span {font-weight:normal;}
.fotos #paginador {margin-top:15px;}
#fotos-lista {float:left;}
.foto {position:relative;}
.foto span.mask a {position:absolute; top:0; left:0; display:block; text-indent:-9999px;}
.foto span.title a {text-align:center; margin:5px 0 0 0; float:left; font-size:9px;}
.foto span.title a:hover {color:#CE0D62; text-decoration:underline;}
.foto img {float:left;}
.lupa {background-image:url(img/zoom-icon.gif); background-position:3px 0; font-size:10px; height:14px; margin-top:7px; text-indent:23px;}

#campanas-anteriores {width:150px; float:left; position:relative; padding:0 0 0 20px;}
#campanas-anteriores h3 {background-position:-214px 0; height:190px; left:-73px;
position:absolute; top:0; width:12px; z-index:2000;}
#campanas-anteriores p {margin:24px 0 0 0; padding:0 0 10px 0;}
#campanas-anteriores ul {width:150px; margin:0; padding:0 0 10px;}
#campanas-anteriores li {width:150px; float:left; margin:0;}
#campanas-anteriores span {color:#E1135D; font-size:9px; margin:0 5px 0 0;}
#campanas-anteriores li .pink {margin:10px 0 0 0; float:left;}

/* Videos */

.videos {width:577px;padding-top:34px;margin-left:30px;padding-bottom:155px; min-height:300px;}
.videos h2 {font-weight:bold;font-size:14px; width:100%; margin:0 0 0 4px; padding:0 0 5px 0; float:left;}
.videos h2 span {font-weight:normal;}

.videos object {float:left;}
#mas-videos {width:170px; float:left; margin:21px 0 0 11px; overflow:hidden;}
#mas-videos h3 {font-size:12px; font-weight:bold;}

#videos_vertical img {float:left;margin-right:5px;}
#videos_vertical strong {font-size:12px;text-transform:uppercase}
#videos_vertical span {display:block;font-size:9px;height:24px;overflow:hidden}
#videos_vertical a {font-size:9px;color:#ce0d62}
#videos_vertical a:hover {text-decoration:underline}

.play {background:url(img/play.jpg) left center no-repeat; line-height:13px; text-transform:uppercase; color:#909090 !important; float:left; padding:0 0 0 18px;}
.play:hover {text-decoration:underline;}

/* Registro */
.modificar_title {background-position:-318px 0;width:51px;height:210px}
.registro_title {background-position:-255px 0;width:30px;height:210px}

#registro {width:730px; float:left; margin:30px 0 0 30px; padding:0 0 150px 0; overflow:hidden;}
#registro h3 {font-weight:bold; font-size:14px; padding:0 0 15px 0;}
#registro label {float:left; font-size:10px; margin:0 18px 0 0;}
#registro .text {background-color:#EEEEEE; border:0; padding:2px; font-size:11px; width:160px;}
#registro .radio {margin:0 15px 0 0; float:left;}
#registro span {float:left; width:auto; margin:0 5px 0 0;}
#registro div {margin:5px 0 0 0;}
#registro select {font-size:9px;}
#registro .submit {background:url(img/enviar.jpg) top left no-repeat; width:75px; height:18px; cursor:pointer; text-indent:-9999px;}
#registro select {width:164px; border:1px solid #EEEEEE;}
#registro #localidad_argentina span {width:auto; color:#DB156C; margin:0 0 0 128px; font-size:10px;}
 
#consumidor-final {width:360px; float:left; background:url(img/bgoptica.jpg) top right no-repeat; overflow:hidden;margin: 5px 0 0 200px !important;}
#consumidor-final label {width:110px; float:left; text-align:right;}
#form_registro_consumidor div {position:relative;}

#optica {width:360px; float:left; margin-left:10px !important;  overflow:hidden;}
#optica h3 {margin-left:40px;}
#optica label {width:165px; float:left; text-align:right;}
#optica #localidad_argentina_optica span {width:auto; color:#DB156C; margin:0 0 0 182px; font-size:10px;}

.factura {left:78px; margin:0 !important; position:absolute; top:-2px; width:auto;}
.factura a {background:url(img/help.jpg) top left no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left;}
.factura-img {left:70px; position:absolute; top:78px; z-index:9999; width:544px; height:305px;}
.factura-img img {border:2px solid #E4136F;}


/* Restaurar contraseņa */

.restaurar {background:url(img/restaurar_pass.jpg) top left no-repeat !important; width:51px; height:209px; display:block;}
.restaurar-pass {background:url(img/title-shadow.gif) right top no-repeat; margin:20px 0 0 40px; width:720px; padding:0 0 100px 0;}
.restaurar-pass p {float:left; text-align:center; width:720px; margin:40px 0 0 0;}
.restaurar-pass h3 {text-transform:none !important; margin:18px 0 0 0; padding:0 0 20px 0;}
.restaurar-pass label {width:auto; margin:0 10px 0 0; float:left; line-height:22px;}
.restaurar-pass .text {border:1px solid #EEEEEE; color:#868485; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px 2px 3px; float:left; width:150px; margin:1px 0 0 0; background:#EEEEEE;}
.restaurar-pass .bt_ir {margin:0 !important;}
.restaurar-pass form {margin:0 0 0 248px; width:auto; padding:0 0 160px 0; position:relative}
.restaurar-pass label.error {position:absolute; top:34px; left:0; width:218px; text-align:center; color:#DB156C;}

/* Mi pedido */

.pedido {width:700px; float:left; margin:50px 0 0 25px; padding:0 0 160px 0;}
.pedido h2 {background:url(img/mispedidos.jpg) top left no-repeat; width:153px; height:29px; display:block; text-indent:-9999px;}
.pedido span {color:#818181; font-weight:bold; font-size:14px; margin:5px 0 0 10px; float:left;}

.pedido table {margin:25px 0 0 0;}
.pedido table th {background:#EEEEEE; color:#8e8e8e; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:3px 5px; border-right:4px solid #FFFFFF; text-align:left;}
.pedido table select {border:1px solid #949494;}
.pedido table td {padding:8px 5px; border-bottom:2px solid #C9C9C9; border-right:4px solid #FFFFFF; letter-spacing:1px;}

.bt_pedidos {width:auto; float:left; margin:30px 0 0 6px;}
.bt_pedidos a {background:url(img/bt_pedidos.jpg) top left no-repeat; width:122px; padding:4px 0; display:block; color:#FFFFFF; text-align:center; font-size:15px;}

.eliminar {background:url(img/eliminar.jpg) top left no-repeat; width:17px; height:18px; display:block; text-indent:-9999px;}
.eliminar:hover {background-position:right top;}

.pic {background:url(img/pic.jpg) top left no-repeat; display:block; width:16px; height:16px; text-indent:-9999px;}

.blanco-bg {background:#FFFFFF !important; color:#FFFFFF !important;}
.border-no {border-bottom:none !important;}

.preview {position:absolute; width:auto;}
.pic-prod {position:absolute; top:18px; left:18px; float:left;}
.pic-prod img {float:left; border:2px solid #E0257E;}

.historial {width:700px; float:left; margin:50px 0 0 25px; padding:0 0 160px 0;}
.historial h2 {background:url(img/historialpedidos.jpg) top left no-repeat; width:100%; height:30px; display:block; text-indent:-9999px;}

.historial table {margin:25px 0 0 0;}
.historial table th {background-color:#818181; color:#FFFFFF; font-weight:normal; padding:3px 5px; font-size:12px; border-right:4px solid #FFFFFF; text-align:left;}
.historial table td {padding:8px 5px; border-bottom:2px solid #C9C9C9; border-right:4px solid #FFFFFF; letter-spacing:1px;}
.historial table td table {margin:10px 0 0 0;}
.historial table td table th {background:#EEEEEE; color:#8E8E8E; letter-spacing:0;}
.historial table td table td {border-bottom-color:#EEEEEE;}

.ver-mas {background:url(img/table.jpg) top left no-repeat; width:16px; height:16px; display:block; text-indent:-9999px;}
.padding-no {padding:0 !important;}

/* */

/* Resultado de busqueda */

.b_busqueda_title {background:url(img/resultadobusqueda.jpg) top left no-repeat !important; width:52px !important; height:235px !important;}

.title-seccion-rbo h2 {background:url(img/resultado_b_optica.jpg) top left no-repeat; width:300px; height:30px; text-indent:-9999px; padding:0;}
.title-seccion-rbo span {float:left; width:100%; padding:0 0 8px 0;}

.jcarousel-skin-videos  {height:286px;width:170px; overflow:hidden;}
.jcarousel-skin-videos .jcarousel-container-vertical {width: 170px;height:249px; margin:5px 0 0 0;}
.jcarousel-skin-videos .jcarousel-container-vertical li {width:170px;}
.jcarousel-skin-videos .jcarousel-clip-vertical {width: 170px; height: 249px;margin-top:15px}
.jcarousel-skin-videos .jcarousel-item {width:170px;height:67px;padding-top:15px;border-bottom:1px solid #efefef}
.jcarousel-skin-videos .jcarousel-item-vertical {}
.jcarousel-skin-videos .jcarousel-item-placeholder {background: #fff;color: #000}
.jcarousel-skin-videos .jcarousel-container-vertical  {height:249px;width:170px;}
.jcarousel-skin-videos .jcarousel-next-vertical {position: absolute;bottom:-22px;right:-18px;width:215px;height:8px;cursor:pointer;background: url(img/controlsmin.gif) no-repeat 0 100% #fff;z-index:60}
.jcarousel-skin-videos .jcarousel-next-vertical:hover {background-position: 100% 100%}
.jcarousel-skin-videos .jcarousel-next-vertical:active {background-position: 100% 100%}
.jcarousel-skin-videos .jcarousel-next-disabled-vertical,
.jcarousel-skin-videos .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-videos .jcarousel-next-disabled-vertical:active {cursor:default;background-position: -9999px -9999px}
.jcarousel-skin-videos .jcarousel-prev-vertical {position:absolute;top:7px;right:-18px;width:215px;height:8px;cursor:pointer;background: url(img/controlsmin.gif) no-repeat 0 0 #fff}
.jcarousel-skin-videos .jcarousel-prev-vertical:hover {background-position: 100% 0}
.jcarousel-skin-videos .jcarousel-prev-vertical:active {background-position: 100% 0}
.jcarousel-skin-videos .jcarousel-prev-disabled-vertical, .jcarousel-skin-videos .jcarousel-skin-videos .jcarousel-prev-disabled-vertical:active {cursor:default;background-position: -9999px -9999px}

.jcarousel-skin-productos  {height:352px;width:184px}
.jcarousel-skin-productos .jcarousel-container-vertical {width: 184px;height:352px}
.jcarousel-skin-productos .jcarousel-clip-vertical {width: 184px; height: 352px;margin-top:15px}
.jcarousel-skin-productos .jcarousel-item {width:184px;height:67px;padding-top:15px;margin-left:14px;border-bottom:1px solid #efefef}
.jcarousel-skin-productos .jcarousel-item-vertical {margin-bottom:5px}
.jcarousel-skin-productos .jcarousel-item-placeholder {background: #fff;color: #000}
.jcarousel-skin-productos .jcarousel-container-vertical  {height:352px;width:184px;}
.jcarousel-skin-productos .jcarousel-next-vertical {position: absolute;bottom:-17px;right:-28px;width:207px;height:8px;cursor:pointer;background:#fff url(img/controls.gif) no-repeat 0 100%;z-index:60}
.jcarousel-skin-productos .jcarousel-next-vertical:hover {background-position: -215px -8px}
.jcarousel-skin-productos .jcarousel-next-vertical:active {background-position: -215px -8px}
.jcarousel-skin-productos .jcarousel-next-disabled-vertical,
.jcarousel-skin-productos .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-productos .jcarousel-next-disabled-vertical:active {cursor:default;background-position: -9999px -9999px}
.jcarousel-skin-productos .jcarousel-prev-vertical {position:absolute;top:7px;right:-28px;width:207px;height:8px;cursor:pointer;background:#fff url(img/controls.gif) no-repeat 0 0}
.jcarousel-skin-productos .jcarousel-prev-vertical:hover {background-position: -215px 0}
.jcarousel-skin-productos .jcarousel-prev-vertical:active {background-position: -215px 0}
.jcarousel-skin-productos .jcarousel-prev-disabled-vertical, .jcarousel-skin-productos .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-productos .jcarousel-prev-disabled-vertical:active {cursor:default;background-position: -9999px -9999px;}

/* -- Cloud-Zoom -- */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {border: 1px solid #e26ea1;margin:-1px;/* Set this to minus the border thickness. */background-color:#fff;cursor:crosshair}
/* This is for the title text. */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0}
/* This is the zoom window. */
.cloud-zoom-big {border:1px solid #e26ea1;overflow:hidden}
/* This is the loading message. */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;top:50%!important}
/*

    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; /*overflow:hidden;*/}
#cboxLoadedContent{overflow:visible !important;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.jcarousel-skin-ancho  {height:300px;width:150px;}
.jcarousel-skin-ancho .jcarousel-container-vertical {width: 150px;height:300px}
.jcarousel-skin-ancho .jcarousel-clip-vertical {width: 150px; height: 300px;margin-top:18px}
.jcarousel-skin-ancho .jcarousel-item {width:150px;height:15px;margin-left:14px; padding:0 0 0 20px; padding:7px 0; border-bottom:1px solid #fff;}
.jcarousel-skin-ancho .jcarousel-item-vertical {}
.jcarousel-skin-ancho .jcarousel-item-placeholder {background: #fff;color: #000}
.jcarousel-skin-ancho .jcarousel-container-vertical  {height:300px;width:150px;}
.jcarousel-skin-ancho .jcarousel-next-vertical {position: absolute;bottom:-26px;right:0;width:150px;height:8px;cursor:pointer;background:url(img/contlsmin.gif) no-repeat -40px 100%;z-index:60;}
.jcarousel-skin-ancho .jcarousel-next-vertical:hover {background-position: -254px 100%}
.jcarousel-skin-ancho .jcarousel-next-vertical:active {background-position: -254px 100%}
.jcarousel-skin-ancho .jcarousel-next-disabled-vertical,
.jcarousel-skin-ancho .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-ancho .jcarousel-next-disabled-vertical:active {cursor:default;background-position: -9999px -9999px}
.jcarousel-skin-ancho .jcarousel-prev-vertical {position:absolute;top:8px;right:0;width:150px;height:8px;cursor:pointer;background:url(img/contlsmin.gif) no-repeat -40px 0}
.jcarousel-skin-ancho .jcarousel-prev-vertical:hover {background-position: -254px 0}
.jcarousel-skin-ancho .jcarousel-prev-vertical:active {background-position: -254px 0}
.jcarousel-skin-ancho .jcarousel-prev-disabled-vertical, .jcarousel-skin-ancho .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-ancho .jcarousel-prev-disabled-vertical:active {cursor:default;background-position: -9999px -9999px}

/* ColorBox */
#cboxOverlay{background:none repeat scroll 0 0 #000000;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/css/img/border1.jpg) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/css/img/border1.jpg) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/css/img/border1.jpg) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/css/img/border1.jpg) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/css/img/border1.jpg) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/css/img/border1.jpg) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/css/img/border2.jpg) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/css/img/border2.jpg) -25px 0 repeat-y;}
    #cboxContent{background:#EFEDEE;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:-60px; left:-12px; text-align:left; width:100%; color:#747474; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px;}
        #cboxCurrent{position:absolute; bottom:-40px; left:-12px; color:#747474; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; left:28px; top:50%; color:#BBBBB9; background:url(/css/img/prev.jpg) top center no-repeat; width:70px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; padding:65px 0 0 0; text-align:center; font-size:18px; margin-top:-30px; display:block !important;}
		#cboxPrevious:hover {text-decoration:underline; color:#BBBBB9;}
        #cboxNext{position:absolute; top:50%; right:28px; color:#BBBBB9; background:url(/css/img/next.jpg) top center no-repeat;  width:70px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; padding:65px 0 0 0; text-align:center; font-size:18px; margin-top:-30px; display:block !important;}
		#cboxNext:hover {text-decoration:underline; color:#BBBBB9;}
        #cboxLoadingOverlay{background:url(/css/img/loading.gif) center center no-repeat #747474;}
        #cboxClose{position:absolute; bottom:-50px; right:-10px; display:block; color:#787878; height:20px; font-size:20px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; width:auto;}
		#cboxClose:hover {color:#787878; text-decoration:underline;}

/*
    The following fixes jpg-transparency for IE6.  
    It is also necessary for jpg-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.jpg, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.jpg, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.jpg, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.jpg, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.jpg, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.jpg, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.jpg, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.jpg, sizingMethod='scale');}
*/


#cboxContent {background-color:#747474;}
#cboxContent img {border:10px solid #FFFFFF !important;}
#cboxLoadedContent { margin-left:0; /*padding:0 135px 0;*/ margin:30px 0 50px;}
#colorbox {background-color:#ffffff; padding-bottom:100px !important; margin-top:-25px;} 
#cboxWrapper {padding-bottom:50px;}