/** FORMULARIO **/

th{
	display: none;
}


#formulario {
	/** JEZ : para que el <ul> de erroes, 
	 * se posicione absolutamente con respecto al formulario, 
	 * hay que darle al formulario una posicion relativa .*/
	position: absolute;
	height:auto;
	width: 240px;
	color:black;
	text-align:left;
	margin-right: 5px;
	margin-left: 9px;
	font: 10px Verdana, Arial, Helvetica, "sans-serif normal";
	margin-top: 20px;
	line-height: 1.8em;
}

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

/** condiciones de compra **/

/*Éste es el bloque que lleva el texto inicial en el que se especifica la oferta*/
	div#contenedorCondicionesCompra {
	display:block;
} 

#fasciculo_inicial{
	display: inline!important;
	float: none!important;
	width: 30px;
}

label[for=modelo_coleccion]{
	width: 240px !important;
	text-align: left !important;
	float: none !important;
}

.variante input{
	margin-right: 5px;
}
	
/*Para el checkbox de aceptación de las condiciones de compra*/	
#formulario input#cond_compra{
	width:auto; /** se hace esto para que no tenga el ancho de 110px aplicado a los inputs generales**/
	display:inline;
	margin-left: 1px;
	margin-right: 4px;}	

	div#rellene {
	font: normal 10px Verdana, Geneva, sans-serif;
	display: block;
	margin-bottom: 10px;
	width: 230px;
	margin-left: 10px;
}

#formulario h4 { display:none;}
#titulo_direccion { display:none;}
/**________________________________________________________**/

/** MAQUETACIÓN CASILLAS FORMULARIO **/	
div#contenedorDatosPersonales {display: block;}
#formulario label {
	display:block;
	float:left;
	font-size: 10px;
	text-align: right;
	width: 110px;
	margin-right: 5px;
	line-height: 1.8em;

}  

#formulario input {
	display:block;
	float:left;
	margin-bottom:2px;
	font-size: 9px;
	border-radius: 5px;
	border-color: silver;
	border-width: 1px;
} 
#formulario select {
	display:block;
	float:left;
	margin-bottom:2px;
	font-size:9px;
}
	
select#cconocido{
	width: 90px !important;
}	
	
#poblacion, #provincia {
    width: 100px;
    height: 17px;
}

#formulario input.normalTextbox,#tipo_via,#email {width:100px;font-size:10px;}



#formulario div.row {clear:both;}

#check_titular_row{
	padding-right: 5px;
}

label.lbl_banco_nombre, label.lbl_banco_primer_apellido, label.lbl_banco_segundo_apellido, label.lbl_banco_codigo_banco{
	width: 87px !important;
	margin-right: 2px !important;
}

table#cuenta_corriente{
	margin: 0;
}

/** boton de enviar **/
#formulario #submitButton{
	width: 62px;
	height: 22px;
	border: 0px solid #FFFFFF;
	text-align:center;
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
	margin-left: 90px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: none #343f91;
}
/**________________________________________________________**/

/** referente a todos los tipos de aviso legal**/
/*div#div_tipo_robinson.pasoDatosPersonales p{display:none;}
div#div_tipo_robinson.pasoFormaEnvio p { display:none; }
div#aceptacion_aviso_legal_row.pasoDatosPersonales p{ display:none; }
div#aceptacion_aviso_legal_row.pasoFormaEnvio p{ display:none; }
div#territorio_espanol.pasoDatosPersonales p{ display:none; }
div#territorio_espanol.pasoFormaEnvio p{ display:none; }*/

/*esto son los 2 checkbox de aviso legal y maque esta casilla...*/
	#formulario input.checkbox{
	width:auto; /** se hace esto para que no tenga el ancho de 110px aplicado a los inputs generales**/ 
	display:inline;
	margin:0px 4px 0px 1px;}
	

/*div que incluye "He leído y acepto el aviso legal" y su checkbox*/
	div#aceptacion_aviso_legal_row{font-size: 10px; color:black;
	margin-left: 8px;
}

/** aviso legal **/
#aviso_legal{
	display:none;
	text-align: left;
	background-color:#FFFFFF;
	padding: 15px;
	color:#000000;
	position: absolute;
	top: 20px;
	left: -420px;
	width: 350px;
	height:auto;
	z-index:99999;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow: 5px 5px 15px #000;
	-webkit-box-shadow: 5px 5px 15px #000;
	-moz-box-shadow: 5px 5px 15px #000;
}
input#cerrar_aviso_legal{
	width:65px;
	height:25px;
	border: 0px solid #FFFFFF;
	background-color:#fbbb00;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background-image:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-right: auto;
	margin-left: auto;
}
/**________________________________________________________**/

/** capa errores **/
#formulario .highlightError {background-color:#FFFFCC;} /*color en el que se destacan los campos que faltan por rellenarse*/

ul#errorList{
	/** 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;**/
	clear:both;
	position:absolute;
	width:200px;
	margin:20px;
	padding:20px;
	border:1px solid #CC0000;
	background-color:#FFFFCC;
	color:#CC0000;
	top: 20px;
	left: -23px;
	border-radius: 8px;
	height: auto;
	z-index: 9999;
}

#cerrar_errores{
	color:#000000;
	text-decoration:none;
	font-weight: bold;
} 
/**________________________________________________________**/


/*enlace a la capa de detalles del aviso legal, que aparece normalmente 2 veces en el formulario*/
.enlace_aviso_legal{
	font-weight: bold;
	color: #244152;
	text-decoration:none;
}
	
/*color del que se pone el enlace del aviso legal al pasar sobre él*/
a:hover.enlace_aviso_legal {
	color: black;
	text-decoration:none;
	font-weight: bold;
}
/**________________________________________________________**/

/** oferta valida **/
#oferta_valida {
	text-align: center !important;
	font-size:10px;
	color:black;
	margin:5px 0px 0px 0px;
}