/* ViCky & Ares */ /*--------------------------------------------------------------------------------------------*/ h1{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif;} h2{font:11px "Lucida Grande","Lucida Sans Unicode",sans-serif; text-align:center; color:#fff;} h3{font:"Lucida Grande","Lucida Sans Unicode",sans-serif; font:bold; margin-left:0px; color:#999999;} h4{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; text-align:center; color:#000; font-weight:bold;} h5{font:10px "Lucida Grande","Lucida Sans Unicode",sans-serif; text-align:center; color:#fff; margin-left:10px;} /*--------------------------------------------------------------------------------------------*/ a{color: #fff; text-decoration: none; font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif;outline:0;} a:hover{color: #3f3f3f; text-decoration: underline;} .japan a:link { text-decoration: none; color: #000;} a:active { text-decoration: none; color: #fff; } a:visited { text-decoration: none; color: #fff; } a:hover { color: #ed1c24; cursor:help; } /*----------------------------------------------------------------------------------------------------------------------------------*/ .moduleRow { } .moduleRowOver { background-color: #3f3f3f; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #3f3f3f; } /*-----/CAJAS DE TEXTO/-------------------------------------------------------------------------------------------------------------*/ textarea,input,select{background: #4b4b4b; border: 1px; border-style:ridge; border-color:#3f3f3f; color:#fff; outline:0;} /*-----/TEXTOS/----------------------------------------------------------------------------------------------------------------------*/ #texto{text-align:center; font-family:Arial, Helvetica, sans-serif; color:#ed2d35; font-weight:bold; font-size:17px;} #texto1{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-left:60px;} #texto2{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-left:100px; color:#111111;} #texto3{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-left:50px; color:#ec1c24; font-weight:bolder;} #texto4{font:11px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-left:30px; color:#fff;} #texto6{font:14px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#fff; margin-left:290px; height:auto; font-weight:bold;} #texto7{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#ed1c24; margin-left:250px;} #texto8{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#ed1c24;} #texto9{font:13px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-left:125px;} .texto3{font:13px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#111111; margin-left:120px;} .texto4{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#212121;} .texto5{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#fff; margin-left:100px; width:500px;} .texto6{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#fff; margin-left:0px; text-align:left;} .texto7{background-position:center; margin-top:12px; margin-left:15px; width:300px; height:20px; font-size:15px color #ec008c;} html > body .texto7{margin-top:18px;} .texto8{background-position:center; margin-top:14px; margin-left:15px; width:300px; height:20px; font-size:15px color #ec008c;} html > body .texto8{margin-top:9px;} .texto10{font:10px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#111111;} .texto11{font:9px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#fff;} .texto12{background-position:center; margin-top:0px; margin-left:15px; width:550px; height:20px; font-size:15px color #ec008c; text-align:left;} html > body .texto12{margin-top:4px;} .texto13{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#fff; margin-left:10px;} .texto25{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#fff; float:left; margin-left:10px;width:400px; height:auto; text-align:left;} /*-----/FIN TEXTOS/----------------------------------------------------------------------------------------------------------------------*/ /*------/CATALOGO INICIO/-----------------------------------------------------------------------------------------------------------------*/ .productos td, table { width:675px; margin-left:15px; border-collapse:collapse; width:337px; float:left; } html > body .productos td, table{margin-left:11px;} .titleproductos { background-image:url(img/titleboxes.gif); background-position:left; background-repeat:no-repeat; width:337px; height:48px; color:#fff; font-weight:bold; font-size:13pt;} .contenidoproductos { background-image:url(img/centroboxes.gif); background-position:left; background-repeat : repeat-y; margin-top:0px; width:337px; height:auto; text-align:center; font-size:11pt;} .infoproductos { background-image:url(img/bajoboxes.gif); margin-left:0px; float:left; background-position:bottom; background-repeat:no-repeat; width:337px; height:35px; font-size :7pt;} html > body .infoproductos{width:335px; height:33px;} .imagenpro{margin-top:10px; float:left; margin-left:5px; width:auto; height:auto} html > body .imagenpro{margin-left:15px;} .precio{float:left; margin-top:0px; margin-left:110px; width:75px; font-size:12px;color:#fff;} .boton{margin-top:100px; float:right; margin-right:5px;} html > body .boton{ margin-right:10px;} /*------/CATALOGO INICIO/---------------------------------------------------------------------------------------------------------------------*/ table.cata{width:600px; margin-left:35px; border-collapse:collapse; width:582px; float:left; }html > body table.cata{ margin-left:75px;} td.titlecata{background-image:url(img/titlenove.gif); background-position:center; margin-left:70px; width:582px; height:42px; background-repeat:no-repeat;} td.centrocata{background-image:url(img/centronove.gif); background-position:center; margin-left:70px; width:582px; height:auto; margin-top:0px;} td.bajonovecata{background-image:url(img/bajonove.gif); background-position:center; margin-left:70px; width:582px; height:49px; background-repeat:no-repeat;} .alinear{margin-left:10px; float:left; width:auto; height:auto; margin-top:15px;} .boton3{background-position:center; margin-left:400px; margin-top:100px;} #centrar4{margin-left:10px; width:610px; height:auto; text-align:center; }html > body #centrar4{ margin-left:59px;} #centrar5{font-size:12px;margin-left:70px; width:660px; height:auto;}html > body #centrar5{ margin-left:65px;} .dinero{margin-left:500px; font:15px; color:#FF0000; } /*------/FIN CATALOGO INICIO/-------------------------------------------------------------------------------------------------------------*/ /*------/FIN CATALOGO INICIO/-------------------------------------------------------------------------------------------------------------*/ .info{ height:auto; background-position:center; margin-left:150px; width:700px; margin-top:0px; margin-left:12px;} /*-------------------------------------------------------------------------------------------------------------------*/ /*------/SHOPING CART /-----------------------------------------------------------------------------------------------------------------*/ table.shoping{ width:675px; margin-left:5px; border-collapse:collapse; width:337px; float:left; } html > body table.shoping{margin-left:11px;} .titleshoping { background-image:url(img/titleboxes.gif); background-position:left; background-repeat:no-repeat; width:337px; height:48px; color:#fff; font-weight:bold; font-size:13pt;} .contenidoshoping { background-image:url(img/centroboxes.gif); background-position:left; background-repeat : repeat-y; margin-top:0px; width:337px; height:auto; text-align:center; font-size:11pt;} .infoshoping { background-image:url(img/bajoboxes.gif); margin-left:0px; float:left; background-position:bottom; background-repeat:no-repeat; width:337px; height:35px; font-size :7pt;} html > body .infoshoping{width:335px; height:33px;} /*------/FIN SHOPING CART /-----------------------------------------------------------------------------------------------------------------*/ /*------/CREAR CUENTA/---------------------------------------------------------------------------------------------------------------*/ #info{ height:auto; background-position:center; margin-left:30px; width:698px; margin-top:0px; margin-left:20px;} .personal{ float:left; margin-left:0px; width:160px; height:auto;} .direccion{ float:left; width:160px; height:auto;} .contacto{ float:left; width:160px; height:auto;} .contrasena{ float:left; width:160px; height:auto;} /*------/FIN CREAR CUENTA/-----------------------------------------------------------------------------------------------------------------*/ /*------/LINEAS PAGINA/--------------------------------------------------------------------------------------------------------------------*/ #lineavertical{ background-image:url(img/lineavertical.gif); background-repeat:no-repeat; width:28px; height:387px; margin-left:100px;} html > body #lineavertical{margin-left:170px;} #ligris{background-image:url(img/lineagris.gif); width:589px; height:auto; background-repeat:no-repeat;} #lineavertical1{ background-image:url(img/lineavertical.gif); background-repeat:no-repeat; width:17px; height:247px; margin-left:300px;} #lineaverticaluno{ background-image:url(img/lineavertical1.gif); background-repeat:no-repeat; float:left; margin-left:0px; width:16px; height:218px;} #lineahorizontal{ background-image:url(img/lineahorizontal.gif); margin-left:40px; background-position:center; width:603px; height:14px;} /*------/FIN LINEAS PAGINA/------------------------------------------------------------------------------------------------------------------*/ .imagen{background-position:center; margin-left:300px; width:200px; margin-top:0px;} .centrar{float:left; background-position:left; margin-top:0px; width:135px; height:auto; margin-left:15px;} html > body .centrar{width:135px; margin-left:25px;} .centrar2{background-position:left; width:500px; height:auto; margin-left:175px;} .centrar3{ background-position:left; width:710px; height:auto; margin-left:20px;} #centrar{background-position:left; width:700px; height:auto; margin-left:100px;} #centrar1{background-position:left; width:200px; height:auto; margin-left:225px;} #boton1{margin-left:100px; height:auto; border-width : 0;} /*------/HOJA LOGIN/------------------------------------------------------------------------------------------------------------------*/ #nuevo{float:left; margin-left:20px; width:250px; height:auto;} #soy{ margin-left:100px; width:300px; height:auto;} /*Crearse cuenta*/ .opciones{margin-left:300px;} #subtotal{margin-left:175px;} .atributo{width:300px; margin-left:150px;} /*Crear Cuenta*/ .producto{margin-left:30px; width:700px; height:auto;} .imagenes{margin-top:20px; text-align:left; margin-left:50px; font-size : 10pt; color:#fff; float:left;} html > body .imagenes{margin-top:10px; margin-left:75px;} #boton2{background-position:center; margin-left:550px;} #boton4{background-position:center; margin-left:315px;} #contador{background-color:#993333; width:300px; height:auto;} /*DATOS DE LA CUENTA*/ .primero{border:1px #3f3f3f; float:left; margin-left:30px; width:300px; height:auto;} .segundo{float:left; margin-left:100px; width:150px; height:auto;} .tercero{background-color:#663333; margin-left:20px; width:500px; height:auto;} /*PAGO*/ #direccionpago{background-color:#999999; float:left; margin-left:30px; width:300px; height:auto;} #pagodireccion{width:300px; height:auto; margin-left:450px;} .seleccion{float:left; margin-left:10px; width:700px; height:auto;} .probando{width:250px; height:auto; margin-left:20px;} .circulos{width:25px; height:25px; margin-left:470px;} #botones{margin-left:200px;} #boton{margin-left:275px;} /*CESTA*/ #quitar{background-color:#666666; float:left; margin-left:25px; width:185px; height:100px;} #producto{background-color:#333333; float:left; margin-left:0px; width:185px; height:100px;} #otro{background-color:#663366; float:left; margin-left:0px; width:185px; height:100px;} #cantidad{background-color:#fff; float:left; margin-left:0px; width:185px; height:100px;} /*CARRITO DE LA COMPRA*/ #carrito{margin-left:15px; float:left; margin-top:0px; width:209px; height:auto;} #cesta{width:101px; height:24px; margin-left:0px; margin-top:3px;} #carrodecompra{font:10px Arial, Helvetica, sans-serif color:#fff; width:209px; height:37px;} TD.smallText, SPAN.smallText, P.smallText{font-family: Verdana, Arial, sans-serif; font-size:10px; color:#000000;} .infoBoxContents{background:#4e4e4e; font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.infoBox, SPAN.infoBox{font-family:Verdana, Arial, sans-serif; font-size: 10px;} TD.main, P.main {font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5;} #carta{float:left; margin-left:0px; margin-top:100px; width:100px; height:100;} #realizado{float:left; margin-left:10px; width:300px; height:auto;} /*DATOS DEL ENVIO*/ .cuadrar{float:left; width:700px; height: auto; margin-left:20px;} #entrega{ float:left; margin-left:50px; width:250px; height:auto;} #dire{ float:left; width:250px; height:auto; margin-left:125px; margin-top:0px;} #opcionpago{width:400px; height:auto; margin-left:50px; margin-top:150px;} #box{width:500px; height:auto; margin-left:20px;} #continua{width:450px; margin-left:20px;} /*FORMA DE PAGO*/ #tarjeta{background-color:#0000CC; margin-left:330px; width:25px; height:25px;} #flecha{width:75px; height:50px; background-position:center; margin-left:300px;} .probando{ float:left; width:400px; height:auto; margin-left:25px;} #comentarios{margin-left:50px; width:300px; height:auto;} /*CONTACTO*/ #contact_us{width:600px; height:auto; margin-left:100px} .hojacontacto{ font-size:13px; color:#000; width:200px; height:auto; margin-left:0px; font-weight:bold;} .textocontacto{font-size:12px; color:#fff; width:400px; height:auto; margin-left:0px;} /*BUSQUEDA*/ #alinear{width:600px; margin-left:150px;} .colocar{ width:500px; margin-left:100px;} .titulo{font-size:12px; color:#1e1e1e; width:100px; height:auto; margin-left:0px;} /*SHOPING CART*/ .todo{width:600px; height:auto; margin-left:50px;} .eliminar{ margin-top:60px; margin-left:30px; float:left;} .foto{ float:left; width:auto; height:auto; margin-left:10px; margin-top:0px;} .uno{width:75px; height:auto; margin-left:200px; margin-top:0px; background-color:} .dos{width:75px; height:auto; margin-top:0px; margin-left:10px; float:left;} /*ACCOUNT HISTORI INFO*/ .cinco{width:200px; float:left; margin-left:20px;} .seis{width:250px; float:left; margin-left:20px;} .siete{width:200px; float:left; margin-left:20px;} .ocho{width:300px; float:left; margin-left:20px;} .nueve{width:300px; float:left; margin-left:20px;} .diez{width:300px; margin-left:30px;} /*-------------*/ /*-------------*/ #errores{font:11px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#ed1c24; margin-left:175px; font-weight:bolder;} #mail{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#ed1c24; margin-left:190px;} .cor{font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif; color:#ed1c24; margin-left:70px; font-weight:bold;} .color{ float:left; margin-left:100px;width:300px; height:auto; background-color:#990000; margin-top:10px;}