/* Reset! */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline }
:focus { outline:0 }
body { line-height:1 }
ol, ul { list-style:none }
table {	border-collapse:separate; border-spacing:0 } /* agregar 'cellspacing="0"' en HTML */
caption, th, td { text-align:left; font-weight:normal }
blockquote:before, blockquote:after, q:before, q:after { content:"" }
blockquote, q {	quotes:"" "" }

body { background:#fff; font-family: Arial, Helvetica, sans-serif }
* a { position:relative }
a { outline:none; text-decoration:none }
a img { border:none }
strong { font-weight:bold }
label{ display:block }
.clr { display:none; clear:both }

h1, h2, h3 { font-size:20px; font-weight:normal; color:#71bf44; padding:10px 16px }
h1 strong, h2 strong, h3 strong { font-weight:normal }
h1 span, h2 span, h3 span { color:#94C987 }

#encabezado { position:relative; width:994px; margin:0 auto 10px; padding:0; clear:both }

.sharty { padding:0; clear:both }
.sharty a { display:block; width:252px; height:156px; background:url(images/h-sharty.jpg) no-repeat; text-indent:-9999px }

.pedido, .ingreso { float:right; padding:0 12px!important }
.ingreso p.logueado { font-size:11px; width:180px; padding-top:4px; color:#7d8d72 } .ingreso p.logueado strong { color:#476231 } .ingreso p.logueado a { color:#7d8d72 } .ingreso p.logueado a:hover { color:#70b042 }
.a-pedido, .a-ingreso { width:56px; text-align:right; background:url(images/bg-pedido.gif) no-repeat 62px 0; font-size:11px; color:#7d8d72; margin-top:2px; line-height:16px; cursor:pointer; display:block; padding-right:24px } .a-pedido span { color:#9eac92 }
.a-pedido:hover, .a-ingreso:hover { background:url(images/bg-pedido.gif) no-repeat 62px -18px; color:#70b042 }

.carrito { position:absolute; top:34px; right:4px; width:158px; height:74px; background:url(images/bg-carrito.png) no-repeat; padding-left:60px; z-index:1  }
.carrito p { float:left; width:60px; font-size:12px; padding:22px 8px; color:#476231; text-align:right } .carrito p span { font-size:11px } .carrito p strong { font-size:17px; color:#70b042; line-height:22px; margin-left:-4px }
.carrito p a { font-size:11px; line-height:32px; color:#4D772D; text-align:right } .carrito p a:hover { color:#666 }
.carrito p.registrado { width:90%; line-height:14px }

.login { position:absolute; top:34px; right:104px; width:218px; height:74px; background:url(images/bg-login.png) no-repeat; z-index:1 }
.login label { line-height:17px; font-size:11px; color:#476231 } .login label span { float:left; width:56px; padding:6px 10px 0 16px; text-align:right }
#userLogin, #passLogin { float:left; width:118px; height:13px; font-size:11px; color:#70b042; margin-top:6px; background:#eef4e8; border-top:1px solid #97a58c; border-right:1px solid #b6c2ac; border-bottom:1px solid #b6c2ac; border-left:1px solid #97a58c }
#submitLogin { float:right; padding:2px 14px; text-transform:uppercase; cursor:pointer; font-size:12px; border:0; background:none; color:#70b042 }
#submitLogin:hover { color:#666 }
.busqueda { float:right; width:248px; height:18px; margin-right:24px; background:#eef4e8; border-top:1px solid #97a58c; border-right:1px solid #b6c2ac; border-bottom:1px solid #b6c2ac; border-left:1px solid #97a58c }
#inputBuscar { width:224px; line-height:16px; padding:0 3px; background:#eef4e8; border:0; font-size:11px; color:#70b042 }
#submitBuscar { width:12px; height:16px; background:url(images/bg-submitBuscar.gif) no-repeat 0 0; border:0; text-indent:-9999px; cursor:pointer }
#submitBuscar:hover { background:url(images/bg-submitBuscar.gif) no-repeat 0 -18px }

#nav { width:252px; height:170px }
#nav li a, #nav li strong { display:block; width:252px; height:41px; text-indent:-9999px }
#nav li.nav-institucional a { background:url(images/nav-institucional.gif) no-repeat 0 0 }
#nav li.nav-institucional a:hover { background:url(images/nav-institucional.gif) no-repeat 0 -41px }
#nav li.nav-catalogo { height:88px; background:url(images/nav-catalogo.gif) no-repeat 0 0 }
#nav li.nav-catalogo:hover { background:url(images/nav-catalogo.gif) no-repeat 0 -88px }
#nav li.nav-catalogo ul { height:43px } #nav li.nav-catalogo ul li { height:18px }
#nav li.nav-catalogo ul li a { height:18px; font-size:12px; color:#fff; text-indent:18px }
#nav li.nav-catalogo ul li a:hover { color:#333 }
#nav li.nav-contacto a { background:url(images/nav-contacto.gif) no-repeat 0 0 }
#nav li.nav-contacto a:hover { background:url(images/nav-contacto.gif) no-repeat 0 -41px }

.productos, .categoria, .ficha { width:742px; padding:110px 16px 0 }
.productos h1 { color:#eee; text-transform:uppercase; font-weight:bold; font-size:14px; padding:10px 0 }
.productos ul li { width:185px; margin-bottom:8px; float:left } .productos ul li li { padding-left:8px; margin:0; width:100%; float:none }
.productos ul li a { font-size:12px; font-weight:bold; color:#fff } .productos ul li a:hover { font-size:12px; color:#71bf44 }
.productos ul li li a { font-weight:normal }

.categoria p, .ficha p { color:#fff; font-size:14px; padding:10px 0 } .categoria img, .ficha img { float:left; margin:-6px 12px; border:2px solid #71bf44 }
.categoria p a, .ficha p a { font-size:12px; color:#71bf44 } .categoria p a:hover, .ficha p a:hover { color:#ddd }
.categoria p span, .ficha p span { font-size:12px; color:#999 }
.p_encabezado { line-height:21px; padding-right:30px!important }

#contenido { position:relative; width:994px; margin:0 auto 20px }

.columna { float:left; width:252px }

.img { float:left; width:742px; height:316px; padding-top:10px }

.home { background:url(images/bg-img-home.jpg) no-repeat }
.institucional { background:url(images/bg-img-institucional.jpg) no-repeat }
.contacto { background:url(images/bg-img-contacto.jpg) no-repeat }

.catalogo { background:url(images/bg-img-catalogo.jpg) no-repeat }
.heladeria { background:url(images/bg-img-heladeria.jpg) no-repeat }
.reposteria { background:url(images/bg-img-reposteria.jpg) no-repeat }

.supercategoria { background:url(images/bg-img-home.jpg) no-repeat }
.subcategoria { background:url(images/bg-img-home.jpg) no-repeat }
.producto { background:url(images/bg-img-home.jpg) no-repeat }

.busqresult { background:url(images/bg-img-busqueda.jpg) no-repeat }

.info { float:right; width:742px }

.info h1 { color:#8aac73 }
.info p, .info ul { font-size:14px; color:#476231; line-height:20px; padding:2px 16px 10px }
.info ul li { padding:2px 2px 2px 10px; color:#666 }
.info img { float:left; margin-right:10px }

.ulSubcat { background:#b8dfa1; padding:10px!important; margin:15px 6px 30px; -moz-border-radius:8px; -webkit-border-radius:8px }
.ulSubcat li { width:30%; float:left; font-size:14px; padding-right:3%!important }
.ulSubcat li a { color:#476231; font-weight:bold; border:0!important }

.thumb-producto-ficha { position:relative; width:160px; height:120px; margin:0 20px 10px 0; float:left; padding-left:10px; } .ult { margin-right:0 }

.thumb-producto, .thumb-cat { position:relative; width:360px; /*height:120px;*/ margin:0 20px 10px 0; float:left } .ult { margin-right:0 }
.thumb-producto h2, .thumb-cat  h3 { margin-top:-15px } .thumb-producto h2 a, .thumb-cat h3 a { font-size:14px; font-weight:bold; color:#71bf44 }
.thumb-producto p, .thumb-cat p { font-size:11px; line-height:15px } .thumb-producto img, .thumb-cat img { margin-right:10px; border:2px solid #71bf44 }
.agregar { position:absolute; bottom:6px; left:170px; width:128px; height:40px; display:block; background:url(images/bg-agregar.jpg) no-repeat 0 0; border:0!important; text-indent:-9999px }
.agregar:hover { background:url(images/bg-agregar.jpg) no-repeat 0 -40px; border:0!important }

.navegacion { clear:left; width:714px; height:12px; background:url(images/bg-navegacion.jpg) no-repeat; font-size:12px; margin:16px 0; padding:14px }
.navegacion a, .navegacion a:link { padding:2px 4px; border:0!important; color:#70b042 }
.navegacion a:visited {	color:#7d8d72 } .navegacion a:hover { color:#666 } .navegacion a:active { color:#88d25b }
.navegacion span { padding:2px 4px; color:#bbb }
.navegacion span.paginas { color:#7d8d72 }
.navegacion span.actual { font-weight:bold; color:#70b042 }
.navegacion span.mas { color:#7d8d72 }

.columna p { font-size:12px; color:#666; line-height:16px; padding:7px 16px }
.columna .alt { background:url(images/bg-novedades-alt.gif) no-repeat center }

.info a, .columna p a { color:#71bf44; border-bottom:1px solid #ddd }
.info a:hover, .columna p a:hover { color:#333; border-bottom:1px solid #71bf44 }

#frmobs { width:540px; padding:0 15px }
#frmcontacto fieldset { width:540px; margin:10px 0; padding:0 16px; border:0 }
#frmcontacto legend { font-size:12px; text-transform:uppercase; color:#ccc; margin-bottom:10px; padding-left:12px }
#frmcontacto label, #frmobs label { font-size:12px; text-indent:12px; width:100%; display:block; line-height:16px; color:#666; margin-bottom:2px }
#frmcontacto .error { color:#c66 }
#frmcontacto .flt { width:48%; float:left } #frmcontacto .pr { margin-right:2% }
#frmcontacto input { width:516px; height:18px; background:url(images/bg-input.gif) no-repeat 0 0; border:0; color:#70b042; padding:12px }
#frmcontacto input.pq { width:246px; height:18px; background:url(images/bg-input-pq.gif) no-repeat 0 0; border:0; color:#70b042; padding:12px }
#frmcontacto textarea, #frmobs textarea { width:516px; height:67px; margin-bottom:6px; background:url(images/bg-textarea.gif) no-repeat 0 0; overflow:auto; border:0; color:#70b042; padding:12px; font:12px Arial, Helvetica, sans-serif }
#frmcontacto input:focus { background:url(images/bg-input.gif) no-repeat 0 -41px; color:#fff }
#frmcontacto input.pq:focus { background:url(images/bg-input-pq.gif) no-repeat 0 -41px; color:#fff }
#frmcontacto textarea:focus, #frmobs textarea:focus { background:url(images/bg-textarea.gif) no-repeat 0 -91px; color:#fff }
#frmsubmit, #enviarobs { float:right; padding:6px; text-transform:uppercase; cursor:pointer; font-size:20px; border:0; background:none; margin-bottom:15px; color:#70b042 }
#frmsubmit:hover, #enviarobs:hover { color:#666 }

/* Pedido / Subproductos */
.tblpedido, .tblsubproductos { border:0; width:714px; font-size:12px; margin:15px }
.tblpedido thead th, .tblsubproductos thead th { color:#476231; padding:6px 2px; text-align:center; background:#dae8ce; border-bottom:1px solid #ddd }
.tblpedido tbody td, .tblsubproductos tbody td { color:#666; padding:4px 2px; text-align:center; border-bottom: 1px solid #ddd }
.tblpedido tfoot td, .tblsubproductos tfoot td { color:#476231; padding:6px 2px; background:#dae8ce; font-weight:bold; border-bottom:1px solid #ddd }

.noRegistrado { color:#963; font-size:10px; text-transform:uppercase }

.cantCarrito { font-size:11px; text-align:right; text-transform:uppercase }
.inputCarrito { width:16px; padding:4px; color:#70b042; background:#eef4e8; border:1px solid #97a58c; margin-right:4px }
.submitCarrito { background:#b8dfa1 url(images/bg-agregar.gif) no-repeat center; width:78px; height:28px; padding:2px 4px; border:1px solid #97a58c; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; cursor:pointer }

#pie { position:relative; width:800px; height:55px; background:url(images/bg-pie.jpg) no-repeat; font-size:12px; margin:0 auto 20px; padding:27px 16px 27px 178px; clear:both }
#pie a { color:#111 } #pie a:hover { color:#71bf44; border-bottom:1px solid #ccc } #pie strong { color:#999; font-weight:normal; border-bottom:1px solid #ccc }
#pie p { color:#666; line-height:18px; padding:0 6px; clear:left } #pie .copy { color:#999 }
#pie a.aureus { position:absolute; top:39px; right:75px; background:url(images/i-aureus.gif) no-repeat 0 0; text-indent:-9999px; display:block; width:100px; height:28px; border:0 }
#pie a.aureus:hover { background:url(images/i-aureus.gif) no-repeat 0 -28px; border:0 }
#pie a.neurosys { position:absolute; top:33px; right:24px; background:url(images/i-neurosys.gif) no-repeat 0 0; text-indent:-9999px; display:block; width:40px; height:40px; border:0 }
#pie a.neurosys:hover { background:url(images/i-neurosys.gif) no-repeat 0 -40px; border:0 }


/* Panel de Control */

.pAdmin { color:#999; padding:0 15px }

#navAdmin { clear:left; width:962px; height:19px; background:url(images/bg-navAdmin.jpg) no-repeat; font-size:18px; margin:16px 0; padding:25px 16px }
#navAdmin a { padding:2px 4px; margin:2px; color:#70b042 } #navAdmin a.salir { color:#7d8d72 }
#navAdmin a:hover { color:#666!important } #navAdmin a:active { color:#88d25b }                                                                                                                 
#navAdmin span, .tablaAdmin span { color:#bbb }

.tablaAdmin { border:0; width:100%; font-size:14px; margin:15px }
.tablaAdmin thead th { color:#476231; padding:6px 2px; text-align:center; background:#dae8ce; border-bottom:1px solid #ddd }
.tablaAdmin tbody td { color:#666; height:22px; padding:4px 2px; text-align:center; border-bottom: 1px solid #ddd }
.tablaAdmin tbody td.deshabilitado { color:#c00!important }
.tablaAdmin tfoot td { color:#476231; padding:6px 2px; text-align:center; background:#dae8ce; font-weight:bold; border-bottom:1px solid #ddd }
.tablaAdmin a { color:#70b042 } .tablaAdmin a:hover { color:#666 }
.tablaAdmin input.txtcambioprecio { width:40px; padding:4px; color:#70b042; margin-top:2px; background:#eef4e8; border:1px solid #97a58c }                                                                                                                 

.panelAdmin { padding:10px 15px }                                                                                                                 
.panelAdmin label { width:100%; padding:5px 0; color:#666 }                                                                                                                 
.panelAdmin input { width:500px; padding:4px; color:#70b042; margin-top:2px; background:#eef4e8; border:1px solid #97a58c }                                                                                                                 
.panelAdmin select { width:510px; padding:4px; color:#70b042; margin-top:2px; background:#eef4e8; border:1px solid #97a58c }                                                                                                                 
.panelAdmin textarea { width:500px; height:120px; padding:4px; color:#70b042; margin-top:2px; background:#eef4e8; border:1px solid #97a58c }                                                                                                                 
.panelAdmin #boton { width:120px; padding:4px 8px; font:18px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#70b042; cursor:pointer; border:0 }                                                                                                                 
.panelAdmin #boton:hover { color:#000 }

a.nuevoProducto { width:200px; display:block; margin:0 15px; padding:4px 8px; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#70b042; cursor:pointer; border:0 }                                                                                                                 
a.nuevoProducto:hover { color:#000 }