@font-face {
font-family: 'LayijiMahaniyomV105';
src: 
url('./font/LayijiMahaniyomV105.ttf');
src: 
url('./font/LayijiMahaniyomV105.eot?') format('embedded-opentype'),
url('./font/LayijiMahaniyomV105.woff') format('woff'),
url('./font/LayijiMahaniyomV105.ttf') format('truetype');
}




.style1 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 36px;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}
.style2 {
	color: #FFFFFF;
	font-family: 'LayijiMahaniyomV105';
	font-size: 32px;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}
.style3 {
	color: #4267b2;
	font-family: 'LayijiMahaniyomV105';
	font-size: 32px;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}

.style15 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 34px;
	font-weight:normal;
	line-height: 100%;
}
.style16 {
	color: #FF0000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 34px;
	font-weight:normal;
	line-height: 100%;
}
.style17 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 34px;
	font-weight:bold;
	line-height: 100%;
}
.style18 {
	color: #0000FF;
	font-size: 34px;
	font-family: 'LayijiMahaniyomV105';
	font-weight:normal;
	line-height: 100%;
}
.style19 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 38px;
	font-weight:normal;
	line-height: 100%;
}
.style20 {
	color: #0000FF;
	font-family: 'LayijiMahaniyomV105';
	font-size: 34px;
	font-weight:normal;
	line-height: 100%;
}
.style21 {
	color: #003300;
	font-size: 34px;
	font-family: 'LayijiMahaniyomV105';
	font-weight:normal;
	line-height: 100%;
}
.style22 {
	color: #003300;
	font-family: 'LayijiMahaniyomV105';
	font-size: 34px;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}

.style24 {
color: #000000;
font-family: 'LayijiMahaniyomV105';
	
font-size: 34px;
font-weight:normal;
line-height: 100%;

/* unvisited link */
a:link {
  color: green;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: yellow;
}

}



.myButton_cus {
 background-color:#44c767;
 -moz-border-radius:28px;
 -webkit-border-radius:28px;
 border-radius:28px;
 border:1px solid #18ab29;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:30px;
 padding:11px 35px;
 text-decoration:none;
 text-shadow:0px 0px 0px #2f6627;
}
.myButton_cus:hover {
 background-color:#5cbf2a;
}
.myButton_cus:active {
 position:relative;
 top:1px;
}

.imgtransparent
{
opacity:1.0; 
filter:alpha(opacity=100); 
}
.imgtransparent:hover
{
opacity:0.4; 
filter:alpha(opacity=40); 
}


/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	text-decoration:none;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/** BASIC */

html, body {
	height: 100%;
	valign : top;
}

body {
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: justify;
	color: #273840;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	line-height:15px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	line-height:25px;
}

h2.bigger {
	font-size: 18px;
	text-transform: uppercase;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 44px;
	font-weight: bold;
	text-transform: uppercase;
}

p, ol, ul {
	margin-top: 0px;
}

.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 2px solid #608B9F;
}

.hr1 {
	clear: both;
	margin-top: 10px 0px 10px 0px;
	border: 1px dashed #608B9F;
}

.hr1 hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
}

html>body #wrapper {
	height: auto;
}

/** HEADER */

#header {
	
	margin-bottom: 0px;
	width: 99%;
	
}


#header h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
}

#header h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	text-transform: lowercase;
}

/** MAIN-MENU */

#main-menu {
	margin: 0px 0px 0px 0px;
	/*background: #FFFFFF no-repeat center top;*/
	text-transform: uppercase;
}

#main-menu ul {
	height: 10px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	/*background: transparent url(images/homepage02.gif) no-repeat center top;*/
	list-style: none;
	color: #C1A479;
}

#main-menu li {
	display: inline;
}

#main-menu a {
	padding: 10px 10px 10px 10px;
	/*background : #FFFFFF;*/
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

#main-menu .first a {
	/*background : #FFFFFF;*/
	
}

#main-menu ul {
}

/******************/




@media screen and (max-width: 320px) {
 /* Add your styles for devices with a maximum width of 320 */
  body {
                   background-color:#FF0000; /*???*/
                } 
	
}
 
@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */
  body {
                   background-color:#FFFFFF; /*???*/
                } 
	
}
 
@media screen and (max-width: 768px) {
 /* Add your styles for devices with a maximum width of 768 */
  body {
                   background-color:#FFFF00; /*??????*/
                } 
	
	

}
 
@media screen and (max-width: 1024px) {
 /* Add your styles for devices with a maximum width of 1024 */
 body {
                   background-color:#FFFFFF; /*???*/
                } 
				.style1 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 260%;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}


.style3 {
	color: #4267b2;
	font-family: 'LayijiMahaniyomV105';
	font-size: 240%;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}

.style15 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	
	font-size: 240%;
	font-weight:normal;
	line-height: 100%;
}
.style16 {
	color: #FF0000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 240%;
	font-weight:normal;
	line-height: 100%;
}
.style17 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 240%;
	
	line-height: 100%;
}



.style18 {
	color:#FF0000;
	font-size: 340%;
	font-family: 'LayijiMahaniyomV105';
	font-weight:normal;
	line-height: 100%;
}
.style19 {
	color: #000000;
	font-family: 'LayijiMahaniyomV105';
	font-size: 240%;
	font-weight:normal;
	line-height: 100%;
}
.style21 {
	color: #003300;
	font-size: 240%;
	font-family: 'LayijiMahaniyomV105';
	font-weight:normal;
	line-height: 100%;
}
.style22 {
	color: #003300;
	font-family: 'LayijiMahaniyomV105';
	font-size: 240%;
	font-weight:normal;
	line-height: 100%;
	text-decoration:none;
}

.style23 {
	color: #000000;
	}
	
.style24 {
color: #000000;
font-family: 'LayijiMahaniyomV105';
	
font-size: 200%;
font-weight:normal;
line-height: 100%;

/* unvisited link */
a:link {
  color: green;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: yellow;
}

	}

}