*{font-family:segoe UI,trebuchet ms; font-size:16px; color:#000000; box-sizing:border-box}

body { margin:0;  background-color: #fff;}

.header{ width: 100%;  background-color: #001d47; height:1px}

.ortala {width:100%; max-width:1200px; margin:auto; padding:0;}

.logo {padding:15px 0 15px 15px !important;}

.logoimg {width:100%; max-width:148px; margin-right:150px; }
.logoimgfr {width:100%; max-width:148px; margin-right:130px; }
.logoimgit {width:100%; max-width:148px; margin-right:130px; }

.anasayfayuzdeyuz{background-image:url(images/turkish-coast.jpg); background-size: cover; background-repeat:no-repeat; width:100%; height:100%; min-height:644px;} 

.anasayfayuzdeyuztr{background-image:url(liberte11/x.jpg); background-size: cover; background-repeat:no-repeat; width:100%; height:100%; min-height:644px;} 

.icerik{width: 100%; max-width:1200px; margin:auto; padding:16px;}

.footer{ width: 100%; background-color: #001d47; padding:15px 0 15px 0}

.altmenusabit{position: fixed; left: 0; bottom: 0; width: 100%; background-color: #001d47; padding:15px 0 15px 0;}
.altmenuyazi{font-size: 14px; color:#cc9966; text-decoration:none; padding: 0; text-align:center} 


a.altmenu{font-family:arial; font-size: 17px; color:#f2f2f2; text-decoration:none; padding: 0; text-align:center} 
a.altmenu:hover{color:#bbddff;} 

a.eposta{font-family:segoe UI,trebuchet ms; font-size:16px; color:#0000ff; text-decoration:none}
a.eposta:hover{color:#ff0000; text-decoration:none}

h1 {font-size:21px; color:#cc9966; margin:10px 0 0 0; padding:0; text-decoration:none}
h2  {font-size:18px; font-weight:bold; color:#cc9966; margin:10px 0 0 0; padding:0;}

.temizle {clear:both}

.yat-form {width:100%; max-width:800px; height:auto; margin:0; padding:0}
.yat-form-bilgi {float:left; width:100%; max-width:360px; margin:10px 20px 10px 0; padding:0;}
.form-dugme {width:100%;  max-width:360px; padding:0;}
input {width:100%; height:40px; border:#6fb6ff 1px solid; font-family:trebuchet ms; color:#656565;font-size:16px; border-radius:5px; padding:2px; }
textarea {width:100%; border:#6fb6ff 1px solid; font-family:trebuchet ms;color:#656565;font-size:16px; border-radius:5px; padding:2px; }
.formgonder{width:100%; color:#000000; font-family:trebuchet ms; font-weight:bold; font-size:21px; background-color:#eeefff; align: center;}

.fyt{width:100%; max-width:170px; margin:0 10px 10px 0; padding:0; float:left; background-color:#eeefff}
.ay{font-weight:bold; text-align:center;padding-top:5px;}
.rakam{font-weight:bold;  text-align:center; padding-bottom:5px}

.ikiesit{width:100%; max-width:500px; margin:0 50px 10px 0; padding:0; float:left;}
.dahil {font-size:17px; font-weight:bold; color:#009966; padding:10px 10px 10px 0;}
.haric {font-size:17px; font-weight:bold; color:#ff0000; padding:10px 10px 10px 0;}
.diger {font-size:17px; font-weight:bold; color:#000000; padding:10px 10px 1px 0;}
.ozellikbaslik {font-size:17px; font-weight:bold; color:#cc9966; padding:10px 10px 10px 0;}

.gulet-ozellik {width:100%;  margin:0; padding:0;}
.ozellik-01 {width:50%; margin:0; padding:3px; color:#757575; font-weight:bold; float:left;}
.ozellik-02 {width:50%; margin:0; padding:3px; float:right;}
hr.ayrac {width:100%; border:1px solid #EEEFFF; height:1px; float:left;}

.kucukresimler{width:100%; max-width:233px; margin:0 0 10px 0; padding:0;  float:left;}
.kucukresim{width:223px; height:145px; border:0}




.topnav {
  background-color: #001d47;
  overflow: hidden;
}

.topnav::after {
    clear: both;
    content: "";
    display: block;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 30px 60px 14px 14px;
  text-decoration: none;
  font-size: 17px;
	justify-content: center;

}

.active {
  background-color: ;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
 overflow: ;
}

.dropdown .dropbtn {
    font-size: 17px;   
    border: none;
    outline: none;
    color: #f2f2f2;
    padding: 30px 16px 14px 16px;
    background-color: #001d47;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: fixed;
    background-color: #001d47;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: #f2f2f2;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
   color: #bbddff;
}

.dropdown-content a:hover {
    background-color: #336699;
    color: #bbddff;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky,.topnav.responsive.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

@media screen and (max-width: 1192px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
	.topnav a {
		padding: 20px 50px 5px 20px;}

}

@media screen and (max-width: 1192px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

}



@media screen and (max-width: 688px) {
.yat-form-bilgi {width:100%; max-width:100%; margin:10px auto; float:none}
.form-dugme {width:100%; max-width:100%; margin:10px auto; float:none}
input {width:100%; max-width:100%; margin:0 auto; float:none}
textarea {width:100%; max-width:100%; margin:0 auto; float:none}
.formgonder {width:100%; max-width:100%; margin:0 auto; float:none}
}

@media screen and (max-width: 531px) {
.kucukresimler{width:100%; max-width:100%; float:none;}
.kucukresim{width:100%; max-width:100%; height:auto;}
}



@media screen and (max-width: 450px) {
.logoimg {margin-right:50px; }
}

@media screen and (max-width: 320px) {
.logoimg {margin-right:10px; }
}