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

Estilos para la lista de tareas (#listaTareas) en Bodaclick.com

AUTOR
Alvaro Fernandez - alvaro@alvaroweb.com
Acuarela Digital SL - http://www.acuareladigital.com 
15 mayo 2010 

NOMENCLATURA:
- Las clases e ids de este documento empiezan o contienen
la palabra "tareas" 
- Ids y clases tipo "upperCase"

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

/* ESTRUCTURA DE CONTENEDORES */
#listaTareas { 
 /* div - contiene todos los elementos de la lista de tareas */
 margin: 10px 0 20px 0; 
}
#tareasSecundario {
 /* div - bloque secundario izquierdo */
 float: left;
 width: 296px;
 padding-top: 4px;
}
.tareasSecundarioBloque {
 /* div - cada uno de los bloques que contenga el bloque lateral izquierdo */
 border: 6px solid #DDDDDD; border-right: none;
 display: block;
 background: white;
 margin-bottom: 20px;
}
#tareasPrimario {
 /* div - bloque principal, derecho */
 float: right;
 width: 638px;
 overflow: visible;
}
#tareasPrimario #tareasSombraSuperior {
 /* div - sombra superior del bloque principal */
 width: 642px; height: 10px;
 margin-left: -4px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/sombra-superior.png) no-repeat left top;
}
#tareasPrimario #tareasSombraInferior {
 /* div - sombra inferior del bloque principal */
 width: 642px; height: 10px;
 margin-left: -4px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/sombra-inferior.png) no-repeat left top;
}
#tareasPrimario #tareasSombraDcha {
 /* div - sombra derecha del bloque principal */
 padding-right: 4px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/sombra-dcha.png) repeat-y right top;
 overflow: visible;
}
#tareasPrimario #tareasSombraIzda {
 /* div - sombra izquierda del bloque principal */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/sombra-izda.png) repeat-y left top;
 overflow: visible;
 margin-left: -4px;
 padding-left: 4px;
}
#tareasPrimarioContenido {
 /* div - bloque de contenido del bloque principal */
 border-left: 6px solid #DDDDDD; border-right: 6px solid #DDDDDD;
 background: white;
 overflow: hidden;
 padding-bottom: 6px;
}

/* MENU LATERAL, LISTA DE TAREAS */
.tareasSecundarioBloque h3 {
 font-size: 1.6em; line-height: 1em; font-weight: lighter;
 margin: 10px 11px;
}
.tareasSecundarioBloque h2 {
 margin: 10px 11px;
}
#listaTareas .tareasSecundarioBloque li {
 margin: 0; padding: 9px 0 11px 11px; 
 width: 279px; /* 290 - 11 del padding-left = 279*/ 
 overflow: visible;
 position: relative;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/separador-tarea.png) no-repeat 11px bottom;
}
#listaTareas .tareasSecundarioBloque li.tareasUltimo {
 /* para eliminar la imagen que hace de separador */
 background: none;
}
#listaTareas a.enlaceTarea {
 color: #404040;
 font-size: 1.4em;
 display: block;
 margin: 0;
}
#listaTareas a.enlaceTarea:hover {
 text-decoration: underline;
}
#listaTareas a.tareasCompleta {
 /* para mostrar el circulo verde */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/tarea-completa.png) no-repeat left top;
 padding: 2px 0 2px 27px;
}
#listaTareas a.tareasIncompleta {
 /* para mostrar el circulo rojo */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/tarea-incompleta.png) no-repeat left top;
 padding: 2px 0 2px 27px;
}
#listaTareas a.tareasIncompletaSinRetraso {
 /* para mostrar el circulo rojo */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/tarea-incompleta-sin-retraso.png) no-repeat left top;
 padding: 2px 0 2px 27px;
}
#listaTareas a.tareasEliminada {
 /* para mostrar el circulo verde */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-circulo-gris.png) no-repeat left top;
 padding: 2px 0 2px 27px;
}

.estadoTarea { 
 /* para el estado o el formulario bajo cada tarea */
 color: #666666; margin: 3px 0 5px 27px; 
}
#listaTareas p.estadoTarea a { color: #b6b6b6; }
#listaTareas .tareasDestacarActual {
 /* div - para mostrar la flecha que destaca la tarea actual */
 position: absolute; right: -6px; top: 7px;
 width: 25px; height: 42px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/icono-tarea-actual.png) no-repeat left top;
}
.tareasFormNuevaTarea {
 /* formulario "crear nueva tarea" del bloque secundario */
 color: #666666; margin: 0 11px 8px 11px; 
}
.tareasFormNuevaTarea .tareasInputRadio {
 margin: 4px 3px 4px 3px; 
}

/* ENLACES PARA MOSTRAR/OCULTAR CONTENIDO */
#tapiz .tareasTituloDesplegable, #tapiz .tareasTituloDesplegado {
 font-size: 1.6em; 
 color: black;
 display: block;
 height: 19px;
 padding: 8px 0 16px 11px;
}
#tapiz .tareasTituloDesplegable {
 background: white url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/crear-nueva-tarea-flecha.png) no-repeat -515px 10px; 
}
#tapiz .tareasTituloDesplegable:hover {
 text-decoration: none;
 cursor: pointer;
}
#tapiz .tareasTituloDesplegado {
 background: white url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/crear-nueva-tarea-flecha.png) no-repeat 255px 10px; 
}
#tapiz .tareasTituloDesplegado:hover {
 text-decoration: none;
 cursor: pointer;
}
#tapiz .tareasTituloDesplegable strong, #tapiz .tareasTituloDesplegado strong {
 color: #ABA9A9; 
 font-weight: normal;
}


/* TIP DE AYUDA */
.tareasCapaAyuda {
 /* div - hay que adaptar la posicion y el orden de apilamiento con Js */
 width: 231px;
 position: absolute;
 left: 82px; top: 261px;
 display:none;
 z-index:100000;
}
.tareasCapaAyudaContenido {
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/capa-ayuda.png) no-repeat left top;
 width: 131px;
 padding: 36px 30px 0 30px;
}
.tareasCapaAyudaSombraInferior {
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/capa-ayuda.png) no-repeat left bottom;
 width: 191px; height: 28px;
}
.tareasCapaAyuda p {
 margin: 0; padding: 0;
}



/* TITULO PRINCIPAL DE CONTENIDO */
#tareasPrimarioContenido .tituloTarea {
 display: block; 
 margin-bottom: 10px; padding: 10px;	
}
#tareasPrimarioContenido .tareasIncompleta { 
 /* para darle fondo rojo */
 background: #F00000 url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/titulo-tarea-incompleta-fondo.png) repeat-x left bottom; 
}
#tareasPrimarioContenido .tareasIncompletaRetraso { 
 /* para darle fondo rojo */
 background: #F00000 url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/titulo-tarea-incompleta-retraso-fondo.png) repeat-x left bottom; 
}
#tareasPrimarioContenido .tareasCompleta { 
 /* para darle fondo verde */
 background: #74E70E; 
}
.tituloTarea h2 {
 color: white;
 font-size: 2.6em; line-height: 1em; font-weight: lighter;
}
.tituloTarea p {
 color: white;
 font-size: 1.4em; line-height: 1.1em;
 margin: 4px 0 0 0;
}

/* PARRAFO ESPECIAL DE AVISO */
p.tareasAviso {
 margin: 3px 3px 3px 3px; padding: 3px 3px;
 background: #FDFE8F url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/tareas-fondo-aviso.gif) no-repeat left top;
 color: #585858;
 font-size: 12px; line-height: 1.3em;
 height: 19px;
 width: 600px;
}
#tapiz p.tareasAviso a { color: #b6b6b6; }
#tapiz p.avisoSinProveedor {
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/tareas-aviso-sin-proveedor.gif) no-repeat left top;
}
#tapiz p.avisoSinProveedor a {
 color: #585858;
 font-size: 14px; line-height: 15px;
 font-weight: normal;
}

/* BLOQUE MIS LUGARES FAVORITOS */
.tareasMisLugaresFavoritos { margin: 5px 11px 10px 11px; position: relative; }


/* BLOQUE TE RECOMENDAMOS*/
.tareasTeRecomendamos { margin: 5px 11px 10px 11px; }
.pestanas { width:723px; margin:0px; overflow:visible}
.tareasDescripcionLugar { margin: 0 3px 0 3px; }
.tareasTeRecomendamos .tareasTituloEstilo1 { margin-left: 11px; }
#tapiz .tareasTeRecomendamos .pestanascontenido { 
 /* para quitar los bordes heredados de las pestanas */
 border-left: none; border-bottom: none; 
}
.tareasTeRecomendamosSeparador {
 display: block;
 width: 600px; height: 2px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/separador-te-recomendamos.png) repeat-x left top;
 margin: 10px 0;
}

/* BLOQUE BUSCAR PROVEEDOR*/
.tareasBuscarProveedor { margin: 5px 11px 10px 11px; }
.tareasTituloBuscarProveedor {
 /* el titulo del bloque */
 font-size: 1.3em; line-height: 1.2em; font-weight: lighter;
 color: #ec008c;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/buscar-proveedores-icono.png) no-repeat left top; 
 padding: 2px 0 4px 26px;
 margin-bottom: 6px;
}
.tareasFormBuscarProveedor {
 border: 1px solid #C5C5C5;
 padding: 11px 11px 11px 11px;
}
#tapiz #tareasPrimario .tareasInputSugerencias {
 /* div - contiene a la lista de sugerencias y el input */
 position: relative;
 display: block;
 width: 159px; min-height: 19px;
 margin: 0 4px; padding: 0;
}
.tareasInputSugerencias .tareasInputText {
 /* corregir el margin-left que adquiere en IE */
 display: block;
 position: absolute;
 left: 0; top: 0;
 width: 149px;
 border: 1px solid #B2B2B2;
}
.tareasInputSugerencias ul {
 /* lista de sugerencias bajo el input */
 margin: 21px 0 0 0; padding: 0;
 display: block;
 width: 259px; height: 60px;
 background: #EFEFEF;
 overflow: auto;
}
.tareasInputText ul {
 /* lista de sugerencias bajo el input */
 margin: 21px 0 0 0; padding: 0;
 display: block;
 width: 259px; height: 60px;
 background: #EFEFEF;
 overflow: auto;
}
.tareasInputSugerencias li {
 font-size: 10px;
 margin: 0; padding: 1px 5px 0px 5px;
 background: none;
 color: #8F8F8F;
}
.tareasBuscarProveedor label.tareasFlotarIzquierda { 
 margin-top: 3px; 
}


/* formulario ampliado */
.tareasLabelFlotante {
 /* contiene el label para alinearlo a la izda */
 float: left; 
 clear: left;
 width: 204px;
 text-align: right;
 line-height: 19px; vertical-align: middle;
 margin: 0 0 3px 0;
}
.tareasInputFlotante {
 /* contiene el input o similar para alinearlo a la dcha */
 float: left; 
 width: 320px;
 padding-left: 5px;
 margin: 0 0 3px 0;
}
.tareasAceptado .tareasLabelFlotante, .tareasAceptado .tareasInputFlotante {
 /*para reducir el margen entre lineas en el bloque aceptado*/
 margin: 0 0 0 0;
}
.tareasInputFlotante p strong {
 /* para alinear verticalmente */
 line-height: 19px; vertical-align: middle;
}
.tareasInputFlotante p strong.tareasDestacado {
 font-size: 1.3em; font-weight: lighter;
 padding-top: 0;	
}
.tareasInputFlotante p {
 margin: 0;
}
.tareasInputFlotante .tareasInputText { 
 margin: 0 0 0 0; 
 border: 1px solid #B2B2B2;
}
.tareasSeparador {
 /* elemento sobre que separa los botones */
 clear: both;
 display: block;
 padding-top: 16px;
 border-bottom: 1px solid #C5C5C5;
 margin: 0 0 12px 0;
}
.tareasBuscarProveedor .tareasExito {
 /* para el mensaje de exito */
 font-size: 1.5em; font-weight: lighter;
 color: #61BE06;
}

/* LISTAS CON MINIATURAS (en uso en mis lugares favoritos y te recomendamos) */
#tapiz #tareasPrimario ul.tareasListaConMiniaturas { 
 position: relative; 
 background: #EEEEEE;
 padding: 11px 0 0 11px;
 width: 589px /* 600 - 11 del margin-left = 589 */; height: 1%;
}
#tapiz #tareasPrimario ul.tareasListaConMiniaturas li {
 position: relative; 
 float: left;
 width: 143px; height: 208px;
 margin: 0 2px 2px 0; padding: 0; 
 background: #EEEEEE;
}
#tapiz #tareasPrimario ul.tareasListaConMiniaturas2 { 
 position: relative; 
 background: #EEEEEE;
 padding: 11px 0 0 11px;
 width: 589px /* 600 - 11 del margin-left = 589 */; height: 1%;
}
#tapiz #tareasPrimario ul.tareasListaConMiniaturas2 li {
 position: relative; 
 float: left;
 width: 143px; height: 123px;
 margin: 0 2px 2px 0; padding: 0; 
 background: #EEEEEE;
}
#tapiz a.tareasTituloLugar {
 display: block;
 font-size: 1.4em; line-height: 1.2em;
 color: #ec008c;
 margin: 0 3px 2px 3px;
}
.tareasListaConMiniaturas span { 
 margin: 0 3px 0 3px;
}
#tapiz #tareasPrimario ul.tareasListaConMiniaturas li.tareaMiniaturaDestacada {
 float: right;
 overflow: hidden;
 width: 266px /* 288 - 22 padding = 266*/; min-height: 273px;
 margin: 0 11px 2px 0; padding: 11px 11px 11px 11px; 
 background: #DDDDDD; 
}
#tapiz #tareasPrimario ul.tareasListaConMiniaturas li.tareasListaDefinitivo { 
 background: #DDDDDD; 
}
.tareasPresupuesto {
 position: relative; 
 width: 149px;
 height: 21px;
 margin-left: 2px;
}
.tareasPresupuesto label {
 position: absolute;
 left: 2px;
 top: 3px;
}
.tareasPresupuesto .tareasPrespuestoInput{
 position: absolute;
 left: 66px;
 top: 0;
 width: 39px;
 font-size: 11px;
 text-decoration: underline;
 text-align: center;
 color: #ED018A;
 border-color: #E4E2E3;
}
.tareasPresupuesto span {
 position: absolute;
 left: 107px;
 top: 0px;
}


/* VARIOS */
.tareasLimpia { clear: both; }
.alinearDerecha {
 display: block;
 text-align: right;
}
.tareasTeRecomendamos .alinearDerecha {
 width: 600px;
}
.tareasFlotarIzquierda {
 float: left;
}
.tareasTituloEstilo1 {
 font-size: 1.6em; font-weight: lighter;
 color: black;
 margin-bottom:8px;
}
.tareasTituloEstilo1 strong {
 color: #ABA9A9; 
 font-weight: normal;
}
#tapiz .tareasEnlaceEstilo2 {
 color: #ec008c;
 font-size: 1em;
}
#tapiz .tareasEnlaceEstilo3 {
 color: #b6b6b6;
}
/* paginacion */
.tareasPaginacion {
 width: 600px;
 text-align: right;
 line-height: 18px;
 height: 22px;
 vertical-align: middle;
 position: relative;
}
.tareasPaginacion .aux {
 padding: 5px;
 position: absolute; right: -5px;
}
#tapiz .tareasPaginacion span {
 float: right;
}
#tapiz .tareasPaginacion a {
 float: left;
 color: #B6B6B6;
 font-size: 1em;
 margin: 0 4px;
}
#tapiz a.tareasEnlaceCuadro {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 1.3em;
 margin: 0 1px 0 0; padding: 0px 5px;
 background: #C2C2C2;
 color: white;
}
#tapiz a.tareasEnlaceCuadro:hover {
 background: #666666;
}
#tapiz .tareasPaginacion a.activo {
 background: #666666;
}

/* ELEMENTOS DE FORMULARIO */
.tareasInputText {
 font-size: 1em; 
 width: 258px;
 background: white;
 border: 1px solid #DCDCDC;
 margin-bottom: 7px; padding: 2px 4px;
}
.tareasInputArea {
 font-size: 1em; 
 width: 258px; height: 55px;
 background: white;
 border: 1px solid #DCDCDC;
 padding: 2px 4px;
}
#tapiz .tareasInputSubmit {
 width: 62px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/input-submit-fondo.png) no-repeat left top;
 color:#676767;
 border: none;
 font-size:1.1em; font-weight:bold;
 padding: 2px 0px;
 text-align: center;
 height:20px;
}
#tapiz .tareasInputSubmit2 {
 width: 73px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/input-submit-2-fondo.png) no-repeat left top;
 color:#676767;
 border: none;
 font-size:1.1em; font-weight:bold;
 padding: 2px 0px;
 text-align: center;
  height:20px;
}
#tapiz .tareasInputSubmit3 {
 width: 57px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/lista-tareas/input-submit-2-fondo.png) no-repeat left top;
 color:#676767;
 border: none;
 font-size:1.1em; font-weight:bold;
 padding: 2px 0px;
 text-align: center;
  height:20px;
}
.tareasInputRadio {
 height: 13px; width: 13px;
 background: none; 
 border: none; 
 margin: 3px 2px 4px 0; padding: 0;
 vertical-align: middle;
}
.tareasInputSelect option {
 padding: 0 4px; margin: 0;
}
.tareasInputSelect {
 margin: 0;
}

#tapiz .corto { 
 /* para los inputs text cortos */
 width: 129px; 
}
#tapiz .tareasInputSelect.corto  {
 width: 139px; 
}


/* TIP FLOTANTE EN FAVORITOS */
.tareasTipFavoritos {
 /* div - Contenedor Tip Favoritos */
 width: 334px;
 padding: 0;
 position: absolute;
 left: 8px;
 top: 60px;
 display: none;
 z-index:100000;
}
.tareasTipFavoritosTop {
 /* div - Imagen superior en Tip Favoritos */
 background: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-tip-tareas-top.png) no-repeat left bottom;
 position: relative;
 width: 334px;
 height: 15px;
 margin: 0;
 padding: 0;
}
.tareasTipFavoritosDcha .tareasTipFavoritosTop {
 /* div - Imagen superior con Flecha Derecha en Tip Favoritos */
 background-image: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-tip-tareas-top-dcha.png);
}
.tareasTipFavoritosFondo {
 /* div - Imagen de fondo y contenido en Tip Favoritos */
 position: relative;
 background:  url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-tip-tareas-fondo.png) repeat-y left top;
 width: 272px;
 margin: 0;
 padding: 6px 31px;
 overflow: hidden;
 z-index:100000;
}
.tareasTipFavoritosBottom {
 /* div - Imagen inferior en Tip Favoritos */
 position: relative;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-tip-tareas-bottom.png) no-repeat left top;
 width: 334px;
 height: 21px;
 margin: 0;
 padding: 0;
}
.tareasTipCabecero {
 /* div - Contenedor Titulo, parrafo y Cerrar tip */
 width: 275px;
}
.tareasTituloTip {
 /* span - Titulo tip Favoritos */
 font-size: 14px; 
 font-weight: normal;
 color: #EC008C;
}
.tareasParrafoTip { 
 /* p - texto en tip Favoritos */
 color: #666666; 
 font-size: 11px;
 padding-top: 5px;
 padding-bottom: 2px;
}
.tareasTipCerrar {
 /* div - Cerrar tip Favoritos */
 width: 13px;
 height: 13px;
 float: right;
}
.tareasTipCerrar a {
 display: block;
 width: 13px;
 height: 13px;
 background: url(http://media.bodaclick.com/css/gfx/tapiz/linea-tiempo/linea-tip-cerrar.png) no-repeat left top;
}
.tareasTipEnlaces {
 /* p - enlaces dentro del tip favoritos */
 margin-top: 8px;
 margin-bottom: 0;
 padding-bottom: 4px;
}
.tareasTipEnlaces a {
 /* a - enlaces dentro del tip favoritos */
 color: #FFFFFF;
 display: block;
 line-height: 14px;
}
/* FIN TIP FLOTANTE EN FAVORITOS */

.pruebapest04activo
{
	
	background:url(http://media.bodaclick.com/css/gfx/pixelPestana.jpg) 50% 50% repeat-x; width:125px;
	display:block; font-size:12px; color:#ffffff; margin-top:7px
}
.pruebaul_pestanas
{
display:block; width:918px; height:29px; background:url(http://media.bodaclick.com/css/gfx/videoplayer/bg_seppestanas07.gif) left bottom no-repeat transparent; margin:0; padding:0 6px 0 6px
}