body{
margin:0px;
padding:0px; }
@media(max-width:340px){
body{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
body{
width:482px; }}

.backsup{
background:#539CBF; }

.contenedor{
float:left;
width:100%;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor{
width:482px; }}

.margenhorizontal{
width:100%;
float:left;
height:25px;
padding:0px;
margin:0px; }
@media(max-width:340px){
.margenhorizonal{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.margenhorizonal{
width:482px; }}

.contenedor .margenlt{
float:left;
width:10%;
height:1px;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .margenlt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .margenlt{
width:10px; }}
.contenedor .contenido{
float:left;
width:80%;
min-height:1px;
height:auto!important;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenido{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido{
width:462px; }}
.contenedor .margenrt{
float:left;
width:10%;
height:1px;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .margenrt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .margenrt{
width:10px; }}
.contenedor .subfirma{
float:left;
width:100%;
margin:0px;
padding:0px;
height:35px; }

.contenedor .contenido .cabecera{
width:100%;
float:left;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenido .cabecera{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera{
width:462px; }}
.contenedor .contenido .cabecera .barrasup{
width:100%;
float:left;
margin:0px;
padding:0px;
background:#539CBF;
line-height:28px;
height:28px; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrasup{
width:320px;
height:auto; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrasup{
width:462px;
height:auto; }}
.contenedor .contenido .cabecera .barrasup .telefono{
width:75%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:11pt;
font-weight:normal;
color:#FFFFFF; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrasup .telefono{
width:320px;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrasup .telefono{
width:462px;
text-align:center; }}
.contenedor .contenido .cabecera .barrasup .registrado{
width:20%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:11pt;
font-weight:normal;
color:#FFFFFF;
border:0px; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrasup .registrado{
width:280px;
padding-left:40px;
padding-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrasup .registrado{
width:410px;
padding-left:40px;
padding-bottom:10px; }}
.contenedor .contenido .cabecera .barrasup .bienvenida{
width:90%;
float:left;
margin:0px;
padding:0px;
text-align:right;
font-family:lato;
font-size:11pt;
font-weight:normal; }
.contenedor .contenido .cabecera .barrasup .bienvenida a{
color:#FFFFFF;
text-decoration:none; }
.contenedor .contenido .cabecera .barrasup .registro,.contenedor .contenido .cabecera .barrasup .micuenta{
float:left;
width:40%;
margin:0px;
padding:0px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:normal; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrasup .registro, .contenedor .contenido .cabecera .barrasup .micuenta{
width:120px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrasup .registro, .contenedor .contenido .cabecera .barrasup .micuenta{
width:182px; }}
.contenedor .contenido .cabecera .barrasup .registro a,.contenedor .contenido .cabecera .barrasup .micuenta a{
color:#FFFFFF;
text-decoration:none; }
.contenedor .contenido .cabecera .barrasup .registro{
border-right:1px solid #FFFFFF; }
.contenedor .contenido .cabecera .barrasup .imagenmc{
width:10%;
float:left; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrasup .imagenmc{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrasup .imagenmc{
display:none; }}
.contenedor .contenido .cabecera .barrasup .imagenmc img{
width:100%;
height:auto; }

.contenedor .contenido .cabecera .barrabusca{
width:100%;
float:left;
height:129px;
background:url('imagen/logo.png');
background-position:center;
background-repeat:no-repeat; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca{
width:320px;
height:210px;
background:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca{
width:462px;
height:210px;
background:none; }}
.contenedor .contenido .cabecera .barrabusca .logomov{
display:none; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .logomov{
display:block;
width:240px;
float:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .logomov{
display:block;
width:382px;
float:left; }}
.contenedor .contenido .cabecera .barrabusca .menumov{
display:none; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .menumov{
display:block;
width:80px;
float:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .menumov{
display:block;
width:80px;
float:left; }}
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .menumov img{
width:80%;
margin:0 auto;
margin-top:30px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .menumov img{
width:80%;
margin:0 auto;
margin-top:30px; }}
.contenedor .contenido .cabecera .barrabusca .moneda,.contenedor .contenido .cabecera .barrabusca .cesta,.contenedor .contenido .cabecera .barrabusca .buscador{
float:right;
font-family:lato;
font-size:11pt;
font-weight:normal; }
.contenedor .contenido .cabecera .barrabusca .moneda{
margin:0;
padding:0px;
margin-top:15px;
margin-left:20px;
height:25px;
line-height:25px;
text-align:right;
color:#9C9D9F; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .moneda{
width:130px;
margin-right:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .moneda{
width:130px;
margin-right:20px; }}
.contenedor .contenido .cabecera .barrabusca .cesta{
margin:0;
padding:0px;
padding-left:30px;
margin-top:15px;
height:25px;
line-height:25px;
text-align:right;
background:url('imagen/cesta.png');
background-repeat:no-repeat;
background-position:left; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .cesta{
width:90px;
margin-left:20px;
text-align:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .cesta{
width:100px;
margin-left:20px;
text-align:left; }}
.contenedor .contenido .cabecera .barrabusca .cesta a{
color:#539CBF;
text-decoration:none; }
.contenedor .contenido .cabecera .barrabusca .buscador{
width:90%;
margin:0px;
padding:0px;
margin-top:15px;
text-align:right;
color:#9C9D9F;
float:right; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .buscador{
width:320px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .buscador{
width:462px;
float:left;
text-align:center; }}
.contenedor .contenido .cabecera .barrabusca .logo{
width:150px;
height:115px;
margin:0 auto; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .logo{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .logo{
display:none; }}
.contenedor .contenido .cabecera .barrabusca .logo a{
float:left;
margin-top:-80px;
width:100%;
height:100%; }
.contenedor .contenido .cabecera .barrabusca .moneda .monedasel,.contenedor .contenido .cabecera .barrabusca .moneda .monedanosel{
float:left; }
.contenedor .contenido .cabecera .barrabusca .moneda .monedasel{
float:right;
background:#9C9D9F;
font-family:lato;
font-size:11pt;
font-weight:normal;
color:#FFFFFF;
width:25px;
text-align:center;
border-radius:15px; }
.contenedor .contenido .cabecera .barrabusca .moneda .monedanosel{
float:right;
width:18px;
font-family:lato;
font-size:11pt;
font-weight:normal;
color:#9C9D9F;
text-align:center; }

.contenedor .contenido .cabecera .barrabusca .buscador input{
float:right;
width:200px;
margin:0px;
padding:0px;
line-height:24px;
border:1px solid #9C9D9F;
font-family:lato;
font-size:11pt;
font-weight:normal;
color:#9C9D9F; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .buscador input{
width:252px;
float:left;
margin-left:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .buscador input{
width:394px;
float:left;
margin-left:10px; }}
.contenedor .contenido .cabecera .barrabusca .buscador .boton{
float:right;
margin:0px;
padding:0px;
background:#9C9D9F;
padding-left:5px;
padding-right:5px; }
@media(max-width:340px){
.contenedor .contenido .cabecera .barrabusca .buscador .boton{
margin-right:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .barrabusca .buscador .boton{
margin-right:0px;
padding-left:15px;
padding-right:15px; }}
.contenedor .contenido .cabecera .barrabusca .buscador .boton a{
 }

#menumov{
display:none;}
.contenedor .contenido .cabecera .menudesmov{
display:none; }
@media(max-width:340px){
.contenedor .contenido .cabecera .menudesmov{
position:absolute;
top:275px;
left:10px;
display:block
float:left;
width:320px;
height:25px;
line-height:25px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .menudesmov{
position:absolute;
top:275px;
left:10px;
display:block
float:left;
width:462px;
height:25px;
line-height:25px; }}
.contenedor .contenido .cabecera .menudesmov .familia{
width:320px;
float:left;
margin:0px;
padding:0px;
text-align:center; }
.contenedor .contenido .cabecera .menudesmov .familia a{
float:left;
width:280px;
padding:10px 20px;
font-family:lato;
font-size:13pt;
font-weight:normal;
color:#636363;
text-decoration:none;
text-transform:uppercase;
background:#9c9d9f;
border-bottom:1px solid #FFFFFF; }
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .menudesmov .familia a{
color:#FFFFFF; }
}
.contenedor .contenido .cabecera .menudesmov .familia a:active{
color:#FFFFFF;
background:#539cbf; }

.contenedor .contenido .cabecera .menudes{
float:left;
width:100%;
height:25px;
line-height:25px; }
@media(max-width:340px){
.contenedor .contenido .cabecera .menudes{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabecera .menudes{
display:none; }}
.contenedor .contenido .cabecera .menudes .familia{
width:12.5%;
float:left;
margin:0px;
padding:0px;
text-align:center; }
.contenedor .contenido .cabecera .menudes .familia a{
/* margin-right:43px; */
padding-top:4px;
font-family:lato;
font-size:13pt;
font-weight:normal;
color:#636363;
text-decoration:none;
text-transform:uppercase; }
@media(max-width:1000px){
.contenedor .contenido .cabecera .menudes .familia a{
font-size:10pt;
text-transform:none; }}
.contenedor .contenido .cabecera .menudes .familia:nth-child(1) a,.contenedor .contenido .cabecera .menudes .familia:nth-child(3) a,.contenedor .contenido .cabecera .menudes .familia:nth-child(5) a,.contenedor .contenido .cabecera .menudes .familia:nth-child(6) a,.contenedor .contenido .cabecera .menudes .familia:nth-child(7) a,.contenedor .contenido .cabecera .menudes .familia:nth-child(8) a{
padding-left:10px;
padding-right:10px; }
.contenedor .contenido .cabecera .menudes .familia:nth-child(2) a{
padding-left:3px;
padding-right:3px; }
.contenedor .contenido .cabecera .menudes .familia:nth-child(4) a{
padding-left:7px;
padding-right:7px; }
.contenedor .contenido .cabecera .menudes .familia:last-child a{
margin-right:0px; }
.contenedor .contenido .cabecera .menudes .familia a:hover{
border-top:1px solid #58585A;
border-left:1px solid #58585A;
border-right:1px solid #58585A; }
@media(max-width:1000px){
.contenedor .contenido .cabecera .menudes .familia a:hover{
border:0px; }}

.contenedor .contenido .cabecera .submenu{
width:80%;
float:left;
position:absolute;
top:177px;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:0px;
z-index:99999999;
opacity:0.95;
min-height:20px; }
#capasub1{
/*display:block;*/ }
#capasub1,#capasub2,#capasub3,#capasub4,#capasub5,#capasub6,#capasub7,#capasub8,#capasub9,#capasub10{
display:none; }

.contenedor .contenido .cabecera .submenu .cajaenlaces{
width:100%;
float:left;
padding:0px;
margin:0px;
background:#F5F5F5;
border-bottom:2px solid #58585A; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .separadortop{
float:left;
width:100%;
height:20px; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .separadorbottom{
float:left;
width:100%;
height:30px; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .margenlt, .contenedor .contenido .cabecera .submenu .cajaenlaces .margenrt{
float:left;
width:2.5%; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .subautores{
float:left;
width:15%;
padding:0px;
margin:0px;
font-family:lato;
font-size:11pt;
font-weight:bold;
color:#549ABE;
text-align:left; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .subautores a{
float:left;
width:100%;
padding:0px;
margin:0px;
font-family:lato;
font-size:10pt;
font-weight:normal;
color:#549ABE;
text-align:left;
text-decoration:none; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .subautores a:hover{
 }

.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias{
width:80%;
float:left; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .separadorin{
width:100%;
float:left;
min-height:15px; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .margenin{
float:left;
width:1%;
min-height:1px; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .subfamilia{
float:left;
width:19%;
padding:0px;
margin:0px;
font-family:lato;
font-size:11pt;
font-weight:bold;
color:#58585A;
text-align:left; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .subfamilia .titulo a{
float:left;
width:100%;
padding:0px;
margin:0px;
font-family:lato;
font-size:11pt;
font-weight:bold;
color:#58585A;
text-align:left;
text-decoration:none; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .subfamilia .titulo a:hover{
color:#539CBF; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .subfamilia a{
float:left;
width:100%;
padding:0px;
margin:0px;
font-family:lato;
font-size:10pt;
font-weight:normal;
color:#58585A;
text-align:left;
text-decoration:none; }
.contenedor .contenido .cabecera .submenu .cajaenlaces .cajafamilias .subfamilia a:hover{
color:#539CBF; }
 
.bannerprincipal{
float:left;
width:100%; }
@media(max-width:340px){
.bannerprincipal{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.bannerprincipal{
display:none; }}
.bannerprincipal .imagen{
width:100%;
float:left; }

.bannerprincipal img{
float:left;
width:100%;
height:auto; }

.bannerprincipal .imagen .contenedor{
position:relative; }

.bannerprincipal .contenedor .cajatexto{
position:absolute;
top:140px;
top:50%;
left:0px;
left:57%;
z-index:999;
font-family:lato;
font-size:16pt;
font-weight:bold;
color:#FFFFFF;
opacity:0.8;
display:block; }
.bannerprincipal .contenedor .titulo{
width:80%;
float:left;
text-align:center;
font-family:felipa;
font-size:20pt;
font-weight:normal;
color:#FFFFFF; }
.bannerprincipal .contenedor .textobanner{
float:left;
width:80%;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:normal;
color:#FFFFFF;
opacity:1; }
.bannerprincipal .contenedor .boton{
width:80%;
float:left;
margin:0px;
padding:0px;
margin-top:10px;
text-align:center; }
.bannerprincipal .contenedor .boton a{
margin:0px;
padding:0px;
padding-left:20px;
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
font-family:lato;
font-size:12pt;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
border:1px solid #FFFFFF; }



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////   Estilos de la sección de ofertas de la página principal   //////////////////////////////////////////////////// */
.cabofertas{
width:100%;
float:left;
margin:20px 0px 0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#3E3E40;
text-align:center;
font-family:lato;
font-size:26pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }

.contenedor .ofertasp{
width:80%;
float:left; }
@media(max-width:340px){
.contenedor .ofertasp{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp{
width:462px; }}
.contenedor .ofertasp .margenlt{
float:left;
width:5%;
height:1px;
margin:0px;
padding:0px;
margin-top:40px;
cursor:pointer; }
@media(max-width:340px){
.contenedor .ofertasp .margenlt{
width:10px; }}
@media(max-width:340px){
.contenedor .ofertasp .margenlt .switcher, .contenedor .ofertasp .margenrt .switcher{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .margenlt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .margenlt .switcher, .contenedor .ofertasp .margenrt .switcher{
display:none; }}
.contenedor .ofertasp .margenrt{
float:left;
width:5%;
height:1px;
margin:0px;
padding:0px;
margin-top:40px;
cursor:pointer;
text-align:right; }
@media(max-width:340px){
.contenedor .ofertasp .margenrt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .margenrt{
width:10px; }}
.contenedor .ofertasp .barraofertas{
float:left;
width:90%;
min-height:150px;
margin-bottom:30px; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas{
width:462px; }}
.contenedor .ofertasp .barraofertas .bloqueofertas{
float:left;
width:100%; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas{
width:462px; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .margenint{
float:left;
width:1%;
height:1px;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .margenint{
width:0px;
height:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .margenint{
width:0px;
height:0px; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha{
float:left;
width:24%;
min-height:480px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:20px;
border:1px solid #D9D9D9; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha{
width:320px;
min-height:520px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha{
width:462px;
min-height:520px; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .box{
width:100%;
float:left; }
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .imagen{
width:90%;
min-height:210px;
height:auto!important;
margin:0 auto;
text-align:center;
padding-top:20px;
padding-bottom:20px; }
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .imagen img{
/*
Estos son los estilos correctos, mientras se generan las imágenes se cambian por los que hacen que se muestre la imagen correctamente.
width:100%;
height:100%;*/
height:100%;
width:auto; }
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .referencia{
width:100%;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#9C9D9F;
border-top:1px solid #9C9D9F;
border-bottom:1px solid #9C9D9F; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .referencia{
font-size:14pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .referencia{
font-size:14pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .tipo{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:3px;
text-align:center; }
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .tipo a{
font-family:felipa;
font-size:15pt;
font-weight:normal;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .tipo a{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .tipo a{
font-size:20pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .producto{
width:95%;
min-height:60px;
height:auto!important;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:6px;
text-align:center; }
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .producto a{
font-family:lato;
font-size:11pt;
font-weight:300;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .producto a{
font-size:17pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .producto a{
font-size:17pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precio{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-bottom:3px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#3E3D42; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precio{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precio{
font-size:16pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precio .importe{
font-weight:400;
font-size:13pt; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .importe{
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .importe{
font-size:18pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precioantes{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-bottom:3px;
text-align:center;
font-family:lato;
font-size:10pt;
font-weight:300;
color:#3E3D42;
text-decoration:line-through; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precioantes{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .precioantes{
font-size:16pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .boton{
width:90%
margin:0 auto;
padding:0px;
margin:0px;
margin-top:20px;
text-align:center; }
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .boton a{
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
padding-right:25px;
border:1px solid #3E3D42;
font-family:lato;
font-size:13pt;
font-size:300;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .boton a{
padding:8px 35px;
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .boton a{
padding:8px 35px;
font-size:18pt; }}
.contenedor .ofertasp .barraofertas .bloqueofertas .ficha .boton a:hover{
 }

#bloqueof1{
display:block;}
#bloqueof2,#bloqueof3,#bloqueof4,#bloqueof5,#bloqueof6,#bloqueof7,#bloqueof8,#bloqueof9,#bloqueof10,#bloqueof11,#bloqueof12,#bloqueof13,#bloqueof14,#bloqueof15,#bloqueof16,#bloqueof17,#bloqueof18,#bloqueof19,#bloqueof20,#bloqueof21,#bloqueof22,#bloqueof23,#bloqueof24,#bloqueof25,#bloqueof26,#bloqueof27,#bloqueof28,#bloqueof29,#bloqueof30{
display:none;}

/* ///////////////////////////////////////////////   Fin Estilos de la sección de ofertas de la página principal   //////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////   Estilos de la sección de novedades de la página principal   ////////////////////////////////////////////////// */
.backnews{
background:#F5F5F5; }
.cabnovedades{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#539cbf;
text-align:center;
font-family:lato;
font-size:26pt;
font-weight:300;
color:#FFF;
text-transform:uppercase;
border-top:1px solid #539cbf;
border-bottom:1px solid #539cbf; }
@media(max-width:340px){
.cabnovedades{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.cabnovedades{
width:482px; }}

.contenedor .novedadesp{
width:80%;
float:left; }
@media(max-width:340px){
.contenedor .novedadesp{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp{
width:462px; }}
.contenedor .novedadesp .margenlt{
float:left;
width:5%;
height:1px;
margin:0px;
padding:0px;
margin-top:40px;
cursor:pointer; }
@media(max-width:340px){
.contenedor .novedadesp .margenlt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .margenlt{
width:10px; }}
.contenedor .novedadesp .margenrt{
float:left;
width:5%;
height:1px;
margin:0px;
padding:0px;
margin-top:40px;
cursor:pointer;
text-align:right; }
@media(max-width:340px){
.contenedor .novedadesp .margenrt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .margenrt{
width:10px; }}
@media(max-width:340px){
.contenedor .novedadesp .margenlt .switcher,.contenedor .novedadesp .margenrt .switcher{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .margenlt .switcher,.contenedor .novedadesp .margenrt .switcher{
display:none; }}
.contenedor .novedadesp .barranovedades{
float:left;
width:90%;
min-height:150px;
margin-bottom:30px; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades{
width:462px; }}
.contenedor .novedadesp .barranovedades .bloquenovedades{
float:left;
width:100%; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades{
width:462px; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .margenint{
float:left;
width:1%;
height:1px;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .margenint{
width:0px;
height:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .margenint{
width:0px;
height:0px; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha{
float:left;
width:24%;
min-height:480px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:20px;
border:1px solid #D9D9D9;
background:#FFFFFF; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha{
width:320px;
min-height:530px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha{
width:462px;
min-height:530px; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .box{
width:100%;
float:left; }
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .imagen{
width:90%;
min-height:210px;
height:auto!important;
margin:0 auto;
text-align:center;
padding-top:20px;
padding-bottom:20px; }
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .imagen img{
/*
Estos son los estilos correctos, mientras se generan las imágenes se cambian por los que hacen que se muestre la imagen correctamente.
width:100%;
height:100%;*/
height:100%;
width:auto; }
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .referencia{
width:100%;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#9C9D9F;
border-top:1px solid #9C9D9F;
border-bottom:1px solid #9C9D9F; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .referencia{
font-size:14pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .referencia{
font-size:14pt; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .tipo{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:3px;
text-align:center; }
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .tipo a{
font-family:felipa;
font-size:15pt;
font-weight:normal;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .tipo a{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .tipo a{
font-size:20pt; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .producto{
width:95%;
min-height:60px;
height:auto!important;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:6px;
text-align:center; }
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .producto a{
font-family:lato;
font-size:11pt;
font-weight:300;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .producto a{
font-size:17pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .producto a{
font-size:17pt; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .precio{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-bottom:3px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#3E3D42; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .precio{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .precio{
font-size:16pt; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .precio .importe{
font-weight:400;
font-size:13pt; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .precio .importe{
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .precio .importe{
font-size:18pt; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .boton{
width:90%
margin:0 auto;
padding:0px;
margin:0px;
margin-top:20px;
text-align:center; }
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .boton a{
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
padding-right:25px;
border:1px solid #3E3D42;
font-family:lato;
font-size:13pt;
font-size:300;
color:#3E3D42;
text-decoration:none;
background:#F5F5F5; }
@media(max-width:340px){
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .boton a{
padding-top:6px;
padding-bottom:6px;
padding-left:35px;
padding-right:35px;
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .boton a{
padding-top:6px;
padding-bottom:6px;
padding-left:35px;
padding-right:35px;
font-size:18pt; }}
.contenedor .novedadesp .barranovedades .bloquenovedades .ficha .boton a:hover{
 }
 
#bloquenv1{
display:block;}
#bloquenv2,#bloquenv3,#bloquenv4,#bloquenv5,#bloquenv6,#bloquenv7,#bloquenv8,#bloquenv9,#bloquenv10,#bloquenv11,#bloquenv12,#bloquenv13,#bloquenv14,#bloquenv15,#bloquenv16,#bloquenv17,#bloquenv18,#bloquenv19,#bloquenv20,#bloquenv21,#bloquenv22,#bloquenv23,#bloquenv24,#bloquenv25,#bloquenv26,#bloquenv27,#bloquenv28,#bloquenv29,#bloquenv30,#bloquenv31,#bloquenv32,#bloquenv33,#bloquenv34,#bloquenv35,#bloquenv36,#bloquenv37,#bloquenv38,#bloquenv39,#bloquenv40,#bloquenv41,#bloquenv42,#bloquenv43,#bloquenv44,#bloquenv45,#bloquenv46,#bloquenv47,#bloquenv48,#bloquenv49,#bloquenv50,#bloquenv51,#bloquenv52,#bloquenv53,#bloquenv54,#bloquenv55,#bloquenv56,#bloquenv57,#bloquenv58,#bloquenv59,#bloquenv60,#bloquenv61,#bloquenv62,#bloquenv63,#bloquenv64,#bloquenv65,#bloquenv66,#bloquenv67,#bloquenv68,#bloquenv69,#bloquenv70,#bloquenv71,#bloquenv72,#bloquenv73,#bloquenv74,#bloquenv75,#bloquenv76,#bloquenv77,#bloquenv78,#bloquenv79,#bloquenv80,#bloquenv81,#bloquenv82,#bloquenv83,#bloquenv84,#bloquenv85,#bloquenv86,#bloquenv87,#bloquenv88,#bloquenv89,#bloquenv90,#bloquenv91,#bloquenv92,#bloquenv93,#bloquenv94,#bloquenv95,#bloquenv96,#bloquenv97,#bloquenv98,#bloquenv99,#bloquenv100,#bloquenv101,#bloquenv102,#bloquenv103,#bloquenv104,#bloquenv105,#bloquenv106,#bloquenv107,#bloquenv108,#bloquenv109,#bloquenv110,#bloquenv111,#bloquenv112,#bloquenv113,#bloquenv114,#bloquenv115,#bloquenv116,#bloquenv117,#bloquenv118,#bloquenv119,#bloquenv120,#bloquenv121,#bloquenv122,#bloquenv123,#bloquenv124,#bloquenv125,#bloquenv126,#bloquenv127,#bloquenv128,#bloquenv129,#bloquenv130,#bloquenv131,#bloquenv132,#bloquenv133,#bloquenv134,#bloquenv135,#bloquenv136,#bloquenv137,#bloquenv138,#bloquenv139,#bloquenv140,#bloquenv141,#bloquenv142,#bloquenv143,#bloquenv144,#bloquenv145,#bloquenv146,#bloquenv147,#bloquenv148,#bloquenv149,#bloquenv150,#bloquenv151,#bloquenv152,#bloquenv153,#bloquenv154,#bloquenv155,#bloquenv156,#bloquenv157,#bloquenv158,#bloquenv159,#bloquenv160,#bloquenv161,#bloquenv162,#bloquenv163,#bloquenv164,#bloquenv165,#bloquenv166,#bloquenv167,#bloquenv168,#bloquenv169,#bloquenv170,#bloquenv171,#bloquenv172,#bloquenv173,#bloquenv174,#bloquenv175,#bloquenv176,#bloquenv177,#bloquenv178,#bloquenv179,#bloquenv180,#bloquenv181,#bloquenv182,#bloquenv183,#bloquenv184,#bloquenv185,#bloquenv186,#bloquenv187,#bloquenv188,#bloquenv189,#bloquenv190,#bloquenv191,#bloquenv192,#bloquenv193,#bloquenv194,#bloquenv195,#bloquenv196,#bloquenv197,#bloquenv198,#bloquenv199,#bloquenv200,#bloquenv201,#bloquenv202,#bloquenv203,#bloquenv204,#bloquenv205,#bloquenv206,#bloquenv207,#bloquenv208,#bloquenv209{
display:none;}

/* ///////////////////////////////////////////////   Fin Estilos de la sección de novedades de la página principal   ////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////   Estilos de la sección de destacados de la página principal   ///////////////////////////////////////////////// */
.backdestacados{
border-top:0px solid #3E3D42;
border-bottom:0px solid #3E3D42;
background-color:#539cbf; }
.backnoticias{
background:#3E3D42;
height:auto; }
.contenedor .destacadosp{
width:40%;
float:left;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#539cbf;
font-family:lato;
font-size:24pt;
font-weight:300;
color:#FFF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .destacadosp{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .destacadosp{
display:none; }}
.contenedor .noticiasp{
width:50%;
float:left;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#3E3D42; }
@media(max-width:340px){
.contenedor .noticiasp{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .noticiasp{
display:none; }}
.destacadospmov{
display:none;}
@media(max-width:340px){
.destacadospmov{
display:block;
width:340px;
float:left;
text-align:center;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#FFFFFF;
font-family:lato;
font-size:24pt;
font-weight:300;
color:#3E3D42;
text-transform:uppercase; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.destacadospmov{
display:block;
width:482px;
float:left;
text-align:center;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#FFFFFF;
font-family:lato;
font-size:24pt;
font-weight:300;
color:#3E3D42;
text-transform:uppercase; }}
.noticiaspmov{
display:none;}
@media(max-width:340px){
.noticiaspmov{
display:block;
width:340px;
float:left;
text-align:center;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#3E3D42;
font-family:lato;
font-size:24pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.noticiaspmov{
display:block;
width:482px;
float:left;
text-align:center;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#3E3D42;
font-family:lato;
font-size:24pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }}
.contenedor .noticiasp .titular{
float:left;
width:80%;
text-align:center;
font-family:lato;
font-size:24pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }
.contenedor .noticiasp .margenrt{
width:20%;
float:right; }

.contenedor .contenidodestacados{
width:40%;
min-height:1px;
float:left;
margin:0px;
padding:0px;
background:#FFFFFF;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#3E3D42; }
@media(max-width:340px){
.contenedor .contenidodestacados{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados{
width:462px; }}

.contenedor .contenidodestacados .margenlt{
float:left;
width:6%;
height:1px;
margin:0px;
padding:0px;
margin-top:40px;
cursor:pointer; }
@media(max-width:340px){
.contenedor .contenidodestacados .margenlt{
width:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .margenlt{
width:0px; }}
.contenedor .contenidodestacados .margenrt{
float:left;
width:6%;
height:1px;
margin:0px;
padding:0px;
margin-top:40px;
cursor:pointer;
text-align:right; }
@media(max-width:340px){
.contenedor .contenidodestacados .margenrt{
width:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .margenrt{
width:0px; }}
@media(max-width:340px){
.contenedor .contenidodestacados .margenrt .switcher,.contenedor .contenidodestacados .margenlt .switcher{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .margenrt .switcher,.contenedor .contenidodestacados .margenlt .switcher{
display:none; }}
.contenedor .contenidodestacados .barradestacados{
float:left;
width:88%;
min-height:150px;
margin-bottom:30px; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados{
width:462px; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados{
float:left;
width:100%; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados{
width:462px; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .margenint{
float:left;
width:3%;
height:1px;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .margenint{
width:0px;
height:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .margenint{
width:0px;
height:0px; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha{
float:left;
width:48%;
min-height:456px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:20px;
border:1px solid #D9D9D9;
background:#FFFFFF; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha{
width:320px;
min-height:520px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha{
width:462px;
min-height:520px; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .box{
width:100%;
float:left; }
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .imagen{
width:90%;
min-height:210px;
height:auto!important;
margin:0 auto;
text-align:center;
padding-top:20px;
padding-bottom:20px; }
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .imagen img{
/*
Estos son los estilos correctos, mientras se generan las imágenes se cambian por los que hacen que se muestre la imagen correctamente.
width:100%;
height:100%;*/
height:100%;
width:auto; }
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .referencia{
width:100%;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#9C9D9F;
border-top:1px solid #9C9D9F;
border-bottom:1px solid #9C9D9F; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .referencia{
font-size:14pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .referencia{
font-size:14pt; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .tipo{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:3px;
text-align:center; }
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .tipo a{
font-family:felipa;
font-size:15pt;
font-weight:normal;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .tipo a{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .tipo a{
font-size:20pt; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .producto{
width:95%;
min-height:60px;
line-height:20px;
height:auto!important;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:6px;
text-align:center; }
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .producto a{
font-family:lato;
font-size:11pt;
font-weight:300;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .producto a{
font-size:17pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .producto a{
font-size:17pt; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .precio{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-bottom:3px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#3E3D42; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .precio{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .precio{
font-size:16pt; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .precio .importe{
font-weight:400;
font-size:13pt; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .precio .importe{
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .precio .importe{
font-size:18pt; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .boton{
width:90%
margin:0 auto;
padding:0px;
margin:0px;
margin-top:0px;
text-align:center; }
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .boton a{
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
padding-right:25px;
border:1px solid #3E3D42;
font-family:lato;
font-size:13pt;
font-size:300;
color:#3E3D42;
text-decoration:none;
background:#F5F5F5; }
@media(max-width:340px){
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .boton a{
padding:6px 35px;
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .boton a{
padding:6px 35px;
font-size:18pt; }}
.contenedor .contenidodestacados .barradestacados .bloquedestacados .ficha .boton a:hover{
 }
 
 #bloquede1{
display:block;}
#bloquede2,#bloquede3,#bloquede4,#bloquede5,#bloquede6,#bloquede7,#bloquede8,#bloquede9,#bloquede10,#bloquede11,#bloquede12,#bloquede13,#bloquede14,#bloquede15,#bloquede16,#bloquede17,#bloquede18,#bloquede19,#bloquede20,#bloquede21,#bloquede22,#bloquede23,#bloquede24,#bloquede25,#bloquede26,#bloquede27,#bloquede28,#bloquede29{
display:none; }
 
 






.contenedor .contenidonoticias{
width:50%;
float:left;
margin:0px;
padding:0px;
padding-top:20px;
background:#FFFFFF; }
@media(max-width:340px){
.contenedor .contenidonoticias{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias{
width:462px; }}
.contenedor .contenidonoticias .titular{
float:left;
width:80%;
text-align:center;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenidonoticias .titular{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias .titular{
width:462px; }}
.contenedor .contenidonoticias .margenrt{
width:20%;
float:left; }
@media(max-width:340px){
.contenedor .contenidonoticias .margenrt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias .margenrt{
width:10px; }}
.contenedor .contenidonoticias .titular .noticia{
float:left;
width:80%;
min-height:120px;
height:auto!important;
margin:0px;
padding:0px;
margin-bottom:15px;
margin-left:20px;
background:#539cbf;
border:1px solid #539cbf; }
@media(max-width:340px){
.contenedor .contenidonoticias .titular .noticia{
width:300px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias .titular .noticia{
width:420px; }}
.contenedor .contenidonoticias .titular .noticia .imagen{
float:left;
width:30%;
min-height:112px;
height:auto!important;
margin:0px;
padding:0px;
padding-top:8px;
text-align:center;
background:#FFFFFF; }
@media(max-width:340px){
.contenedor .contenidonoticias .titular .noticia .imagen{
width:300px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias .titular .noticia .imagen{
width:420px; }}
.contenedor .contenidonoticias .titular .noticia .imagen img{
width:80%;
height:auto; }
.contenedor .contenidonoticias .titular .noticia .titulo{
float:left;
width:65%;
margin:0px;
padding:0px;
margin-left:10px;
margin-top:10px;
margin-bottom:5px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:600;
color:#FFF;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenidonoticias .titular .noticia .titulo{
width:300px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias .titular .noticia .titulo{
width:420px;
font-size:16pt; }}
.contenedor .contenidonoticias .titular .noticia .texto{
float:left;
width:65%;
margin:0px;
padding:0px;
margin-left:10px;
text-align:left;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#FFF;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenidonoticias .titular .noticia .texto{
width:280px;
font-size:16pt;
padding-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidonoticias .titular .noticia .texto{
width:400px;
font-size:16pt;
padding-bottom:10px; }}

/* ///////////////////////////////////////////////   Fin Estilos de la sección de destacados de la página principal   ///////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos de la sección de autores    de la página principal   ///////////////////////////////////////////// */

.cabautores{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
margin-bottom:20px;
background:#3E3E40;
text-align:center;
font-family:lato;
font-size:26pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }
@media(max-width:340px){
.cabautores{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.cabautores{
width:482px; }}
.contenedor .autoresp{
width:80%;
float:left;
margin-bottom:30px; }
@media(max-width:340px){
.contenedor .autoresp{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .autoresp{
width:462px; }}
.contenedor .autoresp .margenlt{
float:left;
width:5%;
height:1px;
margin:0px;
padding:0px;
/*margin-top:40px;*/
margin-top:0px;
cursor:pointer; }
@media(max-width:340px){
.contenedor .autoresp .margenlt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .autoresp .margenlt{
width:10px; }}
.contenedor .autoresp .margenrt{
float:left;
width:5%;
height:1px;
margin:0px;
padding:0px;
/*margin-top:40px;*/
margin-top:0px;
cursor:pointer;
text-align:right; }
@media(max-width:340px){
.contenedor .autoresp .margenrt{
width:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .autoresp .margenrt{
width:10px; }}
.contenedor .autoresp .barraautores{
/*float:none;*/
float:left;
width:90%;
min-height:150px;
padding:0px;
margin:0 auto; }
@media(max-width:340px){
.contenedor .autoresp .barraautores{
width:300px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .autoresp .barraautores{
width:420px; }}

.contenedor .autoresp .barraautores .imagen{
float:left;
width:18%;
height:150px;
padding:0px;
margin:0px;
border:1px solid #5F5F5F;
text-align:center; }
@media(max-width:340px){
.contenedor .autoresp .barraautores .imagen{
width:140px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .autoresp .barraautores .imagen{
width:160px; }}
@media(max-width:340px){
.imgaut2,.imgaut3,.imgaut4{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.imgaut2,.imgaut3,.imgaut4{
display:none; }}
.contenedor .autoresp .barraautores .imagen img{
width:90%;
height:90%;
padding:0px;
margin:0 auto;
margin-top:10px; }
.contenedor .autoresp .barraautores .margenin{
width:2%;
float:left;
padding:0px;
margin:0px;
min-height:1px; }
@media(max-width:340px){
.contenedor .autoresp .barraautores .margenint{
width:0px;
height:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .autoresp .barraautores .margenint{
width:0px;
height:0px; }}


 #bloqueaut1{
display:block;}
#bloqueaut2,#bloqueaut3,#bloqueaut4,#bloqueaut5,#bloqueaut6,#bloqueaut7,#bloqueaut8,#bloqueaut9,#bloqueaut10,#bloqueaut11,#bloqueaut12,#bloqueaut13,#bloqueaut14,#bloqueaut15,#bloqueaut16,#bloqueaut17,#bloqueaut18,#bloqueaut19,#bloqueaut20,#bloqueaut21,#bloqueaut22,#bloqueaut23,#bloqueaut24,#bloqueaut25,#bloqueaut26,#bloqueaut27,#bloqueaut28,#bloqueaut29{
display:none; }

/* ///////////////////////////////////////////////   Fin Estilos de la sección de autores    de la página principal   ///////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos de la sección de contenidos del footer   ///////////////////////////////////////////////////////// */

.backcontenidofooter{
background:#F2F7FB; }

.contenidofooters1{
width:100%;
float:left;
margin:0px;
padding:0px;
min-height:2px;
background:#529BBE; }
@media(max-width:340px){
.contenidofooters1{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenidofooters1{
width:482px; }}
.contenidofooters2{
width:100%;
float:left;
margin:0px;
padding:0px;
min-height:1px;
background:#7EB4CE; }
@media(max-width:340px){
.contenidofooters2{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenidofooters2{
width:482px; }}
.contenidofooters3{
width:100%;
float:left;
margin:0px;
padding:0px;
min-height:5px;
background:#FFFFFF; }
@media(max-width:340px){
.contenidofooters3{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenidofooters3{
width:482px; }}
.contenidofooters4{
width:100%;
float:left;
margin:0px;
padding:0px;
min-height:1px;
background:#7EB4CE; }
@media(max-width:340px){
.contenidofooters4{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenidofooters4{
width:482px; }}
.contenedor .contenidofooter{
float:left;
width:80%;
min-height:1px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:25px;
margin-bottom:25px; }
@media(max-width:340px){
.contenedor .contenidofooter{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidofooter{
width:462px; }}
.contenedor .contenidofooter .separadorh{
float:left;
width:100%;
min-height:3px; }
@media(max-width:340px){
.contenendor .contenidofooter .separadorh{
width:320px;
height:3px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenendor .contenidofooter .separadorh{
width:462px;
height:3px; }}
.contenedor .contenidofooter .seccion{
width:25%;
float:left;
margin:0px;
padding:0px;
margin-bottom:20px; }
@media(max-width:340px){
.contenedor .contenidofooter .seccion{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidofooter .seccion{
width:462px; }}
.contenedor .contenidofooter .seccion .imagen{
float:left;
width:25%;
padding:0px;
margin:0px;
text-align:center; }
@media(max-width:340px){
.contenedor .contenidofooter .seccion .imagen{
width:60px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidofooter .seccion .imagen{
width:80px; }}
.contenedor .contenidofooter .seccion .texto{
float:left;
width:60%;
padding:0px;
margin:0px;
margin-left:20px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#606467; }
@media(max-width:340px){
.contenedor .contenidofooter .seccion .texto{
width:240px;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidofooter .seccion .texto{
width:320px;
font-size:15pt; }}
.contenedor .contenidofooter .seccion .texto .titulo{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-bottom:6px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#539CBF; }
@media(max-width:340px){
.contenedor .contenidofooter .seccion .texto .titulo{
width:260px;
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenidofooter .seccion .texto .titulo{
width:400px;
font-size:20pt; }}
.contenedor .opcionesfooter .seccion .redesfooter{
width:95%;
float:left;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .opcionesfooter .seccion .redesfooter{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .opcionesfooter .seccion .redesfooter{
width:462px; }}
.contenedor .opcionesfooter .seccion .redesfooter a{
float:left;
width:25%;
margin:0px;
padding:0px;
margin-right:3px;
text-decoration:none; }
@media(max-width:340px){
.contenedor .opcionesfooter .seccion .redesfooter a{
width:60px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .opcionesfooter .seccion .redesfooter a{
width:80px; }}
.contenedor .cabecerafooter{
float:left;
width:80%;
min-height:1px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px; }
@media(max-width:340px){
.contenedor .cabecerafooter{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .cabecerafooter{
display:none; }}

.contenedor .cabecerafootermov{
display:none; }
@media(max-width:340px){
.contenedor .cabecerafootermov{
display:block;
width:320px;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }}
@media(max-width:340px){
.contenedor .cabecerafootermov{
display:block;
width:320px;
margin:0px;
padding:0px;
margin-bottom:3px;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .cabecerafootermov{
display:block;
width:462px;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }}
@media(max-width:340px){
.contenedor .cabecerafootermov .subtitulo{
width:320px;
float:left;
margin:0px;
padding:0px;
margin-bottom:3px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .cabecerafootermov .subtitulo{
width:462px;
float:left;
margin:0px;
padding:0px;
margin-bottom:3px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }}

.contenedor .cabecerafooter .seccion{
width:20%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .cabecerafooter .seccion{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .cabecerafooter .seccion{
display:none; }}
.contenedor .cabecerafooter .seccion:nth-child(1),.contenedor .cabecerafooter .seccion:nth-child(2),.contenedor .cabecerafooter .seccion:nth-child(3),.contenedor .cabecerafooter .seccion:nth-child(4){
line-height:45px; }
.contenedor .cabecerafooter .seccion .subtitulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:3px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase; }

.contenedor .opcionesfooter{
float:left;
width:80%;
min-height:1px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px; }
@media(max-width:340px){
.contenedor .opcionesfooter{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .opcionesfooter{
width:462px; }}
.contenedor .opcionesfooter .seccion{
width:20%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#606467;
text-transform:none;
text-decoration:none; }
@media(max-width:340px){
.contenedor .opcionesfooter .seccion{
width:320px;
font-size:20pt;
margin-bottom:30px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .opcionesfooter .seccion{
width:462px;
font-size:20pt;
margin-bottom:30px; }}
.contenedor .opcionesfooter .seccion a{
float:left;
width:100%;
margin-bottom:3px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#606467;
text-transform:none;
text-decoration:none; }
@media(max-width:340px){
.contenedor .opcionesfooter .seccion a{
width:320px;
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .opcionesfooter .seccion a{
width:462px;
font-size:20pt; }}
.contenedor .opcionesfooter .seccion a:hover{
 }
.contenedor .opcionesfooter .seccion form{
width:100%;
float:left;
margin:0px;
padding:0px; }
.contenedor .opcionesfooter .seccion input{
float:left;
width:185px;
margin:0px;
padding:0px;
border:0px;
background:#D1D1D1;
line-height:25px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131;
text-transform:none;
text-decoration:none; }
@media(max-width:340px){
.contenedor .opcionesfooter .seccion input{
width:300px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .opcionesfooter .seccion input{
width:420px; }}
.contenedor .opcionesfooter .seccion .boton{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:3px; }
.contenedor .opcionesfooter .seccion .boton a{
float:left;
width:40%;
margin:0px;
padding:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
text-align:center;
background:#539CBF; }
.contenedor .opcionesfooter .seccion .boton a:hover{
 }
.contenedor .mediospagofooter{
float:left;
width:80%;
min-height:1px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px; }
@media(max-width:340px){
.contenedor .mediospagofooter{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .mediospagofooter{
display:none; }}
.contenedor .mediospagofooter .seccion{
position:relative;
float:left;
margin:0px;
padding:0px;
line-height:137px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:none;
text-decoration:none; }
.contenedor .mediospagofooter .seccion:nth-child(1){
width:30%;
text-align:left; }
.contenedor .mediospagofooter .seccion:nth-child(2){
width:30%;
text-align:center; }
.contenedor .mediospagofooter .seccion:nth-child(3),.contenedor .mediospagofooter .seccion:nth-child(4){
width:19%;
text-align:center; }
.contenedor .mediospagofooter .seccion:nth-child(4){
border-right:0px;
line-height:20px; }

.contenedor .mediospagofootermov{
display:none; }
@media(max-width:340px){
.contenedor .mediospagofootermov{
display:block;
float:left;
width:320px;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .mediospagofootermov{
display:block;
float:left;
width:462px;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px; }}
.contenedor .mediospagofootermov .seccion{
display:none; }
@media(max-width:340px){
.contenedor .mediospagofootermov .seccion{
display:block;
position:relative;
width:320px;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:none;
text-decoration:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .mediospagofootermov .seccion{
display:block;
position:relative;
width:462px;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:none;
text-decoration:none; }}
.contenedor .mediospagofootermov .seccion a{
display:none; }
@media(max-width:340px){
.contenedor .mediospagofootermov .seccion a{
display:block;
float:left;
width:320px;
text-align:center;
margin-bottom:3px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase;
text-decoration:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .mediospagofootermov .seccion a{
display:block;
float:left;
width:462px;
text-align:center;
margin-bottom:3px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase;
text-decoration:none; }}

.contenedor .mediospagofooter .seccion a{
float:left;
width:99%;
text-align:center;
margin-bottom:3px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#539CBF;
text-transform:uppercase;
text-decoration:none; }
@media(max-width:340px){
.contenedor .mediospagofooter .seccion a{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .mediospagofooter .seccion a{
display:none; }}
.contenedor .mediospagofooter .separador{
float:right;
width:1px;
height:60px;
margin:0px;
padding:0px;
margin-top:40px;
border-right:1px solid #539CBF; }
@media(max-width:340px){
.contenedor .mediospagofooter .separador{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .mediospagofooter .separador{
display:none; }}
.contenedor .mediospagofooter .seccion a:hover{
 }
.contenedor .mediospagofooter .seccion img{
width:70%
height:auto;
margin:0 auto; }

.contenedor .avisofooter{
float:left;
width:100%;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#539CBF;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#FFFFFF;
text-align:center; }
@media(max-width:340px){
.contenedor .avisofooter{
width:340px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .avisofooter{
width:482px; }}

.contenedor .avisopie{
float:left;
width:100%; }
@media(max-width:340px){
.contenedor .avisopie{
width:320px;
margin:0 auto; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .avisopie{
width:462px;
margin:0 auto; }}
/* ///////////////////////////////////////////////       Fin estilos de la sección de contenidos del footer   ///////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del listado de tipos y familias   ///////////////////////////////////////////////////////// */

.contenedor .contenido .titularfamilia{
width:100%;
float:left;
padding:0px;
margin:0px;
padding-top:15px;
padding-bottom:15px; }
.contenedor .contenido .titularfamilia .icono{
width:5%;
float:left;
padding:0px;
margin:0px;
display:none; }
.contenedor .contenido .titularfamilia .breadcrumb{
width:95%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none; }
.contenedor .contenido .titularfamilia .breadcrumb a{
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none; }
.contenedor .contenido .titularfamilia .breadcrumb a:hover{
 }
.contenedor .contenido .titularfamilia .breadcrumb .separacion{
float:left;
margin:0px;
padding:0px;
margin-left:10px;
margin-right:10px; }

.contenedor .contenido .cajafamilia{
float:left;
width:25%;
margin:0px;
padding:0px;
margin-top:25px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131;
text-align:left; }
@media (max-width:340px){
.contenedor .contenido .cajafamilia{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia{
width:462px; }}
.contenedor .contenido .cajafamilia .imagen{
float:left;
width:70%;
min-height:165px;
height:auto!important;
margin:0px;
padding:0px;
text-align:center; }
@media(max-width:340px){
.contenedor .contenido .cajafamilia .imagen{
width:320px;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia .imagen{
width:462px;
text-align:center; }}
.contenedor .contenido .cajafamilia .imagen img{
/*width:75%*/;
/*height:auto;*/
margin:0 auto; }
@media(max-width:340px){
.contenedor .contenido .cajafamilia .imagen img{
width:60%; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia .imagen img{
width:60%; }}

.contenedor .contenido .cajafamilia .titulo{
float:left;
width:100%;
margin:0px;
padding:0px;
font-weight:bold; }
@media(max-width:340px){
.contenedor .contenido .cajafamilia .titulo{
width:320px;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia .titulo{
width:462px;
text-align:center; }}
.contenedor .contenido .cajafamilia .titulo a{
font-family:lato;
font-size:11pt;
font-weight:bold;
color:#313131;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .cajafamilia .titulo a{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia .titulo a{
font-size:16pt; }}
.contenedor .contenido .cajafamilia .titulo a:hover{
}
.contenedor .contenido .cajafamilia .subopciones{
width:100%;
float:left;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenido .cajafamilia .subopciones{
width:320px;
margin-bottom:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia .subopciones{
width:462px;
margin-bottom:20px; }}
.contenedor .contenido .cajafamilia .subopciones a{
width:90%;
float:left;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .cajafamilia .subopciones a{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cajafamilia .subopciones a{
font-size:16pt; }}
.contenedor .contenido .cajafamilia .subopciones a:hover{
color:#539CBF; }
.contenedor .contenido .separadorh{
float:left;
width:100%;
min-height:3px; }
/* ///////////////////////////////////////////////       Fin estilos del listado de tipos y familias    /////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del listado de productos        ////////////////////////////////////////////////////////////////// */

.contenedor .contenido .ordenacion{
float:left;
width:100%;
margin:0px;
padding:0px;
padding-top:20px;
padding-bottom:20px;
margin-top:20px;
border-top:2px solid #949494;
border-bottom:2px solid #949494;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131;
text-decoration:none; }
.contenedor .contenido .ordenacion .etiqueta{
float:left;
margin:0px;
padding:0px;
margin-right:10px;
line-height:25px;
font-weight:bold; }
.contenedor .contenido .ordenacion .campo{
float:left;
margin:0px;
padding:0px;
margin-right:30px;
line-height:25px; }
.contenedor .contenido .ordenacion .campo select{
float:left;
width:150px;
height:25px;
margin:0px;
padding:0px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131; }

.contenedor .contenido .paginacion{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:15px;
margin-bottom:30px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131;
text-decoration:none; }
.contenedor .contenido .paginacion .notifica{
float:left;
width:100%; }
.contenedor .contenido .paginacion .navegacion{
width:100%;
float:left;
padding:0px;
text-align:center; }
.contenedor .contenido .paginacion .navegacion a{
font-family:lato;
font-size:11pt;
font-weight:300;
color:#414141;
text-decoration:none; }
.contenedor .contenido .paginacion .navegacion .pagactual{
font-size:14pt;
font-weight:bold;
color:#539CBF; }
.left{
margin-left:10px; }
.right{
margin-right:10px; }



.contenedor .contenido .margenlp{
float:left;
width:0.3%;
min-height:1px; }
.contenedor .contenido .productos{
width:100%;
float:left;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenido .productos{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos{
width:462px; }}
.contenedor .contenido .productos .sinresultados{
width:100%;
margin:0px;
padding:0px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:bold;
color:#9C9D9F; }
@media(max-width:340px){
.contenedor .contenido .productos .sinresultados{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .sinresultados{
width:462px; }}
.contenedor .contenido .productos .ficha{
float:left;
width:19.5%;
min-height:480px;
height:auto!important;
margin:0px;
padding:0px;
margin-top:0px;
margin-bottom:20px;
border:1px solid #D9D9D9; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha{
width:320px;
min-height:520px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha{
width:462px;
min-height:520px; }}
.contenedor .contenido .productos .ficha .box{
width:100%;
float:left; }
.contenedor .contenido .productos .ficha .imagen{
width:90%;
min-height:210px;
height:auto!important;
margin:0 auto;
text-align:center;
padding-top:20px;
padding-bottom:20px; }
.contenedor .contenido .productos .ficha .imagen img{
/*
Estos son los estilos correctos, mientras se generan las imágenes se cambian por los que hacen que se muestre la imagen correctamente.
width:100%;
height:100%;*/
height:100%;
width:auto; }
.contenedor .contenido .productos .ficha .referencia{
width:100%;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#9C9D9F;
border-top:1px solid #9C9D9F;
border-bottom:1px solid #9C9D9F; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .referencia{
font-size:14pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .referencia{
font-size:14pt; }}
.contenedor .contenido .productos .ficha .tipo{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:3px;
text-align:center; }
.contenedor .contenido .productos .ficha .tipo a{
font-family:felipa;
font-size:15pt;
font-weight:normal;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .tipo a{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .tipo a{
font-size:20pt; }}
.contenedor .contenido .productos .ficha .producto{
width:95%;
min-height:60px;
height:auto!important;
margin:0px;
padding:0px;
margin:0 auto;
padding-top:3px;
padding-bottom:6px;
text-align:center; }
.contenedor .contenido .productos .ficha .producto a{
font-family:lato;
font-size:11pt;
font-weight:300;
color:#3E3D42;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .producto a{
font-size:17pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .producto a{
font-size:17pt; }}
.contenedor .contenido .productos .ficha .precio{
width:95%;
min-height:40px;
margin:0px;
padding:0px;
margin:0 auto;
padding-bottom:3px;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#3E3D42; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .precio{
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .precio{
font-size:16pt; }}
.contenedor .contenido .productos .ficha .precio .importe{
font-weight:400;
font-size:13pt; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .precio .importe{
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .precio .importe{
font-size:18pt; }}
.contenedor .contenido .productos .ficha .precioantes{
width:95%;
margin:0px;
padding:0px;
margin:0 auto;
padding-bottom:3px;
text-align:center;
font-family:lato;
font-size:10pt;
font-weight:300;
color:#3E3D42;
text-decoration:line-through; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .precioantes{
font-size:14pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .precioantes{
font-size:14pt; }}
.contenedor .contenido .productos .ficha .boton{
width:90%
margin:0 auto;
padding:0px;
margin:0px;
margin-top:20px;
text-align:center; }
.contenedor .contenido .productos .ficha .boton a{
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
padding-right:25px;
border:1px solid #539CBF;
background:#539CBF;
font-family:lato;
font-size:13pt;
font-size:300;
color:#FFFFFF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .productos .ficha .boton a{
padding:6px 35px;
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .productos .ficha .boton a{
padding:6px 35px;
font-size:18pt; }}
.contenedor .contenido .productos .ficha .boton a:hover{
 }


/* ///////////////////////////////////////////////       Fin estilos del listado de productos       /////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del buscador de productos       ////////////////////////////////////////////////////////////////// */

.formulariobusca{
float:left;
width:100%;
margin:0px;
padding:0px;
padding-top:20px;
padding-bottom:20px;
margin-top:20px;
border-top:2px solid #949494;
border-bottom:2px solid #949494;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#313131;
text-decoration:none; }

.formulariobusca .pareja{
float:left; }

.formulariobusca .etiqueta{
float:left;
margin:0px;
padding:0px;
margin-right:10px;
font-weight:bold; }

.formulariobusca .campo{
float:left;
margin:0px;
padding:0px;
margin-right:20px;
font-weight:bold; }

.formulariobusca .boton{
display:none; /* NO se muestra, la búsqueda se hace automática */
float:left;
padding:0px;
margin:0px; }
.formulariobusca .boton a{
float:left;
margin:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
background:#539CBF;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none; }

/* ///////////////////////////////////////////////       Fin del estilos del buscador de productos       ////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos de la ficha de producto       //////////////////////////////////////////////////////////////////// */

.cabcompraron{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:15px;
padding-bottom:15px;
background:#3E3E40;
text-align:center;
font-family:lato;
font-size:26pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase;
border-top:1px solid #3E3E40;
border-bottom:1px solid #3E3E40; }

.contenedor .contenido .fichaproducto{
float:left;
width:100%;
padding:0px;
margin:0px; }
.contenedor .contenido .fichaproducto .separador{
width:100%;
float:left; }
.contenedor .contenido .fichaproducto .nombre{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:40px;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #3E3E40;
font-family:felipa;
font-size:18pt;
font-weight:normal;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .nombre{
width:320px;
font-size:25pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .nombre{
width:482px;
font-size:25pt; }}
.contenedor .contenido .fichaproducto .imagen{
width:49%;
float:left;
margin:0px;
padding:0px;
margin-bottom:30px;
border:1px solid #3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .imagen{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .imagen{
display:none; }}
.contenedor .contenido .fichaproducto .imagenmov{
display:none; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .imagenmov{
display:block;
width:320px;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
border:1px solid #3E3E40;
text-align:center;
padding-top:5px;
padding-bottom:5px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .imagenmov{
display:block;
width:462px;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
border:1px solid #3E3E40;
text-align:center;
padding-top:5px;
padding-bottom:5px; }}
.contenedor .contenido .fichaproducto .imagen img{
/* width:100%; */
margin:0 auto; }
.contenedor .contenido .fichaproducto .imagen .textozoom{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:15px;
margin-left:15px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#3E3E40; }
.contenedor .contenido .fichaproducto .datosficha{
width:50%;
float:right;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha{
width:320px;
float:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha{
width:462px;
float:left; }}
.contenedor .contenido .fichaproducto .datosficha .lineatop{
width:100%;
float:left;
margin:0px;
padding:0px;
border-top:1px solid #3E3E40;
border-bottom:1px solid #3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .lineatop{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .lineatop{
width:462px; }}
.contenedor .contenido .fichaproducto .datosficha .lineatop .referencia{
width:60%;
float:left;
margin:0px;
padding:0px;
padding-top:8px;
padding-bottom:8px;
text-align:center;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .lineatop .referencia{
width:320px;
font-size:17pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .lineatop .referencia{
width:462px;
font-size:17pt; }}
.contenedor .contenido .fichaproducto .datosficha .lineatop .referencia .numero{
font-size:14pt; }
.contenedor .contenido .fichaproducto .datosficha .lineatop .novedad{
width:35%;
float:left;
margin:0px;
padding:0px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
border-left:1px solid #3E3E40;
text-align:center;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#589CBF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .lineatop .novedad{
width:320px;
border-top:1px solid #3e3e40;
border-bottom:1px solid #3e3e40;
padding:10px 15px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .lineatop .novedad{
width:462px;
border-top:1px solid #3e3e40;
border-bottom:1px solid #3e3e40;
padding:10px 15px; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo{
width:100%;
float:left;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#9C9C9C; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo{
width:320px;
font-size:17pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo{
width:462px;
font-size:17pt; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo .etiqueta{
width:30%;
float:left;
margin:0px;
padding:0px;
padding-left:30px;
background:#F5F5F5;
height:40px;
line-height:40px; }
.conborde{
border-bottom:1px solid #3E3E40; }
.sinborde{
border-bottom:0px; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo .etiqueta{
width:300px;
padding-left:20px;
border:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo .etiqueta{
width:420px;
padding-left:20px;
border:0px; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo .valor{
width:55%;
float:left;
margin:0px;
padding:0px;
padding-left:20px;
height:40px;
line-height:40px; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo .valor{
width:300px;
border:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueinfo .valor{
width:420px;
border:0px; }}

.contenedor .contenido .fichaproducto .datosficha .variedades{
float:left;
width:100%;
margin:0px;
padding:0px;
padding-top:20px;
padding-bottom:20px;
border-top:1px solid #3E3E40;
border-bottom:1px solid #3E3E40;
text-align:center;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .variedades{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .variedades{
width:462px; }}
.contenedor .contenido .fichaproducto .datosficha .variedades select{
width:50%;
line-height:30px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#494949; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .variedades select{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .variedades select{
width:462px; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio{
float:left;
width:100%;
padding:0px;
margin:0px;
padding-bottom:20px;
padding-top:20px;
border-bottom:1px solid #3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio{
width:320px;
text-align:right; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio{
width:462px;
text-align:right; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .stock{
display:none;
float:left;
width:100%;
padding:0px;
margin:0px;
padding-bottom:20px;
padding-left:20px;
line-height:22px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .stock{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .stock{
width:462px; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .stock .cuadro{
width:20px;
height:20px;
float:left;
border:1px solid #3E3E40;
padding:2px;
margin-right:10px; }
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .stock .cuadro .color{
float:left;
width:100%;
height:100%; }
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .precio{
float:left;
width:45%;
margin:0px;
padding:0px;
text-align:right;
font-family:lato;
font-size:20pt;
font-weight:400;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .precio{
width:320px;
text-align:right;
font-size:22pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .precio{
width:462px;
text-align:right;
font-size:22pt; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .boton{
float:right;
width:45%;
margin:0px;
padding:0px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .boton{
width:320px;
margin-top:20px;
margin-bottom:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .boton{
width:462px;
margin-top:20px;
margin-bottom:20px; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .boton a{
float:left;
margin:0px;
padding:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:25px;
padding-right:25px;
background:#589CBF;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#FFFFFF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .boton a{
padding:10px 40px;
font-size:20pt;
width:240px;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .boton a{
padding:10px 40px;
font-size:20pt;
width:350px;
text-align:center; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .original{
float:left;
width:45%;
margin:0px;
padding:0px;
text-align:right;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#3E3E40;
text-decoration:line-through; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .original{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .original{
display:none; }}
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .originalmov{
display:none; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .originalmov{
display:block;
float:left;
width:320px;
margin:0px;
padding:0px;
text-align:right;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#3E3E40;
text-decoration:line-through; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .originalmov{
display:block;
float:left;
width:462px;
margin:0px;
padding:0px;
text-align:right;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#3E3E40;
text-decoration:line-through; }}

.contenedor .contenido .fichaproducto .datosficha .bloqueprecio .aviso{
float:left;
width:95%;
margin:0px;
padding:0px;
padding-top:20px;
padding-left:20px;
font-family:lato;
font-size:9pt;
font-weight:300;
color:#3E3E40; }

.contenedor .contenido .fichaproducto .datosficha .resumen{
float:left;
width:95%;
margin:0px;
padding:0px;
padding-top:20px;
padding-left:20px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .resumen{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .resumen{
width:462px; }}
.contenedor .contenido .fichaproducto .datosficha .resumen .titulo{
font-weight:400; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .resumen .titulo{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .resumen .titulo{
font-size:20pt; }}

.contenedor .contenido .fichaproducto .datosficha .redes{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:30px; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .redes{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .redes{
width:462px; }}

.contenedor .contenido .fichaproducto .datosficha .redes .red{
float:left;
margin:0px;
padding:0px;
margin-right:10px;
min-height:60px;
line-height:60px; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .datosficha .redes .red{
width:70px;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .datosficha .redes .red{
width:67px;
text-align:center; }}
.contenedor .contenido .fichaproducto .descripcionproducto{
float:left;
width:100%;
margin:0px;
margin-bottom:20px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#3E3E40; }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .descripcionproducto{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .descripcionproducto{
width:462px; }}
.contenedor .contenido .fichaproducto .descripcionproducto .titulo{
font-size:17pt;
margin-bottom:20px;
/*font-weight:400;*/ }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .descripcionproducto .titulo{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .descripcionproducto .titulo{
font-size:20pt; }}

.contenedor .contenido .fichaproducto .valoraciones{
float:left;
width:100%;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#3E3E40;
display:block }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .valoraciones{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .valoraciones{
width:462px; }}
.contenedor .contenido .fichaproducto .valoraciones .titulo{
font-size:17pt;
/*font-weight:400;*/ }
@media(max-width:340px){
.contenedor .contenido .fichaproducto .valoraciones{
font-size:20pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .fichaproducto .valoraciones{
font-size:20pt; }}


#titestructura1{
background:#3e3e40;
padding-left:15px;
padding-right:15px;
padding-top:6px;
padding-bottom:6px;
color:#FFFFFF; }
#titestructura2,#titestructura3,#titestructura4{
padding-left:15px;
padding-right:15px;
padding-top:6px;
padding-bottom:6px;
background:#FFFFFF; }
#titestructura3{ }

#estructura1{
display:block;
visibility:show; }
#estructura2,#estructura3,#estructura4{
display:none;
visibility:hidden; }

.titulosest{
width:100%;
float:left;
text-align:left;
margin-top:20px; }
.titestructura {
width:100%;
float:left;
list-style:none outside none;
padding:0px;
margin:0px; }
.titestructura li{
width:24%;
font-size:17pt;
float:left;
cursor:pointer; }
@media(max-width:340px){
.titestructura li{
width:80px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.titestructura li{
width:95px; }}

.estructura {
/* display:none;
visibility:hidden; */
min-height:150px;
width:100%;
height:auto!important;
border:1px solid #3e3e40;
background:#FFFFFF;
font-size:12pt;
color:#3e3e40;
padding:20px;
margin-bottom:25px;
float:left; }
/* ///////////////////////////////////////////////       Estilos de la ficha de producto       //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del proceso de pedido     //////////////////////////////////////////////////////////////////////// */


/* /////////////////////  Estilos del menú de pasos del proceso de pedido. */ 

.contenedor .contenido .ordersteps{
float:left;
width:100%;
margin:0px;
padding:0px; }
@media(max-width:340px){
.contenedor .contenido .ordersteps{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .ordersteps{
width:462px; }}

.contenedor .contenido .opcionres{
float:left;
width:19%;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
background:#803789;
text-align:center;
line-height:70px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .opcionres{
width:320px;
padding-left:0px;
padding-right:0px;
margin-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .opcionres{
width:462px;
padding-left:0px;
padding-right:0px;
margin-bottom:10px; }}
.contenedor .contenido .opcionres a{
line-height:70px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none; }
.contenedor .contenido .sepopcionres{
float:left;
margin:0px;
padding:0px;
background:url('imagen/opcionres.png');
background-repeat:no-repeat;
background-position:right;
background-color:#FFFFFF;
text-align:center;
line-height:70px;
min-width:37px; }
@media(max-width:340px){
.contenedor .contenido .sepopcionres{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .sepopcionres{
display:none; }}
.contenedor .contenido .sepopcionpass{
float:left;
margin:0px;
padding:0px;
background:url('imagen/opcionpass.png');
background-repeat:no-repeat;
background-position:right;
background-color:#FFFFFF;
text-align:center;
line-height:70px;
min-width:37px; }
@media(max-width:340px){
.contenedor .contenido .sepopcionpass{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .sepopcionpass{
display:none; }}

.contenedor .contenido .opcion{
float:left;
width:19%;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
background:#FFFFFF;
border-top:2px solid #bd9bc0;
border-bottom:2px solid #bd9bc0;
text-align:center;
line-height:66px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#803789;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .opcion{
width:320px;
padding-left:0px;
padding-right:0px;
margin-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .opcion{
width:462px;
padding-left:0px;
padding-right:0px;
margin-bottom:10px; }}

.contenedor .contenido .sepopcion{
float:left;
margin:0px;
padding:0px;
background:url('imagen/opcion.png');
background-repeat:no-repeat;
background-position:right;
background-color:#FFFFFF;
text-align:center;
line-height:70px;
min-width:37px; }
@media(max-width:340px){
.contenedor .contenido .sepopcion{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .sepopcion{
display:none; }}

.contenedor .contenido .opcionfin{
float:left;
width:19%;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
border-top:2px solid #bd9bc0;
border-bottom:2px solid #bd9bc0;
background:#FFFFFF;
text-align:center;
line-height:66px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#803789;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .opcionfin{
width:320px;
padding-left:0px;
padding-right:0px;
margin-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .opcionfin{
width:462px;
padding-left:0px;
padding-right:0px;
margin-bottom:10px; }}
.contenedor .contenido .opcionfinres{
float:left;
width:19%;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
border-top:2px solid #803789;
border-bottom:2px solid #803789;
background:#803789;
text-align:center;
line-height:66px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .opcionfinres{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .opcionfinres{
display:none; }}
.contenedor .contenido .sepfin{
float:left;
margin:0px;
padding:0px;
background:url('imagen/opcionfin.png');
background-repeat:no-repeat;
background-position:right;
background-color:#FFFFFF;
text-align:center;
line-height:70px;
min-width:37px; }
@media(max-width:340px){
.contenedor .contenido .sepfin{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .sepfin{
display:none; }}
.contenedor .contenido .sepfinres{
float:left;
margin:0px;
padding:0px;
background:url('imagen/opcionfinres.png');
background-repeat:no-repeat;
background-position:right;
background-color:#FFFFFF;
text-align:center;
line-height:70px;
min-width:37px; }
@media(max-width:340px){
.contenedor .contenido .sepfinres{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .sepfinres{
display:none; }}
.contenedor .contenido .actual{
font-weight:600;
font-size:15pt; }

/* /////////////////////  Fin estilos del menú de pasos del proceso de pedido. */ 

/* /////////////////////  Estilos de la pantalla de cesta de la compra. */ 

.contenedor .contenido .avisocambio{
width:100%;
float:left;
text-align:center;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#ED0000; }

.contenedor .contenido .titulolistado{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
background:#803789;
text-align:center;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }

.contenedor .contenido .cabeceralistado{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
padding-bottom:15px;
border-bottom:2px solid #be99c2;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#803789;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .cabeceralistado{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .cabeceralistado{
display:none; }}

.contenedor .contenido .listadocesta{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#949494; }
@media(max-width:340px){
.contenedor .contenido .listadocesta{
width:320px;
border-top:1px solid #803789;
margin-top:10px;
padding-top:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta{
width:482px;
border-top:1px solid #803789;
margin-top:10px;
padding-top:10px; }}

.contenedor .contenido .listadocesta form{
margin:0px;
padding:0px; }
.contenedor .contenido .listadocesta .lineaproducto{
float:left;
width:100%;
margin:0px;
padding:0px;
padding-bottom:10px;
margin-bottom:10px;
line-height:60px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#949494;
border-bottom:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .lineaproducto{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .lineaproducto{
width:482px; }}
.contenedor .contenido .cabeceralistado .borrar, .contenedor .contenido .listadocesta .borrar{
width:5%;
float:left;
min-height:1px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .borrar{
display:block;
font-siz:20px;
font-weight:bold; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .borrar{
display:block;
font-siz:20px;
font-weight:bold; }}
.contenedor .contenido .listadocesta .borrar a{
font-size:14pt;
color:#ED0000;
text-decoration:none; }

.contenedor .contenido .listadocesta .titproducto{
display:none; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .titproducto{
display:block;
float:left;
width:320px;
padding:0px;
margin:0px;
line-height:25px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .titproducto{
display:block;
float:left;
width:462px;
padding:0px;
margin:0px;
line-height:25px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
.contenedor .contenido .cabeceralistado .producto, .contenedor .contenido .listadocesta .producto{
width:45%;
float:left;
min-height:1px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .producto{
width:320px;
line-height:25px;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .producto{
width:482px;
line-height:25px;
font-size:15pt; }}
.contenedor .contenido .listadocesta .producto a{
text-decoration:none;
color:#949494; }
.contenedor .contenido .listadocesta .producto .imagen{
float:left;
width:20%;
height:70px; }
.contenedor .contenido .listadocesta .producto .imagen img{
width:auto;
height:70px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .producto .imagen{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .producto .imagen{
display:none; }}
.contenedor .contenido .cabeceralistado .precio, .contenedor .contenido .listadocesta .precio{
width:15%;
float:left;
min-height:1px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .precio{
width:320px;
line-height:25px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .precio{
width:462px;
line-height:25px;
font-size:16pt; }}
.contenedor .contenido .listadocesta .titprecio{
display:none; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .titprecio{
display:block;
float:left;
width:320px;
padding:0px;
margin:0px;
margin-top:20px;
line-height:25px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .titprecio{
display:block;
float:left;
width:462px;
padding:0px;
margin:0px;
margin-top:20px;
line-height:25px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}

.contenedor .contenido .listadocesta .titunidades{
display:none; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .titunidades{
display:block;
float:left;
width:320px;
padding:0px;
margin:0px;
margin-top:20px;
line-height:25px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .titunidades{
display:block;
float:left;
width:482px;
padding:0px;
margin:0px;
margin-top:20px;
line-height:25px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
.contenedor .contenido .cabeceralistado .unidades, .contenedor .contenido .listadocesta .unidades{
width:15%;
float:left;
min-height:1px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .unidades{
width:320px;
line-height:25px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .unidades{
width:462px;
line-height:25px; }}

.contenedor .contenido .listadocesta .unidades input{
margin-top:25px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .unidades input{
width:60px;
padding:0px;
margin:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .unidades input{
width:60px;
padding:0px;
margin:0px; }}

.contenedor .contenido .cabeceralistado .total, .contenedor .contenido .listadocesta .total{
width:20%;
float:left;
min-height:1px; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .total{
width:320px;
line-height:25px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .total{
width:462px;
line-height:25px; }}

.contenedor .contenido .resumencesta{
float:right;
width:50%;
margin:0px;
padding:0px;
margin-bottom:20px;
padding-right:30px;
text-align:right;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#575757; }
@media(max-width:340px){
.contenedor .contenido .resumencesta{
width:320px;
padding-right:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .resumencesta{
width:462px;
padding-right:0px; }}
.contenedor .contenido .resumencesta1{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-bottom:20px;
padding-right:30px;
text-align:center;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#575757; }
@media(max-width:340px){
.contenedor .contenido .resumencesta1{
width:320px;
line-height:25px;
padding-right:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .resumencesta1{
width:462px;
line-height:25px;
padding-right:0px; }}
.contenedor .contenido .resumencesta .separador,.contenedor .contenido .resumencesta1 .separador{
width:100%;
float:left;
min-height:1px;
height:auto!important;
margin-bottom:20px;
border-bottom:2px solid #bf9ac5; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .resumencesta .separador,.contendor .contenido .resumencesta1 .separador{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .resumencesta .separador,.contendor .contenido .resumencesta1 .separador{
width:462px; }}
.contenedor .contenido .resumencesta .importe, .contenedor .contenido .resumencesta1 .importe{
float:right;
width:100%;
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:10px;
font-weight:400; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .resumencesta .importe,.contendor .contenido .resumencesta1 .importe{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .resumencesta .importe,.contendor .contenido .resumencesta1 .importe{
width:462px; }}
.contenedor .contenido .resumencesta .aviso, .contenedor .contenido .resumencesta1 .aviso{
float:right;
width:100%;
margin:0px;
padding:0px;
margin-bottom:4px;
font-size:9pt; }
@media(max-width:340px){
.contenedor .contenido .listadocesta .resumencesta .aviso,.contendor .contenido .resumencesta1 .aviso{
width:320px;
text-align:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .listadocesta .resumencesta .aviso,.contendor .contenido .resumencesta1 .aviso{
width:462px;
text-align:left; }}
.contenedor .contenido .resumencesta .pedido, .contenedor .contenido .resumencesta1 .pedido{
float:right;
margin:0px;
padding:0px;
margin-left:10px; }
.contenedor .contenido .resumencesta .pedido a, .contenedor .contenido .resumencesta1 .pedido a{
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
background:#539CBF;
border:1px solid #539CBF;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .resumencesta .pedido a, .contenedor .contenido .resumencesta1 .pedido a{
float:left;
width:300px;
font-size:18pt;
margin-bottom:10px;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .resumencesta .pedido a, .contenedor .contenido .resumencesta1 .pedido a{
float:left;
width:420px;
font-size:18pt;
margin-bottom:10px;
text-align:center; }}
.contenedor .contenido .resumencesta .continuar, .contenedor .contenido .resumencesta1 .continuar{
float:right;
margin:0px;
padding:0px; }
.contenedor .contenido .resumencesta .continuar a, .contenedor .contenido .resumencesta1 .continuar a{
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
background:#FFFFFF;
border:1px solid #539CBF;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#539CBF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .resumencesta .continuar a, .contenedor .contenido .resumencesta1 .continuar a{
float:left;
width:300px;
font-size:18pt;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .resumencesta .continuar a, .contenedor .contenido .resumencesta1 .continuar a{
float:left;
width:420px;
font-size:18pt;
text-align:center; }}
.contenedor .contenido .previoenvio{
width:100%;
float:left;
padding:0px;
margin:0px;
margin-top:20px;
padding-top:20px;
border-top:2px solid #bf9ac5;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .previoenvio{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio{
width:462px; }}
.contenedor .contenido .previoenvio .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:15px;
font-family:lato;
font-size:14pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .titulo{
width:462px; }}
.contenedor .contenido .previoenvio .texto{
width:60%;
float:left;
margin:0px;
padding:0px;
margin-bottom:20px;
margin-bottom:15px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .texto{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .texto{
width:462px; }}
.contenedor .contenido .previoenvio .separador{
float:left;
width:100%;
min-height:1px;
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:5px; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .separador{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .separador{
width:462px; }}
.contenedor .contenido .previoenvio .lineaprevio, .contenedor .contenido .previoenvio .lineaprevio1{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:5px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .lineaprevio{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .lineaprevio{
width:462px; }}
@media(max-width:340px){
.contenedor .contenido .previoenvio .lineaprevio1{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .lineaprevio1{
display:none; }}

.contenedor .contenido .previoenvio .lineaprevio .titpais,.contenedor .contenido .previoenvio .lineaprevio .titprovincia{
display:none; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .lineaprevio .titpais,.contenedor .contenido .previoenvio .lineaprevio .titprovincia{
display:block;
width:320px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .lineaprevio .titpais,.contenedor .contenido .previoenvio .lineaprevio .titprovincia{
display:block;
width:462px;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#803789; }}
.contenedor .contenido .previoenvio .lineaprevio .pais, .contenedor .contenido .previoenvio .lineaprevio .provincia, .contenedor .contenido .previoenvio .lineaprevio .calculo, .contenedor .contenido .previoenvio .lineaprevio .navegacion{
width:25%;
float:left;
text-align:left;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .lineaprevio .pais, .contenedor .contenido .previoenvio .lineaprevio .provincia, .contenedor .contenido .previoenvio .lineaprevio .calculo, .contenedor .contenido .previoenvio .lineaprevio .navegacion{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .lineaprevio .pais, .contenedor .contenido .previoenvio .lineaprevio .provincia, .contenedor .contenido .previoenvio .lineaprevio .calculo, .contenedor .contenido .previoenvio .lineaprevio .navegacion{
width:462px; }}
@media(max-width:340px){
.contenedor .contenido .previoenvio .lineaprevio .pais, .contenedor .contenido .previoenvio .lineaprevio .provincia{
margin-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .lineaprevio .pais, .contenedor .contenido .previoenvio .lineaprevio .provincia{
margin-bottom:10px; }}
.contenedor .contenido .previoenvio .lineaprevio select{
float:left;
width:80%;
padding:3px;
border:1px solid #7b3484; }
.contenedor .contenido .previoenvio .lineaprevio .calculo a{
float:left;
widsth:100%;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#7b3484;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .previoenvio .lineaprevio .calculo a{
width:320px;
margin-top:20px;
font-size:20pt;
font-weight:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .previoenvio .lineaprevio .calculo a{
width:462px;
margin-top:20px;
font-size:20pt;
font-weight:16pt; }}

/* /////////////////////  Fin estilos de la pantalla de cesta de la compra. */ 
 
/* /////////////////////  Estilos de la pantalla de identificación. */
 
.contenedor .contenido .registrado{
width:48%;
float:left;
margin:0px;
padding:0px;
margin-right:10px;
margin-top:30px;
margin-bottom:50px;
border-right:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .registrado{
width:320px;
border:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .registrado{
width:462px;
border:0px; }}

.contenedor .contenido .invitado{
width:48%;
float:right;
margin:0px;
padding:0px;
margin-top:30px;
margin-bottom:50px;
margin-right:10px; }
@media(max-width:340px){
.contenedor .contenido .invitado{
width:320px;
border:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .invitado{
width:462px;
border:0px; }}

.contenedor .contenido .registrado .titulo, .contenedor .contenido .invitado .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:6px;
padding-bottom:8px;
margin-bottom:30px;
background:#803789;
text-align:center;
font-family:lato;
font-size:14pt;
font-weight:400;
color:#FFFFFF; }
@media(max-width:340px){
.contenedor .contenido .registrado .titulo, .contenedor .contenido .invitado .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .registrado .titulo, .contenedor .contenido .invitado .titulo{
width:462px; }}
.contenedor .contenido .registrado .etiqueta{
width:25%;
float:left;
margin:0px;
padding:0px;
margin-bottom:8px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }

.contenedor .contenido .invitado .etiqueta{
width:90%;
float:left;
margin:0px;
padding:0px;
margin-bottom:8px;
padding-left:30px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }

.contenedor .contenido .registrado .campo, .contenedor .contenido .invitado .campo{
width:70%;
float:left;
margin:0px;
padding:0px;
margin-bottom:8px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }

.contenedor .contenido .registrado .campo input{
width:80%;
float:left;
height:25px;
margin:0px;
padding:0px;
padding-left:10px;
background:#BBBBBB;
border:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }

.contenedor .contenido .registrado .boton{
width:75%;
float:right;
margin:0px;
padding:0px;
margin-top:25px;
margin-bottom:20px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .registrado .boton{
width:320px;
text-align:center;
margin:20px 0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .registrado .boton{
width:462px;
text-align:center;
margin:20px 0px; }}

.contenedor .contenido .invitado .boton{
width:90%;
float:left;
margin:0px;
padding:0px;
margin-left:30px;
margin-top:25px;
margin-bottom:20px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .invitado .boton{
width:320px;
text-align:center;
margin:20px 0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .invitado .boton{
width:462px;
text-align:center;
margin:20px 0px; }}

.contenedor .contenido .registrado .boton a, .contenedor .contenido .invitado .boton a{
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
padding-right:20px;
padding-left:20px;
background:#803789;
font-family:lato;
font-size:15pt;
font-weight:400;
color:#FFFFFF;
text-decoration:none; }

.contenedor .contenido .registrado .disclaimer{
width:75%;
float:right;
text-align:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
.contenedor .contenido .invitado .disclaimer{
width:90%;
float:left;
text-align:left;
margin:0px;
padding:0px;
margin-left:30px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .registrado .disclaimer, .contenedor .contenido .invitado .disclaimer{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .registrado .disclaimer, .contenedor .contenido .invitado .disclaimer{
width:462px; }}

.contenedor .contenido .registrado .disclaimer a, .contenedor .contenido .invitado .disclaimer a{
font-family:lato;
font-size:12pt;
font-weight:400;
color:#539CBF;
text-decoration:none; }

/* /////////////////////  Fin estilos de la pantalla de identificación. */



/* /////////////////////  Estilos de la pantalla de datos de envío. */

.contenedor .contenido .datoscliente{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:20px;
margin-top:30px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .datoscliente{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datoscliente{
width:462px; }}
.contenedor .contenido .datoscliente .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#803789; }
@media(max-width:340px){
.contenedor .contenido .datoscliente .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datoscliente .titulo{
width:462px; }}
.contenedor .contenido .datoscliente .texto{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .datoscliente .texto{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datoscliente .texto{
width:462px; }}
.contenedor .contenido .datosenvio{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:30px; }
@media(max-width:340px){
.contenedor .contenido .datosenvio{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio{
width:462px; }}
.contenedor .contenido .datosenvio .envio{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
padding-top:30px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .datosenvio .envio{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio .envio{
width:462x; }}
.contenedor .contenido .datosenvio .envio .datos{
width:49%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .datosenvio .envio .datos{
width:320px;
margin-bottom:15px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio .envio .datos{
width:462px;
margin-bottom:15px; }}
.contenedor .contenido .datosenvio .envio .titulo, .contenedor .contenido .datosenvio .envio .datos .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#803789; }
.contenedor .contenido .datosenvio .envio .datos .boton{
float:left;
margin:0px;
padding:0px; }
.contenedor .contenido .datosenvio .envio .datos .boton a{
float:left;
margin:0px;
padding:0px;
margin-top:30px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#803789;
text-decoration:none;
background:none;
border:1px solid #803789; }
.contenedor .contenido .datosenvio .boton{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:30px;
text-align:center; }
.contenedor .contenido .datosenvio .boton a{
margin:0px;
padding:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:60px;
padding-right:60px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none;
background:#803789; }
@media(max-width:340px){
.contenedor .contenido .datosenvio .boton a{
width:280px;
padding:8px 20px;
float:left;
font-size:18pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio .boton a{
width:400px;
padding:8px 20px;
float:left;
font-size:18pt; }}

.contenedor .contenido .formularioenvio,.contenedor .contenido .formulariofacturacion{
float:left;
width:50%;
margin:0px;
padding:10px;
border:1px solid #803789;
background:#f6f6f6;
position:absolute;
top:45%;
left:25%; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio{
width:310px;
top:200px;
left:5px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio{
width:450px;
top:200px;
left:5px; }}
@media(max-width:340px){
.contenedor .contenido .formulariofacturacion{
width:310px;
top:500px;
left:5px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formulariofacturacion{
width:450px;
top:500px;
left:5px; }}
.contenedor .contenido .formularioenvio .separador, .contenedor .contenido .formulariofacturacion .separador{
float:left;
width:100%;
min-height:1px;
margin-top:5px; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .separador, .contenedor .contenido .formulariofacturacion .separador{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .separador, .contenedor .contenido .formulariofacturacion .separador{
width:462px; }}
.contenedor .contenido .formularioenvio .separadorseccion, .contenedor .contenido .formulariofacturacion .separadorseccion{
float:left;
width:100%;
border:0px;
margin:0px;
padding:0px;
min-height:1px;
margin-top:20px;
padding-top:15px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .separadorseccion, .contenedor .contenido .formulariofacturacion .separadorseccion{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .separadorseccion, .contenedor .contenido .formulariofacturacion .separadorseccion{
width:462px; }}
.contenedor .contenido .formularioenvio .titulo, .contenedor .contenido .formulariofacturacion .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .titulo, .contenedor .contenido .formulariofacturacion .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .titulo, .contenedor .contenido .formulariofacturacion .titulo{
width:462px; }}
.contenedor .contenido .formularioenvio .etiqueta, .contenedor .contenido .formulariofacturacion .etiqueta{
width:40%;
float:left;
margin:0px;
padding:0px;
margin-bottom:4px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .etiqueta, .contenedor .contenido .formulariofacturacion .etiqueta{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .etiqueta, .contenedor .contenido .formulariofacturacion .etiqueta{
width:462px; }}
.contenedor .contenido .formularioenvio .etiqueta1, .contenedor .contenido .formulariofacturacion .etiqueta1{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:4px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .etiqueta1, .contenedor .contenido .formulariofacturacion .etiqueta1{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .etiqueta1, .contenedor .contenido .formulariofacturacion .etiqueta1{
width:462px; }}
.contenedor .contenido .formularioenvio .campo, .contenedor .contenido .formulariofacturacion .campo{
width:60%;
float:left;
margin:0px;
padding:0px;
margin-bottom:4px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .campo, .contenedor .contenido .formulariofacturacion .campo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .campo, .contenedor .contenido .formulariofacturacion .campo{
width:462px; }}
.contenedor .contenido .formularioenvio .campo input, .contenedor .contenido .formulariofacturacion .campo input{
background:#BBBBBB;
border:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .campo input, .contenedor .contenido .formulariofacturacion .campo input{
width:280px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .campo input, .contenedor .contenido .formulariofacturacion .campo input{
width:420px; }}
.contenedor .contenido .formularioenvio .boton, .contenedor .contenido .formulariofacturacion .boton{
float:left;
width:50%;
margin:0px;
padding:0px;
margin-top:30px;
text-align:right; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .boton, .contenedor .contenido .formulariofacturacion .boton{
width:320px;
float:left;
text-align:center;
margin-bottom:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .boton, .contenedor .contenido .formulariofacturacion .boton{
width:462px;
float:left;
text-align:center;
margin-bottom:20px; }}
.contenedor .contenido .formularioenvio .boton a, .contenedor .contenido .formulariofacturacion .boton a{
margin:0px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none;
background:#803789;
border:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .boton a, .contenedor .contenido .formulariofacturacion .boton a{
width:270px;
padding:15px 40px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .boton a, .contenedor .contenido .formulariofacturacion .boton a{
width:410px;
padding:15px 40px;
font-size:16pt; }}
.contenedor .contenido .botonenvio{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:30px;
text-align:center; }
.contenedor .contenido .botonenvio a{
margin:0px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none;
background:#803789;
border:1px solid #803789; }

.contenedor .contenido .formularioenvio .cancela, .contenedor .contenido .formulariofacturacion .cancela{
float:right;
width:48%;
margin:0px;
padding:0px;
margin-top:30px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .cancela, .contenedor .contenido .formulariofacturacion .cancela{
width:320px;
float:left;
text-align:center;
margin-bottom:20px;
margin-top:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .cancela, .contenedor .contenido .formulariofacturacion .cancela{
width:462px;
float:left;
text-align:center;
margin-bottom:20px;
margin-top:20px; }}
.contenedor .contenido .formularioenvio .cancela a, .contenedor .contenido .formulariofacturacion .cancela a{
margin:0px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#803789;
text-decoration:none;
background:none;
border:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvio .cancela a, .contenedor .contenido .formulariofacturacion .cancela a{
width:270px;
padding:15px 60px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvio .cancela a, .contenedor .contenido .formulariofacturacion .cancela a{
width:410px;
padding:15px 60px;
font-size:16pt; }}


/* Estilo compra invitado */

.contenedor .contenido .formularioenvioi .separador{
float:left;
width:100%;
min-height:1px;
margin-top:5px; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .separador{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .separador{
width:462px; }}
.contenedor .contenido .formularioenvioi .separadorseccion{
float:left;
width:100%;
border:0px;
margin:0px;
padding:0px;
min-height:1px;
margin-top:20px;
padding-top:15px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .separadorseccion{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .separadorseccion{
width:462px; }}
.contenedor .contenido .formularioenvioi .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .titulo{
width:462px; }}
.contenedor .contenido .formularioenvioi .etiqueta{
width:40%;
float:left;
margin:0px;
padding:0px;
margin-bottom:4px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .etiqueta{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .etiqueta{
width:462px; }}
.contenedor .contenido .formularioenvioi .etiqueta1{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:4px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .etiqueta1{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .etiqueta1{
width:462px; }}
.contenedor .contenido .formularioenvioi .campo{
width:60%;
float:left;
margin:0px;
padding:0px;
margin-bottom:4px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .campo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .campo{
width:462px; }}
.contenedor .contenido .formularioenvioi .campo input{
background:#BBBBBB;
border:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .campo input{
width:280px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .campo input{
width:400px; }}
.contenedor .contenido .formularioenvioi .boton{
float:left;
width:50%;
margin:0px;
padding:0px;
margin-top:30px;
text-align:right; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .boton{
width:320px;
float:left;
text-align:center;
margin-bottom:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .boton{
width:462px;
float:left;
text-align:center;
margin-bottom:20px; }}
.contenedor .contenido .formularioenvioi .boton a{
margin:0px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none;
background:#803789;
border:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .boton a{
width:270px;
padding:15px 40px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .boton a{
width:400px;
padding:15px 40px;
font-size:16pt; }}
.contenedor .contenido .botonenvio{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:30px;
text-align:center; }

.contenedor .contenido .formularioenvioi .cancela{
float:right;
width:48%;
margin:0px;
padding:0px;
margin-top:30px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .cancela{
width:320px;
float:left;
text-align:center;
margin-bottom:20px;
margin-top:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .cancela{
width:462px;
float:left;
text-align:center;
margin-bottom:20px;
margin-top:20px; }}
.contenedor .contenido .formularioenvioi .cancela a{
margin:0px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#803789;
text-decoration:none;
background:none;
border:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formularioenvioi .cancela a{
width:270px;
padding:15px 60px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formularioenvioi .cancela a{
width:400px;
padding:15px 60px;
font-size:16pt; }}

/* fin estilo compra invitado */


.contenedor .contenido .datosenvio .facturacion{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
padding-top:30px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .datosenvio .facturacion{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio .facturacion{
width:462px; }}
.contenedor .contenido .datosenvio .facturacion .datos{
width:49%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .datosenvio .facturacion .datos{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio .facturacion .datos{
width:462px; }}
.contenedor .contenido .datosenvio .facturacion .titulo, .contenedor .contenido .datosenvio .facturacion .datos .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#803789; }
.contenedor .contenido .datosenvio .facturacion .datos .boton{
float:left;
margin:0px;
padding:0px; }
.contenedor .contenido .datosenvio .facturacion .datos .boton a{
float:left;
margin:0px;
padding:0px;
margin-top:30px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#803789;
text-decoration:none;
background:none;
border:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .datosenvio .facturacion .datos .boton a{
width:280px;
padding:8px 20px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .datosenvio .facturacion .datos .boton a{
width:400px;
padding:8px 20px;
font-size:16pt; }}
#direccionenvio,#direccionfac{
display:none; }

/* /////////////////////  Fin estilos de la pantalla de datos de envío. */


/* /////////////////////  Estilos de la pantalla de resumen y forma de pago. */ 

.contenedor .contenido .pedidopago{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
margin-bottom:30px;
background:none;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .pedidopago{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .pedidopago{
width:462px; }}
.contenedor .contenido .pedidopago .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
background:none;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#803789; }
@media(max-width:340px){
.contenedor .contenido .pedidopago .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .pedidopago .titulo{
width:462px; }}
.contenedor .contenido .articulospedido{
width:100%;
float:left;
padding:0px;
margin:0px;
margin-bottom:50px; }
@media(max-width:340px){
.contenedor .contenido .articulospedido{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido{
width:462px; }}
.contenedor .contenido .articulospedido .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:2px;
padding-bottom:6px;
text-align:center;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#FFFFFF;
background:#803789; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .titulo{
width:462px; }}
.contenedor .contenido .articulospedido .lineatitulos{
width:100%;
float:left;
padding:0px;
margin:0px;
margin-top:15px;
margin-bottom:15px;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#803789;
background:none; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .lineatitulos{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .lineatitulos{
display:none; }}
.contenedor .contenido .articulospedido .lineatitulos .articulo{
float:left;
width:50%;
padding:0px;
margin:0px;
text-align:left; }
.contenedor .contenido .articulospedido .lineatitulos .precio{
float:left;
width:20%;
padding:0px;
margin:0px;
text-align:right; }
.contenedor .contenido .articulospedido .lineatitulos .unidades{
float:left;
width:8%;
padding:0px;
margin:0px;
margin-left:10px;
text-align:left; }
.contenedor .contenido .articulospedido .lineatitulos .total{
float:left;
width:20%;
padding:0px;
margin:0px;
text-align:right; }

.contenedor .contenido .articulospedido .linea{
width:100%;
float:left;
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
background:none; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea{
width:320px;
border-top:1px solid #803789;
border-bottom:1px solid #803789;
margin-bottom:20px;
padding-top:10px;
padding-bottom:20px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea{
width:462px;
border-top:1px solid #803789;
border-bottom:1px solid #803789;
margin-bottom:20px;
padding-top:10px;
padding-bottom:20px; }}

.contenedor .contenido .articulospedido .linea .titlinea{
display:none; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .titlinea{
display:block;
width:320px;
float:left;
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
font-family:lato;
font-size:18pt;
font-weight:300;
color:#803789;
background:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .titlinea{
display:block;
width:462px;
float:left;
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
font-family:lato;
font-size:18pt;
font-weight:300;
color:#803789;
background:none; }}

.contenedor .contenido .articulospedido .linea .articulo{
float:left;
width:50%;
padding:0px;
margin:0px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .articulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .articulo{
width:462px; }}
.contenedor .contenido .articulospedido .linea .precio{
float:left;
width:20%;
padding:0px;
margin:0px;
text-align:right; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .precio{
width:320px;
text-align:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .precio{
width:462px;
text-align:left; }}
.contenedor .contenido .articulospedido .linea .unidades{
float:left;
width:8%;
padding:0px;
margin:0px;
margin-left:10px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .unidades{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .unidades{
width:462px; }}
.contenedor .contenido .articulospedido .linea .total{
float:left;
width:20%;
padding:0px;
margin:0px;
text-align:right; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .total{
width:320px;
text-align:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .total{
width:462px;
text-align:left; }}
.contenedor .contenido .articulospedido .lineasepara{
float:left;
width:100%;
padding:0px;
margin:0px;
margin-top:10px;
padding-top:10px;
min-height:1px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .lineasepara{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .lineasepara{
width:462px; }}
.contenedor .contenido .articulospedido .linea .etiqueta{
float:left;
width:50%;
padding:0px;
margin:0px;
text-align:left;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#803789; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .etiqueta{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .etiqueta{
width:462px; }}
.contenedor .contenido .articulospedido .linea .valor{
float:right;
width:50%;
padding:0px;
margin:0px;
text-align:right;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .valor{
width:320px;
text-align:left;
margin-bottom:15px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .valor{
width:462px;
text-align:left;
margin-bottom:15px; }}
.contenedor .contenido .articulospedido .linea .etiquetares{
float:left;
width:50%;
padding:0px;
margin:0px;
text-align:left;
font-family:lato;
font-size:16pt;
font-weight:400;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .etiquetares{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .etiquetares{
width:462px; }}
.contenedor .contenido .articulospedido .linea .valorres{
float:right;
width:50%;
padding:0px;
margin:0px;
text-align:right;
font-family:lato;
font-size:16pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .articulospedido .linea .valorres{
width:320px;
text-align:left; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .articulospedido .linea .valorres{
width:462px;
text-align:left; }}
.contenedor .contenido .pedidopago{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
margin-bottom:30px;
background:none;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
@media(max-width:340px){
.contenedor .contenido .pedidopago{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .pedidopago{
width:462px; }}
.contenedor .contenido .pedidopago .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
background:none;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#803789; }
@media(max-width:340px){
.contenedor .contenido .pedidopago .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .pedidopago .titulo{
width:462px; }}
.contenedor .contenido .formaspago{
width:100%;
float:left;
padding:0px;
margin:0px;
margin-bottom:50px; }
@media(max-width:340px){
.contenedor .contenido .formaspago{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formaspago{
width:462px; }}
.contenedor .contenido .formaspago .lineasepara{
float:left;
width:100%;
padding:0px;
margin:0px;
margin-top:10px;
padding-top:10px;
min-height:1px;
border-top:1px solid #803789; }
@media(max-width:340px){
.contenedor .contenido .formaspago .lineasepara{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formaspago .lineasepara{
width:462px; }}
.contenedor .contenido .formaspago .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:2px;
padding-bottom:6px;
text-align:center;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#FFFFFF;
background:#803789; }
@media(max-width:340px){
.contenedor .contenido .formaspago .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formaspago .titulo{
width:462px; }}
.contenedor .contenido .formaspago .linea{
width:100%;
float:left;
height:50px;
line-height:50px;
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
background:none; }
@media(max-width:340px){
.contenedor .contenido .formaspago .linea{
width:320px;
line-height:19px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formaspago .linea{
width:462px;
line-height:19px; }}
.contenedor .contenido .formaspago .linea .imagen{
float:left;
line-height:50px;
margin-left:10px;
margin-right:10px; }
@media(max-width:340px){
.contenedor .contenido .formaspago .linea .imagen{
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formaspago .linea .imagen{
display:none; }}
.contenedor .contenido .formaspago .linea input{
float:left;
line-height:50px;
margin-top:20px; }
@media(max-width:340px){
.contenedor .contenido .formaspago .linea input{
margin-top:6px;
margin-bottom:60px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .formaspago .linea input{
margin-top:6px;
margin-bottom:60px; }}

.contenedor .contenido .lopd{
width:100%;
float:left;
padding:0px;
margin:0px; }
.contenedor .contenido .lopd .lineasepara{
float:left;
width:100%;
padding:0px;
margin:0px;
margin-top:10px;
padding-top:10px;
min-height:1px;
border:0px; }
.contenedor .contenido .lopd .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
padding-top:2px;
padding-bottom:6px;
text-align:left;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#803789;
background:none; }
.contenedor .contenido .lopd input{
float:left;
margin-right:10px;
margin-top:4px; }
.contenedor .contenido .lopd textarea{
float:left;
margin-bottom10px; }
.contenedor .contenido .lopd .texto{
float:left;
margin-right:10px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
background:none; }
.contenedor .contenido .lopd .legal{
float:left;
width:100%;
margin-top:15px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
background:none; }

.contenedor .contenido .botonpedido{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:30px;
margin-bottom:50px;
text-align:center; }
.contenedor .contenido .botonpedido a{
margin:0px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:25px;
padding-right:25px;
font-family:lato;
font-size:14pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none;
background:#803789;
border:1px solid #803789; }

/* /////////////////////  Fin estilos de la pantalla de resumen y forma de pago. */ 

/* ///////////////////////////////////////////////       Fin estilos del proceso de pedido       ////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del proceso de pedido       ////////////////////////////////////////////////////////////////// */


/* /////////////////////  Estilos de la pantalla de opciones de usuario registrado. */ 

.contenedor .contenido .regusuario{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:20px; }
@media(max-width:340px){
.contenedor .contenido .regusuario{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario{
width:462px; }}
.contenedor .contenido .regusuario .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
text-align:left;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#539CBF; }
@media(max-width:340px){
.contenedor .contenido .regusuario .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .titulo{
width:462px; }}
.contenedor .contenido .regusuario .opcion{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:20px;
padding-top:20px;
border-top:1px solid #ECECEC;
border-bottom:0px;
text-align:left;
line-height:25px; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion{
width:462px; }}
.contenedor .contenido .regusuario .opcion .imgusr{
width:7%;
float:left;
margin-right:5px; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .imgusr{
width:40px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .imgusr{
width:40px; }}
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .imgusr img{
width:100%; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .imgusr img{
width:100%; }}
.contenedor .contenido .regusuario .opcion .texto,.contenedor .contenido .regusuario .texto,.contenedor .contenido .regusuario .opcion .texto1{
width:90%;
float:left;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .texto{
width:270px;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .texto{
width:400px;
font-size:15pt; }}
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .texto1 {
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .texto1 {
width:462px; }}
.contenedor .contenido .regusuario .opcion a{
font-family:lato;
font-size:11pt;
font-weight:400;
color:#545454;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion a{
width:320px;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion a{
width:462px;
font-size:15pt; }}
.contenedor .contenido .regusuario .opcion .boton{
width:93%;
float:right;
margin:0px;
padding:0px;
margin-top:15px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .boton{
width:320px;
float:left;
margin-left:0px;
padding-left:0px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .boton{
width:462px;
float:left;
margin-left:0px;
padding-left:0px; }}
.contenedor .contenido .regusuario .opcion .boton a{
background:#FFFFFF;
border:2px solid #539CBF;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#539CBF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .boton a{
width:280px;
text-align:center;
float:left;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .boton a{
width:400px;
text-align:center;
float:left;
font-size:15pt; }}
.contenedor .contenido .regusuario .opcion .botoncancela{
width:93%;
float:right;
margin:0px;
padding:0px;
margin-top:15px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botoncancela{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botoncancela{
width:462px; }}
.contenedor .contenido .regusuario .opcion .botoncancela a{
background:#FFFFFF;
border:2px solid #BD0B25;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#BD0B25;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botoncancela a{
width:280px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botoncancela a{
width:400px;
float:left;
text-align:center; }}
.contenedor .contenido .regusuario .opcion .botoncancela1{
width:90%;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botoncancela1{
width:280px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botoncancela1{
width:400px;
float:left;
text-align:center; }}
.contenedor .contenido .regusuario .opcion .botoncancela1 a{
background:#FFFFFF;
border:2px solid #BD0B25;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#BD0B25;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botoncancela1 a{
width:280px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botoncancela1 a{
width:400px;
float:left;
text-align:center; }}

.contenedor .contenido .regusuario .botonsalir{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:20px;
padding-top:20px;
margin-bottom:30px;
border-top:1px solid #ECECEC;
border-bottom:0px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonsalir{
width:320px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonsalir{
width:462px;
float:left;
text-align:center; }}

.contenedor .contenido .regusuario .botonsalir a{
background:#539CBF;
border:1px solid #539CBF;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .regusuario .botonsalir a{
width:280px;
float:left;
text-align:center;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .botonsalir a{
width:400px;
float:left;
text-align:center;
font-size:15pt; }}

.contenedor .contenido .regusuario .opcion .botonvolver{
width:90%;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonvolver{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonvolver{
width:462px; }}

.contenedor .contenido .regusuario .opcion .botonvolver a{
float:left;
border:0px;
margin:0px;
margin-bottom:30px;
padding-top:16px;
padding-bottom:4px;
padding-left:20px;
padding-right:30px;
background:url('imagen/fondovuelta.png');
background-repeat:no-repeat;
background-position:right;
background-color:#539CBF;
font-family:lato;
font-size:15pt;
font-weight:300;
color:#FFFFFF;
text-decoration:none;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonvolver a{
width:270px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonvolver a{
width:400px;
float:left;
text-align:center; }}

.contenedor .contenido .regusuario .opcion .botonguardar{
width:75%;
float:right;
margin:0px;
padding:0px;
margin-top:25px;
margin-bottom:25px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonguardar{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonguardar{
width:462px; }}

.contenedor .contenido .regusuario .opcion .botonguardar a{
background:#FFFFFF;
border:2px solid #539CBF;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#539CBF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonguardar a{
width:280px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonguardar a{
width:400px;
float:left;
text-align:center; }}

.contenedor .contenido .regusuario .opcion .botonregistro{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:25px;
text-align:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonregistro{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonregistro{
width:462px; }}

.contenedor .contenido .regusuario .opcion .botonregistro a{
background:#FFFFFF;
border:2px solid #539CBF;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:20px;
padding-right:20px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#539CBF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .botonregistro a{
width:280px;
float:left;
text-align:center; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .botonregistro a{
width:400px;
float:left;
text-align:center; }}

.contenedor .contenido .regusuario .opcion .etiqueta{
width:25%;
float:left;
margin:0px;
padding:0px;
line-height:25px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-decoration:none;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .etiqueta{
width:320px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .etiqueta{
width:462px;
font-size:16pt; }}
.contenedor .contenido .regusuario .opcion .etiqueta1{
width:90%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-decoration:none;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .etiqueta1{
width:320px;
font-size:16pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .etiqueta1{
width:462px;
font-size:16pt; }}

.contenedor .contenido .regusuario .opcion .campo{
width:65%;
float:left;
margin:0px;
padding:0px;
line-height:25px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .campo{
width:320px;
font-size:16pt;
margin-bottom:15px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .campo{
width:462px;
font-size:16pt;
margin-bottom:15px; }}
.contenedor .contenido .regusuario .opcion .campo input{
width:50%;
float:left;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
line-height:25px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-decoration:none;
background:#BBBBBB;
border:0px; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .campo input{
width:300px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .campo input{
width:462px; }}
.contenedor .contenido .regusuario .opcion .campo select{
width:53%;
float:left;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
line-height:25px;
height:25px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-decoration:none;
background:#BBBBBB;
border:0px; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .campo select{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .campo select{
width:462px; }}

.contenedor .contenido .regusuario .opcion .separador{
width:100%;
float:left;
min-height:1px;
margin:0px;
padding:0px;
margin-top:3px; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .separador{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .separador{
width:462px; }}

.contenedor .contenido .regusuario .opcion .lineatitulos{
width:100%;
float:left;
margin:0px;
padding:0px;
background:#3E3E40;
font-family:lato;
font-size:13pt;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineatitulos{
width:320px;
display:none; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineatitulos{
width:462px;
display:none; }}
.contenedor .contenido .regusuario .opcion .lineatitulos .fecha{
width:25%;
float:left; }
.contenedor .contenido .regusuario .opcion .lineatitulos .estado{
width:25%;
float:left; }
.contenedor .contenido .regusuario .opcion .lineatitulos .referencia{
width:20%;
float:left; }
.contenedor .contenido .regusuario .opcion .lineatitulos .vpedido{
width:15%;
float:left; }
.contenedor .contenido .regusuario .opcion .lineatitulos .reutilizar{
width:15%;
float:left; }

.contenedor .contenido .regusuario .opcion .titopcion{
display:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .titopcion{
width:320px;
display:block;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#3E3E40;
text-transform:uppercase; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .titopcion{
width:462px;
display:block;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#3E3E40;
text-transform:uppercase; }}

.backgris{
background:#EDEDED; }
.backwhite{
background:#FFFFFF; }

.contenedor .contenido .regusuario .opcion .lineapedido{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:10px;
margin-bottom:10px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-transform:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido{
width:462px; }}
.contenedor .contenido .regusuario .opcion .lineapedido .fecha{
width:25%;
float:left;
font-weight:300; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .fecha,.contenedor .contenido .regusuario .opcion .lineapedido .fecha a{
width:320px;
margin-bottom:10px;
font-weight:300; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .fecha,.contenedor .contenido .regusuario .opcion .lineapedido .fecha a{
width:462px;
margin-bottom:10px;
font-weight:300; }}
.contenedor .contenido .regusuario .opcion .lineapedido .estado{
width:25%;
float:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .estado,.contenedor .contenido .regusuario .opcion .lineapedido .estado a{
width:320px;
margin-bottom:20px;
font-weight:300; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .estado,.contenedor .contenido .regusuario .opcion .lineapedido .estado a{
width:462px;
margin-bottom:20px;
font-weight:300; }}
.contenedor .contenido .regusuario .opcion .lineapedido .referencia{
width:20%;
float:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .referencia,.contenedor .contenido .regusuario .opcion .lineapedido .referencia a{
width:320px;
margin-bottom:10px;
font-weight:300; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .referencia,.contenedor .contenido .regusuario .opcion .lineapedido .referencia a{
width:462px;
margin-bottom:10px;
font-weight:300; }}
.contenedor .contenido .regusuario .opcion .lineapedido .vpedido{
width:15%;
float:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .vpedido{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .vpedido{
width:462px; }}
.contenedor .contenido .regusuario .opcion .lineapedido .reutilizar{
width:15%;
float:left; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .reutilizar{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .reutilizar{
width:462px; }}

.contenedor .contenido .regusuario .opcion .lineapedido .boton{
width:93%;
float:right;
margin:0px;
padding:0px;
text-align:right; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .boton{
width:320px;
margin-bottom:10px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .boton{
width:462px;
margin-bottom:10px; }}
.contenedor .contenido .regusuario .opcion .lineapedido .boton a{
float:right;
width:85%;
background:none;
border:2px solid #539CBF;
margin:0px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
font-family:lato;
font-size:11pt;
font-weight:400;
color:#539CBF;
text-decoration:none; }
@media(max-width:340px){
.contenedor .contenido .regusuario .opcion .lineapedido .boton a{
width:296px;
floar:left;
font-size:15pt; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .regusuario .opcion .lineapedido .boton a{
width:400px;
floar:left;
font-size:15pt; }}

.fvpedido{
background:url('imagen/fondovpedido.png');
background-repeat:no-repeat;
background-position:left; }
.frpedido{
background:url('imagen/fondorpedido.png');
background-repeat:no-repeat;
background-position:left; }


.contenedor .contenido .regusuario .opcion .recordatorio{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:15px;
margin-bottom:25px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-transform:none; }
.contenedor .contenido .regusuario .opcion .recordatorio a{
margin:0px;
padding:0px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:400;
color:#545454;
text-decoration:none; }

.contenedor .contenido .linea{
width:100%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#545454;
text-decoration:none;
text-transform:none; }
.contenedor .contenido .linea .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:20px;
font-family:lato;
font-size:12pt;
font-weight:400;
color:#545454;
text-decoration:none;
text-transform:none; }

/* /////////////////////  Fin estilos de la pantalla de opciones de usuario registrado. */ 


.mensajeerror{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:20px;
padding-top:4px;
padding-bottom:4px;
background:#EDEDED;
border:1px solid #ED0000; }

.textoerror{
width:80%;
margin:0px;
padding:0px;
margin:0 auto;
text-align:center;
font-family:lato;
font-size:11pt;
font-weight:300;
color:#ED0000;
text-decoration:none; }

/* ///////////////////////////////////////////////       Fin estilos del proceso de pedido       ////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos de las páginas corporativas          ///////////////////////////////////////////////////////////// */

.contenedor .contenido .corporativo{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:20px; }
@media(max-width:340px){
.contenedor .contenido .corporativo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .corporativo{
width:462px; }}
.contenedor .contenido .corporativo .titulo{
width:54%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
text-align:left;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#539CBF; }
@media(max-width:340px){
.contenedor .contenido .corporativo .titulo{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .corporativo .titulo{
width:462px; }}
.contenedor .contenido .corporativo .titulonoticia{
width:90%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
text-align:left;
font-family:lato;
font-size:20pt;
font-weight:300;
color:#539CBF; }
@media(max-width:340px){
.contenedor .contenido .corporativo .titulonoticia{
width:320px; }}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
.contenedor .contenido .corporativo .titulonoticia{
width:462px; }}
.contenedor .contenido .corporativo .submenu{
width:46%;
float:left;
margin:0px;
padding:0px;
margin-bottom:10px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }
.contenedor .contenido .corporativo .submenu .subres{
float:left;
width:33%;
height:30px;
margin:0px;
padding:0px;
text-align:center;
font-weight:400;
background:url('imagen/fsubres.png');
background-repeat:no-repeat;
background-position:bottom; }
.contenedor .contenido .corporativo .submenu .subopcion{
float:left;
width:33%;
height:30px;
margin:0px;
padding:0px;
background:url('imagen/fsubopcion.png');
background-repeat:no-repeat;
background-position:bottom;
text-align:center; }
.contenedor .contenido .corporativo .submenu .subopcion a{
margin:0px;
padding:0px;
text-align:left;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454;
text-decoration:none; }

.contenedor .contenido .corporativo .texto{
float:left;
width:100%;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:300;
color:#545454; }

.contenedor .contenido .corporativo .boton{
width:90%;
float:left;
margin:0 auto;
padding:0px;
margin:0px;
margin-top:20px;
text-align:center; }
.contenedor .contenido .corporativo .boton a{
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
padding-right:25px;
border:1px solid #3E3D42;
font-family:lato;
font-size:13pt!important;
font-size:300;
color:#3E3D42;
text-decoration:none; }
.contenedor .contenido .corporativo .boton a:hover{
 }



/* ///////////////////////////////////////////////       Fin estilos de las páginas corporativas      ///////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del envío a un amigo                 ///////////////////////////////////////////////////////////// */

.contenedor .contenido .mensaje{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:40px;
font-family:lato;
font-size:12pt;
font-weight:normal;
color:#545454; }

.contenedor .contenido .info{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:20px; }

.contenedor .contenido .info .titulo{
width:100%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:15pt;
font-weight:normal;
color:#545454; }
.contenedor .contenido .info .imagen{
width:100%;
float:left;
margin:0px;
padding:0px; }
.contenedor .contenido .info .texto{
width:100%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:normal;
color:#545454; }


.contenedor .contenido .formulario{
float:left;
width:100%;
margin:0px;
padding:0px;
margin-bottom:20px; }
.contenedor .contenido .formulario .etiqueta{
width:100%;
float:left;
margin:0px;
padding:0px;
font-family:lato;
font-size:12pt;
font-weight:normal;
color:#545454; }
.contenedor .contenido .formulario .campo{
width:100%;
float:left;
margin:0px;
padding:0px; }
.contenedor .contenido .formulario .campo input{
background:#D1D1D1;
width:25%;
line-height:25px;
border:0px;
font-family:lato;
font-size:12pt;
font-weight:normal;
color:#545454; }

.contenedor .contenido .formulario .campo textarea{
background:#D1D1D1;
width:50%;
height:150px;
line-height:25px;
border:0px;
font-family:lato;
font-size:12pt;
font-weight:normal;
color:#545454; }

.contenedor .contenido .formulario .boton{
float:right;
width:45%;
margin:0px;
padding:0px;
margin-top:20px;
text-align:left; }
.contenedor .contenido .formulario .boton1{
float:right;
width:50%;
margin:0px;
padding:0px;
margin-top:20px;
text-align:left; }
.contenedor .contenido .formulario .boton a,.contenedor .contenido .formulario .boton1 a{
float:left;
margin:0px;
padding:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:25px;
padding-right:25px;
border:0px;
background:#589CBF;
font-family:lato;
font-size:13pt;
font-weight:400;
color:#FFFFFF;
text-decoration:none; }

.contenedor .contenido .formulario .nota,.contenedor .contenido .formulario .nota1{
width:100%;
float:left;
margin:0px;
padding:0px;
margin-top:20px;
font-family:lato;
font-weight:normal;
color:#545454; }
.contenedor .contenido .formulario .nota{
font-size:10pt; }
.contenedor .contenido .formulario .nota1{
font-size:10pt; }

/* ///////////////////////////////////////////////       Fin estilos del envío a un amigo             ///////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////       Estilos del formulario de valoraciones       ///////////////////////////////////////////////////////////// */

.imagenvaloracion, .titulovaloracion, .puntuacion, .contenidovaloracion, .variedadvaloracion{
float:left;
width:100%;
margin-bottom:10px; }

.mensajevalorado{
float:left;
width:100%;
margin-top:10px;
font-family:lato;
font-size:13pt;
color:#545454; }

/* ///////////////////////////////////////////////       Fin Estilos del formulario de valoraciones   ///////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */