@charset "iso-8859-1";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.contMenuMapas {
	width:100%;
	height: 15px;
	margin:0 auto 0 auto; 
}
.contMenu {
	position:relative;
	width:667px;
	height:15px;
	margin:0 auto 0 auto; 
	left: 50%;
	margin-left:-325px;
}
.opcion {
	position:relative;
	float:left;
	margin-right:10px;
	width: 100px;
	height: 15px;
	font:Verdana, Geneva, sans-serif;
	font-size: 10px;
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
}

.opcion:hover {
	position:relative;
	font:Verdana, Geneva, sans-serif;
	font-size: 10px;
	background-color:#666666;
	color:#FF0000;
	cursor:pointer;
}

.opcionAct {
	position:relative;
	float:left;
	margin-right:10px;
	width: 100px;
	height: 15px;
	font:Verdana, Geneva, sans-serif;
	font-size: 10px;
	background-color:#666666;
	color:#FF0000;
	text-align:center;
}


.imgenMapa {
	text-align:center;
	margin: 0px;
	padding: 0px;
}

.TextoMensajeRojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF0000;	
}

.TextoMensajeAzul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;	
}

.TextoMensajeVerde {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:#00CC00;	
}


.titulo {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	color:#999999;
	
}

.titulo2 {

	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#CCCCCC;

}

.subTituloGris {

	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#999999;

}

.subTituloRojo {

	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#CC0000;
}

.botonFormulario {

	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#999999;
	text-decoration:none;
	text-align:right;
}

.botonFormulario:hover {

	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#CC0000;
	text-decoration:none;
	text-align:right;
	/*background-color:#FFDFDF;*/
}

.condicionesEnvio {

	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#999999;
	text-decoration:none;
	text-align:left;
}

.condicionesCampos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	text-align:left;
	vertical-align:middle;
}

.contenedorFormularios {
	margin-left: 40px;
	margin-top: 20px;
	padding: 10px;
	border-color:#666666;
	border-style:dotted;
	border-width: 0.1;
	width: 80%;
}

.etiquetaCampos {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	width: 48%;
	text-align:left;
	vertical-align:middle;
	padding-right: 5px;
	margin-bottom:2px;
}

.asterisco {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	text-align:left;
	vertical-align:middle;
	background-color:#3300CC
}

.divCampos {
	width: 88%;	
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	margin-bottom:2px;	
}


.campos {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	background-color: #DADADA;
	border:none;
	size:60%;
}

.variacionSizeEtiqueta {
	width: 32%;
}

.variacionSizeCampo {
	width: 66%;
}


.contenedorPrincipal {
	margin:0 auto 0 auto; width: 100%; height:100%;
	background-color: #c5c7c8;
}

.colCentral {
	position: relative;
	margin:0 auto 0 auto; width: 100%;
	background-color: #c5c7c8;
}

.lineaSuperior {
	margin:0 auto 0 auto; height: 40px;
	background-color: #FFFFFF;
}

.lineaLogo {
	margin:0 auto 0 auto; height: 45px;
	background-color: #A5A7A8;
	background-image:url(images/fondolinealogo.jpg)
}

.contLogo {
	margin:0 auto 0 auto; width: 900px;
}

.zonaCentro {
	margin:0 auto 0 auto; height: 352px;
	background-color: #727375;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #666666;
}

.contZonaCentro {
	margin:0px auto 0 auto; width: 900px;
}

.contOpcionesCentro {
	float:left;
	padding-top: 4px;
}


.zonaInferior {

	background-color: #C5C7C8; height:100%;	
	border-bottom: solid 1px #333333;	
}

.contZonaInferior {
	margin:0 auto 0 auto; width: 900px;
}

.opcionesMenu {
	width: 145px;
	height: 44px;
	margin-bottom: 4px;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #C5C7C8;		
}

.opcionesMenu:hover { 
	width: 145px;
	height: 44px;
	color: #000000; 
	background-color: #FFFFFF;
	cursor:pointer;
}

.opcionesMenu:active { 
	width: 145px;
	height: 44px;
	color: #000000; 
	background-color: #FFFFFF;
	cursor:pointer;
}
.opcionesMenu:visited { 
	width: 145px;
	height: 44px;
	color: #000000; 
	background-color: #FFFFFF;
	cursor:pointer;
}

.opcionesMenuSel {
	width: 145px;
	height: 44px;
	margin-bottom: 4px;
	padding-top: 10px;
	padding-left: 10px;	
	color: #000000;
	background-color: #FFFFFF;
}



.opcionesMenuDes {
	width: 145px;
	height: 44px;
	margin-bottom: 4px;
	padding-top: 10px;
	padding-left: 10px;	
	color: #FFFFFF;
	background-color: #C5C7C8;
}

.textoOpciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.contCapaCarga {
	margin-top:4px;
	position:relative;
	width: 745px;
	float:left;
}

.capaCarga {
	position: absolute;
	width:100%;
	height: 344px;
}

.casillaDatos {
	position: realitve;
	width: 30%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:left;
}

.casillaDatosUnica {
	position: realitve;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:left;
}


.contenedorContactos {
	padding-top: 40px;	
}


.contPrincipalAcceso {
	padding-top: 20px;	
	margin-left: 20px;
	
}


/*           --- anteriores  -----    */


<style type="text/css">
<!--

body {
		scrollbar-face-color: #A3A3A3; 
		scrollbar-highlight-color: #B3B3B3;
		scrollbar-shadow-color: #838383;
		scrollbar-3dlight-color:#FFFFAA;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #FFFFFF; 
		scrollbar-arrow-color: #FFFFAA;
}


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

.Mensajes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;	
}


.TextoOpciones1 {
/* Se utiliza en todo el texto excepto en el listado (cargaModelos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.TextoOpciones2 {
/* Se utiliza en todo el texto excepto en el listado (cargaModelos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


.Texto9 {
/* Se utiliza para las líneas del carrito (cargaCarrito.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.TextoPequeno {
/* Texto descriptivo (cargaGrupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.TextoPequenoBlanco {
/* Texto descriptivo (cargaGrupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}


.TextoPequenoGris {
/* Texto descriptivo (cargaGrupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}



.TextoComentario {
/* Comentario de las fotos (cargaGrupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.TextoPequenoNegro {
/* Se utiliza para el texto (cargaGrupos.php y crearPedido.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;	
}




.ListadoAparatos {
/* Listado de aparatos (cargaModelos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.ListadoAparatos:active { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.ListadoAparatos:link { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.ListadoAparatos:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.ListadoAparatos:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FF0000; text-decoration: none;}


.ListadoNotas {
/* Listado de aparatos (cargaModelos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.ListadoNotas:active { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.ListadoNotas:link { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.ListadoNotas:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color:  #000000; text-decoration: none;}
.ListadoNotas:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; color:  #FF0000; text-decoration: none;}

.ListadoNotasTitulo {
/* Listado de notas (grupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.ListadoNotasTitulo:active  { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none;}
.ListadoNotasTitulo:link    { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; }
.ListadoNotasTitulo:visited { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
.ListadoNotasTitulo:hover   { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #FF0000; text-decoration: none;}


.enlaceLetraGrande {
/* Listado de notas (grupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color:#00F;
}
.enlaceLetraGrande:active  { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none;}
.enlaceLetraGrande:link    { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #00F; text-decoration: none; }
.enlaceLetraGrande:visited { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #00F; text-decoration: none;}
.enlaceLetraGrande:hover   { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #FF0000; text-decoration: none;}


.ListadoNotasDescripcion {
/* Listado de notas (grupos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.Boton { 
/* Para los botones (cargaGrupos.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.Boton:active { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
.Boton:link { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.Boton:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.Boton:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold;}

.Boton2 {
/* Para los botones, igual que .Boton pero sin mayúsculas (listadoPedidos.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.Boton2:active { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.Boton2:link { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.Boton2:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.Boton2:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold;}

.ListadoReferencias {
/* Listado de las referencias de los artículos (buscarRef.php y cargaBuscarRef.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.ListadoReferencias:active { font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }
.ListadoReferencias:link { font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }
.ListadoReferencias:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;}
.ListadoReferencias:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FF0000; text-decoration: none;}


.ListadoReferenciasTabla {
/* Listado de las referencias de los artículos (buscarRef.php y cargaBuscarRef.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.BotonImagen {
/* Listado de las referencias de los artículos en buscarRef.php y cargaBuscarRef.php */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}
.BotonImagen:active { font-family: arial, helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bold; }
.BotonImagen:link { font-family: arial, helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bold; }
.BotonImagen:visited { font-family: arial, helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bold; }
.BotonImagen:hover { font-family: arial, helvetica, sans-serif;	font-size: 9px;	color: #000000; text-decoration: none; font-weight: bold; }

.TituloTamanoMedio {
/* Titulo de un tipo de imagen (buscarRef.php, previo.php)*/

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.MensajeMediano {
/* Se utiliza para mostrar un mensaje (carrito.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#CC0000;	
}

.OpcionesCarrito {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}
.OpcionesCarrito:active { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.OpcionesCarrito:link { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.OpcionesCarrito:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.OpcionesCarrito:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}

.Tip {
/* Tip de la identificación del aparato cuando este no cabe (cargaModelos.php) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	border: 1px solid #000000;
	background-color: #000000; 
	color: #FFFFDD;
	position:absolute; 
	left:0px; 
	top:0px; 
	height:10px; 
	z-index:2;
	visibility:hidden;
}

.ListadoPedidos {
/* Se utiliza en todo el texto excepto en el listado (cargaModelos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.BotonConfirmacion {
/* se utiliza para los botones de confirmacion (confirmacion.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #A3A3A3; 
	color: white;
	width: 70px;
}

.TextoConfirmacion {
/* se utiliza para los botones de confirmacion (confirmacion.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.letraBoton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:  #000000;
	text-decoration: none;
	cursor: pointer;
}
.letraBoton:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; font-weight: bold;	color: #FF0000; text-decoration: none; cursor: pointer; }
.letraBotonDes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.cerrarSesion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:  #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
.cerrarSesion:hover { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; font-weight: bold;	color: #000000; text-decoration: none; cursor: pointer; }

.fondoDatos {
	position:relative;
	top:10px; 
	width:100%; 
	float:left; 
	background-color:#FFFFDD; 
	text-align:left; 
	height:300px;
	border-bottom-color: #999999;
	border-bottom-width:1px; 
	border-bottom-style:outset;
	border-top-color: #999999;
	border-top-width:1px; 
	border-top-style:outset;		
}

.botonEnlace {
/* se utiliza para los botones de confirmacion (confirmacion.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #A3A3A3; 
	color: white;*/
}

.botonEnlace:hover {
/* se utiliza para los botones de confirmacion (confirmacion.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #A3A3A3; 
	color: white;*/
	cursor:pointer;
}



#main {
	width: 231px;
	height: 132px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -66px;
	margin-left: -115px;
}


.linkPequeñoAzul {
/* Listado de aparatos (cargaModelos.php) */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	color:#0000FF;
}
.linkPequeñoAzul:active { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.linkPequeñoAzul:link { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #0000FF; text-decoration: none; }
.linkPequeñoAzul:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #0000FF; text-decoration: none;}
.linkPequeñoAzul:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #FF0000; text-decoration: none;}




/* button 
---------------------------------------------- */
.botonRedondo {
	display: inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.botonRedondo:hover {
	text-decoration: none;
	color:#FF0000
}
.botonRedondo:active {
	position: relative;
	top: 1px;
}
 
.botonRedPeq {
	font-size: 11px;
	padding: .2em 1em .275em;
}
 
/* color styles 
---------------------------------------------- */
 
/* black */
.botonRedNegro {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.botonRedNegro:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.botonRedNegro:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
 
 /* gris*/
.botonRedGris {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333');
}
.botonRedGris:hover {
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000');
}
.botonRedGria:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}


 
 