html {
   
    
	margin: 100px 100px 100px;
	border: 10px 10px 10px;
	background-color: #d7c5b7;
    
}


body {
   
    
	background-color: #d7c5b7;
    font-family: "Klinic Slab Medium", sans-serif;
    margin-left:                       -512px;
    margin-top:                        -384px;
    position:                        absolute;
    height:                             768px;
    width:                             1024px;
    left:                                 50%;
    top:                                  50%;
	background-color: #d7c5b7;
}
.newpic
{
	position: relative;
	padding-top: .1%;
	height: 400px;
	width: 1000px;
	margin: 35px 0 35px 0;
	background: #FFF;
	background-color: #d7c5b7;
}


div.logo
{
   
    float:left;
	margin-top: 15%;
	
	
}
.reallogo
{
	width: auto;
	height: auto;
	
}
.menu
{
	margin-top: 22%;
}

.menu ul li 
{
	float:left;
	background-color:#3C1F1C;
	overflow: none;
	
}
.menu ul
{
background-color: aliceblue;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #3C1F1C;
border-bottom-color:#3C1F1C;
  list-style-type: none;
    margin-top: 10%;
	width: 388.1px;
	margin-left:60%;
    padding:0 1.23% 0 0%;
    overflow: none;
    background-color: #333;
	
    
}
.menu li
{
	display: block;
    padding: 10px 10px 10px 10px;
    background-color: #dddddd;
	overflow: none;
	
}
.menu a
{
	display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.menu a:hover
{
	
	background-color: #4BD92E;
}

.newpic
{
	margin-top:.1%;
	
}


.loc
{
	width:150px;
	height: 150px;
    margin:auto;
    
	float: left;
	background-color: #d7c5b7;
	color: black;
}
.loc a 
{
	background-color: #d7c5b7;
}
.res
{
	
    width:30%;
	height: 150px;
	margin-left: 11%;
    
	float: left;
	background-color: #d7c5b7;
	
	color: black;
	 
}
.hour
{
	width:20%;
	height: 150px;
    margin-left: 18%;
   
	float: left;
	
 	color: black;
}
h1 
{
	padding: 10% 15% 20%;
	
	border: 0% 5% 10%;
	
	margin: 20% 0% 10%;
	background-color:white;
	font-family: TradeGothic, sans-serif;
	
	
}
h1 strong 
{
	padding: 0% 0% 0%;
	margin: 5% 2% 2%;
}
.intro h1 
{
	background-color: #d7c5b7;
}
.intro
{
	width: 1000px;
	background-color: #d7c5b7;
}
.intro p
{
	background-color: #d7c5b7;
	padding: 10% 5% 5%;
	margin: -35% 0% 10%;
	text-align: justify;
	text-indent: 50px;
	line-height: 1.8;
	
}

.other
{
	width: 1000px;
	background-color: #d7c5b7;
}

.other h2
{
	text-align: left;
	text-indent: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3C1F1C;
    border-bottom-color:#3C1F1C;
	padding-right: 10%;
	margin-right: 100%;
	padding-top: 5%;
	background-color: #d7c5b7;
	padding-bottom: 10%;
}

.log1
{
	border: 1px solid black;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
	margin: -20% 10% 10% 20%;
	height: 200px;
	 
 
}
.log2
{
	border: 1px solid black;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
	margin: -20% 10% 10% 0%;
	height: 200px;
	 
 
}
.log3
{
	border: 1px solid black;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
	margin: -20% 10% 10% 0%;
	height: 200px;
	 
 
}
.other
{

border-top-style: solid;
border-bottom-style: solid;
border-top-color: #3C1F1C;
border-bottom-color:#3C1F1C;
background-color: white;
	background-color: #d7c5b7;
}
.other li
{
	float:left;
	
	display: block;
    padding: 10px 10px 10px 10px;
    background-color: red;
	margin: -22% 10% 10% 0%;
	
}
.other a
{
	display: block;
    color:white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.log4
{
	border: 1px solid black;
    border-radius: 4px;
    padding: 5px;
    width: 300px;
	margin: 20% 10% 10% 10%;
	height: 400px;
}
.guest
{
	width: 1000px;
	background-color: white;
	margin: 5% 0% 0% 0%;
	border-top-style: solid;
	background-color: #d7c5b7;
	height: 90%;
}
	
.guest h3
{
	font-size: 30px;
	margin: -40% 0% 2% 60%;
}


.guest p
{
	
width:30%;
height: 150px;
margin: 1% 0% 2% 59%;
text-align: center;
  
	
}


.main
{
	height: 500px;
	width: 1002px;
	border-radius: 8px;
	
}



.mission
{

margin: -20% 0% 0% 8%;
text-align: center;
  padding-top: 1%;
padding-bottom: 1%;
}
.mission p
{
	background-color: #d7c5b7;
	margin: -25% 0% 0% 8%;
	text-align: center;
	width:80%;
    height: 100px
	
}
.mission h1
{
	background-color: #d7c5b7;
}
.vision
{
width:80%;
height: 150px;
margin: 0% 0% 0% 8%;
text-align: center;
  
}
.vision p
{
	margin: 5% 0% 0% 8%;
	background-color: #d7c5b7;
}

.team 
{
	margin: 20% 0% 0% 0%;
    text-align: center;
  
}


.log01
{
	height: 200px;
	width: 200px;
		padding: 5% 5% 5% 5%;
	border-radius: 50%;
}
.log02
{
	height: 200px;
	width: 200px;
	padding: 5% 5% 5% 5%;
	
	border-radius: 50%;

}
.log03
{
	height: 200px;
	width: 200px;
	padding: 5% 5% 5% 5%;
	border-radius: 50%;
}

.text
{
width:20%;
height: 40%;
margin: 0% 0% 2% 5%
}

.text a
{
	margin: 0% 0% 0% 50%
}
.text p
{
 
	text-align: center;
}

.text2
{
width:20%;
height: 40%;
margin: -33% 0% -2% 40%
}

.text2 a
{
	margin: 0% 0% 0% 45%
}
.text2 p
{
	text-align: center;
}
.text3
{
width:20%;
height: 40%;
margin: -30% 0% 2% 70%
}

.text3 a
{
	margin: 0% 0% 0% 45%
}
.text3 p
{
	text-align: center;
}

.newmenu
{
	height: 100%;
	width: 100%;
	margin: 8% 0% 0% 0%
}

.form
{
	margin: -100% 0% 0% 0%;
	
}
.Gmap
{
	height: 20%;
	width: 40%;
	margin: 30% 0% 0% 58%;
}
.Zman 
{
	height: 70%;
	width: 37.9%;
	margin: 0% 0% 0% 60%
}
.Zmen 
{
	height: 70%;
	width: 37.9%;
	margin: 0% 0% 0% 0%
}
.flogo
{
	height: auto;
}
.footer p
{
	margin-left: 60%;
	margin-top: -5%;
	
}
.nofoter
{
	border-bottom-style: solid;
	border-top-style: solid;
	 border-top-color: #3C1F1C;
border-bottom-color:#3C1F1C;
	
}
.abfoter
{
	border-bottom-style: solid;
	border-top-style: solid;
	margin-top: 50%;
	border-top-color: #3C1F1C;
border-bottom-color:#3C1F1C;
}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}