body{margin:0;padding:0; text-align:center; background-color:#ffffff; font:10px arial,courier,Helvetica,Sans-serif;background:url();
  scrollbar-arrow-color: #ffffff;
    scrollbar-base-color: #666666;
    scrollbar-dark-shadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #0000dd;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3d-light-color: #999999;}
#main{width:777px;
position:absolute;margin-left:-370px;left:481px; /* posición del nav */
text-align:center;}
#header{ width:99%;background:url(foto_fondo.jpg) no-repeat; height:100px;}


/* ------------- Menú de Navegación -------------------------- */

#nav{margin:0;top:0px;right:100px;background:#ff7722;width:769px;height:20px;align:center; /*margen con el div */}
#nav li{color:#ff0000; /*color base del texto*/float:left;width:5em;margin:0;padding:0;list-style:none;background:transparent;font:17px Arial,Helvetica,Sans-serif;text-align:center;position:relative;cursor:default;}
#nav li ul{padding-top:5px; /* referente a la parte superior */ margin:0;}
#nav a{text-decoration:none;}
#nav li a{ color: #ffffff; font-weight: bold;}
#nav li a:hover{text-decoration:underline;}
#nav li li a:hover{text-decoration:none;}
#nav li li{filter:Alpha(opacity=100,finishopacity=60,style=1);/* Transparencia en Internet Explorer */}
#nav li li a{ border-color: #666666; border-style:solid; border-width:0 1px 0.5px 1px; display:block;	color:#cccccc; font-weight: lighter;background:transparent url(nav2.jpg) 0px 0px repeat scroll; line-height:14px;}
#nav li li a:hover{color:#000000;background:transparent url(navhover.png) 0px 0px repeat scroll;/* Transparencia en Otros navegadores */}
li ul{padding:0.5em 0 1em 0;display:none;position:absolute;top:80%;left:0;}
li>ul{top:auto;left:auto;}
li li{float:left;border:0;display:block;background:transparent;}
li:hover ul,li.over ul{display:block;}


.table{

   border: 0px solid #ffffff;
   border-collapse: collapse;
   background-color:#ffffff;
    font:11px verdana,arial,courier,Helvetica,Sans-serif;
}
.estilotabla{
    background-color:#ffffff;
    border-style:solid;
    border-color:666666;
    border-width:1px;
     font:12px verdana,arial,courier,Helvetica,Sans-serif;
}
 .celdilla{
     background-color: #eeeeee;
      color: #ffffff;
        font-size:10pt;
          background:url(CELDA56.jpg)
           font:10px verdana,arial,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }
.estilocelda{
    background-color:#ffffff;
    color:#333333;
    font-size:8pt;
     font: verdana,arial,courier,Helvetica,Sans-serif;
}
.estilotabla1{
     border: 0px solid #ffffff;
	 background-color: #cccccc;
      color: #333333;
        font-size:11pt;
          background:url(celda2.jpg)
           font:12px verdana,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }
      .estilotablacarrito1{
     border: 0px solid #ffffff;
	 background-color: #cccccc;
      color: #ffffff;
        font-size:10pt;
          background:url(CELDA11.jpg)
           font:10px verdana,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }


      .estilotablacarrito{
     background-color: #cccccc;
      color: #ffffff;
        font-size:10pt;
          background:url(CELDA22.jpg)
           font:10px verdana,arial,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }

        .estilotablacarrito2{
     background-color: #000000;
      color: #ffffff;
        font-size:11pt;

           font:11px arial,verdana,Helvetica,Sans-serif;
            font-weight:bold;
      }
	   .estilotablacarrito3{
     background-color: #cccccc;
      color: #ffffff;
        font-size:11pt;
          background:url(CELDA11.jpg)
           font:12px arial,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }
	  .estilotablacarrito4{
     background-color: #cccccc;
      color: #ffffff;
        font-size:7pt;
          background:url(celda4.png)
           font:7px arial,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }

	
	    .estilotablacarrito10{
     background-color: #cccccc;
      color: #ffffff;
        font-size:7pt;
          background:url(celdal.png)
           font:7px arial,courier,Helvetica,Sans-serif;
            font-weight:bold;
      }
      
      .estilotabla2{
     background-color: #cccccc;
      color: #333333;
        font-size:10pt;
          background:url(celda2.jpg)
      }
      .estilocelda3{
    background-color:#ffffff;
    color:#666666;
    font-weight:bold;
    font-size:15pt;
     font:15px arial,Helvetica,Sans-serif;
}

.a{
    font-size:12px;
	font: Saved By Zero,verdana;
    text-decoration: none;
	color: #000000;
	font-weight:bolder;
	}
.a:hover{
	 font-size:12px;
	font: Saved By Zero,verdana;
    text-decoration: none;
	color: #0000ff;
}


i{
    font-size:12px;
	font: verdana,Helvetica,Sans-serif;
   	text-decoration: none;
	color: #000000;
	}
i:hover{
    font: verdana,Helvetica,Sans-serif;
	text-decoration: underline;
	color: #0000ff;
     
}
 h2
 {
  font-family:futura,verdana,courier;
  font-size:14pt;
  color:#ffffff;
  }
  .boton
  {
  font-size:10px;
  width:100px;
  height:15px;
  background:#000000;
  color:white;
  border:0px;
  font-weight:bold;
  }
  
 .botonlink
 {
  font-size:15px;
  width:125px;
  height:20px;
  color:#000000;
  border:1px;
  font-weight:bold;
  text-decoration: underline;
  background:#FF0000;
  border-bottom:medium;
  }

p{

	text-decoration: none;
	color: #000000;
    font-size:10pt;
    font-family:arial,courier;
	}


u{
     font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000099;
    font-weight:bold;
	}

.input_box
{
border:1px solid #cccccc;
width:90px;
height:16px;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
padding-left:3px;
}
 .input_box2
{
border:1px solid #cccccc;
width:270px;
height:150px;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
padding-left:3px;
}
.estilocelda2{
    background-color:#ffffff;
	border-color:#000000;
    color:#000000;
    font-family:  verdana,Arial, Helvetica, sans-serif;
    font-size:8pt;


   }
   .estilocelda4{
    background-color:#ffffff;
    color:#999999;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;

   }
.tabla1{

   border: 0.5px solid #ffffff;
   border-collapse: dotten;
   background-color:#ff0000;

}

.bl {background: url(bl.gif) 0 100% no-repeat #cccccc; width: 10em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:5px}
.clear {font-size: 1px; height: 1px}


.li a{ color: #0078AB; font-weight: normal;
    font-family:  courier, Helvetica, sans-serif;
    font-size:11pt;


}
.li a:hover{text-decoration:underline;
 color: #333399;
     font-weight:normal;
       font-family: courier,Helvetica, sans-serif;
    font-size:11pt;

}
.td {
       font-family: verdana,Helvetica, sans-serif;
    font-size:10pt;
	height:15px;
background-color:#ffffff;
  
}
.td2 {
    font-family: Letter Gothic Std,verdana,Helvetica, sans-serif;
    font-size:8pt;
	height:12px;
background-color:#ffffff;
  font-weight:bold;
  
}
buscar{
    font-size:12px;
     font-weight:bold;
	text-decoration: none;
	color: #ffffff;
	}
L{
    font-size:10px;
     font-weight:bold;
	text-decoration: none;
	color: #eeeeee;
	}	
	.botingreso
{
border:1px solid #cccccc;
width:65px;
height:17px;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
padding-left:3px;
}
.td{

   border: 1px solid #333333;
   border-collapse: collapse;
   background-color:#eeeeee;
   color:#000000;
    font-size: 12px;
	font-weight: normal;
	font-family: Letter Gothic Std,Aerial, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
}
.tdcelular{

   border: 1px solid #333333;
   border-collapse: collapse;
   background-color:#aaaaaa;
   color:#000000;
    font:9px verdana,arial,courier,Helvetica,Sans-serif;
}
.tdaccesorio{

   border: 1px solid #333333;
   border-collapse: collapse;
   background-color:#eeeeee;
   color:#000000;
    font:9px verdana,arial,courier,Helvetica,Sans-serif;
}
.tdmemorias{

   border: 1px solid #333333;
   border-collapse: collapse;
   background-color:#dddddd;
   color:#000000;
    font:9px verdana,arial,courier,Helvetica,Sans-serif;
}
.tdimagen2
{
width:170px;
height:120px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 12px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;

}
.tdimagen3
{
width:180px;
height:120px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 12px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;

}
.tdimagencarrito
{
border:1.5px solid #ffffff;
width:100px;
height:90px;
background-color:#000000;
font-family: verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 12px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;

}
.um
{

font-family: Letter Gothic Std,Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 12px;
font-weight:  bold;
font-variant: normal;
text-transform: none;
color: #999999;
text-decoration: none;

}
.input_box3
{
border:1px solid #cccccc;
width:130px;
height:16px;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
padding-left:3px;
}
.Estilo24 {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Aerial, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}
.Estilo28 {
	font-size: 11px;
	font-weight: normal;
	font-family: Letter Gothic Std,Aerial, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.Estilo28b {
	font-size: 11px;
	font-weight: normal;
	font-family: hackingballz.com-Calibri, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.Estilo21 {
	font-size: 11px;
	font-weight: normal;
	font-family: Letter Gothic Std,Aerial, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #0000FF;
}
.Estilo21b {
	font-size: 12px;
	font-weight: normal;
	font-family: Letter Gothic Std,Aerial, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
}
.Estilo31 {
	font-size: 10px;
	color: #ff0000;
	font-family: Helvetica, sans-serif;
}
.botoncontacto
{
background-image: url(botoncomprar.png); 
width: 167px; 
height: 23.3px;
border-width: 0
}
.botoningresar
{
background-image: url(botoningresar.png); 
width: 167px; 
height: 23.3px;
border-width: 0
}
.botonpedido
{
background-image: url(botonpedido.png); 
width: 167px; 
height: 23.3px;
border-width: 0
}
.botonconsulta
{
background-image: url(botonconsulta.png); 
width: 100px; 
height: 23.3px;
border-width: 0
}
.botonconvertir
{
background-image: url(botonconvertir.png); 
width: 64px; 
height: 23.3px;
border-width: 0
}
.botonbuscar
{
background-image: url(botonbuscar.png); 
width: 100px; 
height: 23px;
border-width: 0
}