/* =========================================================
General
============================================================ */
html {
height: 100%;
}
BODY {
font-family: 'Roboto', sans-serif;
font-size: 0.9em;
line-height:16px;
margin:0px 0px 0px 0px;
color:#616568;
text-align: left;
background-image:url(../images/az_fondo.png);
background-color:#e6e6e6;
}
img{border:0px;}
acronym {cursor: help; text-decoration:underline;}
ul {
margin-left: 0;
padding-left: 0;
margin:0px;
padding:0px;
}
li{
list-style:none;
}
div {border-radius: 5px;}
img {border-radius: 5px;}
/* =========================================================
Enlaces
============================================================ */
a {
color:#b33939;
text-decoration: underline;
}
a:hover{
color: #000;
text-decoration: underline;
}
/* =========================================================
Enlaces y parrafo
============================================================ */
h1 {
display:none;
}
h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif; font-weight: 700;
padding: 0px;
margin: 0px;
clear:both;
border-radius: 5px;
}
h2 {
font-size: 1.2em;
padding: 8px;
margin-bottom: 10px;
color:#363636;
background-color:#e1e1e1;
text-transform:uppercase;
z-index: 1;
}
h2.abajo { color:#FFF; background-color:#c13d3d !important;}
h3 {
border-radius: 0px;
}
h4 {
color:#ac3737;
padding-bottom: 5px;
}
h5 {
font-size: 1.0em;
color:#000;
background-color:#d2d2d2;
text-align:center;
padding: 10px;
margin-bottom: 20px;
}
h5.ayuda {
font-size: 1.0em;
color:#fff;
background-color:#c2071f;
text-align:center;
padding: 10px;
margin-bottom: 20px;
}
h6 {
font-size: 1.3em;
color:#454545;
}
/* =========================================================
Capas principales
============================================================ */
#contenedor{
padding-top: 10px;
margin:auto;
text-align:left;
clear:both;
}
#contenido{
width: 1115px;
padding-bottom: 100px;
margin:auto;
text-align:left;
clear:both;
}
#contenido > div { width: 1115px; padding: 0px; margin:0px; clear:both;}
/******** Principal ********/
div#principal{
width: 1085px;
padding: 40px 15px 20px 15px;
margin:auto;
text-align:left;
clear:both;
background-color:#FFF;
border:solid 1px #efefef;
box-shadow: 0px 1px 3px rgba(73,69,69,0.1);
}
#principal > div { width: 1085px; padding: 0px; margin:0px; clear:both;}
/* =========================================================
Cabecera
============================================================ */
#logoidenti{
width: 810px;
padding: 0px;
margin:0px;
text-align:left;
float:left;
}
/******** Logo y lema ********/
#logoylema{
width: 810px;
padding: 0px 0px 0px 0px;
margin:auto;
text-align:left;
float:left;
}
#logoylema > div { padding: 0px; margin:0px;}
.logotipo { padding: 0px; margin:0px; text-align:left; float:left; clear:both; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s linear;}
.logotipo:hover{ opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear;}
/******** Banderas ********/
div#banderas{
padding: 0px;
margin:auto;
text-align:left;
float:right;
}
#banderas ul { margin: 0px; padding: 0px; float:right;}
#banderas li { width: 20px; margin: 0px; float:left; padding: 0px; text-align:left; display:inline; list-style: none;}
#banderas li a{ padding: 0px;}
#banderas li a:hover{ padding: 0px;}
/******** NO se usa por ahora ********/
div#lema{
padding: 5px 0px 0px 90px;
font-size: 0.8em;
text-transform:uppercase;
line-height: 14px;
}
/******** Identificación ********/
#identificacion{
width: 810px;
height: 47px;
padding-top: 10px;
margin:auto;
text-align:left;
float:right;
}
#identificacion > div { text-transform:uppercase; padding: 0px 0px 5px 10px; margin:0px; float:right;}
div#usuario{
padding-top: 5px;
}
.txbienvenido {color:#000; float:right;}
.nombreusuario {color:#4199d2;}
.salirusu{ padding: 0px 0px 0px 6px; float:right;}
#identificacion ul { margin: 0px; padding: 0px; float:right;}
#identificacion li { padding: 0px 5px 0px 5px; float:left; text-align:left; border-right: 1px solid #b33939; display:inline; list-style: none;}
#identificacion li a{ margin: 0px; color:#b33939; text-decoration: none;}
#identificacion li a:hover{color:#000; text-decoration:underline;}
#identificacion li:last-child {border:none; padding-right: 0px;}
#identificacion li:first-child {padding-left: 0px;}
/******** Carrito ********/
#carrito{
width: 245px;
padding: 5px 0px 5px 15px;
margin-top: 0px;
text-align:left;
float:right;
background-color:#e4e4e4;
background:url(../images/az_carrito.gif);
}
#carrito > div { padding-right: 15px; margin:0px; float:left;}
#carrito > div a {transition: all 0.5s ease;}
#carrito > div a:hover{filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);}
.txtcarrito, .txtcarrito2 { font-family: 'Roboto', sans-serif; font-weight: 700;}
.txtcarrito{ padding-top: 4px; color:#000; font-size: 0.8em; }
.txtcarrito2{ padding: 0px; color:#b33939; font-size: 0.8em; }
/******** Banner portes ********/
#bnportes{
width: 245px;
padding: 5px 0px 5px 15px;
margin-top: 15px;
text-align:left;
float:right;
background-color:#e4e4e4;
background:url(../images/az_carrito.gif);
}
#bnportes > div { padding-right: 15px; margin:0px; float:left;}
.txtportes, .txtportes2 { font-family: 'Roboto', sans-serif; font-weight: 700;}
.txtportes{ margin-top: 4px; color:#c13d3d;}
.txtportes2{ padding: 0px; color:#000;}
/* =========================================================
Menú y buscador
============================================================ */
/******** Menú ********/
#menu{
width: 810px;
padding: 0px;
margin:auto;
text-align:left;
float:left;
background-color:#383838;
}
.nav > li {padding:0px 0px 0px 0px; text-transform:uppercase; margin: 0; display: inline; list-style:none; float:left;}
.nav li a {font-size: 1.2em; border-right: 2px solid #fff; text-decoration: none; color:#fff; display:block; padding: 18px 15px 18px 15px; transition: background .45s ease-in-out; -moz-transition: background .45s ease-in-out; -webkit-transition: background .45s ease-in-out;}
.nav li a:hover { background-color:#b03838;}
.nav > li:first-child a:hover { background-color:#b03838; border-radius: 5px 0px 0px 5px;}
.nav li:hover,
.nav li.selected {background-color:#b03838; border-radius: 5px 0px 0px 5px;}
.nav li.selected2 {background-color:#b03838; border-radius: 0px;}
.nav li > a.flecha{ background:url("../images/ico_flechamenu.png") no-repeat 90% 50%; padding-right:30px;}
.nav li:hover > a.flecha,
.nav li > a.flecha:hover{ background:url("../images/ico_flechamenu_on.png") no-repeat 90% 50%; background-color:#b03838;}
.nav li {position:relative; list-style:none; margin: 0px; z-index: 99;}
.nav li ul {display:none; position:absolute; min-width:290px; padding-right: 0px;}
.nav li:hover > ul {display:block;}
.nav li > ul > li a{ font-size: 1.0em; background-color:#b03838 !important; border-bottom: 2px solid #fff; border-right:none; text-transform:uppercase; padding: 10px 15px 10px 15px; color:#FFF; transition: background .45s ease-in-out; -moz-transition: background .45s ease-in-out; -webkit-transition: background .45s ease-in-out;}
.nav > li li:hover > a.flecha,
.nav li > ul > li a:hover { background-color:#383838 !important; color:#fff; border-radius: 0px;}
.nav li ul li ul {right:-290px; top:0px;}
#menu .sub-arrow { display: none !important; }
/******** Buscador ********/
#buscador{
width: 260px;
height: 52px;
padding: 0px 0px 0px 0px;
margin-top: 0px;
text-align:left;
float:right;
background-color:#c13d3d;
}
#buscador > .inputbusca, .lupabusca {margin:0px; float:left;}
.inputbusca{ padding: 8px 0px 0px 15px;}
.lupabusca{ padding: 15px 0px 0px 8px;}
/* =========================================================
Breadcum
============================================================ */
div#breadcum{
padding-top: 15px;
margin:auto;
float:left;
font-size: 1.2em;
}
div#breadcum a{text-decoration:none;}
div#breadcum > .flecha{padding: 0px 5px 0px 5px;}
/* =========================================================
Desarrollo capas principales
============================================================ */
div#central{
padding: 15px 0px 15px 0px;
margin:auto;
float:left;
}
#lateral{
width: 255px;
padding: 0px;
margin:auto;
text-align:left;
float:left;
}
#lateral > div { padding-bottom: 30px; margin:0px; float:left; clear:both;}
#desarrollo{
width: 810px;
padding: 0px 0px 10px 0px;
margin:auto;
text-align:left;
float:right;
}
#desarrollo > div {width: 810px; padding-bottom: 0px; margin:0px; float:left; clear:both;}
#desarrollogeneral {
width: 1085px;
margin-bottom: 20px;
padding: 0px;
float:left;
}
#desarrollogeneral > div { width: 1085px; padding: 0px; margin-bottom: 20px; float:left; clear:both;}
/* =========================================================
Listas de productos
============================================================ */
/******** Cambiar de tipo de lista ********/
div#tipolista {
width: 60px;
margin: 6px 0px 0px 740px;
padding: 0px;
z-index: 20;
position:absolute;
float:right;
}
#tipolista > .listahori, #tipolista > .listaverti { float:left; padding-right: 10px; width: 19px; transition: all 0.5s ease;}
#tipolista > .listahori a { outline: none; text-indent: -5000px ; display:block; width:19px; height:19px; background: url("../images/bt_listahori_off.png") 0 0 no-repeat; transition: all 0.5s ease;}
#tipolista > .listahori a:hover {background: url("../images/bt_listahori_on.png") 0 0 no-repeat;}
#tipolista > .listahori a.selected {background: url("../images/bt_listahori_on.png") 0 0 no-repeat;}
#tipolista > .listaverti a { outline: none; text-indent: -5000px ; display:block; width:19px; height:19px; background: url("../images/bt_listaverti_off.png") 0 0 no-repeat; transition: all 0.5s ease;}
#tipolista > .listaverti a:hover {background: url("../images/bt_listaverti_on.png") 0 0 no-repeat;}
#tipolista > .listaverti a.selected {background: url("../images/bt_listaverti_on.png") 0 0 no-repeat;}
/******** Lista productos a bandas ********/
div#productohori {float:left;}
div#productohori > ul { margin: 0px; padding: 0px; float:left;}
div#productohori > ul > li { width: 778px; border: solid 1px #b33939; border-radius: 5px; padding: 5px 20px 5px 10px; text-align:left; margin-bottom: 20px; text-decoration: none; transition: all 0.5s ease; float:left; text-align:left; display:inline; list-style: none;}
div#productohori > ul > li:hover{ border:solid 1px #4199d2; text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.7); -webkit-box-shadow: 0px 0px 10px rgba(73,69,69,0.7); box-shadow: 0px 0px 10px rgba(73,69,69,0.7);}
div#productohori li > a img{ width: 196px; float:left; margin: 13px 10px 0px 0px; padding: 0px; border-radius: 0px;}
div#productohori li > .contlistahori {float:left; padding-left: 20px; border-left:solid 1px #ebebeb; border-radius: 0px;}
div#productohori li > .contlistahori > .cajanombrepro {width: 551px; padding: 10px 0px 12px 0px; float:left; border-radius: 0px; border-bottom:solid 1px #ebebeb;}
div#productohori li > .contlistahori > .cajanombrepro > .nombrepro a {width: 388px; padding: 0px; float:left; line-height: 22px; text-decoration:none; font-size: 1.6em; color:#000; font-family: 'Roboto', sans-serif; font-weight: 700; transition: all 0.5s ease;}
div#productohori li > .contlistahori > .cajanombrepro > .nombrepro a:hover {color:#ac3737; text-decoration:underline;}
div#productohori li > .contlistahori > .txtlistahori {width: 551px; padding-bottom: 0px;}
div#productohori li > .contlistahori > .txtlistahori > .texto {width: 375px; min-height: 146px; color:#616568; padding: 5px 10px 0px 0px; float:left; border-radius: 0px; margin-top: 5px; border-right:solid 1px #ebebeb;}
div#productohori li > .contlistahori > .txtlistahori > .texto p {color:#616568 !important;}
div#productohori li > .contlistahori > .txtlistahori > .texto p span[style$='font-weight: bold;'] {font-family: 'Roboto', sans-serif; font-weight: 700; color:#666 !important;}
div#productohori li > .contlistahori > .txtlistahori > .texto ul {margin: 0px; padding: 0px; float:left;}
div#productohori li > .contlistahori > .txtlistahori > .texto li {width: 362px; padding: 0px 0px 4px 15px; color:#000; float:left; text-align:left; clear:both; display:block; list-style: none; background:url("../images/ico_caracter.png") no-repeat 0px 5px;}
div#productohori li > .contlistahori > .txtlistahori > .texto > .alerta { color:#000 !important; padding: 8px 0px 11px 40px; background:url("../images/ico_alerta.png") no-repeat 0px 0px;}
div#productohori li > .contlistahori > .txtlistahori > .costepro {width: 148px; border-radius: 0px; margin: 25px 0px 15px 0px; padding: 0px; float:right;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .estrella {width: 148px; padding-bottom: 30px; float:left; clear:both;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio,
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio_rb {width: 128px; font-size: 2.0em; font-family: 'Roboto', sans-serif; font-weight: 700;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio,
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio_rb,
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio_an,
div#productohori li > .contlistahori > .txtlistahori > .costepro > .ivainclu { padding: 0px 25px 5px 0px; text-align: right; float:right;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio{color:#21a6df;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio_rb{color:#d10101;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .precio_an{ height: 15px; color:#000; font-size: 1.2em; text-decoration:line-through; font-family: 'Roboto', sans-serif; font-weight: 700;}
div#productohori li > .contlistahori > .txtlistahori > .costepro > .ivainclu{ color:#000; font-size: 0.8em;}
div#productohori li > .rebajado, div#productohori li > .rebajado2, div#productohori li > .promocion {width: 58px; height: 59px; color:#FFF; text-align:center; padding-top: 17px; position:absolute;}
div#productohori li > .rebajado, div#productohori li > .rebajado2 { z-index:60; background:url("../images/ico_rebajado.png") no-repeat 0px 0px;}
div#productohori li > .rebajado {margin: 20px 0px 0px 743px;}
div#productohori li > .rebajado2 {margin: 20px 0px 0px 695px;}
div#productohori li > .promocion {font-size: 75%; margin: 20px 0px 0px 647px; z-index:70; background:url("../images/ico_promo.png") no-repeat 0px 0px;}
/******** Lista productos selector ********/
div#productohori > .selector {width: 788px; border: solid 1px #b33939; background-color:#f2f2f2; border-radius: 5px; padding: 14px 5px 5px 15px; text-align:left; margin-bottom: 20px; text-decoration: none; transition: all 0.5s ease; float:left; text-align:left; display:inline; list-style: none;}
div#productohori > .selector:hover {border:solid 1px #4199d2; text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.7); -webkit-box-shadow: 7px 0px 10px rgba(73,69,69,0.7); box-shadow: 0px 0px 10px rgba(73,69,69,0.7);}
div#productohori > .selector > .titselector{ font-family: 'Roboto', sans-serif; font-weight: 700; padding: 5px 0px 0px 0px; color:#c13d3d; float:left;}
div#productohori > .selector > .flechaop{color:#c13d3d; float:left; padding:7px 0px 0px 30px;}
div#productohori > .selector > .listaselec{ width: 600px; border:none; float:left; padding:0px 0px 0px 29px;}
div#productohori > .selector > .listaselec ul{ margin: 0px; padding: 0px; float:left;}
div#productohori > .selector > .listaselec li{ width:auto; margin-bottom: 10px; padding: 0px; float:left; border:none;}
div#productohori > .selector > .listaselec li:hover{ float:left; box-shadow: none;}
div#productohori > .selector > .listaselec li > .atributo { float:left; padding: 0px;}
div#productohori > .selector > .listaselec li > .atributo > .titatributo{font-family: 'Roboto', sans-serif; font-weight: 700; color:#000; padding: 5px 25px 0px 0px; float:left; text-transform:uppercase;}
div#productohori > .selector > .listaselec li > .atributo > .inputselec{padding: 0px 25px 0px 0px; float:left;}
/******** Lista productos a cuadrados ********/
div#productocuadra {float:left;}
div#productocuadra_no {float:left;}
#productocuadra ul { margin: 0px; padding: 0px; float:left;}
#productocuadra li { width: 194px; height: 400px; border:solid 1px #e7e7e7; border-radius: 5px; text-align:center; margin: 10px 3px 20px 3px; padding: 0px; float:left; text-align:left; display:inline; list-style: none; transition: all 0.5s ease;}
#productocuadra li:hover{ text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); -webkit-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); box-shadow: 0px 0px 10px rgba(73,69,69,0.3);}
#productocuadra li > .imgproducto img { width: 194px; padding-bottom: 5px; clear:both; border-radius: 0px;}
#productocuadra li > .precio, #productocuadra li > .precio_rb, #productocuadra li > .precio_an {text-align:center; clear:both;}
#productocuadra li > .precio, #productocuadra li > .precio_rb {font-size: 1.7em; padding-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: 700;}
#productocuadra li > .precio {color:#21a6df; margin: 10px 0px 10px 0px; text-align:center;}
#productocuadra li > .precio_rb {color:#d10101;}
#productocuadra li > .precio_an {height: 14px; color:#000; font-size: 1.2em; text-decoration:line-through; padding-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight: 700;}
#productocuadra li > .raya {background-color:#e7e7e7; padding-top:1px; margin: 0px 5px 0px 5px;}
#productocuadra li > .nombrepro {width: 186px; min-height: 86px; text-align:center; padding: 15px 5px 0px 5px; line-height: 22px; color:#000; font-size: 1.4em; font-family: 'Roboto', sans-serif; font-weight: 700; transition: all 0.5s ease;}
#productocuadra li > .nombrepro a{ color:#000; text-decoration:none;}
#productocuadra li > .nombrepro a:hover{ color:#c13d3d; text-decoration:none;}
#productocuadra li > .rebajado, #productocuadra li > .rebajado2, #productocuadra li > .promocion {width: 58px; height: 59px; color:#FFF; text-align:center; padding-top: 17px; position:absolute; z-index:60;}
#productocuadra li > .rebajado, #productocuadra li > .rebajado2 {background:url("../images/ico_rebajado.png") no-repeat 0px 0px;}
#productocuadra li > .rebajado {margin: -20px 0px 0px 130px;}
#productocuadra li > .rebajado2 {margin: -20px 0px 0px 83px;}
#productocuadra li > .promocion {font-size: 75%; margin: -20px 0px 0px 10px; background:url("../images/ico_promo.png") no-repeat 0px 0px;}
#productocuadra li > .cajacarrito {width: 186px;}
/******** Añadir carrito listas ********/
/******** Horizontal ********/
.anadircarrito_listhori {
width: 148px;
padding: 0px;
margin-top: 10px;
float:left;
text-align:left;
background-color:#ebebeb;
border-radius: 5px;
float:right;
}
.anadircarrito_listhori > .favorito {width: 29px; height: 31px; padding: 12px 0px 0px 11px; float:left; border-right:solid 2px #fff; border-radius: 0px;}
.anadircarrito_listhori > .unidades {padding: 5px 0px 0px 15px; float:left;}
.anadircarrito_listhori > .carrito {width: 34px; height: 36px; padding: 7px 0px 0px 6px; background-color:#ac3737; float:right; border-left:solid 2px #fff; border-radius: 0px 5px 5px 0px; transition: all 0.5s ease;}
.anadircarrito_listhori > .carrito:hover { background-color:#ffbb33;}
/******** Cuadrados ********/
.anadircarrito_listcua {
width: 148px;
padding: 0px;
margin: 10px 0px 0px 19px;
float:left;
text-align:left;
background-color:#ebebeb;
border-radius: 5px;
float:left;
}
.anadircarrito_listcua > .favorito {width: 29px; height: 31px; padding: 12px 0px 0px 11px; float:left; border-right:solid 2px #fff; border-radius: 0px;}
.anadircarrito_listcua > .unidades {padding: 5px 0px 0px 15px; float:left;}
.anadircarrito_listcua > .carrito {width: 34px; height: 36px; padding: 7px 0px 0px 6px; background-color:#ac3737; float:right; border-left:solid 2px #fff; border-radius: 0px 5px 5px 0px; transition: all 0.5s ease;}
.anadircarrito_listcua > .carrito:hover { background-color:#ffbb33;}
/******** Paginación ********/
div#paginacion {
width: 795px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 10px;
float:left;
background-color:#ebebeb;
}
#paginacion > .articulospor{ padding: 0px; float:left;}
#paginacion > .articulosportxt{ padding: 5px 0px 0px 10px; float:left;}
#paginacion > .numpaginacion{ padding: 0px 0px 0px 0px; float:right;}
#paginacion ul{ border: 0; margin: 0; padding: 0px; text-align: left; float:left;}
#paginacion li { padding:0px 0px 0px 0px; margin: 0; display: inline; color:#FFF;}
#paginacion li a{ float: left; padding:2px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#ac3737; border: 1px solid #fff; transition: all 0.5s ease;}
#paginacion li a:hover{ float: left; padding:2px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#000; background-color:#fff;}
#paginacion li.selected{ border: 1px solid #fff; float: left; padding:2px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#000; background-color:#fff;}
#paginacion li.puntossus{ float: left; padding:8px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#000;}
/* =========================================================
Listas subcategorías
============================================================ */
div#subcategorias {float:left; padding-bottom: 80px;}
#subcategorias ul { margin: 0px; padding: 0px; float:left;}
#subcategorias li { padding: 0px; float:left; text-align:left; display:inline; list-style: none;}
#subcategorias li a{ width: 196px; height: 274px; text-align:center; border: 1px solid #c13d3d; margin: 10px 1px 5px 3px; float:left; text-decoration: none; transition: all 0.5s ease;}
#subcategorias li a:hover{border: 1px solid #383838; text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); -webkit-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); box-shadow: 0px 0px 10px rgba(73,69,69,0.3);}
#subcategorias li a > img { width: 196px; padding: 0px; clear:both; border-radius: 0px;}
#subcategorias li a > .nombrepro {width: 186px; height: 65px; padding: 15px 5px 0px 5px; line-height: 22px; color:#000; font-size: 1.4em; font-family: 'Roboto', sans-serif; font-weight: 700; transition: all 0.5s ease;}
#subcategorias li a:hover > .nombrepro {color:#ac3737;}
#subcategorias li a > .verproductos {width: 197px; padding: 3px 0px 3px 0px; float:left; border-radius: 0px; color:#fff; background-color:#c13d3d; text-align:center; transition: all 0.5s ease;}
#subcategorias li a:hover > .verproductos {background-color:#000;}
/* =========================================================
Lateral
============================================================ */
/******** Categorías ********/
div#categorias{
padding: 0px;
margin:0px;
text-align:left;
float:left;
font-size: 1.1em;
}
div#categorias > div { padding-bottom: 20px; margin:0px; float:left; clear:both;}
div#categorias > div > .titcategoria {width: 255px; padding-bottom: 7px; color:#b33939; border-bottom:solid 1px #eeeeee; border-radius: 0px;}
/******** Banner lateral ********/
div#bn_lateral{
width: 255px;
float:left;
}
div#bn_lateral img{
width: 255px;
}
/******** Sellos ********/
div#sellos{
width: 255px;
padding: 0px;
margin:0px;
text-align:center;
float:left;
clear:both;
}
#sellos ul { margin-top: 0px; padding: 0px; float:left;}
#sellos li { width: 255px; margin: 0px 0px 30px 0px; float:left; text-align:left; list-style: none; float:left; clear:both;}
#sellos li > .icosello{ padding: 0px 0px 5px 82px}
#sellos li > .titsello, .txtsello {text-align:center;}
#sellos li > .titsello{ color:#b23939; padding-top: 5px;}
#sellos li > .txtsello{ color:#000;}
/* =========================================================
Ficha producto
============================================================ */
/******** Navegación ficha ********/
#navficha {
margin: 2px 0px 0px 970px;
padding: 0px;
z-index: 20;
position:absolute;
float:right;
}
.navficha div {
float: left;
margin-right: 5px;
width: 28px;
height: 28px;
}
.navficha {margin: 0 0 0px 0; padding-top: 0px;}
.navficha a{ display: block!important; width: 28px; height: 28px; text-indent: -9999px;}
.navficha .next a{
background: transparent url("../images/bt_flechas_der.png") no-repeat;
background-position: 0 -28px;
}
.navficha .next a:hover {
background-position: 0 0;
}
.navficha .list a{
background: transparent url("../images/bt_listapro.png") no-repeat;
background-position: 0 -28px;
}
.navficha .list a:hover {
background-position: 0 0;
}
.navficha .previous a{
background: transparent url("../images/bt_flechas_izq.png") no-repeat;
background-position: 0 -28px;
}
.navficha .previous a:hover {
background-position: 0 0;
}
/******** Contenido texto ficha izquierda ********/
#fichaizq {
width: 635px !important;
margin-bottom: 20px;
padding: 30px 20px 30px 20px;
float:left;
border:solid 1px #eaeaea;
}
#fichaizq > div { width: 635px; padding: 0px; margin-bottom:20px; float:left; clear:both;}
div#txtprecio {background:url("../images/az_ficha.png");}
#txtficha {
width: 435px;
padding: 0px 10px 0px 0px;
float:left;
border-radius: 0px;
}
#txtficha > p {color:#7e8184 !important}
#txtficha > p.titficha {font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 22px; font-size: 1.7em; color:#ac3737 !important; margin-bottom: 20px; padding: 0px 0px 0px 40px; background:url("../images/ico_titular.gif") no-repeat 0px 2px;}
#precioficha {
width: 174px;
padding: 0px;
float:right;
}
#precioficha > div { width: 174px; height:auto; padding-bottom: 3px; text-align:right; margin:0px; float:left; clear:both;}
#precioficha > #alertas { width: 174px; height: 59px; float:left;}
#precioficha > #alertas > .rebajado,
#precioficha > #alertas > .rebajado2,
#precioficha > #alertas > .promocion {width: 58px; height: 59px; color:#FFF; text-align:center; padding-top: 17px;}
#precioficha > #alertas > .rebajado,
#precioficha > #alertas > .rebajado2 {background:url("../images/ico_rebajado.png") no-repeat 0px 0px;}
#precioficha > #alertas > .rebajado {margin: 0px; float:left;}
#precioficha > #alertas > .rebajado2 {margin: 0px; float:left;}
#precioficha > #alertas > .promocion {font-size: 75%; margin: 0px; float:left; background:url("../images/ico_promo.png") no-repeat 0px 0px;}
#precioficha > .precio_an {font-size: 1.3em; padding-bottom: 4px; text-decoration:line-through; color:#000; font-family: 'Roboto', sans-serif; font-weight: 700;}
#precioficha > div > .precio, #precioficha > div > .precio_sin, #precioficha > div > .precio_rb {font-size: 1.8em; float:right; padding-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight: 700;}
#precioficha > div > .precio { color:#21a6df;}
#precioficha > div > .precio_sin { color:#afafaf;}
#precioficha > div > .precio_rb { color:#d01010;}
#precioficha > div > .txtprecios { font-size: 1.0em; color:#9f9f9f; padding-top: 3px; float:left;}
#precioficha > .siniva { font-size: 0.8em; color:#000; padding-top: 8px; float:left;}
div#anadircarrito {
width: 170px;
padding: 0px;
margin-top: 10px;
float:left;
text-align:left;
background-color:#ebebeb;
border-radius: 5px;
}
div#anadircarrito > .favorito {width: 29px; height: 31px; padding: 12px 0px 0px 11px; float:left; border-right:solid 2px #fff; border-radius: 0px;}
div#anadircarrito > .unidades {padding: 5px 0px 0px 25px; float:left;}
div#anadircarrito > .carrito {width: 34px; height: 36px; padding: 7px 0px 0px 6px; background-color:#ac3737; float:right; border-left:solid 2px #fff; border-radius: 0px 5px 5px 0px; transition: all 0.5s ease;}
div#anadircarrito > .carrito:hover { background-color:#ffbb33;}
/******** Contenido caracterísiticas ficha izquierda ********/
.tabs {
margin: 0px;
border-radius: 0px;
}
.tab-nav {
font-family: 'Roboto', sans-serif; font-weight: 700;
list-style: none;
padding: 5px 0px 6px 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari y Chrome */
.tab-nav {
padding: 5px 0px 5px 0px;
}
/* Vuelvo a poner bien safari ya que la clase de arriba afecta a los dos */
::i-block-chrome,.tab-nav {
padding: 5px 0px 6px 0px;
}
}
.tab-panels {
height:auto;
padding: 10px 10px 10px 10px;
background-color:#f2f2f2;
color:#898989;
border: solid 1px #ac3737;
border-radius: 0px 5px 5px 5px;
}
.tab-panels > div { padding: 20px 20px 10px 20px;}
.tab-nav li {display: inline;}
.tab-nav li a {color: #535353; padding: 5px 5px 4px 5px; background-color:#f8f8f8; text-decoration:none; border-bottom: solid 1px #b53a3a; border-top: solid 1px #da9c9c; border-right: solid 1px #da9c9c; border-left: solid 1px #da9c9c; border-radius: 5px 5px 0px 0px;}
.tab-nav li a:hover { text-decoration: none; color: #ac3737; background-color:#f2f2f2;}
.tab-nav li .current { text-decoration: none; color: #ac3737; background-color:#f2f2f2; border-bottom: solid 1px #f2f2f2; border-top: solid 1px #b53a3a; border-right: solid 1px #b53a3a; border-left: solid 1px #b53a3a;}
.tab-panels ul { margin: 0px; padding: 0px; float:left;}
.tab-panels li { padding: 0px 0px 4px 15px; color:#000; float:left; text-align:left; clear:both; display:block; list-style: none; background:url("../images/ico_caracter.png") no-repeat 0px 5px;}
.tab-panels > div > .alerta { color:#000 !important; padding: 8px 0px 11px 40px; background:url("../images/ico_alerta.png") no-repeat 0px 0px;}
/******** Contenido ficha derecha ********/
#fichader {
width: 400px !important;
margin-bottom: 20px;
padding: 0px;
float:right;
}
#fichader > div { width: 400px; padding: 0px; margin-bottom:20px; float:left; clear:both;}
.big-img{ display:block; padding:0; margin-bottom: 20px; z-index: 2; }
.big-img img{ width:400px; height: 325px;}
#slideshow{margin-bottom:20px; margin-top:0px;}
.img-list {width: 400px; clear:both; float:left;}
.img-list > ul { with: auto; margin-left: auto; margin-right: auto; padding:0px; display:block;}
.img-list li {text-decoration: none; border-radius: 5px; padding:0px; margin:0px 6px 4px 0px; float:left; border:solid 1px #b33939; display:inline; list-style: none; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s linear;}
.img-list li:hover {opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear; border:solid 1px #21a6df;}
.img-list li img {width: 92px; height: 81px; padding:0px;}
div#sociales {
width: 380px;
padding: 20px 10px 20px 10px;
float:left;
border: solid 1px #eaeaea;
}
/******** Redes sociales ********/
.redes ul { margin: 0px; padding: 0px; float:left;}
.redes li { padding-right: 5px; float:left; text-align:left; display:inline; list-style: none; }
.redes li a{ float:left; transition: all 0.5s ease;}
.redes li a:hover{ opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear}
.titredes {color:#000; padding: 9px 15px 0px 0px; font-family: 'Roboto', sans-serif; font-weight: 700; float:left; text-transform:uppercase;}
/******** Youtube *******/
.btyoutube:hover {opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear;}
/* =========================================================
Carrito de la compra
============================================================ */
ul.listaalertas {margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;list-style: none;}
ul.listaalertas > li {padding: 1px 0px 2px 20px; border-bottom: 1px solid #e0e2d7; background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 7px;}
/******** Pasos de la cesta ********/
.pasos{ width: 1085px; float:left; padding: 0px; margin-bottom: 1px;}
.pasos ul {margin: 0px; padding: 0px;list-style: none;}
.pasos > ul > li > div.paso {
width: 196px;
height: 40px;
border-radius: 0px;
text-align:center;
color:#FFF;
padding: 10px;
margin-right: 1px;
float:left;
background-color:#e1e1e1;
}
.pasos > ul > li > div.paso_on {background-color:#b03838;}
.pasos > ul > li:first-child > div.paso {border-radius: 5px 0px 0px 0px;}
.pasos > ul > li:last-child > div.paso {border-radius: 0px 5px 0px 0px;}
.pasos > ul > li .numpaso {width: 20px; height: 20px; color: #d2d2d2; margin: 0px 0px 3px 90px; border-radius: 50%; background-color:#fff; font-family: 'Roboto', sans-serif; font-weight: 700; padding-top: 2px; text-align:center;}
.pasos > ul > li > div.paso_on .numpaso {color:#000;}
.pasos > ul > li div.nompaso {color:#fff; font-family: 'Roboto', sans-serif; font-weight: 700;}
/******** Campos cesta ********/
.camposcarrito { width: 1084px; border-radius: 0px 0px 5px 5px; padding: 5px 0px 5px 0px; margin: 0px; color:#FFF; background-color:#b03838; font-family: 'Roboto', sans-serif; font-size: 1.1em; text-align:left; clear:both;}
.camponombre, .campounidades, .campoprecio, .camposubtotal, .campoelimar { font-size: 0.9em; padding: 0px 0px 0px 15px; text-align:left; margin:0px; float:left;}
.camponombre {width: 645px;}
.campounidades {padding: 0px 56px 0px 22px;}
.campoprecio {padding: 0px 40px 0px 35px;}
.camposubtotal {padding: 0px 0px 0px 50px;}
.campoelimar {padding: 0px 0px 0px 30px;}
/******** Productos de la cesta ********/
ul.productoscarrito { margin:0px; padding: 0px; float:left;}
ul.productoscarrito > li { width: 1073px; font-family: 'Roboto', sans-serif; font-weight: 700; padding:0px 0px 10px 10px; text-decoration: none; float:left; margin-bottom: 1px; background-color:#f5f5f5; float:left; transition: all 0.5s ease;}
ul.productoscarrito li:first-child {border-radius: 5px 5px 0px 0px;}
ul.productoscarrito li:last-child {border-radius: 0px 0px 5px 5px;}
ul.productoscarrito li a{ float:left; margin:0px; padding:0px; text-align:left; color:#111010; text-decoration: none;}
ul.productoscarrito li a:hover{color:#000; text-decoration:none;}
ul.productoscarrito li:hover { background-color:#dcc0c0;}
ul.productoscarrito li .imagen {width: 40px; height:40px; margin-top: 8px; padding:0px; text-align:left; float:left; border-radius: 0px;}
ul.productoscarrito li .nombreproducto, .productoscarrito li .nombreproducto3 { width: 590px; padding: 20px 5px 0px 15px; margin:0px; text-align:left; text-transform:uppercase; float:left;}
ul.productoscarrito li .nombreproducto_pro { width: 590px; padding: 20px 5px 0px 15px; margin:0px; text-align:left; text-transform:uppercase; float:left;}
ul.productoscarrito li .nombreproducto,ul.productoscarrito li .nombreproducto_pro {color:#b03838;}
ul.productoscarrito li .nombreproducto3 {color:#6c6c6c;}
ul.productoscarrito li .nombreproducto-devolucion {width: 750px; color:#6c6c6c; padding: 20px 5px 0px 15px; margin:0px; text-align:left; text-transform:uppercase; float:left;}
ul.productoscarrito li .nombreproducto:hover {color:#000; text-decoration:none;}
ul.productoscarrito li > .cantidad {padding: 15px 10px 0px 10px; float:left;}
ul.productoscarrito li > .cantidad3 {width: 59px; color:#000; padding: 20px 20px 0px 0px; text-align:center; margin:0px; float:left;}
ul.productoscarrito li > .unidad { color:#000; padding: 20px 5px 0px 0px; color:#767676; text-align:left; margin:0px; float:left;}
ul.productoscarrito li > .precio { width: 70px; color:#000; padding: 20px 0px 0px 55px; text-align:center; margin:0px; float:left;}
ul.productoscarrito li > .subtotal { width: 105px; color:#000; padding: 20px 0px 0px 55px; text-align:center; margin:0px; float:left;}
ul.productoscarrito li > .eliminar { padding: 20px 0px 0px 5px; text-align:left; margin:0px; float:left;}
ul.productoscarrito li > .eliminar:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
ul.productoscarrito li input[type="checkbox"] { margin-top:35px;}
ul.productoscarrito li > ul.productos_lote {margin: 0px; padding-left: 55px; float:left;}
ul.productoscarrito li > ul.productos_lote li {width: 650px; font-family: 'Roboto', sans-serif; padding: 0px 0px 4px 15px; color:#000; float:left; text-align:left; clear:both; display:block; list-style: none; background:url("../images/ico_caracter.png") no-repeat 0px 5px;}
ul.productoscarrito li > ul.productos_lote li a{ text-decoration:underline; color:#b33939;}
ul.productoscarrito li > ul.productos_lote li a:hover{text-decoration:underline; color:#000;}
ul.productoscarrito li.cart_empty {padding: 0px; background:none;}
/******** Caracterísiticas espiral********/
ul.caracteristicas_espiral { margin-left:55px; padding: 0px; float:left;}
ul.caracteristicas_espiral li {font-family: 'Roboto', sans-serif; font-weight: 700; padding:0px 0px 5px 10px; clear: both; background-color: none; background-image: url(../images/ico_caracter.png); background-repeat:no-repeat; background-position: 0px 5px; float:left;}
/******** Totales de la cesta ********/
div.totalproductos {
width: 1085px;
float:left;
}
.totalproductos ul { margin:0px; padding: 0px; float:left;}
.totalproductos li { width: 1070px; font-family: 'Roboto', sans-serif; font-weight: 700; background-color:#f5f5f5; float:left; padding: 8px 10px 8px 5px; margin-bottom: 4px; text-align:right; list-style:none; display:block;}
.totalproductos li:first-child {border-radius: 5px 5px 0px 0px;}
.totalproductos li:last-child { border-radius: 0px 0px 5px 5px; border-bottom:solid 1px #d2d2d2;}
.totalproductos.total li:last-child { border-color: #b03838;}
.totalproductos li > .total { padding: 0px; color:#000;}
.totalproductos li > .total4 { padding: 0px; color:#b03838;}
/******** Paso 2 de la cesta ********/
.identificaciones { width: 925px; padding: 0px; float:left; clear:both;}
.identificarse_izq, .identificarse_der { width: 330px; padding: 10px 10px 20px 10px; margin-top: 0px; text-align:left; border: 1px solid #d2d2d2;}
.identificarse_izq { float:left; margin-left: 170px;}
.identificarse_der { float:right; margin-right: 170px;}
.identificarse_izq > h4, .identificarse_der > h4{ color:#000; padding-left: 20px;}
.nombreusudire { float:left; padding-left: 20px;}
.identififormu_dat, .identififormu_for{ margin:0px; text-align:left; float:left; clear:both; color:#b03838;}
.identififormu_dat{ width: 200px; padding: 8px 0px 0px 20px;}
.identififormu_for{ padding: 5px 0px 0px 20px;}
.recordar { width: 1064px; float:left; padding: 10px; margin: 10px 0px 10px 0px; background-color:#e8e9ea; clear:both;}
.recordar a { color:#c72d60; padding: 2px 0px 5px 40px; background-image: url(../images/ico_recordar.png); background-repeat:no-repeat; background-position: 0px 0px;}
.recordar a:hover { color:#000;}
form#TGCartForm > div {
margin-bottom: 20px;
}
form#TGCartForm .disabled * {
color: #C1BFBF;
}
form#TGCartForm input.error[type="text"],
form#TGCartForm textarea.error,
form#TGCartForm select {
border-color: #B03838;
color: #B03838;
}
/******** Paso 3 de la cesta ********/
div#datos_envio {
margin-bottom: 20px;
}
div.metodos{ margin-bottom: 20px; text-align: center;}
.metodos > .list { border-spacing: 5px; border: 0; margin: 0px; text-align: left;}
.metodos li {padding: 0px; margin-right: 5px; margin-bottom: 5px; display: inline-block;}
.metodos > .list::after,
.metodos > .list .cajametodo > .contenido::after {
display: block;
content: "";
height: 0px;
padding: 0px;
margin: 0px;
clear: both;
}
.metodos > .list > label.cajametodo:nth-last-of-type(2)::after {
display: block;
height: 5px;
padding: 0px;
margin: 0px;
clear: both;
}
.metodos input[type='radio'] { display: none; }
.metodos label.cajametodo {
position: relative;
box-sizing: border-box;
display: inline-block;
min-height: 140px;
width: 354px;
cursor: pointer;
border-left: 30px solid #a6a1a1;
border-top: 26px solid #a6a1a1;
border-bottom: 3px solid #a6a1a1;
border-radius: 5px;
background-color:#e9e9e9;
margin-right: 5px;
margin-bottom: 5px;
background-repeat:no-repeat;
background-position: 265px 60px;
/* background-image: none; */
}
.metodos label.cajametodo.paymethod {
background-position: 265px 10px;
}
.metodos label.cajametodo > .titular {
font-family: 'Roboto', sans-serif;
margin-top: -26px;
font-size: 1.0em;
text-align: left;
padding:5px 0px 5px 0px;
color:#ffffff;
vertical-align: middle;
}
.metodos input[type='radio']:not(:checked) + label {
background-image: url("../images/bt_checkbox_off.png");
}
.metodos input[type='radio']:checked + label {
border-color: #FA0;
background-image: url("../images/bt_checkbox_on.png");
}
.metodos input[type='radio']:hover:not(:checked) + label {
border-color: #419d48;
}
.metodos > .list .cajametodo > .contenido {
padding: 5px;
}
.metodos > .list .cajametodo > .contenido > div {
display: table-cell;
color:#4d4b4b;
font-size: 0.9em;
line-height: 14px;
text-align:left;
vertical-align: top;
}
.metodos > .list .cajametodo > .contenido > .icono { width: 40px; }
.metodos > .list .cajametodo > .contenido > .icono > img { width: 40px; }
.metodos > .list .cajametodo > .contenido > .texto { width: 180px; padding-left: 5px; padding-right: 5px; }
.metodos > .list .cajametodo > .contenido > .precio { text-align: center; width: 82px; font-size: 1.3em; font-weight: bold; }
/******** Paso 4 de la cesta ********/
#metodosenvio_4, #metodospago_4 {width: 530px; text-align:center;}
#metodosenvio_4 {float:left;}
#metodospago_4 {float:right;}
div#condiciones {text-align:center;}
div#condiciones > .txtcondiciones{ background-color:#999; color:#fff; padding: 10px; margin: 0px 80px 0px 80px;}
/******** Paso 5 de la cesta ********/
div#txtfinalcarrito {padding:50px 0px 40px 0px; text-align:center;}
/******** Botones ********/
div#botonescarrito {
border-top: 1px solid #e9e9e9;
padding-top: 10px;
border-radius: 0px;
}
/* =========================================================
Mi cuenta
============================================================ */
.txtrecuadro{width: 750px; border: 1px solid #c13d3d; padding: 5px;}
/******** Mi cuenta ********/
#micuenta {
width: 762px;
float:left;
padding:0px;
text-align:left;
border-radius: 0px;
}
#micuenta .formuizq, #micuenta > .formuder {width: 330px; border: 0; margin-top: 0px; text-align: left; float:left;}
#micuenta .formuizq {padding: 0px 0px 0px 50px;}
#micuenta .formuder {padding: 0px 0px 0px 10px;}
#micuenta .txtformu {border: 0; margin: 0; padding: 20px 0px 0px 0px; text-align: left; float:left;}
#micuenta .anular-pedido {border: 1px solid #c13d3d; padding: 10px; margin-top: 34px;}
#menulateral {
width: 300px;
float:right;
padding: 60px 0px 0px 0px;
text-align:left;
}
/******** Mis pedidos ********/
#micuenta > .titpedidos {padding: 0px; margin:20px 0px 1px 0px; border-radius: 5px 5px 0px 0px; text-align:center; float:left; background-color:#e9e9e9; color:#5d5d5d; border-bottom: 1px solid #d2d2d2; font-family: 'Roboto', sans-serif;}
#micuenta > .titpedidos > .nproducto, #micuenta > .titpedidos > .fecha, #micuenta > .titpedidos > .estado, #micuenta > .titpedidos > .descar, #micuenta > .titpedidos > .tipo, #micuenta > .titpedidos > .total {padding: 5px 0px 5px 0px; margin:0px; float:left; font-size: 1.0em; border-right: 1px solid #ffffff; border-radius:0px;}
#micuenta > .titpedidos > .nproducto{ width: 120px;}
#micuenta > .titpedidos > .fecha{ width: 120px;}
#micuenta > .titpedidos > .estado{ width: 120px;}
#micuenta > .titpedidos > .descar{ width: 80px;}
#micuenta > .titpedidos > .tipo{ width: 176px;}
#micuenta > .titpedidos > .nopdf { width: 257px;}
#micuenta > .titpedidos > .total{ width: 140px;}
#micuenta > .pedidos {padding: 0px 0px 0px 0px; margin:0px; float:left;}
#micuenta > .pedidos > .listapedidos ul { margin:0px; padding:0px; float:left; }
#micuenta > .pedidos > .listapedidos li {text-decoration: none; text-align:center; margin:0px; padding:0px 0px 0px 0px; display:inline; float:left; border-bottom: 1px solid #fff; background-color:#f5f5f5; background-image:url(..../images/az_rayasmispedidos.png); transition: all 0.5s ease;}
#micuenta > .pedidos > .listapedidos li a{ text-decoration: underline;}
#micuenta > .pedidos > .listapedidos li:hover {background-color:#dcc0c0;}
#micuenta > .pedidos > .listapedidos li:last-child {border-radius: 0px 0px 5px 5px;}
#micuenta > .pedidos > .listapedidos li.cart_empty {padding-top: 20px; background:none;}
#micuenta > .pedidos > .listapedidos li > .codpedido,
#micuenta > .pedidos > .listapedidos li > .fecha,
#micuenta > .pedidos > .listapedidos li > .estado,
#micuenta > .pedidos > .listapedidos li > .descar,
#micuenta > .pedidos > .listapedidos li > .tipo,
#micuenta > .pedidos > .listapedidos li > .total {padding: 8px 0px 8px 0px; min-height: 20px; margin:0px; float:left; font-size: 1.0em; border-right: 1px solid #fff; border-radius:0px;}
#micuenta > .pedidos > .listapedidos li > .codpedido{ width: 120px;}
#micuenta > .pedidos > .listapedidos li > .fecha{ width: 120px;}
#micuenta > .pedidos > .listapedidos li > .estado {width: 120px;}
#micuenta > .pedidos > .listapedidos li > .estado_E,
#micuenta > .pedidos > .listapedidos li > .estado_A {color:#45dc28;}
#micuenta > .pedidos > .listapedidos li > .estado_C,
#micuenta > .pedidos > .listapedidos li > .estado_N {color:#e71818;}
#micuenta > .pedidos > .listapedidos li > .estado_P{color:#1dbbdc;}
#micuenta > .pedidos > .listapedidos li > .tipo{ width: 176px;}
#micuenta > .pedidos > .listapedidos li > .nopdf{ width: 256px;}
#micuenta > .pedidos > .listapedidos li > .descar{ width: 80px;}
#micuenta > .pedidos > .listapedidos li > .total{ width: 140px; font-weight:bold; color:#000; border:none;}
#micuenta > .pedidos > .listapedidos li > .total img{padding: 3px 0px 0px 5px;}
#micuenta > .paginacion { width: 760px; padding: 10px; text-align:left; float:left;}
#micuenta > .paginacion ul{border: 0; margin: 0; padding: 0px; text-align: left;}
#micuenta > .paginacion li { font-family: 'Roboto', sans-serif; font-weight: 700; float: left; text-align:left; text-decoration: none; border-right: 1px solid #fff; font-size: 0.9em;}
#micuenta > .paginacion li a{text-decoration: none; background-color:#e1e1e1; color:#c13d3d; padding: 6px 15px 6px 15px; transition: all 0.5s ease;}
#micuenta > .paginacion li a:hover{ background-color:#c13d3d; color:#FFF;}
#micuenta > .paginacion li a.selected{ background-color:#c13d3d; color:#FFF;}
#micuenta > .datospedido { width: 762px; padding-top: 20px;}
#micuenta > .datospedido > div { margin-bottom: 20px;}
#micuenta > .datospedido > div > .direccionizq,
#micuenta > .datospedido > div > .direccionder { width: 340px; padding: 10px 10px 20px 10px; margin-top: 0px; text-align:left; border: 1px solid #d2d2d2;}
#micuenta > .datospedido > div > .direccionizq { float:left; margin: 0px;}
#micuenta > .datospedido > div > .direccionder { float:right; margin: 0px;}
#micuenta > .datospedido > div > .direccionizq > h4, #micuenta > .datospedido > div > .direccionder > h4{ color:#000; padding-left: 20px;}
#micuenta > .datospedido > div > .camposcarrito { width: 762px; border-radius: 5px; padding: 5px 0px 5px 0px; margin: 0px; color:#FFF; background-color:#b03838; font-family: 'Roboto', sans-serif; font-size: 1.1em; text-align:left; clear:both;}
#micuenta > .datospedido > div > .camposcarrito > .camponombre,
#micuenta > .datospedido > div > .camposcarrito > .campounidades,
#micuenta > .datospedido > div > .camposcarrito > .campoprecio,
#micuenta > .datospedido > div > .camposcarrito > .camposubtotal,
#micuenta > .datospedido > div > .camposcarrito > .campoelimar { font-size: 0.9em; padding: 0px 0px 0px 15px; text-align:left; margin:0px; float:left;}
#micuenta > .datospedido > div > .camposcarrito > .camponombre {width: 375px;}
#micuenta > .datospedido > div > .camposcarrito > .campounidades {padding: 0px 44px 0px 0px;}
#micuenta > .datospedido > div > .camposcarrito > .campoprecio {padding: 0px 0px 0px 45px;}
#micuenta > .datospedido > div > .camposcarrito > .camposubtotal {padding: 0px 0px 0px 73px;}
#micuenta > .datospedido > div > .camposcarrito > .campoelimar {padding: 0px 0px 0px 0px;}
#micuenta > .datospedido > div > .productoscarrito ul { margin:0px; padding: 0px; float:left;}
#micuenta > .datospedido > div > .productoscarrito li { width: 752px; font-family: 'Roboto', sans-serif; font-weight: 700; padding:0px 0px 10px 10px; text-decoration: none; float:left; margin-bottom: 1px; background-color:#f5f5f5; float:left; transition: all 0.5s ease;}
#micuenta > .datospedido > div > .productoscarrito li:first-child {border-radius: 5px 5px 0px 0px;}
#micuenta > .datospedido > div > .productoscarrito li:last-child {border-radius: 0px 0px 5px 5px;}
#micuenta > .datospedido > div > .productoscarrito li a{ float:left; margin:0px; padding:0px; text-align:left; color:#111010; text-decoration: none;}
#micuenta > .datospedido > div > .productoscarrito li a:hover{color:#000; text-decoration:none;}
#micuenta > .datospedido > div > .productoscarrito li:hover { background-color:#dcc0c0;}
#micuenta > .datospedido > div > .productoscarrito li .imagen {width: 40px; height:40px; margin-top: 8px; padding:0px; text-align:left; float:left; border-radius: 0px;}
#micuenta > .datospedido > div > .productoscarrito li .nombreproducto,
#micuenta > .datospedido > div > .productoscarrito li .nombreproducto3 { width: 301px; padding: 20px 5px 0px 15px; margin:0px; text-align:left; text-transform:uppercase; float:left;}
#micuenta > .datospedido > div > .productoscarrito li .nombreproducto {color:#b03838;}
#micuenta > .datospedido > div > .productoscarrito li .nombreproducto3 {color:#6c6c6c;}
#micuenta > .datospedido > div > .productoscarrito li .nombreproducto:hover {color:#000; text-decoration:none;}
#micuenta > .datospedido > div > .productoscarrito li > .cantidaduni {width: 37px; color:#000; text-align:center; padding: 20px 5px 0px 5px; margin:0px; float:left;}
#micuenta > .datospedido > div > .productoscarrito li > .unidad { color:#000; padding: 20px 5px 0px 0px; color:#767676; text-align:left; margin:0px; float:left;}
#micuenta > .datospedido > div > .productoscarrito li > .precio { width: 65px; color:#000; padding: 20px 0px 0px 55px; text-align:center; margin:0px; float:left;}
#micuenta > .datospedido > div > .productoscarrito li > .subtotal { width: 65px; color:#000; padding: 20px 0px 0px 55px; text-align:center; margin:0px; float:left;}
#micuenta > .datospedido > div.totalproductos ul { margin:0px; padding: 0px; float:left;}
#micuenta > .datospedido > div.totalproductos li { width: 747px; font-family: 'Roboto', sans-serif; font-weight: 700; background-color:#f5f5f5; float:left; padding: 8px 10px 8px 5px; margin-bottom: 4px; text-align:right; list-style:none; display:block;}
#micuenta > .datospedido > div.totalproductos li:first-child {border-radius: 5px 5px 0px 0px;}
#micuenta > .datospedido > div.totalproductos li:last-child { border-radius: 0px 0px 5px 5px; border-bottom:solid 1px #b03838;}
#micuenta > .datospedido > div.totalproductos li > .total { padding: 0px; color:#000;}
#micuenta > .datospedido > div.totalproductos li > .total4 { padding: 0px; color:#b03838;}
/******** Mis favoritos ********/
div#misfavoritos {float:left; margin-top: 20px;}
div#misfavoritos > ul { margin: 0px; padding: 0px; float:left;}
div#misfavoritos > ul > li { width: 729px; border: solid 1px #b33939; border-radius: 5px; padding: 5px 20px 5px 10px; text-align:left; margin-bottom: 20px; text-decoration: none; transition: all 0.5s ease; float:left; text-align:left; display:inline; list-style: none;}
div#misfavoritos > ul > li:hover{ border:solid 1px #4199d2; text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.7); -webkit-box-shadow: 0px 0px 10px rgba(73,69,69,0.7); box-shadow: 0px 0px 10px rgba(73,69,69,0.7);}
div#misfavoritos li > a img{ width: 196px; float:left; margin: 13px 10px 0px 0px; padding: 0px; border-radius: 0px;}
div#misfavoritos li > .contlistahori {float:left; padding-left: 20px; border-left:solid 1px #ebebeb; border-radius: 0px;}
div#misfavoritos li > .contlistahori > .cajanombrepro {width: 502px; padding: 10px 0px 12px 0px; float:left; border-radius: 0px; border-bottom:solid 1px #ebebeb;}
div#misfavoritos li > .contlistahori > .cajanombrepro > .nombrepro a {width: 388px; padding: 0px; float:left; line-height: 22px; text-decoration:none; font-size: 1.6em; color:#000; font-family: 'Roboto', sans-serif; font-weight: 700; transition: all 0.5s ease;}
div#misfavoritos li > .contlistahori > .cajanombrepro > .nombrepro a:hover {color:#ac3737; text-decoration:underline;}
div#misfavoritos li > .contlistahori > .txtlistahori {width: 502px; padding-bottom: 0px;}
div#misfavoritos li > .contlistahori > .txtlistahori > .texto {width: 326px; min-height: 146px; color:#616568; padding: 5px 10px 0px 0px; float:left; border-radius: 0px; margin-top: 5px; border-right:solid 1px #ebebeb;}
div#misfavoritos li > .contlistahori > .txtlistahori > .texto p {color:#616568 !important;}
div#misfavoritos li > .contlistahori > .txtlistahori > .texto p span[style$='font-weight: bold;'] {font-family: 'Roboto', sans-serif; font-weight: 700; color:#666 !important;}
div#misfavoritos li > .contlistahori > .txtlistahori > .texto ul {margin: 0px; padding: 0px; float:left;}
div#misfavoritos li > .contlistahori > .txtlistahori > .texto li {width: 313px; padding: 0px 0px 4px 15px; color:#000; float:left; text-align:left; clear:both; display:block; list-style: none; background:url("../images/ico_caracter.png") no-repeat 0px 5px;}
div#misfavoritos li > .contlistahori > .txtlistahori > .texto > .alerta { color:#000 !important; padding: 8px 0px 11px 40px; background:url("../images/ico_alerta.png") no-repeat 0px 0px;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro {width: 148px; border-radius: 0px; margin: 25px 0px 15px 0px; padding: 0px; float:right;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .estrella {width: 148px; padding-bottom: 30px; float:left; clear:both;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio,
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio_rb {width: 128px; font-size: 2.0em; font-family: 'Roboto', sans-serif; font-weight: 700;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio,
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio_rb,
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio_an,
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .ivainclu { padding: 0px 25px 5px 0px; text-align: right; float:right;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio{color:#21a6df;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio_rb{color:#d10101;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .precio_an{ height: 15px; color:#000; font-size: 1.2em; text-decoration:line-through; font-family: 'Roboto', sans-serif; font-weight: 700;}
div#misfavoritos li > .contlistahori > .txtlistahori > .costepro > .ivainclu{ color:#000; font-size: 0.8em;}
div#misfavoritos li > .rebajado, div#misfavoritos li > .rebajado2, div#misfavoritos li > .promocion {width: 58px; height: 59px; color:#FFF; text-align:center; padding-top: 17px; position:absolute;}
div#misfavoritos li > .rebajado, div#misfavoritos li > .rebajado2 { z-index:60; background:url("../images/ico_rebajado.png") no-repeat 0px 0px;}
div#misfavoritos li > .rebajado {margin: 20px 0px 0px 694px;}
div#misfavoritos li > .rebajado2 {margin: 20px 0px 0px 646px;}
div#misfavoritos li > .promocion {font-size: 75%; margin: 20px 0px 0px 598px; z-index:70; background:url("../images/ico_promo.png") no-repeat 0px 0px;}
/******** Mis presupuestos ********/
#micuenta > .titpresupuestos {padding: 0px; margin:20px 0px 1px 0px; border-radius: 5px 5px 0px 0px; text-align:center; float:left; background-color:#e9e9e9; color:#5d5d5d; border-bottom: 1px solid #d2d2d2; font-family: 'Roboto', sans-serif;}
#micuenta > .titpresupuestos > .img,
#micuenta > .titpresupuestos > .nombre,
#micuenta > .titpresupuestos > .fecha,
#micuenta > .titpresupuestos > .total,
#micuenta > .titpresupuestos > .comprar,
#micuenta > .titpresupuestos > .pdf,
#micuenta > .titpresupuestos > .eliminar {padding: 5px 0px 5px 0px; margin:0px; float:left; font-size: 1.0em; border-right: 1px solid #ffffff; border-radius:0px;}
#micuenta > .titpresupuestos > .img{ width: 150px;}
#micuenta > .titpresupuestos > .nombre{ width: 250px;}
#micuenta > .titpresupuestos > .fecha{ width: 90px;}
#micuenta > .titpresupuestos > .total{ width: 90px;}
#micuenta > .titpresupuestos > .comprar{ width: 65px;}
#micuenta > .titpresupuestos > .pdf{ width: 45px;}
#micuenta > .titpresupuestos > .eliminar { width: 65px;}
#micuenta > .presupuestos {padding: 0px 0px 0px 0px; margin:0px; float:left;}
#micuenta > .presupuestos > .listapresupuestos ul { margin:0px; padding:0px; float:left; }
#micuenta > .presupuestos > .listapresupuestos li {text-decoration: none; text-align:center; margin:0px; padding:0px 0px 0px 0px; display:inline; float:left; border-bottom: 1px solid #fff; background-color:#f5f5f5; background-image:url(..../images/az_rayasmispedidos.png); transition: all 0.5s ease;}
#micuenta > .presupuestos > .listapresupuestos li a{ text-decoration: underline;}
#micuenta > .presupuestos > .listapresupuestos li:hover {background-color:#dcc0c0;}
#micuenta > .presupuestos > .listapresupuestos li:last-child {border-radius: 0px 0px 5px 5px;}
#micuenta > .presupuestos > .listapresupuestos li > .img,
#micuenta > .presupuestos > .listapresupuestos li > .nombre,
#micuenta > .presupuestos > .listapresupuestos li > .fecha,
#micuenta > .presupuestos > .listapresupuestos li > .total,
#micuenta > .presupuestos > .listapresupuestos li > .comprar,
#micuenta > .presupuestos > .listapresupuestos li > .pdf,
#micuenta > .presupuestos > .listapresupuestos li > .eliminar {min-height: 42px; margin:0px; float:left; font-size: 1.0em; border-right: 1px solid #fff; border-radius:0px;}
#micuenta > .presupuestos > .listapresupuestos li > .img{ width: 150px; padding: 8px 0px 8px 0px;}
#micuenta > .presupuestos > .listapresupuestos li > .nombre{ width: 250px; padding-top: 20px;}
#micuenta > .presupuestos > .listapresupuestos li > .fecha{ width: 90px; padding-top: 20px;}
#micuenta > .presupuestos > .listapresupuestos li > .comprar{ width: 65px; padding-top: 20px;}
#micuenta > .presupuestos > .listapresupuestos li > .total{ width: 90px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #000; padding-top: 20px;}
#micuenta > .presupuestos > .listapresupuestos li > .pdf{ width: 45px; padding-top: 20px;}
#micuenta > .presupuestos > .listapresupuestos li > .eliminar{ width: 65px; padding-top: 20px;}
/******** Paginación ********/
#micuenta > #paginacion {
width: 747px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 10px;
float:left;
background-color:#ebebeb;
}
#micuenta > #paginacion > .articulospor{ padding: 0px; float:left;}
#micuenta > #paginacion > .articulosportxt{ padding: 5px 0px 0px 10px; float:left;}
#micuenta > #paginacion > .numpaginacion{ padding: 0px 0px 0px 0px; float:right;}
#micuenta > #paginacion ul{ border: 0; margin: 0; padding: 0px; text-align: left; float:left;}
#micuenta > #paginacion li { padding:0px 0px 0px 0px; margin: 0; display: inline; color:#FFF;}
#micuenta > #paginacion li a{ float: left; padding:2px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#ac3737; border: 1px solid #fff; transition: all 0.5s ease;}
#micuenta > #paginacion li a:hover{ float: left; padding:2px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#000; background-color:#fff;}
#micuenta > #paginacion li.selected{ border: 1px solid #fff; float: left; padding:2px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#000; background-color:#fff;}
#paginacion li.puntossus{ float: left; padding:8px 3px 0px 3px; margin: 2px 4px 0px 0px; text-decoration: none; color:#000;}
/******** Recuperar contraseña ********/
.recuperarcon {width: 330px; padding: 10px 10px 20px 10px; margin-top: 0px; text-align:left; float:left; margin-left: 365px; border: 1px solid #d2d2d2;}
.recuperarcon > h4 { color:#000; padding-left: 20px;}
/* =========================================================
Registro
============================================================ */
#registro {
width: 762px;
float:left;
padding-left:161px;
text-align:left;
border-radius: 0px;
}
#registro .formuizq, #registro .formuder {width: 350px; border: 0; margin-top: 0px; text-align: left; float:left;}
#registro .formuizq {padding: 0px 0px 0px 50px;}
#registro .formuder {padding: 0px 0px 0px 10px;}
#registro .txtformu {border: 0; margin: 0; padding: 20px 0px 0px 0px; text-align: left; float:left;}
#registro > .formuregistro {
width: 762px;
float:left;
padding: 0px;
text-align:left;
border-radius: 0px;
}
/* =========================================================
Errores y mensajes ok
============================================================ */
.errors {
width: 100%;
float:left;
padding-bottom: 20px;
text-align:left;
border-radius: 0px;
}
.errors ul {border: 0; margin: 0; padding: 0px; text-align: left;}
.errors li { padding:0px 0px 0px 20px; margin: 0; clear:both; float:left; color:#db1c24; background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 5px;}
.errorlogin {
width: 100%;
float:left;
padding:0px 0px 20px 20px;
margin: 0;
text-align:left;
border-radius: 0px;
color:#db1c24;
background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 5px;
}
.saved {
width: 100%;
float:left;
padding:0px 0px 20px 20px;
margin: 0;
text-align:left;
border-radius: 0px;
color:#419d48;
background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 5px;
}
/* =========================================================
Menú lateral subsecciones
============================================================ */
#menulateral ul{border: 0; margin: 0; padding: 0px; text-align: left;}
#menulateral li { padding:0px; margin: 0; font-size: 0.9em;}
#menulateral li a{ width: 105px; height: 145px; border-radius: 5px; border: 1px solid #e1e1e1; font-family: 'Roboto', sans-serif; font-weight: 700; float: left; padding: 15px 15px 0px 15px; margin: 0px 10px 10px 0px; text-align:center; text-decoration: none; color:#585858; transition: all 0.5s ease;}
#menulateral li a:hover{ background-color:#c13d3d; color:#FFF;}
#menulateral li a.selected{ background-color:#c13d3d; color:#FFF;}
#menulateral li img{ padding: 0px 0px 5px 0px;}
#menulateral li > .texto{ line-height: 22px;}
/* =========================================================
Empresa
============================================================ */
#empresa{
width: 1085px;
padding: 30px 0px 30px 0px;
margin:0px;
text-align:left;
float:left;
clear:both;
}
#empresa > .empresatxtizq { width: 310px; padding: 0px; margin:0px; text-align:left; float:left;}
#empresa > .empresatxtder { width: 760px; padding: 0px; margin:0px; text-align:left; float:right;}
#videos{
width: 1085px;
padding: 50px 0px 30px 0px;
margin:0px;
text-align:left;
float:left;
clear:both;
}
#videos ul{ border: 0; margin: 0; padding: 0px 0px 0px 0px; text-align: left;}
#videos li { width: 351px; float:left; text-align:left; padding:0px 10px 0px 0px; margin: 0; display: inline; list-style: none;}
#videos li:last-child {border:none;}
/* =========================================================
Ayuda
============================================================ */
#menuayuda{
padding: 0px;
margin:0px;
text-align:left;
float:left;
border-bottom: 4px solid #e1e1e1;
}
#menuayuda ul{border: 0; margin: 0; padding: 0px; text-align: left;}
#menuayuda li { padding:0px; margin: 0; display: inline; font-size: 0.9em; font-family: 'Roboto', sans-serif;}
#menuayuda li a{ float: left; border-radius: 0px; background-color:#e1e1e1; padding: 15px 15px 15px 15px; margin-right: 1px; text-decoration: none; color:#000; transition: all 0.5s ease;}
#menuayuda li:first-child a{border-radius: 5px 0px 0px 0px;}
#menuayuda li:last-child a{border-radius: 0px 5px 0px 0px;}
#menuayuda li a:hover{ background-color:#c13d3d; color:#FFF;}
.listaayuda ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style: none;}
.listaayuda li {padding: 1px 0px 5px 20px; margin-bottom: 10px; border-bottom: 1px solid #e0e2d7; background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 7px;}
/* =========================================================
Banners
============================================================ */
/******** Banner principal ********/
#bn_central{
padding: 0px;
margin:0px;
text-align:left;
float:left;
}
/******** Banners pequeños ********/
#bn_pequenos{
width: 260px;
padding: 0px 0px 0px 0px;
margin-left: 15px;
text-align:left;
float:right;
}
#bn_pequenos > div { margin-bottom: 16px; padding:0px; float:left; clear:both;}
#bn_pequenos > div img{ border:solid 1px #cccccc; transition: all 0.5s ease;}
#bn_pequenos > div img:hover { box-shadow: 0px 0px 10px rgba(73,69,69,0.3);}
/* =========================================================
Productos destacados
============================================================ */
/******** Banner principal ********/
div#destacados{
text-align:left;
float:right;
}
div#destacados > div {width: 810px; padding-bottom: 0px; margin:0px; float:left; clear:both;}
#destacados ul { margin: 0px; padding: 0px; float:left;}
#destacados li { padding: 0px; float:left; text-align:left; display:inline; list-style: none;}
#destacados li a{ width: 196px; height: 350px; text-align:center; margin: 10px 3px 20px 3px; float:left; text-decoration: none; transition: all 0.5s ease;}
#destacados li a:hover{ text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); -webkit-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); box-shadow: 0px 0px 10px rgba(73,69,69,0.3);}
#destacados li a > img { width: 196px; padding-bottom: 5px; clear:both; border-radius: 0px;}
#destacados li a > .precio, #destacados li a > .precio_rb, #destacados li a > .precio_an {clear:both;}
#destacados li a > .precio, #destacados li a > .precio_rb {font-size: 1.7em; padding-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: 700;}
#destacados li a > .precio {color:#21a6df; margin: 10px 0px 10px 0px;}
#destacados li a > .precio_rb {color:#d10101;}
#destacados li a > .precio_an {height: 14px; color:#000; font-size: 1.2em; text-decoration:line-through; padding-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight: 700;}
#destacados li a > .raya {background-color:#e7e7e7; padding-top:1px; margin: 0px 5px 0px 5px;}
#destacados li a > .nombrepro {width: 186px; padding: 15px 5px 0px 5px; line-height: 22px; color:#000; font-size: 1.4em; font-family: 'Roboto', sans-serif; font-weight: 700; transition: all 0.5s ease;}
#destacados li a:hover > .nombrepro {color:#ac3737;}
#destacados li a > .rebajado, #destacados li a > .rebajado2, #destacados li a > .promocion {width: 58px; height: 59px; color:#FFF; text-align:center; padding-top: 17px; position:absolute; z-index:200;}
#destacados li a > .rebajado, #destacados li a > .rebajado2 {background:url("../images/ico_rebajado.png") no-repeat 0px 0px;}
#destacados li a > .rebajado {margin: -20px 0px 0px 130px;}
#destacados li a > .rebajado2 {margin: -20px 0px 0px 83px;}
#destacados li a > .promocion {font-size: 75%; margin: -20px 0px 0px 10px; background:url("../images/ico_promo.png") no-repeat 0px 0px;}
/******** Efecto destacados ********/
#homeCarousel{
margin-bottom: 0px;
}
.homeFeature {
float: left;
}
.titleBox { margin: 2px 0px 0px 740px; z-index: 20; position:absolute;}
.carouselThumbs {
float: left;
width: 810px;
overflow: hidden;
}
#content .carouselThumbs ul li{
float: left;
margin: 0!important;
padding-top:10px;
}
.homeFeature .projectNav {
padding: 0px 0px 0px 0px;
background-color:#CCC;
}
.projectNav {margin: 0 0 0px 0; padding-top: 0px;}
.projectNav a{ display: block!important; width: 28px; height: 28px; text-indent: -9999px;}
.projectNav div {
float: left;
margin-right: 5px;
width: 28px;
height: 28px;
}
.projectNav .next a{
background: transparent url("../images/bt_flechas_der.png") no-repeat;
background-position: 0 -28px;
}
.projectNav .next a:hover {
background-position: 0 0;
}
.projectNav .previous a{
background: transparent url("../images/bt_flechas_izq.png") no-repeat;
background-position: 0 -28px;
}
.projectNav .previous a:hover {
background-position: 0 0;
}
/* =========================================================
Contacto
============================================================ */
#contactizq {
width: 550px !important;
margin: 0px;
padding-right: 0px;
float:left;
border-right: 1px solid #efefef;
}
#contactder {
width: 400px !important;
margin: 0px;
padding-left: 20px;
float:left;
}
/* =========================================================
Devoluciones
============================================================ */
#devoluciones {
margin: 0px;
padding-right: 0px;
float:left;
}
#devoluciones > div { width: 100%; float:left; margin-bottom: 20px; clear:both;}
/* =========================================================
Banners inferiores
============================================================ */
/******** Banda decorativa ********/
div#bandadeco {
float:left;
height: 13px;
border-radius: 0px;
margin-right: 23px;
margin-bottom: 20px;
float:left;
background:url("../images/az_bandas.png") repeat;
}
/******** Banners ********/
.bninferiores ul { margin: 0px; padding: 0px; float:left;}
.bninferiores li { margin-right: 23px; float:left; text-align:left; display:inline; list-style: none;}
.bninferiores li a{ width: 345px; height: 100px; color:#7f7f7f; background:url("../images/az_bannersinfe.gif") repeat; border-radius: 5px; text-align:right; margin: 0px; float:left; text-decoration: none; transition: all 0.5s ease;}
.bninferiores li a:hover{ background:url("../images/az_bannersinfe_on.gif") repeat; color:#000; text-decoration:none; -moz-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); -webkit-box-shadow: 0px 0px 10px rgba(73,69,69,0.3); box-shadow: 0px 0px 10px rgba(73,69,69,0.3);}
.bninferiores li:last-child {margin-right: 0px;}
.bninferiores li a > .icobanner{ width: 87px; float:left; padding: 15px 0px 0px 0px;}
.bninferiores li a > .txtbanner{ width: 195px; float:right; padding: 25px 20px 0px 0px;}
.bninferiores li a > .txtbanner > .titpro{ color:#000;} .titofer{ color:#ac3737;} .titoface{ color:#3ca7d4;}
/* =========================================================
Pie de página
============================================================ */
/******** Bandas decorativas ********/
#bandasdeco {
margin: 25px 0px 15px 0px;
padding: 0px;
float:left;
}
#bandasdeco ul { margin: 0px; padding: 0px; float:left;}
#bandasdeco li { width: 345px; height: 13px; margin-right: 23px; float:left; display:inline; list-style: none; background:url("../images/az_bandas.png") repeat;}
#bandasdeco li:last-child {margin-right: 0px;}
/******** Métodos, enlaces,... etc ********/
#pie {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
float:left;
border-bottom: 1px solid #efefef;
}
#pie h3 {color:#000; padding-bottom: 20px;}
/**** Pie izquierda ****/
#pie_izq {
width: 725px;
margin: 0px;
padding: 0px;
float:left;
border-right: 1px solid #efefef;
border-radius: 0px;
}
#pie_izq_up {
width: 715px;
margin-bottom: 20px;
padding-bottom: 15px;
float:left;
border-bottom: 1px solid #efefef;
}
#pie_izq_up ul { margin: 0px; padding: 0px; float:left;}
#pie_izq_up li { width: 345px; margin-right: 23px; float:left; display:inline; list-style: none;}
#pie_izq_up li:last-child {margin-right: 0px;}
#pie_izq_up li > ul { margin: 0px; padding: 0px; float:left;}
#pie_izq_up li > ul > li { width:auto; padding: 0px; margin-right: 5px; float:left; display:inline; list-style: none;}
#pie_izq_down {
width: 725px;
margin-top: 0px;
padding: 0px;
float:left;
}
#pie_izq_down ul { margin: 0px; padding: 0px; float:left;}
#pie_izq_down li { width: 215px; height:auto; float:left; display:inline; list-style: none;}
#pie_izq_down li:last-child {margin-right: 0px;}
#pie_izq_down li > ul { margin: 0px; padding: 0px; float:left;}
#pie_izq_down li > ul > li { width:auto; padding: 0px; float:left; clear:both; list-style: none;}
#pie_izq_down li > ul > li a{ color:#7b7b7b; line-height: 22px; text-decoration:none;}
#pie_izq_down li > ul > li a:hover{ color:#ac3737;}
/**** Pie derecha ****/
.divdesplegado{
width: 349px;
margin-bottom: 15px;
padding-left: 10px;
float:right;
}
.divdesplegado > .bandadesplegada{
font-family: 'Roboto', sans-serif; font-weight: 700;
padding: 10px 20px;
margin-bottom:5px;
display: block;
cursor: pointer;
color: #fff;
border-radius: 5px;
background-color:#af3838;
transition: all 0.5s ease;
}
.divContenedor{
width: 349px;
margin: 0px;
padding-left: 10px;
float:right;
}
.divContenedor label{
font-family: 'Roboto', sans-serif; font-weight: 700;
padding: 10px 20px;
margin-bottom:5px;
display: block;
cursor: pointer;
color: #000;
border-radius: 5px;
background-color:#e4e4e4;
transition: all 0.5s ease;
}
.divContenedor label:hover{
background-color:#af3838;
color: #fff;
}
.divContenedor input[type="checkbox"]:checked + label,
.divContenedor input[type="checkbox"]:checked + label:hover{
background-color:#af3838;
color: #fff
}
.divContenedor input[type="checkbox"]{
display: none;
}
.divContenedor .texto{
margin-top: -1px;
overflow: hidden;
height: 0px;
background-color: rgba(255,255,255,0.8);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.divContenedor input[type="checkbox"]:checked ~ .texto{
margin-top:15px;
height: 150px;
}
.gftelefono { margin: 0px; padding: 0px; float:left;}
.txttelefono { margin: 0px; padding-left: 0px; float:right;}
.txttelefono > .numtele {color:#ac3737; font-size: 2.0em; float:right;}
.txttelefono > .tithorario, .txttelefono > .diassemana, .txttelefono > .horario {font-size: 1.3em; float:right; clear:both;}
.txttelefono > .tithorario {color:#ac3737;}
.txttelefono > .diassemana, .txttelefono > .horario {color:#808285;}
.campoformu {width: 349px; margin-bottom: 5px; padding: 0px; float:left;}
.campoformu > .nombrecampo {width: 165px; margin-top: 5px; font-size: 1.3em; float:left;}
.campoformu > .formu {float:right;}
.campoformu > .btenviar {float:right;}
.campoformu > .txtformu {width: 250px; float:left;}
.campoformu.error input { border-color:#F00;}
/******** Copy ********/
#copy {
width: 100%;
margin: 0px;
padding: 0px;
float:left;
}
#copy > .logocopy { margin: 0px; padding-right: 20px; float:left;}
#copy > .logocopy:hover {opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear;}
#copy > .txtcopy { margin-top: 20px; padding: 0px; float:left;}
#copy > .autor { margin-top: 22px; padding-right: 10px; float:right;}
#copy > .autor:hover {opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s linear;}
/* =========================================================
Páginas de errores
============================================================ */
#contenidoerrores{
padding: 30px 0px 30px 140px;
float:left;
}
#icoerror{
width: 73px;
padding: 0px 20px 0px 0px;
float:left;
}
#txterror{
width: 735px;
padding: 0px;
float:left;
}
.titerror{ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.8em; padding-bottom: 20px; margin:0px; color:#000; clear:both;}
.titpaginano{ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 2.8em; padding: 0px; margin:0px; color:#e4141a; clear:both;}
.txterror{ padding-top: 40px; margin:0px; clear:both;}
.txterror_izq{ width: 345px; padding-right: 20px; margin:0px; float:left;}
.txterror_der{ width: 345px; padding: 0px; margin:0px; float:left;}
.titpreerrores{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.6em; width: 345px; padding-bottom: 8px; margin:0px; float:left; border-bottom: 1px solid #e0e2d7; clear:both;}
ul.listaerrores {margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;list-style: none;}
ul.listaerrores > li {padding: 1px 0px 2px 20px; background-image: url(../images/ico_alertas.png); background-repeat:no-repeat; background-position: 0px 7px;}
/* =========================================================
Clases generales
============================================================ */
.nomostrar{display:none;}
.cierre{ padding: 0px 0px 0px 0px; margin:auto; clear:both;}
.txtdestacado{color:#ac3737;}
.txtnodisponible{color:#cc0000; margin-top: 30px; text-align:center; text-transform:uppercase; font-size: 1.3em;}
.txtnodisponible_c{color:#cc0000; margin: 10px 0px 25px 0px; text-align:center; text-transform:uppercase; font-size: 1.3em;}
.txtavisame{color:#a90909; margin: 0px; text-align:center;}
.txtenviado{color:#2c890c;}
.txerror{color:#d80808;}
.txtnegrita{color:#000;}
.txtbold{font-family: 'Roboto', sans-serif; font-weight: 700;}
.btcesta_izq { width: 135px; border-radius: 5px; font-size: 0.8em; text-align:center; float:left; color: #000 !important; background-color:#d2d2d2 !important; padding: 8px 15px 8px 15px; margin: auto; text-decoration: none; cursor:pointer; transition: background .45s ease-in-out; -moz-transition: background .45s ease-in-out; -webkit-transition: background .45s ease-in-out;}
.btcesta_izq:hover{ font-size: 0.8em; color: #fff !important; background-color:#000 !important; padding: 8px 15px 8px 15px; margin: auto; text-decoration: none !important; cursor:pointer;}
.btcesta_der { width: 135px; border-radius: 5px; font-size: 0.8em; text-align:center; float:right; color: #fff !important; background-color:#b03838 !important; padding: 8px 15px 8px 15px; margin-left: 5px; text-decoration: none; cursor:pointer; transition: background .45s ease-in-out; -moz-transition: background .45s ease-in-out; -webkit-transition: background .45s ease-in-out;}
.btcesta_der:hover{ font-size: 0.8em; color: #fff; background-color:#000 !important; padding: 8px 15px 8px 15px; margin-left: 5px; text-decoration: none !important; cursor:pointer;}
.boton{
font-family: 'Roboto', sans-serif;
font-size: 0.8em;
color: #fff;
border-radius: 5px;
background-color:#9e9f9f;
border: 1px solid #9e9f9f;
padding: 4px 15px 4px 15px;
margin: auto;
text-decoration: none;
cursor:pointer;
transition: background .45s ease-in-out; -moz-transition: background .45s ease-in-out; -webkit-transition: background .45s ease-in-out;
}
.boton:hover{
background-color:#b03838;
border: 1px solid #c72d60;
}
/* =========================================================
Formularios
============================================================ */
form{
margin: 0px;
padding: 0px 0px 0px 0px;
}
fieldset {
border: 1px solid #c1bfbf;
}
input {
background-color:#f8f8f8;
padding: 6px;
cursor:pointer;
background-position:95px 8px;
background-repeat:no-repeat;
border-radius: 5px;
border: #e4e7e9 solid 1px;
box-sizing: border-box;
-moz-box-shadow: inset 0 2px 5px -2px #ddd;
-webkit-box-shadow: inset 0 2px 5px -2px #ddd;
box-shadow: inset 0 2px 5px -2px #ddd;
}
input[type="text"] {width: 260px;}
input[type="text"][name='quantity'] {
width: 35px;
}
input.quantity_pro[type="text"] {
width: 55px;
}
input[type="text"][name='numberphone'], input[type="text"][name='contactperson'], input[type="text"][name='schedule'] {
width: 180px;
}
input[type="password"] {width: 260px;}
select {
width: 237px;
background-color:#f8f8f8;
padding: 8px;
cursor:pointer;
background-position:95px 8px;
background-repeat:no-repeat;
border-radius: 5px;
border: #e4e7e9 solid 1px;
box-sizing: border-box;
-moz-box-shadow: inset 0 2px 5px -2px #ddd;
-webkit-box-shadow: inset 0 2px 5px -2px #ddd;
box-shadow: inset 0 2px 5px -2px #ddd;
}
textarea{
background-color:#f8f8f8;
padding: 8px;
cursor:pointer;
background-position:95px 8px;
background-repeat:no-repeat;
border-radius: 5px;
border: #e4e7e9 solid 1px;
box-sizing: border-box;
-moz-box-shadow: inset 0 2px 5px -2px #ddd;
-webkit-box-shadow: inset 0 2px 5px -2px #ddd;
box-shadow: inset 0 2px 5px -2px #ddd;
}
.botonformu{
font-family: 'Roboto', sans-serif;
font-size: 1.0em;
color: #fff;
background-color:#92282c;
border: 1px solid #92282c;
padding: 3px 15px 3px 15px;
margin: auto;
text-decoration: none;
cursor:pointer;
}
.botonformu:hover{
font-family: 'Roboto', sans-serif;
font-size: 1.0em;
color: #fff;
background-color:#9b9b9b;
border: 1px solid #9b9b9b;
padding: 3px 15px 3px 15px;
margin: auto;
text-decoration: none;
cursor:pointer;
}
/* =========================================================
Otras
============================================================ */
p {
margin: 0px;
padding: 10px 0px 0px 0px;
line-height:14px;
}
/* =========================================================
Ventana modal
============================================================ */
div.tg-modal {
padding: 10px;
background-color: #FFF;
text-align: center;
}
/* =========================================================
Ventana colores
============================================================ */
#sbsColores {
min-width: 400px;
min-height: 200px;
padding: 20px}
#sbsColores > div { width: 930px; padding-bottom: 18px; margin:0px; clear:both;}
#sbsColores > div > .logo {padding: 0px; margin:0px; float:left;}
#sbsColores > div > .txtexpli { width: 500px; padding-top: 18px; margin:0px; float:right;}
#sbsColores > .colores ul { margin: 0px; padding: 0px; float:left;}
#sbsColores > .colores li { width: 142px; padding: 0px; margin: 0px 12px 20px 0px; float:left; text-align:center; display:inline; list-style: none;}
#sbsColores > .colores li a{ width: 142px; height: 44px; border: solid 1px #f2f2f2; padding: 0px; text-align:center; margin: 0px 0px 3px 0px; float:left; text-decoration: none; transition: all 0.5s ease; border-radius: 0px}
#sbsColores > .colores li a:hover{ border: solid 1px #ac3737; padding: 0px;}
#e447-modal-wrapper-inner .btnClose { padding: 0px 0px 3px 20px; margin:0px; color:#000; clear:both; background:url("../images/ico_out.png") no-repeat 0px 0px; text-decoration:none; cursor:pointer;}
#e447-modal-wrapper-inner .btnClose:hover{ color:#e4131a;}
#sbsColores > div#cerrar a{ float:left;}
/* =========================================================
Mensajes emergentes
============================================================ */
.tg-modal {
min-width: 300px;
min-height: 150px;
padding: 20px}
.e447_match {
font-weight: bold;
background-color: #C13D3D;
color: #FFFFFF;
}
/* =========================================================
Venta preguntas frecuentes
============================================================ */
.sbs-article-response {
min-width: 400px;
min-height: 200px;
padding: 20px}
#old-browsers {
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
width: 100%;
padding: 10px;
background-color: #fdf2ab;
border-bottom: 1px solid #a29330;
color: #000;
}