.principal, #frame1, #titulo,
.cat, .subdiv, .subcat, #frame2,
#tituloCat, principal2, .prod,
.nombre, .precio, .principal4{
  font-family:Century Gothic;
  font-weight:bold;
  font-size:14px;
  margin:0;
  padding:0;
}
table{
  border-collapse:collapse;
}
.principal{
  width:560px;
  height:490px;
  display:block;
}
#frame1{
  width:155px;
  height:490px;
  background-color:#F39501;
  vertical-align:top;
}
#titulo{
  margin-top:10px;
  width:115px;
  height:22px;
  display:block;
  background-color:white;
  color:#F39501;
  vertical-align:middle;
  padding-left:25px;
  font-weight:bold;
  font-size:19px;
  padding-top:3px;
}
.divcat{
  display:block;
  height:24px;
}
.cat{
  height:24px;
  color:white;
  vertical-align:middle;
  padding-left:15px;
  padding-right:10px;
  font-weight:bold;
  font-size:15px;
  text-decoration:none;
  cursor:pointer;
}
.cat:hover{
  text-decoration:underline;
}
.subdiv{
  position:absolute;
  background-color:#324796;
  color:white;
  font-weight:bold;
  font-size:12px;
  padding:3px;
  padding-left:15px;
  padding-right:15px;
}
.subcat{
  margin:0;
  cursor:pointer;
  color:white;
  text-decoration:none;
  display:block;
  width:120px;
  vertical-align:middle;
  font-size:12px;
}
.subcat:hover{
  text-decoration:underline;
}
#frame2{
  width:405px;
  height:490px;
  background-color:white;
  vertical-align:top;
}
.principal2{
  width:405px;
  /*height:490px;*/
  display:block;
}
#tituloCat{
  width:405px;
  height:35px;
  background-color:#324796;
  color:white;
  font-weight:bold;
  font-size:15px;
  text-align:right;
  padding-top:5px;
  padding-right:15px;
}
.prod{
  width:405px;
  height:50px;
  border-bottom: 1px solid #F39501;
}
.prod img{
  float:left;
  margin:5px;
  width:40px;
  height:40px;
  background-color:#C7D7D6;
  border: solid 1px #C7D7D6;
}
.producto{
  text-decoration:none;
}
.nombre{
  width:250px;
  display:block;
  float:left;
  font-size:13px;
  vertical-align:middle;
  text-align:center;
  padding-top:20px;
  color:#324796;
  text-decoration:underline;
}
.precio{
  width:80px;
  display:block;
  float:left;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  padding-top:20px;
  color:#324796;
  text-decoration:none;
}
.producto:hover img{
  border: solid 1px #F39501;
}
.producto:hover .nombre,
.producto:hover .precio{
  color: #F39501;
}

.principal4{
  height:450px;
  vertical-align:bottom;
}
.principal4,
.principal4 td,
.principal4 th{
  width:100%;
  color:#324796;
  font-weight:normal;
}
.principal4 img{
  width:250px;
  height:250px;
}
.principal4 th{ text-align:center }
.principal4 td{
  text-align:right;
  padding-right:15px;
}
.principal4 td h1{
  text-decoration:underline;
  font-size:17px;
  font-weight:bold;
  padding:0;
  margin:0;
}
.principal4 td h2{
  text-decoration:none;
  font-style:italic;
  font-size:15px;
  font-weight:bold;
  padding:0;
  margin:0;
}
.colores{
  display:block;
  width:15px;
  height:15px;
  float:right;
  margin:2px;
  border: solid 1px #C7D7D6;
}
.colores img{
  width:15px;
  height:15px;
}
.colors{
  position:absolute;
  top:230px;
  width:250px;
  left:-250px;
}