/* ==================================
=   Style sheet for Camaleon CSS    =
=   Author: Mauricio Samy Silva 	=
=	URL: http://www.maujor.com/		=
=	Brazilian CSS tutorial site.	=
=====================================
*/
body {
	margin:0;
	padding:0;
	background:#444;
	color:#333;
	font:76% Georgia, "Times New Roman", Times, serif;
}
.enlace a:hover:before, .enlace a:hover:after {
	content: "<<camaleon"; 
	color:#fff; 
	background-color:#444; 
	text-transform:lowercase; 
	font-size:0.9em;
}	
.enlace a:hover:after {
	content: "camaleon>> "; 
}	
.enlace a:hover {
	color:#f00;
	text-transform:none;
	background-color:transparent;
	font-size:1.0em;
}
a:hover {
	color:#f00;
	text-decoration:none;
	text-transform:none;
	background-color:transparent;
	font-size:1.0em;
}
h1, h2, h3, p { margin:0; padding:0; color:#ad0000;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
p  {font-size:1.0em; color:#036; line-height:1.4em;}
#disenos p, #elautor p  {line-height:1.1em;}
h2 {margin-bottom:0.5em;}
h3 {margin:0.4em 1.0em 0.3em 0; border-bottom:1px solid #fff; padding-bottom:0.3em; text-align:right;} 
#participa > h3  {
		border-bottom:1px solid #ccc;
}
#participa h2 + h3  {
		border-bottom:1px solid #fff;
}
#legal p {color:#f00;}
#explicacion h2 span, #proyecto h2 span, #participa h2 span, #agradecimientos h2 span {
	width:425px;
	padding:2px 10px;
	display:block;	
	text-align:center;
	background:#444;
	color:#fff;
	border:1px solid #fff;
}
#agradecimientos h2 span {
	padding:0 10px;
}
acronym {
	cursor:help;
	border-bottom:1px dashed #f00;
}
acronym:hover {
	color:#999;
}
#contenido {
	position:relative;
	width:500px;
	margin:0;
	padding:0;
}
#encabezado {
	height:200px;
	background:#eee url(bg-encabezado.jpg) right top no-repeat;
}
#encabezado h1 span {
	display:none;
}
#explicacion, #proyecto, #participa {
		text-align:justify;
		line-height:1.2em;
		margin:0;
		padding:15px;
		border-right:1px solid #f00;
		border-top:2px dotted #000;
	    width:499px;
	    voice-family: "\"}\""; 
        voice-family:inherit;
        width:500px;
} 
html>body #explicacion, html>body #proyecto, html>body #participa {
        width:469px;
} 
#participa {
		border-bottom:2px dotted #000;
}
#proyecto {
	background:#eee url(bg.jpg);
	color:#fff;
}
#explicacion, #participa {
	background:#eee url(bg1.jpg);
}
blockquote {
	color:#ad0000;
	font-weight:bold;
}
cite {
	display:block;
	background-color:#ccc;
	text-align:right;
	color:#f00;
	padding-right:1.0em;
}
#disenos {
	position:absolute;
	top:18.3em;
	left:500px;
	font-size:0.9em;
	padding:20px 10px;
	z-index:10;
	background:#eee url(top-right.jpg) right top no-repeat;
	width:220px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:200px;
} 
html>body #disenos {
    width:200px;
} 
#disenos h2 span, #elautor h2 span {
	background:#444;
	text-align:center;
	color:#fff;
	font-weight:bold;
	display:block;
	width:190px;
	border:1px solid #f00;
}
#disenos ul {
	margin:0;
	list-style:none;
	padding:0;
}
#disenos ul li {
	padding:0 10px;
	margin:0;
	display:block;
}
#elautor {
	position:absolute;
	font-size:0.9em;
	padding:40px 10px;
	z-index:5;
	left:500px;
	top:41em;
	background:#eee url(bottom-right.jpg) bottom right no-repeat;
	width:220px;
	voice-family: "\"}\""; 
    voice-family:inherit;
    width:200px;
} 
html>body #elautor {
    width:200px;
} 
#agradecimientos {
	text-align:justify;
	margin:0;
	padding:15px;
	background:#eee url(bg-agradecimientos.jpg) 0 0 repeat-x;
	border-right:1px solid #f00;
	width:499px;
	voice-family: "\"}\""; 
    voice-family:inherit;
    width:500px;
} 
html>body #agradecimientos {
    width:469px;
} 
#legal {
	text-align:justify;
	margin:0;
	padding:15px;
	background:#eee url(bg-legal.jpg) bottom right no-repeat;
	width:500px;
	voice-family: "\"}\""; 
    voice-family:inherit;
    width:500px;
} 
html>body #legal {
    width:470px;
} 
#extra1 {
	position:absolute;
	width:140px;
	height:150px;
	top:20px;
	left:515px;
	background:#444 url(perfil.jpg) center no-repeat;
}
#extra2 {
	position:absolute;
	width:99px;
	height:102px;
	top:90em;
	left:502px;
	background:#444 url(perfil.gif) center no-repeat;
	}