/********************************************************************
*********************************************************************

	Mike Rosas (c) 2010
	mikzael[at]hotmail.com
	
	Este es un documento dentro de la visualizacion del CMS
	es la primera etapa del diseño, define la estructura, tamaños
	margenes y otras propiedades de la estructura basica.
	Los colores, imagenes y demas están contenidas en el directorio
	style.
 
*********************************************************************
********************************************************************/


	/* RESET ***********************************************************/

	/* http://meyerweb.com/eric/tools/css/reset/ 
	v2.0b1 | 201101 
	NOTE: WORK IN PROGRESS
	USE WITH CAUTION AND TEST WITH ABANDON */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video
		{
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section
		{
			display: block;
		}
		
	body 
		{
			line-height: 1;
		}
		
	ol, ul 
		{
			list-style: none;
		}
		
	blockquote, q 
		{
			quotes: none;
		}
		
	blockquote:before, blockquote:after,
	q:before, q:after 
		{
			content: '';
			content: none;
		}

	/* remember to define visible focus styles! 
	:focus {
		outline: ?????;
	} */

	/* remember to highlight inserts somehow! */
	ins 
		{
			text-decoration: none;
		}
		
	del 
		{
			text-decoration: line-through;
		}

	table 
		{
			border-collapse: collapse;
			border-spacing: 0;
		}

	
	
	/* GENERALES *******************************************************/
	
	body
		{
			font-family: arial;
			font-size: 12px;
			line-height: 16px;
			background: #f0f0f0 url(images/background.jpg) center center no-repeat;
			background-attachment: fixed;
			
			padding-top: 60px;
		}
		
	.loader
		{
			display: none;
		}
		
		
	/* + GENERAL *******************************************************/


	.wrapper
		{
			/*width: 1230px;*/
			width: 975px;
			margin: 0 auto;
		}
		
	

	
	/* + MENU PRINCIPAL ************************************************/
	
	nav.main 
		{
			background: url(images/back.png) center center repeat;			
			margin: 0 auto;
			color: #fff;
			
			position:fixed;
			z-index:100;
			top: 0px;
			left: 0px;
		}
		

	nav.main .menu-top
		{
			margin: 0;
			padding: 0;
			height: 50px;
		}
		
		nav.main .menu-top div.wrapper > a
			{
				color: #999;
				text-decoration: none;
				font-family: "arial narrow", "an";
				font-size: 16px;
				line-height: 50px;
				padding: 0 25px;
				display: block;
				float: left;
			}
		
		nav.main .menu-top div.wrapper > a:hover,
		nav.main .menu-top div.wrapper > a.on		
			{
				background: url(images/back.png) center center repeat;
				color: #fff;
			}

			
		nav.main .menu-top div.wrapper div.right
			{
				display: block;
				float: right;
				color: #fff;
				line-height: 50px;
			}
			
			nav.main .menu-top div.wrapper div.right a
				{
					color: #fff;
					text-decoration: none;
					padding: 0 5px;
				}
			
			nav.main .menu-top div.wrapper div.right a:hover
				{
					color: #ffa;
					text-decoration:underline;
				}
			
			
			
			
			
			
	nav.main .menu-bottom
		{
			display: none;
			background: url(images/back.png) center center repeat;
		}
		
		nav.main .menu-bottom div.wrapper
			{
				padding: 10px 0;
			}
			
			nav.main .menu-bottom div.wrapper div.left
				{
					/*background-color: #555;*/
					float: right;
					width: 35%;
					padding: 1%;
				}
		
				nav.main .menu-bottom div.wrapper div.left p.descripcion
					{
						display: none;
						line-height: 18px;
					}
		
			nav.main .menu-bottom div.wrapper div.right
				{
					/*background-color: #222;*/
					float: left;
					width: 60%;
					padding: 1%;
					border-right: 1px solid #444;					
				}
			
				nav.main .menu-bottom div.wrapper div.right div.grupo
					{
						/*background-color: #222;*/
						float: left;
						width: 24%;
						margin-right: 1%;
					}
			
					nav.main .menu-bottom div.wrapper div.right div.grupo a
						{
							display: block;
							padding: 2px 2px 2px 20px;
							color: #999;
							text-decoration: none;
						}
			
					nav.main .menu-bottom div.wrapper div.right div.grupo a:hover
						{
							color: #ffa;
							text-decoration: underline;
						}
			
		


		
		
	/* + MENU SECUNDARIO ***********************************************/
	
	nav.actions 
		{
			background: url(images/mn-back.jpg) center center repeat-x;
			border-top: 1px solid #888;
			height: 40px;
			color: #000;
			padding-left: 10px;
		}


		
		nav.actions a
			{
				color: #909090;
				text-decoration: none;
				font-family: arial;
				font-size: 11px;
				font-weight: bold;
				display: block;
				margin: 7px 1px 0 0;
				padding: 0 15px;
				float: left;
				height: 26px;
				line-height: 25px;
				position: relative;
				z-index: 10;
				
				border-radius: 20px; 
				-moz-border-radius: 20px; 
				-webkit-border-radius: 20px;
			}
		
		nav.actions a:hover
			{
				color: #444;
			}
			
		nav.actions a.on
			{
				color: #090909;
				background-color: #ffffff;
			}
		

	/* + MENU DE TERCER NIVEL  *****************************************/
	
	nav.subactions 
		{
			background-color: #f0f0f0;
			border-top: 1px solid #aaa;
			height: 40px;
			color: #000;
			padding-left: 10px;
		}


		
		nav.subactions a
			{
				color: #909090;
				text-decoration: none;
				font-family: arial;
				font-size: 11px;
				font-weight: bold;
				display: block;
				margin: 7px 1px 0 0;
				padding: 0 15px;
				float: left;
				height: 26px;
				line-height: 25px;
				position: relative;
				z-index: 10;
				
				border-radius: 20px; 
				-moz-border-radius: 20px; 
				-webkit-border-radius: 20px;				
			}
		
		nav.subactions a:hover
			{
				color: #444;
			}
			
		nav.subactions a.on
			{
				color: #090909;
				background-color: #ffffff;
			}
		

	/* + TABLAS ********************************************************/
			
	div.table
		{
			background-color: #fff;
			padding: 20px 10px 30px 10px;
		}
		
		
		div.table h1
			{
				font-size: 16px;
				font-family: arial;
				letter-spacing: 1px;
				color: #444;
				margin: 10px 0;
			}
		
		div.table div.pager
			{
				margin-top: 10px;
			}
		
			div.table div.pager a
				{
					padding: 4px 10px;
					line-height: 26px;
					margin-right: 5px;
					font-size: 12px;
					text-decoration: none;
					color: #909090;
					border: 1px solid #fff;
				}
		
			div.table div.pager a.on
				{
					color: #000;
					border: 1px solid #e0e0e0;
					background-color: #f8f8f8;
				}
		
			div.table div.pager a:hover
				{
					background-color: #f8f8f8;
				}
		
		
		
		div.table table
			{
				width: 100%;
				border-bottom: 1px solid #e0e0e0;
			}
		
		
				div.table table tr.th th
					{
						background-color: #f0f0f0;
						padding: 5px 0;
						border-right: 1px solid #e0e0e0;
					}
		
				div.table table tr td
					{
						padding: 5px;
						line-height: 20px;
						border-bottom: 1px solid #f0f0f0;
					}
		
					div.table table tr td a.abut
						{
							display:block;
							float: left;
							background-color: #f0f0f0;
							font-size: 10px;
							padding: 2px 10px;
							line-height: 15px;
							text-decoration: none;
							color: #000;
							margin-right: 5px;
							margin-top: 0px;
							
							border-radius: 20px; 
							-moz-border-radius: 20px; 
							-webkit-border-radius: 20px;				
						}
						
						
					div.table table tr td a.abut:hover
						{
							background-color: #333;
							color: #ccc;
						}
						
					div.table table tr td a.toggle,
					div.table table tr td a.toggle:hover
						{
							background-color: #fcc;
							color: #000;
						}
						
					div.table table tr td a.toggle.on,
					div.table table tr td a.toggle.on:hover
						{
							background-color: #cfc;
							color: #000;
						}
						
						
					div.table table tr td a.view
						{
							color: #ee7b22;
							text-decoration: none;
						}
						
					div.table table tr td a.view:hover
						{
							color: #ee7b22;
							text-decoration: underline;
						}
						
					div.table table tr td a.cblue
						{
							color: #0000cc;
							text-decoration: none;
						}
						
					div.table table tr td a.cblue:hover
						{
							color: #0000cc;
							text-decoration: underline;
						}
						
					div.table table tr td a.cred
						{
							color: #ff0000;
							text-decoration: none;
						}
						
					div.table table tr td a.cred:hover
						{
							color: #ff0000;
							text-decoration: underline;
						}
						
					div.table table tr td a.cgreen
						{
							color: #009900;
							text-decoration: none;
						}
						
					div.table table tr td a.cgreen:hover
						{
							color: #009900;
							text-decoration: underline;
						}
						
				div.table table tr td.avisos a.aviso
					{
						display: block;
						width: 20px;
						height: 20px;
						background: url(images/not-off.png) 0px 0px no-repeat;
						text-align: center;
						line-height: 13px;
						font-size: 10px;
						color: #888;
						margin: 0;
						margin-left: 0;
						float: left;
						text-decoration: none;
					}
				
				div.table table tr td.avisos a.aviso.on
					{
						background: url(images/not-on.png) 0px 0px no-repeat;
						color: #fff;
						font-weight: bold;
					}
						
						
		
				div.table table tr td.nodata
					{
						background-color: #f8f8f8;
						padding: 50px 0;
						text-align: center;
					}
		
		
	/* + FORMULARIOS ***************************************************/
			
	div.form
		{
			background-color: #fff;
			padding: 20px 10px 30px 10px;
		}
		
		
		div.form h1
			{
				font-size: 16px;
				font-family: arial;
				letter-spacing: 1px;
				color: #444;
				margin: 10px 0;
			}
		
		
		div.form table
			{
				width: 100%;
			}
		
		
				div.form table tr
					{
					}
		
						div.form table tr td
							{
								padding: 0;
								line-height: 20px;
							}
				
						div.form table tr td.label
							{
								width: 20%;
								text-align: right;
								padding-right: 15px;
							}
				
							div.form table tr td.label a.tooltip
								{
									color: #f15a29;
								}
				
							div.form table tr td.label a.tooltip:hover
								{
									color: #000;
								}
				
						div.form table tr td.input
							{
								width: 80%:
							}
		
		
						div.form table tr td input[type='text'],
						div.form table tr td input[type='password'],
						div.form table tr td textarea.text,
						div.form table tr td select
							{
								padding: 7px 5px;
								width: 250px;
								font-size: 16px;
								font-family: arial;
								border: 1px solid #aaa;

								-webkit-border-radius: 7px;
								-moz-border-radius: 7px;
								border-radius: 7px;		
							}
						
						div.form table tr td textarea.text
							{
								width: 300px;
								height: 150px;
								margin-bottom: 12px;
							}
						
						div.form table tr td input[type='submit']
							{
								margin: 10px 0 0 0px;
								padding: 3px 10px;
								
							}
							
						/** Elemento permalink **/
							
						div.form table tr td a.permalink,
						div.form table tr td a.files,
						div.form table tr td a.dirs,
						div.form table tr td a.selectdb,
						div.form table tr td a.checkdir,
						div.form table tr td a.Show-Registro,
						div.form table tr td a
							{
								text-decoration: none;
								color: #EE7B22;
							}
							
						div.form table tr td a.permalink:hover,
						div.form table tr td a.files:hover,
						div.form table tr td a.dirs:hover,
						div.form table tr td a.selectdb:hover,
						div.form table tr td a.checkdir:hover,
						div.form table tr td a.Show-Registro:hover,
						div.form table tr td a:hover
							{
								text-decoration: underline;
							}
							
	/* + VISUALIZACION *************************************************/
							
	div.view
		{
			background-color: #fff;
			padding: 0px 10px 10px 10px;
		}
		
		
		div.view div.table
			{

			}
		
		
				div.view div.table div.tr
					{
						/*background-color: #f0f0f0;*/
						margin-bottom: 10px;
					}
		
						div.view div.table div.tr div.td
							{
								padding: 5px 0;
								line-height: 24px;
								/*background-color: #f0f0f0;*/
								float: left;
							}
				
							div.view div.table div.tr div.td a
								{
									color: #ee7b22;
									text-decoration: none;
								}
								
							div.view div.table div.tr div.td a:hover
								{
									color: #ee7b22;
									text-decoration: underline;
								}
						
					
						div.view div.table div.tr div.td.label
							{
								width: 18%;
								text-align: right;
								padding-right: 1%;
								background-color: #e8e8e8;
								
								border-radius: 10px; 
								-moz-border-radius: 10px; 
								-webkit-border-radius: 10px;
							}
				
						div.view div.table div.tr div.td.input
							{
								width: 80%;
								/*background-color: #c0c0c0;*/
								margin-left: 1%;
								font-size: 14px;
							}
		
							div.view div.table div.tr div.td.input p
								{
									text-align: justify;
									margin-bottom: 15px;
									width: 90%;
								}
			
								div.view div.table div.tr div.td.input p strong
									{
										font-weight: bold;
									}
			
								div.view div.table div.tr div.td.input p em
									{
										font-style: italic;
									}
			
							div.view div.table div.tr div.td.input p:last-child
								{
									margin-bottom: 0;
								}
			
						div.view div.table div.tr.acciones div.td.label
							{
								background-color: #fff;
							}
							
						div.view div.table div.tr.acciones div.td.input
							{
							}
		
							div.view div.table div.tr.acciones div.td.input a
								{
									color: #EE7B22;
									text-decoration: none;
									display: block;
									margin-right: 30px;
									float: right;
									line-height: 30px;
								}
		
							div.view div.table div.tr.acciones div.td.input a.edit
								{
									padding-left: 30px;
									background: url(images/edit.png) 0px 0px no-repeat;
								}
		
							div.view div.table div.tr.acciones div.td.input a.aviso
								{
									padding-left: 30px;
									background: url(images/not-off.png) 0px 0px no-repeat;
								}
		
							div.view div.table div.tr.acciones div.td.input a.back
								{
									padding-left: 30px;
									background: url(images/atras.png) 0px 0px no-repeat;
									float: left;
								}
		
							div.view div.table div.tr.acciones div.td.input a:hover
								{
									text-decoration: underline;
								}
		
		
							
							
							
	/* + AGENDA ********************************************************/
			
	body#agenda div.agenda
		{
			background-color: #fff;
			padding: 20px 10px 30px 10px;
		}
		
		body#agenda div.agenda .agenda-frame,
		body#agenda div.agenda .calendario-frame
			{
				float: left;
				min-height: 400px;
			}
		
		body#agenda div.agenda .agenda-frame
			{
				width: 65%;
				/*background-color: #faa;*/
			}
			
			body#agenda div.agenda .agenda-frame h1
				{
					font-size: 16px;
					font-family: arial;
					letter-spacing: 1px;
					color: #444;
					margin: 0 0 15px 0;
					
					display: block;
					/*background-color: #f0f0f0;*/
					text-align: center;
					line-height: 30px;
				}			
			
			body#agenda div.agenda .agenda-frame a.arrow
				{
					display: block;
					/*background-color: #f0f0f0;*/
					border: 1px solid #444;
					text-align: center;
					line-height: 30px;
					float: left;
					width: 21%;
					margin-right: 0.7%;
					
					text-decoration: none;
					color: #000;
					opacity: 0.35;
					
					border-radius: 15px; 
					-moz-border-radius: 15px; 
					-webkit-border-radius: 15px;				
				}	

			body#agenda div.agenda .agenda-frame a.arrow.hoy
				{
					width: 10%;
				}	

			body#agenda div.agenda .agenda-frame a.arrow:last-child
				{
					margin-right: 0;
				}	

			body#agenda div.agenda .agenda-frame a.arrow.mnext { background: url(images/mnext.png) top right no-repeat; }
			body#agenda div.agenda .agenda-frame a.arrow.dnext { background: url(images/dnext.png) top right no-repeat; }
			body#agenda div.agenda .agenda-frame a.arrow.mprev { background: url(images/mprev.png) top left no-repeat; }
			body#agenda div.agenda .agenda-frame a.arrow.dprev { background: url(images/dprev.png) top left no-repeat; }
			
			body#agenda div.agenda .agenda-frame a.arrow:hover
				{
					opacity: 0.75;
				}			
			
			body#agenda div.agenda .agenda-frame div.eventos-frame
				{
					/*background-color: #f8f8f8;*/
					width: 98.5%;
					margin-top: 15px;
				}			
			
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento
					{
						margin-bottom: 15px;
						min-height: 136px;
						padding-left: 40px;
						
						border-radius: 15px; 
						-moz-border-radius: 15px; 
						-webkit-border-radius: 15px;			
					}
					
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento a.aviso
						{
							display: block;
							width: 20px;
							height: 20px;
							background: url(images/not-off.png) 0px 0px no-repeat;
							text-align: center;
							line-height: 13px;
							font-size: 10px;
							color: #888;
							float: right;
							margin: 5px 10px 0 0;
							text-decoration: none;
						}
					
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento a.aviso.on
						{
							background: url(images/not-on.png) 0px 0px no-repeat;
							color: #fff;
							font-weight: bold;
						}

						
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento.status_0	{ border: 1px solid #1c449c; background: url(images/eveinterno.jpg) top left no-repeat; }
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento.status_1	{ border: 1px solid #2a9653; background: url(images/eveactivo.jpg) top left no-repeat; }
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento.status_2 { border: 1px solid #eabc09; background: url(images/evependiente.jpg) top left no-repeat; }
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento.status_3 { border: 1px solid #ae2b2b; background: url(images/evecancelado.jpg) top left no-repeat; }
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento.status_4	{ border: 1px solid #bababa; background: url(images/evesimulado.jpg) top left no-repeat; }
				body#agenda div.agenda .agenda-frame div.eventos-frame div.evento.status_5	{ border: 1px solid #7f1c9c; background: url(images/evepromocion.jpg) top left no-repeat; }

				
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div
						{
							line-height: 20px;
							/*background-color: #f8f8f8;*/
							margin-bottom: 3px;
						}
						
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.titulo
						{
							font-size: 17px;
							font-family: arial;
							letter-spacing: 1px;
							color: #000;
							line-height: 24px;
							width: 99%;
						}
				
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.lugar
						{
							font-size: 13px;
							font-family: arial;
							color: #666;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.ciudad
						{
							font-size: 13px;
							font-family: arial;
							color: #666;
							margin-bottom: 20px;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.artistas
						{
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.acciones
						{
							/*background-color: #f0f0f0;*/
							width: 99%;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div a
						{
							color: #EE7B22;
							text-decoration: none;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div a.artista
						{
							color: #44f;
							text-decoration: none;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div a:hover
						{
							text-decoration: underline;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.acciones a.off
						{
							color: #999;
							text-decoration: none;
						}
						
					body#agenda div.agenda .agenda-frame div.eventos-frame div.evento div.acciones a.off:hover
						{
							text-decoration: none;
						}
						
						
						
						
			
		
		body#agenda div.agenda .calendario-frame
			{
				width: 35%;
				/*background-color: #aaf;*/
				padding-top: 45px;
			}
		
		
			body#agenda div.agenda .calendario-frame .cal-frame
			{
				/*background-color: #f0f0f0;*/
				margin-bottom: 15px;
			}
			
				body#agenda div.agenda .calendario-frame .month-name-year
				{
					background-color: #e0e0e0;
					background: url(images/mn-back.jpg) center center repeat-x;
					border-top: 1px solid #ddd;
					font-size: 14px;
					font-family: arial;
					letter-spacing: 1px;
					color: #000;
					line-height: 30px;
				}

				body#agenda div.agenda .calendario-frame .days-frame
				{
					/*background-color: #d0d0d0;*/
					background: url(images/linea.png) top left repeat-y;
				}
			
					body#agenda div.agenda .calendario-frame .week-day
					{
						background-color: #666;
						color: #fff;
						font-size: 12px;
						font-family: arial;
					}

					body#agenda div.agenda .calendario-frame .blank-day,
					body#agenda div.agenda .calendario-frame .day
					{
						height: 52px;
						background: url(images/esquina.png) bottom right no-repeat, url(images/back-label.png) 1px -1px no-repeat;
					}

					body#agenda div.agenda .calendario-frame .label
					{
						text-align: right;
						padding-right: 5px;
					}

					body#agenda div.agenda .calendario-frame .data
					{
						text-align: center;
						background-color: #777;
						float: left;
						color: #fff;
						padding: 1px 7px;
						margin: 8px 0 0 15px;
						
						font-size: 12px;
						font-family: arial;
						font-weight: bold;
								
						border-radius: 15px; 
						-moz-border-radius: 15px; 
						-webkit-border-radius: 15px;			
					}
					
					body#agenda div.agenda .calendario-frame .data.on
					{
						background-color: #b80303;
					}
					
					
				
					body#agenda div.agenda .calendario-frame a.day
					{
						color: #000;
						text-decoration: none;
					}

					body#agenda div.agenda .calendario-frame a.day.today .label
					{
						background-color: #d0d0d0;
					}

					body#agenda div.agenda .calendario-frame a.day.this
					{
						background-color: #ffd;
					}

					body#agenda div.agenda .calendario-frame a.day.this .label
					{
						background-color: #f4911e;
						color: #fff;
					}
		
		
			body#agenda div.agenda .calendario-frame h2
			{
					font-size: 14px;
					font-family: arial;
					letter-spacing: 1px;
					color: #444;
					margin:0;
					
					display: block;
					background-color: #f0f0f0;
					text-align: center;
					line-height: 30px;
			}
		
			body#agenda div.agenda .calendario-frame h3
			{
					font-size: 14px;
					font-family: arial;
					letter-spacing: 1px;
					color: #444;
					margin: 5px 0;
					
					display: block;
					line-height: 30px;
			}
		
				body#agenda div.agenda .calendario-frame div.checkbox
				{
						margin: 0;
						padding: 0 0 0 35px;
						line-height: 18px;
				}
		
				body#agenda div.agenda .calendario-frame input[type='button']
				{
						margin: 10px 0 0 15px;
				}

				
				body#agenda div.agenda .calendario-frame a
				{
						font-size: 13px;
						font-family: arial;
						letter-spacing: 0px;
						color: #EE7B22;
						text-decoration: none;
				}

		
		
		
		
		
		
		
		
		div.table h1
			{
				font-size: 16px;
				font-family: arial;
				letter-spacing: 1px;
				color: #444;
				margin: 10px 0;
			}
		
		div.table div.filtro
			{
				font-size: 13px;
				font-family: arial;
				margin: 10px 0 0 0;
				padding: 10px;
				line-height: 20px;
				background-color: #f0f0f0;
				border-bottom: 1px solid #ddd;
			}
		
		div.table div.pager
			{
				margin-top: 10px;
			}
		
			div.table div.pager a
				{
					padding: 4px 10px;
					line-height: 26px;
					margin-right: 5px;
					font-size: 12px;
					text-decoration: none;
					color: #909090;
					border: 1px solid #fff;
				}
		
			div.table div.pager a.on
				{
					color: #000;
					border: 1px solid #e0e0e0;
					background-color: #f8f8f8;
				}
		
			div.table div.pager a:hover
				{
					background-color: #f8f8f8;
				}
		
		
		
		div.table table
			{
				width: 100%;
				border-bottom: 1px solid #e0e0e0;
			}
		
		
				div.table table tr.th th
					{
						background-color: #f0f0f0;
						padding: 5px 0;
						border-right: 1px solid #e0e0e0;
					}
		
				div.table table tr td
					{
						padding: 5px;
						line-height: 20px;
						border-bottom: 1px solid #f0f0f0;
					}
		
					div.table table tr td a.abut
						{
							display:block;
							float: left;
							background-color: #f0f0f0;
							font-size: 10px;
							padding: 2px 10px;
							line-height: 15px;
							text-decoration: none;
							color: #000;
							margin-right: 5px;
							margin-top: 0px;
							
							border-radius: 20px; 
							-moz-border-radius: 20px; 
							-webkit-border-radius: 20px;				
						}
						
						
					div.table table tr td a.abut:hover
						{
							background-color: #333;
							color: #ccc;
						}
						
					div.table table tr td a.toggle,
					div.table table tr td a.toggle:hover
						{
							background-color: #fcc;
							color: #000;
						}
						
					div.table table tr td a.toggle.on,
					div.table table tr td a.toggle.on:hover
						{
							background-color: #cfc;
							color: #000;
						}
						
						
					div.table table tr td a.view
						{
							color: #ee7b22;
							text-decoration: none;
						}
						
					div.table table tr td a.view:hover
						{
							color: #ee7b22;
							text-decoration: underline;
						}
						
						
		
				div.table table tr td.nodata
					{
						background-color: #f8f8f8;
						padding: 50px 0;
						text-align: center;
					}
							
							
							
							
							
		
	/* + NOTIFICACIONES miniatura para aplicar en cualquier lado con span **/
			
	span.notice.ok
		{
			color: #060;
		}
	
	span.notice.fail
		{
			color: #f00;
		}							
							
							
		
		
	/* + NOTIFICACIONES ************************************************/
			
	div.notice
		{
			background-color: #fff;
			padding: 10px 10px 0 10px;
		}
		
		div.notice p
			{
				text-align: center;
				padding: 5px;
			}
		
		div.notice p.ok
			{
				background-color: #cfc;
				color: #060;
			}
		
		div.notice p.fail
			{
				background-color: #fcc;
				color: #600;
			}
		
		
	
	
	/* + FOOTER ********************************************************/
	
	

	
/********* etiquetas basicas del popup estilo lightbox *********************/

	#popup
		{
			display: block;
			background: url(../../../data/back_darker.png) center center repeat;
			color: #fff;
			font-size: 16px;
			padding: 20px;
			
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;		
		}	
		



	#popup .title
		{
			display: block;
			/*background-color: #003374;*/
			height: 30px;
			line-height: 30px;
			color: #fff;
			padding: 0;
			border-bottom: 1px solid #aaa;
			font-size: 14px;
			font-family: 'Cousine';			
		}	
		
		
	#popup .footer
		{
			display: block;
			height: 20px;
			border-top: 1px solid #aaa;
			padding: 0;
		}
		
		#popup .footer input[type='button']
			{
				margin: 10px 0 0 0;
				padding: 3px 10px;
			}
		

		
		
/*********************************************************************************/


	#popup .content
		{
			display: block;
			overflow-y: auto;
			padding: 10px 0;
		}

		
/********* ESTILO PARA EL POPUP ENCARGADO DE SELECCIONAR ARCHIVOS ****************/


		#popup .content div.flist
			{
				/*background-color: #111;*/
				width: 40%;
				float: left;
				height: 100%;
			}

			#popup .content div.flist div.uoa
				{
					/*background-color: #555;*/
					width: 100%;
					height: 92%;
					overflow: auto;
					overflow-x:hidden;
					overflow-y:hidden;
					border-right: 1px solid #aaa;
				}
				
			#popup .content div.flist div.uoa:hover
				{
					overflow-y:auto;
				}
				
				#popup .content div.flist div.uoa p.vacio
					{
						background-color: #222;
						text-align: center;
						font-size: 12px;
						color: #aaa;
						width: 90%;
						padding: 5px;
					}
				
				

				#popup .content div.flist div.uoa a.file
					{
						padding: 5px 0;
						display: block;
						text-decoration: none;
						font-size: 14px;
						color: #ff8;
						font-family: 'Cousine';	
					}

				#popup .content div.flist div.uoa a.file:hover
					{
						color: #fff;
						background-color: #111;
					}

				#popup .content div.flist div.uoa a.file.on
					{
						color: #fff;
						background-color: #EE7B22;
					}

			#popup .content div.flist div.iii
				{
					/*background-color: #33a;*/
					width: 100%;
					height: 6%;
					padding-top: 4%;
				}
				
				#popup .content div.flist div.iii span
					{
						font-size: 11px;
					}
				
				
		#popup .content div.viewport
			{
				/*background-color: #11a;*/
				width: 59%;
				margin-left: 41%;
				height: 100%;
			}

			#popup .content div.viewport div.eie
				{
					/*background-color: #555;*/
					width: 100%;
					height: 95%;
					overflow: hidden;
				}
				
				#popup .content div.viewport div.eie p.placeholder
					{
						background-color: #000;
						width: 100%;
						padding: 35% 0 50% 0;
						overflow: hidden;
						text-align: center;
						font-size: 12px;
						opacity: 0.60;
					}
				
			#popup .content div.viewport div.aoe
				{
					/*background-color: #777;*/
					width: 100%;
					height: 4%;
					padding-top: 1%;
					font-size: 12px;
					font-family: 'Cousine';
					text-align: center;
				}
				
				#popup .content div.viewport div.aoe a
					{
						color: #fff;
						background-color: #c00;
						text-decoration: none;
						padding: 3px 5px;
					}
				
				#popup .content div.viewport div.aoe a:hover
					{
						background-color: #c22;
						text-decoration: underline;
					}
				

				
/********* ESTILO PARA EL POPUP ENCARGADO DE SELECCIONAR DE DIRECTORIOS **********/

		
		#popup .content div.dlist
			{
				/*background-color: #111;*/
				width: 100%;
				height: 100%;
			}

			#popup .content div.dlist div.dlist-frame
				{
					/*background-color: #555;*/
					width: 100%;
					height: 100%;
					overflow: auto;
					overflow-x:hidden;
					overflow-y:hidden;
				}
				
			#popup .content div.dlist div.dlist-frame:hover
				{
					overflow-y:auto;
				}
				
				

				#popup .content div.dlist div.dlist-frame a.dir
					{
						padding: 5px 0;
						display: block;
						text-decoration: none;
						font-size: 14px;
						color: #ff8;
						font-family: 'Cousine';	
					}

				#popup .content div.dlist div.dlist-frame a.dir:hover
					{
						color: #fff;
						background-color: #111;
					}

				#popup .content div.dlist div.dlist-frame a.dir.on
					{
						color: #fff;
						background-color: #EE7B22;
					}
					
		
/********* ESTILO PARA EL POPUP ENCARGADO PROCESAR LAS IMAGENES ******************/

		
		#popup .content div.glist
			{
				/*background-color: #111;*/
				width: 100%;
				height: 100%;
				overflow-x:hidden;
				overflow-y:hidden;
				overflow-y:auto;
				font-size: 12px;
			}
			
			#popup .content div.glist .imagefile
				{
					display: block;
					padding: 5px 5px;
					margin-bottom: 2px;
					border-bottom: 1px solid #444;
				}
				
				#popup .content div.glist .imagefile .imagefilename
					{
						width: 500px;
						display: block;
						float: left;
					}
					
			

		
/********* ESTILO PARA EL POPUP ENCARGADO DE SELECCIONAR DE REGISTROS EN LA BASE DE DATOS ********/



		#popup .content div.dblist
			{
				/*background-color: #111;*/
				width: 40%;
				float: left;
				height: 100%;
			}

			#popup .content div.dblist div.dblist-frame
				{
					/*background-color: #555;*/
					width: 100%;
					height: 100%;
					overflow: auto;
					overflow-x:hidden;
					overflow-y:hidden;
					border-right: 1px solid #aaa;
				}
				
			#popup .content div.dblist div.dblist-frame:hover
				{
					overflow-y:auto;
				}
				
				

				#popup .content div.dblist div.dblist-frame p.vacio
					{
						background-color: #222;
						text-align: center;
						font-size: 12px;
						color: #aaa;
						width: 90%;
						padding: 5px;
					}

				#popup .content div.dblist div.dblist-frame a.registro
					{
						padding: 5px 0;
						display: block;
						text-decoration: none;
						font-size: 14px;
						color: #ff8;
						font-family: 'Cousine';	
					}

				#popup .content div.dblist div.dblist-frame a.registro:hover
					{
						color: #fff;
						background-color: #111;
					}

				#popup .content div.dblist div.dblist-frame a.registro.on
					{
						color: #fff;
						background-color: #EE7B22;
					}


					
					
					
					
					
					
					
					
			#popup .content .dblist-viewport
				{
					/*background-color: #555;*/
					width: 58%;
					float: right;
					height: 100%;
				}
				
				#popup .content .dblist-viewport .dblist-placeholder
					{
						width: 100%;
						height: 100%;
						overflow: auto;
						overflow-x:hidden;
						overflow-y:auto;
						
						text-align: center;
						font-size: 12px;
					}
				
					#popup .content .dblist-viewport .dblist-placeholder img.thumbs
						{
							margin: 0 6px 6px 0;
						}
				
					
/********* ESTILO PARA EL POPUP ENCARGADO DE MOSTRAR EL CONTENIDO DE UN REGISTRO ESPECIFICO ******/


		#popup .content div.dbtable
			{
				/*background-color: #111;*/
				width: 100%;
				float: left;
				height: 100%;
			}

		#popup .content div.dbtable div.row
			{
				/*background-color: #222;*/

			}

		#popup .content div.dbtable div.row div
			{
				/*background-color: #333;*/
				float: left;
				line-height: 28px;
				margin: 2px 0;
				font-size: 13px;
			}

		#popup .content div.dbtable div.row div.col1
			{
				width: 20%;
				text-align: right;
				margin-right: 2%;
				font-family: 'Cousine';	
				font-size: 14px;
			}

		#popup .content div.dbtable div.row div.col2
			{
				width: 78%;
				color: #ff8;
			}


/********* ESTILO PARA EL POPUP ENCARGADO DE MOSTRAR EL CONTENIDO DE LOS AVISOS ******************/


		#popup .content div.avisostable
			{
				/*background-color: #111;*/
				width: 100%;
				height: 92%;
				overflow-y: auto;
			}

		#popup .content div.avisostable div.row
			{
				background-color: #222;
				/*border-bottom: 1px solid #555;*/
				margin: 3px 0;
				padding: 5px 10px;
			}

		#popup .content div.avisostable div.row p
			{
				/*background-color: #333;*/
				/*line-height: 18px;*/
				margin: 0;
				font-size: 13px;
			}
			
			#popup .content div.avisostable div.row p.fecha
				{
					color: #999;
					margin: 0 0 5px 0;
				}
			
			#popup .content div.avisostable div.row p.mensaje
				{ 
					color: #aaa;
				}
			
			#popup .content div.avisostable div.row p.mensaje span
				{ 
					color: #a5fffc;
				}
			
			#popup .content div.avisostable div.row p.msg
				{ 
					color: #ffa;
					margin: 5px 0 0 0;
				}
			
			

		#popup .content div.msgframe
			{
				/*background-color: #33f;*/
				width: 100%;
				height: 7%;
				margin-top: 1%;
			}

			#popup .content div.msgframe input
				{
					padding: 5px;
				}

			#popup .content div.msgframe input[type='text']
				{
					width: 70%;
				}




			
			
/********* etiquetas basicas del tooltip ***********************************/

	#tooltip
		{
			display: block;
		}	
		
			
		#tooltip .tip
			{
				background: url(../../../data/tooltip-arrow.png) 15px 0px no-repeat;
				height: 10px;
				marign: 0;
			}	
			
				
		#tooltip .msj
			{
				background: url(../../../data/back_darker.png) center center repeat;
				color: #fff;
				font-size: 12px;
				padding: 10px;
				marign: 0;
				line-height: 20px;
				
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;		
			}	
		
			
			
	
/********* Fuentes *************************************************/
	
	@font-face {
		font-family: 'Iconic';
		src: url('fonts/iconic.eot');
		src: local('?'), url('fonts/iconic.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Guifxv';
		src: url('fonts/guifx.eot');
		src: local('?'), url('fonts/guifx.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'futura';
		src: url('fonts/futura.eot');
		src: local('?'), url('fonts/futura.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helv37';
		src: url('fonts/helv37.eot');
		src: local('?'), url('fonts/helv37.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'an';
		src: url('fonts/an.eot');
		src: local('?'), url('fonts/an.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'IconSweets';
		src: url('fonts/iconsweets.eot');
		src: local('?'), url('fonts/iconsweets.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}