/*GENERALES*/
html, body, div, p, form, input, ul, li, h1, h2, h3, table, th, td {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#363636;
}
li {
	list-style:none;
}
object, iframe {
	outline:none;
}
i {
	display:none;
}
.hidden {
	display:none;
}
table {
	border:none;
	border-collapse:collapse;
}
p {
	font-size:12px;	
	margin-bottom:10px;
}
a {
	color:#000;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
img {
	border:none;
}
.clear {
	clear:both;
	display:block;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}


/*ESTRUCTURA*/
#especialContainer {
	width:653px;
	height:398px;
}
#especialIntro {
	width:653px;
	height:398px;
	position:absolute;
	z-index:100;
	background-image:url(../img/bg_especialIntro.jpg);
	cursor:pointer;
}
#especialMain {
	width:653px;
	height:398px;
	position:relative;
	background-image:url(../img/bg_especialMain.jpg);	
}
.especialModal {
	width:653px;
	height:398px;
	position:absolute;
	z-index:50;
	background-color:#fce6cd;
}
.modalContent {
	width:653px;
	height:398px;
	position:relative;
	background-repeat:no-repeat;
}
.modalContent.test {
	background-image:url(../img/bg_modalContent-test.png);	
}
.modalContent.graph {
	background-image:url(../img/bg_modalContent-graph.png);	
}
.modalContent.note {
	background-image:url(../img/bg_modalContent-note.png);	
}
.modalContent .spots ul {
	position:relative;
}
.modalContent .spots li {
	width:15px;
	height:15px;
	position:absolute;
	background-image:url(../img/bg_modalContent-spots.png);
	cursor:pointer;
}


/*CAJAS*/
#testForm {
	width:340px;
	height:140px;
	position:absolute;
	left:160px;
	top:140px;
}
#testForm .button {
	width:80px;
	height:30px;
	float:right;
	margin-top:10px;
	color:#fff;
	line-height:30px;
	font-size:11px;
	background-color:#a0825f;
	border:none;
	cursor:pointer;
}
#testResult {
	width:340px;
	height:140px;
	position:absolute;
	left:160px;
	top:140px;
	z-index:50;
	background-color:#fce6cd;
	background-image:url(../img/bg_testResult.png);
}
#testResult .resultMasculino, #testResult .resultFemenino {
	height:65px;
	padding-left:75px;
	position:absolute;
	top:50px;
	left:75px;
	line-height:65px;
	font-weight:bold;
	font-size:12px;
	background-repeat:no-repeat;
}
#testResult .resultMasculino {
	background-image:url(../img/bg_resultMasculino.png);
}
#testResult .resultFemenino {
	background-image:url(../img/bg_resultFemenino.png);
}
#graphBox {
	width:340px;
	position:absolute;
	left:160px;
	top:120px;
}
#graphData {
	width:335px;
	height:2px;
	position:absolute;
	top:272px;
	left:159px;
}
#graphData .content {
	position:relative;
}
#graphData .averageSalary {
	width:75px;
	height:20px;
	position:absolute;
	left:130px;
	top:-10px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
#graphData .averageMasculino, #graphData .averageFemenino {
	width:35px;
	position:absolute;
}
#graphData .averageMasculino {
	left:30px;
	background-color:#357e9b;
}
#graphData .averageFemenino {
	right:30px;
	background-color:#9c385b;
}
#graphData .averageMasculino span, #graphData .averageFemenino span {
	width:15px;
	height:15px;
	position:absolute;
	left:10px;
	cursor:pointer;
}
#graphData .averageMasculino span {
	background-image:url(../img/bg_averageMasculino.png);
}
#graphData .averageFemenino span {
	background-image:url(../img/bg_averageFemenino.png);
}
.boxTable {
	width:100%;
}
.boxTable td {
	padding-top:10px;
	padding-bottom:10px;	
	font-size:11px;
	text-align:left;
	color:#555555;
}
.boxSelect {
	width:220px;
	height:30px;
	position:relative;
	background-color:#e2c39f;
	background-image:url(../img/bg_boxSelect.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.boxSelect li {
	position:relative;
}
.boxSelect li a {
	height:30px;
	display:block;
	padding-left:10px;
	color:#603913;
	font-size:11px;
	font-weight:normal;
	line-height:30px;
}
.boxSelect ul ul {
	width:100%;
	display:none;
	position:absolute;
	z-index:10;
}
.boxSelect li li a {
	height:30px;
	display:block;
	color:#fff;
	line-height:29px;
	background-color:#a0825f;
}
.boxSelect:hover, .boxSelect:hover > li a.parent {
	background-color:#e2c39f;
}
.boxSelect li li a:hover {
	background-color:#603913;
}


/*BOTONES*/
.btnTest {
	width:160px;
	height:160px;
	position:absolute;
	left:55px;
	top:120px;
	background-image:url(../img/bg_btnTest.png);
	cursor:pointer;
}
.btnGraph {
	width:160px;
	height:160px;
	position:absolute;
	right:55px;
	top:120px;
	background-image:url(../img/bg_btnGraph.png);
	cursor:pointer;
}
.btnNote {
	width:40px;
	height:50px;
	position:absolute;
	left:307px;
	bottom:30px;
	background-image:url(../img/bg_btnNote.png);
	cursor:pointer;
}
.btnTest:hover, .btnGraph:hover, .btnNote:hover {
	background-position:bottom;
}
.btnReport {
	width:200px;
	position:absolute;
	right:5px;
	bottom:15px;
	color:#a0825f;
}
.btnReport a {
	color:#4c3115;
}
.btnReport a:hover {
	text-decoration:underline;
}
.btnClose {
	width:30px;
	height:30px;
	position:absolute;
	right:5px;
	top:5px;
	background-image:url(../img/bg_btnClose.png);		
	cursor:pointer;
}