html, body {margin: 0; height: 100%; background: #f9f9f9 url(../images/background.jpg) repeat-x 0 149px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #888;} input[type="submit"] {-webkit-appearance: none;}
a {color: #aaa;} a:hover {color: #fe8429;} a img {border: none;} ul {list-style: none; padding: 0; margin: 0;}
.clear {clear: both; height: 1px; width: 100%;}

#contenedor {position: relative; height: auto; min-height: 100%; margin: auto; width: 920px;}
	#logo h1, #logo h3 {margin: 0; position: absolute; left: 5px; top: 72px; z-index: 3; font-size: 14px; line-height: 16px;}
	#header {position: absolute; left: 0; top: 0; width: 100%; z-index: 2; height: 197px;} #header img {margin: 20px 0 0 -10px;}
		#header form {position: absolute; right: 0; top: 20px; margin: 0; background: url(../images/back-form.png) no-repeat top left; width: 339px; height: 52px; padding: 23px 0 0 23px;}
			#header form .input {width: 228px; height: 18px; background: url(../images/back-input.png) no-repeat; border: none; padding: 6px; font-size: 16px; line-height: 18px; color: #888; outline-style: none; outline-width: 0px;}
			#header form .buscar {width: 77px; height: 30px; background: url(../images/back-submit.png) no-repeat; border: none; padding: 0; margin: 0; margin: 0 0 0 -5px; cursor: pointer;}
			#header form strong {position: absolute; top: 4px; left: 24px; font-size: 14px; line-height: 16px; font-weight: bold; font-style: italic;} #header form small {font-size: 10px; line-height: 14px; font-style: italic;}
		#header #usuarios {position: absolute; right: 0; top: 205px; z-index: 3;}
		#header #separador {background: #fc7b1c url(../images/back-separador.jpg) no-repeat; padding: 15px 10px; position: absolute; bottom: 35px; left: 0; width: 900px; height: 18px; font-size: 16px; line-height: 18px; color: #fff;}
			#header #separador h2, #header #separador h3 {font-size: 16px; line-height: 18px; margin: 0; color: #fff;} #separador .cont {background: url(../images/bullet.png) no-repeat left center; width: 850px; padding: 0 10px;}
			#header #separador a {color: #fff; text-decoration: none;} #separador .cont {height: 18px;}
				#separador .cont span {position: absolute; top: 90px; left: 0; color: #888; font-size: 12px; line-height: 14px;} #header #separador .cont span a {color: #aaa; text-decoration: underline;}
		#header #menu {position: absolute; left: 0; bottom: 0; width: 100%;}
			#menu a {padding: 10px 10px 10px 10px; font-size: 12px; line-height: 14px; text-decoration: none; display: block; float: left; border-right: 1px solid #fc7b1c; color: #fc7b1c; font-weight: bold;}
				#menu .izq {border-left: 1px solid #fc7b1c;} #menu a:hover {background: #fc7b1c; color: #fff;} #menu a.active {background: #f0f0f0 url(../images/arrow.png) no-repeat center top; color: #fc7b1c;}
	#wrapper {width: 920px; padding: 240px 0 180px 0; margin: 0 auto;}
		#left, #fleft {float: right; width: 590px;}
			#left .box {position: relative; background: url(../images/back-box-int.png) repeat-y; padding: 0 30px;} #left .box p {margin-top: 0;} #left .open {background: url(../images/back-box.png) no-repeat; height: 30px; width: 100%;}
			#left .close {background: url(../images/back-box.png) no-repeat left bottom; height: 30px; margin-bottom: 20px; width: 100%;}
			.indice #left .box strong, .indice #right .box strong {font-size: 16px; line-height: 18px; color: #fc7b1c; margin-bottom: 10px; display: block;} .ico-index {position: absolute; right: -21px; top: 0;}
		#right, #fright {float: left; width: 300px;}
			#right .open {background: url(../images/back-boxr.png) no-repeat; height: 20px;} #right .close {background: url(../images/back-boxr.png) no-repeat left bottom; height: 20px; margin-bottom: 20px;}
			#right .box {background: url(../images/back-boxr-int.png) repeat-y; padding: 0 20px;}
			#right strong.title {background: url(../images/back-boxrt.png) no-repeat; padding: 10px 20px 30px 20px; color: #fff; margin-bottom: -20px; font-size: 16px; line-height: 18px; display: block;}
	#footer {position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; border-top: 1px solid #ccc; background: url(../images/shadow.jpg) no-repeat center top; padding: 15px;}
		#fleft {border-left: 1px solid #ccc; margin-bottom: 15px; padding-left: 14px;} #fleft ul {display: block; float: left; width: 147px; line-height: 16px;} #fleft strong {font-size: 14px; line-height: 20px;}
				#fleft ul li a {text-decoration: none; color: #888;} #fleft ul li a:hover {color: #fe8429;}
		#fright img {margin-left: -2px;}
		#footer .clear {text-align: center; padding: 15px 0; border-top: 1px solid #ccc;} .banner {position: absolute; top: 24px; left: 300px;}
	.tocs h4 {margin: 40px 0 8px 0; font-size: 14px; line-height: 16px;} .tocs p {margin: 0 0 20px 0;} .tocs p:last-child {margin: 0;} .tocs ul, .tocs ul span {padding-left: 10px; display: block;} .tocs ul {margin-bottom: 20px;} .tocs ul li {margin-top: 10px;}
		.tocs h1 {font-size: 20px; line-height: 22px; margin: 0 0 20px 0;}