/*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;
	position:relative;
}
#especialMain {
	width:653px;
	height:398px;
	position:relative;
}
#especialMain .options {
	position:absolute;
	top:132px;
	left:660px;
}
#especialMain .options li {
	width:65px;
	height:65px;
	position:relative;
	float:left;
	margin-right:33px;
	background-color:#333;
	cursor:pointer;
}
#especialMain .options li.nacimiento {
	background-image:url(../img/bg_especialTimeline-nacimiento.jpg);
}
#especialMain .options li.aulaabierta {
	background-image:url(../img/bg_especialTimeline-aulaabierta.jpg);
}
#especialMain .options li.masopciones {
	background-image:url(../img/bg_especialTimeline-masopciones.jpg);
}
#especialMain .options li.innovacion {
	background-image:url(../img/bg_especialTimeline-innovacion.jpg);
}
#especialMain .options li.exploracion {
	background-image:url(../img/bg_especialTimeline-exploracion.jpg);
}
#especialMain .options li.masoferta {
	background-image:url(../img/bg_especialTimeline-masoferta.jpg);
}
#especialMain .options li span {
	width:20px;
	height:20px;
	position:absolute;
	bottom:-30px;
	left:20px;
	background-image:url(../img/bg_especialMain-options-span.png);
	cursor:pointer;	
}
#especialTimeline {
	width:2557px;
	height:388px;
	position:relative;
	background-image:url(../img/bg_especialMain.jpg);		
	overflow-x: hidden;
}
.especialModal {
	width:653px;
	height:398px;
	position:absolute;
	z-index:50;
	background-color:#1a000b;
	background-image:url(../img/bg_especialModal.png);		
	opacity:0.99;	
}
.modalContent {
	width:623px;
	height:368px;
	padding:15px;
	position:relative;
}
.modalContent.audio {
	background-image:url(../img/bg_modalContent-audio.jpg);
}
.modalContent.gallery {
	background-image:url(../img/bg_modalContent-gallery.jpg);
}
.modalContent.video {
	background-image:url(../img/bg_modalContent-video.jpg);
}
.especialAudio {
	padding:50px;
	position:absolute;
	top:140px;
	left:120px;
	background-color:#000;
	border:1px solid #333;
}
.especialVideo {
	width:400px;
	height:250px;
	position:absolute;
	top:80px;
	left:120px;
}
.especialTabs {
	width:400px;
	position:absolute;
	left:125px;
	top:75px;
}
.especialTabs .controls ul {
	position:relative;
	top:85px;
}
.especialTabs .controls li a {
	width:30px;
	height:30px;
	position:absolute;
	display:block;
	cursor:pointer;
}
.especialTabs .controls li a.backward {
	left:-35px;
	background-image:url(../img/bg_especialTabs-controls-backward.png);
}
.especialTabs .controls li a.forward {
	right:-35px;	
	background-image:url(../img/bg_especialTabs-controls-forward.png);
}
.especialTabs .items {
	position:relative;
}
.especialTabs .item {
    display:none;
    position:absolute;
}
.modalContent .image {
	width:350px;
	height:200px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:10px;
	background-color:#333;
}
.especialTabs .text {
	color:#fff;
	font-size:12px;
	text-align:center;
}
.especialTabs .disabled {
    visibility:hidden !important;
}

/*BOTONES*/
.btnClose {
	width:30px;
	height:30px;
	position:absolute;
	right:5px;
	top:5px;
	background-color:#fcb813;
	background-image:url(../img/bg_btnClose.png);
	z-index:50;
	cursor:pointer;
}
.btnAudio {
	width:305px;
	height:255px;
	position:absolute;
	left:1350px;
	top:50px;
	background-image:url(../img/bg_btnAudio.png);
	cursor:pointer;
}
.btnGallery {
	width:305px;
	height:255px;
	position:absolute;
	left:1675px;
	top:50px;
	background-image:url(../img/bg_btnGallery.png);
	cursor:pointer;
}
.btnVideo {
	width:305px;
	height:255px;
	position:absolute;
	left:1995px;
	top:50px;
	background-image:url(../img/bg_btnVideo.png);
	cursor:pointer;
}
.btnInfo {
	width:266px;
	height:52px;
	position:absolute;
	left:0px;
	bottom:1px;
	background-image:url(../img/bg_btnInfo.png);
	cursor:pointer;
}
.btnReport {
	width:175px;
	position:absolute;
	right:40px;
	bottom:40px;
	color:#fff;
}
.btnReport a {
	color:#fcb813;
}
.btnReport a:hover {
	text-decoration:underline;
}