/*-------------------------------------------------------------------------*\
  Estilos para Escuela Politecnica Superior de Zamora
<--------------------------------------------------------------------------->
  Colocacion y Posicionamiento de Bloques (body, div, span, table, ...)
\*-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*\
|--[ Utiles para Posicionamiento ]------------------------------------------|
\*-------------------------------------------------------------------------*/
.bloque { display:block; /*_width:100%;/*IE*/}
.enlinea { display:inline;}
.salto { clear:both;}
/*div { display:block; border:0; margin:0; padding:0;}/**/


/*-------------------------------------------------------------------------*\
|--[ Colocacion Pagina "app_principal" ]------------------------------------|
\*-------------------------------------------------------------------------*/
body {
  /*background:#F7F7FF;/*-*/
  /*background:#00000F;/*-*/
  border:0; margin:0; padding:0;/**/
  /*text-align:center;/**/
}
/*-------------------------------------------------------------------------*/
#cabecera { 
  background:#FFFFBF;/*30A0A0;/*-*/
  /*border:1px solid #0F0FD7;/*IE*/
  /*_width:100%;/*IE*/
} 
#pie {
  background:#FFFFDF;/*#FFCF7F;/*-*/
  /*border:1px solid red;/*-*/
  /*_width:100%;/*IE*/
  text-align: center; font-weight: bold; /**/
}
#cuerpo {
  /*-background:#F7F7FF;/*A0C0FF;/*-*/
  background:#FCFCFF;/*A0C0FF;/*-*/
  /*border:1px solid green;/*-*/
  /*_width:100%;/*IE*/
  /*min-height:300px; min-width:300px;/**/
}
/*-------------------------------------------------------------------------*\
|--[ Pie ]------------------------------------------------------------------|
|--[ Cabecera ]-------------------------------------------------------------|
\*-------------------------------------------------------------------------*/
#pie-cenefa {
  /*border: 1px ridge green;/*-*/
  background: #FFFFD7 url(./margen-inf.png) repeat-x;/**/
  height:20px; margin: 0px;/**/
  /*width:100%;/*necesario*/
}
#cabecera-cenefa {
  /*border: 1px ridge red;/*-*/
  background: #FFFFD7 url(./margen-sup.png) repeat-x;/**/
  height:20px; margin: 0px;/**/
  /*width:100%;/*IE*/
}
#pie div.copyright { float:right; font-size: 0.90em; letter-spacing: 0.1em;}/**/ 
/*-------------------------------------------------------------------------*/
#pie div.enlaces, #cabecera div.enlaces {
  float:right;
  /*border: 1px ridge green;/*-*/
  /*background:#40F0C0;/*-*/
  text-align: right; font-weight: bold;/**/
  font-size: 0.80em; letter-spacing: 0em;/**/ 
}
/*-------------------------------------------------------------------------*/
#cabecera #logo {
  float: left; /**/
  /*border: 1px solid #0FFFCF;/*-*/
  background:#FFFFBF;/*-*/
}
#cabecera #flash {
  float: left;/**/
  /*border: 1px ridge green;/*-*/
  padding-left:0.5%;
  padding-right:1%;/**/
}
#cabecera #titular {
  /*border: 1px ridge green;/*-*/
  /*background:#00FFE0;/*-*/
  float:right;/**/
  padding-right:0.5em;
  text-align:center;
  font-weight:bold;/**/
}   
/*-------------------------------------------------------------------------*/
#titular .titulo {
  /*border: 1px ridge green;/*-*/
  /*background:#80F030;/*-*/
  color:#850505;/*-*/
  font-size:0.95em; letter-spacing: 0.075em;/**/
}
#titular .subtitulo {
  /*border: 1px ridge green;/*-*/
  /*background:#7FF07F;/*-*/
  font-size:0.75em;/**/
}
/*-------------------------------------------------------------------------*\
|--[ Opciones (zona de menu y noticias breves ]-----------------------------|
\*-------------------------------------------------------------------------*/
#opciones {
  /*border: 1px ridge #FFFF00;/*-*/
  /*background: #C06060;/**/
  background: transparent url(./margen-degradado.png) repeat-x;/**/
  /*float:left; position:relative; top:0px; left:15px;/**/
  float:left; margin:0px; padding:0px;
  /*width:220px;/*poner tamaņo en las "#menu a"*/
  padding:0px 0px 0px 15px; /*_padding:0% 0% 0% 0%; /*IE*/
  /*overflow:auto;/**/
}
/*-------------------------------------------------------------------------*\
|--[ Contenido (zona de contenido) ]----------------------------------------|
\*-------------------------------------------------------------------------*/
#contenido-opc { 
  /*margin:0% 0% 0% 24%; /*_margin-left:24%;/*IE*/
  margin:0px 0px 0px 245px; /*_margin-left:245px;/*IE*/
}
#contenido, #contenido-opc {
  /*border: 1px ridge red;/*-*/
  /*background: #D3DFF8;/**/
  background: transparent url(./margen-degradado.png) repeat-x;/**/
  /*float:left; /*position:relative;top:-90px;/**/
  font-size:1em; font-weight:normal; font-stretch:normal;/**/
  text-align:center;
}
#contenido-cenefa { 
  /*border: 1px ridge green;/*-*/
  /*background: #F7F7FF url(./margen-degradado.png) repeat-x;/**/
  height:20px; margin:0px;/*ajustar la colocacion final del contenido*/
  /*width: 100%;/*necesario*/
}
/*-------------------------------------------------------------------------*\
|--[ Menu de Opciones (dentro de Opciones) ]--------------------------------|
\*-------------------------------------------------------------------------*/
#menu {
  /*border: 1px ridge #FFFF00;/*-*/
  /*background: #C0C060;/**/
  font-size:90%;
  position:relative; top:-25px; left:0px;/*colocarlo un poco arriba*/
}
#menu a.menu, #menu a.menu-off, #menu a.submenu, #menu a.submenu-off {
  width:210px; /*poner fijo para que funcione el ajuste*/
}
/*-------------------------------------------------------------------------*\
|--[ Noticias Breves (dentro de Opciones) ]---------------------------------|
\*-------------------------------------------------------------------------*/
#noticias {
  border: 1px ridge #FFFF00;/*-*/
  background: #60C0C0;/**/
  margin:3px;/**/
  /*display:none;/**/
  /*visibility:hidden;/**/
}
#noticias {}
#noticias .noticias-top {}
#noticias .noticias-bottom {}
#noticias div.noticia {}
#noticias p.fecha {}
#noticias a.noticia {}
#noticias a.noticia:hover {}
/*-------------------------------------------------------------------------*\
|--[ Imagen de Fondo (dentro de contenido) ]--------------------------------|
|--[ Trabajo (zona de trabajo dentro de contenido) ]------------------------|
|--[ Texto (clase para Textos en la zona de trabajo) ]----------------------|
|--[ Datos (clase para Datos en la zona de trabajo) ]-----------------------|
\*-------------------------------------------------------------------------*/
#fondo-campus {
  /*background: transparent url(./campus-epsz-gris.png) no-repeat center top; /**/
  background: transparent url(./campus-epsz-gris.png) no-repeat center 65px; /**/
}
#trabajo { width:98%; margin:0px auto; 
  padding:0px; padding-bottom:2%;
  min-height: 375px;
}
#trabajo.texto {
  /*background-color:#D0D020;/**/
}
#trabajo.datos {
  /*background-color:#20D0D0;/**/
}
#fondo-biblioteca {
  /*background: transparent url(./campus-biblioteca-gris.png) no-repeat center top; /**/
  background: transparent url(./campus-biblioteca-gris.png) no-repeat center 65px; /**/
}
#fondo-deportes {
  /*background: transparent url(./campus-deportes-gris.png) no-repeat center top; /**/
  background: transparent url(./campus-deportes-gris.png) no-repeat center 65px; /**/
}
#fondo-comedor {
  /*background: transparent url(./campus-comedor-gris.png) no-repeat center top; /**/
  background: transparent url(./campus-comedor-gris.png) no-repeat center 65px; /**/
}

/*-------------------------------------------------------------------------*\
|--[ INICIO: zona para Anuncio Flash ]--------------------------------------|
|--[ INICIO: zona de Anuncios Destacados ]----------------------------------|
\*-------------------------------------------------------------------------*/
#zona-flash { 
  height:300px;/**/
  /*overflow: scroll;/**/
}
/*-------------------------------------------------------------------------*/
#barra-destacados { 
  /*border: 1px ridge green;/*-*/
  width:98%; margin:0px auto; 
  padding:0px; /*padding-bottom:2%;/**/
}
#lista-destacados { 
  margin:0px 5%; 
  /*border: 1px ridge red;/**/
}
/*-------------------------------------------------------------------------*/
#barra-destacados .destacado { 
  /*background: #ffff00;/*amarillo*/
  /*border: 1px ridge green;/*-*/
  float:left; position:relative; /**/
  font-size: 0.8em;/**/
  margin-right: 10px;/**/
  width:200px;/**/
}
#barra-destacados .destacado h1 { font-size:1.3em; font-weight: bold; margin:0px; padding:0px; color: #2D2F93;}
#barra-destacados .destacado hr { color:#802020; height:2px;}
#barra-destacados .destacado img { width:60px; border:1px solid #999; float:center; position:relative; margin:5px 0px;}
#barra-destacados .destacado p { margin-top:5px; clear: both; text-indent:0%; text-align:center;}
#barra-destacados .destacado div.enlace {
  background: transparent url(./punto_rojo.gif) no-repeat left; 
  float:left; position:relative;/**/
  width:200px;
  border-bottom:1px dotted #bbb; 
  margin-left:10px; /**/
}
#barra-destacados .destacado a { 
  display:block; overflow-x:hidden;
  margin-left:6px;/**/
  font-weight:bold;
  text-align:left;
  color:#000;/**/
}
#barra-destacados .destacado a:hover { color:#c74f36;}
/*-------------------------------------------------------------------------*/
/*#barra-botones { float: right; position:relative; /**//*background: transparent none;}/**/
/*-------------------------------------------------------------------------*/
#barra-anuncios { 
  width:98%; 
  margin:0px auto; padding:0px; /*padding-bottom:2%;/**/
  /*border: 1px ridge green;/*-*/
  font-family: monospace, serif, sans-serif;/*-*/
}
#barra-anuncios * { 
  /*margin:0px auto; padding:0px; /*padding-bottom:2%;/**/
  font-family: monospace, serif, sans-serif;/*-*/
}
#barra-anuncios h1, #barra-anuncios h2 {
  margin:0px; padding:0px;
}
#titulo-anuncios {
  margin:0px;
  /*border: 1px ridge yellow;/**/
}
#lista-anuncios {
  margin:5px 5%; 
  /*border: 1px ridge red;/**/
}
#barra-anuncios .anuncio { 
  /*background: #ffff00;/*amarillo*/
  /*border: 1px ridge green;/*-*/
  font-size: 0.8em;/**/
  width:404px;/**/
  
  margin-right: 10px;/**/
  float:left; position:relative; /**/
  /*display:inline-block; _display:inline; _float:left;/**/
}
#barra-anuncios .anuncio img { margin:0px; padding:0px;}
#barra-anuncios .anuncio a {   margin:0px; padding:2px; font-weight:bold;
  display:block; /*overflow-x:hidden;/**/ text-align:left; color:#000;/**/
}
#barra-anuncios .anuncio a:hover { color:#c74f36;}




/*-------------------------------------------------------------------------*\
|--[ TITULACIONES: Zona de Contenido ]--------------------------------------|
|--[ TITULACIONES: Plan de Estudiors ]--------------------------------------|
|--[ TITULACIONES: Asignatura = PDF ]---------------------------------------|
\*-------------------------------------------------------------------------*/
#titulaciones { width:80%; margin:0px auto;}
#titulaciones li { padding:1px 0px 0px 0px;}
#titulaciones li a { _width:100%;}/*IE*/
/*-------------------------------------------------------------------------*/
#plan-estudios { 
  /*border: 1px ridge green;/*-*/
  /*background-color:#20D0D0;/**/
  width:85%; margin:0px auto; padding:0px;
  text-align:center; empty-cells:show;
}
#plan-estudios td { padding:1px 0px 0px 0px;}
#plan-estudios td a { _width:95%;}/*IE*/
#plan-estudios tr.hueco { height:0.75em; /*background-color:#80F080;/**/}/**/
#plan-estudios tr.curso { height:1.5em; background-color:#D3DFF8;/**/}/**/
#plan-estudios tr.curso-activo { height:1.5em; background-color:#A0F0A0;}/**/
#plan-estudios tr.cabecera { height:1.5em; background-color:#D3DFF8;}
/*-------------------------------------------------------------------------*/
#pdf-grande { width:95%; height:600px; margin:0px auto; padding:0px; }

/*-------------------------------------------------------------------------*\
|--[ INSTALACIONES: Zona de Contenido ]-------------------------------------|
\*-------------------------------------------------------------------------*/
#instalaciones { width:95%; margin:0px auto; padding:0px; 
  overflow-x:auto;overflow-y:visible;}
/*-------------------------------------------------------------------------*/
#instalaciones-flash { width:650px; padding:5px; margin:0px auto; }
#enlaces-flash { float:left; padding:0px; margin:0% 5px 0% 0%; 
  background: #efefff;}
#enlaces-flash a { margin:5px 5px; width:100px;}
#caja-flash { float:left; width:500px; height:400px; margin:0px auto; }
/*-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* pruebas *-/
#col ul#category {margin:15px 0; padding:0; list-style:none;}
#col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
#col ul#category li#category-active a {background:#E0E8FA url("../design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}

#col ul#links {margin:15px 0; padding:0; list-style:none;}
#col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}
/*-*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/