/*-------------------------------------------------------------------------*\
  Estilos para Escuela Politecnica Superior de Zamora
<--------------------------------------------------------------------------->
  Caracteristicas de Enlaces, Imagenes, Titulos, Parrafos, Listas y 
  Textos en general: (a, img, h1, h2, h3, ..., p, b, i, ul, li, pre, ...)
\*-------------------------------------------------------------------------*/
* { color:#192666;/**/
  font-family: 'Century Gothic', 'Verdana', 'Arial', Arial, Helvetica, monospace, serif, sans-serif;/*-*/
}

/*-------------------------------------------------------------------------*\
|--[ 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:none;}
/*-------------------------------------------------------------------------*/
a.enlace { color:#ffffff; 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 { }

/*-------------------------------------------------------------------------*\
|--[ Imagenes ]-------------------------------------------------------------|
\*-------------------------------------------------------------------------*/
img { border:none; background-color:transparent;}

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

/*-------------------------------------------------------------------------*\
|--[ Parrafos, Justificaciones y Efectos de Texto ]-------------------------|
\*-------------------------------------------------------------------------*/
p { text-align:justify; text-indent:4%;}
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;}

/*-------------------------------------------------------------------------*\
|--[ 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;}

/*-------------------------------------------------------------------------*\
|--[ Efectos de Cajas y Marcos ]--------------------------------------------|
\*-------------------------------------------------------------------------*/
.box { border: 1px ridge silver;}
.box-sombra {
  border-left: 1px ridge silver;
  border-top: 1px ridge silver;
  border-right: 3px ridge silver;
  border-bottom: 3px ridge silver;
}
.box-luz {
  border-left: 3px ridge silver;
  border-top: 3px ridge silver;
  border-right: 1px ridge silver;
  border-bottom: 1px ridge silver;
}

/*-------------------------------------------------------------------------*\
|--[ ..... ]----------------------------------------------------------------|
\*-------------------------------------------------------------------------*/
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;
}/**/

/*-------------------------------------------------------------------------*\
|--[ Paginador y Enlaces internos ]-----------------------------------------|
\*-------------------------------------------------------------------------*/
.paginador { 
/*background-color:#80D0F0;/**/
color:#804020;
font-size: 0.85em;/**/
/*font-size: 10pt;/**/
}
.paginador .paginador-contenedor { 
/*Centrar el contenido del paginador en el espacio del paginador principal.*/
display: inline-block;/*que el DIV no sea bloque, y asi se ajuste al ancho de su contenido.*/
margin: auto;/*que los margenes sean automaticos, con lo que se reparte al centro.*/
}


.paginador a, .paginador span {
border:1px solid #40C0C0;
color:#4040A0;
background-color:#C0F0F0;
padding:0 0.25em;
margin:0 1px;
display:inline-block;
min-width:20px;
}
.paginador a:hover {
background-color:#FFFF80;
}
.paginador span {
background-color:#A0C0C0;
color:#804080;
}
.paginador .pagina-etiqueta-ini, .paginador .pagina-etiqueta-fin { 
border:none; background-color:transparent; color:#804020;
}
.paginador .pagina-etiqueta-fin { font-size: 0.65em;/**/
}
.paginador .pagina-primera {}
.paginador .pagina-ultima {}
.paginador .pagina-anterior {}
.paginador .pagina-siguiente {}
.paginador .pagina-actual { background-color:#80D080;}
.paginador .pagina-n {}

/*-------------------------------------------------------------------------*\
|--[ Bloques de Noticias y Anuncios ]---------------------------------------|
\*-------------------------------------------------------------------------*/
div.noticia-detalle, div.noticia-breve {
width: 85%;
margin: 0.5em auto;
padding:0px;
text-align:justify; 
text-indent:2em;

border-color: rgb(63,72,204) rgb(153,217,234) rgb(153,217,234) rgb(63,72,204);/*noticia*/
border-width: 4px 4px 4px 4px;
border-style: solid;
}
div.noticia .titulo, div.noticia .subtitulo {
margin:0.25em 0.5em 0.25em 64px;
padding:0;
text-align:justify;
text-indent:0;
font-size:1.25em;
font-weight:bold;
text-decoration:none;
color: #802020;
}
div.noticia .subtitulo {
margin-top:0em;
font-size:0.9em;
font-weight:normal;
font-style:italic;
}
div.noticia .titulo-pie {
margin-top:0em;
font-size:0.7em;
font-weight:normal;
font-style:normal;
padding:0; margin:0; text-indent:0;
/*border-bottom:2px solid #008080;/**/
border-bottom:2px dotted #008080;/**/
/*border-bottom:2px dashed #008080;/**/
}
div.noticia .fecha {
color: #802020;
}
div.noticia .fuente {
font-style:italic;
}
div.noticia .contenido {
padding:5px;
text-align:justify;
text-decoration:none;
text-indent:2em;
font-weight:normal;
font-style:normal;
font-size:1.0em;
}

/**
 * Cambios en los bloques de noticias segun las categorias.
 * Deben estar al mismo nivel de importancia CSS, pero detras de los estilos
 * basicos de noticias para que tengan mas prioridad por estar definidos detras.
 */
div.categoria-noticia { /* azul: rgb(63,72,204) rgb(153,217,234) */
background:transparent url("./categorias/noticia.png") 0 0 no-repeat;
border-color: rgb(63,72,204) rgb(153,217,234) rgb(153,217,234) rgb(63,72,204);
}
div.categoria-noticia div.noticia .titulo,
div.categoria-noticia div.noticia .titulo-pie {
color: rgb(63,72,204);
border-color: rgb(63,72,204);
}
div.categoria-anuncio { /* naranja: rgb(255,127,39) rgb(239,228,176) */
background:transparent url("./categorias/anuncio.png") 0 0 no-repeat;
border-color: rgb(255,127,39) rgb(239,228,176) rgb(239,228,176) rgb(255,127,39);
}
div.categoria-anuncio div.noticia .titulo, 
div.categoria-anuncio div.noticia .titulo-pie {
color: rgb(255,127,39);
border-color: rgb(255,127,39);
}
div.categoria-actividad { /* verde: rgb(34,177,76) rgb(181,230,29) */
background:transparent url("./categorias/actividad.png") 0 0 no-repeat;
border-color: rgb(34,177,76) rgb(181,230,29) rgb(181,230,29) rgb(34,177,76);
}
div.categoria-actividad div.noticia .titulo,
div.categoria-actividad div.noticia .titulo-pie {
color: rgb(34,177,76);
border-color: rgb(34,177,76);
}
div.categoria-evento {/* rojo: rgb(136,0,21) rgb(237,28,36) */
background:transparent url("./categorias/evento.png") 0 0 no-repeat;
border-color: rgb(136,0,21) rgb(237,28,36) rgb(237,28,36) rgb(136,0,21);
}
div.categoria-evento div.noticia .titulo,
div.categoria-evento div.noticia .titulo-pie {
color: rgb(136,0,21);
border-color: rgb(136,0,21);
}


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

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

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