/*tags*/
 
@font-face{
    font-family:'MyRoboto';
    src:url('font/Roboto-Regular.ttf');
}

body,html{
    font-family:Verdana, Geneva, sans-serif;
	background-size:cover;
}

a{
   text-decoration: none;color:#000;
}

.numeric{text-align: right;}
.warn{font-size:12px;color:red;font-weight:bold;}
.warntxt{font-size:12px;color:red;}
.toleft{
	text-align:left;
}
.toright{
	text-align:right;
}
.tocenter{
	text-align:center;
}
.totop{
	padding-bottom:15px;
}
.modal-title{
	font-weight:bold;
}


#warn{font-size:12px;color:red; }
#main{width:100%; height:100%; position:absolute;left:0px; top:0px;}

/*-------------MAIN HEADER---------*/

@media screen and (min-width:800px) {
	#header{
		margin:0px;
		padding:0px;
		position:relative;
		height:80px;
	}
	#company{
		position:relative;
		width:100%;
		margin:0px auto;
	}
	#ccname{
		font-family:arial black;
		font-size:30px;
		text-align:center;
		color:blue;
		padding-top:5px;
	}
	#ccadd{
		text-align:center;
		font-family:arial;
		font-size:15px;
		margin:0px;
		padding:0px;
		font-weight:bold;
	}
	#logoimg{
		width:80px;
		height:80px;
	}
	#logo{
		width:50px;
		height:50px;
		padding:0px;
		position:relative;	
		float:left;
	}

}
/*----------mobile-------*/
@media screen and (max-width:800px) {
	#header{
		margin:0px;
		padding:0px;
		position:relative;
		height:auto;
	}
	
	#company{
		position:relative;
		width:100%;
		margin:0px auto;
	}
	#ccname{
		font-family:arial black;
		font-size:30px;
		text-align:center;
		color:blue;
		padding-top:5px;
	}
	#ccadd{
		text-align:center;
		font-family:arial;
		font-size:12px;
		margin:0px;
		padding:0px;
		font-weight:bold;
	}
	#logoimg{
		width:50px;
		height:50px;
		margin:5px;
	}
	#logo{
		width:50px;
		height:50px;
		padding:0px;
		position:relative;	
		float:left;
	}
}
#browse{
	width:25px;
	padding:2px;
	margin:0px;
}