/* ESTRUCTURA BĂSICA */
html {height:100%;padding:0px;margin:0px;overflow:hidden;}
body {width:100%;height:100%;background:#fff;font-family:Tahoma,Helvetica,Arial,sans-serif;font-size:12px;color:#000;padding:0px;margin:0px;}
a, a:visited {color:#a50066;font-weight:bold;}
a:hover {color:#000;}
img {border:none;}
.clear {clear:both;display:block;height:0;margin:0;padding:0;}
div#cabecera {display:block;position:absolute;top:10px;left:10px;right:270px;height:45px;background:#2b2926 url(../img/laboratoriodigital.gif) no-repeat 20px center;
text-align:left;font-family:Arial,Tahoma,Helvetica,sans-serif;font-size:16px;color:#998f82;width:expression((parseInt(document.documentElement.clientWidth)-20)+'px');}
div#cabecera div {position:absolute;top:13px;left:50px;}
div#cabecera div span {color:#fff;}
div#cabecera p {display:block;text-align:right;margin:0;position:absolute;top:4px;right:20px;}
.red {color:#a50066;}
div#cabecera p em {font-size:0.8em;}
div#herramientas {position:absolute;right:10px;top:10px;width:245px;height:45px;background:#2b2926;color:#fff;font-family:Arial,Tahoma,Helvetica,sans-serif;font-size:14px;text-align:center;}
div#herramientas div {margin-top:4px;}
div#herramientas div div {float:left;text-align:center;height:16px;padding:7px 9px;border-right:1px solid #fff;}
div#herramientas div div.salir {border:none;padding:7px 0 7px 9px;}
div#herramientas div div.clear {float:none;border:none;height:0;padding:0;}
div#herramientas a {color:#998f82;font-weight:normal;text-decoration:none;}
div#herramientas a:hover {color:#fff;text-decoration:none;}
div#menu {background:#e0ddd9;color:#000;height:20px;position:absolute;top:60px;left:10px;right:270px;overflow:hidden;
width:expression((parseInt(document.documentElement.clientWidth)-280)+'px');}
div#menu div {float:left;width:25%;height:14px;padding:3px 0;text-align:center;background-color:#e0ddd9;font-family:Arial,Tahoma,Helvetica,sans-serif;font-size:13px;}
div#menu div.activo {background-color:#a50066;color:#fff;}
div.titulo {position:absolute;text-align:left;height:35px;top:5px;left:5px;right:5px;border-bottom:1px solid #cbc6c0;}
div.contenido {position:absolute;top:40px;bottom:0px;left:5px;right:5px;overflow:auto;padding-bottom:10px;}
div#bloque {position:absolute;top:125px;bottom:45px;left:10px;right:270px;border-bottom:1px solid #cbc6c0;
width:expression((parseInt(document.documentElement.clientWidth)-280)+'px');height:expression((parseInt(document.documentElement.clientHeight)-171)+'px');}
div#bloque div.titulo {background:none;width: expression((parseInt(document.documentElement.clientWidth)-290)+'px');}
div#bloque div.contenido {width: expression((parseInt(document.documentElement.clientWidth)-290)+'px');height: expression((parseInt(document.documentElement.clientHeight)-221)+'px');}
div#pedido {position:absolute;top:125px;bottom:165px;right:10px;width:250px;height: expression((parseInt(document.documentElement.clientHeight)-290)+'px');}
div#pedido div.titulo {width:240px;}
div#pedidoContenido {width:240px;border-bottom:1px solid #cbc6c0;height:expression((parseInt(document.documentElement.clientHeight)-340)+'px');}
div#pedidoContenido .jspDrag,
div.contenido .jspDrag {border:2px solid #fff;}
div#resumen {position:absolute;bottom:45px;right:10px;width:245px;height:110px;background:#2b2926;text-align:center;color:#fff;font-size:14px;}
div#resumen table {text-align:center;margin:5px auto 5px auto;border-collapse:5px;}
div#resumen table td {text-align:left;padding:2px 5px; margin:5px;}
div#resumen table td#pedidoCopias {border:none;width:65px;}
div#resumen table td#pedidoTotal {border:none;background:none;color:#FFF;font-weight:bold; width:65px;}
div#resumen form {text-align:center;margin-top:1px;}
div#fin {position:absolute;top:125px;bottom:45px;left:10px;right:10px;border-top:solid 1px #999;border-bottom:solid 1px #999;
width:expression((parseInt(document.documentElement.clientWidth)-20)+'px');height: expression((parseInt(document.documentElement.clientHeight)-171)+'px');}
div#fin table {width:100%;height:100%;border:none;}
div#fin table td {text-align:center;vertical-align:middle; overflow:auto;}
div#fin table td div {overflow:auto;}
div#pie {height:15px;position:absolute;left:10px;right:10px;bottom:10px;padding:5px;width:expression((parseInt(document.documentElement.clientWidth)-30)+'px');}
div#pie span.telefonoPie {color:#000;font-weight:bold;}
div#pie span.faxPie {font-weight:bold;}
div#mensajes {position:absolute;top:80px;left:10px;right:270px;text-align:center;padding:15px;font-size:16px;color:#a50066;font-weight:bold;}
div#mensajes.error {color:#F66;font-weight:bold;}
body>div#mensajes {position:fixed;}
/*ACCESO*/
body.acceso {background:#2b2926;}
#login_wrap {margin:-283px -467.5px;width:935px;position:absolute;top:50%;left:50%;background:#403b33;border:3px solid #2b2725;}
#login_wrap.login_wrap_publicos {background:url(../img/fondo.png) 0 0 no-repeat;border:none;}
#login {width:887px;height:500px;margin:0 auto;padding:20px;}
#login.login_publicos {width:657px;margin-left:0;}
#login div {text-align:center;}
#titulo {border-spacing:6px;margin:15px;}
#titulo td {background:#2b2926;font-size:16px;color:#998F82;vertical-align:middle;}
#titulo #texto {text-align:left;width:767px;margin-right:6px;padding:0 10px 0 40px;background:#2b2926 url(../img/laboratoriodigital.gif) 16px center no-repeat;}
#titulo span {color:#fff;}
#titulo #capicor {width:40px;padding:10px 0px 12px 24px;}
.login {margin:100px auto 0;border-spacing:6px;}
.login td {background:#2b2926;color:#998F82;font-size:16px;padding:6px 16px;}
.login td.texto {width:115px;}
.login input#usuario,
.login input#password {background:#2b2926;color:#998F82;font-size:16px;border:none;outline: 0 none;width:215px;height:18px;padding:2px;}
.submit td {background:none;padding:16px 0 0 0;}
input#entrar,
input#salir {min-width:147px;height:30px;font-size:16px;background:#00a3e0 url(../img/submit.png) 0 0;border:none;color:#fff;padding:0 16px;cursor:pointer;text-align:left;}
input#entrar:hover,
input#salir:hover {background:#00a3e0 url(../img/submit.png) 0 -30px;}
input#entrar:active,
input#salir:active {background:#00a3e0 url(../img/submit.png) 0 -60px;}
div#publicas {position:absolute;top:50%;left:50%;margin:-283px 228px;width:200px;height:500px;padding:20px;background:#403b33;border:3px solid #2b2725;color:#fff;}
div#publicas div#capaPublicas {width:240px;height:500px;/*overflow-y:auto;overflow-x:hidden;*/}
div#publicas h1 {font-size:16px;color:#fff;font-weight:normal;text-align:center;width:200px;padding:10px 0;background:#ae1a75;margin-top:2px;}
div#publicas ul {color:#fff;margin:0px;padding-left:0px;padding-top:0px;margin-bottom:30px;list-style:none;}
div#publicas ul li {list-style:none;}
div#publicas ul li a {display:block;color:#fff;font-weight:normal;text-decoration:none;text-align:center;width:200px;padding:10px 0;margin-bottom:10px;background:#2b2926;}
/* IMAGENES EN LISTA */
div.imagen {float:left;position:relative;width:100px;height:125px;margin:10px 15px 0 4px;cursor:pointer;background:#fff;
-moz-box-shadow: 0 0 2px 2px #999;-webkit-box-shadow: 0 0 2px 2px #999;box-shadow: 0 0 2px 2px #999;}
div.imagen div {width:100px;height:100px;}
div.activa {background:#2b2926;}
div.imagen div img {margin:5px;width:90px;height:90px;}
div.imagen p {margin-top:2px;text-align:center;font-size:12px;color:#998f82;}
div.imagen p img {vertical-align:-35%;}
/* IMAGENES EN PEDIDO */
div#pedidoContenido h3 {color:#a50066;padding-bottom:15px;text-align:center;font-size:14px;}
div#pedidoContenido div.imagenPedido {position:relative;padding:10px 0 0 130px;margin:10px 5px 10px 0;height:110px;background:#e0ddd9;}
div#pedidoContenido div.imagenPedido img {position:absolute;left:0px;top:0px;padding:5px;background:#fff;margin:10px;
-moz-box-shadow: 0 0 2px 2px #999;-webkit-box-shadow: 0 0 2px 2px #999;box-shadow: 0 0 2px 2px #999;}
div#pedidoContenido div.imagenPedido p {margin:2px 2px 2px -2px;padding:2px 5px;color:#a50066;font-weight:bold;}
div#pedidoContenido div.imagenPedido ul {margin:4px;padding-left:12px;list-style:none;padding:0;}
div#pedidoContenido div.imagenPedido form {margin:0px;}
/* CONTENIDO EN RESUMEN */
div#bloque h3 {color:#a50066;padding:15px;text-align:center;font-size:14px;}
div#bloque div.imagenPedido {position:relative;float:left;width:120px;padding:10px 0 0 130px;margin:10px 5px 10px 0;height:110px;background:#e0ddd9;}
div#bloque div.imagenPedido img {position:absolute;left:0px;top:0px;padding:5px;background:#fff;margin:10px;
-moz-box-shadow: 0 0 2px 2px #999;-webkit-box-shadow: 0 0 2px 2px #999;box-shadow: 0 0 2px 2px #999;}
div#bloque div.imagenPedido p {margin:2px 2px 2px -2px;padding:2px 5px;color:#a50066;font-weight:bold;}
div#bloque div.imagenPedido ul {margin:4px;padding-left:12px;list-style:none;padding:0;}
div#bloque div.imagenPedido form {margin:0px;}
div#resumenCoste {position:absolute;top:165px;bottom:45px;right:10px;width:250px;border-top:solid 1px #cbc6c0;height:expression((parseInt(document.documentElement.clientHeight)-170)+'px');}
div#resumenCoste td {vertical-align:middle;text-align:center;width:250px;color:#fff;font-size:14px;}
div#resumenCoste table {background:#2b2926;margin-top:10px;padding:10px;}
table#resumenTabla {margin:auto auto 70px auto;}
table#resumenTabla td {text-align:left;padding:5px;}
table#resumenTabla td#pedidoCelda {border:none;color:#fff;text-align:right;}
table#resumenTabla td strong {color:#c04c94;}
table#resumenTabla td#pedidoTotal {background:none;font-weight:bold;text-align:right;color:#c04c94;}
.sombra {width:245px;height:9px;background:url(../img/sombra.gif) 0 0;}
.sombra_pedido {position:absolute;bottom:-9px;}
/* CONTENIDO EN DATOS */
table#envoltorioDatos {width:100%;height:100%;border:none;}
table#envoltorioDatos td.centrado {text-align:center;vertical-align:middle;}
table#datos {margin:auto;text-align:left;border:none;}
table#datos td {vertical-align:top; margin-top:5px;}
table#datos input {width:300px;border:solid 1px #000;font-size:12px;font-weight:normal;font-family:Arial;padding:2px;}
table#datos textarea {width:300px;border:solid 1px #000;font-size:12px;font-weight:normal;font-family:Arial;padding:2px;}
table#datos td.boton {text-align:center;}
table#datos td.boton input {border:none; width:auto;}
table#datos td.errorForm {font-size:130%; font-weight:bold; color:#C00; text-align:center;}
/* OVERLAY IMAGENES */
div#tapadera {position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:url(../img/back.png);
width:expression(parseInt(document.documentElement.clientWidth)+'px');height:expression(parseInt(document.documentElement.clientHeight)+'px');z-index:50;}
div#muestraImagenFondo {position:absolute;background:#FFF;z-index:60;top:50%;left:50%;/*width:750px;height:520px;margin-top:-260px;margin-left:-375px;*/
width:1010px;height:600px;margin-top:-300px;margin-left:-505px;}
div#muestraImagen {position:absolute;width:760px;height:580px;background:url(../img/cargando.gif) no-repeat center center;top:50%;left:50%;margin-top:-290px;margin-left:-495px;z-index:80;}
#imagen {position:relative;top:0px;left:0px;z-index:90;}
div#muestraImagenForm {position:absolute;bottom:10px;right:5px;width:220px;}
div#muestraImagenForm div {width:211px;display:block;padding-bottom:5px;}
div#muestraImagenForm label {display:block;float:left;width:90px;}
div#muestraImagenForm div input {width:70px;}
input#btncerrar {position:absolute;top:10px;right:10px;width:40px;}
div#controles {position:relative;height:39px;width:140px;margin-bottom:40px;padding:5px 0;border-top:1px solid #cbc6c0;border-bottom:1px solid #cbc6c0;}
div#controles span {display:block;float:left;margin-right:5px;width:70px;height:39px;text-align:center;line-height:48px;font-weight:bold;color:#a50066;
background:url(../img/flechas.png) no-repeat 0 0;text-indent:-2000px;overflow:hidden;}
div#controles span#controlesAnterior {background-position:0px -78px;}
div#controles span#controlesSiguiente {background-position:-70px -78px;}
div#controles span.activo {cursor:pointer;}
div#controles span#controlesAnterior.activo {background-position:0px 0px;}
div#controles span#controlesSiguiente.activo {background-position:-70px 0px;}
div#controles span#controlesAnterior.activo:hover {background-position:0px -39px;}
div#controles span#controlesSiguiente.activo:hover {background-position:-70px -39px;}
div#muestraImagenForm p {width:211px;font-size:12px;margin:0;padding:5px 0;border-top:1px solid #cbc6c0;border-bottom:1px solid #cbc6c0;}
div#metodos_pago {width:100%;text-align:center;margin-top:200px;margin-left:auto;margin-right:auto;}
div#metodos_pago input {width:250px;margin-top:20px;}