﻿        body
        {
            background-color: #EBA486;  
            background-image: url(image/fon.jpg); 
            background-size: 100% 100%;               
	    }
        a 
        {
            text-decoration: none;
        }
        h1
        {
	        color: #663300;
	        font-size: 18px;
	        font-weight: bold;
        }     
        h2
            {
                color: #993300;
                font-size: 18px;
                font-weight: bold;
            }              
        .HeadLink
        {
            font-family: Arial, Helvetica, sans-serif;
            text-decoration: none;
            color: #931E00; 
            font-size: small;       
        }     
        .MainLink
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            text-decoration: none;
            color: #BF2600; 
            font-weight: bold;       
        }
        .Link 
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: small;
            text-decoration: underline;
            color: #BF2600;
            text-align: center;
            font-weight: bold;
        }
        a.Link:hover 
        {
            text-decoration: underline;
        }   
        a.MainLink:hover 
        {
            text-decoration: underline;
        }     
        a.HeadLink:hover 
        {
            text-decoration: underline;
        }  
   	    .LinkTable1
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: small;
            text-decoration: none;
            font-weight: bold;
            color: #D22B00;
        } 
        .RightMenu
        {
            float:right;  
            text-align:right; 
            margin:0; 
            padding:0;
            list-style:none; 
        }
        .RightMenu ul li
        {
            padding:0;
            margin:5px 0px; 
        }
    	.MainMenuset
        {   
            list-style:none;    
	        margin: 0px 10px 0px 0px;  
        }  
        .MainMenuText
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            text-decoration: none;
            color: #BF2600; 
            font-weight: bold;               
         } 		
        .Text
        {
            color: #663333;
            text-align: left;
			font-size: medium;
        }
        .Center 
        {
            text-align: center;        
        }
        .Right
        {
            text-align: right;
        }
        .Left
        {
            text-align: left;
        }            
        .Table
        {
            width: 100%;
        }
        .Table2
        {
            width: 2%;
        }
	    .Table5
        {
            width: 5%;
        }
        .Table10
        {
            text-align: right;
            width: 10%;
        }
        .Table15
        {
            width: 15%;
        }
        .Table20
        {
            width: 20%;
        }                
        .Table35
        {
            text-align: center;
            width: 35%;
            margin: 20px 2px;
        }        
        .Table40
        {
            text-align: right;
            width: 35%;
        }
        .Table55
        {
            width: 55%;
        }
        .Table80
        {
            width: 80%;
        }
        .Table90
        {
            width: 90%;
        }
        .Opacity
        {
            background-image: url(image/BG1.png); 
            background-repeat: repeat;
            background-position: bottom;
        }
        .NoOpacity
        {
            background-image: none; 
        }
        .Opacity div
        {
            background-image: url(image/BG.png); 
            background-repeat: repeat;
            background-position: bottom;
            position: relative;
            left: -10px; 
            top: -10px;
            height:inherit;
         }    
        .Padding
        {
            padding: 10px;
        }   
        .MainTable
        {
            width: 100%;
            float: left;
            color: #663333;            
            font-family: "Times New Roman", Times, serif;
        }
		.MainTable1 {
			width: 100%;
			margin: auto;
			font-size: small; 
		}
        .MainTable2
        {
            font-size: medium; 
            width: 100%; 
       }
	   	.MainTable3 {
			width: 80%;
			margin: auto;
			font-size: medium; 
		}
        .MasterTable    
        {
            width: 100%;
			cellspacing: 0; 
			cellpadding: 0;
			border: 0;
            max-width:1750px;
            width:expression(document.body.clientWidth > 1750? "1750px" : "auto" );        
        } 
		.MasterTable [type="checkbox"]{
		display: none;
		} 	           
        .MasterFoot
        {   
            text-align: center;
            width: 80%;
			font-family: "Times New Roman", Times, serif;
            color: #4F2700;
        }
		.row {
			display: flex;
			flex-wrap: wrap;
		}
		.Column { 
			max-width: 100%;
			flex: 0 0 32%;
			min-height: 1px;
			padding: 2px 0px 5px 0px; 
		}
		.PhotoColumn { 
			max-width: 100%;
			flex: 0 0 50%;
			min-height: 1px;
			padding: 10px 0px 5px 0px;  
		}
@media only screen and (max-width: 450px) { 
	.CNCText
    {
        color: #b84d1f;
		font-size: x-large;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		padding: 5px 0px 5px 0px;
		text-shadow: #e38259 1px 1px 0, #e38259 2px 2px 0;			
     }
	.Text
    {
		font-size: small;
    }
	.Hide-on-mobile 
	{ 
	    display: none; 
	}
 	.Column {
    	    flex: 0 0 100%;
  	}
 	.PhotoColumn {
    	    flex: 0 0 100%;
  	}
	.ImageCenter
	{ 
	    text-align: center;
	}	
	.ImageBig 
	{ 
            width: 80%;
            float: inherit;
	}
	.ImageBig2 
	{ 
            width: 80%;
            float: inherit;
	}
	.ImageSet 
	{ 
			width: 90%;
	}
 	.Clear
	{ 
	    clear: both;
	}
	nav{
 	    background: #E28F6D;  
 	    padding: 5px;
	} 
   	.MainMenuset
        {      
	    margin: 0px 4px 0px 0px; 
	    padding: 0px 0px 0px 0px; 
        } 
	.MainMenuset > li > a{
	    color: #BF2600;
 	    display: block;
 	    padding: 0px 0px 10px 0px;
	}
	#btn-menu{
	    display: none;
	}
	#btn-menu + label{
 	    display: inline-block; 
  	    position: relative;
  	    color: #b84d1f; 
  	    height: 20px;
  	    z-index: 1;
 	    cursor: pointer;
	}
	#btn-menu + label:before{
 	    content: '\f0c9';  
 	    display: inline-block;
  	    font-family:'FontAwesome';
 	    font-size: medium;
	}
	#btn-menu:checked + label:before{
 	    content: '\f00d';
  	    color: #b84d1f;
	}         
 	 #btn-menu + label + .MainMenuset{
   	    display: none;
 	 }
 	 #btn-menu:checked + label + .MainMenuset{
   	    display: block;
 	 }
	.OnLink
     {
        text-decoration: underline;
        color: #BF2600;                          
    }
    .map
     {
        width: 50%; 
	    height: 50%;        
     }
}
@media only screen and (min-width: 450px) {
		.Hide-on-screen 
		{ 
			display: none; 
		}	
		.CNCText
        {
            color: #b84d1f;
            text-align: left;
			font-size: xx-large;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			text-shadow: #e38259 1px 1px 0, #e38259 2px 2px 0, 
                 #e38259 3px 3px 0, #e38259 4px 4px 0;
        }
        .MainMenu:hover
        {            
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
            opacity: 0.8;
            -moz-opacity: 0.8;
            background: #FAEFDA;            
            padding: 7px 7px 7px 15px;
			margin: 10px 0px 10px 0px;  
            }   
		.OnLink
        {
            text-decoration: underline;
            color: #BF2600; 
            font-weight: bold;             
            background-image: none;            
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
            opacity: 0.8;
            -moz-opacity: 0.8;
            background: #FAEFDA;            
            padding: 7px 7px 7px 15px;
			margin: 10px 0px 10px 0px; 
        }
		.UpMenu
        {
            background-color: #C58570;        
        }
        .UpMenu div
        {
            position: relative;
            background-color: #DB7066;
            left: -3px; 
            top: -3px;        
        }
        .MainMenu
        {
            background-color: #E28F6D; 
            background-image: url(image/menu.jpg); 
            background-repeat: no-repeat;
            padding: 7px 7px 7px 15px;
            cursor:pointer; 
            cursor: hand;   
			margin: 10px 0px 10px 0px;   
        }
		.ImageBig 
		{ 
            float: right;
			margin-right: 5px;
		}	
		.ImageBig2 
		{ 
			margin: 0px 5px 0px 5px;
            float: left;
		}
        .map
        {
             width: 420px; 
			height: 300px;        
        }   
}           
@media screen and (min-width: 450px) and (max-width: 1400px) {
		.ImageSet
				{ 
			width: 80%;
		}
}