html, body {   height: 100%;   margin: 0;     padding: 0;   width: 100%; 	margin-left: 0px; 	margin-top: 0px;} 


#contenedor 
{
	width: 100%;
	height: 100%;
	background-color: #000000;
} 


#contenidos
{
	width:100%;
	height: 100%;
	float: left;
	background-image: url(img/fondo.jpg);
	background-repeat: no-repeat;
}
#pantera
{
	width: 335px;
	height: 246px;
	float:left;
	background-image: url(img/pantera.jpg);
}
#id
{
	width: 196px;
	height: 181px;
	float:right;
	background-image: url(img/id.gif);
	margin: 20px;
}
#img
{

	width: 445px;
	height: 288px;
	float:right;
	clear:both;
	background-image: url(img/img.gif);
}
.salto
{
	clear:both;
}
#menu
{
	width: 25%;
	height: 163px;
	float:left;
	padding-top: 50px;


}
#cuerpo
{
	width: 70%;
	float:left;
	padding-top: 50px;


}
#productos
{
	margin-left: auto;
	margin-right:auto;
	width: 95%;
	clear:both;
	padding-top: 250px;

}

* html #pie {
	position: absolute;
	top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat')
	? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight)
	: document.body.scrollTop + (document.body.clientHeight-this.clientHeight));

}

 #pie {
	
	bottom:0;
	height:70px;
	left:0;
	position:fixed;
	text-align:center;
	width:100%;
}
.logo {
	float: left;
	width: 16%;
	height: 70px;
	padding-left: 5px;

}

td.class1{
	padding:15px;
}
td.class2{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	width: 30%;
}
td.class3{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	width: 70%;
}
td.class4{
	padding-top: 20px;
	padding-right: 55px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	width: 70%;
}
td.class5{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#error
{
margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	clear:both;
	text-align: center;
}
.pro ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none
}


.pro li {
	margin: 0;
	display: block;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 5px;;
	padding-left: 1.5em;
	color: #000000;

}
.txtAmarillo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FCC60A;
	text-decoration: none;
}
.txtBlanco
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.verdanaBlanco12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.VerdanaBlancoTituloMediano {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.VerdanaBlancoTitulo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.linkBlanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}