/*
	* Autor    : Daniel Ferreira (yo@danielferreira.es)
	* Version  : 1.0
	* Fecha    : 13 Noviembre, 2008
	* Propósito: CSS de elementos
	* Copyright: Bajo GPL
	*/
/*
 * Uso en: mensajes de sistema
 */
.error { margin:10px 1px 10px 1px; border:1px solid #DD3C10; padding:5px 20px 4px; background:#ffebe8; color:#444; }
.warning { margin:10px 1px 10px 1px; border:1px solid #e2c822; padding:5px 20px 4px; background:#fff9d7; color:#444; }
.notificacion { margin:10px 1px 10px 1px; border:1px solid #9bbefb; padding:5px 20px 4px; background:#e7eef8; color:#444; }

.error h2, .warning h2, .notificacion h2 { color:#333333; font-size:13px; }
.error p, .warning p, .notificacion p { margin-top:5px; }
.error .lista, .warning .lista, .notificacion .lista { margin:5px 0 0 15px; text-align:justify; }
.error .lista, .warning .lista, .notificacion .lista li { line-height:15px; }

/*
 * Uso en: divisor de página 
 */
#header { margin-top:5px; text-align:center; }
#header_wrap { margin:0 auto; width:960px; height:110px; position:relative; text-align:left; display:block; }

#body { margin-top:15px; text-align:center; }
#body_wrap { margin:0 auto; width:960px; text-align:left; display:block; }

.bodyContent { float:left; width:680px; }
.bodyContent .contenido { margin:5px 0 0 8px; padding-top:15px; }

.bodyMenu { float:right; width:250px; }

.bodyFooter { margin-top:50px; border-top:1px solid #ccc; padding:10px; }


/*
 * Uso en: titulos 
 */
.tituloContent { color:#333333; display:block; border-bottom:1px solid #D8DFEA; font-size:12px; font-weight:bold; padding:5px 0; }
.tituloContent .tituloContentMargen { margin-left:8px; padding:4px 15px 4px 15px; border-top:1px solid #D8DFEA; border-left:1px solid #D8DFEA; border-right:1px solid #D8DFEA; border-bottom:2px solid #fff; }


/*
 * Uso en: menús 
 */
.menuDerecha { border-right:1px solid #D8DFEA; border-bottom:1px solid #94A3C4; margin-bottom:15px; }
.menuDerechaContenido { padding:5px 8px; }
.menuDerechaContenido dt { padding:0 0 2px; color:#808080; }
.menuDerechaContenido dd { padding:0 0 6px; }
.menuDerechaContenido li { list-style-position:inside; list-style-image:none; margin:2px 0 4px 0; color:#999; }
.menuDerechaContenido #logout { text-align:right; }

/*
 * Uso en: index.php
 */
.contentEventoCurso { display:block; margin-right:20px; }
.contentEventoCurso .element { margin-bottom:20px; color:#444; }
.contentEventoCurso .element h2 { font-size:18px; line-height:19px; }
.contentEventoCurso .element a { color:#444; }
.contentEventoCurso .element label { color:#808080; }
.contentEventoCurso .element #descripcion { text-align:justify; margin-bottom:5px; }
.contentEventoCurso .element #columnaDetalles { width:150px; }
.contentEventoCurso .element #noStyle a { color:#004ccc; }

.contentNoticia { }

/*
 * Uso en: comoFunciona.php
 */
.textoIndicacion h4 { font-weight:normal; font-size:16px; color:#999; padding-left:5px; padding-bottom:5px; border-bottom:1px solid #ccc; }
.textoIndicacion p { margin-top:10px; line-height:18px; text-align:justify; }
.textoIndicacion #opcion { margin-top:30px; }

/*
 * Uso en: inscripcionesRealizadas.php
 */
.filtro { border:1px dashed #ccc; padding:10px; border-top:0px; }
.filtro label { display:block; font-weight:normal; color:#808080; }
.filtro select { width:198px; }
.filtro tr { margin-bottom:5px; }
.filtro .submit { width:auto; margin:20px 0 0 0; }

/*
 * Uso en: listadoEventos.php
 */
.leyenda { color:#444; margin:0 0 10px 0; }
.leyenda label { display:block; font-weight:bold; color:#808080; }
.leyenda tr { margin-bottom:5px; }
.leyenda #rojo { font-weight:normal; }
.leyenda #columna1 { width:40px; }
.leyenda #columna2 { width:90px; }

/*
 * Uso en: inscribeEvento.php y misEventos.php
 */
.inscribeEvento { color:#444; }
.inscribeEvento label { display:block; font-weight:normal; color:#808080; }
.inscribeEvento select { margin-bottom:3px; }
.inscribeEvento input { margin-bottom:2px; text-align:center; }
.inscribeEvento #rojo { font-weight:normal; }
.inscribeEvento h4 { font-size:18px; line-height:19px; }
.inscribeEvento #descripcion { padding:5px 0 5px; text-align:justify; }
.inscribeEvento #columna1 { width:120px; }
.inscribeEvento #columna2 { width:200px; }
.inscribeEvento #columna3 { width:150px; }
.inscribeEvento .elementPrograma { padding-bottom:5px; border-bottom:1px solid #999; margin-bottom:10px; }
.inscribeEvento .elementProgramaLast { border-bottom:0px; }
.inscribeEvento .loaderTD { padding:0 0 4px 5px; display:none; }
.inscribeEvento .submit { width:auto; margin:20px 0 0 0; }


.preInscripcion { margin:5px 1px 10px 1px; border:1px solid #ccc; border-top:0px; padding:10px; }
/*
 * Uso en: misPreinscripciones.php
 */
.verPreinscripcion { color:#444; }
.verPreinscripcion #columna1 { width:100px; }
.verPreinscripcion #columna2 { width:120px; }
.verPreinscripcion #columna3 { width:200px; }

/*
 * Uso en: tabla formulario
 */
.tableFormulario { border:1px dashed #999999; padding:10px; }
.tableFormulario select { width:198px; margin:0 0 3px 0; }
.tableFormulario label { width:100px; display:block; color:#808080; }
.tableFormulario input { width:190px; margin:0 0 3px 0; }
.tableFormulario textarea { width:250px; margin:0 0 3px 0; height:100px; }
.tableFormulario .small input { width:95px; margin:0 0 3px 0; }
.tableFormulario .big { width:100%; }
.tableFormulario .big input { width:537px; }
.tableFormulario .big textarea { width:540px; }
.tableFormulario .columnaderecha { padding-left:20px; }
.tableFormulario .default { width:auto; margin:0 0 0 0; }
.tableFormulario .submit { width:auto; margin:20px 0 0 0; }
.loaderSubmit { padding:20px 0 0 5px; display:none; }

/*
 * Uso en: tabla base
 */

.tableBase { margin:0 0 10px 0; }
.tableBase th { text-align:center; padding:5px; background-color:#FFD599; color:#875938; }
.tableBase td { text-align:center; padding:3px; background-color:#FFF9F0; color:#875938; border:1px solid #FFFFFF; }
.tableBase #columna230, .tableGlobal #columna230 { width:230px; }
.tableBase #columna200, .tableGlobal #columna200 { width:200px; }
.tableBase #columna150, .tableGlobal #columna150 { width:150px; }
.tableBase #columna100, .tableGlobal #columna100 { width:100px; }
.tableBase #columna50, .tableGlobal #columna50 { width:50px; }
.tableBase #columna60, .tableGlobal #columna60 { width:60px; }

/*
 * Uso en: estadisticaEvento
 */

 .columnaIzquierda45 { width:45%; margin-right:10px; }