@charset "UTF-8";

/*Ligas */
a, a div { color: rgb(102,0,0);}
img { border: none; }
 
/* estructura principal */
html,body{ margin:0; padding:0; }
body { font: 12px helvetica, arial,sans-serif;  background-color:rgb(133,164,185); background-image: none;}
table.principal { text-align: center; margin-left:auto; margin-right: auto; width:1024px; background: rgb(192,209,220) url('imagenes/fondo_color_tenue1.png') no-repeat center center;}
table.principal tr.titulo { height:55px; }
table.principal tr td.leyenda, table.principal tr td.informes { width:70px; }
table.principal tr td.fondo { background-color:rgb(133,164,185); }
table.principal tr td.contenido, table.principal tr td.contenido div.contenido { width:880px; height:563px; }
table.principal tr td.contenido div.contenido { position:absolute; }

	/* bordes */
/*table.principal tr td.principal, table.principal tr td.leyenda, table.principal tr td.informes { background-color:rgb(192,209,220); } */
table.principal tr td { border: 0px solid rgb(233,237,224); }
table.principal tr td.a { border-top-width:3px; }
table.principal tr td.ab { border-bottom-width:3px; }
table.principal tr td.i { border-left-width:3px; }
table.principal tr td.d { border-right-width:3px; }

	/* menu */
ul.dropdown, ul.dropdown-linear, ul.dropdown ul { width:auto;}
ul.dropdown, ul.dropdown-linear { margin-left:70px;}
ul.dropdown ul { margin-left:200px;}

	/* objetos varios del marco */
div.titulo { position: absolute; z-index:100; top:60px; font: 200% arial,sans-serif; text-align:left; line-height:95%; font-weight:800; color:rgb(202,50,0); vertical-align:middle; border:none;}
td.titulo { width:260px; height:50px;}
td.leyenda, td.leyenda div { color:rgb(0,0,0); font-weight:bold; letter-spacing:0.1em;}
td.informes div {  text-decoration:underline; font-style:italic; font-weight:bold; color:rgb(255,255,255); }
td.informes div span { background-color:rgb(0,0,0); }

	/* Definiciones generales */
table tr td.caja { border: 3px solid rgb(102,0,0); background-color:rgb(255,219,184); opacity:0.6; filter:alpha(opacity=60); font-size:80%; }
th { font-size:130%; padding-left:14%; }
.importante1 { font-size:150%; color:rgb(150,20,20); font-weight:bold; line-height:150%; }
.importante2 { font-size:130%; color:rgb(150,20,20); font-weight:bold; line-height:150%; }
div.nota-contenido { visibility:hidden; display:none;}
div.nota-contenido span.componente { font-size:100%;}
div.nota-contenido td {  text-align:left; font-size:150%; line-height:130%; color:rgb(0,0,60);}

/* Presentación */
table.presentacion { font-size:130%; height:100%; padding:1%; }
table.presentacion tr td { background-image: url('imagenes/velo_90.png'); }
table.presentacion tr td.caja {  background-image:none; opacity:0.9; filter:alpha(opacity=90); line-height:150%; }

/* Funcionamiento */
div.pedestal, div.panel, div.flechas, div.pantalla, div.modulo, img.filas, div.n1, div.n2, div.n3, div.n4, div.n5, div.n6, div.explicacion { position:absolute; }
div.pedestal { left:1%; bottom:0; }
div.panel { left:7%; top:13%; }
div.flechas { left:17%; top:16%;}
div.pantalla {left:57%; top:-5%;}
div.pantalla img:hover { opacity:0.15; filter:alpha(opacity=15); }
div.modulo {left:66%; top:8%;}
img.filas {right:2.3%; bottom:35.2%;}
div.n1 { left:13%; bottom:47%;}
div.n2 { left:18%; top:17%; }
div.n3 { left:52%; top:17%;}
div.n4 { left:35%; top:43%;}
div.n5 { right:10%; bottom:51%;}
div.n6 { right:9%; bottom:30%;}
span.componente, span.secuencia { font-size:130%; color:rgb(150,10,10); font-weight:bold; background-color:rgb(240,240,0); border: 1px solid rgb(0,0,0); padding-left:0.3em; padding-right:0.3em; }
span.secuencia { font-size:200%; color:rgb(10,130,10); border: 3px solid rgb(50,150,50); }
div.explicacion { font-size:130%; left:15%; bottom:2%; }
div.explicacion span.componente, div.explicacion span.secuencia { font-size:100%;  }
div.nota-contenido td img { float:right; }

/* información */
table.informacion tr, table.informacion tr td { height:auto; width:auto; padding:5px;}
table.informacion { border:2px outset black; background-color:rgb(192,209,220); }
table.informacion tr td:first-child { text-align:right; }
table.informacion tr td:last-child { text-align:left; }
table.informacion tr:last-child td { text-align:center; }

/* Reportes */
table.reportes { font-size:125%; height:100%; padding:1.2%; text-align:justify; background-image: url('imagenes/velo_50.png');}
table.reportes tr td.reportes { border: 1px solid rgb(102,0,0); background-color:rgb(255,219,184); opacity:0.85; filter:alpha(opacity=85); padding-left:2%; padding-right:2%;}
table.reportes tr:first-child td { padding-left:4%; }

/* Requerimientos */
table.requerimientos { font-size:150%; height:100%; padding:1%; }
table.requerimientos tr td { background-image: url('imagenes/velo_90.png'); }
table.requerimientos tr td ul { list-style-position:inside;   text-align:left;}
table.requerimientos tr td.caja { padding:1%; background-image:none; opacity:0.95; filter:alpha(opacity=95); }

/* Recepción */
table.recepcion { font-size:120%; padding:5%; padding-bottom:0;  background: url('imagenes/sucursal_recepcion.png') no-repeat center bottom;}
table.recepcion tr td.caja { padding:1%; background-image:none; opacity:0.95; filter:alpha(opacity=95); font-size:110%; }

/* despliegue */
table.despliegue { font-size:145%; height:100%; padding:1%; }
table.despliegue tr td.caja { padding:1%; background-image:none; opacity:0.95; filter:alpha(opacity=95); text-align:justify; }
table.despliegue tr td.importante1 { background-image: url('imagenes/velo_80.png'); }
table.despliegue tr td.pantalla { background: url('imagenes/sucursal_modulo.png') no-repeat center center; }
table.despliegue tr td.pantalla img:hover { opacity:0.15; filter:alpha(opacity=15); }

/* entrega de turnos */
table.entrega { font-size:150%; height:100%; padding:1%; }
table.entrega tr td.caja { padding:1%; background-image:none; opacity:0.95; filter:alpha(opacity=95); text-align:left;}
table.entrega tr td.importante1 { background-image: url('imagenes/velo_90.png');}
table.entrega tr td ul { list-style-position:inside; text-align:left; font-size:100%;}
table.entrega tr td.entrega {background-image: url('imagenes/velo_90.png');}

/* politica de privacidad */
table.privacidad { text-align:justify; padding-left:1em; padding-right:1em; background-image: url('imagenes/velo_50.png'); height:100%;}
table.privacidad td.titulo { color:transparent; }
table.privacidad td.leyenda { font-weight:normal; letter-spacing:0em;}
table.privacidad td.subtitulo { font-size:150%; padding-top:0.5em; color:rgb(150,20,20); font-weight:bold; text-align:center; }
table.privacidad td.texto { background-image: url('imagenes/velo_80.png'); font-weight:bold;}