/*--------------------------------------------------
########### CSS RESET ###########
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}
strong{font-weight:bold;}
a{text-decoration:none;}
/*--------------------------------------------------
########### Tipografias ###########
--------------------------------------------------*/
/* Merriweather Sans Light */
@font-face {
    font-family: 'MerriweatherSansLight';
    src: url('../fonts/merriweathersans-light.eot');
    src: url('../fonts/merriweathersans-light.eot') format('embedded-opentype'),
         url('../fonts/merriweathersans-light.woff') format('woff'),
         url('../fonts/merriweathersans-light.ttf') format('truetype'),
         url('../fonts/merriweathersans-light.svg#MerriweatherSansLight') format('svg');
}
/* Merriweather Sans Regular */
@font-face {
    font-family: 'MerriweatherSansRegular';
    src: url('../fonts/merriweathersans-regular.eot');
    src: url('../fonts/merriweathersans-regular.eot') format('embedded-opentype'),
         url('../fonts/merriweathersans-regular.woff') format('woff'),
         url('../fonts/merriweathersans-regular.ttf') format('truetype'),
         url('../fonts/merriweathersans-regular.svg#MerriweatherSansRegular') format('svg');
}
/* Merriweather Sans Bold */
@font-face {
    font-family: 'MerriweatherSansBold';
    src: url('../fonts/merriweathersans-bold.eot');
    src: url('../fonts/merriweathersans-bold.eot') format('embedded-opentype'),
         url('../fonts/merriweathersans-bold.woff') format('woff'),
         url('../fonts/merriweathersans-bold.ttf') format('truetype'),
         url('../fonts/merriweathersans-bold.svg#MerriweatherSansBold') format('svg');
}
/* Merriweather Sans Extra bold */
@font-face {
    font-family: 'MerriweatherSansExtraBold';
    src: url('../fonts/merriweathersans-extrabold.eot');
    src: url('../fonts/merriweathersans-extrabold.eot') format('embedded-opentype'),
         url('../fonts/merriweathersans-extrabold.woff') format('woff'),
         url('../fonts/merriweathersans-extrabold.ttf') format('truetype'),
         url('../fonts/merriweathersans-extrabold.svg#MerriweatherSansExtraBold') format('svg');
}
/* Quattrocento Sans Regular */
@font-face {
    font-family: 'QuattrocentoSansRegular';
    src: url('../fonts/quattrocentosans-regular.eot');
    src: url('../fonts/quattrocentosans-regular.eot') format('embedded-opentype'),
         url('../fonts/quattrocentosans-regular.woff') format('woff'),
         url('../fonts/quattrocentosans-regular.ttf') format('truetype'),
         url('../fonts/quattrocentosans-regular.svg#QuattrocentoSansRegular') format('svg');
}
/* Quattrocento Sans Bold */
@font-face {
    font-family: 'QuattrocentoSansBold';
    src: url('../fonts/quattrocentosans-bold.eot');
    src: url('../fonts/quattrocentosans-bold.eot') format('embedded-opentype'),
         url('../fonts/quattrocentosans-bold.woff') format('woff'),
         url('../fonts/quattrocentosans-bold.ttf') format('truetype'),
         url('../fonts/quattrocentosans-bold.svg#QuattrocentoSansBold') format('svg');
}

/* Quattrocento Sans Bold */
body{font-family: 'QuattrocentoSansBold';}
/* Merriweather Sans Light */
{font-family: 'MerriweatherSansLight';}
/* Merriweather Sans Regular */
#rotador div .texto-rotador p.subtitulo, 
article footer .news p, 
article footer .social p{font-family: 'MerriweatherSansRegular';}
/* Merriweather Sans Bold */
#rotador div .texto-rotador p.titulo, 
#rotador div .texto-rotador a, 
#accesos ul li a, 
.barra-azul{font-family: 'MerriweatherSansBold';}
/* Merriweather Sans Extra bold */
#rotador div .texto-rotador p.titulo strong, 
article footer .news p strong{font-family: 'MerriweatherSansExtraBold';}
/* Quattrocento Sans Regular */
header #usuarios ul li a, 
#principal header #buscador form div input[type=text], 
.destacados ul li a .descripcion, 
footer .footerlinks ul li a, 
article table tr td.detalle, 
#detalleproducto #dataproducto h3, 
#detalleproducto #dataproducto p.pagos, 
#slide ul li a{font-family: 'QuattrocentoSansRegular';}
/*--------------------------------------------------
########### Imagenes ###########
--------------------------------------------------*/
#logo a, 
#principal header, 
#principal header #buscador form div, 
#principal header #buscador form div input[type=submit], 
#principal header #carrito, 
#rotador ul#paginador li a, 
.barra-azul, 
article footer, 
article footer .news form input[type=text], 
article footer .news form input[type=submit], 
article footer .social ul li a, 
footer .footerlogo p, 
.barra-azul-interna, 
#detalleproducto #dataproducto form input[type=button]{background:url('../images/sprite.png') no-repeat;}
aside nav ul li a{background:url('../images/bullet-menu.png') no-repeat right 5px;}
#rotador div .texto-rotador{background:url('../images/bck-texto-rotador.png');}
#rotador div .texto-rotador a{background:url('../images/bullet-rotador.png') no-repeat 160px 5px;}
#slide a.prev{background:url('../images/flecha-prev.png');}
#slide a.next{background:url('../images/flecha-next.png');}
/*--------------------------------------------------
########### HTML general ###########
--------------------------------------------------*/
body{color:#252525;text-rendering:optimizelegibility;}
p{font-size:16px;line-height:22px;color:#252525;}
a{color:#137ec1;}
hr{border:0;margin-bottom:20px;background:#ccc;}
/*--------------------------------------------------
########### Estructura Gral ###########
--------------------------------------------------*/
#wrapper{width:1000px;margin:0 auto;}
header{padding-top:14px;}
#principal{margin-top:14px;}
#contenido{width:646px;}
/*--------------------------------------------------
########### Header ###########
--------------------------------------------------*/
header #logo, 
header #ayuda{float:left;}
header #usuarios{float:right;}
header #logo{margin-right:28px;}
header #ayuda, 
header #usuarios{padding-top:10px;}
header #logo a{display:block;width:204px;height:57px;}
header ul{}
header ul li{display:inline;padding:0 6px;border-right:1px solid #a5a5a5;}
header #ayuda p, 
header #usuarios ul{margin-bottom:8px;line-height:normal;}
header #ayuda p{color:#ff6600;padding-left:6px;}
header #ayuda p a{color:inherit;}
header #usuarios ul li a{font-size:14px;}
/*--------------------------------------------------
########### Seccion Principal ###########
--------------------------------------------------*/
/* ########### HEADER ########### */
#principal header{width:1000px;height:44px;background-position:0 -57px;margin:0;padding:0;}
#principal header #departamentos{width:207px;margin-right:16px;}
#principal header #departamentos p, 
#principal header #buscador form label{font-size:21px;color:#fff;text-shadow: 1px 1px 2px #000;}
#principal header #departamentos p, 
#principal header #buscador form{padding:10px 0 10px 14px;}
#principal header #departamentos p span{display:inline-block;}
#principal header #buscador form div{width:371px;height:23px;background-position:-204px 0;margin-left:24px;padding:3px 0 0 4px;position:relative;}
#principal header #buscador form div select{border:none;font-size:14px;}
#principal header #buscador form div input[type=text]{width:230px;padding:2px 0;}
#principal header #buscador form div input[type=submit]{width:33px;height:27px;background-position:-204px -26px;position:absolute;right:0;top:0;}
#principal header #carrito{width:169px;height:37px;background-position:-575px 0;margin:7px 12px 0 0;}
#principal header #carrito p{color:#fff;font-size:17px;text-shadow: 1px 1px 2px #000;padding:9px 0 0 46px;}

/*###########  ASIDE ########### */
aside{width:207px;min-height:80px;}
aside nav{background:#1a75cf;padding-right:4px;}
aside nav ul{padding:0 10px;}
aside nav ul li{border-top:1px solid #fff;padding:7px 0;}
aside nav ul li a{color:#fff;text-shadow: 1px 1px 2px #000;padding-left:12px;display:block;}
aside .cajas{border:1px solid #959595;padding:10px;margin-top:14px;}
aside .cajas h3{margin-bottom:20px;font-size:18px;}
aside .cajas ul li{padding-bottom:18px;}
aside .cajas ul li a{font-size:14px;}
aside .cajas ul li a:hover{text-decoration:underline;color:#ff6600;}
aside ul.productos-recientes li a{font-size:13px;display:block;}
aside ul.productos-recientes li a img{float:left;margin-right:12px;}
aside ul.productos-recientes li a span.precio{font-size:19px;line-height:32px;}

/* ########### ARTICLE ########### */
article{width:780px;}
article h2{font-size:20px;color:#ff6600;margin-bottom:12px;}
article p{margin-bottom:20px;}
article table{}
article table tr.gris{background:#ededed;}
article table tr td{padding:8px 0;font-size:16px;}
article table tr td.caracteristica{width:260px;}
/* rotador */
#rotador{margin-top:10px;position:relative;}
#rotador div{position:relative;}
#rotador div .texto-rotador{width:248px;height:207px;position:absolute;right:22px;bottom:36px;padding:10px;}
#rotador div .texto-rotador p.titulo{font-size:33px;color:#ff7a28;line-height:32px;}
#rotador div .texto-rotador p.titulo strong{font-size:37px;}
#rotador div .texto-rotador p.subtitulo{font-size:20px;color:#373737;line-height:26px;}
#rotador div .texto-rotador a{display:block;font-size:19px;color:#ff7a28;margin-top:16px;}
#rotador ul#paginador{position:absolute;right:42px;bottom:10px;}
#rotador ul#paginador li{display:inline;}
#rotador ul#paginador li a{display:block;float:left;margin-right:8px;width:15px;height:15px;background-position:-239px -28px;font-size:0;line-height:0;}
#rotador ul#paginador li.activo a{background-position:-254px -28px;cursor:default;}
/* accesos */
#accesos{overflow:hidden;}
#accesos ul{}
#accesos ul li{text-align:center;}
#accesos ul li a{display:block;float:left;width:250px;height:140px;background:#ededed;font-size:18px;margin-bottom:15px;}
#accesos ul li a.central{margin-left:15px;margin-right:15px;}
#accesos ul li a img{display:block;margin:6px auto;}
/* mas vendidos & mas recomendados */
.destacados ul{overflow:hidden;margin:20px 0 40px 0;}
.destacados ul li{display:inline;}
.destacados ul li a{display:block;float:left;margin-right:36px;width:165px;}
.destacados ul li a img, 
.destacados ul li a .precio, 
.destacados ul li a .descripcion{display:block;}
.destacados ul li a .descripcion{font-size:15px;min-height:56px;margin-top:4px;}
.destacados ul li a .precio{font-size:19px;}

/* ########### FOOTER ########### */
article footer{height:106px;width:780px;background-position:0 -154px;margin-top:20px;}
article footer .news{padding:20px 0 0 28px;}
article footer .news p{font-size:17px;color:#4e4e4e;}
article footer .news p strong{font-size:25px;color:#ff6600;}
article footer .news form{margin-top:12px;}
article footer .news form input[type=text], 
article footer .news form input[type=submit]{height:29px;border:none;}
article footer .news form input[type=text]{width:374px;background-position:0 -274px;padding:0 4px;}
article footer .news form input[type=submit]{width:122px;background-position:-752px 0;}
article footer .social{padding-top:20px;margin-right:46px;}
article footer .social p{color:#4e4e4e;font-size:17px;}
article footer .social ul{margin-top:10px;}
article footer .social ul li{display:inline;}
article footer .social ul li a{width:30px;height:29px;display:block;float:left;margin-right:10px;}
article footer .social ul li a.fb{background-position:-880px 0;}
article footer .social ul li a.tw{background-position:-914px 0;}
article footer .social ul li a.yt{background-position:-947px 0;}

/* ########### INTERNAS ########### */
/* detalle producto */
#detalleproducto{margin-top:10px;}
#detalleproducto #producto{width:225px;}
#detalleproducto #dataproducto{width:410px;}
#detalleproducto #dataproducto h1{font-size:26px;margin-bottom:4px;}
#detalleproducto #dataproducto h3{font-size:15px;}
#detalleproducto #dataproducto p{margin:0;}
#detalleproducto #dataproducto p.precio{font-size:35px;margin-bottom:10px;}
#detalleproducto #dataproducto p.pagos{font-size:15px;}
#detalleproducto #dataproducto p.pagos strong{text-transform:uppercase;}
#detalleproducto #dataproducto p.envio{text-transform:uppercase;font-size:15px;margin-top:20px;}
#detalleproducto #dataproducto p.envio em{font-style:normal;color:#686868;text-decoration:line-through;}
#detalleproducto #dataproducto p.enviolegal{font-size:13px;}
#detalleproducto #dataproducto form label{text-transform:uppercase;font-size:15px;}
#detalleproducto #dataproducto form div{display:block;}
#detalleproducto #dataproducto form input[type=button]{height:33px;border:none;margin-top:10px;}
#detalleproducto #dataproducto form input[type=button].agregacarrito{width:177px;background-position:-800px -159px;margin-right:16px;}
#detalleproducto #dataproducto form input[type=button].agregalista{width:158px;background-position:-800px -198px;}
#detalleproducto #dataproducto hr{margin:14px 0;}
/* Slide */
#slide{margin-bottom:20px;position:relative;}
#slide ul{}
#slide ul li{display:inline;}
#slide ul li a{display:block;float:left;width:130px;font-size:13px;margin-right:42px;}
#slide ul li a img{display:block;}
#slide a.next, 
#slide a.prev{position:absolute;top:20px;width:34px;height:41px;}
#slide a.prev{left:-42px;font-size:0;line-height:0;}
#slide a.next{right:-42px;font-size:0;line-height:0;}
/*--------------------------------------------------
########### Footer ###########
--------------------------------------------------*/
footer{margin-top:20px;}
footer .footerlogo{width:200px;}
footer .footerlogo p{width:191px;height:43px;background-position:-800px -109px;}
footer .footerlinks{width:780px;}
footer .footerlinks ul{float:left;width:25%;padding-bottom:40px;}
footer .footerlinks ul li{font-size:16px;padding:4px 0;}
footer .footerlinks ul li a{font-size:14px;}
footer .footerlinks ul li a:hover{text-decoration:underline;}
/*--------------------------------------------------
########### Miscelanias ###########
--------------------------------------------------*/
/* Overflow */
#wrapper, 
header, 
#principal, 
footer .footerlinks ul, 
#migasdepan, 
#detalleproducto{overflow:hidden;}
/* Ocultos */
#logo a strong, 
article footer .social ul li a strong, 
footer .footerlogo p strong{display:none;}
/* Sin Borde */
.sinborde{border:none;}
/* Flotaciones */
.derecha{float:right;}
.izquierda{float:left;}
.centrado{margin:0 auto;}
/* Limpiar flotaciones */
.limpia{clear:both;}
/* Sin Margen */
.nomargen{margin:0 !important;}
/* Precio */
.precio{color:#ff6600;}
/* banner Fedex */
.bannerFedex{margin:20px 0;}
/* Barra Azul */
.barra-azul{width:780px;height:34px;background-position:0 -109px;margin-top:18px;padding:10px 14px 0 14px;}
.barra-azul h2, 
.barra-azul a{color:#fff;font-size:15px;width:auto;text-shadow: 1px 1px 2px #000;}
.barra-azul a{margin-right:24px;}
.barra-azul-interna{width:645px;height:37px;background-position:0 -313px;margin-top:18px;padding:10px 14px 0 14px;}
.barra-azul-interna h2{color:#fff;font-size:17px;width:auto;text-shadow: 1px 1px 2px #000;}
/* Migas de Pan */
#migasdepan{margin:14px 0;}
#migasdepan ul li{display:inline;font-size:14px;line-height:18px;}