body { margin:0 auto; background:#7B6A56 url(../images/px.gif) repeat-x 0 0; }
	#wrapper { margin:0 auto; width:1000px; height:650px; }
	#left { width:718px; height:720px; float:left; }
	#right { width:262px; height:797px; background: url(../images/bg_formulario.jpg) no-repeat; float:left; }
	
/** ########### ESTILOS DE FORMULARIO ############ */


/** FORMULARIO **/
#formulario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#333;
	text-align:left;
	font-weight:normal;
	position: relative;
	padding-top:10px;
	*padding-top:20px;
	margin-left: 10px;
	height: 600px;
	width: 245px;
	*margin-left: 10px;
	z-index: 3;
}

div.formContainer { width:100%; }

a span.linkTexto{display:none;} 


#formulario .not-floated { 
float: none ;
width: auto ;
display:inline;
}

p{
*margin-bottom:3px;
*margin-top:3px}


.linkNumero{
	color:#333;
}

.linkNumber{
	color:#333;
}
.numselec paginador{
	color:#FC0;
}

#formulario  input#fasciculo_inicial {
display:inline;
float:none;
}

/**________________________________________________________**/

 

/** Codigo php (hacer invisible) **/
#formulario input#origen   {display:none;}
#formulario input#id   {display:none;}
#formulario input#tablaProducto  {display:none;}


/**________________________________________________________**/



/** condiciones de compra **/


/**div#contenedorCondicionesCompra { display:none;  } **/ 


#formulario input#cond_compra{
height:15px;
margin-bottom:-5px; 
*position:relative; 
*top:-1px;           
}

#formulario #textoCondicionesCompra {
color:#000000;
font-weight:normal;

}

/**________________________________________________________**/


/** h4 **/

#formulario h4 {
	clear:both;
	font-size: 9px;
	color:#fff;
	background-color:#976F2A;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/**________________________________________________________**/



/** MAQUETACI?N CASILLAS FORMULARIO **/


#formulario label {
	display:block;
	float:left;
	width:110px;
	_width:100px;
    *width:100px;
	font-size: 9px;
	margin-right: 5px;
	text-align: right;
}  

#formulario input {
	display:block;
	float:left;
	height:12px;
	font-size: 9px;
	margin-bottom:1px;
    *margin-bottom:1px;


}

#formulario select {
	display:block;
	float:left;
	height:17px;
	font-size: 9px;
	margin-bottom:2px;
	_margin-bottom:2px;
*margin-bottom:0px;
*height:14px;
}
/**________________________________________________________**/





/**contenedorDatosPersonales**/  

div#contenedorDatosPersonales{
height:220px;
}

#formulario input.normalTextbox, #tipo_via, #provincia,#email,#sexo, #cconocido   {
	height:12px;
	width:110px;
	_width:120px;
    *width:120px;
	margin-bottom: 1px;
	*margin-bottom: 1px;
}

#formulario #edad  {
width:20px;
margin-right:50px;
}


#formulario #codigo_postal  {
width:40px;
margin-right:50px;
}



#titulo_direccion{
display:none;
}

div#contenedorDatosPersonales div.buttonBar a.continuar {
	float:left;
	margin-left:85px;
	background-image: url(../imgs/continuar.gif);
	background-color:#FFCC66;
	height:17px;
	width:78px;
	margin-bottom:5px;
	margin-top:15px;
}

div#cconocido_row{
	float:left;
	margin-bottom:10px;
	display:inline;
}

/**____________________________________________________________________________________________________________________________________________________________________________________________________**/




/**contenedorFormaEnvio 

div#contenedorFormaEnvio{
width:240px;
height:190px;
margin:0px;
padding:0px;
}

#formulario p#titulo_forma_envio{
font-weight:bold;
}



#formulario input.forma_envio{ 
margin-bottom:10px;/** en el caso que el label sea muy largo y se quede en 3 lineas/** 
*height:20px; } 

#formulario #forma_envio_correos_row {
display:block ;
float:left;
width:240px ;
margin-right: 5px;
text-align:left;

}

#forma_envio_mensajeria_row {
display:block ;
float:left;
width:240px ;
margin-bottom:20px;
margin-right: 5px;
text-align:left;
}

#formulario #forma_envio_correos_row label {
display:none ;/** normalmente es block pero en este formulario lo escondemos/** 
*width:80px;


}


#formulario #forma_envio_mensajeria_row label {
display:none ;/** normalmente es block pero en este formulario lo escondemos/** 
*width:80px;


}
#titulo_direccion_envio {display:none;}

#formulario p#descripcion_direccion_envio{
font-weight:bold;
}

#formulario label.forma_envio {
text-align:right;
width:60px;
}
#formulario #provincia_envio{
width:120px;
}

div#contenedorFormaEnvio div.buttonBar a.continuar {
float:left;
margin-left:85px;
background-image: url(../imgs/continuar.gif);
background-color:#485492;
height:17px;
width:78px;
margin-bottom:5px;
margin-top:10px;
}


/**____________________________________________________________________________________________________________________________________________________________________________________________________**/


/**contenedorBancoTarjetaContrareembolso/**  



#formulario p#titulo_forma_pago{
font-weight:bold;
}

#formulario #banco_row{
display:block;
float:left;
width:240px;
*margin-top:10px;
margin-bottom:2px;
font-size: 10px;
*font-weight:bold;
}

#formulario #tarjeta_credito_row{
display:block;
float:left;
width:240px;
margin-top:5px;
margin-bottom:2px;
font-size: 10px;
*font-weight:bold;

}

#formulario #contrareembolso_row{ 
display:none;/* normalmente es display, ahora no queremos que se vea el CONTRAREEMBOLSO/* 
float:left;
width:240px;
margin-top:5px;
margin-bottom:5px;
font-size: 10px;
*font-weight:bold;
}




/**banco**/ 


#banco_contenedor{
margin-top:10px;

}

#banco_contenedor label{

font-size:8px;
width:75px;
*width:86px;
*font-size:9px;
}

#formulario #banco_codigo_banco_row label {
width:80px;
_width:80px;
*width:80px;
}

#banco_codigo_banco label{
widht:50px;
}


#cuenta_corriente {
	display:block;     /* esto es para poder darle ancho fijo*/
	float:left;        /* las cosas 'block' se colocan una encima de la otra, salvo que tengan float:left, en cuyo caso se 'apilan' a la izquierda (siempre que tengan espacio*/
	width:50px;       /* el que sea que tenga el mismo que todos los otros literales */
	text-align:right;
	margin-left:-3px;
	border-color:#FFCC66;
	border-width:thin;
*width:50px;
*padding:0px;
}

#cuenta_corriente th{ display:none;
}

#banco_cuenta{
width:60px;
padding:0px;
height:12px;
*padding-bottom:2px;


}
#banco_codigo_control{
width:15px;
padding:0px;
height:12px;
*padding-bottom:2px;
*width:12px;

}
#banco_codigo_banco{
width:25px;
padding:0px;
height:12px;
*padding-bottom:2px;
*width:23px;
}

#banco_codigo_sucursal{
width:25px;
padding:0px;
height:12px;
*padding-bottom:2px;
*width:23px;
}



/**tarjeta_credito

#tarjeta_check_titular_row{
*margin-top:10px;

}

#formulario #tarjeta_contenedor{
margin-top:10px;
width:240px;
font-size:8px;
*font-size:9px;

}
#tarjeta_contenedor label{
width:90px;
*width:100px;
}



#tarjeta_fecha th{
display:none;
}

#formulario #tarjeta_tabla{
font-size: 10px;
display:block;
width:100px;
float:left;
margin-left:-2px;
margin-bottom:0px;
}

#formulario #tarjeta_fecha{
font-size: 10px;
display:block;
float:left;
width:100px;
margin-left:-2px;
margin-top:-5px;
border-width:thin;
*width:40px;
}


#formulario input#tarjeta_1{
width:25px;
padding:0px;
*padding-bottom:2px;
}

#formulario input#tarjeta_2{
width:25px;
padding:0px;
*padding-bottom:2px;
}
#formulario input#tarjeta_3{
width:25px;
padding:0px;
*padding-bottom:2px;
}
#formulario input#tarjeta_4{
width:25px;
padding:0px;
*padding-bottom:2px;
}

#formulario input#tarjeta_mes{
width:15px;
padding:0px;
*padding-bottom:2px;
}

#formulario input#tarjeta_anyo{
width:15px;
padding:0px;
*padding-bottom:2px;
}


#formulario #tarjeta_control_row  label{
font-size: 9px;
width:200px;
margin-right:5px;
display:block ;
float:left;
text-align: right;
*width:180px;
}

#formulario input#tarjeta_control{
width:20px;
padding:0px;
}

/**____________________________________________________________________________________________________________________________________________________________________________________________________**/



/**________________________________________________________**/


/** boton de enviar **/

#formulario #submitButton{
	width:65px;
	height:20px;
	border: 0px solid #FFFFFF;
	background-color:#976F2A;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-image:none;
	margin-top:0px;
	margin-left:90px;
	margin-bottom:5px;
    *margin-top:0px;

   *margin-left:100px;
	_margin-left:85px;

  *height:17px;
}
#formulario div.buttonBar , #formulario {
	position:relative;
}


/**________________________________________________________**/


/** referente al aviso legal**/
#formulario input#aceptacion_aviso_legal{
display:inline;
}

#aceptacion_aviso_legal_row{
clear:both;


}

#aceptacion_aviso_legal_row{
	margin-top:2px;
	color:#333;
	margin-left:4px;
	font-size:9px;
	margin-bottom:-4px;
*font-size:9px;
*margin-left:2px;
*margin-bottom:-2px;

}

#aceptacion_aviso_legal{
margin-top:0px;
margin-bottom:-2px;

}


/** aviso legal **/


#aviso_legal{
display:none;
border: 2px solid #000000;
text-align: left;
background-color:#FFFFFF;
padding: 15px;
color:#000000;
position: absolute;
top: 60px;
left: 0px;
width: 250px;
height: 550px;
margin-left:-300px;
z-index:5;
margin-top:-40px;
*margin-left:-300px;
*height: 400px;

}

div#aviso_legal input#tipo_robinson{display:none;} /** desactivar el tipo_robinson que esta dentro del aviso legal**/
div#aviso_legal a#cerrar_aviso_legal{display:block;} /** Mostrar el bot?n de "cerrar" dentro de la capa aviso_legal (est? oculto por defecto)**/


/**________________________________________________________**/


/** tipo robison **/
#div_tipo_robinson{
	display:block; /**activar el tipo robinson externo**/
	color:#333;
	margin-left:4px;
	margin-top:-2px;
	font-size:9px;
*font-size:9px;
*margin-top:0px;
*margin-left:2px;


} 


#formulario input#tipo_robinson2 {
display:inline;
float:none;
}

p#p_tipo_robinson {
	clear:both;
	color:#333;
	font-size:9px;
*font-size:9px;

}

#p_envio_datos_personales{
	margin-right: 2px;
	text-align: left;
	margin-top:-2px;
	margin-bottom:2px;
	margin-left: 4px;
	color:#333;
  *font-size:9px;
  *margin-top:-20px;
  *margin-left:3px;
}

.enlace_aviso_legal{
	font-weight:bold;
	color:#333;
*font-weight:bold;
	_font-weight:bold;
}



/**________________________________________________________**/

/** capa errores **/

#formulario .highlightError { background-color:#FBFFAF; }
ul#errorList{
	width: 260px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin-top:0px;
	position:absolute;
	border:1px solid #CC0000;
	background-color:#FFFFFF;
	color:#4B2A03;
	/** JEZ : especificamos las coordenadas "top" y "bottom".
     * el <ul> se posiciona absolutamente con respecto al primer "padre"
     * que tenga una posicion relativa o absoluta.
     * en este caso, el primer "padre" del ul con posicion relativa
     * o absoluta, es el formulario - al que le hemos dado el atributo 
     * position:relative;
     */
  top:30px;
	left:-40px;
  *left:5px;
  *margin-left:0px;
  *padding-left:5px;
}

#cerrar_errores{
	margin-top:20px;
	margin-left:-15px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
*margin-left:0px;
} 

#errorList{
margin-top:0px;
position:absolute;
clear:both;
}



/**________________________________________________________**/

/** SUSCRIPCION_MICROSITE **/
 
 
div#enlace_aviso_legal
{
width:240px;
float:left;
text-align:left;
*margin-top:0px;

}

.aviso_legal {
FONT-SIZE: 10px; 
COLOR:#000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

.aviso_legal_txt {
FONT-SIZE: 9px; 
COLOR:#000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}

a.aviso_legal:hover{
	COLOR:#FC0;
	text-decoration:underline;
}
/**________________________________________________________**/

/** oferta valida **/

#oferta_valida {
	_margin-top:5px;
	_margin-bottom:5px;
*margin-top:2px;
*margin-bottom:2px;
	clear: both;
}

/**________________________________________________________**/
/** oferta valida **/

#formulario #p_oferta_valida {
display:none;
}

/**________________________________________________________**/
#img_alt img {
	margin: 0px;
	padding: 0px;
	float: left;
}
.enlace_aviso_legal:hover {
	color: #976F2A;
}