/*-------------------------------------------------------------------------*\
  Estilos para Aplicacion "CHORIZO ZAMORANO"
<--------------------------------------------------------------------------->
  Colocacion y Posicionamiento de Bloques (body, div, span, table, ...)
\*-------------------------------------------------------------------------*/

/*Visualizar los elementos*x/
body * { border:1px dotted #8080FF; }
/*---visualizar---*/

/*-------------------------------------------------------------------------*\
|--[ Utiles para Posicionamiento ]------------------------------------------|
\*-------------------------------------------------------------------------*/
.bloque { display:block; /*_width:100%;/*IE*/}
.enlinea { display:inline;}
.salto { clear:both;}
.img-cen { clear:both; }
.img-izq { clear:left;}
.img-der { clear:right;}

/*-------------------------------------------------------------------------*\
|--[ Colocacion Pagina "app_principal" ]------------------------------------|
\*-------------------------------------------------------------------------*/
#pagina {
  font-family:'zComic Sans MS','zCentury Gothic','Verdana',arial,sans-serif,monospace;/**/
  /*font-family:Georgia,"Times New Roman",Times,serif,monospace;/**/
  /*margin:0.1em;/*1-margen minimo*/
  /*width:98%; margin:1%;/*2-ancho en porcentaje, y centrado manual*/
  width:780px; margin:auto;/*probar anchos fijos*/
  /*height:1600px; overflow:scroll;/**/
  /*width:1024px; height:768px; overflow:scroll; margin:auto;/*probar anchos fijos*/
  /*text-align:center;/**/
  /*border:1px dotted #8080FF;/**/
}

/*-------------------------------------------------------------------------*\
|--[ Cabecera, Cuerpo y Pie ]-----------------------------------------------|
\*-------------------------------------------------------------------------*/
#cabecera, #cuerpo, #pie { clear:both; }
#cabecera { 
  /*background:#FFFCFC;/*FFEFFF;/*30A0A0;/*-*/
  /*background: transparent url(../../img/etiqueta01_p.png) repeat-x;/**/
  background: transparent url(../../img/logo-chorizo01_rot200fon3.png) no-repeat center right;/**/
  /*border:1px solid #0F0FD7;/**/
} 
#cuerpo {
  /*background:#FFFCFC;/*A0C0FF;/*-*/
  /*border:1px solid green;/*-*/
  background: transparent url(../../img/bandera-r2.png) repeat-x;/**/
}
#pie {
  /*background:#FFFC0C;/*#FFCF7F;/*-*/
  /*border:1px solid red;/*-*/
  /*background: transparent url(../../img/bandera-p1.png) repeat-x;/**/
  background: #FFFFFF url(../../img/bandera-p1.png) repeat-x;/**/
  text-align: center; /*font-weight: bold; /**/
}
/*-------------------------------------------------------------------------*\
|--[ Cabecera y Pie -> Bandas ]---------------------------------------------|
\*-------------------------------------------------------------------------*/
#cabecera-banda-verde {
  clear:both; height:25px; _font-size:1px;/*IE*/
  background: transparent url(../../img/bandera-v2.png) repeat-x center;/**/
  /*background: #00F000 url(../../img/bandera-v2.png) repeat-x;/**/
}
#cabecera-banda-blanca {
  clear:both; height:5px; _font-size:1px;/*IE*/
  /*background: transparent url(../../img/bandera-b1.png) repeat-x;/**/
  background: #FFFFFF;/**/
}
#pie-banda-verde {
  clear:both; height:2px; _font-size:1px;/*IE*/
  background: #00C800;/*#048F39;/**/
}
#pie-banda-blanca {
  clear:both; height:2px; _font-size:1px;/*IE*/
  background: #FFFFFF;/**/
}
#pie-banda-roja {
  clear:both; height:4px; _font-size:1px;/*IE*/
  background: #C80000;/**/
}
/*-------------------------------------------------------------------------*\
|--[ Cabecera y Pie --> Detalles ]------------------------------------------|
\*-------------------------------------------------------------------------*/
#pie div.copyright { float:left;/**/ 
  font-size: 0.80em; letter-spacing: 0.1em;
  margin:0px 5px;
}
/*-------------------------------------------------------------------------*/
#cabecera div.enlaces, #pie div.enlaces {
  float:right;
  /*border: 1px ridge green;/*-*/
  /*background:transparent; /*#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:1em; padding-right:2em;/**/ 
  /*margin: 0px; padding:0px;/**/
  width:150px; height:100px;
} 
#cabecera #flash h1 { margin: 0px; padding:0px;/**/}
/*-------------------------------------------------------------------------*/
#cabecera #titular {
  /*border: 1px ridge green;/*-*/
  /*background:#00FFE0;/*-*/
  float:right;/**/
  margin-right:0.75em;
  text-align:center;
  font-size:0.9em;font-weight:bold;/**/
}   
#titular .titulo {
  /*border: 1px ridge green;/*-*/
  /*background:#80F030;/*-*/
  color:#802010;/*-*/
  letter-spacing: 0.075em;/**/
  font-size:0.95em; 
  /*text-align:center;/**/
  margin-right:0em;
}
#titular .subtitulo {
  /*border: 1px ridge green;/*-*/
  /*background:#7FF07F;/*-*/
  color:#208010;/*-*/
  font-size:0.75em;/**/
  margin-left:0em;
  width:75%; _width:auto;
}
#titular .subtitulo2 {
  /*border: 1px ridge green;/*-*/
  /*background:#7FF07F;/*-*/
  color:#108080;/*-*/
  font-size:0.75em;/**/
  margin-left:0em;
  /*font-weight:normal;/**/
  width:75%; _width:auto;
}
/*-------------------------------------------------------------------------*\
|--[ Opciones (zona de menu y noticias breves ]-----------------------------|
\*-------------------------------------------------------------------------*/
#opciones {
  /*border: 1px ridge #FFFF00;/*-*/
  /*background: #C06060;/**/
  float:left; padding:0px; margin:0px 10px -20px 10px; _margin-left:5px;
  /*width:220px;/*poner tamaņo en las "#menu a", aqui no afecta al menu.*/
  /*padding:0px 0px 0px 10px;/*con padding no se ve el fondo*/
  /*margin:0px 10px 0px 10px;/**/
  /*overflow:auto;/**/
}
/*-------------------------------------------------------------------------*\
|--[ Menu de Opciones (dentro de Opciones) ]--------------------------------|
\*-------------------------------------------------------------------------*/
#menu {
  /*border: 1px ridge #FFFF00;/*-*/
  /*background: #C0C060;/**/
  /*font-family: 'zComic Sans MS','zCentury Gothic','Verdana',arial,sans-serif,monospace;/**/   
  font-size:0.8em;/**/
  font-weight:bold;
  position:relative; top:-20px; left:0px;/*colocarlo un poco arriba*/
  /*position:absolute; top:170px; left:15px; z-index:1;/*colocarlo donde sea*/
}
/*-------------------------------------------------------------------------*/
/*Las Siguientes Caracteristicas se Definen en [vmenu.css] y/o [hmenu.css].*/
/*-------------------------------------------------------------------------*/
/*#menu a, #menu a:hover {
  width:190px; /*poner fijo para que ajuste. Ver margen en '#contenido-opc'.*-/
  /*_width:100%; /*IE - arreglo para ampliar enlace.*-/
}
#menu li { /*width:200px; /*IE - poner fijo para que se adapte al enlace.*-/ }
#menu a {
  color:#802010; background-color:#F0FFE0;/*E0FFD0;/*Rojo Oscuro / Verde Claro*-/
}
#menu a:hover { 
  color:#FFFFFF; background-color:#E02010;/*Blanco / Rojo Oscuro*-/
}
#menu a.activo {
  color:#FFFFFF; background-color:#00A050;/*Blanco / Verde Oscuro*-/
}
#menu a.activo:hover { 
  color:#FFFFFF; background-color:#E02010;/*Blanco / Rojo Oscuro*-/
}
/*-------------------------------------------------------------------------*/
#menu a.submenu {
  background-image:url(../../img/submenu-sel-r0.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
#menu a.submenu:hover {
  background-image:url(../../img/submenu-sel-y0.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
#menu a.submenu-open {
  background-image:url(../../img/submenu-open-r0.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
#menu a.submenu-open:hover {
  background-image:url(../../img/submenu-open-y0.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
/*-------------------------------------------------------------------------*\
|--[ 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 {}
/*-------------------------------------------------------------------------*\
|--[ Contenido (zona de contenido) ]----------------------------------------|
\*-------------------------------------------------------------------------*/
#contenido{
  /*background: transparent url(./margen-degradado.png) repeat-x;/**/
}
#contenido-opc {
  /*background: transparent url(./margen-degradado.png) repeat-x;/**/
}
#contenido, #contenido-opc {
  /*border: 1px ridge red;/*-*/
  /*background: #D3DFF8;/**/
  /*float:left; /*position:relative;top:-90px;/**/
  /*font-family: 'zComic Sans MS','zCentury Gothic','Verdana',arial,sans-serif,monospace;/**/  
  font-size:1em; font-weight:normal; font-stretch:normal;/**/
 /*line-height:1.5em;/*poner en [#hoja]*/
  text-align:center;
  color:#164609;/*color general para los textos contenidos*/
  /*margin:0px 10px 0px 220px;/*margen izq.= ancho[#menu a] + margen[#opciones].*/
  margin:0px 10px 0px 10px;/*margen para ajustar alrededor del [#menu]. */
}
#contenido-cenefa { 
  /*border: 1px ridge green; background: #FFFF00;/**/
  /*height:2px; /*ajustar para colocacion inicial del TITULO del contenido*/
  /*_font-size:1px;/*IE*/ 
}
/*-------------------------------------------------------------------------*\
|--[ Barra de Opciones de Usuario (dentro de Contenido o Contenido-opc ) ]--|
\*-------------------------------------------------------------------------*/
div#usuario { float:right; font-size:0.75em; /*background-color:transparent;/**/}
/*-------------------------------------------------------------------------*\
|--[ Imagenes 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) ]-----------------------|
\*-------------------------------------------------------------------------*/
div.fondo {
  margin:0px; padding:0px;
  /*background-color:#D0F0D0;/*probar para ver fondos*/
}
div.fondo-ficha {
  /*background: transparent url(../../img/fondo-ficha-g1.gif) repeat; /**/
}
div.fondo-chorizo {
  /*background: transparent url(../../img/fondo-chorizo-g1.gif) no-repeat center center; /**/
  /*background: transparent url(../../img/fondo-ficha-g1.gif) repeat; /**/
  
  /*background: transparent url(../../fon/fondo_campo.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/fondo_casas.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/fondo_palomar.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/fondo_palomar_m.png) no-repeat center center; /**/
  
  /*background: transparent url(../../fon/catedral01_cg.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/cimborrio_cg.png) no-repeat center center; /**/

  /*background: transparent url(../../fon/catedral01_g.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/cimborrio_cg2.png) no-repeat center center; /**/
  background: transparent url(../../fon/rodaja_fc1.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/torreon_cg.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/tras_catedral_cg.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/urraca_g.png) no-repeat center center; /**/
}
div.fondo-cho-pre {
  background: transparent url(../../fon/rodaja_fc1.png) no-repeat center center; /**/
}
div.fondo-cho-his {
  background: transparent url(../../fon/torreon_cg.png) no-repeat center center; /**/
  /*background: transparent url(../../fon/urraca_g.png) no-repeat center center; /**/
}
div.fondo-cho-ela {
  background: transparent url(../../fon/cimborrio_cg2.png) no-repeat center center; /**/
}
div.fondo-cho-cal {
  background: transparent url(../../fon/catedral01_g.png) no-repeat center center; /**/
}
div.fondo-cho-pro {
  background: transparent url(../../fon/rodaja_fc1.png) no-repeat center center; /**/
}
div.fondo-emp-ini {}
div.fondo-emp-ver {}


/* Hoja de trabajo donde salen los contenidos finales. --------------------*/
div.fondo h1 { margin:0px; padding:0.5em 0em 0.5em 0em;}/*si el Titulo va fuera de la hoja*/
#hoja {
  /*background-color:#E0E0B0;/*probar para ver fondos*/
  /*padding:0.75em 0.25em 0.25em 0.25em;/*si el Titulo va dentro de la hoja*/
  padding:0em 0.25em 0.25em 0.25em;/*si el Titulo va fuera de la hoja*/
  line-height:1.35em;/*especificar mas detalles en [#hoja.texto] y [#hoja.datos]*/
}
#hoja.texto {
  /*background-color:#D0D020;/**/
}
#hoja.datos {
  /*background-color:#20D0D0;/**/
}
#hoja.gestion {
  /*background-color:#D0D020;/**/
  text-align:left;
  font-size:10pt; font-weight:normal;
}
#hoja p { margin:0em 0em 1em 0em; padding:0px;}/*eliminar margen superior*/
#hoja p.txt-titulo { margin:2em 0em 1em 0em; padding:0px;}/*recuperar margen superior*/

/*-------------------------------------------------------------------------*\
|--[ Ajustes especificos en Pagina de Inicio ]------------------------------|
\*-------------------------------------------------------------------------*/
#anuncio-letras { /*forzar colocacion del anuncio*/
  float:left; clear:left;
  width:220px; margin-top:1em;
  /*margin:0px 0px 0px 220px;/*margen izq.= ancho[#menu a] + margen[#opciones].*/
  /*background-color:#F0C0C0;/**/
}
#anuncio-flash { /*forzar colocacion del anuncio*/
  /*margin:0px 0px 0px 220px;/*margen izq.= ancho[#menu a] + margen[#opciones].*/
  float:left; clear:right;/**/
}


/*-------------------------------------------------------------------------*\
|--[ Ajustes especificos en Fichas de Datos ]-------------------------------|
\*-------------------------------------------------------------------------*/
fieldset#fichaLogin {
  /*background: transparent url(../../img/fondo-trans-n.gif) repeat; /**/
  /*background: transparent url(../../img/fondo-trans-b.gif) repeat; /**/
  /*background: transparent url(../../img/fondo-trans-r0.gif) repeat; /**/
  background: transparent url(../../img/fondo-ficha-g2.gif) repeat; /**/
}




/*-------------------------------------------------------------------------*\
|--[ INICIO: zona para Anuncio Flash ]--------------------------------------|
|--[ INICIO: zona de Anuncios Destacados ]----------------------------------|
\*-------------------------------------------------------------------------*/
#zona-flash { 
  height:300px;/**/
}
/*-------------------------------------------------------------------------*/
#barra-destacados { 
  /*border: 1px ridge green;/*-*/
  width:98%; margin:0px auto; 
  padding:0px; /*padding-bottom:2%;/**/
}
#lista-destacados { width:auto; 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:left; 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:110px;
  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;}/**/

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