
.contiene{
background-color:#000066;
background-repeat:repeat-x;
}
.borde{
background-image:url(../imagenes/borde.png);
background-repeat:repeat-y;
background-position:center;
/*width:800px;*/
}

.superior{
  border-style: none;
	}


ul {
	list-style:none;	
	margin:7px;	
	padding:0;
	}

#navi li a {
	display:block;
	border-color:#000000;
	margin: 3px 0 3px 0;
	width:110px;
	height:27px;	
	padding:4px 2px 2px 12px;	
	text-decoration:none;	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:600;
	color:#000000;
	text-align:left;
	/*background-image:url(../imagenes/fondoMenu.png);*/
	background-color:#F5F5F5;
	border-left:10px solid #09F;  //Agrego un borde ancho a la izquierda
	}
	
	
	#navi li a:hover {	
	color:#000000;
	background-image:url(../imagenes/fondoMenuOver.png);
	background-color:#FFFFFF;	
	border-left-color:#666666; 
	//Luego le cambio el color al borde en el evento hover.
	}
	#barraNavSuperior ul{
	margin:0;
	height:41px;
	list-style:none;
	vertical-align:middle;
	}
	
	#barraNavSuperior a {
	display:block;
	margin: 0;
	width:161px;
	padding:11px 0 11px 0;	
	text-decoration:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
	font-weight:600;
	color:#FFFFFF;
	vertical-align:bottom;
	}
	
	
	#barraNavSuperior li{
	padding:0px;
	float:left;
	border: 0;
	height:41px;
	vertical-align:bottom;   
	}
	
	#inicio{
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../imagenes/boton_principal_b.png);
	}
	
	#historia{
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../imagenes/boton_historia_a.png);
	}
	
	#contactanos{
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../imagenes/boton_contactanos_b.png);
	}
	
	#inicio a:hover  {
	color:#000000;
	background-position:bottom;
	background-image:url(../imagenes/boton_principal_c.png);
	background-repeat:no-repeat;
	vertical-align:bottom;	
	}
	
	#historia a:hover  {
	color:#000000;
	background-position:bottom;
	background-image:url(../imagenes/boton_historia_c.png);
	background-repeat:no-repeat;
	vertical-align:bottom;
	}
	
	#contactanos a:hover  {
	color:#000000;
	background-position:bottom;
	background-image:url(../imagenes/boton_contactanos_c.png);
	background-repeat:no-repeat;
	vertical-align:bottom;
	}
		
	
	.barraSuperior{
	background-image:url(../imagenes/barraSuperior.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
	.nuestrosProductos{
	background-image:url(../imagenes/nuestros-productos.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
	.productos{
	background-image:url(../imagenes/productos.png);
	background-repeat:repeat-y;
	background-position:center;
	}
	
	.nuestrosProductosBajo{
	background-image:url(../imagenes/nuestros-productos-bajo.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
	.botonPrincipal{
	background-image:url(../imagenes/boton_principal.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	.botonHistoria{
	background-image:url(../imagenes/boton_historia.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	.botonContactanos{
	background-image:url(../imagenes/boton_contactanos.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	.titulo{
	background-image:url(../imagenes/titular.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	}
	
	
	/**********************************************************/
	
a:link {
	color: #FFFFFF;
}
a:visited {
	color:#CCCCCC;
}
a:hover {
	color:#666666;
}
a:active {
	color: #FFFFFF;
}



a.inicio:link {
	color:#FFFFFF;
}
a.inicio:visited {
	color:#666666;
}
a.inicio:hover {
	background:#FFFFFF;
	color:#000000;
}
a.inicio:active {
	color:#FFFFFF;
}

a.medio:link {
	color:#666666;
}
a.medio:visited {
	color:#CCCCCC;
}
a.medio:hover {
	background:#FFFFFF;
	color:#000000;
	}
a.medio:active {
	color:#666666;
}

a.inter:link {
	color:#CCCCCC;
}
a.inter:visited {
	color:#666666;
}
a.inter:hover {
	background:#FFFFFF;
	color:#000000;
}
a.inter:active {
	color:#CCCCCC;
}




.style3 {color: #999999}

.style1 {color: #FFFFFF;
		 font-weight:bold;}
.estiloGris{ color:#666666;
			font-weight:bold;}
.estiloNegro{color:#000000;
			font-weight:bold;}