/* CSS Document */
body {
margin:0; 
padding:0;
background-color:#cc0000;
}



/*botones*/
#btnloguin {
background-image:url(imagenes/fondo_btn_loguin.jpg);
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#993300;
width:60px;
height:22px;

}
#btnir {
background-image:url(imagenes/fondo_btn_loguin.jpg);
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#993300;
width:23px;
height:20px;


}

#btnarriba2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}



.buscar {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

}



.campo {
width: 80px;
background-image:url(imagenes/fondo_buscar.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;

}
.campo2 {
width: 65px;
background-image:url(imagenes/fondo_buscar.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;

}
.campo3 {
width: 75px;
background-image:url(imagenes/fondo_buscar.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;

}

.bordecompras {
border: solid 1px #990000}



/*texto*/

.pie { font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.pie2 { font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
}
.pie3 { font: 9px Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
}
#loguin {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 25px;
color:#FFFFFF;

}

/*Seccion AZUL */
.azul {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#0067a7;}
#infoa a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#0067a7;}
#infoa a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#0067a7;}
.tdazul{
background-color:#0067a7;}

/*Seccion NARANJA */
.naranja {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#ff9d00;}
#infon a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#ff9d00;}
#infon a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#ff9d00;}
.tdnar{
background-color:#ff9d00;}


/*Seccion VERDE */
.verde {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#009900;}
#infover {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#009900;}
#infover a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#009900;}
#infover a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#009900;
text-decoration:none;}

.tdverde{
background-color:#009900;}



/*Seccion CELESTE */
.celeste {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#00aadc;}
#infoc a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#00aadc;}
#infoc a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#00aadc;}
.tdcel{
background-color:#00aadc;}

/*Seccion ROJO */
.rojo {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#CC3300;}
#inforojo a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#CC3300;}
#inforojo a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#CC3300;}
.tdrojo{
background-color:#cc3300;}

/*Seccion VIOLETA */
.violeta{
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#663399;}
#infov a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#663399;}
#infov a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#663399;}
.tdvioleta{
background-color:#663399;}

/*Seccion AMARILLO */
.amarillo{
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#FEC412;}
#infoamarillo a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#FEC412;}
#infoamarillo a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#FEC412;}
.tdamarillo{
background-color:#fec412;}




/*Seccion VERAZU */
.verazu{
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#669999;}
#infoverazu a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#669999;}
#infoverazu a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#669999;}
.tdverazu{
background-color:#669999;}



/*Seccion magen */
.magen{
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#650058;}
#infomagen a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#650058;}
#infomagen a:hover{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#650058;}
.tdmagen{
background-color:#650058;}


.novedades {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

.novedades span.titulosro {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cc0000;
font-weight:bold;}




/*DETALLES*/


#precios {background-image:url(imagenes/fondo_precios.jpg);

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;}

#codigos {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-weight:bold;}



/* compras*/

.detcuadro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;}




#loguin {height: 25px;
background-color:#990000;
}

#loguin p {
height: 25px;
background-color:#D4D0C8;
}

.btnarriba {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
}



.loguin2 {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

.loguin3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.loguin4 {font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}


#titulos {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;}
#titulos a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;}
#titulos a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#FFFFFF;}


#info {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
width:220px;
}


.catapro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
}


/*MENU IZQUIERDO*/
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 152px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0px;
width: 152px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu li{
position: relative;
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 151px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
background-color:#CC3300;
filter:alpha(opacity=100);
-moz-opacity:1;
}

.glossymenu li a{

font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu .arrowdiv{
position: absolute;
height: 15px;
right: 2px;
background: transparent url(imagenes/arrow.jpg) no-repeat center right;
}



.atlas{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FF9900;
}

.atlas a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FF9900;
}

.enciclopedias {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#00aadc;}

.enciclopedias a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#00aadc;}

.diccionarios {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#009900;
}

.diccionarios a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#009900;}



.interes {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#0067a7;}
.interes a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#0067a7;}



.literatura {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#CC3300;}
.literatura a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#CC3300;}



.cocina {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#650058;}
.cocina a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#650058;}




.infantil {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FEC412;}
.infantil a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FEC412;}




.juvenil {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#663399;}
.juvenil a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#663399;}




.obras {
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#669999;}
.obras a:hover{
font: bold 10px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#669999;}



.Estilo3 {font-size: 24px};

.resgistro2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;}

.resgistro2 a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;}


.resgistro2 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-decoration:none;}

.camporesgistracion {border:1px solid;
border-color:#CC0000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:150px;
color:#666666;}

select {border:1px solid;
border-color:#CC0000;}

.texto {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:justify;
}

.texto a {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFF;
text-align:justify;
}

.titulosro {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cc0000;
font-weight:bold;}

.bordegris {
border: 1px solid;
color:#999999;}


.verreg {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cc0000;
text-decoration:none;}

.verreg a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cc0000;
text-decoration:none;}

.verreg a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#cc0000;
text-decoration:none;}

.paginacion{color:#990000;}
.paginacion a{color:#990000;}
a.linkPag{color:#990000; }


/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 15%; }
* html .glossymenu li a { height: 15%; }
/* End */