* {
 padding: 0;
 margin: 0;
}
/*
body {
 font-family: Arial, Helvetica, sans-serif; 
 color: #666666;
 font-size: 12px;
 background-color: #FFFFFF;
}
*/
#wrapper {
 width: 800px;
 margin: 0 auto;
 /*border: 1px solid yellow; */
}

#navbar_separador_superior {
 /* border: 1px solid black; */
 overflow: hidden;
 margin: 0px;
 padding: 0px;
 min-height: 6px;
 max-height: 6px;
 height: 6px;
 /* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/ 
 /* background-color: #5292CC; */
}

#navbar {
 /* border: 1px solid black; */
 margin: 0px;
 padding: 0px;
 height: 42px;
 /* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
 /* background-color: #5292CC; */
 background-image: url(imagenes/menu.png);
 background-repeat: no-repeat;
}

#header {
 /* border: 1px solid black; */
 margin: 0px;
 padding: 0px;
 height: 196px;
 /* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */
 /* background-color: #C9C9BE;  */
 background-image: url(imagenes/cabecera.png);
 background-repeat: no-repeat;
}

#leftcolumn { /* Parent Wrapper for inside boxes */
 /* border: 1px solid green; */
 margin: 0px;
 display: inline; /* IE Hack */
 width: 180px; /* 192 real */
 float: left;
 height: 590px;
 padding: 5px;
/*
 background-image: url(imagenes/cuadro-menu.png);
 background-repeat: no-repeat;
 filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
*/
}
* html #leftcolumn {height:590px} /* IE Min-Height Hack */ 

#cuerpo { /* Parent Wrapper for inside boxes */
 border: 1px solid white;
 margin: 0px;
 padding: 5px;
 display: inline; /* IE Hack */
 width: 788px;
 float: left;
 background-image: url(imagenes/fondo_cuerpo2.png);
 background-repeat: repeat-x;
 /* height: auto; */
}
* html #cuerpo{max-width: 788px; width: 788px;}

#rightcolumn {
 /* border: 1px solid black; */
 margin: 0px;
 padding: 5px;
 display: inline; /* IE Hack */
 width: 150px; /*  163real */
 float: left;
 border: 0px solid black;
 height: 590px;
 min-height: 590px;
 /* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */
 /* background-color: #DAC8BF; */
}
* html #rightcolumn { height:590px; } /* IE Min-Height Hack */  

#footer {
 /* border: 1px solid black; */
 margin: 0px;
 display: inline; /* IE Hack */
 height: 18px; /* Ajustamos a 18 siendo 20 para evitar el sobrante */
 padding: 0px;
 float: left;
 width: 800px;
 background-color: white;
}

/*  =============================================================== */
/*                                                 DIVs AVISO JAVASCRIPT                                 */
/*  =============================================================== */

.avisoJavascript{
	border: 1px solid black;
	background-color: yellow;
	color: black;
	text-align: center;
	text-transform: capitalize;
	font-size: large;
	font-variant: small-caps;
	font-weight: bolder; 
}

/*  =============================================================== */
/*                                                 DIVs CARGANDO                                                 */
/*  =============================================================== */

#ocultacion {
    position: absolute;
    top: 0px;
    height: 100%;    /* 60% + 20% superior + 20% derecha = 100% */
    left: 0px;
    width: 100%;    /* 60% + 20% + 20% = 100% */
	visibility: hidden;
	background-color: #888888;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
} 

#cargando {
    position: absolute;
    top: 45%;
    height: 10%;    /* 60% + 20% superior + 20% derecha = 100% */
    left: 45%;
    width: 10%;    /* 60% + 20% + 20% = 100% */
	visibility: hidden;
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	color: #444444;
	font-size: 12px;
} 

/*  =============================================================== */
/*                                                 DIVs Interiores  Derecha                                    */
/*  =============================================================== */

#div_loguin {
 /* border: 1px solid black; */
 margin: 0px;
 padding: 40px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 150px; /*  163real */
 float: left;
 height: 160px;
 min-height: 160px;
 text-align: center;
 color: black;
 background-image: url(imagenes/fondo-loguin.png);
 background-repeat: no-repeat;
 /* background-color: #DAC8BF; */
 filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
}

#div_carrito {
 /* border: 1px solid black; */
 border-top: 1px solid #7f0800;
 overflow: auto;
 margin: 0px;
 padding: 10px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 150px; /*  163real */
 min-width: 150px; /*  163real */
 max-width: 150px; /*  163real */
 float: left;
 height: 375px;
 min-height: 375px;
 background-image: url(imagenes/fondo-carrito.png);
 /* background-repeat: no-repeat; */
 /* background-color: #DAC8BF; */
  filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
}

/*  =============================================================== */
/*                                                 DIVs Interiores  Centro                                       */
/*  =============================================================== */

#centercolumn { /* Parent Wrapper for inside boxes */
 /* display: inline; /* IE Hack */
 float: left;
 margin: 0px;
 width: 792px;
 height: auto;
	/* background-color: #FFFFFF; */
	/* border: 1px solid #DFDFD0; */
	/* Para hacer que solo salga la vertical las ocultamos todas y lo hacemos para IE y MOZ  */
	overflow: auto; /* Esto solo es necesario para que en opera salga el scroll */
	overflow-y : scroll;
	overflow-x : hidden;
	overflow : -moz-scrollbars-vertical;
}
* html #centercolumn{width: 768px; padding-right: 20px;}