@charset "utf-8";
@import "fonts/stylesheet.css";
@import "reset.css";
/*
koyu mavi: #19458D
açık mavi: #29ABE2
font-family: 'dinprolight';
font-family: 'dinpro';
font-family: 'dinpromedium';
font-family: 'dinprobold';
font-family: 'dinproblack';
*/
body {margin:0px; padding:0px; background:#ccc; font-family: 'dinprolight'; font-size:16px;	color:#000; text-rendering: optimizelegibility;}

*:focus {outline: 0;}
* {box-sizing:border-box;}
form {display:inline;}
img {border:none;}
sub, sup {font-size:80%; line-height:0; position: relative; vertical-align: baseline;}
sup {top:-0.3em;}
sub {bottom:-0.3em;}
table, td {border-collapse:collapse;}

table {width:100%;}
table td {border-top:1px solid #231F20; border-bottom:1px solid #231F20; padding:3px;}
table th {}

table, tr, td {height:auto!important;}

.container {
	background:#fff; width:100%; height:auto;
	margin:0 auto; position:relative; word-wrap: break-word;
	/*padding-right:110px; padding-left:110px;*/
}
.container:after {display:block; clear:both; content:"";}

.container h1 {clear:both; float:none; font-size:40px; line-height:100%; color:#29ABE2; padding:20px 0 20px 0;}
.container h1 strong {font-weight:normal!important; font-family: 'dinpromedium';}

.header {height:130px;}
.logo {width:290px; position:absolute; top:50%; transform: translateY(-50%);}
XXXbody:lang(tr) .logo {width:290px;}
.logo img {width:100%; height:auto;}
.toplinks {position:absolute; margin-right:60px; Xright:110px; text-align:right; top:50%; transform:translateY(-50%);}
.toplinks a {text-decoration:none; color:#0033A1!important; font-size:12px; margin-left:40px;}
.toplinks a:before {display:inline; content: url(images/arrowblue.png); vertical-align:middle; margin-right:5px; padding-top:4px;}
.toplinks a.paklogo:before {display:none;}

.topmenuwrap {position:absolute; top:140px; width:19%; z-index:500;}
.menutitle {font-family: 'dinprobold'; color:#666; font-size:14px; margin-bottom:5px;}
#menubars {width:40px; height:auto; cursor:pointer;}

.pagecontent {width:74%; float:right; min-height:475px; position:relative; padding:38px 0 50px 0; font-family: 'dinpro'; font-size:15px; color:#333; line-height:130%;}
.pagetitle {color:#29ABE2; font-family: 'dinpromedium'; font-size:20px; margin-bottom:30px;}
.pagecontent strong {font-family: 'dinprobold';}
.pagecontent p {margin:8px 0 8px 0; }
.pagecontent h1 {font-size:20px!important; font-family: 'dinpromedium'; line-height:105%; color:#29ABE2; padding:10px 0 10px 0!important;}
.pagecontent h6 {font-size:12px!important;} /* footnote */
.pagecontent h5 {font-size:18px!important;} /* bigger font */
.pagecontent ul {padding-left:15px; list-style:disc outside;}
.pagecontent li {margin-bottom:5px;}
.container a {color:#09F; text-decoration:none;}
.container a:hover {color:#29ABE2;}

.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.top-border-dark {border-top:10px solid #19458D;}
.top-border-light {border-top:10px solid #29ABE2;}
.bottom-border-light {border-bottom:10px solid #29ABE2;}
.bottom-border-light2 {border-bottom:2px solid #29ABE2;}
.ribbon-light-blue {height:10px; background:#29ABE2;}
.bg-light-blue {background:#29ABE2;}
.bg-gold {background:#85774d;}
.bg-white {background:#ffffff;}
.top-padded {padding-top:35px;}
.bottom-padded {padding-bottom:35px;}
.float-right {float:right;}
.float-left {float:left;}
.back-top-right {background-position:right top;}
.back-bottom-right {background-position:right bottom;}
.centered {margin:0 auto; display:block;}
.responsive {width: 100%; height: auto;}
.valign-middle {vertical-align:middle; position:absolute; top:50%; transform: translateY(-50%);}
.koseli {border-radius: 30px 30px 30px 0px;}
.w100 {max-width:100%;}
.w80 {width:80%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w30 {width:30%;}
.w20 {width:20%;}
.max100 {max-width:100%;}
.font60 {font-size:60px!important;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.absolute {position:absolute;}
.relative {position:relative;}
.inline-block {display:inline-block;}
.block-link {display:block; width:100%; height:100%;}

.indexphoto {width:74%; height:475px; background-size:cover; border-radius:30px 30px 30px 0px; position:relative;}
.indexphoto h1 {font-family: 'dinpromedium'; line-height:110%; color:#fff!important; position:absolute; left:20px; bottom:20px; padding:0px; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
.indexphoto h1 strong {font-weight:normal!important; font-family: 'dinprobold';}
.contentphoto {height:335px!important;}
.index-hilite-box {width:22.5%; color:#666; font-size:24px;}
.index-hilite-box strong {font-weight:normal!important; font-family: 'dinpromedium';}
.index-hilite-box h1 {font-size:24px; font-family: 'dinpro'; color:#29ABE2; padding-top:15px; padding-bottom:15px;}

.paklogo img {width:50px; height:auto;}

ul.frlist {padding-left:0px; list-style:none;}
/*ul.frlist li {float:left; width:24%; margin-right:1%; margin-bottom:10px;}*/
ul.frlist li img {height:120px; width:auto; display:block; margin-top:4px; border:1px solid #ccc;}
ul.frlist:after {display:block; clear:both; content:"";}

@media (max-width: 768px) {
	.container {max-width:576px; padding-right:10px; padding-left:10px;}
	.toplinks {margin-right:0px; padding-right:0px;}
	.toplinks {right:8px;}
	.toplinks a {font-size:11px; margin-left:7px;}
	.toplinks a:before {display:none;}
	.paklogo img {width:40px!important; height:auto;}
	.container h1 {font-size:30px;}
	.index-first-block {padding-top:70px;}
	.indexphoto {height:300px;}
	.indexphoto h1 {font-size:25px; width:60%;}
	.index-hilite-box h1 {font-size:24px;}
	.indexphoto, .index-hilite-box {float:none; display:block; clear:both; width:100%; margin-top:10px; margin-bottom:10px;}
	.header {height:70px;}
	.logo {width:140px;}
	.paklogo img {width:30px; height:auto;}
	.topmenuwrap {position:absolute; top:70px; width:90%; z-index:500;}
	.pagecontent {width:100%; float:none; min-height:475px; padding:80px 0 50px 0; font-size:15px; color:#333; line-height:130%;}
	.tayburn {right:10px;}
	.copyright-band {font-size:12px;}
	.contact-link {display:none;}
	.footer-highlight {min-height:150px;}
	.footer-highlight h1:first-child {font-size:15px!important; line-height:97%; width:65%!important; position:relative!important; float:left!important;}
	.footer-highlight .float-right {display:none;}
	.footer-highlight .centered {margin:0px; float:right;}
	ul.frlist li {float:left; min-width:24%; margin-right:1%;}
}

@media (min-width: 768px) {
	.container {max-width:750px; padding-right:30px; padding-left:30px;}
	.toplinks {margin-right:0px; padding-right:0px;}
	.container h1 {font-size:35px;}
	.indexphoto h1 {font-size:25px; width:60%;}
	.index-hilite-box h1 {font-size:24px;}
	.toplinks {right:30px;}
	.topmenuwrap {position:absolute; top:140px; width:19%; z-index:500;}
	.tayburn {right:30px;}
	.footer-highlight h1:first-child {font-size:18px!important; line-height:97%;}
	ul.frlist li {float:left; width:49%; margin-right:1%;}
}

@media (min-width: 992px) {
	.container {max-width:980px; padding-right:50px; padding-left:50px;}
	.toplinks {margin-right:0px;}
	.container h1 {font-size:35px;}
	.indexphoto h1 {font-size:25px; width:50%;}
	.index-hilite-box h1 {font-size:24px;}
	.toplinks {right:50px;}
	.topmenuwrap {position:absolute; top:140px; width:19%; z-index:500;}
	.tayburn {right:50px;}
	.footer-highlight h1:first-child {font-size:21px!important; line-height:97%;}
	ul.frlist li {float:left; width:24%; margin-right:1%;}
}

@media (min-width: 1200px) {
	.container {max-width:1200px; padding-right:110px; padding-left:110px;}
	.container h1 {font-size:40px;}
	.indexphoto h1 {font-size:30px; width:40%;}
	.index-hilite-box h1 {font-size:24px;}
	.topmenuwrap {position:absolute; top:140px; width:19%; z-index:500;}
	.toplinks {margin-right:60px;}
	.tayburn {right:110px;}
	.footer-highlight h1:first-child {font-size:25px!important; line-height:96%;}
	ul.frlist li {float:left; width:24%; margin-right:1%;}
}