/* CSS Document */

@import "./pasos_compra.css";

#cabecera_recuadro_grande { position:relative; left:0px; top:-1px; width:804px; height:53px; z-index:2; background-image:url(imagenes/cabecera_recuadro_grande.png); }
#relleno_recuadro_grande  { position:relative; left:0px; top:-1px; width:804px; z-index:2; background-image:url(imagenes/relleno_recuadro_grande.png); }
.texto_naranja_negrita 	  { font-family: Verdana; font-size: 11px; color: #FF6600; font-weight: bold; }

.texto_gris { color: #999999; font-family: Verdana; font-size: 10px; }
#texto1 	{ position:relative; left:20px; top:0px; width:95%; z-index:4; }
#posicion 	{ position:absolute; left:41px; top:17px; height:11px; z-index:2; }

.cabeceras   { font-family: Verdana; font-weight: bold; font-size: 10px; color: #FF6600; padding: 5px; }
.selecciones { font-family: Verdana; font-weight: bold; font-size: 10px; vertical-align:middle; }

/*#paso { position:relative; left:30px; top:20px; z-index:5; 	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF6600; }*/


a.descripcion:link		{ color:#000000; TEXT-DECORATION: none; }
a.descripcion:active	{ color:#000000; TEXT-DECORATION: none; }
a.descripcion:visited	{ color:#000000; TEXT-DECORATION: none; }
a.descripcion:hover		{ color:#000000; TEXT-DECORATION: underline; }

.cabeceras 		{ font-family: Verdana; font-weight: bold; font-size: 10px; color: #FF6600; }
.selecciones 	{ font-family: Verdana; font-weight: bold; font-size: 10px; vertical-align:middle; padding-left:15px; }
.Estilo1 		{ font-family: Verdana; font-weight: bold; font-size: 10px; }
.estilo10 		{ font-family: Verdana; font-weight: bold; font-size: 10px; }

.boton2   { width:170px; height:28px; background-image: url(imagenes/boton_largo.png); border:0; cursor: pointer; font-family: Verdana; font-weight: bold; font-size: 10px;	color: #FFFFFF; }
.boton3   { width:105px; height:22px; background-image: url(imagenes/boton2.png); border:0; cursor: pointer; font-family: Verdana; font-weight: bold; font-size: 10px;	color: #FFFFFF; }

.Estilo2  { font-family: Verdana; font-size: 10px; color: #FFFFFF; font-weight:bold;  }
.Estilo3  { font-family: Verdana; font-weight: bold; color: #FF3300; }
.Estilo4  { font-family: Verdana; font-size: 10px; font-weight: bold; color:#000000;  }
.Estilo5  { color: #FF6600; font-weight: bold; font-family: Verdana; font-size: 10px; }
.Estilo7  { color: #FF0000; font-size: 10px; }
.Estilo8  { font-family: Verdana; font-size:11px; }
.Estilo10 {	font-family: Verdana; font-size: 10px; color: #FF0000; }


/* Estilos de las banderas de idiomas */
.Bandera_Clara  { filter: alpha(opacity=50);  } /* Idioma/Bandera NO seleccionada */
.Bandera_Normal { filter: alpha(opacity=100); } /* Idioma/Bandera seleccionada */


.Caja_Con_Foco { /* Cuando se situa el cursor dentro de una caja de texto */
	font-size:10px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
 	border:1px solid #000000; /* Borde Negro */
	background:#FFF0DF;		  /* Fondo Naranja Clarito */
	height:13px;
	width:120px;
}


.Caja_Sin_Foco { /* Cuando una caja de texto pierde el foco */
	height:13px;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	width:120px;
 	border:1px solid #cccccc; /* Borde gris */
}

.Caja_Error { /* Cuando un campo está erroneo se colorea de rojo */
	height:13px;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	width:120px;
 	border:1px solid #FF0000; /* Borde Rojo */
	background-color:#FFE6E6; /* Fondo Rojo Clarito */
}

.Azul  { color:#0033FF; } /* Color Azul  */
.Rojo  { color:#FF0000; } /* Color Rojo  */
.Verde { color:#009933; } /* Color Verde */


.Caja_OK { /* Cuando un campo se rellena correctamente */
	height:13px;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	width:120px;
 	border:1px solid #cccccc; /* Borde Gris */
	background-color:#ffffff; /* Fondo Blanco */
}

.sombra { /* Efecto sombra para la cajita de login del paso 2 (datos cliente) */
	position:absolute; 
	background: #f6f6f6; 	   /* Color de la sombra */   
	border: solid 1px #f6f6f6; /* Color del borde */   
	width: 200px;
	top:120px; 
	left:480px; 
	margin:10px;
	z-index:1;

}

.Boton_CSS {
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:white;
	background:#638cb5;
	border:0px;
	border-left:2px solid #8BAAC9;
	border-bottom:2px solid #8BAAC9;
	width:80px;
	height:13px;
	padding:1px;
	cursor:pointer;
	text-align:center;
}

.Cabecera_Carrito { border-bottom:1px solid #000000; border-right: 1px dotted #c3c3c3; font-weight:bold; }

.Lineas_Carrito   { 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: normal; color:#000000; 
	border-right: 1px dotted #c3c3c3; 
	border-bottom: 1px dotted #CCCCCC;
	padding-top:5px;
	padding-bottom:5px;
	}
	
/*.Activo {
	color:#8BAAC9;
}
.Pasado {
	color:#66FF99;
	filter: alpha(opacity=80);
}
*/

/*****************************************************************************************/
/**  Estilo comentado del nuevo diseño.  											    **/
/**  Como no se cambió el estilo de la página principal he comentado todo este código.  **/
/*****************************************************************************************/


/*.Contenedor {
	position:relative;
	width:335px;
	height:110px;
	padding:10px;
	font-family:Arial;
	font-size:11px;
	background-color: #F2F2F2;
	border:1px solid #c1c1c1;
}

.Contenedor .Izq {
	position:absolute;
	top:0px;
	left:0px;
	height:140px;
}

.Contenedor .Der {
	position:absolute;
	top:5px;
	left:112px;
	height:110px;
	border-left:1px dotted #000000;
	text-align:justify;
	padding:4px;
}
.Contenedor .Imagen {
	position:absolute;
	top:5px;
	left:0px;
}
.Contenedor .Unidades {
	position:absolute;
	top:81px;
	left:8px;
}
.Contenedor .Select_Uni {
	position:absolute;
	top:82px;
	left:36px;
	width:80px;
}
.Contenedor .Numero_Uni {
	background:#f3f3f3;
	border:#f3f3f3 0px solid;
	width:14px; 
	font-size:14px; 
	height:12px; 
	text-align:center;
	position:relative;
	top:-4px;
	font-weight:bold
	
}
.Contenedor .Boton {
	position:absolute;
	top:98px;
	left:242px;
	width:100px;
	padding:2px
}
.Contenedor .Naranja {
	background:#FF6600;
}
.Contenedor .Precio {
	position:absolute;
	top:94px;
	left:4px;
	font-weight:bold;
	width:200px;
}
.Contenedor .Precio_Naranja {
	color:#FF6600;
	font-size:14px;
}
.Contenedor .Titulo_Producto {
	position:absolute;
	top:0px;
	width:240px;
	left:0px;
	padding:5px;
	font-weight:bold;
}
.Contenedor .Desc_Producto {
	position:absolute;
	top:16px;
	width:230px;
	left:0px;
	padding:5px;
}
.Contenedor .Mas_Info {
	position:absolute;
	top:96px;
	width:15px;
	left:0px;
	padding:5px;
}*/