* { font-family: Arial } a img  { border: 0 none } p { margin: 5px 0 } 
body { margin: 0; background: #DDE5E0 url(imgs/bg.gif) repeat-x  }

div.loading { width: 24px; height: 24px; margin: 10px auto; background: transparent url(imgs/ajax.gif) no-repeat 0 0; }
div.error { font-size: 12px; color: #8AE2FF }

#main { width: 100%; padding-bottom: 120px; background: url(imgs/ft.gif) repeat-x 0 bottom }
	#wrap { width: 1000px; margin: 0 auto }
		
		#topo { height: 43px; width: 980px; padding: 0 10px }		
			#topo #left { width: 590px; float: left; height: 43px  }
				#left ul { margin: 0; padding: 0; height: 18px; padding: 25px 0 0 }
					#left ul li { height: 18px; padding: 0 5px 0; list-style-type: none; list-style-position: outside; display: inline; font-size: 14px; color: #7b7c7d }
						#left ul li a { font-size: 14px; color: #7b7c7d; text-decoration: none }
					#left ul li[onclick] { cursor: pointer }
					
			#topo #search { width: 330px; float: left; height: 22px; padding: 21px 0 0 60px }
				#topo #search input { display: block; float: left; margin-left: 3px; border: 0 none }
				#topo #search input[type="button"] { height: 22px; background: url(imgs/btn_busc.gif) no-repeat 0 0; width: 60px; cursor: pointer }
				#topo #search #busca { height: 16px; width: 256px; font-size: 11px; padding: 2px }
		
		#dest { width: 980px; height: 252px; padding: 0 10px }
			#dest #logo { width: 275px; float: left }
			#dest #slog { width: 695px; padding-left: 10px; float: left }
				#dest #slog img { border: 0 none } 
		
		#menu { height: 77px; width: 100% }
			#menu ul { margin: 0; padding: 0; height: 77px }
				#menu ul li { height: 77px; padding: 0 5px; list-style-type: none; list-style-position: outside; float: left; display: inline }
		
		#foot { width: 990px; height: 70px; padding: 20px 10px 0 }
			#foot #icon { width: 990px; margin: 0 auto }
			#foot ul { margin: 0; padding: 0; height: 18px; padding: 10px 0 0; text-align: center }
				#foot ul li { height: 18px; padding: 0 5px 0; list-style-type: none; list-style-position: outside; display: inline; font-size: 14px; color: #7b7c7d }
					#foot ul li a { font-size: 14px; color: #7b7c7d; text-decoration: none }
				#foot ul li[onclick] { cursor: pointer }
			#foot #copy { font-size:11px; padding:15px 0 0 5%; width:85%; color: white; float: left }
			#foot #lazo { width: 10%; padding: 20px 0 0; float: right }
				#foot #lazo img { float: right }
		
		#grid, #result, #comm { width: 100% }
			#comm .row, #grid .row, #result .row { width: 100% }
				#comm .cell, #grid .cell, #result .cell { width: 320px; float: left; padding: 5px 5px 0; }
					#grid .cell h3 { width: 320px; height: 38px; margin: 10px 0; padding: 10px 0 0; color: #7b7c7d; font-size: 26px; font-family: 'Times New Roman'; font-weight: normal; border-bottom: solid 1px #7b7c7d }
						#grid .cell h3 span.tag { color: #32C2E7; font-size: 26px; font-family: 'Times New Roman'; }
					#grid .item { width: 320px; height: 320px; overflow: auto; overflow-x: hidden; overflow-y: auto; float: left }
					#result .item, #comm .item { width: 100%; float: left }
						#grid .cont { width: 303px }
						#result .cont, #comm .cont { width: 100% }						
							#grid table tr.head, #result table tr.head, #comm table tr.head { background: transparent }
							#grid table td, #result table td, #comm table td { font-size: 11px; color: black; padding: 5px; }
							#grid table td p { width: 240px }
							#grid table td b a { text-decoration: none; color: black; }
							#result table td p, #comm table td p { width: auto }
							#grid table td .bott { width: 100%; height: 26px; padding-top: 5px }
									#grid table td .vote { float: left; width: 17px; padding-top: 8px; font-size: 10px; text-align: center }
									#grid table td .btns { float: left; width: 16px }
								#grid table td .link { width: 160px; float: left; padding-top: 5px }
									#grid table td .link a { color: #2a2821; text-decoration: none }									
								#grid table td .up, #grid table td .down { padding-right: 5px; float: left }
					#comm a.page, #grid a.page, #result a.page { padding: 0 3px; margin: 0 3px; color: #8AE2FF; background: white; text-decoration: none; font-weight: bold }
					#comm a.page.active, #grid a.page.active, #result a.page.active { color: white; background: #8AE2FF; }
					#comm  tr.paging, #comm tr.paging td, #grid  tr.paging, #grid  tr.paging td, #result  tr.paging, #result  tr.paging td { background: transparent }
					
				#grid p.words, #result p.words, #comm p.words { font-size: 12px; color: black; margin: 10px 0; padding-left: 20px; background: url(imgs/ico.gif) no-repeat 0 0 }
				#grid p.cat b, #result p.cat b, #comm p.cat b { color: #7b7c7d }
				#grid p.txt a, #result p.txt a, #comm p.txt a { color: #32C2E7; text-decoration: none }
		
		#row_0 table tr.alternate, #result table tr.alternate, #comm table tr.alternate { background: #d7eaea }
		#row_0 table tr, #result table tr, #comm table tr { background: white }		
		
		#row_1 table tr.alternate { background: #e1f1fd }
		#row_1 table tr { background: white }
		
		#row_2 table tr.alternate { background: #e4ead7 }
		#row_2 table tr { background: white }
		
	.close { float: right; width: 12px; height: 20px; padding: 0 4px; font-family: 'Times New Roman'; font-weight: bold; cursor: pointer; color: #8AE2FF }
		
	.form { width: 100%; }
		.form legend { font-size: 14px; color: #7b7c7d; font-family: 'Times New Roman'; font-weight: bold; }
		.form fieldset { background: #dde5d0 url(imgs/bg.gif) repeat-x; border: solid 1px #7b7c7d; padding:20px }
		.form  ul { width: 100%; padding: 0; margin: 0 }
			.form ul li { list-style-position: outside; list-style-type: none; padding: 3px 0 }
				.form ul li label { color: #7b7c7d; font-family: 'Times New Roman'; font-size: 14px }
				.form ul li label.error { font-size: 14px; display: block; color: #8AE2FF }
				.form ul li textarea,.form ul li input[type="text"],.form li input[type="password"] { width: 450px; font-size: 12px }
				.form ul li textarea[disabled="disabled"] { background: white; color: black; border: 0 none }
				.form ul li input[type="button"] { font-family: 'Times New Roman'; font-size: 14px }
	
	.str { font-size: 12px; padding: 10px 0; }
	#comm .row { width: 100% }
		#comm .cell { width: 320px; float: left; padding: 0 5px; }
			#comm .cell h3 { width: 320px; height: 58px; margin: 0; padding: 0 0 18px; color: #7b7c7d; }
		#comm.item { width: 320px; height: 320px; overflow: auto; overflow-x: hidden; overflow-y: auto; float: left; }
		#comm .cont { width: 303px }
			#comm table tr.head { background: transparent }
			#comm table td { font-size: 11px; color: black; padding: 5px; }	
	
	#page { padding: 20px }
		#page div.cont{ padding: 40px }
		#page p { font-size: 16px }
		#page a.tag, #page span.tag { color: #32C2E7; font-size: 25px; text-decoration: none; font-family: 'Times New Roman' }
		#page a.tag:hover { text-decoration: underline }
		#page h2.title { color: #32C2E7; font-family: 'Times New Roman'; font-size: 35px; padding: 10px 0; margin: 0; font-weight: normal; font-style: normal }
	
	ul.categorias { padding: 0 20px; margin: 0 }
		ul.categorias li { padding: 5px 0; list-style-position: outside; list-style-type: none; padding-left: 20px }
		ul.categorias li a { color: #7b7c7d; font-family: 'Times New Roman'; font-size: 22px; text-decoration: none }
		
	#page h3 { width: 100%; height: 38px; margin: 10px 0; padding: 10px 0 0; color: #7b7c7d; font-size: 28px; font-family: 'Times New Roman'; font-weight: normal; border-bottom: solid 1px #7b7c7d }
		#page table tr.head { background: transparent }
			#page table td { font-size: 11px; color: black; padding: 5px; }
			#page table td p { width: 100%; font-size: 14px }
			#page td p { width: auto }
			#page table td .bott { width: 100%; height: 26px; padding-top: 5px }
					#page table td .vote { float: left; width: 17px; padding-top: 8px; font-size: 10px; text-align: center }
					#page table td .btns { float: left; width: 16px }
				#page table td .link { width: 160px; float: left; padding-top: 5px }
					#page table td .link a { color: #2a2821; text-decoration: none }									
					#page table td .up, #page table td .down { padding-right: 5px; float: left }
			#page a.page { padding: 0 3px; margin: 0 3px; color: #8AE2FF; background: white; text-decoration: none; font-weight: bold }
			#page a.page.active { color: white; background: #8AE2FF; }
			#page  tr.paging, #page tr.paging td { background: transparent }
		#page table tr.alternate { background: #d7eaea }
		#page table tr { background: white }
		#page p.words { font-size: 12px; color: black; margin: 10px 0; padding-left: 20px; background: url(imgs/ico.gif) no-repeat 0 0 }
		#page p.cat b { color: #7b7c7d }
		#page p.txt a { color: #32C2E7; text-decoration: none }
