/* CSS Document */

/* -------------------------------------
CSS Atelier Libros
http://www.atelierlibros.es
Revisat per Iurisdoc.com - Novembre 2011
---------------------------------------- */


/* FORMULARIO VALIDAR CLIENTE --------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#formularioCliente fieldset {
	border:		none;
	margin: 	0 0 30px 0; 
	padding: 	0; 
}

#formularioCliente legend {
	background:	#811937;
	clear:		both;
	color:		#FFF; 
	font:		bold; 
	margin:		0 0 10px 0; 
	padding:	3px; 
	text-transform:uppercase; 
	width:		530px; 
}

#formularioCliente small {
	clear:		both; 
	color:		#811937; 
	float:		left; 
	font-size:	9px; 
	margin: 	0 0 20px 0; 
	padding:	3px; 
	width:		90%;
}

#formularioCliente fieldset p {
	float:		left;
	margin: 	0 0 8px 0; 
}

#formularioCliente fieldset p.btn {
	float:		left;
	margin:		0 0 0 10px;
	width:		100px;
}

#formularioCliente fieldset label.mail {
	width:		65px;
}

/* estilos personalizados para errores */
#formularioCliente .checkbox {
	margin:		0; 
	padding:	0;
}

#formularioCliente .input {
	border:		1px solid #811937; 
	display: 	block; 
	float:		left;
	font:		normal 10px Verdana, Arial, Helvetica, sans-serif; 
	margin:		0 0 10px 10px!important;
	padding:	2px 1px; 
	width:		200px;
}

#formularioCliente .inputError {
	background: #F2EAD2; 
	border:		1px solid #811937;
	display: 	block;
	float:		right;
	font-size:	10px; 
	margin:		0 0 0 10px!important;
	padding:	2px 1px; 
	width:		200px;
}
	
#formularioCliente label {
	background:	url(../img/flecha-li.png) no-repeat; 
	clear: 		both;
	float: 		left; 
	display: 	block;
	margin:		0 10px 0 0; 
	font-weight:normal; 
	padding: 	0 0 0 12px;
	width:		115px;
}

#formularioCliente li {
	display:	block;
	float:		none;
	margin:		0 0 5px 0; 
}
	
#formularioCliente label.obligatorio {
	background:	url(../img/flecha-li.png) no-repeat;
	clear: 		both; 
	display: 	block; 
	float: 		left; 
	font-weight: bold; 
	margin:		0 10px 0 0; 
	padding: 	0 0 0 12px;
}
	
#formularioCliente label.obligatorioError {
	background:	url(../img/flecha-li.png) no-repeat; 
	clear: 		both; 
	color:		#811937; 
	display: 	block; 
	float: 		left; 
	font-weight:bold; 
	margin:		0;
	padding: 	0 0 0 12px;
}

#formularioClientebol fieldset {
	border:		none;
	margin: 	0 0 30px 0; 
	padding: 	0; 
}

#formularioClientebol legend {
	background: #811937;
	clear:		both;
	color:		#FFF; 
	font-weight:bold; 
	margin:		0 0 20px 0; 
	padding:	3px; 
	text-transform:uppercase; 
	width:		290px; 
}

#formularioClientebol small {
	clear:		both; 
	color:		#811937; 
	float:		left; 
	font-size:	9px; 
	margin: 	0 0 20px 0; 
	padding:	3px; 
	width:		90%;
}

#formularioClientebol fieldset p {
	float:		left;
	margin: 	0 0 8px 0; 
}
	
.boton { 
	clear:		both;
	margin:		10px 0 0 0; 
}

div.mensajeOK {
  	background: #efefef;
  	border: 	3px solid #198147;
  	color: 		#000;
  	font-weight:bold;
	line-height:15px;
  	margin:		0 auto;
  	padding:	5px;
  	text-align:	center;
  	width:		514px;
}

div.mensajeOK p.mensaje {
	padding:	5px;
}

div.error {
  	background: #F2EAD2;
  	border: 	3px solid #811937;
  	color: 		#000;
  	font-weight:bold;
	line-height:15px;
  	margin:		0 auto;
  	padding:	5px;
  	width:		514px;
}

div.error p.error {
	color: 		#811937;
  	font-weight:normal;
  	padding:	5px;
}

div.error p.error a.error{ 
  	color: 		#811937;
	text-decoration:underline;
}

#frmdatosFacturacion { 
	float:		left; 
	margin-right:10px; 
	width:		255px; 
}

#frmdatosEnvio { 
	float:		left; 
	width:		255px;
}

#frmdatosFacturacion table { 
	width:		250px;
}

#frmdatosEnvio table {
	width:		250px;
}

table tr td.izquierda { 
	text-align:	right;
	font-weight:bold;
}

table tr td.derecha { 
	text-align:	left;
}

#frmdatosFacturacion td, #frmdatosEnvio td {
	padding:	1px;
}

#formularioPedido {
	margin:		20px 0 0 0;
	padding:	0;
}

#formularioPedido fieldset {
	border:		none;
	margin: 	0 0 30px 0;
	padding: 	0;
}

#formularioPedido legend {
	background:	#811937; 
	clear:		both;
	color:		#FFF;
	font-weight:bold;
	margin:		0 0 20px 0; 
	padding:	3px;
	text-transform:uppercase;
	width:		230px; 
}
	
#formularioPedido small { 
	clear:		both;
	color:		#811937;
	padding:	3px; 
	float:		left;
	font-size:	9px; 
	margin: 	0 0 20px 0; 
}

/* estilos personalizados para errores */
#formularioPedido .input {
	border:		1px solid #811937; 
	display:	block; 
	font-size:	10px; 
	left: 		8em; 
	padding:	1px; 
	position: 	relative; 
	top: 		-1.4em; 
	width:		135px;
}

#formularioPedido .inputError {
	background: #F2EAD2; 
	border:		1px solid #811937; 
	display:	block; 
	font-size:	10px; 
	top: 		-1.4em; 
	left: 		8em; 
	padding:	1px; 
	position: 	relative; 
	width:		135px;
}

#formularioPedido .textarea {
	border:		1px solid #811937; 
	display: 	block; 
	height:		30px;
	font:		normal 10px Verdana, Arial, Helvetica, sans-serif; 
	left: 		8em; 
	margin-left:5px; 
	padding:	1px; 
	position: 	relative; 
	top: 		-1.4em; 
	width:		380px; 
}

#formularioPedido label {
	background: url(../img/flecha-li.png)no-repeat; 
	clear: 		both; 
	display: 	block; 
	float: 		left; 
	font-weight:normal; 
	margin:		0 0 0 3px; 
	padding:	0 0 0 12px;
}

#formularioPedido label.radio {
	background: none; 
	clear: 		both; 
	display: 	block; 
	float:	 	left; 
	font-weight:normal; 
	margin:		0 0 0 3px; 
	padding: 	0 0 0 12px; 
	width:		380px;
}

#formularioPedido label.obligatorio {
	background: url(../img/flecha-li.png) no-repeat; 
	clear: 		both; 
	display: 	block; 
	float: 		left; 
	font-weight:bold; 
	margin:		0 0 0 3px; 
	padding: 	0 0 0 12px;
}
	
#formularioPedido label.obligatorioError {
	background: url(../img/flecha-li.png) no-repeat; 
	clear: 		both; 
	float: 		left; 
	display: 	block; 
	margin:		0 0 0 3px; 
	color:		#811937; 
	font-weight:bold; 
	padding:	0 0 0 12px;
}

#formularioPedido div.error {
  	background: #F2EAD2;
  	border: 	3px solid #811937;
  	color: 		#000;
  	font-weight:bold;
	line-height:15px;
  	margin:		0 auto;
  	padding:	5px;
  	width:		514px;
}

#formularioPedido div.error p.error {
  	color: 		#811937;
  	font-weight:normal;
  	padding:	5px;
}

#formularioPedido div.error p.error a.error{ 
  	color: 		#811937;
	text-decoration:underline;
}

.botonEnviar {
	text-align:center;
}



/* FORMULARIO ÁREA CLIENTES - EL LLARG ------------------------------------------------------------------------------------------------------------------------------------------------------ */

#formularioAreaCliente fieldset {
	border:		none;
	margin: 	0 0 30px 0; 
	padding: 	0; 
}

#formularioAreaCliente legend {
	background:	#811937;
	clear:		both;
	color:		#FFF; 
	font:		bold; 
	margin:		0 0 10px 0; 
	padding:	3px; 
	text-transform:uppercase; 
	width:		530px; 
}

#formularioAreaCliente small {
	clear:		both; 
	color:		#811937; 
	float:		left; 
	font-size:	9px; 
	margin: 	0; 
	padding:	3px; 
	width:		536px;
}

#formularioAreaCliente fieldset p {
	float:		left;
	margin: 	0 0 10px 0;
	width:		536px;
}

#formularioAreaCliente fieldset p.btn {
	float:		left;
	margin:		0 0 0 10px;
	width:		100px;
}

#formularioAreaCliente fieldset label.mail {
	width:		65px;
}

#formularioAreaCliente .checkbox {
	margin:		0; 
	padding:	0;
}

#formularioAreaCliente .input {
	border:		1px solid #811937; 
	display: 	block; 
	float:		left;
	font:		normal 10px Verdana, Arial, Helvetica, sans-serif; 
	margin:		0!important;
	padding:	2px 1px; 
	width:		532px;
}

#formularioAreaCliente input.corto {
	border:		1px solid #811937; 
	display: 	block; 
	float:		left;
	font:		normal 10px Verdana, Arial, Helvetica, sans-serif; 
	margin:		0!important;
	padding:	2px 1px; 
	width:		152px!important;
}

#formularioAreaCliente select {
	width:		536px!important;
}

#formularioAreaCliente .inputError {
	background: #F2EAD2; 
	border:		1px solid #811937;
	display: 	block;
	float:		right;
	font-size:	10px; 
	margin:		0 0 0 10px!important;
	padding:	2px 1px; 
	width:		200px;
}
	
#formularioAreaCliente label {
	background:	url(../img/flecha-li.png) no-repeat; 
	clear: 		both;
	float: 		none!important; 
	display: 	block;
	margin:		0 0 3px 0; 
	font-weight:normal; 
	padding: 	0 0 0 12px;
	width:		536px;
}
	
#formularioAreaCliente label.obligatorio {
	background:	url(../img/flecha-li.png) no-repeat;
	clear: 		both; 
	display: 	block; 
	float: 		left; 
	font-weight: bold; 
	margin:		0; 
	padding: 	0 0 0 12px;
}
	
#formularioAreaCliente label.obligatorioError {
	background:	url(../img/flecha-li.png) no-repeat; 
	clear: 		both; 
	color:		#811937; 
	display: 	block; 
	float: 		left; 
	font-weight:bold; 
	margin:		0;
	padding: 	0 0 0 12px;
}



/* FORMULARIO CONTACTO ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#formularioContacto fieldset {
	border:		none;
	margin: 	0 0 30px 0; 
	padding: 	0; 
}

#formularioContacto legend {
	background:	#811937;
	clear:		both;
	color:		#FFF; 
	font:		bold; 
	margin:		0 0 10px 0; 
	padding:	3px; 
	text-transform:uppercase; 
	width:		530px; 
}

#formularioContacto small {
	clear:		both; 
	color:		#811937; 
	float:		left; 
	font-size:	9px; 
	margin: 	0 0 20px 0; 
	padding:	3px; 
	width:		90%;
}

#formularioContacto fieldset p {
	float:		left;
	margin: 	0 0 8px 0; 
}

#formularioContacto fieldset p.btn {
	float:		left;
	margin:		0 0 0 10px;
	width:		100px;
}

#formularioContacto fieldset label.mail {
	width:		65px;
}

/* estilos personalizados para errores */
#formularioContacto .checkbox {
	margin:		0; 
	padding:	0;
}

#formularioContacto .input {
	border:		1px solid #811937; 
	display: 	block; 
	float:		right;
	font:		normal 10px Verdana, Arial, Helvetica, sans-serif; 
	margin:		0 0 0 10px!important;
	padding:	2px 1px; 
	width:		200px;
}

#formularioContacto textarea {
	font:		normal 10px Verdana, Arial, Helvetica, sans-serif; 
}

#formularioContacto .inputError {
	background: #F2EAD2; 
	border:		1px solid #811937;
	display: 	block;
	float:		right;
	font-size:	10px; 
	margin:		0 0 0 10px!important;
	padding:	2px 1px; 
	width:		200px;
}
	
#formularioContacto label {
	background:	url(../img/flecha-li.png) no-repeat; 
	clear: 		both;
	float: 		left; 
	display: 	block;
	margin:		0; 
	font-weight:normal; 
	padding: 	0 0 0 12px;
	width:		120px;
}
	
#formularioContacto label.obligatorio {
	background:	url(../img/flecha-li.png) no-repeat;
	clear: 		both; 
	display: 	block; 
	float: 		left; 
	font-weight: bold; 
	margin:		0; 
	padding: 	0 0 0 12px;
}
	
#formularioContacto label.obligatorioError {
	background:	url(../img/flecha-li.png) no-repeat; 
	clear: 		both; 
	color:		#811937; 
	display: 	block; 
	float: 		left; 
	font-weight:bold; 
	margin:		0;
	padding: 	0 0 0 12px;
}