/*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;
	position:relative;
}
#especialMain {
	width:653px;
	height:398px;
	position:relative;
}
#especialTimeline {
	width:1734px;
	height:388px;
	position:relative;
	background-image:url(../img/bg_especialMain.jpg);		
	overflow: hidden;
}
.especialModal {
	width:653px;
	height:398px;
	position:absolute;
	z-index:50;
	background-image:url(../img/bg_especialModal.jpg);		
	opacity:0.99;	
}
.modalContent {
	width:623px;
	height:368px;
	padding:15px;
	position:relative;
}
.especialVideo {
	width:400px;
	height:250px;
	position:absolute;
	top:85px;
	left:130px;
}
.modalContent .title {
	position:absolute;
	top:20px;
	left:260px;
	color:#387184;
	font-size:13px;
}
.modalContent .title strong {
	color:#fff;
	font-size:14px;
}


/*NAVIGATION*/
.especialNavigation {
	position:relative;
	margin-left:615px;
}
.especialNavigation .bars {
	position:absolute;
}
.especialNavigation .bars ul {
	width:850px;
	height:8px;
	margin-top:31px;
}
.especialNavigation .bars li {
	height:8px;	
	float:left;
	margin-left:1px;
	background-image:url(../img/bg_especialNavigation-bars.png);
	opacity:0.2;
}
.especialNavigation .bars ul.lafise li {
	background-color:#006a50;
}
.especialNavigation .bars ul.bac li {
	background-color:#ee2f37;
}
.especialNavigation .bars ul.nacional li {
	background-color:#8e9711;
}
.especialNavigation .bars ul.popular li {
	background-color:#d14f00;
}
.especialNavigation .bars ul.bansol li {
	background-color:#ddda0a;
}
.especialNavigation .bars ul.general li {
	background-color:#033477;
}
.especialNavigation .bars ul.improsa li {
	background-color:#905d0c;
}
.especialNavigation .bars ul.promerica li {
	background-color:#468d09;
}
.especialNavigation .item {
	position:absolute;
	z-index:50;	
}
.especialNavigation .item.active {
	z-index:60;	
}
.especialNavigation a.icon {
	width:16px;
	height:16px;
	position:absolute;
	background:url(../img/bg_especialNavigation-icon.png);
}
.especialNavigation .item img.circle {
	width:16px;
	height:16px;
	position:absolute;
	top:0px;
	left:0px;
}
.especialNavigation .item h2 {
	width:150px;
	position:absolute;
	display:none;
	left:25px;
	color:#fff;
	font-size:13px;
	font-weight:normal;
}
.especialNavigation .item h2.active {
	display:block;
}
.especialNavigation .item ul {
	width:120px;
	position:absolute;
	display:none;
	top:30px;
	left:-10px;
}
.especialNavigation .item li {
	width:25px;
	height:25px;
	float:left;
	display:block;
	margin-right:5px;
	background:url(../img/bg_especialNavigation-item-li.png);
	cursor:pointer;
}


/*BOTONES*/
.btnClose {
	width:30px;
	height:30px;
	position:absolute;
	right:5px;
	top:5px;
	background-color:#387184;
	background-image:url(../img/bg_btnClose.png);
	z-index:50;
	cursor:pointer;
}
.btnReport {
	width:150px;
	position:absolute;
	right:50px;
	bottom:45px;
	color:#387184;
}
.btnReport a {
	color:#fff;
}
.btnReport a:hover {
	text-decoration:underline;
}