h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
}

#contenedor {
    margin:20px auto;
    width:780px;
    height:auto;
    text-align:left;
}

#encabezado h1 {
    margin:0;
    padding:0;
}

#encabezado h1 a {
    width:779px;
    height:248px;
    display:block;
    margin:0;
    padding:0;
    clear:both;
    text-indent:-99999px;
    background-image:url(../img/header.jpg);
    background-repeat:no-repeat;
}

#lateral {
    position: relative;
    width:155px;
    height:auto;
    padding:0;
    margin:0;
    float:left;
}

#cuerpo {
    position:relative;
    margin:0;
    padding: 10px;
    background-image:url(../img/fnd_pag.jpg);
    background-repeat:repeat-y;
}

#principal {
    float:right;
    width:575px;
    height:auto;
    padding:0;
    margin:0;
}

#pie {
    width:779px;
    height:28px;
    display:block;
    clear:both;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    color: #CCCCCC;
    margin:0;
    padding: 5px 0 0 0;
    background-image:url(../img/pie.jpg);
    background-repeat:no-repeat;
}

#pie a, #pie a:visited {
    color:#363636;
    text-decoration:none;
}

#pie a:hover {
    color:#CCCCCC;
}

/*--- CLASES ---*/
.resaltado {
    padding: 10px;
    display: block;
    background-color: #E2DCBC;
    border: 1px solid #D8CB9F;
}

div.especial  {
    width:540px;
    height:120px;
    float:left;
    margin: 0 0 30px 0;
	display: block;
	background: url(../img/especiales/fiestas.jpg) no-repeat;
}

.especial h2, .especial p {
    margin: 0;
    padding:0;
    text-indent:-99999px;
    border: none;
}

p.importante {
    margin:20px 0 20px 0;
    padding:10px;
    clear:both;
    border:1px solid #FF5E28;
    background-color:#FFDBCF;
}

.nota {
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    font-style: italic;
}

.flotar_derecha {
    float: right;
}

tr.dark_cell td {
    background-color: #FFD9CC;
    padding: 5px;
}

tr.dark_cell td.space_cell {
    background-color: #FFFFFF;
}

td.space_cell {
    background-color: #FFD9CC;
}

ul.importante {
    list-style-image:url(../img/importante.jpg);
}

ul.list_circle {
    list-style:circle;
}

a.boton_gris, a.boton_gris:visited {
    width: 120px;
    height: 25px;
    display: inline-block;
    color: #313131;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    background: url("../img/btn_grey.jpg") 0 0 no-repeat;
    margin: 5px;
}

a.boton_gris:hover, a.boton_gris:active {
    color: #000000;
    background: url("../img/btn_grey.jpg") 0 -25px no-repeat;
}

a.boton_cerrar, a.boton_cerrar:visited {
    width: 100px;
    height: 25px;
    display: block;
    color: #313131;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    background: url("../img/btn_cerrar.jpg") 0 0 no-repeat;
}

a.boton_cerrar:hover, a.boton_cerrar:active {
    color: #FF0000;
}

.guia p a {
    width:155px;
    height:179px;
    margin:0 0 40px 0;
    padding:0;
    display:block;
    text-indent:-99999px;
    clear:both;
    background-image:url(../img/pasos.jpg);
    background-repeat:no-repeat;
    position: relative;
    z-index: 1;
}

.tipos_pago h2 {
    width:155px;
    height:33px;
    display:block;
    margin:0 0 10px 0;
    padding:0;
    text-indent:-99999px;
    background-image:url(../img/btn_form.jpg);
    background-repeat:no-repeat;
    border: none;
}

.tipos_pago p a {
    width:155px;
    height:170px;
    display:block;
    margin:0 0 20px 0;
    padding:0;
    text-indent:-99999px;
    background-image:url(../img/form_pag.jpg);
    background-repeat:no-repeat;
}

a.link_neutro, a.link_neutro:visited, a.link_neutro:active {
    font-size:14px;
    text-decoration:none;
    color:#000000;
    margin-right:10px;
}

a.link_naranja, a.link_naranja:visited, a.link_naranja:active, a.link_neutro:hover {
    text-decoration:none;
    color:#FE5D27;
}

a.link_facebook_lateral {
    width:auto;
    height:30px;
    display:block;
    background-image:url("../img/logoFacebook.jpg");
    background-position:left;
    background-repeat:no-repeat;
    padding:10px 0 0 40px;
    margin:40px 10px 20px 10px;
    text-decoration:none;
    clear:both;
    font-size:12px;
    position: relative;
    z-index: 1;
}

a.link_redes {
    width:auto;
    height:30px;
    display:block;
    padding:0 0 0 35px;
    margin:20px 5px 20px 30px;
    text-decoration:none;
    color:#000000;
    float:left;
}

a.link_redes:hover {
    text-decoration:underline;
    color:blue;
}

a.link_facebook {
    background-image:url("../img/logoFacebook.jpg");
    background-position:left;
    background-repeat:no-repeat;
}

a.link_msn {
    background-image:url("../img/logoMsn.jpg");
    background-position:left;
    background-repeat:no-repeat;
}

a.link_skype {
    background-image:url("../img/logoSkype.jpg");
    background-position:left;
    background-repeat:no-repeat;
}

/*--- MENU PRINCIPAL ---*/
#menu_principal {
    margin:0;
    padding:0;
    display:inline;
}

#menu_principal a, #menu_principal a:visited {
    height:53px;
    display:block;
    text-indent:-99999px;
    float:left;
    background-image:url(../img/bg_menu.jpg);
    background-repeat: no-repeat;
}

a.nav_inicio, a.nav_inicio:visited {
    width:91px;
    background-position: 0 0;
}

a.nav_inicio:hover, a.nav_inicio:active, a.nav_inicio.activo {
    background-position: 0 -55px;
}

a.nav_nosotros, a.nav_nosotros:visited {
    width:108px;
    background-position: -91px 0;
}

a.nav_nosotros:hover, a.nav_nosotros:active, a.nav_nosotros.activo {
    background-position: -91px -55px;
}

a.nav_carrito, a.nav_carrito:visited {
    width:152px;
    background-position: -199px 0;
}

a.nav_carrito:hover, a.nav_carrito:active, a.nav_carrito.activo {
    background-position: -199px -55px;
}

a.nav_costos_envio, a.nav_costos_envio:visited {
    width:153px;
    background-position: -351px 0;
}

a.nav_costos_envio:hover, a.nav_costos_envio:active, a.nav_costos_envio.activo {
    background-position: -351px -55px;
}

a.nav_formas_pago, a.nav_formas_pago:visited {
    width:148px;
    background-position: -504px 0;
}

a.nav_formas_pago:hover, a.nav_formas_pago:active, a.nav_formas_pago.activo {
    background-position: -504px -55px;
}

a.nav_contacto, a.nav_contacto:visited {
    width:127px;
    background-position: -652px 0;
}

a.nav_contacto:hover, a.nav_contacto:active, a.nav_contacto.activo {
    background-position: -652px -55px;
}

/*--- MENU CATEGORIAS ---*/
#nav_categorias {
    position: relative;
    margin:0 0 10px 0;
    padding:0;
    z-index: 1000;
}

#nav_categorias h3 {
    width:155px;
    height:33px;
    display:block;
    margin:10px 0 30px 0;
    padding:0;
    text-indent:-99999px;
    background-image:url(../img/btn_cat.jpg);
    background-repeat:no-repeat;
    border: none;
}

#nav_categorias div.padre {
    width: 125px;
    height: 30px;
    display: block;
    position: relative;
    background: url(../img/btn_sub.jpg) 0 -10px no-repeat;
    padding: 0 0 0 20px;
}

#nav_categorias div.hover {
    color:#998675;
    background: url(../img/btn_subact.jpg) 0 -10px no-repeat;
    z-index: 500;
    border-bottom: 1px solid #998675;
}

#nav_categorias div div {
    width: 125px;
    height: 30px;
    position:absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0 0 0 100px;
    display: none;
    z-index: 1000;
}

#nav_categorias div div a, #nav_categorias div div a:visited  {
    display:block;
    /*margin: 1px;*/
    padding: 5px 10px 5px 10px;
    background-color: #DDD4CC;
    color: #484848;
    text-decoration: none;
    border: 1px solid #998675;
}

#nav_categorias div div a:hover, #nav_categorias div div a:active  {
    background-color: #998675;
    color: #FFFFFF;
    text-decoration: underline;
}

/*--- TIPOGRAFIA ---*/
h2 {
    font-family: "Palatino Linotype", "Georgia", "Times New Roman", Times, serif;
    font-size: 28px;
    font-style: italic;
    font-weight: lighter;
    border-bottom: 1px solid #FE5D27;
    margin: 10px 0 20px 0;
}

h3 {
    font-family: "Palatino Linotype", "Georgia", "Times New Roman", Times, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: lighter;
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0 20px 0;
}

h4 {
    font-size: 18px;
    font-weight: bold;
    color: #484848;
}

p {
    margin: 10px;
}

/*--- DESTACADOS ---*/
.destacado {
    width: 166px;
    height: 166px;
    display: inline-block;
    overflow: hidden;
    margin: 20px 9px 20px 10px;
    float: left;
}

.destacado img {
    margin:2px 0 0 2px;
    z-index: 1;
    border: none;
}

.destacado .sobrecontenido {
    position: absolute;
    width: 166px;
    height: 166px;
    display: inline-block;
    background-image: url("../img/destacado.png");
    background-repeat: no-repeat;
    background-position: left top;
    float:left;
    z-index: 3;
}

.destacado .sobrecontenido p, .destacado .sobrecontenido p a {
    margin: 140px 0 0 0;
    text-align: center;
    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color:#FFFFFF;
    text-decoration: none;
}

.destacado .sobrecontenido p a:hover {
    color: #FEE2B2;
    text-decoration: underline;
}

/*--- DETALLE DE PRODUCTO ---*/
.detalle_producto a {
    border: 1px solid #CCCCCC;
    margin: 0 20px 20px 0;
    padding: 5px;
    float: left;
}

.detalle_producto a img {
    border: 1px solid #CCCCCC;
}

.detalle_producto span.categoria {
    font-size:12px;
    color:#999999;
    margin:10px;
    padding:0;
    display: block;
}

.detalle_producto p {
    margin: 0 0 20px 0;
    clear: both;
}

.detalle_producto p.info {
    font-size: 11px;
    clear:both;
}

.detalle_producto .precio span {
    float: left;
    margin: 0 20px 0 0;
}

/*--- PRODUCTO EN LISTADO ---*/
.producto {
    width:100%;
    height:200px;
    margin:20px 0 50px 0;
    padding: 0;
    border-bottom: 1px solid #C8BC82;
    display: block;
	clear: left;
}

.producto a img {
    width:150px;
    height: 150px;
    overflow: hidden;
    display: block;
    margin:0 20px 0 0;
    padding: 5px;
    border:1px solid #CCCCCC;
    float:left;
    background-color: #FFFFFF;
}

.producto h4, .detalle_producto h4 {
    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    text-transform: uppercase;
    margin:0;
    padding:0;
}

.producto p {
    font-size: 14px;
    margin:10px 0 5px 0;
    width:auto;
    height:70px;
    display:block;
    overflow: hidden;
}

.producto a.detalles {
    width: 96px;
    height: 25px;
    display: block;
    text-indent: -99999px;
    margin: 0 0 0 170px;
    background:url(../img/btn_det.jpg) no-repeat;
}

.producto div.precio, .detalle_producto div.precio {
    font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    /*color:#A82F0F;*/
    color: #2C4F41;
    display:block;
    margin:0 0 10px 0;
    padding:0;
}

.producto div.precio span {
    display: block;
}

.producto div.precio form, .detalle_producto div.precio form {
    margin: 0 0 0 10px;
}


/*--- ESTADO CARRITO DE COMPRAS ---*/
#estado {
    width: 100%;
    height: 30px;
    float: none;
    margin:10px 10px 50px 0;
    display: block;
    border: 1px solid #DEDEDE;
    background-color: #E9E9E9;
}

#estado span {
    width:auto;
    height:20px;
    padding: 5px 40px 5px 35px;
    margin:0;
    display: block;
    float:left;
    color: #999999;
}

#estado span.activo {
    /*color: #FE5D27;*/
    background-position: right;
    background-repeat: no-repeat;
    /*color:#313131;*/
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #313131;
}

/*--- CARRITO DE COMPRAS ---*/
.carrito {
    margin:50px 0 0 0;
}

.carrito div {
    width:100%;
    height: 20px;
    margin: 10px 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #999999;
}

div.referencia span {
    font-weight: bolder;
}

.carrito input {
    text-align: center;
    margin:2px 20px 0 25px;
    padding:0;
    float: left;
    clear: both;
}

.carrito label {
    margin: 0;
    padding:0;
    display: block;
}

.carrito span.nombre {
    width: 280px;
    display: inline-block;
    margin-left: 20px;
}

.carrito span.cantidad {
    width: 40px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

.carrito span.precio {
    width: 90px;
    display: inline-block;
    margin-left: 10px;
    text-align: right;
}

.carrito span.total{
    width: 100px;
    display: inline-block;
    margin-left: 10px;
    text-align: right;
}

.carrito input.enviar {
    float:left;
    margin:0;
}

.carrito em {
    color:red;
    margin-left:10px;
    font-size: 12px;
}


div.total {
    float: right;
    margin: 0 20px 0 0;
    padding-top: 10px;
    font-variant: small-caps;
    font-size: 14px;
    font-weight: bolder;
    border-bottom: 1px solid #999999;
    clear:both;
}

div.carrito_boton {
    margin: 20px 20px 0 0;
    float:right;
    clear: both;
}

.carrito_boton a {
    float: left;
    margin:10px;
}

/*------------- MENSAJES -----------------*/
.mensaje_ok {
    font-size: 18px;
    padding: 15px 0 15px 60px;
    margin:10px 0 10px 0;
    display:block;
    color:#0050CF;
    background: url("../img/confirmacion.jpg") 10px #FFFFFF no-repeat;
    border: 1px solid #597E5C;
}

.mensaje_error {
    font-size: 18px;
    padding: 15px 0 15px 60px;
    margin:10px 0 10px 0;
    display:block;
    color:#7F220F;
    background: url("../img/alerta.jpg") 10px #FFFFFF no-repeat;
    border:1px solid #FA0912;
}

/*--- TITULOS ---*/
.titulo {
    width:379px;
    height:40px;
    display:block;
    margin:30px 0 30px 0;
    padding:0;
    text-indent:-99999px;
    border: none;
}

.t_nuestra_empresa {
    background: url("../img/t_nuestra_empresa.jpg") no-repeat;
}

.t_productos_destacados {
    background: url("../img/t_prod_destacados.jpg") no-repeat;
}

.t_como_comprar {
    background: url("../img/t_como_comprar.jpg") no-repeat;
}

.t_costos_envio {
    background: url("../img/t_costos_envio.jpg") no-repeat;
}

.t_formas_pago {
    background: url("../img/t_formas_pago.jpg") no-repeat;
}

.t_contacto {
    background: url("../img/t_contacto.jpg") no-repeat;
}

/*--- CLEARFIX---*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

.clearfix {
    display:block;
}

* html .clearfix {
    height:1px;
}

/*--- FOCUS---*/
a:active, a:focus{
    outline:none;
}

a:active, a:focus{
    outline:hidden;
}