/*rediseño AdondeCompras*/

/*reset por Eric Meyer*/
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 {margin: 0;	padding: 0;	border: 0; font-weight: inherit; 	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*para que escale bien, (IE de mierda)*/
body{background:url('../img/bg.png') top center no-repeat #f9f9f9; font-family:Helvetica,Arial, Verdana, sans-serif; font-size:75%; color:#333333;}
html>body{font-size:12px;}


/*por mientras*/
#beta{margin:0; padding:10px; background:#ffd; border:solid #fd5 1px; text-align:center; font-size:1.2em;}
#beta blockquote{font-style:italic; font-size:0.9em;}
/*-----------*/

h1{padding:0 0 3px; font-size:1.5em; color:#668000; border-bottom:dotted #8a0 1px;}
h2{margin:10px 0 5px 0; font-size:1.2em; font-weight:bold; color:#a00;}
h3{margin:0 0 5px 0; padding:3px 0; background:#fff6d5; color:#d4aa00; font-size:1.33em; text-align:center;}
a{color:#004d60; font-size:1.05em;}
a:visited{color:#666;}
p{margin:5px 0 5px 0;}
ul, ol{margin:0 0 10px 0;}
ol{margin:0 0 0 10px;}
strong, th{font-weight:bold;}

#contenedor{margin:auto; width:980px; }
  #cabecera{float:left; background:#fff; height:255px; width:980px;}
    #menu{float:left; position:relative; height:30px; width:980px; text-align:right; line-height:25px; }
    #menu span{margin:0 5px;}
    #menu a{color:#333;}  
    #idiomas{padding:5px 10px; float:right; background:#f1f1f1; position:absolute; right:0; top:22px; display:none; border:solid #ccc 1px;}
    #idiomas li{list-style:none;}
    #idiomas a{color:#006680;}
    #logo{padding:5px 10px; float:left; background:#fff; height:65px; width:420px; }
    #logo a{background:url('../img/logo.png') no-repeat; display:block; width:325px; height:60px;}
    #logo a h1{border:0;}
    #logo a h1 span{display:none;}
    #opciones-usuario{padding:25px 0 0; float:left; width:300px; font-size:1.1em;}
    #usuario{padding:10px; float:right; background:#fff; height:55px; width:192px;}
    #usuario a{float:left; display:block; width:96px; height:32px; }
    #usuario a span{display:none;}
    #usuario a.btn-tucuenta {background:url('../img/btn-tucuenta.png') no-repeat;}
    #usuario a.btn-carrito {background:url('../img/btn-carrito.png') no-repeat;}
    #buscador{padding:6px 10px; float:left; background:url('../img/bg-buscador.png') repeat-x #d40000; height:28px; width:960px; color:#ffacac;}
    #buscador input[type="text"]{background:url('../img/bg-txtbuscador.png') repeat-x; height:20px; width:300px; border:0; font-weight:bold; color:#2c5aa0;}
    #buscador form{float:left; width:480px;}
    #buscador span{margin:0 10px; float:left; font-size:1.5em; }
    #buscador a{margin:5px 0; color:#fff;}
    #bannertop{padding:10px 0; float:left; background:#fff6d5; width:980px; text-align:center;}
  #cuerpo{padding:10px; float:left; background:#fff; width:960px;}
  #cuerpo ul.productos>li{margin:5px; padding:5px; float:left; background:#f9f9f9; width:230px; height:110px; border:solid #ececec 1px;list-style:none;}
  #cuerpo ul.productos>li img{margin:0 5px 15px 0; float:left; width:90px; height:90px; border:solid #ccc 1px;}
  #cuerpo ul.productos>li span{color:#a00; font-size:1.08em;} 
  #cuerpo ul.productos{padding:0;}
  #cuerpo #destacados ul.productos>li{background:url('../img/ico-destacado.png') no-repeat right bottom #f9f9f9;}
    #sidebar{float:left; width:180px; border:solid #ffe15b 1px; }
    #sidebar>ul{padding:0 10px;}
    #sidebar ul li{list-style:none;}    
    #sidebar ul li a{color:#d40000; font-size:1.16em; text-decoration:none;}
    #sidebar ul li a:hover{text-decoration:underline;}
    #sidebar ul li ul li{padding-bottom:2px; position:relative; left:10px; width:140px;}    
    #sidebar ul li ul li a{color:#004d60;}
    #sidebar ul li ul li a:visited{color:#666;}
    #sidebar .cat_sel, #sidebar .scat_sel{font-weight:bold;text-decoration:underline;}
    #principal{padding-left:15px; float:left; width:505px;}
    #principal #producto h1{font-size:1.5em; color:#d40000; border:0;}
    #principal h1 span {font-size:0.69em; color:#006680}
    #principal ul, #derecha ul{padding:0 0 0 15px;}
      #portada, #destacados, #mas-visitados {float:left; width:504px;}
      #portada #animacion {margin:13px auto; width:480px; height:200px; display:block; border:solid #ccc 5px;}
      #producto-fotos img{border:solid #ccc 1px;}
    #derecha{float:right; width:252px;}
    #derecha ul.productos li{margin:5px 0 5px 10px;}
    #derecha h2{display:inline; font-size:1em;}
      #ofertas, #bloques {float:right; width:252px;}
  #pie{float:left; width:980px;}
    #menupie{padding:15px 0; float:left; background:#fff6d5; width:980px; text-align:center;}
    #certificados{padding:15px 0; float:left; background:#fff; width:980px; text-align:center;}
    #creditos{padding:15px 0; float:left; width:980px; text-align:center;}
  .clear{clear:both;}

/*otros*/
#paginado {margin:10px 0 20px; text-align:center; font-size:1.1em;}
#paginado span{margin:0 10px;}
#paginado .sel{color:#333; font-weight:bold; text-decoration:none;}

#tareas-usuario label{margin-right:5px; float:left; display:block; width:150px; text-align:right;}
#tareas-usuario span{margin-left:270px;}
#tareas-usuario #datos label{width:60px; display:inline; text-align:left; font-weight:bold;}
#tareas-usuario table {background:#f9f9f9;}

#mensaje{margin:10px 0; padding:10px; background:#fee; border:solid #f99 1px;}