html,body,form
{
    margin:  0px;
    padding: 0px;
    height: 100%;
}
html
{
    font-size:125%;
}
body 
{ 
    background-color:#e9dbc8;
    background-image:url(../images/patron-fondo.jpg);
    background-position:top left;
    background-repeat:repeat-x;
    font-size:0.5em;/* Se pone para ajustar la proporcion de px y em*/
}
#pagina
{   
    width:92.4em;
    margin:0 auto;/*Para central la pagina horizontalmente*/
}
#contenido
{
    width:92.4em;
    float:left;
    margin-top:1.3em;
}
#login-usuario
{   
    width:92.4em;
    float:right;
    margin-bottom:1em;
}
#usuariologueado
{
    float:right;
}
#linea-conectado
{
    float:left;
}
#linea-sep
{   
    width:0.1em;
    height:1.2em;
    float:left;
    border-right:0.1em solid #663300;
    padding-right:0.4em;
    margin-right:0.4em;
    margin-top:0.3em;
}
#linea-desconectar
{
    float:left;
    margin-top:0.1em;
}
#bloque-izq-master
{
    width:23.7em;
    float:left;
}
#bloque-izq-master p
{
    width:23.7em;
    float:left;
    margin-bottom:2.4em;
    margin-top:1.7em;
}
.txt-marron-negrita24
{
    font-family:Arial;
    font-size:2.4em;
    font-weight:bold;
    color:#663300;
}
.txt-marron-negrita14Georgia
{
    font-family:Georgia;
    font-size:1.4em;
    font-weight:bold;
    color:#663300;
}
.txt-marron-negrita14
{
    font-family:Arial;
    font-size:1.4em;
    font-weight:bold;
    color:#663300;
}
.txt-marron-negrita15
{
    font-family:Georgia;
    font-size:1.5em;
    font-weight:bold;
    color:#663300;
}
.txt-marron-negrita16
{
    font-family:Arial;
    font-size:1.6em;
    font-weight:bold;
    color:#663300;
}
.txt-marron-negrita18
{
    font-family:Arial;
    font-size:1.8em;
    font-weight:bold;
    color:#663300;
}
#tituloNuestrasBarricas
{
    width:19.1em;
    float:left;
    background-image:url(../images/cuadrado.png);
    background-position:left bottom;
    background-repeat:repeat-x;
    padding-bottom:1.3em;
}
#bloque-izq-master ul
{
    width:19.1em;
    float:left;
    margin-bottom:1em;
}
#bloque-izq-master li
{
    width:19.1em;
    float:left;
    background-image:url(../images/cuadrado.png);
    background-position:left bottom;
    background-repeat:repeat-x;
    padding-bottom:1.1em;
    padding-top:1.1em;
}
#bloque-izq-master li a
{
    text-decoration:none;
}
.txt-marron12
{
    font-family:Arial;
    font-size:1.2em;
    color:#663300;
}
.txt-marron14
{
    font-family:Arial;
    font-size:1.4em;
    color:#663300;
}
.txt-marron18
{
    font-family:Arial;
    font-size:1.8em;
    color:#663300;
}
#bloque-dcha-master
{
    width:64em;
    float:left;
    margin-left:4.7em;
    margin-top:1em;
}
#bloque-dcha-master a
{
    text-decoration:none;
}
#cabecera
{
    float:right;
    margin-bottom:2.2em;
}
#carrito-compra
{
    width:19.6em;
    height:2.4em;
    float:left;
    background-image:url(../images/base.gif);
    margin-top:0.4em;
}
#carrito-compra img
{
    float:left;
    margin-left:0.4em;
    margin-right:0.5em;
}
#carrito-compra span
{
    float:left;
    margin-top:0.5em;
}
.txt-marron-negrita11
{
    font-family:Arial;
    font-size:1.1em;
    font-weight:bold;
    color:#663300;
}
#cabecera ul
{
    float:left;
}
#cabecera li
{
    float:left;
    display:inline;
    margin-left:1em;
}
#contenido-barricas
{
    width:64em;
    float:left;
}
#pie
{
    width:92.4em;
    float:left;
    margin-top:2.5em;
    padding-top:1.3em;
    background-image:url(../images/cuadrado.png);
    background-position:left top;
    background-repeat:repeat-x;
    padding-bottom:2em;
}
#atencion-clientes
{
    float:left;
    background-image:url(../images/atencion-cliente.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #663300;
    float: left;
    font-size: 1.2em;
    height: 1.9em;
    padding-left: 2em;
    padding-top: 0.5em;
    position: relative;
    font-family: Arial;
}

#atencion-clientes strong {
    color: #663300;
    font-size: 1.4em;
}
#pie a
{
    text-decoration:none;
}
#pie ul
{
    float:left;
    margin-left:1.5em;
    margin-top:0.8em;
}
#pie li
{
    float:left;
    display:inline;
    /*padding-right:1.3em;
    margin-right:1.3em;*/
    padding-right:0.7em;
    margin-right:0.7em;
}
.borde-izq
{
    border-right:0.1em solid #663300;
}
#eclickse
{
    float:right;
    margin-top:1em;
}
.txt-diseno
{
    font-family:Arial;
    font-size:1.1em;
    color:#996600;
}

/*--------- css correspondiente al listado de categorias  -----------*/
#categorias
{
    width:63.8em;
    float:left;
}
.categoria
{
    width:14.6em;
    float:left;
    margin-right:1.8em;
    margin-bottom:2.3em;
}
.categoria a
{
    text-decoration:none;
}
.categoria-sin
{
    width:14.6em;
    float:left;
    margin-bottom:2.3em;
}
.categoria-sin a
{
    text-decoration:none;
}
.nuevo
{
    width:5.5em;
    height:5.5em;
    float:left;
    background-image:url(../images/nuevo.png);
    position:absolute;
    z-index:2;
    margin-top:-1em;
    margin-left:-1em;
}
.imagen-categoria
{
    width:14.6em;
    height:18em;
    float:left;
    background-image:url(../images/fondo-blanco.png);
    margin-bottom:1.3em;
    position:relative;
    z-index:1;
}
#outer {height: 18em; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align: center;} 
#inner {width: 14.6em; margin-left: auto; margin-right: auto;}

.nombre-precio-categoria
{
    width:14.6em;
    height:8.5em;
    float:left;
    text-align:center;
}
.txt-error
{
    font-family: Arial;
    font-size: 1.2em;
    color:#b62811;
    font-weight:bold;
}
.oculto
{
    display:none;
}
.txt-marron8
{
    font-family:Arial;
    font-size:0.8em;
    color:#663300;
    font-weight: bold;
}
.txt-marron10 span
{
    font-weight: normal;
}
.parrafo-camara
{
    background-image:url(../images/barricas-reciclaje.gif);
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
    min-height:2.9em;
    padding-left:3.6em;
    margin-bottom:0em;
    padding-top:0.5em;
    cursor:pointer;
}
.txt-fotos
{
    font-family:Arial;
    font-size:1em;
    color:#663300;
}
#sub_anexo-fotos
{
    width:19.1em;
    float:left;
    padding-top:3em;
    background-image:url(../images/barrikas-anexo.png);
    background-position:top left;
    background-repeat:no-repeat;
    cursor:pointer;
}
.texto-anexo-fotos
{
    width:15.1em;
    float:left;
    background-color:#996633;
    padding-left:1.5em;
    padding-right:1.5em;
    padding-top:0.5em;
    padding-bottom:1.7em;
    text-align:justify;
}
.txt-anexo-fotos
{
    font-family:Arial;
    font-size:1.1em;
    color:#ffffff;
}