html {font-family:Verdana;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family:Verdana; margin:0; font-size:1.2rem; max-width:960px; color:#18388c; background-color:#ffffff; margin:0.5 auto; text-align:justify;}
img {max-width:100%; border:0;}
a {text-decoration:none;}
a {color:#0000ff;}
a:hover {color:#ff0000;}
.nuevalineaseparador {clear:both; height:0.5rem; background-color:#e0e0e0;}
.nuevalinea {clear:both;}
.margen0 {margin:0;}
.textojustify {text-align:justify;}

.logoautoxuga {float:left; display:inline; margin:0;}
.textologo {color:#ff0000; font-family:Verdana; font-size:1.3rem; font-weight:bold; float:left; display:block; margin-left:0.1rem;}
#traductorgoogle {font-size:0.7rem; color:#0000c0; display:block; float:left; padding:0.3rem; margin-bottom:0rem; border:0;}

#google_translate_element {text-align:center; display:inline; float:left; margin:0; border:0;}
select.goog-te-combo {font-size:1.2rem; font-weight:bolder; text-align:center;} 
.goog-logo-link {display:none;} 
.imagentraductores {display:inline-block; padding-top:0.3rem; float:left; margin:0.1rem; margin-top:0.4rem; height:20px;}

#buscadorgoogle {font-size:0.7rem; color:#0000c0; display:block; float:left; padding:0.3rem; margin-bottom:0rem; border:0;}
#buscadorgoogle form {margin:0; border:0;}
select#searchengine {font-size:0.7rem; color:#0000c0; display:inline;}

.textologo h1 {font-size:1.3rem;}



p.titulo {font-size:1.3rem; display:block; font-weight:bold; text-align:right; margin-top:1.0rem;}
h2.titulo {font-size:1.3rem; display:block; font-weight:bold; text-align:right; margin-top:1.0rem;}
p.normal {font-size:0.9rem; font-weight:normal;}



p.leermas {text-align:center; margin:0; margin-bottom:3.5rem; margin-top:2.0rem; display:block; font-size:1.3rem; float:right;}
p.leermas a {background-color:#c0c0c0; color:#000000; -moz-border-radius: 9px; -webkit-border-radius:9px; width:135px; text-align:center; margin-right:7.0rem; display:block;}
p.leermas a:hover {background-color:#ff0000; color:#ffffff;}

.imagen {display:block;}
.texto {display:block; font-size:0.9rem; font-weight:normal; margin:0.5rem;}

#contrnidofinal: {display:block;}
.tablafinalpagina {display:block; font-family: Verdana; font-size:10pt; text-align:left; 
    border-top: #b5b5b5 1px solid; border-right: #a0a0a0 1px solid; border-left: #b5b5b5 1px solid; border-bottom: #a0a0a0 1px solid;
    margin-bottom: 10px; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px 5px; border-radius: 5px/5px; border:solid 1px #c0c0c0;}

.tablafinalpagina .columna {width:220px; float:left; display:inline-block;}

.tablafinalpagina a {display:block; font-size:10pt; color:#18388c; margin-top:10px;}

.precioclientes {font-family:Verdana; font-size:1.4rem; font-weight:bolder; color:#ff0000}

.nuevalineamovil {clar:none;}
.nuevalineapc {clear:both;}
.center {text-align:center;}

.articuloautoxuga {display:block-inline; float:left; width:178px; border:#f0f0f0 1px solid; padding:0.1rem; margin:0.4rem; text-align:center;}
.articuloautoxuga .imagenapp {width:154px; height:154px;}
.articuloautoxuga .textoapp {font-size:0.7rem; font-family:Verdana;}
.articuloautoxuga:hover {background-color:#f0f0f0;}
.articuloautoxuga .tituloarticulo {display:block; text-align:center; font-size:0.8rem; font-weight:bolder; margin:0.2rem; padding:0.2rem; color:#808080;}
.articuloautoxuga .textoarticulo {display:block; text-align:center; font-size:0.8rem; font-weight:bolder; color:#808080; margin:0.2rem; padding:0.2rem;}
.articuloautoxuga .precio {font-family:Verdana; font-size:1.2rem; font-weight:bolder; color:#800000; margin:0.2rem; padding:0.2rem;}



@media screen and (min-device-width: 768px) {
  .imagen {display:block; float:left; margin:0.2rem; width:38%;}
  .texto {display:block; float:right; width:60%; margin:0rem;}
  .textoindice {float:left; display:block; max-width:60%;}
  .tabladatos {width:960px; font-size:0.9rem;}
  }


@media screen and (max-device-width: 768px) {
  .soloordenador {display:none;}
  .tablafinalpagina .columna {width:170px;}
  .logoautoxuga {float:left; display:inline-block; margin:0; max-width:35%;}
  .textologo {color:#ff0000; font-family:Verdana; font-size:1.3rem; font-weight:bold; float:left; display:inline-block; margin-left:0.1rem; max-width:64%;}
  #buscadorgoogle {font-size:0.6rem; color:#0000c0; display:inline-block; float:left; padding:0.1rem; margin-bottom:0rem; border:0;}
  #buscadorgoogle form {margin:0; border:0; display:inline-block;}
  #buscadorgoogle input {max-width:28%;}
  #buscadorgoogle img {max-width:30px; height:20px;}
  select#searchengine {font-size:0.6rem; color:#0000c0; display:inline; max-width:3.6rem;}
  .imagentraductores {display:inline-block; padding-top:0.3rem; float:left; margin:0.1rem; height:20px; margin-top:0; margin-left:0.2rem;}
  #traductorgoogle {font-size:0.7rem; color:#0000c0; display:inline-block; float:left; padding:0.3rem; margin-bottom:0rem; border:0;}
  #google_translate_element {text-align:center; display:inline; float:left; margin:0; border:0;}
  select.goog-te-combo {font-size:0.9rem; font-weight:bolder; text-align:center;} 
  .goog-logo-link {display:none;} 
  .articuloautoxuga {width:160px;}
  .nuevalineamovil {clear:both;}
  .nuevalineapc {clear:none;}
  }



* {padding:0; margin:0;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
body {background:#FEFEFE;}
.menu_bar {display:none;}
xxxheader {width: 100%;}
header nav {background:#ffffff; z-index:1000; max-width:300px; width:20%; margin:20px auto; float:left; border:#c0c0c0 0.1rem solid;}
header nav ul {list-style:none;}
header nav ul li {display:block; position: relative;}
header nav ul li:hover {background:#e0e0e0; color:#0000ff;}
header nav ul li a {color:#18388c; display:block; text-decoration:none; padding:0.5rem; font-size:0.8rem;}
header nav ul li a:hover {color:#0000ff; background-color:#c0c0c0;}



header nav ul li a span {margin-right:10px;}
header nav ul li:hover .children {display:block;}
header nav ul li .children {display:none; background:#e0e0e0; position:absolute; width:150%; z-index:1000; margin-left:1.0rem;}
header nav ul li .children li {display:block; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.5);}
header nav ul li .children li a {display: block;}
header nav ul li .children li a span {float:right; position:relative; top:3px; margin-right:0; margin-left:10px;}
header nav ul li .caret {position: relative; top:3px; margin-left:10px; margin-right:0px;}
.listadoarticulos {float:right; width:80%;}

p.textoautoxuga {font-weight: normal; font-size:0.9rem; color:#18388c; font-family:Verdana; text-align:justify; text-decoration:none}
p.textoautoxuga a {text-decoration:none; text-align:center; font-size:1.3rem; font-weight:bolder; display:block;}
p.textoautoxuga a:hover {color:#ff0000;}
p.textoautoxuga .tfno {display:block; text-align:center; font-weight:bolder;}


img.imagenproducto {max-width:50%; display:inline-block; float:left;}
.tituloproducto {display:inline-block; font-size:1.2rem; font-weight:bolder; float:right;}
p.descripcionproducto {display:inline-block; font-size:0.8rem; width:30%;}
.descripcionproducto .precio {font-family:Verdana; font-size:1.2rem; font-weight:bolder; color:#800000; margin:0.2rem; padding:0.2rem;}
h2.titulop1 {font-size:1.2rem; display:block; font-weight:bold; text-align:right; margin-top:1.0rem;}
h2.titulop2 {font-size:1.2rem; display:block; font-weight:bold; text-align:right; margin-top:0rem;}


.appautoxuga {display:block-inline; float:left; width:178px; border:#f0f0f0 1px solid; padding:0.4rem; margin:0.4rem; text-align:center;}
.appautoxuga .imagenapp {width:154px; height:154px;}
.appautoxuga .textoapp {font-size:0.7rem; font-family:Verdana;}
.appautoxuga:hover {background-color:#f0f0f0;}
.datovalido {border:#808080 1px solid;}
.datonovalido {border:#ff0000 3px solid;}
#botonefectuarpago {background-color:#318ACE; color:#ffffff; text-shadow: rgb(0,85,153) 0px 1px 0px; border-radius:5px; padding:0.3rem; height:3.0rem; font-size:1.1rem; margin-left:0.5rem; float:left; width:12.0rem; cursor:pointer;}
#botonefectuarpago:hover {background-color:#ff0000;}
.mensajenovalido {margin-left:8.4rem; color:#804040;}
.direccionentrega {margin-bottom:0.5rem;}
.direccionentrega label {display:inline-block; font-size:0.8rem; width:8.2rem;}
.direccionentrega input {display:inline-block; font-size:0.8rem; width:20.0rem;}
.direccionentrega select {display:inline-block; font-size:0.8rem; width:20.0rem;}
        .direccionentrega input:focus {border:#800000 0.1rem solid;}
#direccion2 {margin-top:0.2rem;}

input.comprargrupo[type=checkbox] {margin-left:2.0rem; width:2.0rem; height:1.8rem !important; width:2.0rem !important;}

p.normal {font-size:0.9rem; font-weight:normal; text-align:justify;}
.mensajenovalido {display:block; color:#ff0000; font-size:0.8rem; width:100%;}


#importetotal {font-weight:bolder; font-size:2.0rem; text-align:right; width:5.0rem; margin:0.5rem; border:#ffffff 0.1rem solid; color:#800000;}

.importestotales {display:block; margin-top:0; float:left; border:#c0c0c0 0.1rem solid; font-size:1.6rem; text-align:left; font-weight:bolder; color:#800000; padding:0.3rem; margin:0.5rem;}
.datoscompra {float:left; display:inline-block; width:60%;}
.rellenardatos {}

@media screen and (max-width: 800px) {
        .listadoarticulos {clear:both; width:100%;}
	xxxbody {padding-top:80px;}

	xxx.menu_bar {display:block; width:100%; position:fixed; top:0; background:#ff0000;}
	xxx.menu_bar .bt-menu {display:block; padding:20px; color:#ffffff; overflow:hidden; font-size:25px; font-weight:bold; text-decoration:none;}
	xxx.menu_bar span {float: right; font-size: 40px;}
	xxxheader nav {width:80%; height:calc(100% - 80px); position:fixed; right:100%; margin:0; overflow:scroll;}



	.menu_bar {display:inline-block; background:#0000ff; float:left; max-width:28px; margin-left:0.5rem; margin-right:0.5rem;}
	.menu_bar .bt-menu {display:inline-block; padding:0.1rem; color:#ffffff; overflow:hidden; font-size:1.2rem; font-weight:bold; text-decoration:none;}
	.menu_bar span {float:right; font-size: 0.8rem;}

	header nav {width:80%; height:calc(80% ); position:fixed; right:100%; margin:0; overflow:scroll;}

	header nav ul li {display:block; border-bottom:1px solid rgba(255,255,255,.5);}
	header nav ul li a {display:block;}
	header nav ul li:hover .children {display:none;}
	header nav ul li .children {width:100%;	position:relative;}
	header nav ul li .children li a {margin-left:20px;}
	header nav ul li .caret {float:right;}
        label[for="direccion2"] {display:none;}
    
        h2.titulop1 {font-size:0.9rem; display:block; font-weight:bold; text-align:right; margin-top:1.0rem;}
        p.normal {font-size:0.8rem; font-weight:normal;}
        h2.titulop2 {font-size:0.9rem; display:block; font-weight:bold; text-align:right; margin-top:0rem;}

        img.imagenproducto {max-width:40%; display:inline-block; float:left;}
        p.descripcionproducto {display:inline-block; font-size:0.8rem; width:55%;}
        .descripcionproducto .precio {font-family:Verdana; font-size:1.2rem; font-weight:bolder; color:#800000; margin:0.2rem; padding:0.2rem;}
       .appautoxuga {width:150px;}
        p.normal {font-size:0.8rem; font-weight:normal; text-align:justify;}
        .direccionentrega {margin-bottom:0.5rem;}
        .direccionentrega label {font-weight:bolder; display:block;}
        .direccionentrega input {display:block;}
        body {margin:0.4rem;}
        .importestotales {float:right;}        
        }