@font-face {
	font-family: "AvantBook";
	src:url(fonts/AvantBook/AvantBook.eot);
	src:url(fonts/AvantBook/AvantBook.svg);
	src:url(fonts/AvantBook/AvantBook.woff);
	src:url(fonts/AvantBook/AvantBook.otf);
}
@font-face {
	font-family: "AvantDemi";
	src:url(fonts/AvantDemi/AvantDemi.eot);
	src:url(fonts/AvantDemi/AvantDemi.svg);
	src:url(fonts/AvantDemi/AvantDemi.woff);
	src:url(fonts/AvantDemi/AvantDemi.otf);
}
@font-face {
	font-family: "AvantMedium";
	src:url(fonts/AvantMedium/AvantMedium.eot);
	src:url(fonts/AvantMedium/AvantMedium.svg);
	src:url(fonts/AvantMedium/AvantMedium.woff);
	src:url(fonts/AvantMedium/AvantMedium.otf);
}
@font-face {
	font-family: "XtreemMedium";
	src:url(fonts/XtreemMedium/XtreemMedium.eot);
	src:url(fonts/XtreemMedium/XtreemMedium.svg);
	src:url(fonts/XtreemMedium/XtreemMedium.woff);
	src:url(fonts/XtreemMedium/XtreemMedium.otf);
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background-color: #444;
}
a:link, a:hover, a:visited, a:active {
	outline: none;
	text-decoration: none;
	color: #000000;
}

/************************RIGHT SHADOW*************************/
.rshadow {
	box-shadow: 			5.5px 0px 10px -2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 	5.5px 0px 10px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: 		5.5px 0px 10px -2px rgba(0,0,0,0.3);
	-ms-box-shadow: 		5.5px 0px 10px -2px rgba(0,0,0,0.3);
	-o-box-shadow: 			5.5px 0px 10px -2px rgba(0,0,0,0.3);
}
/*****************PAGE***********************/
#left {
	background-color:#FFFFFF;
	width: 270px;
	height: 100%;
	z-index: 10;
	position: fixed;
}
#left > div {
	width: auto;
	height: 100%;
	overflow: hidden;
	margin-right: -10px;
}
#right {
	height: 100%;
	padding-left: 270px;
}
.left-table-c > p {
	padding-left: 10px;
}
.left-table-c > img {
	margin:5px; width:100%;
}
/**************CONTACT***************/
#social {
	font-family: "AvantMedium";
	font-size: 10pt;
	width: 100%;
	padding: 0;
	margin-left: 10px;
}
#social li{
	margin: 10px 0;
	list-style: none;
	list-style-type: none;
}
.icoSocial {
	padding-left: 0;
	vertical-align: middle;
	height: 30px;
}
#social-mobile {	
	box-shadow: 			0px -5.5px 10px -2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 	0px -5.5px 10px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: 		0px -5.5px 10px -2px rgba(0,0,0,0.3);
	-ms-box-shadow: 		0px -5.5px 10px -2px rgba(0,0,0,0.3);
	-o-box-shadow: 			0px -5.5px 10px -2px rgba(0,0,0,0.3);
	
	margin-top: 25px;		
	background-color: #FFFFFF;
	display: none;
}
#social-mobile ul {
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
}
/************HANDLE**************/
#handle {
	position: absolute;
	width:30px;
	right: -28px;
	top: 0;
	height:100%;
	border-collapse: collapse;
	border: 0;
}
.handleDiv {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}
#handle td{
	margin: 0;
	padding: 0;
}
/************TEXT UP*************/
#suaM {
	padding-top: 25px;
	margin-left: 30px;
	font-family: 'XtreemMedium';
	color: #FFFFFF;
	font-size: 26pt;
	text-align: center;
}
/***********SLIDE***************/
#owl-demo {
	margin: 0 auto;
}
#owl-demo img{
	padding-left: 20px;
	max-width:100%;
	max-height: 700px;
	margin: 0 auto;
	display: block;
}

@media screen and (max-width: 960px) {
	#left {
		box-shadow: 			0px 5.5px 10px -2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 	0px 5.5px 10px -2px rgba(0,0,0,0.3);
		-moz-box-shadow: 		0px 5.5px 10px -2px rgba(0,0,0,0.3);
		-ms-box-shadow: 		0px 5.5px 10px -2px rgba(0,0,0,0.3);
		-o-box-shadow: 			0px 5.5px 10px -2px rgba(0,0,0,0.3);
	
		position: relative;
		width: 100%;
		height: auto;
		text-align: center;
		z-index: 0;
	}
	.left-table-c {
		margin: 0 auto;
	}
	.left-table-c > p {
		padding-left: 0px;
	}
	.left-table-c > img {
		margin: 0 auto;
	}
	#left > div {
		overflow: auto;
		margin-right: 0;
	}
	#handle {
		display: none;
	}
	#right {
		height: auto;
	}
	#right,  #owl-demo img, #suaM {
		padding: 0;
		margin: 0;
	}
	#suaM {
		padding-top: 25px;
	}
	#owl-demo img {
		margin: 0 auto;
		height: auto;
	}
	#social-mobile {
		display: block;
	}
}