html, body {margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #511561; background: #fff;}
a img {border: none;} a {color: #f63;} small {font-size: 12px; line-height: 14px; font-weight: normal;} .clear {clear: both;} ul, li {list-style: none; padding: 0; margin: 0;}
	.input, .select, .txtarea {padding: 6px; border-radius: 4px; background: #fff; font-size: 20px; line-height: 22px; border: 1px solid #aaa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; outline-width: 0px; margin: 0;}	.select {height: 30px; padding: 6px; font-size: 14px; line-height: 16px;} .submit {font-size: 16px; line-height: 20px; background: #c900ff; color: #fff; padding: 8px; border-radius: 4px; border: none; cursor: pointer;}

#contenedor {position: relative; height: auto; min-height: 100%; width: 900px; margin: 0 auto;}
	#header {position: relative; background: #eee url(../imagenes/back-head.jpg) repeat-x; padding: 20px; margin-bottom: 20px; min-height: 140px; border: 1px solid #ccc; border-top: none; border-radius: 0 0 8px 8px;}
		#header .logo {margin-top: 20px;}
	#wrapper {padding-bottom: 176px;}
		#directorio {background: #fff url(../imagenes/back-inicio.jpg) repeat-x; padding: 20px; border: 1px solid #f3c1ff; border-radius: 8px;} #directorio a {color: #c900ff}
			h1 {font-size: 28px; line-height: 30px; margin: 0;} #directorio p {margin: 0 200px 20px 0; font-size: 18px; line-height: 20px;}
			#directorio ul {width: 50%; float: left;} #directorio ul li {height: 60px; padding-left: 24px; background: url(../imagenes/star.png) no-repeat;}
				#directorio ul b {display: block; font-size: 16px; line-height: 18px;}
		#alta {position: relative; background: #511561; padding: 20px; border-radius: 0 0 8px 8px; margin: -10px 0 20px 0; color: #fff;} #alta strong {font-size: 24px; line-height: 26px;} #alta p {margin: 4px 300px 0 0;}
		#alta a {display: block; position: absolute; right: 20px; bottom: 20px; padding: 12px 30px; text-align: center; background: #ffb426; border-radius: 4px; color: #fff; box-shadow: 0 0 8px #111; text-decoration: none; color: #6a460a; font-weight: bold;} #alta a span {display: block; font-size: 18px; line-height: 20px; text-transform: uppercase;}
		#sidebar {width: 300px; float: left; margin-bottom: 20px;} #main {width: 580px; float: right; margin-bottom: 20px;} .box {border: 1px solid #f3c1ff; border-radius: 8px; padding: 20px;}
			#sidebar .banner {position: relative; min-height: 250px; padding: 24px; border: 1px solid #f3c1ff; border-radius: 8px;} #sidebar .banner img {position: absolute; left: -41px; top: 20px;}
				#sidebar .banner span {display: block; font-size: 20px; line-height: 22px; margin-bottom: 10px;} #sidebar .banner strong {font-size: 12px; line-height: 14px;} #sidebar .banner p {margin: 0; font-size: 10px; line-height: 12px;}
				#sidebar .banner small {text-decoration: underline; font-size: 12px; line-height: 14px;} #sidebar .banner li {margin-bottom: 10px;}
			#main .banner {border: 1px solid #f3c1ff; border-radius: 8px; padding: 0; margin-bottom: 20px; overflow: hidden;} #main .banner span {display: block; width: 468px; height: 60px; background: #ccc;}
			.cont-1 a {font-size: 30px; line-height: 32px; color: #fbf2fd;} .cont-2 a {font-size: 28px; line-height: 30px; color: #fbeaff;} .cont-3 a {font-size: 26px; line-height: 28px; color: #f0d5f7;}
			.cont-4 a {font-size: 24px; line-height: 26px; color: #deb4e9;} .cont-5 a {font-size: 22px; line-height: 24px; color: #cd98db;} .cont-6 a {font-size: 20px; line-height: 22px; color: #b572c7;}
			.cont-7 a {font-size: 18px; line-height: 20px; color: #9c55af;} .cont-8 a {font-size: 16px; line-height: 18px; color: #823a95;} .cont-9 a {font-size: 14px; line-height: 16px; color: #69247c;}
			.cont-10 a {font-size: 12px; line-height: 14px; color: #511561;} #main .lomas {position: relative;} #main .lomas img {position: absolute; right: -16px; top: 14px;}
				#main .lomas strong {display: block; font-size: 20px; line-height: 22px; border-bottom: 1px solid #f3c1ff; margin-bottom: 10px; padding-bottom: 4px;}
	#footer {position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 8px 8px 0 0; background: #333; color: #fff;} #footer .cont {padding: 20px;} #footer a {color: #fff;} #footer .clear {border-bottom: 1px dashed #fff; margin-bottom: 20px;}
		#footer ul {width: 20%; float: left; margin-bottom: 20px; line-height: 20px;} #footer li {padding-left: 20px; background: url(../imagenes/bullet.png) no-repeat left center;} #footer ul a {text-decoration: none;}
	#buscar {position: absolute; right: -10px; top: 50px; background: #efb5ff url(../imagenes/back-buscador.png) repeat-x; padding: 10px; font-size: 20px; line-height: 26px; font-weight: bold; border-radius: 8px 0 0 8px; box-shadow: 0 0 6px #666;}
		#buscar .input {width: 400px;}
	#menu {position: absolute; right: 0; top: 14px;} #menu a {display: block; float: left; margin-right: 20px;}
	#banner {position: absolute; left: 0; top: 0; width: 468px; height: 60px; background: #fff; border: 1px solid #ccc;}
	.recond {position: absolute; right: -10px; top: 152px;} #medalla {position: absolute; right: -60px; top: 160px; width: 287px; height: 179px; background: url(../imagenes/medalla.png) no-repeat;}