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

Estilos para la linea de tiempo (#agendaContenedorGeneral) en Bodaclick.com

AUTOR
Txomin Bengoa - txomin@alvaroweb.com 
Acuarela Digital SL - http://www.acuareladigital.com
15 mayo 2010 

CONTENIDO DEL DOCUMENTO
conteniene todos los estilos que existen dentro dentro deel div id="agendaContenedorGeneral":
- Acordeones de contenido

NOMENCLATURA
- Todas las clases e ids de este documento empiezan por "agenda" 
- Ids y clases tipo "upperCase"

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

#agendaContenedorGeneral{
 /* div - contiene todos los estilos de este documento */
 width: 941px;
 margin: 0 0 30px -6px;
 padding: 0;
}
#agendaGeneralTop{
 /* div - contiene la imagen superior de #agendaContenedorGeneral */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-fondo-top.png) no-repeat left top;
 height: 11px;
 margin: 0;
 padding: 0;
}
#agendaGeneralFondo{
 /* div - contiene la imagen de fondo de #agendaContenedorGeneral */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-fondo.png) repeat-y left top;
 margin: 0;
 padding: 10px 22px 10px 23px;
}
#agendaGeneralBottom{
 /* div - contiene la imagen inferior de #agendaContenedorGeneral */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-fondo-bottom.png) no-repeat left top;
 height: 11px;
 margin: 0;
 padding: 0;
}
#agendaContenido{
 /* div - contiene todos los elementos de contenido */
 margin: 0;
 padding: 0;
}
.agendaTituloPeriodo {
 /* h2 - titulo de un periodo */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-titulo-puntos.gif) no-repeat left bottom;
 display: block;
 color: #EC008C;
 font-size: 20px;
 line-height: 20px;
 font-weight: normal;
 padding-bottom: 11px;
 margin-bottom: 11px;
}
.agendaBloqueTarea{
 /* div - bloque acordeon de una tarea */
 background: #EEEEEE;
 position: relative;
 overflow: hidden;
 margin: 0 0 2px 0;
 padding: 0;
}
.agendaBloqueContenido { 
 /* div - bloque oculto-visible segun su estado */
 display: none;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-bloque-izq-fondo.gif) no-repeat 10px top;
 margin: 0;
 padding: 0;
}
.agendaSeparadorPeriodos{ 
 /* div - espacio entre periodos*/
 height: 18px; width: 800px; 
}
.agendaTituloTarea{
 /* h3 - titulo tarea, pulsando se abre o cierra su acordeon */
 height: 30px;
 font-size: 18px;
 font-weight: normal;
 color: #000000;
 padding-left: 38px;
 padding-top: 8px;
}
.agendaTareaRealizada{
 /* h3 - tarea realizada (adicional de .agendaTituloTarea) */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-circulo-verde.png) no-repeat 9px 8px;
}
.agendaTareaPendiente{
 /* h3 - tarea realizada (adicional de .agendaTituloTarea) */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-tip-circulo-rojo.png) no-repeat 9px 8px;
}
.agendaTareaEstado {
 /* div - estado tarea plegada-desplegada */
 position: absolute;
 top: 12px;
 right: 10px;
 padding-right: 16px;
 font-size: 11px;
 font-weight: normal;
 text-align: right;
 color: #ABA9A9;
 cursor: pointer;
}
.agendaPlegada {
 /* div - tarea plegada (adicional de .agendaTareaEstado) */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-desplegar.gif) no-repeat right 3px;
}
.agendaDesplegada {
 /* div - tarea desplegada (adicional de .agendaTareaEstado) */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-plegar.gif) no-repeat right 3px;
}
.agendaColumnaIzq{
 /* div - Columna Izquierda en bloque desplegado */
 position: relative;
 width: 264px;
 float: left;
 padding: 11px 11px 11px 21px;
}
.agendaColumnaDer { 
 /* div - Columna Derecha en bloque desplegado */
 position: relative;
 width: 580px;
 float: right;
 margin-right: 10px;
}
/* 
reescribe clases creadas en lista-tareas.css 
lo hacemos con rutas absolutas por ID de forma que no cambie la original
*/
#tapiz #agendaContenedorGeneral ul.tareasListaConMiniaturas { 
 /* ul - lista con miniaturas */
 padding: 0;
 margin: 0;
 background: #EEEEEE;
 width: 589px; height: 1%;
}
#tapiz #agendaContenedorGeneral ul.tareasListaConMiniaturas li {
 /* li - cada miniatura */
 float: left;
 width: 143px; height: 153px;
 margin: 0 2px 2px 0; padding: 0; 
 background: #EEEEEE; 
}
#tapiz #agendaContenedorGeneral .agendaColumnaIzq a.tareasTituloLugar {
 /* a - titulo columna izquierda */
 margin-top: 4px; margin-left: 0;
}
#tapiz #agendaContenedorGeneral .agendaColumnaIzq .tareasDescripcionLugar {
 /* p - parrafo columna izquierda */
 margin-top: 4px; margin-left: 1px;
}
/* fin reescribe clases creadas en lista-tareas.css */

#tapiz #agendaContenedorGeneral ul.tareasListaConMiniaturas li.agendaDefinitivo {
 background: #DDDDDD;
}

.agendaTextArea{
 /* textarea - en columna izquierda */
 display: block;
 height: 58px;
 width: 260px;
 margin-top: 5px;
}
.agendaTextArea2{
 /* textarea - en columna izquierda */
 display: block;
 height: 20px;
 width: 260px;
 margin-top: 5px;
}
.agendaBotonGuardar {
 /* input submit - boton guardar en columna izquierda */
 display: block;
 float: right;
 margin-bottom: 10px;
 width: 168px;
 height: 21px;
 border: none;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-boton-guardar.jpg) no-repeat left top;
 font-size: 0.0001em;
 text-indent: -10000px;
 cursor: pointer;
}
.agendaColumnaIzq .tareasPresupuesto { margin-top: 5px; }

.agendaCierreFlotacion{ clear: both; }
.agendaCierreBloqueTarea{
 /* div - crea una capa de color EEEEEE al final de la columna izquierda */
 background: #EEEEEE;
 position: absolute;
 width: 296px;
 left: 1px;
 bottom: 0;
 height: 11px;
}

.agendaIzqVacio {
 /* div - Columna Izquierda vacia */
 width: 266px;
 height: 48px;
 margin-top: 35px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-bloque-izq-vacio.gif) no-repeat left top;
}
.agendaIzqVacio span {
 /* span - Texto Columna izquierda vacia */
 display: block;
 font-size: 14px;
 color: #666666;
 padding: 6px 11px;
}

.agendaSinFavorito {
 /* div - Bloque Vacio "sin favorito" */
 width: 577px;
 height: 33px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/agenda/agenda-bloque-vacio.gif) no-repeat left top;
 margin: 0 0 10px 10px;
}
#tapiz .agendaSinFavorito a {
 /* a - Texto en Bloque Vacio "sin favorito" */
 display: block;
 font-size: 14px;
 color: #666666;
 padding: 7px 11px;
}



.agendaIzq span {
 left: 130px;
}