html,body {
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	background : url(../img/loader.gif) center center no-repeat #000;
	font-family: 'Oswald', sans-serif;
	font-size : 14px;
}
.clear {
	clear : both;
}
.ortala {
	margin  : 0 auto;
	width : 100%;
}
#header{
	position : fixed;
	top : 0;
	width : 100%;
	height : 90px;
	padding : 5px;
	background : url(../img/headerbg.png);
	z-index : 4;
}
#logo{
	float : left;
	height : 70px;
	width : 240px;
	padding : 10px;
}
#logo h1{
	display : none;
}
img.logo {
border : 0;
max-height : 70px;
width : auto;
}
#menu{
	float : right;
	height : 90px;
	padding-right : 10px;
}
#sosyal{
	float : right;
	width : 85px;
	height : 50px;
	padding : 20px;
	padding-left: 0px;
}
#sosyal .facebook{
	float : right;
}
#sosyal .twitter{
	float : left;
	margin-top : -48px;
}
#footer{
	position : fixed;
	bottom : 0;
	width : 100%;
	height : 30px;
	line-height : 30px;
	padding : 5px 10px ;
	background : url(../img/headerbg.png);
	z-index : 4;
	color : #fff;
	font-weight:100;
	text-shadow : -1px -1px #000;
}
.tel {
	margin  : 0 auto;
	margin-top : -30px;
	padding :0  10px;
	padding-left : 2px;
	max-width : 120px;
	background : #aa0000;
	border-radius : 5px;
}
a.rezervasyon{
	color : #fff;
	text-shadow : -1px -1px #000;
	text-decoration : none;
	background : url(../img/headerbg.png);
	padding : 5px 10px 5px 10px;
	position : fixed;
	bottom : 0;
	font-size : 16px;
	right : 125px;
	line-height : 30px;
}
#page{
	position : fixed;
	right : 5%;
	top : 20%;
	height : 70%;
	width : 70%;
	background : url(../img/headerbg.png);
	z-index : 3;
	color  :#ddd;
	font-weight:100;
}
#pagebaslik{
	height : 23px;
	background : url(../img/headerbg.png);
	z-index : 3;
	padding : 10px;
	color : #fff;
	font-weight : 400;
	line-height :23px;
}
#icerik{
	padding : 10px;
	padding-top : 0px;
	height : 87%;
	overflow : auto;
}
#icerik::-webkit-scrollbar {
	width : 5px;
}
#icerik::-webkit-scrollbar-track {
	background : #eee;
}
#icerik::-webkit-scrollbar-thumb {
	background : #a01e1a;
}

.urunbox {
float : left;
margin-top : 10px;
margin-right : 10px;
padding : 5px;
width : 180px;
height : 100px;
background : url(../img/headerbg.png);
}
.urunbox2 {
float : left;
margin-top : 10px;
margin-right : 10px;
padding : 5px;
width : 180px;
height : 210px;
background : url(../img/headerbg2.png);
}
.resim2 {
width : 180px;
height : 180px;
overflow : hidden;
}
.baslik2 {
width : 180px;
height : 20px;
overflow : hidden;
text-align : center
}
.baslik2 a{
text-decoration:none;
color  :#333;
}
.urunbox2:hover .baslik2 a{
text-decoration:none;
color  :#fff;
}
.baslik2 a:hover{
text-decoration:none;
color  :#fff;
}
.resim {
width : 180px;
height : 100px;
overflow : hidden;
}
img.urun_resim {
border : 0;
width : 180px;
height : auto;
}
td input{
	outline : 0;
	border : 1px solid #ddd;
	padding : 3px;
	width : 90%;
	height : 25px;
}
td input:focus{
	border : 1px solid #a01e1a;
}
td select{
	outline : 0;
	border : 1px solid #ddd;
	padding : 3px;
	width : 93%;
	height : 30px;
}
td select:focus{
	border : 1px solid #a01e1a;
}
td textarea{
	outline : 0;
	border : 1px solid #ddd;
	padding : 3px;
	width : 96%;
	height : 50px;
}
td textarea:focus{
	border : 1px solid #a01e1a;
}
#menubuton{
	height : 95px;
	width : 25px;
	background : #a01e1a;
	float : right;
	margin-top : -10px;
	margin-right : -10px;
	cursor : pointer;
}