* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


a { border: 0pt; }

/*#navigation { height: 30px; z-index: 101;}*/
#block { background-color: #000; position: absolute; display: none; z-index: 1; }
#videoTitle { color: #fff; font-family:Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 16pt; padding-left: 15px; background-repeat:repeat-x; background-image: url("includes/images/videoTitle.jpg"); vertical-align: middle}
#info { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
html { overflow: hidden; }
body { margin: 0px; background:#fff url('../img/gray_jean.png'); overflow-y: hidden; overflow-x: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; }



img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


.thumbnails {
	width: 100%;
	height:120px;
	background:url('../img/bg-thumbs-white.png');
}

.thumbnail { width: 130px; height:98px; background-color: #333333; display: block; margin: 10px 0 0 10px; float: left; }
.thumbnail img { width: 100%; }
.selectedSlide { background: url('../img/thumbnail_select.png'); height: 110px; margin: 0 0 0 10px; }
.selectedSlide img { width: 120px; top: 15px; left: 5px; position: relative;}

.icons { width: 38px; height:40px; display:block; background: transparent url('../img/icons_menu.png') no-repeat 0px 0px; text-indent:9999; float: left; }

.icon_visible { background-position: 0px 0px; }
.icon_visible_select { background-position: 0px -40px; }
.icon_visible_disable { background-position: 0px -80px; }

.icon_thumbnails { background-position: -38px 0px; }
.icon_thumbnails:hover { background-position: -38px -40px; }
.icon_thumbnails_select { background-position: -38px -40px; }
.icon_thumbnails_disable { background-position: -38px -80px; }

.icon_om { background-position: -152px 0px; }
.icon_om:hover { background-position: -152px -40px; }
.icon_om_select { background-position: -152px -40px; }
.icon_om_disable { background-position: -152px -80px; }

.icon_prev { background-position: -76px 0px; }
.icon_prev:hover { background-position: -76px -40px; }
.icon_prev_disable { background-position: -76px -80px; }

.icon_next { background-position: -114px 0px; }
.icon_next:hover { background-position: -114px -40px; }
.icon_next_disable { background-position: -114px -80px; }
.icon_info { background: transparent url('../img/icon_info.png') no-repeat 0px 0px; text-indent:9999; float: right; padding-right: 10px; }
.icon_info:hover { background-position: 0px -40px; }

.omTitle { background: transparent url('../img/background_om.png') repeat-x 0px 0px; height: 25px; font-weight: bolder; padding: 10px; vertical-align: middle; color: #ddd}
#om { background:#fff; position:absolute; display:none; border-left:1px solid #CCC; }

#omText {
	overflow: auto;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 20px;
	background:#fff;
	text-align: justify;
}

/* Styles specific to this particular page */
.scroll-pane { width: 100%; overflow: auto; position: absolute; z-index:11; }



#swfViewer {
	/* efeito de troca de slide*/
	-webkit-transition: background-position .5s linear;
	-moz-transition: background-position .5s linear;
	-o-transition: background-position .5s linear;
	-ms-transition: background-position .5s linear;
	transition: background-position .5s linear;
	background-attachment:fixed;
}



#prev, #next {
	position:absolute;
	top:0;
}
#prev {
	z-index:8;
	left:20px;
}
#next {
	z-index:9;
	right:20px;
}

#info {
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:10;
}

#menu {
	width:235px;
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}
#menu ul li {
	display:inline-block;
	margin-right:13px;
}

.optionItem
{

}

.imageIndexDisplay {
	text-align: center;
	font-size:12px;
	font-weight: bold;
	color: #000;
	width: 100%;
	position:absolute;
	background: white;
	padding:20px;
	top:0;
	margin-top:0;
	/* opacidade barra paginacao */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.indexIndicator {
	text-align: center;
	font-weight: bold;
	color: #555;
	margin: 0px;
	padding: 0px;
	opacity: 1;
	z-index: -1;
	font-size:12px;
}

.selectedSlide .indexIndicator {
	margin-top: 18px;
}

/*
#slidesView {
	border:1px solid red;
}
*/

#loading {
	position:absolute;
	top:50%;
	left:50%;
}