*, body { margin: 0; padding: 0; }
body { background: #000; color: #999; font: 12px/1.5em Helvetica, Arial, sans-serif; text-align: center; }

a { color: #fff; text-decoration: none; }
a:hover { color: #cbdb2a; }

acronym{ border-bottom: 1px #444 dashed; cursor: help; }

p.clear { clear: both; margin: 0; padding: 0; }

#menu { width: 360px; position: fixed; z-index: 9999; top: 0; right: 0; background: url(img/bg-menu.gif) right no-repeat; height: 28px; text-align: right; padding-right: 10px; font: bold 10px/28px Verdana, sans-serif; text-transform: uppercase; }
	#menu li { display: inline; border-right: 1px #778018 solid; padding: 0 8px 0 5px; }
	#menu li.ultimo { border: none; }
		#menu li a { color: #778018; }
		#menu li a:hover { color: #000; }
	
#contenedor {width: 700px; margin: 50px auto; text-align: left; }

h1 { text-indent: -9999px; height: 69px; background: url(img/logo.gif) no-repeat; padding-bottom: 20px; }
h2 { font-size: 36px; color: #fff; letter-spacing: -1px; margin-bottom: 20px;}
h3 { font-size: 26px; line-height: 1em; color: #ccc; letter-spacing: -1px; margin-bottom: 20px; padding: 20px 0; border:  #333 solid; border-width: 1px 0; }

	
.sep { margin: 20px 0 0 0; border-top: 1px #cbdb2a solid; padding: 0 0 20px 0; }
	.sep h2 { width: 400px; border-top: 4px #cbdb2a solid; padding-top: 20px; }
	.right h2 { width: 250px; border: none; padding: 4px 0 0 0; }
	
.left { width: 400px; float: left; }
.right { width: 250px; float: right; padding-top: 20px; }

	#acerca p { margin-bottom: 20px; font-size: 14px; line-height: 1.7em; }
		#acerca strong { color: #eee; }

	.vcard { border-top: 1px #333 solid; padding: 20px 0 0 0; margin: 20px 0 0 0; }
		.vcard h3 { font-size: 14px; letter-spacing: 0.5px; margin: 0 0 5px 0; padding: 0; border: none; }
			.vcard h3 small { font-size: 9px; text-transform: uppercase; color: #777; }
			.vcard .fn { font-weight: bold;  }
			.vcard img { float: right; background: #000; padding: 1px; border: 3px #fff solid; width: 75px; height: 75px; margin: 0 0 10px 10px; }
			.vcard .org { display: none; }

	#proyectos h2 { margin: 0; }
	#proyectos div { margin: 20px 0 0 0; position: relative; height: 350px; border: 5px #778018 solid;  }
	#proyectos #buzzear { background: url(/img/proyectos/buzzear.jpg) no-repeat; }
	#proyectos #moviehaku { background: url(/img/proyectos/moviehaku.jpg) no-repeat; }
		#proyectos div div { position: absolute; margin: 0; top: 0; right: 0; bottom: 0; width: 210px; height: 310px; padding: 20px; border: none; color: #fff; background: #000; opacity: 0.8; text-shadow: 0 0 2px #000; }
			#proyectos div div h3 { font-size: 35px; margin: 0 0 15px 0; padding: 0 0 15px 0; border: #778018 dotted; border-width: 0 0 1px 0; }
				#proyectos div div h3 a span { visibility: hidden; }
				#proyectos div div h3 a:hover span { visibility: visible; }
			#proyectos div div p { margin-bottom: 1em; font: 19px sans-serif; }	
	
	form { }
		form label { display: block; color: #fff; font-weight: bold; font-size: 12px; }
		form input, form textarea { width: 380px; font: 14px Helvetica, Arial, sans-serif; padding: 5px; background: #eee; border: 5px #778018 solid; margin-bottom: 15px; }
		form input:focus, form textarea:focus { background: #fff; border-color: #cbdb2a; }
		form input.boton { display: block; cursor: pointer; width: auto; margin: 0 auto 15px auto; padding: 5px 10px; background: #778018; border: none; font-weight: bold; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 0 0 1px rgba(0,0,0,0.5); }