*, body { margin: 0; padding: 0; }
body { background: #9ecce1 url(img/bg.gif) bottom fixed repeat-x; color: #666; text-align: center; font: 24px Helvetica, Arial, sans-serif; }

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

a { text-decoration: none; outline: none; color: #999; }
a:hover { color: #000; }

img { border: 0; }
ul { list-style: none; }

acronym { cursor: help; }

#contenido { width: 500px; margin: 20px auto; text-align: left; }

.item { position: relative; padding: 15px 0; min-height: 50px; }
	.item .fuente { display: block; width: 48px; height: 48px; position: absolute; left: 0; top: 15px; background: #fff; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #fff solid; }
	.item .fuente:hover { background: #0099e0; }
		.item .fuente img { width: 48px; height: 48px; }
		.item .fuente strong { display: none; }
	.item .cosito { display: block; position: absolute; text-indent: -9999px; top: 30px; left: 75px; margin-left: -10px; font-size: 0px; line-height: 0%; width: 0px; border-top: 10px transparent solid; border-bottom: 10px transparent solid; border-right: 15px solid #fff; }
	.item .link { margin-left: 75px; float: left; display: block; overflow: hidden; background: #fff; padding: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
	.item .link:hover { color: #000; }
		.item .link em { font-style: normal; font-weight: bold; color: #0099e0; background: #CBE5F1; padding: 2px; }
		.item .link .auth { display: none; }
		.item .link:hover .auth { display: block; position: absolute; top: 25px; right: 515px; font-size: 11px; line-height: 11px; text-align: right; background: #0099e0; color: #fff; padding: 5px; white-space: nowrap; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
			.item .link .auth em { background: none; padding: 0; display: block; position: absolute; text-indent: -9999px; top: 10px; right: -10px; margin-left: -10px; font-size: 0px; line-height: 0%; width: 0px; border-top: 5px transparent solid; border-bottom: 5px transparent solid; border-left: 10px solid #0099e0; }
 
#detalles { width: 200px; position: absolute; text-align: right; top: 15px; right: 15px; font-size: 13px; }
	#detalles h1 { display: none; }
	#detalles h2 { height: 66px; background: url(img/logo.gif) no-repeat; margin: 0 0 10px 0; text-align: left; }
		#detalles h2 a { display: block; height: 66px; outline: none; background: none; text-indent: -9999px; }
	#detalles h3 { font-size: 13px; font-weight: normal; text-align: center; }
	#detalles h4 { font-size: 13px; margin: 20px 0 0 0; }
		#detalles h4 a { position: relative; display: block; width: 150px; margin: 0 auto; padding: 5px; text-align: center; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  }
		#detalles h4 a:hover { background: #0099e0; }
			#detalles h4 a span { background: none; padding: 0; display: block; position: absolute; text-indent: -9999px; top: -10px; left: 80px; font-size: 0px; line-height: 0%; width: 0px; border-left: 5px transparent solid; border-right: 5px transparent solid; border-bottom: 10px solid #fff; }
			#detalles h4 a:hover span { border-bottom-color: #0099e0; }
	#detalles p { margin: 15px 0 0 0; }
	#detalles form { margin: 20px 0 0 0; }
		#detalles form label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 3px; }
		#detalles form p { background: #fff; height: 21px; padding: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px #92bdd1 solid; margin: 0; }
		#detalles form input { border: none; padding: 3px; font: bold 13px Arial, sans-serif; }
		#detalles form #q { width: 120px; color: #aaa; float: left; }
		#detalles form #q:focus { color: #000; }
		#detalles form #submit { float: right; background: #92bdd1; color: #fff; padding: 2px; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-shadow: 0 0 1px rgba(0,0,0,0.6); }
		#detalles form #submit:hover { background: #0099e0; }
		
#autor { z-index: 666; position: fixed; bottom: 5px; right: 5px; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; }
	
#idioma { z-index: 666;  position: fixed; top: 10px; left: 10px; font-size: 12px; line-height: 12px; font-weight: bold; background: #81a6b8; }
	#idioma a { padding: 5px; }

#detalles ul { margin: 15px 0 0 0; font-size: 11px; letter-spacing: 1px; }
	#detalles ul .tit { text-transform: uppercase; font-weight: bold; }
	#detalles ul li { padding: 4px 0; }
		
.extra { color: #768b94; }
	.extra a { color: #4f6670; padding: 2px 3px; background: #92bdd1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		.extra a:hover { color: #fff; background: #0099e0; }

#full { position: fixed; bottom: 10px; left: 10px; width: 10px; height: 10px; padding: 5px; background: #92bdd1 url(img/full.png) center center no-repeat; text-indent: -9999px; }
#full:hover { background-color: #0099e0; }
#normal { display: none; }

#say { display: none; }
	#say #shade { z-index: 9998; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .5; }
	#say #tbox { z-index: 9999; position: fixed; width: 310px; height: 220px; padding: 30px; left: 50%; top: 50%; margin: -130px 0 0 -190px; background: #fff; border: 5px #CBE5F1 solid;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 25px #000; -moz-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000); }
		#say #tbox h2 { font-size: 16px; color: #888; }
			#say #tbox h2 strong { color: #333; }
		#say #tbox a { position: absolute; top: -5px; right: -5px; font-size: 12px; line-height: 12px; padding: 5px; color: #fff; background: #CBE5F1; font-weight: bold; }
		#say #tbox a:hover { background: #0099e0; }
		#say #tbox small { position: absolute; bottom: 10px; left: 10px; right: 10px; text-align: left; font-size: 11px; color: #999; }