/*GENERALES*/
html, body, iframe, 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, img {
	outline:none;
	border:none;
}
i, .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;
}
.clear {
	clear:both;
	display:block;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}


/*ESTRUCTURA*/
#especialContainer {
	width:653px;
	height:398px;
}
#especialMain {
	width:653px;
	height:398px;
	position:relative;
	background-image:url(../img/bg_especialMain.jpg);	
}
#especialScroll {
	position:relative;
}
#especialScroll .navigation {
	width:520px;
	height:46px;
	position:absolute;
	padding-left:133px;
	background-image:url(../img/bg_especialScroll-navigation.png);
	z-index:10;
}
#especialScroll .navigation li {
	height:37px;
	float:left;
	padding-left:9px;
	padding-right:9px;
	margin-right:1px;
	color:#fff;
	font-size:10px;
	line-height:37px;
	background-image:url(../img/bg_especialScroll-navigation-li.png);
	background-repeat:no-repeat;
	background-position:top right;	
	cursor:pointer;
}
#especialScroll .navigation li:hover {
	color:#042656;
	background-position:bottom;
	background-repeat:repeat;
}
#especialScroll .navigation li.active {
	color:#042656;
	background-position:bottom;
	background-repeat:repeat;
}
#especialScroll .navigation li span {
	width:16px;
	height:37px;
	display:block;
}
#especialScroll .navigation li span.home {
	background-image:url(../img/bg_especialScroll-navigation-span-home.png);
}
#especialScroll .navigation li span.end {
	background-image:url(../img/bg_especialScroll-navigation-span-end.png);
}
#especialScroll .navigation li span:hover, #especialScroll .navigation li.active span.home, #especialScroll .navigation li.active span.home:hover, #especialScroll .navigation li.active span.end, #especialScroll .navigation li.active span.end:hover {
	background-position:bottom;
}
#especialScroll .navigation li.active:hover {
	cursor:default;
}
#especialScroll #content {
	width:653px;
	height:398px;	
	position:relative;
	overflow:hidden;
}
#especialScroll #pages {
	height:20000em;
	position:absolute;
}
#especialScroll #pages .page {
	width:653px;
	height:398px;	
	position:relative;
}
#especialScroll #pages .page.home {
	background-image:url(../img/bg_especialScroll-pages-home.jpg);
}
#especialScroll #pages .page.end {
	background-image:url(../img/bg_especialScroll-pages-end.jpg);
}
#especialScroll #pages .page.detail {
	background-image:url(../img/bg_especialScroll-pages-detail.jpg);
}
#especialScroll #pages .scrollable {
	width:653px;
	height:398px;
	position:relative;
	overflow:hidden;
}
#especialScroll #pages .items {
	width:20000em;
	position:absolute;
	clear:both;
}
#especialScroll #pages .item {
	width:653px;
	height:398px;	
	float:left;
}
#especialScroll #pages .graph {
	width:500px;
	height:290px;
	margin-top:55px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	overflow:hidden;
}
#especialScroll #pages .buttons {
	width:653px;
	position:absolute;
	bottom:15px;
	left:300px;
	z-index:5;
}
#especialScroll #pages .buttons a {
    width:10px;
    height:10px;
    float:left;
    display:block;
    margin-right:5px;
    background-color:#cbcbcb;
}
#especialScroll #pages .buttons a:hover, #especialScroll #pages .buttons a.active {
	background-color:#921617;
}

/*BOTONES*/
.btnReport a {
	width:37px;
	height:37px;
	display:block;
	position:absolute;
	right:5px;
	background-image:url(../img/bg_btnReport.png);
	z-index:50;
}
.btnInfo {
	position:relative;
}
.btnInfo span {
	width:162px;
	height:45px;
	position:absolute;
	display:block;
	top:265px;
	left:210px;
	background-image:url(../img/bg_btnInfo.png);
	cursor:pointer;
}
.btnInfo span:hover {
	background-position:bottom;
}