﻿body
{
margin:0px;
padding:0px;
	
}

.main

{
	width:100%;
	height:500px;
	
}

.mainmenu
{
  background:url('../img/menu1-bg.png');
  width:100%;
  height:105px;
  
	
}     


.submenumain
{
	width:1020px;
 	height:105px;
	margin:0 auto;
	
}


.logo
{
	width:225px;
	float:left;
	position:relative;
	z-index:9000;
	height:130px;
}


.menucon
{
	width:795px;
	height:40px;
	float:left;
}

.submainmenu
{
	width:1125px;
	height:105px;
}


.menu
{
  text-align: left;
  display: inline;
  margin: 0;
  padding: 7px 2px 17px 0;
  list-style: none;
  font-size:15px;
  width:960px;
  text-decoration:none;
  list-style:none;
color:#86723D;


}
.menu li {
  font:25px;
  display: inline-block;
  position: relative;
  padding: 10px 30.7px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  line-height:45px;
	font-family: 'Oswald', Arial, sans-serif;
font-weight:200;
color:#463b2b;
 list-style:none;

background:url('../img/menu-bg-ayrac.png');
background-repeat:no-repeat;
font-style:italic;




}

.
.menu  li .menu  {
  padding: 0;
  position: absolute;
  left: 0;
  width:990px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;


}

.menu li a
{
	text-decoration:none;
color:#463b2b;
		height:105px;

}


.menu li a:hover
{
	color:#CC9900;
	height:105px;

}


   
 .active
 
   {
	color:#f5d99b;
		height:46px;
	background-color:#383127;


  }
  
    
.ustcon
{
	width:330px;
	height:30px;
	margin-top:5px;
	margin-left:40px;
}

.subust
{
	width:950px;
	height:30px;
	float:left;
	margin-left:0px;
}

.part1
{
	width:215px;
	height:30px;
	float:left;
}

.part2


{
	width:640px;
	height:30px;
	float:left;
	margin-left:10px;

}



.msgimg
{
	margin-top:6px;
	float:left;
	margin-left:0px;
}

.msgimg2
{
	margin-top:2px;
	float:left;
}


.msgtext
{
	color:white;
	font-size:13px;
	text-decoration:none;
	float:left;
	margin-left:10px;
	margin-top:6px;
	font-family: 'Oswald', Arial, sans-serif;
	font-style:italic;
	
}

.msgtextinfo
{
	color:white;
	font-size:13px;
	text-decoration:none;
	float:left;
	margin-left:0px;
	margin-top:6px;
	font-family:Arial;
}


.slider {
width:100%;
height:450px;
border-bottom:10px #463b2b solid;
position:absolute;
margin-top:0px;
}


.maincontent

{
	width:960px;
	height:448px;
	margin:0 auto;
	margin-top:75px;
	
}
.booking
{
	width:960px;
	height:90px;
	margin:0 auto;	
	margin-bottom:10px;
}
.slidercontentleft
{
	width:640px;
	height:225px;
	float:left;
	
}

.slidercontentright
{
	width:300px;
	height:228px;
	float:left;
	margin-left:20px;
	background-color:#463b2b;
}

.contentslider2
{
	width:640px;
	height:220px;
	float:left;
}

.rooms-blog{
		width:640px;
		height:auto;
		margin-top:20px;
			border:none;
	font-family: 'Oswald', Arial, sans-serif;
	font-style:italic;


		}
	.rooms-blog .room1{
		width:200px;
		height:200px;
		margin-right:20px;
		float:left;
		display:block;
			font-family:Roboto, sans-serif;
	font-style:italic;

		}
	.rooms-blog .room2{
		width:200px;
		height:200px;
		margin-right:20px;
		float:left;
		display:block;
		}
	.rooms-blog .room3{
		width:200px;
		height:200px;
		float:left;
		display:block;
		}
	.rooms-blog .room1:hover .room-typ,
	.rooms-blog .room2:hover .room-typ,
	.rooms-blog .room3:hover .room-typ{
		background-color:#463b2b;
		color:#f5d99b;

			text-decoration:none;

		}
	
	.rooms-blog .room-mask{
		width:200px;
		height:140px;
		position:absolute;
		z-index:200;
		
		}
	.rooms-blog .room-typ{
		width:200px;
		height:60px;
		background-color:#463b2b;
		color:white;
		text-align:center;
		line-height:60px;
		font-weight:600;
		text-decoration:none;
		border:none;
		}
		
		
		.content4
		{
	width:300px;
	height:200px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	background-color:#463b2b

}

.content4res
		{
	width:300px;
	height:156px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	background-color:#463b2b;

}

.content4map
		{
	width:300px;
	height:200px;
	float:left;
	margin-left:15px;
	margin-top:10px;
	background-color:#463b2b;

}

.content {
		width:300px;
		height:auto;
		min-height:200px;
		float:right;
		}
	.reservation-btn{
		display:block;
		width:300px;
		height:70px;
		line-height:70px;
		font-size:18px;
		font-weight:600;
		margin-top:-100px;
		color:white;
		text-align:left;
		background:url(../img/reservation-bg.jpg) repeat-x top left;
		position:absolute;
		border-top:10px solid #463b2b;
		z-index:200;
		text-decoration:none;  
	font-family: 'Oswald', Arial, sans-serif;
	font-style:italic;

		}
  .reservation-btn:hover{
		border-top:10px solid x #7F5F0E;
		color:#f6da9e;
		}
		
		
		
		.reservation-btn1{
		display:block;
		width:300px;
		height:70px;
		line-height:70px;
		font-size:18px;
		font-weight:600;
		margin-top:-95px;
		color:white;
		text-align:left;
		background:url(../img/reservation-bg.jpg) repeat-x top left;
		position:absolute;
		border-top:10px solid #f5d99b;
		z-index:200;
		text-decoration:none;  
	font-family: 'Oswald', Arial, sans-serif;
	font-style:italic;

		}
  .reservation-btn1:hover{
		border-top:10px solid #f6da9e;
		color:#f6da9e;
		}
	 .ico7{
		background:url(../img/reser-icon.png) left bottom no-repeat;
		}
		
	.ico7 {
background: url(../img/reser-icon.png) left bottom no-repeat;
}
.ico7 {
width: 30px;
height: 30px;
margin-top: 17px;
margin-left: 15px;
margin-right: 10px;
float: left;
background: url(../img/reser-icon.png) left top no-repeat;
	font-family:Roboto, sans-serif;
	font-style:italic;

}
		
.footer
{
width:100%;
height:30px;
border-bottom:6px #463b2b solid;

}
.clr{clear:both;}

.beforeimg
{
	width:960px;
	height:30px;
	background-image:url('../img/footer-bg1.jpg');
	margin:0 auto;

}


.mainfoot

{
	width:960px;
	height:30px;
	margin-top:5px;
	margin:0 auto;
}
.ulfooter
{
	
}

.fbar
{
	float:left;
	width:660px; 
	height:12px;
	margin-top:4px;
	margin-left:-60px;
}
.fbar li
{
	display:inline;
	float:left;
}
.fbar li a
{
	color:#463b2b;
	float:left; 
	height:20px; 
	font-size:13px; 
	text-decoration:none; 
	transition: color 0.15s linear 0s;
	text-transform:uppercase;
	font-family: 'Oswald', Arial, sans-serif;
	font-style:italic;
	margin-left:44px;

}
.fbar li a:hover 
{
	color:#BF9F62; 
}
.design
{
		color:#7F5F0E;
	font-family: 'Oswald', Arial, sans-serif;
	font-style:italic;
	font-size:13px; 
	text-decoration:none;
	height:5px;
	float:right;
	margin-top:4px;


}

.wholeimg
{
	height:80px;
	border-bottom:10px #463b2b solid;
position:absolute;
margin-top:0px;
margin:0 auto;
width:100%;

     


}

.wholesubmain
{
	width:100%;
	height:600px;
	
}

.subrestaurantmain
{
	width:960px;
	height:450px;
	margin:0 auto;
	margin-top:105px;


	

	
}

.subrestaurantmainthanks
{
	width:960px;
	height:420px;
	margin:0 auto;
	margin-top:105px;


	

	
}

.restaurantmain
{
	height:500px;
	width:960px;
	margin: 0 auto;
		margin-top:75px;
		background-color:fuchsia;
}

.slidercontentleftsub
{
	width:635px;
	height:400px;
	float:left;
	border:1px  #463b2b solid;
border-bottom:5px  #463b2b solid;	

}

.slidercontentleftsubmap
{
	width:635px;
	height:435px;
	float:left;
	border:1px #463b2b solid;
border-bottom:3px #463b2b solid;	

}

.slidercontentleftsubmapreser
{
	width:635px;
	height:432px;
	float:left;
	border:1px #463b2b solid;
border-bottom:5px #463b2b solid;
background-color:#463b2b;	

}



.gallerycontentborder
{
	border:1px  #463b2b solid;
border-bottom:5px  #463b2b solid;
	width:960px;
	height:530px;
	margin-left:0px;
	float:left;

	
}

.slidercontentrightsub
{
	width:300px;
	height:228px;
	float:left;
	margin-left:16px;
	background-color:#463b2b;
}

.gallerymainpage
{
	width:960px;
	height:490px;
		margin-left:2px;
	margin-top:15px;

}
.maincontentgal
{
	width:960px;
	height:160px;
	font-size:14px;
	margin:5px 0px 0px 0px;
	color:#825700;

}


.titlename
{
	width:230px;
	height:50px;
	margin-top:-174px;
    position:absolute;

}

.font
{
	font-family: 'Oswald', Arial, sans-serif;
	    font-style:italic;
	      font-size:20px;
	      font-weight:normal;
	      color:white;


}

.restaurantpageimg
{
	width:600px;
	height:220px;
	margin-left:17px;
	margin-top:16px;
}

.contentul
{
	width:600px;
	height:150px;
	margin-left:17px;
	margin-top:2px;

}

.ournote
{
	margin:0px;
	padding:0px;
	width:790px;
	height:166px;
	margin:0 auto;
	margin-top:2px;
	font-family: 'Oswald', Arial, sans-serif;
		    font-style:italic;

}
.ournote p
{
	margin:0px;
	padding:0px;
	width:800px;
	height:40px;
	line-height:45px;
	font-family: 'Oswald', Arial, sans-serif;
	font-size:18px;
}
.ournote h3
{
	margin:0px;
	padding:0px;
	width:800px;
	height:30px;
	margin-top:15px;
	line-height:30px;
	border-bottom:1px #00843E solid;
	font-family: 'Oswald', Arial, sans-serif;
	font-size:14px;
	color:#846D3B;
	font-weight:normal;
	letter-spacing:1px;
}

.ournote ul
{
	margin:0px;
	padding:0px;
	height:30px;
}
.ournote ul li
{
	margin:0px;
	padding:0px;
	display:inline;
	font-family: 'Oswald', Arial, sans-serif;
	font-size:14px;
	width:300px;
	float:left;
	line-height:35px;
	list-style-type:none;
	background-image:url('../img/right.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	color:#846D3B;
}
/* ------------------
 styling for the tables 
   ------------------   */


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	border:3px #463b2b solid;
	text-align:center;
	margin-left:3px;
	height:215px;
}
#box-table-a th
{
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	background: #846D3B;
	border-bottom: 1px solid #7F5F0E;
	color: white;
}
#box-table-a td
{
	padding: 8px;
	border-bottom: 1px solid #7F5F0E;
	color: #846D3B;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background:#f5d99b;
	color: #000;
	font-weight:bold;
}

.roomsmain
{
	width:600px;
	height:400px;
	margin-left:17px;
	margin-top:15px;
	}
	
	.singleroompart1
	{
	 width:600px;
	 height:180px;
	 background-color:#463b2b;
	}
	
	.singleroompart1img
	{
	width:300px;
	height:180px;
	float:left;
}

.singleroompart2
	{
	 width:600px;
	 height:180px;
	 background-color:#463b2b;
	 margin-top:5px;
	}
	
	.singleroompart2img
	{
	width:300px;
	height:180px;
	float:left;
}



.subpartroom
{
	width:300px;
	background-color:#7F5F0E;
	height:50px;
	float:left;
}

.roomtext
{
	float:left;
	width:150px;
	height:60px;
	
}
.btnreser
{
	float:left;
	width:130px;
	height:34px;
	color:white;
	background-color:#f5d99b;
	margin-top:8px;
	margin-left:10px;
}

.booktext
{
	margin-top:9px;
	 text-align:center;
	 color:#7F5F0E;
	 font-family:Oswald, Arial, sans-serif;
	 font-size:13px;
	 font-style:italic;
	
}
.decor
{
	text-decoration:none;
	color:#7F5F0E;
	
}

.decor:hover
{
	color:white;
}
.roomsul
{
	width:275px;
	height:115px;
	margin-top:5px;
	float:left;
	margin-left:16px;
}

.booktext:hover
{
	color:white;
}

.btnreser:hover 
{
	color:white;	

}

.fontstyle
{
	font-size:16px;
	font-family:Oswald, Arial, sans-serif;
	font-style:italic;
	margin-left:18px;
	margin-top:18px;
		color:white;

}

.icon 
{ 
	margin-left:3px;
	margin-top:15px;
}

.icon ul
{
 margin:0px;
	padding:0px;
	height:30px;
	float:left;
	margin-left:15px;
	margin-top:22px;

 
}

.icon ul li
{
	background-image:url('../img/ticok.png');
	background-repeat:no-repeat;
  padding-left:30px;
  list-style:none;
  height:30px;
  color:white;


}

.contactmain
{
	width:600px;
	height:380px;
  margin-left:17px;
	margin-top:22px;

}

.contactleft
{     
	width:596px;   
	height:205px;
	float:left;
	text-align:justify;
		border:3px #463b2b solid;

	
}

.map
{
	width:596px;
	height:165px;
	float:left;
		border:3px #463b2b solid;
		margin-top:10px;
		margin-left:0px;

	
}


