@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

body{
	background-color:#F0F0F0;
	text-align:center;
	
}
a:link { color:#000000; text-decoration:none;}
a:hover { color:#656565; text-decoration:none;}
a:visited { color:#999; text-decoration:none;}


#wrapper {
	/*border-color:#ff0000;*/
	margin:0 auto 0 auto; 
	position:relative;
	width:880px;
	background:#fff url(../imagenes/bg_GralBuscador.jpg) left top;
	text-align:left;
	font:1em Arial, Helvetica, sans-serif;
	/* invisible para IE 5 \*/
}
#contenedor {
	/*border-color:#ff0000;*/
	margin:0 auto 0 auto; 
	position:relative;
	width:880px;
	text-align:center;
	/*font:1em Arial, Helvetica, sans-serif;
	 invisible para IE 5 \*/
}
h1 span {display:none;
}
#encabezado { /*esto contiene el destacado en flash*/
    /*border: 1px solid #FF00ff;*/
	width:728px;
	height:153px;
	margin:2px auto 5px auto;
	padding:0;
}	
#banner { margin:6px auto 0 auto; clear:both;}
#menu { /*botonera horizontal
    border: 1px solid #FF00ff;*/
	width:728px;
	height:23px;
	margin:12px auto 5px auto;
	padding:0;
}	
#botoneraHor {
   /*border: 1px solid #FF00ff;*/
	width:728px;
	height:23px;
	float:right;
}	
ul { /* toda la lista esto es muy importante que este bien o se corre todo para cualquier lado*/
	/*border:1px solid #FF0000;*/
	background-image: url(../imagenes/fondo_btnera_h.gif);
	width:728px;      /*ojo con este valor que es el contenedor de los botones. si se modifica un boton hay que corregirlo!!!!!!   */
	height:23px;
	padding: 0;
	/*margin-right:40px;
	_margin-right:20px;*/
	list-style: none;
	clear:both;
	float: left;
}

li { /* todos los items de la lista 
	margin-left: 5px;*/
	float: right;
	position: relative;
	color:#AA2F2F;
	font-size:0.7em;
	font-weight: 600; 
}	
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { 
	display: block;
	float:left;
	color:#AA2F2F;
}	
#nav {/*display:none;*/ clear:left;/*float:left;*/
    /*border: 1px solid #CC0066;*/
	margin: 0 auto 0 auto; 
}
#nav li.btninicio a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_inicio.gif);
	padding:0;
	height:23px;
	width: 48px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btninicio a:hover{background-position: -48px; color:#B0A37D; 
}
#nav li.btninstitucional a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_institucional.gif);
	padding:0;
	height:23px;
	width: 84px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btninstitucional a:hover{background-position: -84px; color:#B0A37D; 
}
#nav li.btncontactenos a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_contactenos.gif);
	padding:0;
	height:23px;
	width: 86px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btncontactenos a:hover{background-position: 86px; color:#B0A37D; 
}
#nav li.btnnovedades a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_novedades.gif);
	padding:0;
	height:23px;
	width: 78px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btnnovedades a:hover{background-position: -78px; color:#B0A37D; 
}
#nav li.btnofertas a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_ofertas.gif);
	padding:0;
	height:23px;
	width: 59px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btnofertas a:hover{background-position: -59px; color:#B0A37D; 
}
#nav li.btnquienes a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_quienes.gif);
	padding:0;
	height:23px;
	width: 103px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btnquienes a:hover{background-position: -103px; color:#B0A37D; 
}
#nav li.btnfavoritos a{
	display: block;
	background-color:#B0A37D;
	background-image: url(../imagenes/menu_favoritos_CAS.gif);
	padding:0;
	margin-right:116px; 
	height:23px;
	width: 153px;
	/*border-bottom:1px dashed #006699;*/
	color:#069; 
	text-decoration:none;
}
#nav li.btnfavoritos a:hover{background-position: -153px; color:#B0A37D; 
}
#nav li h5{display:none; 
}
/* fin estilos navegacion horizontal */
#contenido {
    /*border: 1px solid #FF00ff;*/
	width:728px;
	/*height:600px;*/
	margin: 0px auto 0 auto;
	clear:both;
}
#contenidoRubros {
    /*border: 1px solid #FF00ff;*/
	width:728px;
	/*height:570px;*/
	margin: 0px auto 0 auto;
	clear:both;
}

#buscador {
    width:419px;
	height:160px;
	margin: 0px auto 0 auto;
	background-image:url(../imagenes/boceto_buscador.jpg);
}


/* Desde aca todo lo referente al selector de rubro por ABECEDARIO*/

#buscaRubro {
    background-image: url(../imagenes/fondo_barra_buscador.gif);
	background-repeat: no-repeat; 
	width:700px;
	height:60px;
	margin:5px auto 5px auto;
}

#alfabeto {
	/*border-color:#ff0000;
	margin-top:21px; */
	position:relative;
	height:23px;
	margin:5px auto 5px auto;
}

#alfabeto ul { /* toda la lista esto es muy importante que este bien o se corre todo para cualquier lado*/
	/*border:1px solid #FF0000;*/
	width:705px;      /*ojo con este valor que es el contenedor de los botones. si se modifica un boton hay que corregirlo!!!!!!   */
	height:23px;
	padding: 0;
	list-style: none;
}

#alfabeto li { /* todos los items de la lista */
	float: left;
	position: relative;
	font-size:10px;
	font-weight: 500;
	font-family:verdana, Arial, Helvetica, sans-serif;
	width:23px;
	height:23px; 
}



li:hover ul, li.over ul { 
	display: block;
	float:left;
	color:#000;
}


#letras {
    clear:left;
    margin: 0 auto 0 auto; 
}


#letras li.aBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/a.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.aBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.bBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/b.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.bBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.cBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/c.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.cBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.dBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/d.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.dBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.eBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/e.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.eBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.fBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/f.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.fBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.gBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/g.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.gBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.hBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/h.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.hBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.iBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/i.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.iBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.jBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/j.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.jBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.kBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/k.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.kBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.lBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/l.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.lBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.mBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/m.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.mBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.nBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/n.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.nBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.oBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/o.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.oBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.pBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/p.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.pBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.qBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/q.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.qBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.rBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/r.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.rBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.sBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/s.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.sBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.tBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/t.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.tBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.uBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/u.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.uBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.vBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/v.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.vBTN a:hover{background-position:-23px; color:#000; 
}


#letras li.wBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/w.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.wBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.xBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/x.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.xBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.yBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/y.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.yBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.zBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/z.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 23px;
	color:#666; 
	text-decoration:none;
}
#letras li.zBTN a:hover{background-position:-23px; color:#000; 
}

#letras li.avanzadaBTN a{
	display: block;
	background:#fff url(../imagenes/alfabetico/busqueda.gif) left top no-repeat;
    padding:0;
	height:23px;
	width: 104px;
	color:#666; 
	text-decoration:none;
	margin-left:2px;
}
#letras li.avanzadaBTN a:hover{background-position:-104px; color:#000; 
}

#letras li span{
display:none; 
    position:absolute;
	top:2px;
	left:4px;

}


/* Hasta aca todo lo referente al selector de rubro por ABECEDARIO*/

/* Desde aca todo lo referente al selector de rubro en el home */

#ColIzq {
    width:128px;
	/*height:400px;*/
	margin:5px auto 0 6px;
	float:left;
}

#ColMed {
    width:128px;
	/*height:400px;*/
	margin:5px auto 0 6px;
	float:left;
}

#ColDer {
    width:128px;
	/*height:400px;*/
	margin:5px auto 0 6px;
	float:left;
}

#ColIzq a:link { color:#267BB1; text-decoration:none;}
#ColIzq a:hover { color:#656565; text-decoration:none;}
#ColIzq a:visited { color:#267BB1; text-decoration:none;}


#ColMed a:link { color:#267BB1; text-decoration:none;}
#ColMed a:hover { color:#656565; text-decoration:none;}
#ColMed a:visited { color:#267BB1; text-decoration:none;}


#ColDer a:link { color:#267BB1; text-decoration:none;}
#ColDer a:hover { color:#656565; text-decoration:none;}
#ColDer a:visited { color:#267BB1; text-decoration:none;}


.linkRubroMadre {width:128px;/* margin:0 0 0px 0;*/}
.linkRubroMadre {
    height:52px;
	background-color:#DDDDDD;
	margin-top:8px;
	margin-bottom:6px;

}
.linkRubroMadre img { 
    float:left;
	margin:5px auto 0 5px;

}
.linkRubroMadre h3 {
	margin: 12px 5px auto 10px;
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	float:left;
	font-weight:bold; 
	color:#267BB1;
}



/* Hasta aca todo lo referente al selector de rubros en home */









/* Desde aca todo lo referente al titulo de Rubro Madre */

#tituloRubro {
    width:419px;
	height:128px;
	margin: 15px auto 0 auto;
	background-color:#267BB1;
}
.rubroMadre {width:419px;/* margin:0 0 0px 0;*/}
.rubroMadre {height:128px;/* margin:0 0 0px 0;*/}
.rubroMadre img { float:left;}
.rubroMadre h3 {
	margin: 30px auto 0 auto;
	text-indent:6px;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:334px;
	float:left;
	font-weight:normal; 
	color:#ffffff;
}

.rubroMadre h5{ 
	color:#ffffff;
	font-size:0.76em;
	font-weight:normal;
	width:320px;
	float:left;
	margin: 28px auto 5px 6px;
	
}

/* Hasta aca todo lo referente al titulo de Rubro Madre */


#pie {
    background: url(../imagenes/bg_pie.jpg) left top;
	/*background-image: url(../imagenes/bg_pie.jpg);*/
	background-repeat: no-repeat; 
	width:757px;
	height:100px;
	margin: 0px auto 0 auto;
	padding-top:35px;
}

#separador {
    width:757px;
	height:15px;
	margin: 0px auto 0 auto;
}




/* este es el banner flotante */

#capa2{
 position:absolute;
 z-index:2;
 background-color:#CC0000;
 top:170px;
 left:200px;
 width:400px;
 height:500px;
}

/* hasta aca el banner flotante*/

.style3 {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}