/*--------------------------------------------
	coding By Mücdat
	YBH
---------------------------------------------*/
@font-face {
    font-family: 'rnormal';
    src: url('font/roboto-condensed-webfont.eot');
    src: url('font/roboto-condensed-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-condensed-webfont.woff') format('woff'),
         url('font/roboto-condensed-webfont.ttf') format('truetype'),
         url('font/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rbold';
    src: url('font/roboto-boldcondensed-webfont.eot');
    src: url('font/roboto-boldcondensed-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-boldcondensed-webfont.woff') format('woff'),
         url('font/roboto-boldcondensed-webfont.ttf') format('truetype'),
         url('font/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'obold';
    src: url('font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'onormal';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a{text-decoration:none;outline:0 none}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear:both
}
.noborder {
	border:0 none!important
}
#nomargin,.nomargin {
	margin-right:0!important
}
.nobg{
	background:none!important;
}
html,body {
	width:100%;
	height:100%;
	font:14px/21px rnormal,calibri,arial
}
body {
	min-width:970px;
	height:100%;
	min-height:100%;
}
.container {
	width:100%;
	min-height:100%;
	height:auto;
	position:relative;
	margin-bottom:-340px
}
.container:after {
	content:"";
	display:block;
	height:340px
}
.header {
	width:100%;
	height:93px;
	background:#fff;
	border-bottom:3px solid #fff
}
.headerIn {
	width:962px;
	height:98px;
	margin:0 auto;
	position:relative
}
.logo {
	width:320px;
	height:135px;
	position:absolute;
	display:block;
	top:-95px;
	left:-20px;
	z-index:700;
	background: url(../img/site/logo.png) no-repeat center center;
	
}
.logo a {
	width:250px;
	height:135px;
	display:block;
	text-indent:-9999px;
	position:relative;
	z-index:700;
}

.motto {
	position:absolute;
	top:50px;
	left:160px;
	font:oblique 14px calibri,arial;
	color:#7e7a7a
}

.lang {
	width:67px;
	height:27px;
	float:right;
	margin:35px 12px 0 0;
	background:url(../img/site/lang.png) no-repeat center top
}
.lang a {
	width:29px;
	height:27px;
	float:left;
	display:block;
	text-indent:-9999px;
}

.lang a#en {
	margin-left:9px;
}

.navWrapper {

	width:962px;
	height:auto;
	padding-bottom:20px;
	background:url(../img/site/menushadow.png) no-repeat center bottom;
	margin:0 auto;
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-481px;
	z-index:700
}

.nav {
	width:952px;
	height:47px;
	background:#fff;
}

.menu {
	width:695px;
	height:47px;
	text-align:justify;
	float:right;
	position:relative;
	z-index:900
}
.menu li {
	width:110px;
	display:inline-block;
	text-align:center;
	float:left;
	height:47px;
	border-right:2px solid #d4d0d1
}

.menu li a {
	display:inline-block;
	font:14px rbold,calibri,arial;
	color:#000;
	margin-top:13px;
	
}

.menu li#noBorder {
	border:0 none
}

.slider {
	width:100%;
	height:634px;
	background:url(../img/site/slider.png) no-repeat center bottom;
	overflow:hidden;
}
#image {
	height:500px;
	position:relative;
	z-index:400;
	overflow:hidden;
}

#image li {
	width:100%;
	height:500px;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat;
	float:left
}

#image li a {
	width:100%;
	height:500px;
	display:block
}

.thumb {
	width:100%;
	height:68px;
	background:#eee
}

.thumbAuto {
	width:962px;
	height:;
	margin:0 auto
}

.thumbNav {
	float:left;
}

.thumbNav a {
	width:42px;
	height:68px;
	float:left;
	background:#f00;
	text-indent:-9999px;
	background:url(../img/site/navigation.png) no-repeat 0 0
}
.thumbNav  a#prev {
	background-position:0 0;
}

.thumbNav  a#next {
	background-position:-43px 0;
	margin-left:1px
}

.thumbNav a#prev:hover {
	background-position:0 -69px;
}

.thumbNav a#next:hover {
	background-position:-43px -69px;
}

.thumbImage {
	width:330px;
	height:68px;
	float:left;
	margin:0px 0 0 0;
	overflow:hidden;
	position:relative;
	z-index:1000
}

#thumbList li {
	float:left
}

#thumbList li a {
	border-top:5px solid transparent;
	display:block;
	width:104px;
	height:66px;
	overflow:hidden;
	margin:0 0 0 5px;
	background:#fff;
}
#thumbList li a div {
	width:100%;
	height:66px;
	display:table
}

#thumbList li a div div {
	width:100%;
	height:66px;
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

#thumbList li a:hover,#thumbList li a.active {
	border-top:5px solid #004990;
}

#thumbList li a img {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto
}
.thumbTitle {
	width:547px;
	height:68px;
	float:left;
	overflow:hidden;
}
#thumbTitle {
	width:547px;
	height:auto;
	position:relative;
}

#thumbTitle li {
	width:527px;
	height:68px;
	position:absolute;
	top:0;
	left:10px;
	overflow:hidden;
	display:none
}

#thumbTitle li a{
	width:527px;
	height:68px;
	display:block;
	overflow:hidden;
}

#thumbTitle li a div {
	width:100%;
	height:68px;
	display:table
}

#thumbTitle li a div div {
	width:100%;
	height:68px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font:18px/21px rbold,calibri,arial;
	color:#38465a
}

.center {
	width:975px;
	height:540px;
	margin:0 auto;
	position:relative;
	overflow:hidden
}

.centerWrapper {
	width:1000px
}

.centerFake {
	width:930px;
	height:50px;
	position:absolute;
	top:124px;
	left:50%;
	margin-left:-465px;
	background:#e5e2e2;
	border-radius:20px
}

.box {
	width:229px;
	height:590px;
	float:left;
	margin-right:20px;
	position:relative;
}

.boxFake {
	width:25px;
	height:498px;
	position:absolute;
	background:#e5e2e2;
	left:50%;
	margin-left:-12.5px;
	top:0;
	z-index:100
}

.boxTop {
	width:184px;
	height:184px;
	border:20px solid #38465a;
	background:#fff;
	border-radius:180px;
	position:relative;
	z-index:200;
	margin-top:27px;
	overflow:hidden;
}

.blueRound .boxTop {
		border:20px solid #14b5e9;
		background:#fff;
}

.boxTop a {
	width:184px;
	height:184px;
	display:block;
	margin:0;
	border-radius:180px
}

.boxTop a img {
	width:186px;
	height:186px;
	display:block;
	border-radius:180px;
	margin-top:-5px
	
}


.boxBottom {
	width:229px;
	height:189px;
	margin:30px 0 0 0;
	background:#fff;
	position:relative;
	z-index:200
}

.boxBottom h2 {
	display:block;
	padding:10px 0 5px 0;
	font:18px/23px rbold,calibri,arial;
	color:#000;
	text-align:center;
}

.boxContent {
	width:100%;
	height:140px;
	font:14px/20px rnormal,calibri,arial;
	color:#000;
	overflow:hidden
}

.devam {
	display:block;
	position:absolute;
	bottom:60px;
	text-align:center;
	font:14px rbold,calibri,arial;
	color:#000;
	width:100%;
}

.mainGallery {
	width:100%;
	height:214px;
	background:#e4e9eb;
	position:relative;
	overflow:hidden;
	margin:60px auto 0 auto
}
.mainGalleryAuto {
	width:962px;
	height:214px;
	margin:0 auto;
	overflow:hidden;
}
#gPrev,#gNext {
	width:23px;
	height:75px;
	display:block;
	text-indent:-9999px;
	background:url(../img/site/maingallery.png) no-repeat;
	margin-top:69px
}

#gPrev {
	float:left;
	background-position:0 0;
}

#gNext {
	float:right;
	background-position:-52px 0;
}

.mainGalleryWrapper {
	width:916px;
	height:152px;
	margin:31px 0 0 0;
	float:left;
	overflow:hidden
}
#mGList {
	height:151px
}
#mGList li {
	width:218px;
	height:152px;
	float:left;
	overflow:hidden;
	margin-right:15px
}

#mGList li img {
	width:218px;
	height:151px;
	display:block;
}
.footer {
	width:100%;
	height:340px;
	position:relative;
	margin:36px 0 0 0;
	background:#eaeced;
}

.footerTop {
	width:100%;
	height:280px;
	position:relative;
	overflow:hidden;
	
}	

.footerBottom {
	width:100%;
	height:60px;
	background:#01458c;
	position:relative;
	overflow:hidden;
}
.footerBottom .footerAuto {
	position:relative	
}

.footerBottom p {
	display:block;
	font:14px/60px rnormal,calibri,arial;
	color:#fff
}

#ybh {
	width:66px;
	height:19px;
	display:block;
	position:absolute;
	top:20px;
	right:0;
	text-indent:-9999px;
	background:url(../img/site/ybh.png) no-repeat
}
.footerAuto {
	width:962px;
	height:auto;
	margin:0 auto
}

.footerTop .footerAuto {
	height:280px;
	background:url(../img/site/footerlogo.png) no-repeat left 21px
}

.adres {
	width:654px;
	height:195px;
	float:right;
	background:url(../img/site/rezervasyon.png) no-repeat right 64px;
	text-align:center;
}

.adresIn {
	width:340px;
	height:auto;
	float:left;
	margin:64px auto 0 60px;
	font:13px rnormal,calibri,arial;
	text-align:left
}
.social {
	width:700px;
	height:700px;
	background:#dadbdb;
	position:absolute;
	bottom:-600px;
	left:50%;
	margin-left:-350px;
	border-radius:600px
}

.socialIn {
	width:300px;
	height:37px;
	position:absolute;
	bottom:610px;
	left:205px;
	text-align:justify
}
.socialIn ul li {
	display:block;
	width:42px;
	text-align:center;
	float:left;
}
.socialIn ul li a {
	width:38px;
	height:38px;
	display:block;
	text-indent:-9999px;
	background:url(../img/site/social.png) no-repeat;
}

.socialIn ul li a#linkedin {
	background-position:0 0;
}
.socialIn ul li a#facebook {
	background-position:-43px 0;
}
.socialIn ul li a#google {
	background-position:-86px 0;
}
.socialIn ul li a#twitter {
	background-position:-129px 0;
}
.socialIn ul li a#youtube {
	background-position:-173px 0;
}
.socialIn ul li a#rss {
	background-position:-217px 0;
}
.socialIn ul li a#pinterest {
	background-position:-260px 0;
}
.socialIn ul li a#linkedin:hover {
	background-position:0 -37px;
}
.socialIn ul li a#facebook:hover{
	background-position:-43px -38px;
}
.socialIn ul li a#google:hover{
	background-position:-86px -38px;
}
.socialIn ul li a#twitter:hover {
	background-position:-129px -38px;
}
.socialIn ul li a#youtube:hover {
	background-position:-173px -38px;
}
.socialIn ul li a#rss:hover:hover {
	background-position:-217px -38px;
}
.socialIn ul li a#pinterest:hover {
	background-position:-260px -38px;
}

.pageBanner {
	width:100%;
	height:185px;
	margin:0;
	background:url(../img/site/banner.jpg) no-repeat center top
}

.page {
	width:962px;
	height:auto;
	margin:0 auto
}

.pageRota {
	width:962px;
	height:35px;
	margin:5px auto 0 auto
}

.pageName {
	width:256px;
	height:35px;
	float:left;
	background:#1ab7ea;
	padding-left:12px
}

.pageName h2 {
	font:13px/35px rbold,calibri,arial;
	color:#fff;
	padding-left:25px;
	background:url(../img/site/rota.png) no-repeat left center;
	white-space:nowrap;
}
.pageSpace {
	width:692px;
	height:35px;
	float:left;
	margin-left:2px;
	background:#004990;
}

.page {
	width:962px;
	height:auto;
	margin-top:20px;
}

.pageLeft {
	width:268px;
	height:auto;
	float:left;
}

.pageRight {
	width:632px;
	height:auto;
	float:left;
	margin:0 0 0 2px;
	padding:10px 30px
}

.pageMenu li  a{
	width:207px;
	height:43px;
	display:block;
	background:#00438d url(../img/site/pagemenu.png) no-repeat left top;
	padding-left:61px;
	font:12px/43px rnormal,calibri,arial;
	color:#fff;
	margin-top:10px;
	white-space:nowrap;
	overflow:hidden;
}

.pageMenu li a:hover, .pageMenu li a.active {
	background:#eb5868 url(../img/site/pagemenu.png) no-repeat left top;
}

.pageMenu li ul.pageMenu {
	display:none
}

.pageMenu li ul.pageMenu li a {
	height:auto;
	background:none;
	padding-left:45px;
	color:#000;
	margin-top:5px;
	font:12px/26px rnormal,calibri,arial;
}

.pageMenu li ul.pageMenu li a:hover , .pageMenu ul.pageMenu li a.active {
	color:#eb5868
}

.reservation {
	background:#004990
}

.reservationTitle {
	margin-left:16px;
}

.reservationLeft {
	min-height:500px;
	position:relative;
}
.reservationRight {
	background:#fff;
	float:right
}

.reservationForm {
	width:632px;
	height:auto;
}

.r1 {
	width:193px;
	height:auto;
	margin:25px 0 0 16px;
	float:left
}

.r2 {
	width:610px;
	height:auto;
	margin:25px 0 0 16px
}
.r1 input[type=text]{
	width:178px;
	height:29px;
	display:block;
	padding:0 5px;
	border:1px solid #cdcdcd;
	color:#000;
	font:14px/29px rnormal,calibri,arial
}
.r1 input::-webkit-input-placeholder { color:#7e7a7a }
.r1 input::-moz-placeholder { color:#7e7a7a } 
.r1 input:-ms-input-placeholder { color:#7e7a7a } 
.r2 textarea::-webkit-input-placeholder { color:#7e7a7a }
.r2 textarea::-moz-placeholder { color:#7e7a7a } 
.r2 textarea:-ms-input-placeholder { color:#7e7a7a } 

.r2 textarea {
	width:598px;
	height:100px;
	border:1px solid #cdcdcd;
	padding:5px;
	resize:none;
	color:#000;
	font:14px/18px rnormal,calibri,arial;
	display:block
}

.r2 input[type=submit]{
	width:81px;
	height:37px;
	background:#004990;
	display:block;
	font:14px/37px rbold,calibri,arial;
	color:#fff;
	border:none;
	cursor:pointer
}

.map {
	width:958px;
	height:245px;
	border:2px solid #cdcdcd;
	float:left;
	position:relative
}

.mapHeader  {
	position:absolute;
	top:0;
	left:0;
	z-index:999
}

.mapHeader a {
	height:25px;
	padding:0 10px;
	display:block;
	font:14px/25px rnormal,calibri,arial;
	color:#fff;
	background:#1ab7ea;
	text-align:center;
	float:left;
	margin-right:5px
	
}

.mapHeader a:hover, .mapHeader a.active {
	background:#004990;
}

#map_canvas {
	width:958px;
	height:245px;
	float:left
}

.ilAdres {
	margin-top:25px
}

.iletisimForm{
	width:630px;
	float:left;
	margin-left:39px
}

/*---------------------------------------------------
					RESULT BOX
---------------------------------------------------*/
.resultWrapper {padding-left:15px;width:610px;height:auto;margin:20px 0 0 0 }
.result {width:auto;height:auto;padding:10px 1%;border-left-width:5px;border-left-style:solid}
.rheader {font:normal 18px rbold}
.rcontent {font:normal 14px rnormal}
.re {background:#FDF7F7;border-left-color:#B94A48}
.re h2 {color:#B94A48}
.re p {color:#B94A48}
.ri{background:#F4F8FA;border-left-color:#006699;}
.ri h2 {color:#006699}
.ri p {color:#006699}
.rs{background:#DFF0D8;border-left-color:#339933;}
.rs h2 {color:#339933}
.rs p {color:#339933}
#confirm {height:auto;position:absolute;right:0;z-index:999999;box-shadow:0 0 4px rgba(0,0,0,0.3)}
.cLink {width:auto;height:auto;padding:6px 10px;font:12px arial;border-radius:4px;color:#fff}
.cLink:hover {color:#fff}
.true {background:#339933}
.amorf {background:#006699}
.false {background:#B94A48}