/* Contents CSS */

#sliderMainContent{
	width: 900px;
	height: 350px;
	float: left;
}

#sliderComponentsImage{
	width: 900px;
	height: 330px;	
	background: #FFFFFF;
	z-index: 1;
	float: left;
	position: absolute;
}

#sliderComponentsInfo{
	width: 250px;
	height: 330px;
	float: right;
	position: relative;
	color: #FFFFFF;	
	background: url(../rgba.php?r=0&g=0&b=0&a=60) repeat;	/* bug para IE */
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
	display: none;
}

#sliderComponentsThumbs{
	width: 650px;
	height: 70px;
	margin-top: 258px;
	z-index: 1000;
	position: absolute;
	display: none;
	overflow: auto;	
	background: #000000;
	border-bottom: 2px solid #1A6C94;
}

.componentInfo, .componentDelay, .componentType{
	display: none;
}

#sliderNavigationBar{
	width: 900px;
	height: 20px;
	background: url(../images/bgSliderMenu.jpg);
	position: relative;
	float: left;
	top: -20px;
	left: 0px;
}

/* Slider */

.anythingSlider{ 
	width: 100%; 
	height: 100%; 
	position: relative;
}

.anythingSlider .wrapper{ 
	width: 100%; 
	height: 100%;
	position: absolute;
	overflow: hidden; 
}

.anythingSlider .wrapper ul{ 
	width: 32700px;
	height: 330px;
	background: #FFFFFF;
	list-style: none; 
	position: absolute;
	overflow: hidden;
	margin: 0; 
	padding: 0; 
}

.anythingSlider ul li{
	width: 900px;
	height: 330px; 
	display: block; 
	float: left; 
}

.anythingSlider ul li img{ 
	border: 0;
	outline: 0;
}

/* Back and Forward Buttons */

.anythingSlider .arrow{	
	font: 12px Arial; 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	outline: 0;
	text-align: center;
	height: 20px; 
	width: 20px; 
	position: absolute; 
	top: 330px; 
	cursor: pointer;	
	background-repeat: no-repeat;
}

.anythingSlider .forward{ 
	right: 0;
	background-image: url(../images/button_forward.jpg);	
}

.anythingSlider .forward:hover{ 
	background-image: url(../images/button_forwardOver.jpg);	
}

.anythingSlider .back{ 
	right: 40px;
	background-image: url(../images/button_back.jpg);	
}

.anythingSlider .back:hover{ 
	background-image: url(../images/button_backOver.jpg);	
}

/* Navigation Buttons */

#thumbNav{ 
	left: 0;
	top: 330px;
	position: absolute;
	text-align: center;
}

#thumbNav a{
	font: 12px Arial; 
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	outline: 0;	
	display: block; 
	float: left;
	width: 15px;
	height: 15px;	
	margin: 2px; 
	text-align: center;	
	background: url(../images/bgButton-slideNumber.jpg);
}

#thumbNav a.cur{ 
	color: #FFFFFF;
	background: url(../images/bgButton-slideNumberOver.jpg);
}

/* Start-Stop Button */

#start-stop{
	font: 12px Arial; 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	outline: 0;	
	width: 20px;
	height: 20px; 
	text-align: center; 
	position: absolute; 
	right: 20px; 
	top: 330px; 
	background: url(../images/buttonPlay.jpg);
}

#start-stop:hover{ 
	background: url(../images/buttonPlayOver.jpg);
}

#start-stop.playing{ 
	background: url(../images/buttonPause.jpg);
}

#start-stop.playing:hover{ 
	background: url(../images/buttonPauseOver.jpg);
}

/* Thumbs Button */

#toggleThumbs{ 
	font: 12px Arial; 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	outline: 0;		
	width: 82px;
	height: 20px; 
	text-align: center; 
	position: absolute;
	top: 330px;
	right: 250px;
	background: url(../images/bgButton-verOcultarThumbs.jpg);
}

/* Prevents */

.anythingSlider .wrapper ul ul{ 
	position: static; 
	margin: 0; 
	background: none; 
	overflow: visible; 
	width: auto; 
	border: 0;
}

.anythingSlider .wrapper ul ul li{ 
	float: none; 
	height: auto; 
	width: auto; 
	background: none; 
}

/* Thumbnails Scrolling */

ul.sc_menu{
	width: 1500px;	  /* Max width here, for users without Javascript */
	height: 100%;
	list-style: none;
	margin: 5px;
}

.sc_menu li{
	width: 60px;
	height: 45px;
	display: block;
	float: left;
	margin: 5px;
	border: 2px solid #7B7778;
}

.sc_menu a{
	text-decoration: none;
	outline: 0;	
}

.sc_menu img{	  
	width: 60px;
	height: 45px;
	border: 0;
	outline: 0;
}

.sc_menu a:hover img{
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: .50;
}

/* Video Components Settings */

.buttonPlay{
	width: 114px;
	height: 102px;
	position: absolute;
	text-decoration: none;
	border: 0;
	outline: 0;
	z-index: 10;
	margin-left: 400px;
	margin-top: 115px;
}

.miniButton{
	display: block;
	width: 40px;
	height: 30px;
	text-decoration: none;
	border: 0;
	outline: 0;
	position: absolute;
	z-index: 6;
	margin-left: 0;
	margin-top: 300px;
}

.videoComponent{
	width: 100%;
	height: 100%;
	/*background-image: url(../images/bgvideo.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;	
}