/*
----------------------------------------------------
Titulo:      Hoyo 17
Descripcion: Hoja de estilos para Camaleon CSS
Autor:       Jacinto Lajas (blog.lacuevaelmirlo.net)
URL:         www.camaleoncss.com
Fecha:       15/12/2004
------------------------------------------------- */

body, html {
	background: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* Contenido
------------------------------------------------- */
#contenido {
	background: #a8c981 url(img/bgolf.jpg) no-repeat bottom;
	width: 750px;
	position: relative;
	overflow: auto;
	padding-bottom: 100px;
	margin: 5px auto !important;
	margin: 9px auto;
}

/* Encabezado
------------------------------------------------- */
#encabezado {
	width: 750px;
	height: 250px;
	position: relative;
}

#encabezado h1 {
	background: url(img/header.jpg) no-repeat top;
	height: 250px;
	margin-top: 0;
}

h1 span {
	visibility: hidden;
}

/* Explicacion, Proyecto, Participa
------------------------------------------------- */
#explicacion {
	width: 510px;
	position: relative;
	float: left;
	text-align: left;
	margin: 0 10px 10px 10px !important;
	margin: -18px 6px 10px 5px;
}

#proyecto, #participa {
	width: 510px;
	position: relative;
	float: left;
	text-align: left;
	margin: 0 10px 10px 10px !important;
	margin: 0 6px 10px 5px;
}

#explicacion, #proyecto, #participa {
	background: #d4e4c0 url(img/bgmain.jpg) no-repeat bottom;
}

#explicacion p, #proyecto p, #participa p {
	font: 10pt/1.5em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557773;
	margin: 15px 20px 15px 20px;
}

h2{
	height: 40px;
	margin: 0;
	padding: 0;
}

#explicacion h2 {
	background: url(img/titpres.jpg) no-repeat top;
}

#proyecto h2 {
	background: url(img/titproy.jpg) no-repeat top;
}

#participa h2 {
	background: url(img/titpart.jpg) no-repeat top;
}

h2 span {
	visibility: hidden;
}

h3 {
	font: 14pt/1.5em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557773;
	margin: 20px 20px -5px 20px;
}

#explicacion a:link, #proyecto a:link, #participa a:link {
	color: #c7532f;
	text-decoration: none;
}

#explicacion a:visited, #proyecto a:visited, #participa a:visited {
	color: #027494;
	text-decoration: underline;
}

#explicacion a:hover, #proyecto a:hover, #participa a:hover {
	color: #027494;
	text-decoration: none;
}

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

.camaleon {
	font: italic bold 10pt/1.5em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;;
	color: #66908c;
}

/* Disenos, Elautor, Agradecimientos
------------------------------------------------- */
#disenos {
	width: 210px;
	text-align: left;
	position: relative;
	margin: 0 0 -10px 530px !important;
	margin: -966px 9px 0 522px;
}

#elautor, #agradecimientos {
	width: 210px;
	text-align: left;
	position: relative;
	margin: 0 0 -10px 530px !important;
	margin: 0 9px 0 522px;
}

#disenos, #elautor {
	background: #a8c9c9 url(img/bgbar.jpg) no-repeat bottom;
}

#agradecimientos {
	background: #a8c9c9 url(img/bgbar2.jpg) no-repeat bottom;
}

#disenos p, #elautor p, #agradecimientos p, #paginas {
	font: 9pt/1.5em Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #685731;
	margin: 6px 10px 5px 10px;
	padding: 0 0 10px 0 !important;
	padding: 0 0 0 0;
}

#disenos h2 {
	background: url(img/titdise.jpg) no-repeat top;
	height: 140px;
}

#elautor h2 {
	background: url(img/titautor.jpg) no-repeat top;
	height: 40px;
}

#agradecimientos h2 {
	background: url(img/titagrad.jpg) no-repeat top;
	height: 40px;
}

#disenos ul {
	margin-top: 0;
}

#disenos li {
	font: 8pt/1.5em Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #685731;
	margin: 0 10px 0 -9px;
}

#paginas span {
	font-weight: bold;
}

#disenos a:link, #elautor a:link, #agradecimientos a:link {
	color: #c7532f;
	text-decoration: none;
}

#disenos a:visited, #elautor a:visited, #agradecimientos a:visited {
	color: #027494;
	text-decoration: underline;
}

#disenos a:hover, #elautor a:hover, #agradecimientos a:hover {
	color: #027494;
	text-decoration: none;
}

#disenos li a:visited {
	color: #027494;
	text-decoration: line-through;
}

.atributo {
	font-weight: bold;
}

/* Legal
------------------------------------------------- */

#legal {
	background: url(img/footer.jpg) no-repeat top;
	width: 750px;
	height: 100px;
	position: relative;
	margin: -30px auto 20px auto !important;
	margin: -10px auto 20px auto;
}

#legal p {
	font: 8pt/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557733;
	text-align: center;
	margin: 30px 35px 20px 135px;
	padding-top: 30px !important;
	padding-top: 0;
}

#legal p a:link {
	color: #c7532f;
	text-decoration: none;
}

#legal p a:visited {
	color: #557773;
	text-decoration: underline;
}

#legal p a:hover {
	color: #557773;
	text-decoration: none;
}

/* Blockquote
------------------------------------------------- */	
blockquote {
	background: #bed6a0 url(img/block.jpg) no-repeat top;
	width: 450px;
	margin: 10px 10px 0 30px;
	padding: 5px 0 0 0;
}

.quote {
	font: italic 9pt/1.5em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557733;
	padding: 10px 10px 0 60px;
}

cite {
	background: url(img/cite.jpg) no-repeat bottom;
	font: normal bold 9pt/2em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #557733;
	text-align: right;
	height: 30px;
	padding: 0 20px 0 0;
	display: block;
}