/*-------------------------------------------------------------------------*\
  Estilos para Aplicacion "CHORIZO ZAMORANO"
<--------------------------------------------------------------------------->
  Caracteristicas Generales de Elementos HTML: Enlaces, Imagenes, Titulos, 
  Parrafos, Listas y Textos en general: (a, img, h1, h2, h3, ..., p, b, i, 
  ul, li, pre, ...)
\*-------------------------------------------------------------------------*/

/*--*x/
* {
  font-family: 'Century Gothic', 'Verdana', arial, helvetica, sans-serif, monospace;/**x/
}*/
body { 
  font-family:'Comic Sans MS','Century Gothic','Verdana',arial,sans-serif,monospace;/**/  
  /*font-family:Georgia,"Times New Roman",Times,serif,monospace;/**/
  border:0; margin:0; padding:0;/**/
  font-size:1em; font-weight:normal; font-stretch:normal;/**/
  /*font-size: 98%;/**/
  /*border:1px dotted #8080FF;/**/
  color:#802010;/*192666;/**/
  background-color: #FFFFFF;
}
input, textarea, select { color:#000060; }
input, select { font-size:0.90em; } 
textarea { font-size:1.15em; }
/*--*/

/*-------------------------------------------------------------------------*\
|--[ Enlaces Genericos ]----------------------------------------------------|
\*-------------------------------------------------------------------------*/
a { text-decoration:none; text-align:center; font-size: 1em; 
  padding: 0px 6px 2px 6px; color:#202080;}
a:link, a:visited, a:active { }/*color:brown;*/
a:hover { text-decoration:none; text-align:center; font-size: 1em; 
  padding: 0px 6px 2px 6px; color:navy; background-color:#FFFF80;}
a:link img, a:visited img, a:hover img, a:active img { border:0px;}
/*-------------------------------------------------------------------------*/
a.enlace { color:#202080; padding: 0px 3px 0px 3px;}
a.enlace:hover { color:#FFFF00; background-color:#5050A0; padding: 0px 3px 0px 3px;}
span.enlace { margin:0px 0px; padding:0px;}/**/

/*-------------------------------------------------------------------------*\
|--[ Enlaces para simular BOTONES ]-----------------------------------------|
\*-------------------------------------------------------------------------*/
a.boton { /*padding: 0px 10px 3px 10px;/**/ 
  border:1px outset #E0E0FF;/**/
  color:#802020; background-color: #C0C0F0;
  -moz-border-radius: 6px 6px 6px 6px;
}
a.boton:hover { /*padding: 1px 9px 2px 11px;/**/ 
  border:1px inset #FFE0E0;/**/
  color:#202080; background-color: #FFFFD7;
  -moz-border-radius: 6px 6px 6px 6px;
}
/*-------------------------------------------------------------------------*/
a.boton-off { /*padding: 0px 10px 3px 10px;/**/
  border:1px outset #E0E0FF;/**/
  color:#601010; background-color: #C0C0C0;
  -moz-border-radius: 6px 6px 6px 6px;
}
a.boton-off:hover { /*padding: 1px 9px 2px 11px;/**/
  border:1px inset #FFE0E0;/**/
  color:#101060; background-color: #E0E0D7;
  -moz-border-radius: 6px 6px 6px 6px;
}
/*-------------------------------------------------------------------------*/
a.boton-opcion{ /*padding: 0px 10px 3px 10px;/**/
  border:2px outset silver;
  color:#202020; background-color: #C0C0C0;
  -moz-border-radius: 6px 6px 6px 6px;
}
a.boton-opcion:hover { /*padding: 1px 9px 2px 11px;/**/
  border:2px inset silver;
  color:#202080; background-color: #F0F0F0;
  -moz-border-radius: 6px 6px 6px 6px;
}
/*-------------------------------------------------------------------------*/
div.botones { padding-bottom:5px;}

/*-------------------------------------------------------------------------*\
|--[ Enlaces para simular MENUS ]-------------------------------------------|
\*-------------------------------------------------------------------------*/
a.menu, a.menu-off, a.submenu, a.submenu-off {
  /*border:1px solid silver;/**/
  display: block;/*width:"...-css-bloques.css"*/}
a.menu, a.menu:hover, a.menu-off, a.menu-off:hover { text-align:left;}
a.submenu, a.submenu:hover, a.submenu-off, a.submenu-off:hover {
  text-align:left; text-indent:1.5em;/**/}
a.menu, a.submenu { color:#202080; background-color:#E0E8FA;}
a.menu:hover, a.submenu:hover { color:#802020; background-color:#C0D0FA;}
a.menu-off, a.menu-off:hover, a.submenu-off, a.submenu-off:hover { 
  /*color:#803020; background-color:#D0E0F8;/**/
  color:#803020; background-color:#E0E0D0;/*mas oscuro*/
}
ul.lista-menu { list-style:none; margin:0px; padding:2px; background-color: #A05050;}
ul.lista-menu li { margin:0px; padding:0px;}

/*-------------------------------------------------------------------------*\
|--[ Enlaces con IMAGENES embebidas ]---------------------------------------|
\*-------------------------------------------------------------------------*/
a.img {}
a.img:hover { }
a img { margin:0; padding:0;}/*dejar la imagen sin margen, se ajusta en [a]*/
 
/*-------------------------------------------------------------------------*\
|--[ Imagenes, y clases de Fotos ]------------------------------------------|
\*-------------------------------------------------------------------------*/
img,.foto,.foto-izq,.foto-der,.foto-cen { 
  border:none; background-color:transparent;
  margin:5px; padding:0;
}
.foto,.foto-izq,.foto-der,.foto-cen { margin:0.25em; /*background-color:#F0F080;/**/}
.foto-izq { margin-right:0.75em}
.foto-der { margin-left:0.75em;}
.foto-cen { margin-left:0.75em; margin-right:0.75em;}

/*-------------------------------------------------------------------------*\
|--[ Texto Preformateado ]--------------------------------------------------|
|--[ Titulos y Subtitulos ]-------------------------------------------------|
\*-------------------------------------------------------------------------*/
pre { background:#FFFF80; color:#000000;}
h1,h2,h3,h4,h5,h6 { color:#802010; margin-top:0px;/*corregir*/
  /*text-align:center; text-indent:0%;/**/
}

/*-------------------------------------------------------------------------*\
|--[ Parrafos, Justificaciones y Efectos de Texto ]-------------------------|
\*-------------------------------------------------------------------------*/
.izq { text-align:left;}
.der { text-align:right;}
.cen { text-align:center;}
.jus { text-align:justify;}

p { text-align:justify; text-indent:1.5em;}
p.izq { text-indent:0%; text-align:left;}
p.der { text-indent:0%; text-align:right;}
p.cen { text-indent:0%; text-align:center;}
p.jus { text-indent:0%; text-align:justify;}
/*.sub { text-decoration:underline;}/**/
/*-------------------------------------------------------------------------*/
p.txt-titulo { text-align:justify; text-indent:0%;
  font-weight:bold; margin-top:3em; color:#802020;}
p.txt-apartado { text-align:justify; text-indent:0%;
  font-weight:bold; margin-top:2em; color:#802020; 
  font-size:0.95em; text-decoration:underline;}
p.txt-firma { text-indent:0%; font-weight:bold; font-style:italic; color:#803030;}
/* Caracteristicas de Parrafos. -------------------------------------------*/
.apartado {
  text-indent:0px;
  font-weight:bold;
  font-style:normal;
  /*text-decoration:underline;
  background-color:#F0F020;/**/
}



/*-------------------------------------------------------------------------*\
|--[ Listas Genericas y Efectos con Listas ]--------------------------------|
\*-------------------------------------------------------------------------*/
ul { text-align:justify; text-indent:0%;}
ul.txt-lista-vacia { list-style:none outside;}
ul.txt-lista-guion { list-style:square outside;}
ul.txt-lista-punto { list-style:disc outside;}
ul.txt-lista-circulo { list-style:circle outside;}
ul.txt-lista-letra { list-style:lower-alpha outside;}
ul.txt-lista-numero { list-style:decimal outside;}
ul.par-lista-vacia { list-style:none inside;}
ul.par-lista-guion { list-style:square inside;}
ul.par-lista-punto { list-style:disc inside;}
ul.par-lista-circulo { list-style:circle inside;}
ul.par-lista-letra { list-style:lower-alpha inside;}
ul.par-lista-numero { list-style:decimal inside;}

/*-------------------------------------------------------------------------*\
|--[ Efectos de Cajas y Marcos ]--------------------------------------------|
\*-------------------------------------------------------------------------*/
.box { border: 1px ridge silver;}
.box-sombra {
  border-color:silver;/*#CC0 #880 #880 #CC0;/**/
  border-style:outset;
  border-width:1px 2px 2px 1px;
}
.box-luz {
  border-color:white;
  border-style:inset;
  border-width:2px 1px 1px 2px;
}

/*-------------------------------------------------------------------------*\
|--[ Efectos de Tablas de Datos en Lista]-----------------------------------|
\*-------------------------------------------------------------------------*/
table.txt-lista {
border-left: 1px solid #0CC;
border-top: 1px solid #0CC;
border-right: 3px solid #044;
border-bottom: 3px solid #044;
border-spacing:1px;
/*border-collapse:separate;/*collapse; separate; inherit;*/
}
table.txt-lista th, table.txt-lista td { 
/*border: 1px solid #088;/**/
border-left: 1px solid #088;
border-top: 1px solid #088;
border-right: 1px solid #0CC;
border-bottom: 1px solid #0CC;
padding:0px 0.5em;
}
/*table.txt-lista tr:hover {
background: #FFFF66;
}/**/

/*-------------------------------------------------------------------------*\
|--[ Efectos de la Seccion de Paginacion ]----------------------------------|
\*-------------------------------------------------------------------------*/
div.paginador { clear:both; margin:2px 0px;}


/*-------------------------------------------------------------------------*\
\*-------------------------------------------------------------------------*/
/* Estilos para definir anchos de elementos por medio de clases. ----------*/
.wp25 { width:25%!important;}
.wp50 { width:50%!important;}
.wp60 { width:60%!important;}
.wp75 { width:75%!important;}
.wp80 { width:80%!important;}
.wp85 { width:85%!important;}
.wp90 { width:90%!important;}
.wp95 { width:95%!important;}
.wp99 { width:99%!important;}
/* Estilos para definir anchos de elementos por medio de clases. ----------*/
.w25 { width:25px!important;}
.w50 { width:50px!important;}
.w75 { width:75px!important;}
.w100 { width:100px!important;}
.w125 { width:125px!important;}
.w150 { width:150px!important;}
.w175 { width:175px!important;}
.w200 { width:200px!important;}
.w225 { width:225px!important;}
.w250 { width:250px!important;}
.w275 { width:275px!important;}
.w300 { width:300px!important;}
.w325 { width:325px!important;}
.w350 { width:350px!important;}
.w375 { width:375px!important;}
/* Estilos para definir margenes izq. de elementos por medio de clases. ---*/
.mi25 { margin-left:25px!important;}
.mi50 { margin-left:50px!important;}
.mi75 { margin-left:75px!important;}
.mi100 { margin-left:100px!important;}
.mi125 { margin-left:125px!important;}
.mi150 { margin-left:150px!important;}
.mi175 { margin-left:175px!important;}
.mi200 { margin-left:200px!important;}
.mi225 { margin-left:225px!important;}
.mi250 { margin-left:250px!important;}
.mi275 { margin-left:275px!important;}
.mi300 { margin-left:300px!important;}
.mi325 { margin-left:325px!important;}
.mi350 { margin-left:350px!important;}
.mi375 { margin-left:375px!important;}


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

/*-------------------------------------------------------------------------*\
|--[ ..... ]----------------------------------------------------------------|
\*-------------------------------------------------------------------------*/

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