/* 
    Document   : CSS Styles for Remate Web Page
    Created on : 6/10/2009, 04:24:50 PM
    Author     : Ing. Edwin Sandoval
    Description: This file contains all the css statements related with the design of the Remate Web Page
        .
*/
body{
  background:#CACACA url(../img/bg.jpg) repeat-x center top;
  margin:0 auto;
  padding:0px 0px 0px 0px;
  /*overflow:auto;*/
}
#bannerEpcom{
    margin:10px auto;
    width:775px;
    height:81px;
}
#main{
    margin:0 auto;
    width:775px;
}
#header{
  background-image:url(../img/header.jpg);
  width:775px;
  height:123px;
}
#twitter{
position:relative;
left:20px;
top:18px;
z-index:100;
}
#twitter a{
  background:transparent url(../img/tw02.jpg) no-repeat;
  width:242px;
  height:60px;
  display:block;
}
#twitter a:hover{
  text-decoration:none;
  background:transparent url(../img/tw01.jpg) no-repeat;
}
#menuTop{
  background-image:url(../img/menuTop.jpg);
  width:775px;
  height:61px;
}
#anuncioTopBar{
  background-image:url(../img/anuncioTopBar.jpg);
  width:775px;
  height:8px;
}
#anuncioMiddleBar{
  background:transparent url(../img/anuncioMiddleBar.jpg) no-repeat;
  width:775px;
  height:255px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 15px;
}
#barMiddleTop{
  background-image:url(../img/barMiddleTop.jpg);
  width:775px;
  height:48px;
}
#barMiddleBottom{
  background-image:url(../img/barMiddleBottom.jpg);
  width:775px;
  height:62px;  
}
#bgContent{
  background:transparent url(../img/bgContent.jpg) repeat-y center top;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:775px;
  float:left;
}
#leftContent{
  margin:0px 0px 10px 20px;
  padding:0px 0px 0px 0px;
  width:235px;
  float:left;
}
#centerContent{
  margin:0px 0px 20px 10px;
  padding:0px 0px 0px 0px;
  width:235px;
  float:left;
}
#rightContent{
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  width:235px;
  float:left;
}
#barBottomTop{
  background-image:url(../img/barBottomTop.jpg);
  width:775px;
  height:67px;
  float:left;
}
#barBottomFooter{
  background-image:url(../img/barBottomFooter.jpg);
  width:775px;
  height:89px;
  float:left;
}
p{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#menuTop ul {
  list-style:none;
  margin:0px 0px 0px 262px;
  padding:30px 0px 0px 0px;
}
#menuTop li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:left;
}
#menuTop li a{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  color:#FFFFFF;
  font-size:10px;
  display:block;
  float:left;
  text-align:center;
  width:101px;
  height:32px;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
}
#menuTop li a.linkMenuTop{
  background:transparent url(../img/pestana.jpg) no-repeat;
}
#menuTop li a:link{
  text-decoration:none;
}
#menuTop li a:visited{
  text-decoration:none;
}
#menuTop li a:active{
  text-decoration:none;
}
#menuTop li a:hover{
  text-decoration:none;
}
#barMiddleTop p{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  color:#333333;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:10px 0px 0px 0px
}
#barBottomTop p{
  margin:0px 0px 0px 0px;
  padding:15px 0px 0px 0px;
  text-align:center;
}
#barBottomTop p a{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  color:#333333;
  font-size:10px;
  font-weight:bold;
}
#barBottomTop p a:link{
  text-decoration:none;
}
#barBottomTop p a:hover{
  text-decoration:none;
}
#barBottomTop p a:visited{
  text-decoration:none;
}
#barBottomTop p a:active{
  text-decoration:none;
}
#barBottomFooter p{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  color:#FFFFFF;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:35px 0px 0px 0px
}
#categoria{
  margin:0px 0px 0px 0px;
  padding:20px 0px 0px 20px;
  width:220px;  
}
#categoriaHeader{
  width:220px;
  height:58px;  
}
#categoriaHeader p{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  font-weight:bold;
  font-size:11px;
  color:#FFFFFF;
  text-align:center;
  margin:0px 0px 0px 0px;
  padding:20px 0px 0px 0px;
}
#categoriaContent{
  background:transparent url(../img/bgCategory.jpg) repeat-y;
  width:220px;  
}
#categoriaContent ul{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
}
#categoriaContent li{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:190px;
  height:25px;
}
#categoriaContent li a{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;  
  color:#FFFFFF;
  font-size:10px;
  text-align:center;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#categoriaContent li a:active{
  text-decoration:none;
}
#categoriaContent li a:visited{
  text-decoration:none;
}
#categoriaContent li a:link{
  text-decoration:none;
}
#categoriaContent li a:hover{
  text-decoration:none;
}
#categoriaFooter{
  background:transparent url(../img/footerCategory.jpg) no-repeat;
  width:220px;
  height:29px;
}
.colorVerde{
  background:transparent url(../img/headerCategory.jpg) no-repeat;
}
.colorCafe{
  background:transparent url(../img/headerCategoryBrown.jpg) no-repeat;
}
.colorRojo{
  background:transparent url(../img/headerCategoryRed.jpg) no-repeat;
}
.colorAzulClaro{
  background:transparent url(../img/headerCategoryBlueLight.jpg) no-repeat;
}
.colorAmarillo{
  background:transparent url(../img/headerCategoryYellow.jpg) no-repeat;
}
.colorPurpura{
  background:transparent url(../img/headerCategoryPurple.jpg) no-repeat;
}
.colorNaranja{
  background:transparent url(../img/headerCategoryOrange.jpg) no-repeat;
}
.colorAzulOscuro{
  background:transparent url(../img/headerCategoryBlueElectric.jpg) no-repeat;
}
.verde{
  list-style-image:url(../img/bulletVerde.jpg);
}
.cafe{
  list-style-image:url(../img/bulletCafe.jpg);
}
.rojo{
  list-style-image:url(../img/bulletRojo.jpg);
}
.azulClaro{
  list-style-image:url(../img/bulletAzulClaro.jpg);
}
.amarillo{
  list-style-image:url(../img/bulletAmarillo.jpg);
}
.purpura{
  list-style-image:url(../img/bulletPurpura.jpg);
}
.naranja{
  list-style-image:url(../img/bulletNaranja.jpg);
}
.azulOscuro{
  list-style-image:url(../img/bulletAzulOscuro.jpg);
}
#buscador{
  margin:0px 0px 0px 220px;
  padding:0px 0px 0px 0px;
  width:320px;
  height:24px;  
}
#cajaBuscador{
  background:transparent url(../img/fondoBuscador.jpg) repeat-x;
  margin:25px 0px 0px 0px;
  padding:4px 0px 0px 0px;
  width:236px;
  height:22px;
  float:left;
}
#bordeBuscador{
  background:transparent url(../img/bordeBuscador.jpg);
  margin:25px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:12px;
  height:22px;
  float:left;
}
#botonBuscador{
  margin:25px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:left;
}
.bgCajaBuscador{
  background:transparent;
  border:0 none;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;
}
.bgBotonBuscar {
  background-image:url(../img/botonBuscador.jpg);
  background-repeat:no-repeat;
  border:0 none;
  margin:0;
  width:68px;
  height:22px;
  color:#FFFFFF;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-style:italic;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}


#headerListado{
  background:transparent url(../img/etiquetaVerde.jpg) no-repeat top right;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 0px;
  width:743px;
  height:160px;
  float:left;
}
#headerListado ul {
  list-style:none;
  margin:0px 0px 0px 15px;
  padding:37px 0px 0px 0px;
}
#headerListado li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:left;
}
#headerListado li a{
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  float:left;
  width:140px;
  height:43px;
  text-align:center;
  display:block;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-style:italic;
  font-size:11px;
}
#headerListado li a.pestanaRoja{
  color:#FFFFFF;
}
#headerListado li a.pestanaBlanca{
  color:#333333;
}
#headerListado li a:active{
  text-decoration:none;  
}
#headerListado li a:visited{
  text-decoration:none;
}
#headerListado li a:link{
  text-decoration:none;
}
#headerListado li a:hover{
  text-decoration:none;
}
.pestanaRoja{
  background:transparent url(../img/pestanaClasificacionRoja.jpg) no-repeat;
}
.pestanaBlanca{
  background:transparent url(../img/pestanaClasificacionBlanca.jpg) no-repeat;  
}
#bodyListado{
  background:transparent url(../img/bgListadoProductos.jpg) repeat-y;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 0px;
  width:743px;
  overflow:auto;
  float:left;
}
#productos{
  margin:0px 0px 0px 10px;
  padding:0px 0px 0px 0px;
  width:720px;
  float:left;
  float:left;
}
#productos table{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#productos td{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#333333;
  font-size:12px;
  text-align:left;
}
#productos td.productTitle{
  text-align:center;
  font-weight:bold;
}
#productos td.existencias{
  text-align:center;
}
#productos td.preciosDeCatalogo{
  text-align:center;
}
#productos td.preciosDeRemate{
  text-align:center;
  color:#A71212;
  font-weight:bold;
  font-size:18px;
}
#footerListado{
  background:transparent url(../img/footerListadoProductos.jpg) no-repeat;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 0px;
  width:743px;
  height:24px;
  float:left;
}
#barBottomTop p{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#333333;
  font-size:12px;
  font-weight:bold;
  margin:5px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:743px;
  text-align:right;
}
#barBottomTop p.linkReturn{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#333333;
  font-size:12px;
  font-weight:bold;
  margin:2px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:743px;
  text-align:right;
}
#barBottomTop p a{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#333333;
  font-size:12px;
  font-weight:bold;
}
#barBottomTop p a.paginacion{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#FFFFFF;
  font-size:12px;
  font-weight:normal;
  margin:0px 5px 0px 5px;
  padding:5px 10px 10px 10px;
  display:inline-block;
}
#barBottomTop p a.paginacionGris{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#FFFFFF;
  font-size:12px;
  font-weight:normal;
  margin:0px 5px 0px 5px;
  padding:5px 10px 10px 10px;
  display:inline-block;
}
#barBottomTop p a:active{
  text-decoration:none;
}
#barBottomTop p a:visited{
  text-decoration:none;
}
#barBottomTop p a:link{
  text-decoration:none;
}
#barBottomTop p a:hover{
  text-decoration:none;
}
#politicas{
  margin:10px  0px 0px 20px;
  padding:0px 0px 0px 0px;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;  
  font-size:12px;
  font-weight:normal;
  width:743px;
}
#politicas span{
  margin:0px 30px 0px 0px;
  padding:0px 0px 0px 0px;
  font-weight:bold;
  color:#8CB20D;
}
#politicas p{
  margin:40px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-weight:normal;
  color:#FFFFFF;
  width:600px;
}
#politicas a{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#c4c4c4;
}
#politicas a:active{
  text-decoration:none;
}
#politicas a:visited{
  text-decoration:none;
}
#politicas a:link{
  text-decoration:none;
}
#politicas a:hover{
  text-decoration:none;
  color:#FFFFFF;
}

p.paginador a{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#333333;
  font-size:12px;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
p.paginador a:active{
  text-decoration:none;
}
p.paginador a:visited{
  text-decoration:none;
}
p.paginador a:link{
  text-decoration:none;
}
p.paginador a:hover{
  text-decoration:none;
}
p.paginador a.currentPage{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#999999;
  font-size:12px;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}