@import "css/css?family=Gentium+Book+Basic:400,400italic,700,700italic";
@import "reset.css";
@import "prettyPhoto.css";
@import "slider.css";
@import "jquery-ui-1.10.0.custom.css";
@import "jplayer.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{ background:#3a3737; border:0; font: 14px "Times New Roman",Georgia,Serif; color:#c3c8cb ; line-height:18px; min-width:1000px; min-height: 900px;}

#spinner { position:fixed; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #3a3737; width:100%; height:100%; top:0; left:0;}
#pageLoader { position: fixed; width: 72px; height: 72px; top: 50%; left: 50%; margin: -36px 0 0 -36px; background:#3a3737; z-index: 1000; padding: 0px; display: none; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#pageLoader > div { background: url(../images/page_loader.gif) 0 0 no-repeat; width: 64px; height: 64px; margin: 4px;}

.top{position: absolute; width: 100%; height: 250px; left: 0; top: 0; z-index: 30;}
.top1{width: 100%; height: 137px; background: #252728; border-bottom: 1px solid #b24848;position: relative; z-index: 2;}
.top1_inner{width: 1000px; height: 32px; margin: 0 auto; text-align: right; padding-top: 90px;}
.top1_inner .txt1{display: inline-block; font-family: 'Gentium Book Basic'; font-weight: 400; font-style: italic; font-size: 14px; line-height: 40px; color: #a1a099; padding-right: 10px;}
.top1_inner .txt2{display: inline-block; font-family: 'Gentium Book Basic'; font-weight: 400; font-size: 24px;  color: #fff; padding-right: 20px; line-height: 33px;}
.top1_inner .txt3{display: inline-block; font-family: 'Gentium Book Basic'; font-weight: 400; font-style: italic; font-size: 14px; line-height: 40px; color: #a1a099; padding-right: 10px;}

.icons { display: inline-block; padding-right: 5px;}
.icons > li { display:inline-block; padding:0 2px;position:relative;}
.icons > li > a{display:block;}

.top2_wrapper{width: 100%; height: 55px; background:url(../images/top2_px.png) 0 0 repeat-x;position: relative;z-index: 3;}
.top2{width: 100%; height: 50px; background: url(../images/top2.png) center top no-repeat;}
.top2_inner{width: 1000px; height: 50px; margin: 0 auto; text-align: left;}

header{width: 138px; height: 273px; background: url(../images/header.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -490px; top: 0; z-index: 10;}
.logo { display:block;text-decoration:none; text-align: center; padding-top: 80px;}
.logo .txt1{font-size: 28px; line-height: 24px; font-family: 'Gentium Book Basic'; font-weight: 400; color: #ece5bd; text-decoration: none; text-transform: uppercase; padding-top: 10px;}

footer{width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; z-index: 30; text-align: center;font-family: 'Gentium Book Basic'; font-weight: 400; text-transform: uppercase;}
.copyright{display: inline-block; color:#aaaaaa;  line-height: 50px; }
.marker1{display: inline-block; width: 10px; color: #474747;line-height: 50px;}
.privacy{ display: inline-block; height: 20px; line-height: 20px; color: #f5f5f5; text-decoration: none; padding: 0 10px; margin-top: 15px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.privacy:hover{color: #e67373;}
.tola{display: inline-block;}

.reservation_wrapper{width: 1000px; position: relative; left: 50%; top: -205px; margin-top: 0px; margin-left:-500px; z-index: 1; }
.reservation{ height: 200px;background: url(../images/reservation.jpg) left bottom no-repeat #37393a; border-bottom:3px solid #b24848;}
.reservation_but_wrapper{text-align: center;}
.reservation_but{display: inline-block; height: 28px; cursor: pointer;}
.reservation_but .corner1{display:inline-block;width:20px; height: 28px; background: url(../images/corner_left.png) 0 0 no-repeat; }
.reservation_but .corner2{display:inline-block;width:20px; height: 28px; background: url(../images/corner_right.png) 0 0 no-repeat; }
.reservation_but .txt1{display: inline-block; position: relative; z-index: 2; text-align: center; font-family: 'Gentium Book Basic'; font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: 4px; text-transform: uppercase; color: #ce9999; padding: 0 10px; background: #b24848; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.reservation_but:hover .txt1{color: #fff;}

.reservation_top{position: relative; width: 800px; height: 60px; margin-left: 170px; padding-top: 50px;}
.reservation_top .txt1{display: inline-block; float: left; width: 200px;font-family: 'Gentium Book Basic'; font-weight: 400; font-size: 30px; line-height: 34px; color: #aaafb2;}
.reservation_top .txt2{display: inline-block; float: left; width: 570px; color: #bbc1c4;}


.reservation_bot{position: relative; z-index: 30; margin-left: 30px; margin-right: 20px;}

.close2{ display:block; width:23px; height:23px; position:absolute; right:0px; top:50px; z-index:30;}
.close2 span{ display:block; width:100%; height:100%; background:url(../images/close2.png) center center no-repeat; }

.splash{margin-top: 70px; width: 1000px; height: 552px;position: relative;}

.banner1, .banner2{width: 295px; height: 190px; background: url(../images/banner1.png);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 35px 30px 0px 15px}

.banner1{position: absolute; right: 20px; top: 50px; z-index: 10;}

.banner2{position: absolute; right: 20px; top: 285px; z-index: 10;}

.close_banner{ display:block; width:23px; height:23px; position:absolute; right:10px; top:10px; z-index:30;}
.close_banner span{ display:block; width:100%; height:100%; background:url(../images/close_banner.png) center center no-repeat; }

.banner1 .txt1{font-family: 'Gentium Book Basic'; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 25px; line-height: 25px; padding-bottom: 10px;}
.banner1 .txt2{color: #c3c8cb; padding-bottom: 15px;}

.banner2 .txt1{font-family: 'Gentium Book Basic'; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 25px; line-height: 25px; padding-bottom: 10px;}
.banner2 .txt2{color: #c3c8cb; padding-bottom: 15px;}
.banner2 .txt3{display: inline-block; font-family: 'Gentium Book Basic'; font-weight: 700; color: #b24848; font-size: 103px; line-height: 70px; padding-right: 10px;}
.banner2 .txt4{display: inline-block; width: 140px; color: #c3c8cb; }
.banner2 .button1{margin-top: 16px;}


/* ============================= main menu ====================== */

.menu { display:inline-block; height:50px;position: relative; padding-left: 160px; text-align:center; white-space:nowrap; }
#menu { display:inline-block; height:50px; white-space:nowrap;}
#menu > li { display: inline-block;height:50px; position:relative; float:left; white-space:nowrap; padding-right: 2px; background: url(../images/markers.png) right top no-repeat;}
#menu > li > a{display: inline-block; height:100%; text-decoration:none; position:relative; padding:0 20px; overflow:hidden; }
#menu > li > a .over1{display:block;position: absolute;width:100%; height:100%; left:0px; top:0px; z-index:1; background:#33383b;}
#menu > li > a .txt1{ display:block; position: relative; width:100%; z-index:3;font-family: 'Gentium Book Basic'; font-weight: 400;font-size:16px; line-height:50px; color:#cbd1d4; text-decoration:none;}

.submenu{ position:absolute; z-index:1; top:50px; left:0px;}
.submenu ul{padding: 5px 0; background: #1c1d1e;}
.submenu ul > li{ display:block; width:100%; height:27px; line-height: 27px;position:relative; text-align:left;}
.submenu ul > li > a{ display:block;text-decoration:none; position: relative; font-family: 'Gentium Book Basic'; font-weight: 400;font-size:16px; color:#cbd1d4; white-space:nowrap; padding: 0 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.submenu ul > li > a:hover { color:#fff; text-decoration:none;background: #b24848;}











/* ============================= main layout ====================== */
#wrapper{background: url(../images/px1.jpg);}
#wrapper > section { position: relative; z-index: 10; height: 100%; width: 1000px; margin: 0 auto; margin-top: 170px; }
#wrapper > section > div { position: relative; height: 100%; overflow: visible;  }

.close{ display:block; width:23px; height:23px; position:absolute; right:15px; top:15px; z-index:30;}
.close span{ display:block; width:100%; height:100%; background:url(../images/close2.png) center center no-repeat; }

.box{position: relative;width: 920px; background: #212020; padding: 50px 40px 50px 40px;}
.box_shadow{position: relative; width: 1000px; height: 82px; background: url(../images/sh1.png) center top no-repeat;}

.dynamicContent { position: absolute; width: 100%; z-index: 2; }
.dynamicContent .content{padding-bottom: 0px; position: relative;}





.divider{padding-right: 30px; border-right:1px solid #3d4041; margin-right: 29px;}

.col0,.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12   { float:left;}

.col0 { width:1px; background:#131314; margin-left:29px; margin-right:30px; margin-top:20px;}

.col1{ width:610px;}
.col2{ width:250px;}







.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}
.pad_left5{ padding-left:50px;}
.pad_left6{ padding-left:60px;}
.pad_left7{ padding-left:70px;}




a{ color:#ece5bd; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family: 'Gentium Book Basic'; font-weight: 700; font-size:25px; color:#fff; line-height:25px; padding:15px 0 20px 0; text-transform: uppercase;  }
.h3{ font-family: 'Gentium Book Basic'; font-weight: 700; font-size:18px; color:#dc6b6b; line-height:20px; padding-bottom: 7px;  }




.upper { text-transform:uppercase;}

.color1{ color:#fff;}
.color2{ color:#ffae00;}

.text { padding:0 0 5px; display: block;}

.line1 { height:1px; background:#3d4041; margin:15px 0;}

.radius1{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.border1 { border:5px solid #393737;}



.img1 {margin-bottom:20px;margin-right:20px;}
.img2 {margin-right:20px; }
.img3 {margin-bottom:20px;}
.img44 {margin-right:10px; float:left }

.button1{ display:inline-block; height:24px; line-height:24px; text-decoration: underline; margin-top:10px; margin-bottom:10px; font-size:16px; font-family: 'Gentium Book Basic'; font-weight: 400; font-style: italic; color:#fff; white-space:nowrap; letter-spacing:1px; background:url(../images/button1.png) right 5px no-repeat; padding-right:25px;}
.button1:hover { color:#d4ceab; text-decoration: underline;}

.button2{display: inline-block; height: 34px; line-height: 34px; padding: 0 15px; font-family: 'Gentium Book Basic'; font-weight: 700; font-size:18px; color: #000; background: url(../images/button2.jpg) left top repeat-x; text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin-top: 0px; font-style: normal; text-transform: uppercase; text-shadow:1px 1px 0px #b0aa88;margin-top:10px; margin-bottom:10px; }
.button2:hover{color: #eae4be; background-position: bottom; text-shadow:none; }

.gal1 { width:192px; padding-bottom:20px; float:left; margin-right:30px; }
.gal1.last { margin-right:0px; }

.photo1 {width:192px; height:108px; margin-bottom:15px;}
.photo1 a img {border:5px solid #393737;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.photo1 a:hover img{border:5px solid #fff;}

.ul1{ margin-bottom:0px;}
.ul1 > li { line-height:30px; }
.ul1 > li a{ display:block; height:100%; text-decoration:none; color:#c3c8cb; padding-left:25px; background: url(../images/li_st1.png) 0 13px no-repeat; font-size: 16px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.ul1 > li a:hover{ text-decoration:none; color:#fff; background-position: 10px 13px;}

.google_map{

    width: 910px;
    height: 440px;
    border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
    background: #fff;
    position:relative;
    overflow:hidden; margin-bottom:20px; border:5px solid #393737;
}

.google_map iframe { background:#fff url(../images/googleMapLoader.gif) no-repeat center center; border: medium none; display: inline-block; height: 100%; outline: medium none; position: relative; width: 100%; }

.restaurant1{width: 280px; float: left; margin-right: 50px; padding-bottom: 20px;}
.restaurant1.last{margin-right: 0;}
.restaurant1 .img{ border:5px solid #393737; margin-bottom: 20px;}

.restaurant2{padding-bottom: 20px;}
.restaurant2 .img{ border:5px solid #393737; margin-bottom: 20px;}








/*================= reservation =========================*/

#reservation_note{ padding-top: 5px;  }
.reservation_notification_error{ color:#ebe2af; margin-bottom:5px;font: 11px Arial, Helvetica, sans-serif; line-height: 16px; }
.reservation_notification_ok{ text-align: left; font-size: 14px; font-family: 'Georgia'; font-style: italic; color: #bbc1c4; padding-left: 20px; padding-right: 20px; padding-top: 15px;} 

.reservation_more{display: inline-block; height: 37px; line-height: 37px; padding: 0 15px; font-family: 'Gentium Book Basic'; font-weight: 400; font-size:17px; color: #e9c4c4; background: url(../images/reservation_more.jpg) left top repeat-x; text-decoration: none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin-top: 0px; font-style: normal; text-transform: uppercase; }
.reservation_more:hover{color: #fff; background-position: bottom; }


#ajax-reservation-form2 label{height: 20px; line-height:20px; color:#a7a7a7;font: 11px Arial, Helvetica, sans-serif; padding-left: 0px;}
#ajax-reservation-form2 label .red{display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #b24848; padding-right: 5px; margin-top: -5px;}

#ajax-reservation-form2 input{ width:150px; padding-left: 10px; height:31px; background: #e9e9e9; border: 1px solid #bdbdbd; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family:"Times New Roman"; font-size:14px; color: #4a4a4a;-moz-box-shadow: inset 2px 2px 5px #f0f0f0; -webkit-box-shadow: inset 2px 2px  5px #f0f0f0; box-shadow: inset 2px 2px 5px #f0f0f0;  }
#ajax-reservation-form2 input.name{width: 100px;}
#ajax-reservation-form2 input.phone{width: 90px;}
#ajax-reservation-form2 input.email{width: 100px;}
#ajax-reservation-form2 input.datepicker{background:#e9e9e9 url(../images/calendar_ic.png) right center no-repeat; width: 120px;}
#ajax-reservation-form2 input.nights{width: 40px; text-align: center; padding-left: 0;}

#ajax-reservation-form2 input:focus{border-color:#656565; }

#ajax-reservation-form2 select { height:31px; border: 1px solid #bdbdbd; border-top-color: #CCC; font-size: 1em; padding: 5px 5px; -moz-box-shadow: inset 2px 2px 5px #f0f0f0; -webkit-box-shadow: inset 2px 2px  5px #f0f0f0; box-shadow: inset 2px 2px 5px #f0f0f0; font-family:"Times New Roman"; font-size:14px; color: #4a4a4a;margin-bottom:5px;background: #e9e9e9;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#ajax-reservation-form2 select.select1{width: 120px;}
#ajax-reservation-form2 select.select2{width: 50px;}
#ajax-reservation-form2 select.select3{width: 50px;}

#ajax-reservation-form2 input.submit{ width:113px; height:37px; cursor:pointer; background:url(../images/reservation_submit.png) left top no-repeat; border:none; margin:16px 0 0 10px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  text-indent:-999%; box-shadow: none; padding: 0; }
#ajax-reservation-form2 input.submit:hover{ background-position:bottom;}

/*================= Contacts =========================*/

#note{ width:910px; }
.notification_error{ color:#f00; margin-bottom:5px }
.notification_ok{ text-align: center;font-size: 20px; line-height: 25px; padding-top: 20px;} 

#ajax-contact-form label{float:left; width: 100px; line-height:31px; color:#c3c8cb;}
#ajax-contact-form label.c{ margin-top:5px;}

#ajax-contact-form input{ float:left; width:380px; height:34px; font-family:"Times New Roman"; font-size:14px; color: #c3c8cb; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding-left: 5px;}
#ajax-contact-form input:focus{border-color:#959595; }

#ajax-contact-form textarea{ float:left; width:380px; height:118px; font-family:"Times New Roman"; font-size:14px; color: #c3c8cb; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-left: 5px; padding-top: 5px;}
#ajax-contact-form textarea:focus{border-color:#959595; }

#ajax-contact-form img{float:left; width:150px; height:53px; margin-top:5px; margin-left:10px;}

#ajax-contact-form input.capthca{ float:left; width:270px; margin-top:5px; margin-right:10px;}

#ajax-contact-form input.submit{ width:147px; height:40px; cursor:pointer; background:url(../images/submit.png) left top no-repeat; border:none; margin:10px 0 0 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  text-indent:-999%;box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
#ajax-contact-form input.submit:hover{ background-position:bottom;}

.box5{
	margin-left:15px;
	border:0px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px #fff;
	-webkit-box-shadow: 0px 0px 2px #fff;
	box-shadow: 0px 0px 2px #fff;
}
.box2{
	margin-left:15px;
	border:0px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px #fff;
	-webkit-box-shadow: 0px 0px 2px #fff;
	box-shadow: 0px 0px 2px #fff;
}
.box3{
	margin-left:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px #fff;
	-webkit-box-shadow: 0px 0px 2px #fff;
	box-shadow: 0px 0px 2px #fff;
}
#hk_mesaj_gonder { margin: 10px 0; }
#hk_mesaj_gonder a,
#hk_mesaj_gonder_form p input[type="submit"],
#login input[type="submit"] { 
    text-shadow: 1px 1px 0 #F5F5F5;
    background: #F9F9F9;
    background: -moz-linear-gradient(center top , #F9F9F9 0%, #F1F1F1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#F1F1F1));
    background: -webkit-linear-gradient(top, #F9F9F9 0%,#F1F1F1 100%);
    background: -o-linear-gradient(top, #F9F9F9 0%,#F1F1F1 100%);
    background: -ms-linear-gradient(top, #F9F9F9 0%,#F1F1F1 100%);
    background: linear-gradient(top, #F9F9F9 0%,#F1F1F1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#F1F1F1',GradientType=0 );
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    color: #444;
    width: 110px;
    text-align: center;
}
#hk_mesaj_gonder a:hover,
#hk_mesaj_gonder_form p input[type="submit"]:hover {
    background: -moz-linear-gradient(center top , #E1E1E1 0%, #F5F5F5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#F5F5F5));
    background: -webkit-linear-gradient(top, #E1E1E1 0%,#F5F5F5 100%);
    background: -o-linear-gradient(top, #E1E1E1 0%,#F5F5F5 100%);
    background: -ms-linear-gradient(top, #E1E1E1 0%,#F5F5F5 100%);
    background: linear-gradient(top, #E1E1E1 0%,#F5F5F5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#F5F5F5',GradientType=0 );
}
.hk_mesaj_container { border: 3px solid #EEEEEE; border-radius: 3px; }
.hk_mesaj_container + .hk_mesaj_container { margin-top: 10px; }
.hk_mesaj { border: 1px solid #CACACA; }
.hk_mesaj_header {
    border-top: 1px solid #F8F8F8;
    border-bottom: 1px solid #CCCCCC;
    line-height: 32px;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%);
    background: linear-gradient(top, #f1f1f1 0%,#e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 );
    padding: 0 6px;
}
span { }
.yazar { font-weight: bold; color:#FFF; }
.tarih { float: right; }
.yorum1 { font-weight: bold; color:#eaeae9; }