/* CSS Document */

/* tablas contenidos cesta
------------------------------------------------------------------------*/
table{width:540px;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:#FFF;font-size:0.8em;font-weight:normal;background-color:#999999;}
tr{padding-bottom:10px;border-bottom:1px solid #CCCCCC;}
td{padding:5px 10px;border-bottom:1px solid #CCCCCC;margin:0px;}
td.price, td.total{padding:5px 10px;width:50px;}
td.total{color:#CE0000}
table img{width:40px;}
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.quantity input{width:36px;text-align:center;vertical-align:middle;}
.tr-odd{background:#F1F2EC;}
td a.borrar{display:block;color:#333333;font-size:0.9em;}
tr.pie td.sub{text-align:right;}
tr.pie td{border-bottom:5px solid #999999;}

/* 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:#96A910; font-weight:bold;text-decoration:underline;line-height:1.2em;}
#colcentral #tt_products_basket td.product span.autor a{color:#333333; font-weight:normal; font-size:10px;}
#colcentral .botones_cesta{width:540px;float:left;padding-top:20px;margin-top:20px;border-top:1px solid #CCCCCC;}
#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{color:#003399;}
.form_control{width:540px;display:block;clear:both;color:#3D4043;margin-top:25px;}

.botones_cesta{float:right;}
	.botones_cesta a{width:auto;float:left;font-size:0.8em;margin-right:10px;}
.price_summary{width:182px;height:80px;float:right;padding: 16px 0px 0px 0px;background:url(../images/bg_precio.jpg) no-repeat;}
#totalPedido{font-size:1.9em;color:#CE0000;font-weight:bold;float:left;text-align:left;padding-left:35px;}
.price_summary span{font-weight:normal;margin:5px 0 0 5px;color:#333333;float:left;}
.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;}


/***** CESTA DE LA COMPRA formas de pago y envío*****/

.labelenvio, .labelpago {width:218px;float:left;font-size:0.8em;line-height:1.2em;margin-right: 12px;text-transform:uppercase;padding-right:20px;background-color:#999999;color:#FFFFFF;}
.labelenvio strong, .labelpago strong{float:right;}
.formaenvio, .formapago {width:139px;height:20px;float:left;margin:-7px 15px 0 0;padding:2px;border:1px solid #666666;}
.formaenvio select, .formapago select {width:137px;height:18px;float:left;color:#333333;font-size:0.9em;}
.totalenvio, .totalpago {float:left;color:#CE0000;font-weight:bold;  }
.totalenvio span, .totalpago  span{ font-weight:normal; font-size:0.9em;}
.delivery, .payment { margin-bottom: 5px; width:540px;padding-top:10px;}
.payment{ padding-top:18px;}
.cesta { padding-bottom: 16px; border-bottom: 1px solid #ccc; margin-bottom: 12px;}
.mensaje_cesta{padding:0px 0px 0px 20px;margin-top:30px;background:url(../images/flecha_roja.gif) no-repeat left top;}
.mensaje_cesta a{color:#666666;}


/*formulario de compra
********************************************************/

.grupo_datos {width:540px;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;}
h3.proceso a{color:#006699; margin-left:37px;font-size:0.9em; font-weight:normal}
.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{padding:8px 47px 0px 20px;}


/* INFO*/
.info, .info2{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 center;padding:10px 0px 15px 40px;font-size:11px;font-weight:normal;}
.info a, .info2 a{ font-size:11px; color:#006699; 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;}