.fancybox-lock>html,.fancybox-lock>body,.fancybox-lock>div,.fancybox-lock>span,.fancybox-lock>applet,.fancybox-lock>object,.fancybox-lock>iframe,.fancybox-lock>h1,.fancybox-lock>h2,.fancybox-lock>h3,.fancybox-lock>h4,.fancybox-lock>h5,.fancybox-lock>h6,.fancybox-lock>p,.fancybox-lock>blockquote,.fancybox-lock>pre,.fancybox-lock>a,.fancybox-lock>abbr,.fancybox-lock>acronym,.fancybox-lock>address,.fancybox-lock>big,.fancybox-lock>cite,.fancybox-lock>code,.fancybox-lock>del,.fancybox-lock>dfn,.fancybox-lock>em,.fancybox-lock>font,.fancybox-lock>img,.fancybox-lock>ins,.fancybox-lock>kbd,.fancybox-lock>q,.fancybox-lock>s,.fancybox-lock>samp,.fancybox-lock>small,.fancybox-lock>strike,.fancybox-lock>strong,.fancybox-lock>sub,.fancybox-lock>sup,.fancybox-lock>tt,.fancybox-lock>var,.fancybox-lock>dl,.fancybox-lock>dt,.fancybox-lock>dd,.fancybox-lock>ol,.fancybox-lock>ul,.fancybox-lock>li,fieldset,.fancybox-lock>form,.fancybox-lock>label,.fancybox-lock>legend,.fancybox-lock>article,.fancybox-lock>aside,.fancybox-lock>canvas,.fancybox-lock>details,.fancybox-lock>embed,.fancybox-lock>figure,.fancybox-lock>figcaption,.fancybox-lock>footer,.fancybox-lock>header,.fancybox-lock>hgroup,.fancybox-lock>menu,.fancybox-lock>nav,.fancybox-lock>output,.fancybox-lock>ruby,.fancybox-lock>section,.fancybox-lock>summary,.fancybox-lock>time,.fancybox-lock>mark,.fancybox-lock>audio,.fancybox-lock>video
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline
}

.fancybox-lock>br {
display: none
}

.fancybox-lock>article,.fancybox-lock>aside,.fancybox-lock>details,.fancybox-lock>figcaption,.fancybox-lock>figure,.fancybox-lock>footer,.fancybox-lock>header,.fancybox-lock>hgroup,.fancybox-lock>menu,.fancybox-lock>nav,.fancybox-lock>section
{
display: block
}

body .fancybox-lock {
line-height: 1
}

.fancybox-lock>a {
font-size: 100%;
font-weight: normal;
text-decoration: none;
vertical-align: baseline;
background: transparent;
color: #555;
position: absolute;
z-index: 99999999
}

.fancybox-lock>ol,.fancybox-lock>ul {
list-style: none
}

.fancybox-lock>table {
border-collapse: collapse;
border-spacing: 0
}

.fancybox-lock>body table {
*border-collapse: collapse !important;
*border-spacing: 0 !important
}

.fancybox-lock>caption,.fancybox-lock>th,.fancybox-lock>td {
text-align: left;
font-weight: normal
}

.fancybox-lock>blockquote:before,.fancybox-lock>blockquote:after,.fancybox-lock>q:before,.fancybox-lock>q:after
{
content: "";
content: none
}

.fancybox-lock>blockquote,.fancybox-lock>q {
quotes: none
}

.fancybox-lock>img {
border: 0
}

.fancybox-lock>input,.fancybox-lock>select {
vertical-align: middle
}

.fancybox-lock>html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
position: relative
}

.fancybox-lock>body {
height: auto;
margin: 0;
position: relative;
background-color: #fafafa
}

#minishoppingbag {
font-family: 'robotoregular', arial, sans-serif;
background: #fafafa !important
}


.minishopping-header {
margin: 0 0 25px;
text-align: left
}

.minishopping-wrapper h1 {
font: 17px 'robotocondensedregular', Arial, sans-serif;
color: #56b401;
display: inline;
letter-spacing: 0;
font-weight: 500;
text-transform: uppercase;

display: block;
}
.minishopping-wrapper .title{
  border-bottom: 1px solid #ccc;
  display: inline-block;
  width: 92%
}

p.exc-tarj {
font-family: 'robotoregular', Arial, sans-serif;
color: #303030;
text-indent: 0;
font-size: 12px;
font-weight: bold;
background-color: #ffecfd;
padding: 8px;
margin-left: 10px
}

h1.error-prod {
color: red
}

ul.minishopping-resumen li {
list-style-type: none;
position: relative;
height: 18px
}

ul.minishopping-resumen li.total {
margin-top: 8px;
border-top: 1px solid #a8a8a8
}

ul.minishopping-resumen {
font-family: 'robotoregular', arial, sans-serif;
padding: 15px 20px 15px 20px
}

ul.minishopping-resumen li.total span.dato_total {
font-family: 'robotomedium',arial,sans-serif;
padding-top: 8px;
position: absolute;
right: 109px;
top: -7px;
}

ul.minishopping-resumen {
font-family: 'robotoregular',arial,sans-serif;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
}

ul.minishopping-resumen span.dato_costo {
font-size: 13px;
font-weight: normal;
position: absolute;
right: 107px;
text-align: right;
top: 2px;
}

ul.minishopping-resumen span.costo {
position: absolute;
top: 2px;
right: 0
}

ul.minishopping-resumen li.ahorro {
color: #ff4700
}



.minishopping-error {
margin-right: 10px;
background: url("../../images/bg/sprite.png") no-repeat 0 -147px;
padding: 6px 14px 0
}

.minishopping-image img {
width: 148px;
border: 1px solid #EEE;
padding: 10px;
background-color: #FFF
}

.minishopping-product {
text-align: center;
float: left;
margin: 10px 0 10px 30px
}

.minishopping-image {
float: left;
margin: 0
}

.minishopping-detail {
float: left;
margin-left: 0;
text-align: left;
font-size: 12px;
margin-left: 10px
}

.minishopping-detail .digitalLabel {
	color: #3ab54a;
	font-size: 14px;
}

.minishopping-detail table {
width: 360px;
font-size: 11px
}

.minishopping-detail td {
height: 25px
}

td.atr-gpo {
font-size: 11px;
font-weight: bold;
width: 50px;
text-align: right;
padding-right: 10px;
color: #4e4e4e;
text-align: left;
padding-left: 23px
}

.minishopping-name {
letter-spacing: 0;
font-weight: bold;
font: 1em 'robotocondensedregular', arial, sans-serif;
font-size: 1.1em
}

.minishopping-history {
float: right;
width: 300px;
margin-top: 10px
}

.minishopping-history-wrapper {
padding: 0 15px 10px;
height: 199px
}

.minishopping-wrapper {
background-color: #fff
}

.minishopping-wrapper h2 {
color: #fff;
font-family: 'robotomedium', arial, sans-serif;
max-width: 400px;
padding-bottom: 0
}

.tit-h2 {
padding-left: 22px
}

.minishopping-wrapper .minishopping-titulo h2 {
font: 1em/.8em 'robotoregular', arial, sans-serif;
letter-spacing: 0;
color: #5e5e5e;
font-weight: bold
}

.minishopping-recomendations {
padding: 10px 0 10px 20px;
clear: both;
background-color: #f8f8f8;
border-top: 1px solid #e2e2e2;
-moz-box-shadow: inset -1px 9px 10px -5px #f7f7f7;
-webkit-box-shadow: inset -1px 9px 10px -5px #f7f7f7;
box-shadow: inset -1px 9px 10px -5px #f7f7f7;
display:none!important;
}

.minishopping-recomendations h2 {
color: #565656;
font-size: 14px
}

.minishopping-subtotal {
padding: 8px 0 0;
display: block;
font-size: 17px;
color: #000
}

.minishopping-num-producto {
padding: 15px 0 0;
clear: both;
display: block;
font-size: 14px;
color: #666
}

.minishopping-buttons-wrapper {
padding: 10px 10px 8px
}

.minishopping-buttons-wrapper a {
margin-bottom: 10px
}

.volver-tienda a.azul {
font-size: 11px;
text-align: right;
float: right;
text-decoration: underline
}

.recomendations-slot {
margin-top: 5px
}

.recomendations-slot li {
display: inline-block;
vertical-align: top;
margin: 0 6px
}

.minishopping-titulo {
font-size: .8em;
padding: 15px 0;
border-bottom: 1px dotted #d3d3d3
}

td span.precio-modulo {
font-size: 15px;
color: #ff4700
}

td span.precio-modulo-credito {
color: #000;
font-size: 12px
}

td span.precio-tachado-modulo {
font-size: 1.1em;
color: #666;
text-decoration: line-through;
font-family: 'robotoregular', arial, sans-serif
}

td .nombre-precio {
color: #000;
font-weight: bold
}

.btn-seguir {
padding: 10px 5px
}

.main-login {
padding: 0 0 0 36px
}

.fancybox-skin div#login fieldset p {
display: none
}

.fancybox-skin div#login label {
margin-bottom: 5px;
font-family: 'robotoregular', arial, sans-serif
}

.fancybox-skin #login a.recupera_pass {
text-decoration: underline
}

.fancybox-skin #login a.crear_cuenta_btn {

}

.fancybox-skin div#login #new_user h2 {
font-family: 'robotoregular', arial, sans-serif;
color: #565656;
text-transform: lowercase;
font-size: .8em;
font-weight: bold
}

#guest_user,#login,#new_user {
float: left;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px*/
}

#register_new_user #login {
float: right !important
}

.login-titulo {
font-family: 'robotoregular', arial, sans-serif;
font-size: 1em;
margin-bottom: 12px;
color: #5c5c5c;
border-bottom: 1px dotted #565656;
padding-bottom: 5px;
width: 300px;
font-weight: bold
}

#guest_user,#new_user {
width: 350px
}

#guest_user,#new_user {
height: 90px;
margin-bottom: 10px
}

#checkout_content #password {
height: 33px;
height: 21px\9;
}

#guest_user {
margin: 18px 0 10px
}

#new_user {
padding: 53px 0 0 !important
}

#new_user h2 {
letter-spacing: 0
}

.titulo-h2 {
padding: 13px 0 5px !important;
border-bottom: 1px dotted #a5a5a5;
margin-bottom: 15px !important;
font: 1.2em/1em 'robotomedium', arial, sans-serif !important;
color: #1f1f1f !important
}

#register_new_user fieldset #login p:first-child {
display: none
}

#login legend {
margin: 0
}

#guest_user p,#login p,#new_user p {
color: #565656;
font: .8em 'robotoregular', arial, verdana
}

#login a.recupera_pass {
color: #3B3B3E;
text-decoration: none;
font-size: 12px
}

#login a.recupera_pass:hover {
text-decoration: underline
}

a.crear_cuenta_btn {

}

.correo-log {
padding-bottom: 12px;
color: #565656;
font: .8em 'robotoregular', arial, verdana
}

#guest_user p {
padding: 3px 0
}

.uno {
margin-top: 11px
}

#login input[type=text] {
width: 296px;
padding: 8px
}

#login input[type=password] {
width: 296px;
width: 300px\9;
padding: 9px
}

#register_new_user #login_form div {
padding: 6px 0
}

#register_new_user .inicia-sesion {
padding: 0 !important
}

#register_new_user .recupera-pass {
padding: 0 !important
}

#login fieldset {
margin-bottom: 10px
}

#login .compra_guest_btn span.lock,#guest_user .compra_guest_btn span.lock
{
background: url("../../images/bg/sprite.png") -67px -53px no-repeat;
width: 105px;
height: 18px;
display: block;
float: left;
position: absolute;
right: 297px
}

#login .compra_guest_btn span.lock {
float: left;
position: absolute;
right: 297px
}

#guest_user .compra_guest_btn span.lock {
float: left;
position: absolute;
left: 90px
}

.recupera-pass {
margin: 7px 0
}

#mini-login {
position: relative;
margin: 10px auto;
width: 300px;
padding: 15px
}

#mini_login {
width: 230px;
position: relative;
margin: 0 auto;
padding: 30px 30px 0 30px;
border: 1px solid #b8b6b6;
background-color: #fff;
top: 40px;
display: none
}

#mini_login_head>p {
font-size: 20px;
margin: 0;
padding: 4px 0 0 10px
}

.fancybox-lock>input[type="text"],.fancybox-lock>textarea,select,.fancybox-lock>div.styled,.fancybox-lock>input[type="file"],.fancybox-lock>input[type="password"]
{
padding: .4em;
width: 192px;
border: 0
}

input[type="password"]:focus,input[type="text"]:focus {
outline: 0
}

input[type="password"]:hover,input[type="text"]:hover {
outline: 0
}

#mail_ml {
height: 28px
}

#mail_ml input,input#correo_electronico {
background: url('../../images/bg/pseudo-placeholder.jpg') no-repeat -4px
-1px #fffff9;
border: 1px solid #ccc !important;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px*/
}

input#password {
background: url('../../images/bg/pseudo-placeholder.jpg') no-repeat -4px
-39px #fffff9;
border: 1px solid #d6d6d6 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}

#mail_ml input:focus,#pass_ml input:focus,input#password:focus,input#correo_electronico:focus
{
background: url('../../images/bg/pseudo-placeholder.jpg') no-repeat -4px
76px #fffff9;
border: 1px solid #b0bdff !important
}

#email,#password {
padding: 5px 6px !important
}

input#email {
width: 207px !important;
background: #ECECEC!important;
border: 1px solid #BABABA!important;
border: 0;
border: none !important;
outline: none !important;
border-radius: 0;
height: 17px;
-webkit-box-shadow: none!important;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance:none!important;
}

#password {
width: 95%;
border-radius: 0;
height: 17px
}

#password:focus {

}

#password:hover {

}

#pass_ml {
margin: 5px auto;
height: 28px
}

.cerrar {
position: absolute;
top: -15px;
right: -18px;
width: 29px;
height: 29px;
cursor: pointer;
z-index: 8040;
background-color: #fff;
text-decoration: none;
color: #161616;
font-weight: bold;
background: transparent url('fancybox.png') -40px 0
}

#mini_login_head {
height: 30px;
position: relative;
margin: 0 auto;
width: 290px;
background-color: #fff;
border: 1px solid #b8b6b6
}

.compra_guest_btn {
width: 47%;
height: 10%;
padding: 5px 0
}

input.button_ {
width: 47% !important;
height: 10% !important;
cursor: pointer;
padding: 8px 15px;
font-family: 'robotomedium', arial, sans-serif;
font-size: .8em;
margin: 11px 0
}

.passfor {
width: auto;
color: #0CF;
font: 12px sans-serif;
position: relative;
left: 0;
display: block
}

.passfor:hover {
text-decoration: underline
}

.new_account_ex {
color: #6b6b6b;
font-family: 'robotomedium', Arial, sans-serif;
margin: 28px 0 0 0;
font-size: .8em;
text-transform: lowercase
}

.new_account_ex_a {
ccolor: #0CF !important;
text-decoration: none;
font-size: 12px !important;
padding-bottom: 6px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 5px
}

#desatado {
height: 20px;
background-color: gray;
width: 100px
}

.logo_exp {
position: relative;
display: block;
margin: 20px auto
}

}
.logo_exp img {
display: block;
margin: 0 auto
}

#signupForm label.error {
margin-left: 10px;
width: auto;
display: inline
}

.ui-effects-wrapper {
height: 30px !important
}

ul.minishopping-product-data {
padding: 0px;
}

li.minishopping-property {
list-style-type: none;
font-size: 1.2em;
display: block;
}
li.shippingcost {
margin: 0;
width: 142px;
font-size: 0.7em;
color: #808080;
text-align: right;
display: none;
}
/*li.shippingcost, li.subtotal:first-child{display: none;}*/
#user_method{text-align: left}
#user_method .uno{float: none!important;position: static!important;margin: 10px 0!important;}
#login_form div{margin: 10px 0 5px 0!important;}
.minishopping-ions{display: none}

.bag-details {

  margin-bottom: 10px;
  height: auto;

  font-family: 'robotoregular', arial,sans-serif;

}
.bag-details h2 {
  padding: 0 0px 3px;
  text-align: center;
  border-bottom: 1px solid #cecece;
  font-family: 'robotocondensedregular', arial;
  margin: 0 0 25px 0;
  text-transform: uppercase;
  color: #333;
  display: block;
  font-size: 17px
}
.purchase-details > p{
font: 13px 'robotocondensedregular', arial, sans-serif;
  color: #000;
  padding: 0 8px
}
.purchase-details > p.subtotal {
  font-size: 14px;
  font-weight: 600;
font-family: inherit;
  color: #3b3b3b;
  margin-bottom: 10px;
}
.purchase-details p span {
  display: inline-block;
  text-align: right;
  float: right;
  padding-left: .3em;
}
.purchase-details > p.total-price {
  font-family: inherit;
  font-weight: 600;
  font-size: 18px;
  color: #f42222;
  text-transform: uppercase;
  background: #ededed;
  padding: 5px 8px;
}
.minishopping-header i{color: #fff; background: #56b401; border-radius: 100%; display: inline-block; vertical-align: top; padding: 5px; font-size: 0.8em; margin-right: 0.5em}
.minishopping-detail p{font: 1.1em 'robotocondensedregular', arial, sans-serif; margin: 0.7em 0; padding: 0}
.minishopping-name{font-weight: 500}
.minishopping-name:hover{color: #333; text-decoration: underline;}
.regular-price{ color: #888}
.regular-price .label-value{text-decoration: line-through;}
.regular-price .label-key, .regular-promo .label-key{display: none}
.regular-promo{color: #ff0000; font-weight: 600}
.promotion .label-value, .promotion i{float: left;}
.promotion i{margin-right: 0.3em; font-size: 1.2em; color: #777;}
.regular-promo .label-value{font-size: 1.15em}

#minishoppingbag .minishopping-added .minishopping-product{margin: 0}
.btn_anadir_bolsa{background: #E10098;color: #fff;font-size: 15px;font-family: 'robotomedium', arial, sans-serif;text-transform: uppercase; appearance:none; border:0; display: block; width: 100%; padding: 0.6em; cursor: pointer;}
.btn_anadir_bolsa:hover{background: #D5047F}
.btn_anadir_bolsa i{color: #fff; margin-left: 15px; font-size: 0.9em }
.btn_anadir_bolsa i, .btn_anadir_bolsa span{display: inline-block; vertical-align: middle;}
.title span{color: #333}
.minishopping-added .alert{color:#000; background: none;}
.minishopping-added .alert p{font:1.1em 'robotocondensedregular', arial, sans-serif;padding: 0 1em;}
.purchase-details {font-family: 'robotoregular', arial,sans-serif;}
#minishoppingbag .success-ico{ vertical-align: middle; display:inline-block;height: auto;color: #E10098;}
#minishoppingbag .txt-alert{color:  #E10098}
.minishopping-added-modulo:before, .minishopping-added-modulo:after{content: " "; display:table}
.minishopping-added-modulo:after{clear:both}
.minishopping-added-modulo {margin-top: 2em;}

#minishoppingbag .alert{border:0}
#minishoppingbag .txt-alert{color:#000; font: 17px 'robotocondensedregular', Arial, sans-serif; }
#minishoppingbag .txt-alert span{color: #aaa;}
#minishoppingbag .success-ico{background: #E10098; border-radius:100%; padding:.7em; width:auto; color:#fff; font-size:.7em; }
#minishoppingbag .success-ico, #minishoppingbag .txt-alert{vertical-align:middle; display:inline-block}

#minishoppingbag > div > div.minishopping-added > div.minishopping-history > div > div > p.subtotal > span.total-qty {
    float: none;
}



/* iPad [portrait + landscape] */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


#minishoppingbag{
  float:left;
  max-width: 940px;
  overflow:hidden!important;
}

}


/* iPad Landscape */
@media (max-device-width: 1024px) and (orientation: landscape) {



#minishoppingbag{
  float:left;
  max-width: 940px;
  overflow:hidden!important;
}



/*****************************/
/* NEW STYLES SEPTEMBER 2016 */
/*****************************/

.purchase-details > p {
  margin: 0;
}
.purchase-details > p.total-price {
  background: none !important;
}
.purchase-details > p.subtotal {
  color: #888;
  font-size: 16px;
  margin-bottom: 0;
}
