@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	background-color: #990000;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
    }
    .oneColLiqCtrHdr #container {
	width: 85%;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background: #FFFFFF; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #000000; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }
    .oneColLiqCtrHdr #header {
	background-color: #FFFFFF;
	background-image: url(imagenes/tarot.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 300px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
    }
    .oneColLiqCtrHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
	text-align: center;
    }
    .oneColLiqCtrHdr #mainContent {
	background: #FFFFFF;
	text-align: justify;
	width: 75%;
	padding-left: 3%;
	margin-bottom: 10px;
    }
.oneColLiqCtrHdr #mainContent a {
	background: #FFFFFF;
	text-align: justify;
	color: #990000;
	text-decoration: none;
}
.oneColLiqCtrHdr #mainContent a:hover {
	background: #FFFFFF;
	text-align: justify;
	color: #990000;
	text-decoration: underline;
}


    .oneColLiqCtrHdr #footer {
	background-color: #FFFFFF;
	font-size: 100%;
	height: 100px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 15px;
    } 
    .oneColLiqCtrHdr #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
.oneColLiqCtrHdr #ads {
	background: #FFFFFF;
	height: 90px;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
}
.oneColLiqCtrHdr #adscuadrado {
	background: #FFFFFF;
	height: 255px;
	width: 305px;
	margin-right: 3px;
	float: left;
}

.oneColLiqCtrHdr #col {
	background: #FFFFFF;
	text-align: justify;
	float: right;
	width: 21%;
	list-style-type: none;
	font-size: 80%;
	color: #0A007D;
	margin-top: 2%;
}
.oneColLiqCtrHdr #col ul {
	background: #FFFFFF;
	text-align: justify;
	list-style-type: none;
	padding-left: 0px;
}
.oneColLiqCtrHdr #col li {
	background: #FFFFFF;
	text-align: justify;
}
.oneColLiqCtrHdr #col a {
	background: #FFFFFF;
	text-align: justify;
	color: #080000;
	text-decoration: none;
	font-size: 80%;
}
.oneColLiqCtrHdr #col a:hover {
	background: #FFFFFF;
	text-align: justify;
	color: #2A2A2A;
	text-decoration: underline;
	font-size: 80%;
}
.oneColLiqCtrHdr #col p {
	background: #FFFFFF;
	text-align: center;
	margin-top: 15%;
}
.menu1 {display:inline-block;}
.menu1 {display:inline;}
.holder {display:table;}

.menu1 {
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap; 
  }
.menu1 li {display:inline;}
.menu1 a, .menu a:visited {
	display:block;
	float:left;
	padding:4px 16px;
	color:#000;
	background:#d4d4d4;
	border:1px solid #fff;
	text-decoration:none;
	font-size: 90%;
	font-weight: bold;
  }
.menu1 a:hover {
	color:#fff;
	font-size: 90%;
	background-color: #990000;
  }
#wrapper2 {
	text-align:center;
	margin-top: 10px;
}
#wrapper2 .holder {margin:0 auto;}
.oneColLiqCtrHdr #separa {
	width: 100%;
	height: 90px;
}
.thrColLiqHdr #tienda {
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
}
.thrColLiqHdr #tienda1 {
	background-color: #000000;
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
}