@import "http://indiesign.com.ar/_shared/toplinks/toplinks.css";

/* ---- Estilos Generales ---- */

*, body { margin: 0; padding: 0; }
body { font: 16px/1.5em sans-serif; background: #2a1900; color: #555; }

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

ul { list-style: none; }

h2 { font: 25px Georgia, serif; margin-bottom: 5px; }
h2.tit { font-size: 30px; color: #666; line-height: 70%; border-bottom: 1px #ccc solid; margin-bottom: 20px; }

/* ---- Links ---- */
a { outline: none; text-decoration: none; color: #A76200; }
a:hover { text-decoration: underline; }
a.seleccionado { font-weight: bold; color: #666; text-decoration: line-through; }

/* ---- Imagenes ---- */
img { border: 0; }

/* ---- Formularios ---- */
label { display: none; }

textarea, input, select { background: #fff; border: 1px solid #ddd; color: #000; font: 12px sans-serif; padding: 4px; width: 140px; }
textarea:focus, input:focus, select:focus { border-color: #A76200; background: #f7f0e6; }
input.boton { width: 60px; padding: 2px; margin-left: 2px; background: #ddd; font-weight: bold; border: 1px solid; border-right-color: #666; border-bottom-color: #666; border-top-color: #aaa; border-left-color: #aaa; }

/* ---- Menu superior ---- */
#topmenu { width: 580px; margin: 20px auto 0 auto; padding: 0; }
	#topmenu li { display: inline; }
		#topmenu li a { display: block; border: none; width: 100px; float: right; text-align: center; font: bold 11px sans-serif; text-transform: lowercase; margin-left: 4px; background: #7d4a00; padding: 6px; color: #d4b180; border: #d4b180 solid; border-width: 2px 2px 0 2px; }
			#topmenu li a span { border-bottom: 1px #543100 solid; }
		#topmenu li a:hover { background: #; color: #ffffff; border-color: #fff; }

/* ---- Contenedor ---- */
#contenedor { clear: both; width: 570px; margin: 0 auto 20px auto; background: #fff; border: 20px #fff solid; }

/* ---- Header ---- */
#header { margin-bottom: 25px; }
	#header h1 { text-indent: -9999px; height: 100px; background: url(img/logo.gif) no-repeat; }
		#header h1 a { border: none; display: block; height: 100px; }

/* ---- Contenido ---- */
#contenido { width: 280px; float: left; padding-right: 20px; border-right: 1px #bbb dashed; }

/* ---- Enlaces ---- */
ul#links li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px #bbb dashed; }
ul#links li.adsense { text-align: center; }
	ul#links li a img { display: block; padding: 1px; border: 4px #e9d8bf solid ; margin: 10px auto; }
	ul#links li a:hover img { border-color: #A76200; }

	ul#links li .info { margin-top: 10px; color: #777; font: 11px/13px sans-serif; }
		ul#links li .info span { display:  block; font-weight: bold; font-size: 12px; }


/* ---- Paginas ---- */
.paginas { margin: 20px 0 5px 0; padding: 5px; background: #f7f0e6; border: 1px #e9d8bf solid; text-align: center; font-size: 11px; }
	.paginas .paginaactual { color: #fff; background: #d4b180; padding: 0 5px; }
	.paginas a { text-decoration: none; padding: 0 2px; }
	.paginas a:hover { background: #A76200; color: #fff; }

/* ---- Menu ---- */
#menu { width: 250px; float: right; font: 12px sans-serif; }

#menu div { background: #f7f7f7; padding: 10px; margin-bottom: 20px; }
	#menu div h3 { font: 24px Georgia, serif; color: #666; line-height: 70%; margin-bottom: 10px; border-bottom: 1px #ddd solid; }
	
	#menu #textlinkads ul { margin-bottom: 5px; }
		#menu #textlinkads ul li { border-bottom: 1px #ddd dashed; padding: 4px 0; font-weight: bold; }
	
	#menu #acerca img { float: left; background: #fff; padding: 3px; border: 1px #ddd solid; margin: 0 10px 10px 0; }
	
	#menu #tags { line-height: 180%; }
		#menu #tags a { color: #333; }
		#menu #tags a:hover { color: #A76200; }

/* ---- Footer ---- */
#footer { margin-top: 25px; text-align: center; font: 11px sans-serif; padding: 10px; background: #eee; }
	#footer a { color: #000; }