/* CSS todoenvinilo.com */

body { background:url(/images/bg_body.png) repeat-x top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; }


a { color:#ce3293; text-decoration:none;}
a:hover { text-decoration:underline; }

h1 { color:#c02b83; font-size:18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; clear:both;}
h2 { border-bottom:3px solid #d22c8a; color:#d22c8a; font-size:15px; margin:10px 0 5px 0; padding:0 0 5px 0; }
h3 { color:#d22c8a; font-size:14px; margin:0; padding:20px 0 10px 0;}
h4 {}
h5 {}
h6 {}

p { margin:0; padding:10px 0; color:#323232; }
p strong { color:#000; }

blockquote {}
hr { display:block; clear:both; margin:0; padding:0; font-size:0; visibility:hidden; }

.cont { width:975px; margin:0 auto; }

textarea { overflow:auto; }

/* HEADER ///////////////////////////////////////////////////////////////////////////////// */
#header { background:url(/images/bg_body.png) repeat-x top; height:172px; }
#header .logo { padding:25px 0 0 0; float:left; }
#header .cart { display:block; float:right; width:180px; background:url(/images/ico_cart.png) no-repeat right center; padding:10px 60px 10px 0; color:#141414; margin:30px 0 0 0; line-height:130%;}

/* Menu principal */
.menu { display:block; display:block; clear:both; height:62px; padding:23px 0 0 0; font-size:0;}
.menu a { display:block; float:left; height:62px; }
.menu a em { visibility:hidden;}

.menu a.link01 { width:115px; background:url(/images/inicio.png) no-repeat top;}
.menu a.link01:hover, .menu a.link01_s { width:115px; background:url(/images/inicio.png) no-repeat bottom;}
.menu a.link02 { width:142px; background:url(/images/aplicaciones.png) no-repeat top;}
.menu a.link02:hover, .menu a.link02_s { width:142px; background:url(/images/aplicaciones.png) no-repeat bottom;}
.menu a.link03 { width:212px; background:url(/images/materiales.png) no-repeat top;}
.menu a.link03:hover, .menu a.link03_s { width:212px; background:url(/images/materiales.png) no-repeat bottom;}
.menu a.link04 { width:223px; background:url(/images/faq.png) no-repeat top;}
.menu a.link04:hover, .menu a.link04_s { width:223px; background:url(/images/faq.png) no-repeat bottom;}
.menu a.link05 { width:115px; background:url(/images/contacto.png) no-repeat top;}
.menu a.link05:hover, .menu a.link05_s { width:115px; background:url(/images/contacto.png) no-repeat bottom;}

/* Fondo que cambia y frase*/
#bg_rpt_change { background-position:top; padding:0;}
#bg_rpt_change .frase { width:915px; height:100px; margin:0 auto;  color:#fff; padding:20px 30px 0 30px; outline:#000000; position:relative;}
#bg_rpt_change .firstlayer { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:30px; position:absolute; top:15px; left:20px; z-index:1; font-weight:bold; }
#bg_rpt_change .secondlayer { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:30px; color:#000; position: absolute; top:16px; left:21px; z-index:0; font-weight:bold; } 
/* //////////////////////////////////////////////////////////////////////////////////////// */


/* CONTENIDO ////////////////////////////////////////////////////////////////////////////// */
#contenido { background:#fff url(/images/bg_contenido.png) repeat-x top; }
.recuadro { height:90px; display:block; clear:both; padding:0 0 0 0;}
.recuadro .links { display:block; padding:40px 20px 0 0; text-align:right; font-size:18px; font-weight:bold; font-family:Tahoma, Verdana, Arial; }
.recuadro .links a { color:#000; } 
.recuadro .links a.volver { background:url(/images/arrow_back.png) no-repeat right center; padding:20px 70px 20px 0;} 
.recuadro .links a:hover, .recuadro .links a.s { text-decoration:underline;}
.recuadro .links strong.carrito { background:url(/images/ico_cart.png) no-repeat right center; padding:20px 55px 20px 0; }	
.recuadro .links a.pdf { background:url(/images/ico_pdf.png) no-repeat right center; padding:20px 40px 20px 0; font-size:16px; font-weight:normal; } 


/* Columna Izquierda ************************************************* */
.col_izq { width:200px; float:left; }
ul.menu_vert { margin:0 0 30px 0; padding:0 0 10px 0; list-style:none; background:url(/images/gradient_menu_vert.png) repeat-x top; }
ul.menu_vert a { display:block; background:url(/images/bg_link_menu_vert.png) no-repeat bottom left; color:#000; margin:0 15px; padding:5px 0; font-size:22px; font-family:Tahoma, Verdana, Arial;}
ul.menu_vert a.s { text-decoration:underline;}

/* Columna Derecha *************************************************** */
.col_der { width:740px; float:left; margin:0 0 0 20px; }

.banner { display:block; width:715px; height:102px; background:url(/images/bg_banner.png) no-repeat; margin:0 0 60px 0; }
.banner img { padding:6px 0 0 16px; width:682px; height:89px; }

/* Listado de productos */
.listado_prod { }
.item { display:block; width:350px; height:183px; float:left; margin:0 20px 60px 0; }
.item span.img { display:block; width:267px; height:183px; background:url(/images/bg_img_01.png) no-repeat; float:left; position:relative; }
.item span.img img.foto { position:absolute; top:8px; left:15px; z-index:0; }
.item span.img img.nov { position:absolute; top:8px; left:15px; z-index:1; }
.item span.info { display:block; float:left; width:82px; height:178px; padding:5px 0 0 0; }
.item span.info a { color:#000; text-decoration:none; } .item span.info a:hover { text-decoration:underline;}
.item span.info em { font-size:10px; color:#ce3293; font-weight:bold; font-style:normal;}

/* Detalle de producto */
.detalle_prod h1 { color:#000; }

.muestra { position:relative; display:block; float:left; width:445px; height:320px; background:url(/images/bg_img_04.png) no-repeat;}
.muestra .img { margin:9px 0 0 12px; width:418px; height:298px; border:1px solid #ccc; position:relative; z-index:0}
.muestra .undo { position:absolute; top:280px; left:400px; z-index:1; }

.muestra_flash { position:relative; display:block; float:left; width:445px; height:320px; }
.muestra_flash .img { margin:9px 0 0 12px; width:418px; height:298px; border:1px solid #ccc; position:relative; z-index:0}
.muestra_flash .undo { position:absolute; top:280px; left:400px; z-index:1; }


.referencia { display:block; float:left; width:260px; padding:10px 0 0 15px;}
.referencia strong { font-size:26px; display:block; padding:0 0 10px 10px;}
.referencia em { display:block; font-style:normal;  padding:0 0 15px 10px; }
.referencia .img { position:relative; display:block; background:url(/images/bg_img_03.png) no-repeat; width:260px; height:202px;}
.referencia .img .vinilo { position:absolute; top:8px; left:12px; z-index:0; width:236px; height:185px; }
.referencia .img .zoom { position:absolute; top:165px; left:215px; z-index:1; }

.aclaracion, .aclaracion2 { display:block; clear:both; font-size:10px; padding:10px;}
.aclaracion2 { text-align:center; padding:5px 0;}

.detalle_prod .col_uno { display:block; float:left; width:445px;}
.detalle_prod .col_dos { display:block; float:left; width:260px; padding:0 0 0 15px;}
.detalle_prod .col_dos input { border:none; }
.detalle_prod .col_tres { display:block; float:left; width:130px; height:110px;}
.detalle_prod h1 { display:block; clear:both; font-size:14px; padding:0; margin:0; font-weight:normal; margin:10px 0; height:23px; }
.detalle_prod h1 strong { display:block; background:url(/images/bg_numero.png) no-repeat; width:24px; height:20px; text-align:center; float:left; padding:3px 0 0 0;}
.detalle_prod h1 em { font-style:normal; float:left; padding:3px 0 0 5px;}

.detalle_prod img.color { display:block; float:left; width:24px; height:24px; border:3px solid #000; margin:0 4px 5px 0; }

.detalle_prod .grafismos { display:block; float:left; width:140px; margin:0 25px 0 0;}
.detalle_prod .grafismo { display:block; text-align:right; height:20px; padding:5px 0; cursor: pointer;}
.detalle_prod .grafismo span { display:block; float:right; width:15px; border:1px solid #000; margin:0 0 0 5px;}

.detalle_prod .paleta { display:block; float:left; width:275px; padding:0 0 0 5px; }

.tamanio { display:block; height:25px; }
.tamanio input { float:left; margin:0 10px 0 0;}
.tamanio em { font-style:normal; float:left; display:block; width:50px; }
.tamanio strong { font-weight:normal; float:left; display:block; width:100px; }
.tamanio span { font-weight:normal; float:left; display:block; width:60px; }

.detalle_prod input, .detalle_prod textarea { border:1px solid #000; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.info_cantidad { padding:30px 0 0 20px; float:left; width:120px; }
.info_cantidad input.cantidad { padding:0; color:#a22a2a; text-align:center; border:1px solid #000;}
.info_cantidad input#mas, .info_cantidad input#menos { padding:0 5px; color:#000; border:1px solid #000; }
input#comprar { background:url(/images/ico_comprar.png) no-repeat top; padding:50px 0 0 0; text-align:center; border:0; float:right; margin:0 40px 0 0;}


.relacionados { display:block; clear:both; margin:50px 0;}
.relacionados p { display:block; clear:both;}
.relacionados .item2 { display:block; float:left; width:130px; height:120px; margin:0 10px 30px 0;}
.relacionados .item2 span { display:block; background:url(/images/bg_img_02.png) no-repeat; width:130px; height:90px;}
.relacionados .item2 span img { width:114px; padding:5px 0 0 8px;}
.relacionados .item2 em { font-style:normal; font-size:12px; display:block; text-align:center; color:#000; padding:5px 0 0 0;}
.relacionados .item2 em a { color:#000; }

/* Carrito */
.detalles_carrito { }
div.form { float:left;  }
div.form input { border:1px solid #000; background:#fff; padding:2px; margin:3px 7px 15px 0;}
div.form select { border:1px solid #000; background:#fff; padding:1px; margin:3px 7px 15px 0;}
div.form textarea { border:1px solid #000; background:#fff; padding:1px; margin:3px 7px 15px 0;}
div.form em { font-style:normal; }

.rec_shadow { background:url(/images/bg_shadow_center.jpg) center no-repeat; display:block; width:710px; margin:0 0 30px 0;}
.rec_det { background:#fff; border:1px solid #ccc; display:block; margin:0 3px 0 4px; padding:10px;}
.rec_det h2, .rec_det p { width:680px; }

.tabla_header { display:block; height:30px; border-bottom:3px solid #d22c8a; }
.tabla_header span { padding:5px 0 0 0; font-weight:bold;}
.tabla_header .articulo { display:block; float:left; width:380px; }
.tabla_header .cantidad { display:block; float:left; width:80px; text-align:center; }
.tabla_header .precio { display:block; float:left; width:80px; text-align:center; }
.tabla_header .total { display:block; float:left; width:100px; text-align:center; }
.tabla_header .delete { display:block; float:left; width:40px; text-align:center; }

.tabla_tr { border-bottom:3px solid #d22c8a; }
.tabla_tr span { margin:3px 4px 2px 0; background:#f3f3f3; display:block; float:left; text-align:center; padding:0 0 5px 0; height:120px;  }
.tabla_tr .articulo { width:380px; text-align:left; }
.tabla_tr .articulo .item3 { margin:10px 0 0 10px;}
.tabla_tr .articulo .item3 span { display:block; float:left; background:url(/images/bg_img_02.png) no-repeat; width:130px; height:90px;}
.tabla_tr .articulo .item3 span img { width:114px; padding:5px 0 0 1px;}
.tabla_tr .articulo .item3 em { font-style:normal; font-size:12px; display:block; width:210px; float:left; text-align:center; color:#000; padding:7px 0 0 10px; text-align:left;}
.tabla_tr .articulo .item3 em a { color:#000; }
.tabla_tr .cantidad { width:76px; padding:50px 0 0 0; height:75px; }
.tabla_tr .precio { width:76px; padding:50px 0 0 0; height:75px; }
.tabla_tr .total { width:96px; padding:50px 0 0 0; height:75px; }
.tabla_tr .delete { width:36px; margin:3px 0; padding:45px 0 0 0; height:80px;}

.tabla_total { display:block; height:30px; border-bottom:3px solid #d22c8a; }
.tabla_total span { padding:5px 0; font-weight:bold; background:#f3f3f3; display:block; float:left; font-size:15px;}
.tabla_total .articulo { width:380px; }
.tabla_total .cantidad { width:80px; text-align:center; }
.tabla_total .precio { width:80px; text-align:right; }
.tabla_total .total { width:100px; text-align:center; color:#d70d88; }
.tabla_total .delete { width:40px; text-align:center; }

.tabla_gastos { display:block; height:30px; border-bottom:3px solid #d22c8a; }
.tabla_gastos span { padding:5px 0; font-weight:bold; background:#f3f3f3; display:block; float:left; font-size:15px;}
.tabla_gastos .texto { width:540px; text-align:right; padding:5px 0 0 0; }
.tabla_gastos .total { width:100px; text-align:center; color:#d70d88; }
.tabla_gastos .delete { width:40px; text-align:center; }

.tabla_total2 { display:block; height:30px;}
.tabla_total2 span { padding:10px 0; font-weight:bold; display:block; float:left; font-size:15px;}
.tabla_total2 .texto { width:540px; text-align:right; }
.tabla_total2 .total { width:100px; text-align:center; color:#d70d88; }
.tabla_total2 .delete { width:40px; text-align:center; }

.botones { display:block; clear:both; height:35px; }
.botones a.bg_pink { display:block; width:136px; height:18px; text-align:center; color:#fff; background:url(/images/bg_btn_pink.png); float:right; margin:10px 15px 0 0; padding:2px 0 0 0;}
.botones a.bg_black { display:block; width:136px; height:18px; text-align:center; color:#fff; background:url(/images/bg_btn_black.png); float:left; margin:10px 0 0 15px; padding:2px 0 0 0;}

.botones2 { display:block; clear:both; height:55px; }
.botones2 input.bg_pink { display:block; width:136px; height:20px; text-align:center; color:#fff; background:url(/images/bg_btn_pink.png); float:right; margin:0 45px 0 0; padding:0; border:0;}
.botones2 a.bg_black { display:block; width:136px; height:18px; text-align:center; color:#fff; background:url(/images/bg_btn_black.png); float:left; margin:0 0 0 15px; padding:2px 0 0 0;}

.pasos { display:block; height:20px;}
.pasos span.numero { display:block; background:url(/images/bg_numero.png) no-repeat; width:24px; height:20px; text-align:center; float:left; padding:3px 0 0 0;}
.pasos em { float:left; font-style:normal; padding:3px 20px 0 5px; }

.float_left { float:left; padding:0 10px 10px 0;}

.info_facturacion { padding:0 0 20px 0;}
.info_facturacion p { padding:5px 0; }
.info_facturacion strong { display:block; float:left; width:130px; clear:left;}

ul.error { margin:0; padding:0; list-style:none; }
ul.error li { background:url(/images/ico_error.png) no-repeat left center; padding:5px 0 5px 30px; color:#da1f26; font-weight:bold;}

.ok { background:url(/images/ico_ok.png) no-repeat left center; padding:5px 0 5px 30px; color:#0bac4b; font-weight:bold; width:400px;}

.imprimir { float:right; color:#000; background:url(/images/ico_print.jpg) no-repeat right center; padding:4px 30px 4px 0; margin:-3px 0 0 0;}

.msg_ok { text-align:center; padding:0 0 40px 0; }
em.rosa { font-style:normal; color:#d22c8a;  }


/* Aplicaciones */
.aplicaciones {}
.aplicaciones .item4 { margin:0 5px 15px 0; display:block; width:190px; float:left;}
.aplicaciones .item4 span { display:block; float:left; background:url(/images/bg_img_05.png) no-repeat; width:190px; height:124px;}
.aplicaciones .item4 span img { width:163px; height:115px; padding:4px 0 0 11px;}


/* Contacto */
strong.contacto { background:url(/images/ico_contacto.jpg) no-repeat left center; padding:10px 0 10px 40px; }
/* FAQ */
.faq {}
.faq h2 { color:#333; border-bottom:2px solid #ccc; }


/* //////////////////////////////////////////////////////////////////////////////////////// */


/* FOOER ////////////////////////////////////////////////////////////////////////////////// */
#footer { background:#000; text-align:right; color:#fff; padding:10px 0;}
/* //////////////////////////////////////////////////////////////////////////////////////// */

.recuadro .links a.volver { background:url(/images/arrow_back.png) no-repeat right center; display:block; width:200px; height:65px; padding:30px 70px 0px 0; float:right; margin:-35px 0 0 0;}
