body{ font-size: 12px; font-family: Arial; color: black; }
	
	/* table genera */
	#general{ width: 800px; min-height: 600px;}
		
		/* top */
		#gTopLeft{ width: 10px; height: 10px; background-image: url(../images/design/esq_1.png); background-repeat: no-repeat; background-position: bottom;}
		#gTop{ height: 10px; background-image: url(../images/design/sup.png); background-repeat: repeat-x; background-position: bottom;}
		#gTopRight{ width: 10px; height: 10px; background-image: url(../images/design/esq_2.png); background-repeat: no-repeat; background-position: bottom;}
		
		/* header */
		#gHeaderLeft{ width: 10px; background-image: url(../images/design/izq.png); background-repeat: repeat-y; background-position: right;}
		#gHeader{ height: 98px; background-image: url(../images/design/bg_img_header.png); text-align: right; padding: 5px 20px 0 20px; vertical-align: middle;}
			
			/* table headerTitle */
			table.headerTitle{ width: 750px;}
				
				td.ht_logo{ padding: 2px 2px 2px 2px; vertical-align: middle; text-align: center;}
				td.ht_text{ padding: 2px 2px 2px 2px; vertical-align: top;}
			
			h1.header{ color: white; font-size: 30px; margin: 0; text-align: left; letter-spacing: -1px;}
			h2.header{ color: white; font-size: 15px; margin: 0; text-align: left; font-family: Arial; font-weight: lighter; letter-spacing: 2px;}
		
		#gHeaderRight{ width: 10px; background-image: url(../images/design/dcha.png); background-repeat: repeat-y;}
		
		/* body */
		#gBodyLeft{ width: 10px; background-image: url(../images/design/izq.png); background-repeat: repeat-y; background-position: right;}
		#gBody{ width: 800px; height: 400px; padding: 10px 0 10px 0; vertical-align: top; }
			
			/* menu top */
			#menu{ width: 750px; margin: 0 auto 10px auto;}
			table.menu{ width: 750px; height: 30px;}
				
				td.menu{ height: 40px; color: white; font-size: 14px; background-image: url(../images/design/menu_1.png); vertical-align: middle; text-align: center; padding: 2px 2px 2px 2px;}
				
				td.menu:hover{ height: 40px; color: white; font-size: 14px; background-image: url(../images/design/menu_1_hover.png); vertical-align: middle; text-align: center; padding: 2px 2px 2px 2px;}
				
				td.menuSel{ height: 40px; color: white; font-size: 14px; background-image: url(../images/design/bg_img_header.png);  vertical-align: middle; text-align: center; padding: 2px 2px 2px 2px;}
					
					a.menu{ text-decoration: none; color: white;}
			
			/* banner */
			#banner{ width: 750px; height: 148px; margin: 0 auto 0 auto; background-image: url(../images/design/header.png);}
		
			/* table body */
			#bodyText{ width: 750px; margin: 0 auto 0 auto;}
				
				table.body{ width: 750px; vertical-align: top;}
					
					td.bSubmenu{ vertical-align: top; text-align: left; width: 230px;}
						
						/* table submenu */
						table.submenu{ border: 1px solid #cdcdcd; width: 200px; margin: 0 10px 0 0;}
							
							td.submenuText{ height: 25px; background-image: url(../images/design/menu_1.png); padding: 3px 3px 3px 5px;}
							td.submenuText:hover{ height: 25px; background-image: url(../images/design/menu_1_hover.png); padding: 3px 3px 3px 5px;}
							td.submenuTextSel{ height: 25px; background-image: url(../images/design/bg_img_header.png); padding: 3px 3px 3px 5px;}
							
							td.submenuImg{ width: 22px; text-align: center;}
							
							td.subsubmenuText{ height: 10px; padding: 3px 3px 3px 10px;}
							td.subsubmenuText:hover{ height: 10px; background-color: #cdcdcd; padding: 3px 3px 3px 10px;}
							td.subsubmenuTextSel{ height: 10px; background-color: #cdcdcd; padding: 3px 3px 3px 10px;}
							
							td.subsubText{ height: 20px; padding: 3px 3px 3px 10px;}
							
							a.submenu{ color: white; text-decoration: none;}	
							a.submenuSel{ color: white; text-decoration: none;}
						
							a.subsubmenu{ color: black; text-decoration: none;}
							a.subsubmenu:hover{ color: black; text-decoration: none;}
							a.subsubmenuSel{ color: #085b22; text-decoration: none;}
							
					td.bText{ vertical-align: top; text-align: justify;}
				
						h1{ color: #085b22; text-align: left; letter-spacing: -1px;}
						h2{ color: #085b22; font-size: 15px;}
						h3{ color: #000; font-size: 12px; font-weight: normal;}
						h4{ color: black; text-align: right; font-weight: normal;}
						
							a.paginar{ color: black; text-decoration: none;}
							a.paginar:hover{ color: #085b22; text-decoration: none;}
						
		#gBodyRight{ width: 10px; background-image: url(../images/design/dcha.png); background-repeat: repeat-y;}
		
		/* bottom */
		#gBottomLeft{ width: 10px; background-image: url(../images/design/izq.png); background-repeat: repeat-y; background-position: right;}
		#gBottom{ height: 75px; background-color: #888888; padding: 3px 0 3px 0;}
			
			#bottom{ color: white; font-size: 10px; text-align: center; vertical-align: middle;}
				
				a.bottom{ color: white; text-decoration: none;}
				a.bottom:hover{ color: #c3c3c3; text-decoration: none;}
				a.bottomSel{ color: #c3c3c3; text-decoration: none;}
			
		#gBottomRight{ width: 10px; background-image: url(../images/design/dcha.png); background-repeat: repeat-y;}
		
		/* sub */
		#gSubLeft{ width: 10px; height: 10px; background-image: url(../images/design/esq_3.png); background-repeat: no-repeat; background-position: top;}
		#gSub{ height: 10px; background-image: url(../images/design/inf.png); background-repeat: repeat-x; background-position: top;}
		#gSubRight{ width: 10px; height: 10px; background-image: url(../images/design/esq_4.png); background-repeat: no-repeat;}
		
		/* Login */
		#login{ width: 250px;}
			
			td.error{ color: red;}
				
				a.logout{ font-size: 12px; text-decoration: none;}
		
	/* extras */
	strong{ color: #085b22;}
	b{ color: #085b22;}
	a{ color: #085b22;}
	
	img.icon{ width: 20px;}
	
	div.error{ color: red; font-size: 14px; text-align: center;}
	div.ok{ color: #085b22; font-size: 14px; text-align: center;}
	
	#right{ text-align: right;}
	#center{ text-align: center;}
	#left{ text-align: left;}