@charset "utf-8";
/*----------------------------------------------------------------------
' HOJA DE ESTILOS PARA PLANETA DIRECTO
' ARCHIVO: carrito.css
' DESCRIPCIÓN: Hoja de estilos de estructura y contenido para las páginas de compra
-----------------------------------------------------------------------*/

/* - MÓDULOS COLUMNA LATERAL IZQUIERDA  ------
---------------------------------------------- */

.col_lat_izq{ background:#194c8d;  height:693px;}

/*módulo pasos */
.col_lat_izq .mod_pasos{width:170px; height:260px !important; background:#1a4b8e;padding:10px 0 0 10px;}

.mod_pasos .cap{width:180px; height:8px; background: url(img/cap_modpasos.gif) left top no-repeat; overflow:hidden;}

.col_lat_izq .mod_pasos .cont{ width:150px; height:190px !important; background:#1a4b8e url(img/bg_modpasos.gif) left top repeat-y; margin:0; padding:15px 15px 6px 15px;}
.contpasos{ position:absolute; 
	margin-left:-209px;}
.contpasos a{ width:148px; height:25px; padding:1px; display:block; margin:0 0 9px 0; background:#99b1cc; cursor:pointer; z-index:50;}
.contpasos a span.num{ width:26px; height:19px; display:block; float:left; text-align:center; font-size:1.6em; padding:6px 0 0 0; color:#7493ba; background:#c1d1e3; border-right:1px solid #99b1cc;}
.contpasos a span.txt{ width:113px; height:19px; display:block; float:left; font-weight:bold; padding:6px 0 0 8px; color:#7493ba; background:#c1d1e3;}

.contpasos a.actiu{ width:148px; height:25px; padding:1px; display:block; margin:0 0 9px 0; background:#87a2c4; cursor:pointer;}
.contpasos a.actiu span.num{ width:26px; height:19px; display:block; float:left; text-align:center; font-size:1.6em; padding:6px 0 0 0; color:#013e7f; background:#fff; border-right:1px solid #87a2c4;}
.contpasos a.actiu span.txt{ width:113px; height:19px; display:block; float:left; font-weight:bold; padding:6px 0 0 8px; color:#013e7f; background:#fff;}

.mod_pasos .pie{width:170px; height:27px; background: url(img/pie_modpasos.gif) left top no-repeat;}


/* menu como comprar */
.col_lat_izq .mod_men_compr{padding-bottom:6px;}
.col_lat_izq .mod_men_compr h4{ background:url(img/rec_mencompr.gif) left top no-repeat; font-weight:bold; font-size:12px; line-height:14px; color:#184c8c; padding:8px 0 8px 21px;}
.col_lat_izq .mod_men_compr ul{padding-left:22px;}
.col_lat_izq .mod_men_compr ul li{ list-style:disc url(img/viny_mencompr.gif) outside; padding:2px 0;}
.col_lat_izq .mod_men_compr ul li a{font-weight:bold; font-size:11px; line-height:11px; width:177px; padding-bottom:5px; display:block; color:#fff; border-bottom:1px solid #2d5c96; padding-left:0;}
.col_lat_izq .mod_men_compr ul li a:hover, .col_lat_izq .mod_men_compr ul li.actiu a{color:#81bdff; }

/* ---------------------------------------- */

.carrito_vacio{ width:700px; padding:20px 0; text-align:center; background:#cc3333; color:#fff; font-weight:bold;}


/* taula productos carrito */
table.productos_carrito{ width:700px; border:1px solid #a0b5d0; background:#fff;}

.producto, .cantidad, .precio{ border-right:1px solid #a0b5d0;}

tr.cap{ height:23px; background:#a0b5d0 url(img/bg_tablacarr.jpg) left top repeat-x; color:#fff; font-weight:bold;}
tr.cap td{padding:0 0 0 7px;}

tr.cap .producto{width:350px; border-right:1px solid #fff; }
tr.cap .cantidad{width:99px; border-right:1px solid #fff;text-align:center;}
tr.cap .precio{width:86px; border-right:1px solid #fff;text-align:center;}
tr.cap .accion{width:156px;text-align:center;}

tr.impar .producto, tr.par .producto{ height:41px; padding:5px 7px;}
tr.par .producto,
tr.par .cantidad,
tr.par .precio,
tr.par .accion{ background:#eff4fb;}

.producto .img{ float:left; padding:0 10px 0 0; }
.producto .img img{ border:1px solid #d4dee9;}
.producto .txt{ float:left; vertical-align:middle; }

td.cantidad{ text-align:center; padding-left:35px;}
td.cantidad input{ text-align:center; vertical-align:middle; font-size:1.2em;}
table.productos_carrito input{ width:30px; height:19px; border:1px solid #678bb2; background:#eff3f7;}

td.precio{ text-align:right; padding:0 10px 0 0;}
td.accion{text-align:center;padding:0 0 0 5px; }
td.accion a{ width:107px; height:15px; display:block; padding:0 0 0 10px; margin:auto; background:url(img/ico_eliminar.gif) left top no-repeat; color:#333; font-size:0.85em;}
td.accion a:hover{color:#e32a2c;}


/* rec enviar a */
.enviarA{ height:32px; background:#dfe7f0 url(img/bg_enviarA.jpg) left top repeat-x; border:1px solid #c6d3e3; text-align:center; padding:16px 0 0 137px ;}
.enviarA .txt{ float:left; padding:0 25px 0 0;}
.enviarA select{float:left; border:1px solid #4a3c39; width:350px !important;}


/* tabla resumen precio */
table.resumen_precio{ float:right; color:#37577b; font-weight:bold;}
table.resumen_precio tr{ height:34px;}

table.resumen_precio .impar{ background:#dfe7f0;  }
table.resumen_precio .par{background:#fff;}
table.resumen_precio #prectotal{ height:48px; background:#dfe7f0 url(img/bg_prectotal.jpg) left top repeat-x;}
table.resumen_precio #prectotal td{ border-top:1px solid #a0b5d0;}

table.resumen_precio .importe{border-right:1px solid #a0b5d0; width:187px; padding:0 0 0 20px;}
table.resumen_precio .gastosenv{border-right:1px solid #a0b5d0;padding:0 0 0 20px;}
table.resumen_precio .total{border-right:1px solid #a0b5d0;padding:0 0 0 20px;}

table.resumen_precio .precio, table.resumen_precio .preciototal{border-right:0; border-left:1px solid #fff; width:158px; text-align:right;}
table.resumen_precio .par .precio{background:#fff;}
table.resumen_precio .preciototal{color:#000; font-size:1.6em; padding:0 10px 0 0;}

/* botones */
.botones{ height:39px; background:#0b2c4f; border:1px solid #f0ffff; padding:12px 0 3px 52px;}
.botones a{color:#194c8d; font-weight:bold;}
.botones a:hover{color:#000;}
.seguir{ display:block; float:left; margin:0 25px 0 0; width:153px; height:30px; background:url(img/bot_seguir.jpg) left top no-repeat; padding:8px 0 0 36px;}
.actualizar{ display:block; float:left; margin:0 25px 0 0; width:153px; height:30px; background:url(img/bot_actualizar.jpg) left top no-repeat; padding:8px 0 0 36px;}
.actualizar2{ display:block; float:left; margin:0 25px 0 0; width:153px; height:30px; background:url(img/bot_2actualizar.jpg) left top no-repeat; padding:8px 0 0 36px;}
.tramitar{ display:block; float:left; margin:0 25px 0 0; width:132px; height:30px; background:url(img/bot_tramitar.jpg) left top no-repeat; padding:8px 0 0 36px;}
.imprimir{ display:block; float:left; margin:0 25px 0 0; width:132px; height:30px; background:url(img/bot_imprimir.jpg) left top no-repeat; padding:8px 0 0 36px;}

a.condiciones{display:block; width:695px; text-decoration:underline; text-align:center; color:#000;}
a.condiciones:hover{text-decoration:none;}


/* ---------------------------------------------
	TUS DATOS
-----------------------------------------------*/

.tabladatos{ border:1px solid #a0b5d0;background:#a0b5d0;}

.tabladatos .col_izq{ width:350px; border-right:1px solid #a0b5d0; float:left; margin:0;}
.tabladatos .col_dcha{ width:349px; float:right;margin:0; }

.capdat{background:#a0b5d0;} 
.capdat .col_izq{ border-right:1px solid #fff; }

.tabladatos .col_izq h3{ height:19px; background:#a0b5d0 url(img/bg_tablacarr.jpg) left top repeat-x; color:#fff; font-weight:bold; padding:4px 0 0 8px; font-size:1.1em; }
.tabladatos .col_dcha h3{ height:19px; background:#a0b5d0 url(img/bg_tablacarr.jpg) left top repeat-x; color:#fff; font-weight:bold; padding:4px 0 0 8px; font-size:1.1em; }


.filaprimera{height:21px;padding:16px 0 3px 35px;background:#fff;}
.filapar, .filaimpar{ height:27px;padding:10px 0 3px 35px;}
.filapar{ background:#eff4fb;}
.filaimpar{ background:#fff;}
.filaultima{height:21px;padding:6px 0 22px 35px;background:#fff;}

label{ display:block; width:134px; font:0.85em Verdana, Arial, Helvetica, sans-serif; margin:0; text-align:left; color:#52330f; float:left; padding:3px 0 0 0; }
label.llarg, label.llarg2{width:234px; padding:2px 0 1px 10px;}
label.llarg2{padding:2px 0 9px 10px;}
.tabladatos input, .tabladatos select{ width:142px; height:17px; background:#eff4fb; font:0.85em Verdana, Arial, Helvetica, sans-serif; color:#52330f; margin-bottom:4px; border:1px solid #7f9db9; float:left;}
input:focus, select:focus{ background:#83c5e7; }
label span{display:none; }

select.FNacimientoDia,
select.FNacimientoMes,
select.FNacimientoAnyo{ width:47px; margin-right:1px; border:1px solid #7f9db9;}

span.check input{width:15px; border:0; }
.buit{height:21px;}

/* ---------------------------------------------
	ERROR
-----------------------------------------------*/

.errorcarrito {width:100%}
.errorcarrito .cabeceracarrito {color:Red;text-align:center; height:50px;}
.errorcarrito .textocarrito {padding:40px 0 0 0; height:200px;}