/* tablas */
table{ width:560px; font-size:1.0em; border:0px; margin:0px; padding:0px;}
caption{ padding-bottom:4px; margin:0 0 0.5em; font-size:1.5em; line-height:1.2; font-weight:normal; color:#000000; text-align:left; margin:2px 0px 0px;}
thead{color:#373a3c; font-size:0.8em; font-weight:normal; background-color:#DDD; height:20px;}
tr{ padding-bottom:10px; border-bottom:1px solid #CCCCCC;}
td{ padding:12px 10px; margin:0px; background-color:#f6f6f6; }
td.price, td.total{ padding:5px 10px; width:50px;}
td.total{ color:#238D74}
tbody .listitem{ padding-bottom:10px; border-bottom:1px solid #666666;}
td.compra{ text-align:left; color:#000000; font-weight:bold; font-size:0.9em;}
td.product a{ color:#009797; font-weight:bold; text-decoration:underline; line-height:1.2em;}
td.product .autor{ margin-top:5px;}
td.compra .autor{ margin-top:5px; font-weight:normal;}
td.ebook input{ width:36px; text-align:center; vertical-align:middle;}
.tr-odd{ background:#F1F2EC;}
td a.borrar{ display:block; color:#333; font-size:0.8em;}
tr.pie td.sub{ text-align:right;}


/* cajas proceso de compra */
ol.proceso_compra { margin-bottom:20px;}
ol.proceso_compra li{ line-height:1.2em;}
ol.proceso_compra li.select{ color:#666666; font-weight:bold; line-height:1.2em;}

/*cesta */
#colcentral #tt_products_basket td.product a{ color:#004764; font-weight:bold; text-decoration:none; font-size:11px; line-height:1.2em; text-transform: uppercase;}
#colcentral #tt_products_basket td.product span.autor a{ color:#333333; font-weight:normal; font-size:10px;}
#colcentral #tt_products_basket td.product span.autor a:hover{ }

#colcentral .botones_cesta{ float:left; padding-top:20px; }
#colcentral .price_summary .botones_cesta{ width:182px; margin:5px 0 0 0; padding:0; border:0; color:#006699;}
#colcentral #tt_products_basket .botones_cesta a{}
.botones_cesta{ float:right;}
.botones_cesta a{ width:auto; float:left; font-size:0.8em; margin-right:10px;}

.form_control{ width:560px; display:block; clear:both; color:#3D4043; margin-top:10px;}
.price_summary span{ font-weight:normal; color:#000;  font-size:0.4em; margin-bottom:0 3px 5px 0; }
.boton_formalizar{ width:105px; height:21px; color:#003399; font-weight:bold; float:right; padding:5px 0px 0px 30px; margin: 10px 20px 0px 20px; background:url(../images/icon_proceso1.gif) no-repeat left center;}

.price_summary{ width:182px; height:80px; float:right; padding:0px 0px 0px 0px; background:url(../images/_bg_precio.jpg) no-repeat;}
#totalPedido{ width:100%; height:30px; float:right; font-size:1.9em; color:#ff9900; font-weight:bold; text-align:right; padding:10px 10px 0 0;}
.realizar_pedido{ clear:both; border-top:1px solid #CCCCCC; padding-top:10px;}
.realizar_pedido img{ padding-top: 5px;}
.realizar_pedido span{ font-size:.8em;}


/* formas de pago y envío */
.labelenvio, .labelpago {  float:left; font-size:0.8em; line-height:1.2em; text-transform:uppercase; padding:7px 15px 0 10px; color:#333;}
.labelenvio strong, .labelpago strong{ float:right;}
.formaenvio, .formapago { width:139px; height:20px; float:left; margin:0px 15px 0 0; padding:2px;}
.formaenvio select, .formapago select { width:137px; height:18px; float:left; color:#333333; font-size:0.9em;}
.totalenvio, .totalpago { float:left; color:#238D74; font-weight:bold;}
.totalenvio span, .totalpago  span{ font-weight:normal; font-size:0.9em;}
.delivery, .payment { margin-bottom: 5px; width:540px; padding-top:10px; height:25px;}
.payment{ padding-top:18px;}
.cesta { padding-bottom: 16px; border-bottom: 1px solid #ccc; margin-bottom: 12px;}
.mensaje_cesta{ padding:0px 0px 0px 15px; margin-top:15px; background:url(../images/spBasicos.png) no-repeat -312px -166px; border-bottom:1px solid #CCCCCC;}
.mensaje_cesta a{ color:#666666;}


/* formulario de compra */
.grupo_datos{ width:100%; float:left; clear:both; margin-bottom:20px;}
.grupo_datos form{ border-top:1px solid #CCCCCC; padding-top:25px; margin-top:20px;}

h3.proceso{ margin: 0px 0px 20px 0px; padding:0px 0px 5px 0px; font-size:1.2em; font-weight:bold; line-height:1.3; color:#000000; border-bottom:1px solid #CCCCCC;}
.grupo_datos label.corto{ width:30px;}
.grupo_datos input.checkbox{ float:left; clear:none;}
.grupo_datos  label.checkbox{ width:auto; height:auto; color:#333333; float:left; font-size:1em; margin:-10px 0 0 5px;}
#colcentral .grupo_datos input.flecha{
	width:auto;	
	height:25px;float:
	left;color:#003399;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-transform:uppercase;
	text-align:left;
	padding-left:30px;margin:0px;
	background:url(../images/topo_cesta.gif) no-repeat;border:0;
}
input.texto_color{ float:right; color:#006699; background:transparent; text-transform:uppercase; text-decoration:underline; text-align:left; font:bold 9px Arial, Helvetica, sans-serif; border:0px; margin-top:-20px; cursor:pointer;}
.grupo_datos .totalPedido{ color:#FF3333; float:left; font-size:16px; font-weight:bold;}
.botones_cesta .boton_left{ height:30px; padding-left:8px; float:right; background:url(../images/bot_compra_left.jpg) no-repeat left top;}
#colcentral #tt_products_basket .botones_cesta .boton_left a{ color:#FFFFFF}
.botones_cesta input.boton_proceso, .botones_cesta a.boton_proceso{
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
	padding:2px 47px 0px 20px;
	background:url(../images/bot_compra_right.jpg) no-repeat right top;
	border:0px;cursor:pointer;
}
.botones_cesta a.boton_proceso{ background:url(../images/btn_realizarpedido.png) no-repeat right top;}


/* info */
.info, .info2{ width: 540px; display:block; clear:both; overflow:hidden; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding:14px 0px; margin-bottom:40px;}
.info h2, .info2 h2{ background:url(../images/topo_info.gif) no-repeat left 3px; margin-top:10px; padding:0px 0px 15px 20px; font-size:11px; font-weight:normal;}
.info a, .info2 a{ font-size:11px; color:#238D74; margin-right:165px; float:right;} 
.info .campo_form, .info .campo_form label,.info2 .campo_form, .info2 .campo_form label, .bot_form{ float:left;}
.info .campo_form input, .info2 .campo_form input{ margin-right:24px; border:1px solid #CCCCCC}
.info .campo_form label, .info2 .campo_form label{color:#666666; font-weight:bold; padding:2px 9px 0 0;}
.info .bot_form, .info2 .bot_form{ width:134px; height:30px;background:url(../images/bot_recuperar.jpg) no-repeat; border:0px; text-transform:uppercase; color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif;}