@font-face {
	font-family: 'CeraPRO-Light';
	src: url('/fonts/Cera Pro Light.otf') format('opentype');
}
@font-face {
	font-family: 'CeraPRO-Bold';
	src: url('/fonts/Cera Pro Bold.otf') format('opentype');
}
@font-face {
	font-family: 'CeraPRO-Regular';
	src: url('/fonts/Cera Pro Medium.otf') format('opentype');
}

body {
	margin: 0px auto;
	font-family: CeraPRO-Light, Sans-Serif;
	font-size: 14px;
}

h1 {
	color:#333;
	text-transform: uppercase;
	font-size: 18px;
	font-weight:600;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

h3 {
	color:#333;
	text-transform: uppercase;
	font-size: 16px;
	font-weight:600;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

a {
	color: #333333;
}

input {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	padding: 5px 10px;
}
input:hover {
	background-color: #f5f5f5;
}
input:active {
	border: 1px solid #aaa;
	background-color: #f5f5f5;
}

textarea {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	padding: 5px 10px;
}
textarea:hover {
	background-color: #f5f5f5;
}
textarea:active {
	border: 1px solid #aaa;
	background-color: #f5f5f5;
}
.title-bold {
	color:#333;
	text-transform: uppercase;
	font-size: 18px;
	font-weight:600;
	padding:5px 0;
}

.link {
	color: #333;
}
.link:hover {
	text-decoration: underline;
	color: #666;
}

.linkWhite {
	color: #fff;
}
.linkWhite:hover {
	text-decoration: underline;
	color: #eee;
}

.wrap {
	max-width: 1200px;
	margin:0px auto;
	position:relative;
	padding:20px 20px;
}

#top-line{
	height:30px;
	background-color: #4c4c4c;
	color: #fff;
}
#top-line .link {
	color: #fff;
}

#top-menu {
	/*background-color:#000;*/
	/*margin-top:20px;*/
	height:50px;
}
.tv-line{
	min-height:130px;
	background-color: #4c4c4c;
	color: #fff;
	margin-top: 30px;
	padding: 30px;
}
.headlogo {
	position:absolute;
	margin-top: -5px;
	cursor: pointer;
}
#m-mob {
	display:none;
}

#top-menu-mob {
	display:none;
}

#header {
	max-width: 100px;
	margin:0px auto;
	height:50px;
}

.menu-ul {
	height:100%;
	color:#4f6d89;
	padding:0;
    margin: 0 auto;
	float:right;
	letter-spacing: 1px;
}
.menu-ul > li{
	display: inline-block;
	line-height:50px;
	cursor:pointer;
	/*border:1px solid #6d75f8;*/
	margin: 2px; 0px;
}
.menu-ul > li a:hover {
	color:#fff;
    background-color: #7eb0b3;
}

.menu-ul a{
	color:#4f6d89;
	text-decoration:none;
	padding: 0px 20px;
	display: block;
	font-size:15px;
	font-family: CeraPRO-Light, sans-serif;
}

#menu-line{
	height:1px;
	margin:20px 0px;
	background-color: #888;
}

.box {
	border: 1px solid gray;
	width:233px;
	height:150px;
	display:inline-block;
	cursor:pointer;
}
.box-space {
	width:11px;
	display:inline-block;
}

.text {
	text-align: justify;
}

.left-content{
	margin-top:-10px;
	width:600px;
	font-size:14px;
	float:left;
	line-height:20px;
}
.right-content{
	margin-top:-10px;
	width:370px;
	font-size:14px;
	float:right;
	line-height:20px;
}

#fc {
	color:#fff;
	max-width: 1200px;
	margin:0 auto;
	padding:20px 20px;
	
}

#footer {
	width:100%;
	/*border-top:1px solid #ff650d;*/
	bottom:0;
	margin-top:20px;
	color: #fff;
	background-color: #4c4c4c;
	height:250px;
	font-size:14px;
}
#footer .link {
	color: #fff;
}

.register-form {
	margin: 0px auto;
	width: 450px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.adminDivs {
	display: none;
}

/* The Modal (background) */
.modal-custom {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 80px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content-custom {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 650px;
	height: auto;
	overflow: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.close-custom:hover,
.close-custom:focus {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
.modal-header-custom {
    padding: 2px 16px;
    color: #333;
	border-bottom:1px solid #eee;
}
.modal-body-custom {
	padding: 10px 16px;
	/*text-align:center;*/
}

.modal-footer-custom {
    padding-top: 10px;
    background-color: #7eb0b3;
    color: white;
}

@media (max-width:1050px) {
	.menu-ul a{
		color:#4f6d89;
		text-decoration:none;
		padding: 0px 13px;
		display: block;
		font-size:15px;
	}
}

@media (max-width:970px) {
	.headlogo {
		
		margin-top:10px;
		
		cursor: pointer;
	}
	#top-menu {
		/*position:absolute;
		visibility: hidden;*/
		height:55px;
	}

	#m-mob {
		display:block;
		height:50px; 
		margin-right:20px;
	}
	#top-menu-mob {
		float:right;
		display:block;
	}
}

@media (max-width:850px) {
	
	.register-form {
		width: 300px;
		margin-top: 25px;
	}
	.modal-content {
		width:350px;
	}
	.input-group-prepend{
		display:none;
	}
}