/* CIDOB */
/* www.cidob.org */
/* Hoja de estilo para los destacados */


/*-- Enlaces, tipos, colores de destacados....................*/

#destacados .destacado .granateflecha{ color:#691330;  padding: 2px 0 2px 6px; background:url('flecha_verde.gif') 0 5px no-repeat}

/*-- Destacados ....................*/
#destacados{ float:left; width:129px; padding: 0; }
#destacados em{ font-style:normal;}
#destacados a{ color:#84787C;}


#destacados .destacado{ margin-bottom:10px; background:url(destacados_bordes.gif) repeat-y;}
#destacados .destacado h3{ padding: 4px 5px; background: url(destacados_titulo.gif) no-repeat; font:bold 13px/15px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color:#691330}
#destacados .destacado .destacatxt{ padding: 5px 4px 7px 7px; background:url(destacados_cierra.gif) bottom left no-repeat; font-size:9px; line-height:12px;}

#destacados .destacado .destacatxt ul{ font-size:9px; line-height:11px; margin-bottom:5px;}
#destacados .destacado .destacatxt ul li{ padding: 2px 0 2px 6px; background:url(flecha_verde.gif) 0 5px no-repeat}

#destacados .destacado form { padding: 0 0 5px 0;}
#destacados .destacado form input{ border:1px solid #D6D6D6; width:90px; margin-top:2px;}
#destacados .destacado form input.carta{ width:21px; height:20px; border:0; background: url(ico_carta_off.gif) no-repeat; text-indent:-9999px; font-size:0; line-height:9999px; vertical-align:top;}
#destacados .destacado form input.carta:hover{ background:url(ico_carta_on.gif) no-repeat;}

#destacados .destacado form.zonaalumno { padding: 5px 0 5px 0; text-align:right;}
#destacados .destacado form.zonaalumno label.Login { margin-bottom:6px; display:block;}
#destacados .destacado form.zonaalumno label input{ border:1px solid #D6D6D6; margin: 2px 0 0 3px}
#destacados .destacado form.zonaalumno label.Login input{ width:68px;}
#destacados .destacado form.zonaalumno label.Password input{ width:44px;}
#destacados .destacado form.zonaalumno input.flecha{ width:21px; height:20px; border:0; background:url(ico_flecha_off.gif) no-repeat; text-indent:-9999px; font-size:0px; line-height:9999px; vertical-align:top;}
#destacados .destacado form.zonaalumno input.flecha:hover{ background:url(ico_flecha_on.gif) no-repeat;}

#destacados .destacado form.buscador { padding: 5px 3px 5px 0; text-align:right;}
#destacados .destacado form.buscador label { clear:left; margin-bottom:6px; display:block;}
#destacados .destacado form.buscador label input{ width:70px; border:1px solid #D6D6D6; margin: 0 0 0 3px;}
#destacados .destacado form.buscador label.cat{ text-align:left; font-weight:bold;}
#destacados .destacado form.buscador label select{ width:115px; border:1px solid #D6D6D6; margin: 2px 0 0 0;}
#destacados .destacado form.buscador label.palabra{ clear:none; float:left; display:block; margin:5px 0 0 0;}
#destacados .destacado form.buscador label.palabra input{ width:87px; margin:2px 3px 0 0;}
#destacados .destacado form.buscador input.lupa{ float:left; width:21px; height:20px; margin:7px 0 0 0; border:0; background:url(ico_lupa2_off.gif) no-repeat; text-indent:-9999px; font-size:0px; line-height:9999px; vertical-align:top;}
#destacados .destacado form.buscador input.lupa:hover{ background:url(ico_lupa2_on.gif) no-repeat;}
#destacados .destacado form.buscador p{ float:left; padding:1px 0 0 0;}

#destacados .destacado .destacatxt p#responsable{ margin:0 0 5px 0; text-align:left; line-height:13px; text-align:center;}
#destacados .destacado .destacatxt p#responsable strong{ color:#691330;}

#destacados .destacado .destacatxt p#direccion{ text-align:left; line-height:13px}
#destacados .destacado .destacatxt p#direccion a{ display:block; padding:2px 0 7px 22px; background: url(ico_casa_off.gif) no-repeat;}
#destacados .destacado .destacatxt p#direccion a:hover{ background:url(ico_casa_on.gif) no-repeat; color:#000; text-decoration:none;}
#destacados .destacado .destacatxt p#direccion span{ display:block;}

#destacados .destacado .destacatxt p#contacto{ margin:3px 0 6px 0; }
#destacados .destacado .destacatxt p#contacto a{ padding:4px 0 5px 22px; background:url(ico_carta_off.gif) no-repeat}
#destacados .destacado .destacatxt p#contacto a:hover{ background:url(ico_carta_on.gif) no-repeat; color:#000; text-decoration:none;}

#destacados .destacado .destacatxt ul.relacionado { height: 1%;}
#destacados .destacado .destacatxt ul.relacionado li { background: none; padding: 0;}
#destacados .destacado .destacatxt ul.relacionado li p{ color:#691330; padding: 10px 0 4px 0;}
#destacados .destacado .destacatxt ul.relacionado li p.primero{ padding-top: 0;}
#destacados .destacado .destacatxt ul.relacionado li a{ padding: 2px 0 2px 6px; background:url(flecha_verde.gif) 0 5px no-repeat; font-weight: bold;}

#destacados .banner{ margin-bottom:10px;}

#destacados .destacado .subscription a { display: block; height:20px; margin: 0 0 4px 0; padding: 3px 0 0 25px; font-size: 1.3em; color: #691330; background: url(ico_carta_off.gif) no-repeat; vertical-align:top; }
#destacados .destacado .subscription a:hover{ display: block; background:url(ico_carta_on.gif) no-repeat; }