@charset "utf-8";
/* CSS Document */

/* HEADER BAR */

#sb-site, .sb-site-container {
	padding: 14px;
}

.sb-slidebar {
	color: #fff;
}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

.padMe5 {
	padding: 5px;	
}

.padMe10 {
	padding: 10px;
}

.padMe20 {
	padding: 20px;
}

.padBot5 {
	padding-bottom: 5px;
}

.padBot10 {
	padding-bottom: 10px;
}

.padTop10 {
	padding-top: 10px;
}

.padBot20 {
	padding-bottom: 20px;
}

.padTop20 {
	padding-top: 20px;
}

.curve5 {
	border-radius: 5px;	
}

.curveTop5 {
	border-radius: 5px 5px 0 0;	
}

.curveBot5 {
	border-radius: 0 0 5px 5px;	
}

.curve6 {
	border-radius: 6px;	
}

.curveTop6 {
	border-radius: 6px 6px 0 0;	
}

.curveBot6 {
	border-radius: 0 0 6px 6px;	
}

.curve7 {
	border-radius: 7px;	
}

.curveTop7 {
	border-radius: 7px 7px 0 0;	
}

.curveBot7 {
	border-radius: 0 0 7px 7px;	
}

.curve8 {
	border-radius: 8px;	
}

.curveTop8 {
	border-radius: 8px 8px 0 0;	
}

.curveBot8 {
	border-radius: 0 0 8px 8px;	
}

.curve10 {
	border-radius: 10px;	
}

.curveTop10 {
	border-radius: 10px 10px 0 0;	
}

.curveBot10 {
	border-radius: 0 0 10px 10px;	
}

.curve20 {
	border-radius: 20px;	
}

.curveTop20 {
	border-radius: 20px 20px 0 0;	
}

.curveBot20 {
	border-radius: 0 0 20px 20px;	
}

.centerTxt {
	text-align: center;
}

.flexImg {
    position: relative;
    text-align: center;
}
    
.flexImg img {
    border: 0;
    display: block;
    height: auto;
    width: 100%;
}

/* Fixed position examples */

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 87px;
	background: url(../images/background-ebmenu.png) center top repeat-x;
	z-index: 4;
}

#fixed-top .inner {
	margin: 0 auto;
	max-width: 900px;
	height: 87px;
	background: url(../images/background-header-logo.png) center top no-repeat;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
}

a.eblogo {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -94.5px;
	width: 189px;
	height: 63px;
	background: url(../images/eblogo.png) 0 0 no-repeat;
	text-indent: -9999px;
}

a:hover.eblogo {
	background-position: -189px;
}

a.lang {
	background: url(../images/btn-lang.png) 0 0 no-repeat;
	color: #ed1c24;
	float: left;
	font-size: 0.9em;
	font-weight: 700;
	height: 49px;
	line-height: 49px;
	text-align: center;
	width: 50px;
}

a:hover.lang {
	color: #fff;
}

@media screen and (max-width: 480px) {
	a.lang {
		display: none;
	}
}

.sb-toggle-left .navbars {
	background: url(../images/btn-landing-page.png) 0 0 no-repeat;
	width: 64px;
}

.sb-toggle-left .navbars:hover {
	background-position: -64px;
}

.sb-toggle-right .navbars {
	background: url(../images/btn-ebmenu.png) 0 0 no-repeat;
	width: 64px;
}

.sb-toggle-right .navbars:hover {
	background-position: -64px;
}

.navbars {
    display: block;
	float: left;
	height: 49px;
}

.navbars .navicon-line {
	background-color: #fff;
}

.sb-slidebar ul li {
	border-bottom: 1px solid #333;
}

.sb-slidebar ul li.title {
	padding: 10px;
	border: 0;
	background: #333 url(../images/slidebar-title-arrow.png) center bottom no-repeat;
}

.sb-slidebar ul li a {
	display: block;
	padding: 10px;
}

.sb-slidebar ul li a:hover {
	background: #000;
}

/****/

/* GALLERY */

.images div {
	margin: 10px 0;
}

.images div a {
	border: 1px solid #fff;
	display: block;
	max-width: 213px;
}

.images div a:hover {
	border: 1px solid #ed1c24;
}

.containing-block {
	width: 100%;
}

.outer-container {
	height: 0;
	padding-bottom: 50%;
	position: relative;
}

/* VIDEO CONTAINER */

.video-container {
    height: 0;
	overflow: hidden;
    padding-bottom: 50%;
    padding-top: 30px;
	position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
	height: 100%;
    position: absolute; top: 0; left: 0;
    width: 100%;
}