body{margin: 0px; font-family: Arial, Helvetica, Sans-serif; background-image: url(imagenes/fpoint.gif); background-repeat: repeat-x; background-color: #C2C2C2; color: #FFFFFF; font-size:12px;}

.inp{width:90px; height:18px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; background-color:#000000; color: #03DAAA;
border:0px; font-weight: bold;}
.inpbot{ font-size:11px;}

a#replaced1{display:block; width:103px; height:110px; text-indent:-9999px; background:url(imagenes/inicio.png) top left no-repeat;}
a#replaced1:hover{background-position:0 -150px;}

a#replaced2{display:block; width:94px; height:110px; text-indent:-9999px; background:url(imagenes/empresa.png) top left no-repeat;}
a#replaced2:hover{background-position:0 -150px;}

a#replaced3{display:block; width:118px; height:110px; text-indent:-9999px; background:url(imagenes/sucursales.png) top left no-repeat;}
a#replaced3:hover{background-position:0 -150px;}

a#replaced4{display:block; width:107px; height:110px; text-indent:-9999px; background:url(imagenes/articulos.png) top left no-repeat;}
a#replaced4:hover{background-position:0 -150px;}

a#replaced5{display:block; width:105px; height:110px; text-indent:-9999px; background:url(imagenes/contacto.png) top left no-repeat;}
a#replaced5:hover{background-position:0 -150px;}

.olvido{ text-decoration:none; font-size: 11px; color: #03b38c;}
.olvido:hover{ color: #FFFFFF;}

.enl{ text-decoration:none; font-size: 11px; color: #6F0BC3; font-weight: bold;}
.enl:hover{ color: #000000;}

.ofer{font-size: 11px; font-weight: bold; text-align:center; padding-top:5px; width: 150px; height: 35px; background: url(imagenes/barr.png) no-repeat;}
.fotofer{width:150px; height:113px; background-color: #FFFFFF;}
.toggleopacity img{ filter:Alpha(opacity=100); -moz-opacity: 1;}
.toggleopacity:hover img{filter:Alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

.opac img{ filter:Alpha(opacity=25); -moz-opacity: 0.25; text-decoration:none;}
.opac:hover img{filter:Alpha(opacity=100);-moz-opacity: 1;opacity:1;}

marquee{color:#03CB9E; font-size:12px; font-weight: bold;}

.prod{text-decoration:none; color:#d4a7fa; font-size:12px;}
.prod:hover{text-decoration:none; color:#FFFFFF;}

.lanza{font-size:13px; color: #6F0BC3;}
.lanza .link{color:#6F0BC3; text-decoration:none;}
.lanza .link:hover{color:#FFFFFF;}

.pie{ font-size:11px; background-image: url(imagenes/pie.png); width: 1004px; height: 45px;}

.bordeup{ border: 1px solid #6F0BC3; border-width: 1px 0px 0px 0px;}
.comenta{ font-family:Arial, Helvetica, sans-serif; font-size:11px;	color:#F8F8F8;}
.comentalert{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#DD0000;}
.gris{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;}
.tit{ background-color:#990099;	color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;height:25px;}

.inp2{width:150px; height:18px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; background-color:#F2F2F2; color: #6F0BC3;
border: 0px;font-weight: bold;}
.inpsel{width:150px; height:18px; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; background-color:#cccccc; color: #6F0BC3;
border: 0px;font-weight: bold;}

.texto{font-size: 11px;}

.sinlog{font-size: 12px; text-align: center; background-color: #3C3C3C; width: 610px;}

.suc{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
width: 150px;
color: #6F0BC3;
text-align:center;
border: 1px solid #03DAAA;
border-width: 0px 0px 1px 0px;
padding: 0px 5px 0px 5px;
background-color: #F8F8F8;
}
.sucder{
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;
width:440px;
border: 1px solid #03DAAA;
border-width: 0px 0px 1px 0px;
padding: 0px 5px 0px 5px;
background-color: #F8F8F8;
}

#menunav {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin: 0;
padding:0;
width: 200px;
}
#menunav li {
list-style-type: none;
margin: 0;
padding: 0;
background-image: url(imagenes/menart.jpg);
border-top: 1px solid #05AE98;
border-bottom: 1px solid #00D4B9;
}
#menunav ul {
border-top: 1px solid #05AE98
margin: 0;
padding: 0;
z-index: 10000;
}
#menunav ul li {
border-bottom: 1px solid #00D4B9;
}
#menunav a {
 display: block;
 text-decoration: none;
 padding: 4px 12px 4px 5px;
 color: #FFFFFF;
 line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
 color: #000000;
 background-color: #F8F8F8;
 letter-spacing: 0.01px;
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url(imagenes/arrown.gif);
 background-repeat: no-repeat;
 background-position: 97% 50%;
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url(imagenes/mbla.png);
 background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
 position: absolute;
 top: 175px;/*altura de comienzo del menu*/
 /*left: 10px;*/
 width: 11em;
 font-size: 0.85em;
}