@font-face{
	font-family: Akzidenz Grotesk;
	src: url(../fonts/Berthold_Akzidenz_Grotesk_BE_Regular.otf);
}
@font-face{
	font-family: Freight;
	src: url(../fonts/Freight_Text_Book.otf);
}
html{
	margin:0; padding:0;
	font-family: Akzidenz Grotesk, sans-serif;
	
	width:100%;
	height:100%;
	position:relative;
	background-color:#f3f2f2;
	/*background: linear-gradient(#ffffff, #eeeded);*/
	background-size:cover;
}
header{
	background-color:#b41601;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, .3);
	color:white;
	font-size:1em;
	text-align:center;
	width:100%;
	padding:0px;
	margin:0px;
	position:fixed;
	top:0; left:0;
	min-width:768px;
	z-index:5;
}
#header_icon{
	background: url('../img/icons1.png') no-repeat -4px -3px;
	background-size: 797px 411px;
	width: 174px;
	height: 39px;
	margin:auto;
	margin-top:12px;
	margin-bottom:-10px;
	cursor:pointer;
}
#header_icon2{
	background: url('../img/splash_logos.png') no-repeat -19px -8px;
	background-size: 507px 69px;
	width: 211px;
	height: 46px;
	float:left;
	margin-top:40px;
	margin-left:20px;
}
#header_icon3{
	background: url('../img/splash_logos.png') no-repeat -266px -11px;
	background-size: 507px 69px;
	width: 220px;
	height: 20px;
	float:right;
	margin-top:40px;
	margin-right:20px;
}
.top_icon{
	position:absolute;
	top:28px;
	cursor:pointer;	
}
#home_icon{
	background: url('../img/home.png');
	background-size: 50px 40px;
	width: 50px;
	height: 40px;
	left:20px;
}
#print{
	background: url('../img/icons1.png') no-repeat -229px -10px;
	background-size: 803px 414px;
	width: 39px;
	height: 37px;
	right:110px;
}
#video_library{
	background: url('../img/icons1.png') no-repeat -295px -10px;
	background-size: 803px 414px;
	width: 44px;
	height: 36px;
	right:30px;
	
}

.video_wrapper {
		text-align: center;
}

body{
	width:100%;
	height:100%;
	position:absolute;
	margin:0; padding:0;
	text-align:center;
	min-width:768px;
}
#internal{
	width:250px;
	height:140px;
	font-size:14px;
	position:absolute;
	top:105px;
	right:10px;
	color:black;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, .3);
	border-radius:10px;
	background-color:#f8f8f8;
	opacity:1;
	z-index:2;
}
#b_internal{
	margin:auto;
	margin-top:-8px;
	line-height:32px;
	width:125px;
	height:32px;
	border-radius:15px;
}
#splash_button{
	width:230px;
	height:32px;
	line-height:32px;
	margin:10px;
	border-radius:15px;
	float:left;
}
.page_button{
	background-color:#0a8caa;
	text-align:center;
	color:white;
	cursor:pointer;
}
.page_button:hover{
	background-color:#117891;
}
.center_wrap h1{
	font-family: Freight, serif;
	color:#0a8caa;
}
.center_wrap{
	margin:auto;
	margin-top:150px;
	max-width:710px;
	text-align:left;
}
#splash_box{
	width:580px;
	height:300px;
	margin:auto;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, .3);
}
.tile_button{
	background: url('../img/icons1.png') no-repeat;
	background-size: 717px 370px;
	width: 167px;
	height: 142px;
	float:left;
	padding:5px;
	cursor:pointer;
}
.tile_button:hover{
	opacity:.8;
}
#b_access{
	background-position:-5px -62px;
}
#b_interface{
	background-position:-182px -62px;
}
#b_place{
	background-position:-361px -62px;
}
#b_manage{
	background-position:-540px -62px;
}
#b_blank{
	opacity:0;
}
#b_reports{
	background-position:-91px -215px;
}
#b_catalog{
	background-position:-269px -215px;
}
#b_resources{
	background-position:-447px -215px;
}
#b_user {
    background: url('../img/internal_administrative_management.png') no-repeat;
    background-size: 172px 150px;
    width: 159px;
    height: 142px;
    margin-top: 4px;
    margin-left: 6px;
}
footer{
	width:100%;
	min-width:768px;
	line-height:50%;
	text-align:center;
	background-color:#b41601;
	color:white;
	position:fixed;
	bottom:0; left:0;
}
#footer_icon{
background: url('../img/icons1.png') no-repeat -607px -15px;
	background-size: 803px 414px;
	width: 180px;
	height: 28px;
	position:absolute;
	bottom:15px;
	right:15px;
}
 

.videoContainer{
display:block; 
width: 95%;
}

.defaultVideoContainer{
display:block; 
width: 95%;
 
}

#accordionVideoTab{
    padding-top : 0px;
	padding-right : 18px;
	padding-bottom : 18px;
	padding-left : 18px;
    background-color: white;
    /*display: none;*/
    width: 100%;
    text-align: left;
    margin: auto;
    cursor: pointer;
}

 
.accordionVideoTab{
	background-color:white;
	color:black;
	cursor:pointer;
	padding-left:18px;
	/*width:80%;*/
	height:40px;
	line-height:40px;
	text-align:left;
	transition:0.4s;
	margin:auto;
	border-top: 1px solid #d6d6d6;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.accordionVideoTab.active, .accordionVideoTab:hover{
	background-color:#f0f0f0; 
}
.accordionVideoTab:after {
    content: '+'; /* Unicode character for "plus" sign (+) */
    font-size: 15px;
    color: black;
    float: right;
    margin-right: 10px; 
}

.accordionVideoTab.active:after {
    content: "-";  /* Unicode character for "minus" sign (-) */
     font-size:18px; 
}
.accordionVideoTab.tab:after, .accordionVideoTab.inside-tab:after{
	color:#0a8caa;
	margin-right:20px;
	font-size:25px; 
}

.accordionVideoTab.tab:hover, .accordionVideoTab.tab.active, .accordionVideoTab.inside-tab:hover, .accordionVideoTab.inside-tab.active{
	background-color:#D0F3FB; 
}