body
{
 background-image: url(/IMG/body-background.gif);
 margin: 0;
 padding: 2px;
 font-family: verdana, tahoma, arial, helvetica, sans-serif;
 font-size: 11px;
 color: #333;
} 
img
{
 border: 0;
}
a
{
 text-decoration: none;
}
a:hover
{
 text-decoration: underline;
}
h1
{
 margin: 0;
 padding: 0;
 font-family: arial, helvetica, sans-serif;
 font-size: 3em;
 letter-spacing: 1px;
}
.right
{
 float: right;
}
#footer h2
{
 position: absolute;
 top: 70px;
 margin: 0;
 padding: 0;
}
#footer h2 a
{
 position: relative;
 text-decoration: none;
 background-position: top right;
 background-repeat: no-repeat;
 display: block;
 height: 35px;
}
#footer h2 a span
{
 visibility: hidden;
}
#footer h2.contactenos
{
 right: 40px;
}
#footer h2.contactenos a
{
 background-image: url(/IMG/contactenos.png);
 width: 85px;
}
#footer h2.info
{
 right: 125px;
}
#footer h2.info a
{
 background-image: url(/IMG/info.png);
 width: 46px;
}
#footer h2.buscar
{
 right: 171px;
}
#footer h2.buscar a
{
 background-image: url(/IMG/buscar.png);
 width: 61px;
}
#footer h2.home
{
 right: 232px;
}
#footer h2.home a
{
 background-image: url(/IMG/home.png);
 width: 124px;
}
#footer h2.home a:hover, #footer h2.buscar a:hover, #footer h2.info a:hover, #footer h2.contactenos a:hover
{
 background-position: bottom right;
}
/*_Menu_______________________________________________________________________*/
#menu 
{ /* all lists */
 position: absolute;
 top:  30px;
 right: 19px;
 height: 25px;
 vertical-align:  top;
 padding: 0 100px 0 0;
 margin: 0;
 background-image: url(/IMG/menu-background.png);
 background-repeat: no-repeat;
 background-position: right bottom;
 text-align: right;
}
/*_ESTRUCTURA_________________________________________________________________*/
#contents
{
 border: 1px solid #eee;
 
 margin: 0 auto 0 auto;
 background-color: #ccc;
 width: 99%;
 position: relative;
}
 #encuadre
 {
  width: 98%;
  margin: 5px auto 5px auto;
  position: relative;
 }
  /*_Header y Footer__________________________________________________________*/
  #header, #footer
  {
   background-image: url(/IMG/header_right-background.png);
   background-position: top right;
   background-repeat: no-repeat;   
   text-align: left;
   background-color: #fff;
   position: relative;
  }
  #footer
  {
   background-position: right bottom;
   background-image: url(/IMG/footer_right-background.png);
  }
  #header .left_window, #footer .left_window
  {
   margin: 0 auto 0 auto;
   background-image: url(/IMG/header_left-background.png);
   background-repeat: no-repeat;
   background-position: top left;
  }
  #header .left_window ul
  {
    display: none;
    visibility: hidden;
  }
  #footer .left_window
  {
   background-image: url(/IMG/footer_left-background.png);
   background-position: left bottom;
  }
  #header-main, #footer-main
  {
   margin: 0 20px 0 20px;
   padding: 10px 0 5px 0;
   background-image: url(/IMG/header-background.png);
   background-repeat: repeat-x;
   background-position: top;
   text-align: left;
   border-bottom: 1px solid #889BBF;
  }
  #footer-main
  {
   text-align: right;
   padding-bottom: 15px;
   background-image: url(/IMG/footer-background.png);
   background-position: bottom;
   border-bottom: 0;
  }
  /*_over - Header y Footer___________________________________________________*/  
  #main
  {
   border: 0px solid pink;
   
   padding: 1px;
   background-color: #fff;
   border-left: 1px solid #666;
   background-image: url(/IMG/main-background.png);
   background-repeat: repeat-y;
   background-position: right;
   text-align: left;
   position: relative;
  }
  #main-left
  {
   border: 0px solid violet;
   
   background-color: #f8f8f8;
   position:absolute;
   width: 150px;
   top: 20px;
   left: 20px;
   padding: 0px;
   margin: 0px;   
   z-index: 4;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 150px;
  }
  #main-center
  {
	border: 0px solid orange;
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width: 380px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	visibility: visible;
	padding-top: 29px;
	padding-right: 169px;
	padding-bottom: 5px;
	padding-left: 177px;
	margin: 1px;
  }
  #main-right
  {
   border: 0px solid gray;
   
   background-color: #f8f8f8;
   position:absolute;
   width: 150px;
   margin: 0px;
   top: 20px;
   right: 20px;
   padding: 0px;
   z-index: 4;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 150px;
  }
  
/**/
.flank-header
{
 background-image: url(/IMG/flank_header-background.png);
 background-repeat: no-repeat;
 background-position: center top;
 position: relative;
 height: 8px;
 font-size: 7px;
 madgin: 0;
 padding: 0;
}  
.flank-content
{
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 1px;
 margin: 0;
}
.flank-content h2, .flank-content .flank-item
{
 padding: 0;
 margin: 0;
 background-image: url(/IMG/home/h2-banners-background.png);
 background-repeat: repeat-x;
 background-position: bottom;
 padding-bottom: 8px;
 font-size: 1.1em;
 text-align: center;
 color: #666;
}
.flank-content .flank-item h2
{
 background-image: none;
 padding-bottom: 4px;
}
.flank-content .flank-item p
{
 margin: 0;
 padding: 0;
}
.flank-content .flank-item label
{
 float: left;
 font-size: .8em;
 padding: 0 0 1px 12px;
}
.flank-content .flank-item hr
{
 border: 1px solid #f8f8f8;
}
/*_Forms______________________________________________________________________*/
form
{
 margin: 0;
 padding: 0;
}
input
{
 border: 1px solid #ccc;
 font-size: 1em;
 background-color: #fff;
 color: #999;
 margin-bottom: 2px;
}
/*_Home_______________________________________________________________________*/
#main-center .novedades, #main-center .recomendados, #main-center .ofertas
{
 background-position: top right;
 background-repeat: no-repeat;
 padding: 26px 0 0 0;
 margin: 0 0 20px 0;
}
#main-center .novedades
{
 background-image: url(/IMG/home/novedades.gif);
}
#main-center .recomendados
{
 background-image: url(/IMG/home/recomendados.gif);
}
#main-center .ofertas
{
 background-image: url(/IMG/home/ofertas.gif);
}
#main-center .item
{
 border: 1px solid #ccc;
 width: 99%;
 padding: 0px;
 margin: 0;
 position: relative;
 background-color: #f8f8f8;
}
#main-center .item br
{
 clear: both;
}
#main-center .item .imagen
{
 background-color: #fff;
 margin: 2px;
 width: 111px;
 float: left;
 overflow: hidden;
 text-align: center;
}
#main-center .item h3
{
 margin: 0;
 padding: 0px;
 color: #f60;
 font-size: .9em;
 font-weight: normal;
 display: inline;
}
#main-center .item h4
{
 margin: 0;
 padding: 0px;
 font-size: .9em;
 color: #336699;
 font-weight: normal;
 display: inline;
 margin-left: 4px;
}
#main-center .item p
{
 margin: 4px 0 0 0;
 color: #8C8C8C;
 font-size: .9em;
}
#main-center .item h3 a, #main-center .item h4 a
{
 text-decoration: none;
 color: #000000;
}
#main-center .item h4 a, #main-center .item p a
{
 color: #336699;
}
#main-center .item h3 a:hover, #main-center .item h4 a:hover
{
 text-decoration: underline;
}
.extra
{
 color: red;
}
.hidden
{
 display: none;
 visibility: hidden;    
}