/*Hoja de estilo para tienda de TodoPapas.com*/

/*--INDICE--

-GENERAL
--Fuentes nuevo layout
--Botones
--Migas
--Paginador
--Enlaces
--Mensajes
-MENU SUPERIOR
-ENCABEZADO
-NAVEGACION
-PIE
-HOME
-LISTADO
-FICHA
--Resumen
--Detalle
--Envio
--Social
--Promoción
--Artículos relacionados
--Comentarios
--Videos
-CESTA
-ÚLTIMO PEDIDO
-PEDIDOS ANTERIORES
-COMPRA
-PAGINA GENERICA
-INGRESO

FIN INDICE--*/


/*-GENERAL*/
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: arial, helvetica, sans-serif    
}
body {
    text-align: center;
    font-size: 12px;
    color:#58585a
}
ul, li {
    list-style: none
}
img, fieldset {
    border: none
}
a:hover {
    text-decoration: none
}

input[type="checkbox"]{
    width:13px;
    height:13px;
    vertical-align: sub;
}
h1{
font-size:30px;
line-height:30px;
font-weight:bold;
color:#e69544;
margin:0 0 12px
}
.clearboth {
    clear: both
}
.displaynone {
    display: none
}
.displayblock {
    display: block
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.overflowhidden {
    overflow: hidden
}
.underline {
    text-decoration: underline
}
.centrado {
    text-align: center
}
.wrapper-general {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    position: relative
}
.con-migas {
    padding-top: 60px
}
.principal {
    position: relative;
    overflow:hidden
}
#contenido-superior {
    top: 0;
    left: 0;
    width: 100%
}
#columna-izquierda {
    width: 200px;
    float: left;
    padding-right: 12px    
}
#columna-derecha {
    width: 783px;
    float: right    
}
/*Fuentes Nuevo Layout*/
.menu-superior-opciones, #call, .boton.pequeno{
    font-size:12px
}
.navegacion-enlace-nivel-1{
    font-size:13px
}
#buscador [placeholder], #cesta-superior, #migas a, #migas .actual, .navegacion-enlace-nivel-2, .oferta-especial h5, .oferta-especial a{
    font-size:14px
}
#navegacion-encabezado, #paginador *{
    font-size:16px
}
#paginador .paginador-activo{
    font-size:18px
}
.boton{
    font-size:22px
}
.menu-superior-opciones, #buscador [placeholder], #call, #cesta-superior, #registro-login, #navegacion-encabezado, .boton, #ir-todopapas a{
    font-weight:bold
}
.menu-superior-opciones span, #call a, #ir-todopapas a{
    color:#53a0d3
}
#call{
    color:#898989
}
#cesta-superior-valor, #buscador [placeholder]{
    color:#646464
}
#cesta-superior-nombre, .navegacion-enlace-nivel-1:hover, .navegacion-enlace-nivel-2:hover, .oferta-especial a:hover{
    color:#f0800f
}
#menu-superior p, #pie-marca{
    color:#787878
}
.navegacion-enlace-nivel-1, .navegacion-enlace-nivel-2{
    color:#707070
}
#navegacion-encabezado, .boton {
    color:#fff
}
#migas a{
    color:#40a4e6
}
#migas .actual{
    color:#505050
}
#paginador a , #pie a, #ficha .opiniones a, .avisoVisitante .registrate{
    color:#4ca5e0
}
#paginador-pagina {
    color:#c1c1c1
}
.oferta-especial h5{
    color:#e23831
}
.oferta-especial a{
    color:#393939
}
/*Fin Fuentes Nuevo Layout*/

/*Botones*/
.boton {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    height: 33px;
    line-height: 33px;
    display: block;
    line-height: 33px;
    text-align: center;
    border: none;
    overflow: visible
}
input.boton {
    padding-bottom:3px !important;
    line-height:31px
}
.boton.pequeno {
    height: 21px;
    line-height: 21px
}
.boton.naranja {
    background: #ee9f38
}
.boton.verde {
    background: #b1c800
}
.boton.gris {
    background: #bbb
}
.boton:hover {
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.boton.verde:hover {
    background: #bac54a
}
.boton.naranja:hover, .boton.gris:hover {
    background: #f9a83e
}
/*Migas*/
#migas {
    background: #f2f2f2;
    height: 32px;    
    position: absolute;
    top: 3px;
    right: 0;
    width: 778px;
    padding-left:5px
}
#migas div {
    float: left;
    margin: 0 4px;
    line-height: 32px
}
#migas a:hover{
    text-decoration:underline
}
/*Paginador*/
#paginador{
    background:#f2f2f2;
    height:31px;
    margin-bottom:30px;
    line-height:30px;
    text-align: center
}
#paginador-anterior, #paginador-proxima{
    background-image:url(../images/tienda_2013/paginador.png);
    background-repeat:no-repeat
}
#paginador-anterior{
    padding-right:8px;
    border-right:solid 1px #b0b0b0;
    padding-left:11px;
    background-position:0 3px
}
#paginador-proxima{
    padding-left:8px;
    border-left:solid 1px #b0b0b0;
    padding-right:11px;
    background-position:right -17px
}
#paginador-pagina, #paginador a, #paginador-activo{
    margin:0 3px
}

/*Enlaces*/
.enlaces{
    border: 1px solid #E6E6E6;
    padding: 18px;
    margin: 0 auto 25px;
    border-radius:3px;
    float: left;
    width: 96%;
}
.enlaces dl{
    clear:both;
    margin:0 0 12px -12px
}
.enlaces dl dt{
    color: #6F6F6F;
    font-weight: bold;
    margin: 0 0 3px 12px
}
.enlaces dl dd {
    display: inline-block;    
    margin: 0 0 5px 12px
}
.enlaces dl dd a{
    color: #4CA5E0;
    font-size: 11px;
    font-weight:normal;
}
.enlaces dl dd a:hover{
    text-decoration:underline
}
.enlaces dl dd h2, .enlaces dl dd h3, .enlaces dl dd h4, .enlaces dl dd h5, .enlaces dl dd h6, .enlaces dl dd h7{
    display: inline;
}
/*Mensajes*/ 
#mensajeTienda{
    width:800px;
    margin-top: 20px;
}
#mensajeTienda h5{
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    color:#e69544;
    margin:0 0 12px
}
#mensajeTienda p{
    font-size:14px;
    color:#898989;
    margin-bottom:10px
}
#mensajeTienda p a{
    color:#40A4E6;    
}
#mensajeTienda .boton{
    display:inline-block;
    padding:0 10px
}
/*-FIN GENERAL*/

/*-MENU SUPERIOR*/
#registro-login, #ir-todopapas {
    padding-top: 13px
}
#ir-todopapas a:hover{
    text-decoration:underline
}
#call{
    display:block;    
    height:38px
}
#call img{
    padding-top:7px
}
#ir-todopapas {
    float:left
}
#menu-superior {
    height: 37px;
    background: #f5f5f5
}
#registro-login p {
    margin: 0 10px
}
.boton-login-social {
    display: block;
    float: left;
    height: 33px;
    margin-top: -10px
}
.boton-login-social#facebook {
    width: 107px;
    background: url(../images/tienda_2013/login-facebook.png) no-repeat 0 0;
    margin-right: 7px
}
.boton-login-social#twitter {
    width: 99px;
    background: url(../images/tienda_2013/login-twitter.png) no-repeat 0 0
}
.boton-login-social#facebook:hover, .boton-login-social#twitter:hover {
    background-position: 0 -36px
}
.menu-superior-opciones, #idioma #titulo {
    float: left
}

.menu-superior-opciones span:hover{
    text-decoration:underline
}
/*-FIN MENU SUPERIOR*/

/*-ENCABEZADO*/
#encabezado {
    height: 70px;
    clear:both
}
#logo {
    background: url("/images/comun/logo-todopapas.png") no-repeat scroll -2px 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 50px;
    margin: 13px 0 0;
    text-indent: -9999px;
    width: 252px;
}
#buscador {
    float: left;
    width: 485px;
    height: 30px;
    position: relative;
    margin-top: 18px;
}
#buscador input[type="text"] {
	width: 98%;
    height: 18px;
    line-height: 18px;
    padding: 5px 4px;
    border: none
}
#buscador .borde {
	border: solid 2px #99cef0;
	padding: 0;
	height: 28px;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.2)
}

#buscador-boton{
    background: url(../images/tienda_2013/buscador-lupa.png) 0 0 no-repeat;
    width: 32px;
    height: 28px;
    position: absolute;
    right: 2px;
    top: 2px;
    display: block;
    border: 0
}
#cesta-superior{
    padding: 0 8px 0 5px;
    border:solid 1px #ffd6ad;
    float:right;
    height:32px;
    line-height:31px;
    margin-top:17px;
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #efefef 100% ); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#efefef)); /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top,  #fbfbfb 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbfbfb 0%, #efefef 100%); /* IE10+ */
    background: linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* W3C */
    -pie-background: linear-gradient(top,  #fbfbfb 0%,#efefef 100%)    
}
#cesta-superior-icono{
    width:37px;
    height:29px;
    background-image:url(../images/tienda_2013/cesta-superior-icono.png);
    background-repeat:no-repeat;
    background-position:0 0;
    float:left;
    margin-right:3px
}
/*-FIN ENCABEZADO*/

/*-NAVEGACION*/
#navegacion{
    width:99%;
    position:relative;
    z-index:0;
    margin-bottom:30px;
    min-height: 360px;
}
#navegacion.activo{
    z-index:9999
}
#navegacion-sombra{
    width:19px;
    height:332px;
    background:url(../images/tienda_2013/navegacion-sombra.gif) no-repeat 0 0;
    position:absolute;
    right:-19px;
    top:56px;
    z-index:0
}
.navegacion-nivel-1{
    margin-bottom:3px;
    line-height:13px;
    background:url(../images/tienda_2013/navegacion-flecha.png) no-repeat 180px 8px #fff;
    padding:4px;
    border-radius:3px;
    position:relative;    
    height:15px;
    display:block;
    z-index:0
}
.navegacion-nivel-2{
    margin-bottom:12px;    
}
.navegacion-enlace-nivel-1{
    position:absolute;
    left:4px;
    bottom:6px;
    display:block;
    zoom:1;
    width:100%
}
.navegacion-nivel-1.activo{
    display:block;
    z-index:9999;
    box-shadow:-2px 0 5px rgba(100,100,100,0.3);
    background-position:180px -14px;
    cursor:pointer;
}
.navegacion-nivel-1 .submenu{
    position: absolute;    
    width:500px;    
    min-height:300px;
    padding:24px;
    box-shadow: 0 0 5px rgba(100,100,100,0.3);
    background:#fff;    
    top:0;    
    display:block;
    left:-9999px    
}
.submenu:hover{
    cursor:default
}
.submenu.activo{
    left:198px;
}
.navegacion-enlace-nivel-1.activo{
    color:#F0800F;
}
.submenu ul, .oferta-especial{
    float:left;
    width:210px;
    margin-right:14px
}
.oferta-especial{
    border:solid 1px #E4E4E4;
    border-radius:3px;
    padding:5px;
    box-shadow:0 0 5px #ddd;
    text-align:center;
    margin-top:-5px;
}
.oferta-especial .precio{
    color: #F0800F;
    font-size: 22px;
    font-weight: bold;
    height: 34px;
    line-height: 35px;
    margin-bottom:10px
}
.oferta-especial .precio.destacado {
    color:#fc2817
}
.oferta-especial .precio.destacado span{
    color: #F0800F;
    font-size: 12px;
    font-weight: normal
}
.oferta-especial .precio.destacado span span{
    text-decoration:line-through;
    display:inline;
    position:static
}
.oferta-especial a img{
    width: 210px;
}

.oferta-especial h5{
    margin-bottom:12px
}
.navegacion-parche{
    height:23px;
    width:5px;
    background:#fff;
    position:absolute;
    right:0;
    top:0;
    z-index:1
}
#navegacion-encabezado{
    width:192px;
    height:49px;
    background:url(../images/tienda_2013/navegacion-encabezado.png) 0 0 no-repeat;
    padding:9px 0 0 7px 
}

/*Nav Secundaria*/
.navegacionSecundaria{
    border:solid 1px #d3d3d3;
    margin:0 0 17px;
    border-radius:3px
}
.navegacionSecundaria .paginaEspecial {
	padding:0;
}
.navegacionSecundaria .viendo{
    zoom:1
}
.navegacionSecundaria .viendo, .navegacionSecundaria h3{
    background: #ececec;
    font-weight:bold;
    padding: 7px 0 0 7px;
    margin:0 0 3px
}
.navegacionSecundaria h3{
    font-size:16px;
    color:#555;
    display:block;
    padding:7px;
    box-shadow:0 3px 3px #e0e0e0
}
.navegacionSecundaria ul{
    padding:7px 7px 0
}
.navegacionSecundaria ul li{
    padding:0 0 8px
}
.navegacionSecundaria ul li.categoriaActual{
    font-weight:bold;
    color:#e69645
}
.navegacionSecundaria ul li a, .navegacionSecundaria a.verMas{
    color:#53A0D3
}
.navegacionSecundaria li a:hover{
    text-decoration:underline
}
.navegacionSecundaria a.verMas{
    display: block;
    padding: 0 5px 12px;
    font-weight:bold
}
/*-FIN NAVEGACION*/

/*-PIE*/
#pie {
    clear: both;
    padding-top: 10px;
    margin-bottom: 30px;
    width:  
}
#pie .wrapper-general {
    border-top: solid 1px #dadada;
    padding-top: 10px
}
/*-FIN PIE*/

/*-HOME*/
#home #destacado{
    width:779px;
    height:257px;
    margin:0 0 30px;
    overflow:hidden;
    position:relative;
    border:solid 2px #efe9e9;
    border-radius:2px;
}
#home #destacado:hover{
    border-color:#FFD6AD
}
#home #destacado ul.slider{
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%
}
#home #destacado ul.slider li{
    position:absolute
}
#home #destacado ul.controlSlider{
    position:absolute;
    z-index:1;
    top:5px;
    right:1px
}
#home #destacado ul.controlSlider li{
    float:left;
    margin:0 5px 0 0
}
#home #destacado ul.controlSlider li a{
    color:#a8a9a9;
    display:block;
    background:#e9e9e9;
    border:solid 1px #c5c5c5;
    padding:2px 5px;
    font-weight:bold
}
#home #destacado ul.controlSlider li a:hover{
    text-decoration:none;
    color:#777;
    border-color:#aaa;
    background:#ededed
}
#home #destacado ul.controlSlider li.actual a{
    color:#2c2c2c;
    background:#fff;
    border:solid 1px #000
}
#home #destacado ul.controlSlider li.actual a:hover{
    text-decoration:none
}
/*-FIN HOME*/

/*-LISTADO*/
#listadoProductos  .ordenamiento{
    color:#000;
    background:#eee;
    padding:5px;
    margin:0 0 10px
}
#listadoProductos  .ordenamiento span{
    color:#40A4E6;
    text-decoration:underline;
    font-weight:bold ;
    cursor:pointer;
}
#listadoProductos .fila{
    padding:0 0 15px;
    zoom:1 /*ie 7*/;
    overflow:hidden;
    margin-left:-12px;
    z-index:15;
    position:relative
}
#listadoProductos .item, #listadoCesta #listadoProductos .item{
    border: 1px solid #e4e4e4;
    border-radius:2px;
    float: left;
    margin: 0 0 0 12px;
    padding: 10px;
    position: relative;
    width: 231px;
    background:#fff;
    display:block;
    z-index:15
}
#listadoProductos .item:hover,  #listadoCesta #listadoProductos .item:hover{
    box-shadow:0 0 8px #ddd;
    border-color:#c1c1c1    
}
#listadoProductos .item:hover .boton{
    background:#f9a83e;
}
#listadoProductos .conRegalo{
    background:url(../images/tienda_2013/ico_regalo.png) no-repeat 0 0;
    display: block;
    height: 36px;
    position: absolute;
    width: 73px;
    top:5px;
    left:5px
}
#listadoProductos .detalles{    
    position:relative;    
}
#listadoProductos .tooltip{
    background: #fff;
    border-color: #555;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    font-size: 11px;
    padding: 3px;
    position: absolute;
    right: -10px;
    bottom: 45px;
    width: 242px;
    z-index: 78;
    display:none
}
.tooltip span{
    display: block;
    font-size: 10px;
    text-align: center;
    color: rgb(51, 51, 51);
    background:rgb(224, 224, 224);
    border: 1px solid rgb(204, 204, 204);
    margin: 2px 0pt 0pt
}
#listadoProductos .detalles:hover .tooltip{
    display:block
}    
#listadoProductos .item a.nombre{
    color:#7a7a7a;
    font-weight:bold;
    display:block;
    min-height: 35px;
    width:92%;
    font-size:16px
}
.item img, #listadoCesta #listadoProductos .item img {
    display:block;
    margin:0 auto;
}
.item .boton{
    margin:0 auto 10px;
    width:130px;
    display:block;
    height:25px;
    line-height:25px;
    font-size:14px;
}
#listadoProductos .item  .precio{
    color: #F0800F;
    font-size: 22px;
    font-weight: bold;
    height: 34px;
    line-height: 35px;
    margin-bottom:10px
}
#listadoProductos .item  .precio.destacado{
    color:#fc2817
}
#listadoProductos .item  .precio.destacado .lowPrice{
    color: #FC2817;
    font-size: 22px;
    font-weight: bold;
}
#listadoProductos .item  .precio.destacado span{
    color: #F0800F;
    font-size: 12px;
    font-weight: normal
}
#listadoProductos .item  .precio.destacado span span{
    text-decoration:line-through;
    display:inline;
    position:static
}
#listadoProductos .item .anadir{
    display:block;
    width:112px;
    background:url(../images/tienda_2013/tienda_boton_anadir.png) no-repeat 0;
    font-weight:bold;
    color:#f0800f;
    padding:17px 0 8px 35px;
    float:left;
}
#listadoProductos .item .verDetalles{    
    color:#40a4e6;
    font-weight:bold
}
#listadoProductos .item .oferta{
    background: url("../images/tienda_2013/oferta.png") repeat  0 0 ;
    height: 85px;
    position: absolute;
    right: 0;
    top: 0;
    width: 73px
}
#listadoProductos .item .oferta span, #listadoProductos .item .oferta span span{
    color: #FFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 31px 0 0;
    text-align: center
}
#listadoProductos .item .oferta span span{
    font-size: 18px;
    margin: -3px 0 0;
}
.logoMarca{    
    padding-top:5px
}
.resto, .fechaEntrega{    
    color:#333;        
}
.cantUnidades{
    color:#f00;
    font-weight:bold
}
.detalleTipo{
    font-weight:bold;
    color: #1C1C1C;    
}
.resto, .fechaEntrega, .detalles{
    margin-bottom:5px;
    border-bottom:solid 1px #efefef;
    padding-bottom:5px
}

.detalleListado{
    display: none;
}
/*Filtros Mejorados*/
.filtros{
    background:#fafafa;
    padding: 18px;
    margin-bottom:60px    
}
.filtros p{
    color:#303030
}
.filtros p span{
    display:block;
    font-size:16px;    
    font-weight:bold;
    color:#8a9d56
}
.filtros.mejorados{
    overflow:hidden;
    padding:5px;
    margin:0 0 25px;
    border-radius:3px
}
.filtros.mejorados  p{
    width:auto;
    line-height:31px    
}
.filtros.mejorados span{        
    margin-left:12px
}
.filtros  select{
    border:solid 1px #c1d38f;
    padding:2px;
    width:175px
}
.contenedorFiltros div{
    float:left;
    margin:2px 0 0 15px
}
.filtros label{
    display: block;
    font-weight: bold;
    margin: 0 0 2px
}
.filtros .checkboxes{
    padding:15px
}
.checkboxes label{
    display:inline;
    margin-right:8px;
    text-align:top
}
/*-FIN LISTADO*/

/*-FICHA*/
#ficha h2{
    color:#323232;
    font-size:18px;
    font-weight:bold;
    margin:0 0 8px;
    border:none;
    padding:0
}
.usaDivisor{
    margin:0 0 20px;
    padding:0 0 20px;
    border-bottom:solid 1px #dadada
}
/*Resumen*/
#ficha #resumen{
    overflow:hidden;
    margin:0 0 20px
}
#ficha .imagenes{
    width:242px;
    margin:0 0 20px;
    position:relative
}
#ficha .imagenes a, .zoomPad{
    border:solid 1px #c2c2c2;
    display:block
}
#ficha .imagenes .destacada, .zoomPad{
    margin:0 0 10px
}
#ficha .imagenes img{
    display:block
}
#ficha .imagenes ul{
    margin:0 0 0 -6px;
    zoom:1;
}
#ficha .imagenes ul li{
    vertical-align:top;
    float:left;
    margin:0 0 0 6px
}
#ficha .imagenes li a{
    overflow:hidden;
    height:54px
}
#ficha .info{
    width:505px;
    float:right;
    overflow:hidden;
    margin:0 0 20px;
    position:relative
}
#ficha .info h1{
    color:#323232;
    font-weight:bold;
    font-size:30px;
    line-height:32px;
    width:365px;
    margin:0 0 8px;
    float:left
}
#ficha .logoMarca{
    text-align:left;
    padding:5px 5px 5px 15px;
    margin-left:15px;
    text-align:center;
    border-left:solid 1px #ebebeb;
    float:right
}

.logoListado{
    text-align:left;
    padding:5px 5px 5px 15px;
    margin-left:15px;
    text-align:center;
    border-left:solid 1px #ebebeb;
    float:right
}

#ficha .resto{
    width:244px;
    margin-bottom:10px
}
#ficha .precio, #ficha .precio.oferta, #ficha .resto, #ficha .regalo{
    clear:both
}
#ficha .precio .porcentaje{
    height:22px;
    width:100px;
    padding:5px;
    line-height:20px
}
#ficha .precio .porcentaje, #ficha .precio .porcentaje *{
    color:#f00;
}
#ficha .precio .porcentaje{
    font-style:italic
}
#ficha .precio .porcentaje span{
    font-style:normal
}
#ficha .precio .porcentaje *{
    display:inline
}
#ficha  .puntuacion , #ficha .opiniones {
    margin:0 0 2px
}
#ficha  .puntuacion , #ficha .opiniones , #ficha  .puntuacion span, #ficha .opiniones span{
    color:#1c1c1c
}
#ficha  .puntuacion span, #ficha .opiniones span{
    font-weight:bold
}
#ficha  .puntuacion span{
    margin: 0 5px 0 0
}
#ficha .opiniones a{
    text-decoration:underline;
}
#ficha .precio{
    color:#323232;
    margin:6px 0
}
#ficha .precio span{
    color:#f0800f;
    font-weight:bold;
    font-size:18px;
    color:#f0800f;
    /*display:block*/
}
#ficha .oferta  span{
    color:#fc2817
}
.oferta  .antes {
    color:#f0800f
}
#ficha .antes span{
    display:inline;
    color:#f0800f;
    font-weight:normal;
    font-size:12px;
    text-decoration:line-through
}
#ficha span.gratis{
    background:#FEFEFE;
    border: 1px dotted #F0800F;
    color: #FC2817;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px;
    position: relative;
    top: -2px
}
#ficha .regalo{
    border-radius:3px;
    padding:8px 8px 8px 27px;
    margin:0 0 10px;
    background:url(../images/tienda_2013/ico_regalo_pequeno.png) no-repeat 4px 6px #efefef;
    display:inline-block;
    *display:inline; /*ie7*/
    zoom:1
}
.regalo .titulo{
    color:#f41d0b;
    font-weight:bold;
    margin-bottom:5px
}
.regalo .nombreRegalo, .regalo .precioRegalo, .regalo .aviso{
    font-size:11px;
    color:#101010
}
.regalo .precioRegalo{
    margin-bottom:5px
}
.regalo .nombreRegalo{
    font-weight:bold
}
.regalo .aviso span{
    font-weight:bold;
    color:#fc2817;
    font-size:11px
}
.regalo .detalleRegalo{
    margin-left:45px
}
.regalo .imagen{
    display:block;
    float:left;
    border:solid 1px #e7e7e7
}
#ficha .anadirGrande{
    display:inline-block;
    padding:0 10px;
    clear:both;
    margin-top:10px
}

/*Detalles*/
#ficha #detalles p{
    color: #1C1C1C;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 10px;
    clear:both
}
#iconos-ropa{
    margin-left:-25px;        
}
#iconos-ropa img{
    margin-right:-20px;
}
/*Envío*/
#ficha #envio{
    padding:10px 11px 2px;    
    background:#fafafa;
    margin:0 0 20px
}
#ficha #envio .stock{
    font-size:14px;
    font-weight:bold;
    color:#b1c800;
    margin:0 0 10px
}        
#ficha #envio .stock-naranja{
    font-size:14px;
    font-weight:bold;
    color: #F0800F;
    margin:0 0 10px
}
#ficha #envio  li{
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 0 5px;
    vertical-align: top;
    zoom:1
}
#ficha #envio  span, #ficha #envio  p{
    color:#1c1c1c
}
#ficha #envio  span{
    font-weight:bold;
    float:left;
    display:block;
    width:98px
}
#ficha #envio  p{
    margin:0 0 0 107px
}

/*Social*/
#ficha #social{
    height:50px;
    clear:both;
}
#ficha #social .toolbox{
    float:left;
    padding:6px 0 0
}
#ficha #social .opinar{
    float:right;
    text-align:center;
    margin-top:-8px
}
#social .opinar p{
    color:#1c1c1c;
    font-weight:bold;
    display:block;
    margin:0 0 8px
}
#social .boton{
    padding:0 5px;
    display:inline-block
}
#ficha .avisoVisitante{
    background:#f3f3f3;
    border:solid 1px #db6700;
    padding:5px 5px 15px;
    text-align:center;
    overflow:hidden;
    margin:0 0 40px
}
#ficha .avisoVisitante p{
    color:#db6700;
    font-weight:bold;
    margin:0 0 10px
}
.avisoVisitante .registrate{
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline
}    
.avisoVisitante .boton{
    display:inline-block;
    padding:0 10px;
    font-size:16px;
    position:relative
}
/*Promoción*/
#ficha  #promocion a{
    border:solid 1px #c3c3c3;
    display:block;
    float:left;
    margin: 0 5px 0 0
}
#ficha  #promocion strong {
    color:#414141;
    font-size:28px;
    font-weight:bold;
    float:left;
    margin: 0 5px 0 0;
    vertical-align:middle;
    padding:12px 0 0
}

#ficha  #promocion div{
    color:#f0800f;
    font-size:16px;
    font-weight:bold;
    margin:0 0 0 5px
}
#ficha #promocion div a{
    font-size:12px;
    height:28px;
    border-radius:3px;    
    background:#b1c800;
    font-weight:bold;
    color:#fff;
    padding:5px;
    position:relative;    
    display:inline;
    float:none;
    top:5px
}
#promocion div a span{
    width:5px;
    background:url("../images/tienda_2013/sprite_botones.png") no-repeat  -496px -0;
    height:100%;
    position:absolute;
    right:-5px;
    top:0
}
#ficha #promocion p{
    clear:both;
    color:#1c1c1c;
    padding:5px 0 0;
    zoom:1
} 

/*Artículos Relacionados*/
#ficha #articulosRelacionados {
    position:relative
}
#articulosRelacionados  .control{
    position:absolute;
    width:27px;
    height:99px;
    background-image:url("../images/tienda_2013/sprite_prod_rel_control.jpg");
    background-repeat:no-repeat;
    top:35px
}
#articulosRelacionados  .control.izq{
    background-position:0 0;
    left:0;
}
#articulosRelacionados  .control.der{
    background-position:right 0;
    right:0;
}
#articulosRelacionados ul{
    overflow:hidden;
    padding: 0 46px;
    margin:12px 0 0    
}
#articulosRelacionados li{
    float: left;
    margin: 0 0 0 30px;
    width: 137px
}
.relacionadoTitulo{
    font-weight:bold;
    color:#445f77;
    display:block;
    clear:both;
    margin:0 0 5px
}
#articulosRelacionados  li a.imagenProducto{
    border:solid 1px #c3c3c3;
    float:left
}
#articulosRelacionados  li img{
    display:block    
}
.relacionadoPrecio{
    color:#f0800f;
    font-weight:bold;
    font-size:18px
}
#articulosRelacionados  li .puntuacion {
    margin:0 0 5px
}

/*Comentarios*/
#ficha #comentarios{
    overflow:hidden;
    margin:0 0 40px
}
#comentarios .boton{
    padding:0 10px;
    float:right;
    margin:0 5px 0 0;
    font-size:16px
}
#comentarios .superior{
    margin-top:-30px
}
#comentarios .inferior{
    margin-top:-20px
}
#comentarios ul li{
    margin:0 0 20px
}
#comentarios  li h3{
    color:#c16100;
    font-weight:bold;
    font-size:14px;
    margin:0 0 8px
}
#comentarios  li .usuario{
    color:#1c1c1c;
    margin:0 0 8px
}
#comentarios  li .usuario, #comentarios  li .usuario a{
    font-weight:bold
}
#comentarios  li .usuario a, #comentarios  li .cantidadComentarios a{
    color:#445f77
}
#comentarios  li p{
    color:#1c1c1c;
    margin:0 0 8px
}
#comentarios  li .cantidadComentarios{
    background:url("../images/tienda_2013/ico_comment.gif") no-repeat 0 3px;
    padding:0 0 0 15px
}
#comentar{
    margin:0 0 40px
}
#comentar h2{
    float:left;
    margin:0 10px 0 0
}
#comentar form textarea{
    width:553px;
    height:221px;
    border:solid 1px #ffd194;
    padding:3px;
    margin:0 0 10px;
    overflow:auto
}
#comentar form .botonComentar{
    float:right;
    margin:0 5px 0 0
}
#comentar .boton{
    padding:0 10px
}
#sinComentarios{
    text-align:center;
    padding:20px 5px 30px;
    background:#f7ffea;
    margin:0 0 40px
}
#sinComentarios p{
    color:#323232;
    font-weight:bold;
    margin:0 0 10px;
    font-size:14px
}
#sinComentarios .boton{
    display:inline-block;
    padding:0 10px;
    position:relative
}
/*Video*/
.videoProducto{
    clear:both;
    margin:30px 0
}
/*-FIN FICHA*/

/*-CESTA*/
#listadoCesta table{
    width:100%;
    margin:0 0 20px
}
#listadoCesta .encabezado{
    height:30px;
    background:#FAFAFA
}
#listadoCesta .encabezadoProducto{
    width:5%;
    padding:0 0 0 25px 
}
#listadoCesta .encabezadoVacio{
    width:50%
}
#listadoCesta .encabezadoPrecio{
    width:15%;
    text-align:left
}
#listadoCesta .encabezadoCantidad{
    width:15%;
    text-align:center
}
#listadoCesta .encabezadoPapelera{
    width:15%;
    text-align:center
}
#listadoCesta  th{
    font-size:14px;
    font-weight:bold;
    color:#616161;
}
#listadoCesta tr.gris{
    background:#f8f8f8
}
#listadoCesta .imagen{
    padding:10px 25px
}
#listadoCesta .item{
    padding:0 25px 0 0
}
#listadoCesta .item a, .modificarCantidad{
    color:#4ca5e0;    
}
#listadoCesta .item a{
    font-weight:bold;
    font-size:15px;
}
.modificarCantidad{
    margin-bottom:5px;    
}
.modificarCantidad, .modificarCantidad:hover{
    text-decoration:underline;    
}
#listadoCesta .item img{
    margin:0 15px 0 0;
    vertical-align:middle
}
#listadoCesta .precio{
    color:#f0800f;
    font-size:14px;
    font-weight:bold
}
#listadoCesta .precio .destacado{
    color: #fc2817
}
#listadoCesta .precio .destacado span{
    color:#f0800f;
    font-weight: normal;
}
#listadoCesta .precio .destacado span span{
    text-decoration:line-through;
    display:inline;
    position:static
}
#listadoCesta .papelera a{
    display:block;
    width:29px;
    height:37px;
    background:url("../images/tienda_2013/ico_cesta.png") no-repeat  0 0;
    margin:0 auto
}
#listadoCesta .cantidad{
    text-align:center;    
}
#listadoCesta .cantidad span{
    font-weight:bold;
}
.cestaCantidad{
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius:3px;
    padding:3px;
    text-align:left;    
    overflow:hidden;
    margin:5px 0;
    background:#fff
}
.cestaCantidad input{
    margin:5px auto;
    float:none
}
.cestaCantidad .boton{
    display:block;
    width:130px
}
#listadoCesta .precioTransporte{
    background:#FAFAFA;
    height:43px
}
#listadoCesta .precioTransporte td.izq, #listadoCesta .total td.izq{
    width:50%;
    text-align:right;
    padding:0 25px
}
#listadoCesta .precioTransporte td{
    font-weight:bold;
    font-size:14px;
    color:#808080
}
#listadoCesta .total{
    background:#e1e1e1;
    height:43px
}
#listadoCesta .total td{
    font-weight:bold;
    font-size:14px;
    color:#353535
}
#opcionesCesta .boton{
    padding:0 10px;
    display:inline-block;
    float:right;
    margin-left:10px;
    font-size: 18px;
}
#listadoCesta .boton.finalizar{
    background:url(../images/tienda_2013/tienda_boton_finalizar.jpg) no-repeat 0 0;
    padding:17px 39px 18px 9px
}
#listadoCesta .boton.continuar{
    background:url(../images/tienda_2013/tienda_boton_continuar.jpg) no-repeat 0 0;
    padding:17px 52px 18px 9px
}
/*-FIN CESTA*/

/*-ÚLTIMO PEDIDO*/
#ultimoPedido h1{
    margin:0 0 25px
}
#ultimoPedido .datos, #ultimoPedido h2{
    padding:0 0 0 10px
}
#ultimoPedido h2{
    color:#323232;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    border:none;
    display:inline;
    margin:0 5px 0 0
}
#ultimoPedido a.verPedidos{
    color:#4CA5E0;
    font-size:14px;
    text-decoration:underline
}
#ultimoPedido .datos{
    margin:20px 0;
    overflow:hidden
}
#ultimoPedido .campo{
    margin:0 0 12px
}
#ultimoPedido .nombreCampo{
    float:left;
    width:140px;
    font-weight:bold;
    color:#1c1c1c
}
#ultimoPedido .valorCampo{
    margin:0 0 0 150px;
    color:#282828
}
#ultimoPedido .valorCampo span{
    display:block;
    margin:0 0 2px
}
#ultimoPedido .valorCampo span a{
    font-weight:bold;
    color:#4CA5E0;
    text-decoration:underline
}
#ultimoPedido table{
    width:100%;
    margin:0 0 12px;
}
#ultimoPedido .precioTransporte td.izq, #ultimoPedido .total td.izq,  #ultimoPedido .subTotal td.izq,  #ultimoPedido .totalIva td.izq,  #ultimoPedido .descuentoCupon td.izq{
    background:#fff;
    text-align:right;
    padding:0 25px;
    border:none
}
#ultimoPedido .precioTransporte td, #ultimoPedido .subTotal td, #ultimoPedido .totalIva td, #ultimoPedido .descuentoCupon td{
    font-weight:normal;
    color:#707070;
    text-align:center;
    padding:2px 0;
    font-size:11px
}
#ultimoPedido .encabezado{
    height:30px;
    background:#eeeeee;
    border:solid 1px #edf2e0
}
#ultimoPedido .encabezadoProducto{
    
    padding:0 0 0 5px 
}
#ultimoPedido .encabezadoPrecio{
    width:15%;
    text-align:center
}
#ultimoPedido .encabezadoCantidad{
    width:15%;
    text-align:center
}
#ultimoPedido  th{
    font-size:13px;
    font-weight:bold;
    color:#3c3c3c;
}
#ultimoPedido tr.gris{
    background:#f8f8f8
}
#ultimoPedido .item{
    padding:10px 5px
}
#ultimoPedido .item a{
    color:#3b566e
}
#ultimoPedido .item img{
    margin:0 15px 0 0;
    vertical-align:middle
}
#ultimoPedido .cantidad{
    text-align:center;
    font-size:14px;
    color:#111
}
#ultimoPedido .precio{
    color:#f0800f;
    font-weight:bold;
    text-align:center
}
#ultimoPedido  td{
    border:1px solid #EDF2E0
}
#ultimoPedido .precioTransporte td.izq, #ultimoPedido .total td.izq, #ultimoPedido .subTotal td.izq{
    background:#fff;
    text-align:right;
    padding:0 25px;
    border:none
}
#ultimoPedido .total{
    background:#e8efd8;
    height:25px;
    text-align:center
}
#ultimoPedido .subTotal{
    background:#f7fff3;
    height:25px
}
#ultimoPedido .total td{
    font-weight:bold;
    font-size:12px;
    color:#393939
}
#ultimoPedido .boton{
    display:inline-block;
    padding:0 10px
}
/*-FIN ÚLTIMO PEDIDO*/

/*PEDIDOS ANTERIORES*/
#pedidosAnteriores h1{
    margin:0 0 25px
}
#pedidosAnteriores h2{
    color:#323232;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    border:none;
    display:inline;
    margin:0 5px 0 0
}
#pedidosAnteriores a.verPedidos{
    color:#4CA5E0;
    font-size:14px;
    text-decoration:underline
}
#pedidosAnteriores table{
    width:100%;
    margin:20px 0 12px;
}
#pedidosAnteriores table td {
    border:solid 1px #edf2e0;
    color:#111;
    padding:8px
}
#pedidosAnteriores .encabezado{
    height:30px;
    background:#eeeeee;
    border:solid 1px #edf2e0
}
#pedidosAnteriores .encabezadoFecha{
    width:10%
}
#pedidosAnteriores .encabezadoPedido{
    width:30%
}
#pedidosAnteriores .encabezadoEstado{
    width:30%
}
#pedidosAnteriores .encabezadoCosto{
    width:15%
}
#pedidosAnteriores .encabezadoFactura{
    width:15%
}
#pedidosAnteriores .encabezadoVer{
    width:10%;
    text-align:left
}
#pedidosAnteriores  th{
    font-size:13px;
    font-weight:bold;
    color:#3c3c3c;
    padding:0 0 0 8px;
    text-align:left
}
#pedidosAnteriores .numeroPedido{
    font-size:14px
}
#pedidosAnteriores tr.gris{
    background:#f8f8f8
}
#pedidosAnteriores .costo{
    color:#f0800f;
    font-weight:bold
}
#pedidosAnteriores .ver{
    text-align:center
}
#pedidosAnteriores .ver a{
    color:#4CA5E0;
    font-weight:bold
}
#pedidosAnteriores .estado a{
    color:#4CA5E0;
    text-decoration:underline
}
/*FIN PEDIDOS ANTERIORES*/

/*-COMPRA*/
#compra h1{
    margin:0 0 20px
}
#compra h2{
    color:#323232;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    border:none;
    clear:both;
    margin:0 5px 15px 0
}
#compra p{
    color:#1c1c1c;
    font-size:14px;
    margin:0 0 14px
}
#compra #pasos{
    padding:12px 0 2px;
    border-style:solid;
    border-color:#dadada;
    border-width:1px 0;
    overflow:hidden;
    margin:0 0 15px
}
#pasos .avisoSeguridad{
    background: url("../images/tienda_2013/sprite_compra.png") no-repeat -6px -240px;
    color: #323232;
    display: block;
    font-weight: bold;
    height: 45px;
    padding: 5px  0 0 39px;
    width:117px;
    float:left;
    margin:0 16px 0  0
}
#pasos ul{
    position:relative;
    float:left
}
#pasos li{
    color:#313f0b;
    font-weight:bold;
    float:left;
    width:145px;
    height:22px;
    background: url("../images/tienda_2013/sprite_compra.png") no-repeat -13px -141px;
    position:absolute;
    top:0;
    padding:11px 0;
    text-align:center
}
#pasos li.paso_1{
    left:0;
    z-index:4;
    padding-left:6px;
    text-align:left
}
#pasos li.paso_2{
    left:130px;
    z-index:3
}
#pasos li.paso_3{
    left:260px;
    z-index:2
}
#pasos li.paso_4{
    left:390px;
    z-index:1;
    background-position:-13px -186px
}
#pasos li.actual{
    background: url("../images/tienda_2013/sprite_compra.png") no-repeat -13px -52px;
    top: 3px;
    z-index:10;
    padding:8px 14px 5px 1px;
    color:#fff
}
#pasos li.paso_1.actual{
    padding: 8px 6px;
    left: 4px;
    background-position:-13px -99px
}
#pasos li.paso_4.actual{
    padding: 8px 21px;
    background-position:-13px -7px;
    text-align:left
}
#compra .datos{
    margin:0 0 20px;
    overflow:hidden
}
#compra .datos .radio{
    width:13px;
    padding:0;
    height:13px;
    margin:0 10px 10px 0;
    vertical-align:top
}
#compra  .radio.direccion{
    float:left
}
#compra .datos label{
    color:#1c1c1c;
    font-weight:bold;
    margin:0 0 10px
}
#compra .campo{
    margin:0 0 20px
}
#compra .nombreCampo{
    float:left;
    width:140px;
    font-weight:bold;
    color:#1c1c1c
}
.nombreCampo span{
    font-weight:normal;
    font-size:11px;
    display:block;
    margin:5px 0 0
}
#compra .valorCampo{
    margin:0 0 0 150px;
    color:#282828
}
#compra .valorCampo span{
    display:block;
    margin:0 0 2px
}
#compra .valorCampo span a, .valorCampo .agregarDireccion{
    font-weight:bold;
    color:#53a0d3;
    text-decoration:underline;
    background:none;
    border:none;
    cursor:pointer
}
#compra .valorCampo strong{
    color:#282828;
    font-weight:bold;
    font-size:11px
}
#compra .valorCampo span span, #compra .valorCampo span span a{
    font-size:11px;
    font-weight:normal
}
#compra .valorCampo span span{
    display:inline
}
#compra .valorCampo span span a{
    color:#445f77;
    text-decoration:none
}
#compra .valorCampo span span a:hover{
    text-decoration:underline
}
#compra .direccion{
    margin:0 0 20px 20px
}
#compra table{
    width:100%;
    margin:0 0 12px;
}
#compra  #cupon {
    border:dashed 1px #f26008;
    background:#f9f9f9;
    margin:20px 0 0;
    padding:10px;
    width:380px
}
#cupon p{
    margin:0 0 5px
}
#compra #cupon label{
    color:#ce5c00;
    display:block;
    margin:0 0 5px
}
#cupon input{
    height:16px;
    padding:2px;
    border:solid 1px #f26008;
    width:182px;
    margin:0 0 5px
}
 #cupon span{
    color: #000;
    display: block;
    font-size: 11px
}
#compra .modInfoUsr, #compra .nuevaDireccion{
    background:#ededed;
    padding:5px;
    width:290px;
    margin:0 0 2px -5px
}
#compra .nuevaDireccion{
    padding:10px 10px 5px;
    background:#f2f2f2;
    border:solid 1px #e5e5e5
}
#compra .nuevaDireccion a{
    color: #445F77;
    font-weight: bold;
    text-decoration: underline
}
#compra .modInfoUsr label, #compra .nuevaDireccion label{
    font-size:11px;
    font-weight:normal;
    color:#2f2f2f;
    display:block;
    margin:0 0 3px
}
 #compra .nuevaDireccion label{
     float:left;
     margin:0 5px 0 0;
     width:50px
}
 #compra .nuevaDireccion .labelCheck{
    float:none;
    width:auto;
    display:inline;
    vertical-align:bottom;
    zoom:1;
    line-height:20px
}
.modInfoUsr .inputTexto,  .nuevaDireccion .inputTexto, .nuevaDireccion select{
    height:16px;
    border:solid 1px #8dac36;
    width:182px;
    vertical-align:middle
}
.nuevaDireccion .inputTexto, .nuevaDireccion select{
    height:20px;
    width:174px;
    zoom:1
}
.modInfoUsr .inputBoton, .nuevaDireccion .inputBoton{
    width:91px;
    height:23px;
    background:url(../images/tienda_2013/tienda_boton_guardar.png) no-repeat 0 0 ;
    color:#535353;
    font-weight:bold;
    cursor:pointer;
    line-height:15px;
    vertical-align:middle;
    border:none;
    padding:0 0 2px
}
.modInfoUsr .inputBoton:hover, .nuevaDireccion .inputBoton:hover{
    text-decoration:underline
}
#compra .nuevaDireccion span{
    margin:0 0 10px;
    overflow:hidden
}
#compra table td {
    border:solid 1px #edf2e0
}
#compra .encabezado{
    height:30px;
    background:#eeeeee;
    border:solid 1px #edf2e0
}
#compra .encabezadoProducto{
    
    padding:0 0 0 5px 
}
#compra .encabezadoPrecio{
    width:15%;
    text-align:center
}
#compra .encabezadoCantidad{
    width:15%;
    text-align:center
}
#compra .encabezadoModificar{
    width:15%;
    text-align:center
}
#compra  th{
    font-size:13px;
    font-weight:bold;
    color:#3c3c3c;
}
#compra tr.gris{
    background:#f8f8f8
}
#compra .item{
    padding:10px 5px
}
#compra .item a{
    color:#3b566e
}
#compra .item img{
    margin:0 15px 0 0;
    vertical-align:middle
}
#compra .cantidad{
    text-align:center;
    font-size:14px;
    color:#111
}
#compra .precio{
    color:#f0800f;
    font-weight:bold;
    text-align:center
}
#compra .modificar{
    text-align:center
}
#compra .modificar a{
    color:#445f77;
    text-decoration:underline;
}
#compra .precioTransporte, #compra .descuentoCupon, #compra .totalIva{
    background:#f7fff3;
    height:25px
}
#compra .precioTransporte td.izq, #compra .total td.izq,  #compra .subTotal td.izq,  #compra .totalIva td.izq,  #compra .descuentoCupon td.izq{
    background:#fff;
    text-align:right;
    padding:0 25px;
    border:none
}
#compra .precioTransporte td, #compra .subTotal td, #compra .totalIva td, #compra .descuentoCupon td{
    font-weight:normal;
    color:#707070;
    text-align:center;
    padding:2px 0;
    font-size:11px
}
#compra .subTotal{
    background:#f7fff3;
    height:25px
}
#compra .total{
    background:#c9eeb7;
    height:28px;
    text-align:center
}
#compra .total td{
    font-weight:bold;
    font-size:14px;
    color:#555
}
#compra #TiendaPedidoComentarioComentario{
    border:1px solid #8DAC36;
    overflow:auto;
    height:90px;
    padding:3px;
    width:270px
}
#compra .boton{
    padding:0 10px;
    margin-right:20px;
}
#compra .confirmacion{
    background: url("../images/tienda_2013/sprite_compra.png") no-repeat  -220px -227px #EFEFEF;
    border: 1px solid #C1D491;
    padding: 14px 14px 14px 79px;
    margin:0 0 20px
}
.confirmacion h3{
    color: #B1C800;
    font-size: 36px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 11px
}
#compra .confirmacion p{
    color:#4c4c4c;
    font-size:22px;
    margin:0 0 10px
}
.confirmacion span{
    color:#343434;
    font-size:14px
}
.confirmacion span a{
    color:#445f77;
    font-weight:bold;
    text-decoration:underline;
    font-size:14px
}
#compra .botonFinalizar{
    background: url("../images/tienda_2013/sprite_compra.png") no-repeat -171px -243px;
    color: #F26008;
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 22px 11px 25px
}
#compra .boton.pequeno{
    display:inline-block;
    position:relative;
    margin:0;
}
/*-FIN COMPRA*/

/*-PÁGINA GENÉRICA*/

#paginaGenerica{
    margin:0 0 20px
}
#paginaGenerica h2{
    padding:0;
    border:none;
    margin:0 0 10px 
}
/*-FIN PÁGINA GENÉRICA*/

/*-INGRESO*/
#ingreso {
    margin-bottom:300px
}
#contenedorIngreso{
    border-radius:5px;
    background:#fafafa;
    padding:10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index:300;
    position:relative
}    
#ingreso h1{
	font-family:'Droid Sans',​sans-serif;
	font-size: 32px;
	font-weight:700;
	color:#5E5D5D;
	text-decoration:none;
	text-align_	left;
	
    
    margin:0 0 9px
}
#ingreso p{
    color:#232323;
    margin:0 0 18px
}
#ingreso form{
    margin: 0 auto;
    width: 455px
}
#ingreso form .campo{
    clear:both;
    overflow:hidden;
    margin:0 0 18px
}
#ingreso form .campo label{
    width:95px;
    display:block;
    float:left;
    margin:0 11px 0 0;
    color: #787878;
}
#ingreso form .campo .inputTexto{
	border: medium none;
    width: 387px;
    padding: 5px 4px;
}
#ingreso form .campo .inputCheck{
    padding:0;
    width:13px;
    height:13px;
    vertical-align:middle
}
#ingreso form .campo .borde {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8AC9F2;
    padding: 2px;
    float:left;
    clear:both;
}
#ingreso form .campo a{
    font-weight:bold;
    font-size:11px;
    color:#4ca5e0;
    margin:0 0 0 104px
}
#ingreso form .campo a:hover{
    text-decoration:underline
}
#ingreso form .confirmacion{
    color:#7f7f7f;
    font-size:14px;
    font-weight:bold;
    padding:0 0 0 105px
}
#ingreso form .confirmacion a{
    color:#4ca5e0;
    font-size:14px;
    font-weight:bold;
    text-decoration:underline
}
#ingreso #noCerrarSesion {
	float:left;	
	margin-right:10px;
}

#ingreso  .boton{
    display:inline-block;
    padding:0 10px
}

/*FIN INGRESO*/

.link {
    cursor:pointer;
    color: #4CA5E0;
}
.oferta3x2 {
	left: 5px;
    position: absolute;
    top: 5px;
} 
.premiosFinalista {
	display: block;
    height: 36px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 36px;
}
.div-cargando{
	background-color: #FFFFFF; 
	z-index: 99999; 
	position: absolute; 
	width: 785px; 
	height: 198px; 
	opacity: 0.7; 
	text-align: center; 
	display: none;
}
.img-cargando{
	margin: 50px auto;
}