/* CSS Document */
body
{
    background: #f1f1f1;
    color: #666;
}

a
{
    color: #666;
    text-decoration: underline;
    font-weight: bold;
}

a:hover
{
    background: #FF9A66; /*naranjito*/
    color: #f1f1f1;
    text-decoration: none;
}

a img{border: none}
a.enlace-imagen, a.enlace-imagen:hover{background: transparent;}

.separador {clear: both;margin:0;visibility: hidden;}

/**************/
/* ESTRUCTURA */
/**************/
#div-contenedor
{
    width: 1100px;
    margin: 0 auto;
}

#div-izquierda
{
    width: 250px;
    float: left;
    text-align: center;
    color: black;
}

#enlaces-destacados {margin-top: 20px}

#enlaces-destacados a.enlace-imagen{display: block; margin-bottom: 20px}

#div-derecha
{
    width: 850px;
    float: left;
}

/**************/
 /* FUENTES */
/**************/
#div-izquierda h1, h2
{
    font-family: Garamond, serif;
}

#div-izquierda h1 {font-size: 25px}
#div-izquierda h2 {font-size: 15px}

#div-contenido
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    padding: 10px 0;
}

.texto .foto_articulo {margin: 0 0 5px 5px}
.texto .main {float: right; margin-top: -30px}

.texto-aviso
{
    padding: 4px;
    border: 3px solid #FF9A66; /*naranjito*/
    background: #d9d9d9;
}

.titulo-articulo
{
    display: block;
    margin: 15px 0 8px 0;
    padding-top: 5px;
    font-weight: bolder;
    font-size: 0.9em;
    border-top: 1px solid #999;
}

a.titulo-articulo {text-decoration: none}
a.titulo-articulo:hover {color: #666; text-decoration: underline; background: transparent}

/**************/
  /* MENUS */
/**************/
#menu-principal
{
    list-style-type: none;
    margin: 30px 0 3px 0;
    width: 850px;
    /*border-bottom: 1px solid #999;*/
}

#separador-menu
{
    width: 100%;
    height: 20px;
    padding: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

#menu-principal li
{
    font-family: 'Lucida Console', Monaco, monospace;
    display: inline;
    text-transform: uppercase;
    margin: 0 7px 4px; 
}

#menu-principal li.current a
{
    border-top: 4px solid #FF9A66;
}

#menu-principal li a
{
    border-top: 4px solid transparent;
    padding: 4px;
    color: black;
    text-decoration: none;
    font-weight: normal;
}

#menu-principal li a:hover
{
    background: #FF9A66;
    color: #f1f1f1;
    text-decoration: none;
}

/**************/
/* PRODUCTOS */
/**************/
.preview-producto {width: 45%; float: left; margin: 10px 40px 35px 0;}
.preview-producto img.fotoIndex {display: block; margin: 0 auto}

#portafolio .preview-producto {text-align: center}
#portafolio .pie-foto {display:block; text-align: center; margin-top: 10px; font-weight: bold;}