@charset "utf-8";
/*
  ************************************************************************
  *  RESET STYLE
  ************************************************************************
*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: text-top; }
html, body { height: 100%; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] {display: none;}
* {outline: none; text-decoration: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; margin: 0px; padding: 0px;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
span, p, strong, em { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
caption, th { text-align: left; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input, select { vertical-align: middle; }


/*
  ************************************************************************
  *  WEBFONTS
  ************************************************************************
*/
@font-face { font-family: 'tlWebFonts'; src: url('/public/webfonts/webfonts-tl.eot'), url('/public/webfonts/webfonts-tl.eot?#iefix') format('embedded-opentype'), url('/public/webfonts/webfonts-tl.woff') format('woff'), url('/public/webfonts/webfonts-tl.ttf') format('truetype'), url('/public/webfonts/webfonts-tl.svg#AbakuTLSymSansRegular') format('svg'); font-style: normal; font-weight: normal; }


/*
  ************************************************************************
  *  LAYOUT STYLE
  ************************************************************************
*/


body { font-family: Verdana, "Century Gothic", Arial, Helvetica, sans-serif; font-size: 11px; color:#022733; background-color:#3c4f01; background-image:url('/images/mainBg-tr.jpg'); background-repeat:no-repeat; background-position:center top; }
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin:0px auto; position:relative; }
.wrapper { width: 960px; margin:0px auto; }

#header { height: 121px; display:block; overflow:hidden; clear:both; }
#header .logo { width:335px; height:100px; display:block; overflow:hidden; float:left; margin:20px 12px 0 5px; text-indent:-9999px;}
#header h1{ width:500px; height:40px; display:block; overflow:hidden; float:left; margin-top:55px; text-indent:-9999px; }

#language{display: block; overflow: hidden; margin-top: 7px;}
#language a{display: block; float: left; margin-right: 6px; }
#language a img{border-radius: 4px;}

#turkak { display: block; overflow: hidden; position: absolute; right: 40px; top: 130px; z-index:2; }

/*** TOP SEARCH FORM ***/
#header #topSearchForm { display: block; float: right; margin-top: 26px; font-size: 12px; padding-right: 6px; }
#header #topSearchForm label { display: block; float: left; overflow: hidden; padding-left: 6px;}
#header #topSearchForm input[type="text"] { width: 230px; border: 1px solid #BABABA; border-radius: 0px; padding: 4px; line-height: 14px;}
#header #topSearchForm input[type="submit"] {background: url(/images/search_bt_bg.jpg) top left repeat-x; border: none; border-radius: 0px; color: #fff; padding: 2px 6px 6px 6px }

#news { width:844px; height:55px; display:block; overflow:hidden;  clear:both; margin-left:54px; padding-left:174px; margin-bottom:35px; background-image:url(../../images/tr/newsBg.png); background-repeat: no-repeat; background-position: 0 0; }
#news .newsH { width:172px; height:55px; display:block; overflow:hidden; float:left; margin-right:10px; font-size:34px; text-indent:-999px; }
#news #newsSlider { width:630px; display:block; overflow:hidden; margin-top:19px; margin-left:174px; position:relative; left:174px;}
#newsSlider .news { display:block; clear:both; font-size:11px; line-height:16px;}
.news .newsDate { font-weight:bold; color:#9c432b; padding-right:6px; }
.news .newsDetails { color:#001820; margin:0 6px; padding-right:6px; border-right:2px solid #022733;}
.news .newsDetails:hover { color:#084164; }

/*** FOOTER AREA ***/
#footer { display:block; clear:both; overflow:hidden; margin-left:14px; padding-bottom:30px; }
#footer .footerLeft { /*width:676px;*/ width:660px; display:block; overflow:hidden; float:left;}
/*#footer .footerLeft { width:670px; display:block; overflow:hidden; float:left;}*/
.footerLeft .links { width:200px; min-height:36px; display:inline; overflow:hidden; float:left; margin-right:4px; margin-bottom:10px; padding:0 5px 0 15px; background:url(/images/footerBorder.jpg) no-repeat left top;}
.footerLeft .links a { display:block; overflow:hidden; clear:both; color:#edffcb; font-size:11px; line-height:14px; margin-bottom:8px;}
.footerLeft .links a.mainLinks { font-size:14px; line-height: 18px; font-weight:bold;}
.footerLeft .links a.italicLinks { color:#223304; font-style:italic;}
.footerLeft .links a:hover {color:#00648c;}
#footer .footerRight { width:261px; display:block; overflow:hidden; float:right;}
.footerRight .otherL { display:block; overflow:hidden; clear:both; margin-top:22px; font-size:9px; font-family:Tahoma; color:#e0e2de;}
.footerRight .otherL a { border-right:1px solid #e0e2de; padding:0 4px; margin-right:4px; color:#e0e2de;}
.footerRight .otherL a:hover { color:#182303;}
.footerRight .fCopright { display:block; overflow:hidden; clear:both; width:96px; margin:0 auto; margin-top:32px; text-align:center; font-size:9px; line-height:14px; font-family:Tahoma; color:#e0e2de;}
.footerRight .fCopright img { display:block; clear:both; margin:0 auto; }
.footerRight .fCopright a {color:#e0e2de;}
.footerRight .fCopright a:hover { color:#182303;}

.tanitimFilmi { display:block; overflow:hidden; margin-bottom:30px; text-align:center; }
.tanitimFilmi img { }
.tanitimFilmi span { display:block; /*background-color:#edffcb;*/ color:#c5d45d; font-weight:bold; }
.otherCompany { display:block; overflow:hidden; clear:both; margin-bottom:10px; text-align:center; }
.otherCompany a { display:block; overflow:hidden; clear:both; margin-bottom:10px; padding:2px 12px; border:2px solid #0a527d; background-color:#fff; }
.socialMedia { display:block; overflow:hidden; clear:both; text-align:center; }
.socialMedia a { display:block; overflow:hidden; float:left; margin:0px 4px; }
.socialMedia img { width:41px; }

/*
  ************************************************************************
  *  VALIDATE STYLE
  ************************************************************************
*/
input, textarea, select { border: 1px solid #adadad; padding: 2px; outline: none; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #a7a7a7; box-shadow: inset 1px 1px 2px #ccc; }
.invalidInput { border: 1px solid #f94b4b; background-color: #ffaeae; color: #333; padding: 3px; border-radius: 3px; }
.validInput { color: #2B6FB6; }
.errorOK { background-color: #a6ff9f; display: block; border: 1px solid #51a76b; padding: 4px 6px; margin-top: 2px; margin-bottom: 2px; clear: both; border-radius: 4px; width: 96%; line-height: 1.1em; font-size: 0.9em; }
.errorFAIL { background-color: #FFCC00; display: block; border: 1px solid #FF9622; padding: 4px 6px; margin-top: 2px; margin-bottom: 2px; clear: both; border-radius: 4px; width: 96%; line-height: 1.1em; font-size: 0.9em; }
.infoError { background-color: #ffc8c8; border: 1px solid #ffaeae; padding: 6px; margin-bottom: 12px; }

/*
  ************************************************************************
  *  SUPPORT FORM STYLE
  ************************************************************************
*/
form#dataForm { display:block; overflow: hidden; clear: both; padding:0 10px 0 4px;  text-align: left;}

form#dataForm label { display: block; overflow:hidden; clear:both; padding-bottom: 2px; color: #830914;}
form#dataForm span.requires { font-size:9px; color: #f00; }
form#dataForm input[type='text'], form#dataForm textarea, form#dataForm select { width:98%; padding: 2px; margin-bottom: 5px; border: 1px solid #b0a968;}
form#dataForm select {width: 100%;}
form#dataForm input[type='submit'] {display: block; overflow: hidden; float:right; clear: both; outline:none; cursor:pointer; font-size: 18px; padding: 8px 12px; background: #b4202e; color:#fff; border: none; outline: none;}

form#dataForm fieldset { border: 2px solid #b0a968; display:block; overflow: hidden; clear: both; padding:10px 16px 10px 16px; margin-bottom: 10px;}
form#dataForm fieldset legend { color: #0f648e; font-size:20px; }
form#dataForm fieldset .degerliKatilim{ text-align: justify; }
form#dataForm fieldset fieldset { border: none; display:block; overflow: hidden; clear: both; width: 92%;}
form#dataForm fieldset fieldset legend { color: #0f648e; font-size:15px;}

form#dataForm table{ width: 100%; margin-bottom: 21px;}
form#dataForm table tr td,th{ border: 1px solid #b0a968; }
form#dataForm table  th{ background-color: #b1d8f2; padding: 6px; color: #000000; font-weight: bold; }
form#dataForm table tr td{padding: 6px; color: #000000; vertical-align: middle;}

form#dataForm table tr .sikayet{ display: block; float: left; padding-top: 2px; }
form#dataForm table tr div{ display: block; float: left; margin-right: 21px; }
/*form#dataForm fieldset table tbody tr th {text-align: left; padding:4px; width:20px; vertical-align: middle;}
form#dataForm fieldset table tbody tr td {text-align: left; vertical-align: middle;}*/

/*form#dataForm fieldset table tbody tr td input[type='text'] {width: 80px; margin-right: 2px;}*/
.nots { display: block; overflow: hidden; clear: both; margin:4px; font-size: 11px; text-align: justify; color: #216068; }
.comments { font-size:9px; color:#000;}
.info {display: block; overflow: hidden; clear: both; margin:0 0 20px 0; padding: 10px; text-align: center; font-size: 14px; border-top: 2px solid #a91827; border-bottom: 2px solid #a91827;}
form#dataForm .secureCode { display: block; overflow: hidden; clear: both; background: #fff; border: 1px solid #b0a968; width: 100%; }
form#dataForm input[type='text']:focus, form#dataForm textarea:focus { border: 1px solid #96b7cd; }
form#dataForm input[type='text']:hover, form#dataForm textarea:hover { border: 1px solid #96b7cd; }

/*
  ************************************************************************
  *  GALLERY CSS 
  ************************************************************************
*/
.pdf { display: block; background: url(/images/pdf.png) 5px 8px no-repeat; padding-left: 44px !important; }
.xls { display: block; background: url(/images/xls.png) 5px 8px no-repeat; padding-left: 44px !important; }
.xlsx { display: block; background: url(/images/xlsx.png) 5px 8px no-repeat; padding-left: 44px !important; }
.doc { display: block; background: url(/images/doc.png) 5px 8px no-repeat; padding-left: 44px !important; }
.docx { display: block; background: url(/images/docx.png) 5px 8px no-repeat; padding-left: 44px !important; }
.ppt { display: block; background: url(/images/ppt.png) 5px 8px no-repeat; padding-left: 44px !important; }
.pptx { display: block; background: url(/images/pptx.png) 5px 8px no-repeat; padding-left: 44px !important; }
.zip { display: block; background: url(/images/zip.png) 5px 8px no-repeat; padding-left: 44px !important; }
.rar { display: block; background: url(/images/rar.png) 5px 8px no-repeat; padding-left: 44px !important; }
.png { display: block; background: url(/images/png.png) 5px 8px no-repeat; padding-left: 44px !important; }
.jpg { display: block; background: url(/images/jpg.png) 5px 8px no-repeat; padding-left: 44px !important; }
.psd { display: block; background: url(/images/psd.png) 5px 8px no-repeat; padding-left: 44px !important; }
.tif { display: block; background: url(/images/tif.png) 5px 8px no-repeat; padding-left: 44px !important; }
.html { display: block; background: url(/images/html.png) 5px 8px no-repeat; padding-left: 44px !important; }
.link { display: block; background: url(/images/link.png) 5px 8px no-repeat; padding-left: 44px !important; }
.extension { display: block; padding-left: 44px !important; background-repeat: no-repeat; background-position: 5px 8px; }

/* IMAGE AREA */
.imageGallery { display: block; overflow: hidden; clear: both; padding: 10px 0; }
.imageGallery a { display: block; float: left; border: 1px solid #fff; margin-right: 7px; margin-bottom: 8px; padding: 4px; background-color: white; box-shadow: 2px 2px 3px #d4d4d4; }
.imageGallery a:hover { border: 1px solid #87afc6; background-color: #87afc6; }

/* CATALOGUE | ARCHIVE AREA */
.galleryList { display: block; clear: both; list-style: none; margin: 0px; padding: 0px !important; }
.galleryList li { border: 1px solid #D1D1D1; border-radius: 2px; background: #F3F3F3; background: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%); margin-right: 4px; margin-bottom: 4px; text-align: left; }
.galleryList li a { display: block; padding: 8px 14px; color: #4b4b4b !important; }
.galleryList li a:hover { color: #DE3C3E !important; }

/* MEDIA AREA */
.mediaGallery { display: block; clear: both; overflow: hidden; padding: 5px 0; }
.mediaGallery a { display: block; float: left; border: 1px solid #fff; border-radius: 3px; margin-right: 7px; margin-bottom: 8px; padding: 4px; background-color: white; box-shadow: 1px 1px 3px #b9b9b9; }


/*
  ************************************************************************
  *  GALLERY TABBED CSS 
  ************************************************************************
*/
#tabGallery { display: block; overflow: hidden; clear: both; margin-top: 10px; }
#tabGallery #tabHead { display: none; overflow: hidden; clear: both; min-height: 25px; margin: 0 6px 2px 6px; padding-left: 5px; }
#tabGallery #tabHead span { display: block; overflow: hidden; float: left; margin-left: -5px; padding: 9px 16px 9px 16px; color: #fff; border: 1px solid #838383; border-bottom: none; position: relative; z-index: 0; cursor: pointer; outline: none; background-color: #838383 }
#tabGallery #tabHead span:hover, #tabGallery #tabHead span.active { padding-left: 16px; color: #343434; z-index: 1; background-color: #DADADA; border: 1px solid #DADADA; }
#tabGallery #tabContent { display: block; overflow: hidden; clear: both; margin-top: -1px; /*padding: 9px 9px 9px 9px; border: 1px solid #DADADA;*/ position: relative; z-index: 0; }
#tabGallery #tabContent .tabContentList { display: none; overflow: hidden; clear: both; position: relative; z-index: 0;}
#tabGallery #tabContent .tabContentList.active { display: block; }
#tabGallery #tabContent .tabContentList > p{line-height: 1.2em;}


/*
  ************************************************************************
  *  ACCORDION CSS 
  ************************************************************************
*/
#accordion{display: block; overflow: hidden;}
#accordion .accord-border{/*border: 1px solid #dfdfdf; padding: 4px; margin-bottom: 4px; */ border-top: 1px dotted #888888;}
#accordion .accord-border:last-child{border-bottom: 1px dotted #888888;}
#accordion .accord-border h3{background-color: #e5e5e5; font-family: 'DINBekRegular'; font-size: 16px; padding: 8px; display: block; overflow: hidden; cursor: pointer;}
#accordion .accord-border h3:hover{background-color: #0D71A4; }
#accordion .accord-border h3 .accord-ico1{display: block; float: left; width: 22px; height: 35px; background: url(/images/icon-1.png) top left no-repeat;}
#accordion .accord-border h3 .accord-title{display: block; float: left; padding-top: 12px;}
#accordion .accord-border h3 .accord-ico2{display: block; float: right; width: 35px; height: 35px; background: url(/images/icon-2.png) top left no-repeat;}
#accordion .accord-border .accord-content{display: none; text-align: justify; padding: 10px 2px;}

#accordion .active h3{background-color: #0D71A4; color: #fff;}
#accordion .active h3 .accord-ico1{background: url(/images/icon-1-hover.png) top left no-repeat;}
#accordion .active h3 .accord-title{}
#accordion .active h3 .accord-ico2{background: url(/images/icon-2-hover.png) top left no-repeat;}
#accordion .active .accord-content{display: block;}


/*
  ************************************************************************
  *  PAGE STYLE
  ************************************************************************
*/
.pagination { padding: 3px; margin: 3px; text-align: right; clear: both; }
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #999999; color: #444444; border-radius: 3px;}
.pagination a:hover, div.pagination a:active { border: 1px solid #444444; color: #fff; background-color: #444444; }
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #444444; background-color: #444444; color: #fff; }
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #bfbfbf; color: #d5d3d3; cursor: wait; }


/*
  ************************************************************************
  *  MAILING LIST CSS 
  ************************************************************************
*/
.mailRegisterArea {}
.mailRegisterArea form {float: right; margin: 0px; padding: 0px;}
.mailRegisterArea label {float: left; margin-left: 3px;}
.mailRegisterArea label input[type="text"]{width: 120px; height: 23px; border:1px solid #CBCBCB; background-color: #CBCBCB; border-radius: 0; margin: 0px; padding: 4px 10px;}
.mailRegisterArea label input[type="submit"] { width: 66px; height: 31px; background-color: #A3A3A3; border: none; overflow: hidden; border-radius: 0; margin: 0px; padding: 0px;}
.mailRegisterArea .formsonuc{clear: both;color:red; text-align: right; padding-right: 10px; padding-top: 3px;}


/*
  ************************************************************************
  *  COMMENT AREA
  ************************************************************************
*/
.comments { display: block; clear: both;  margin-top: 10px;}
.comments fieldset { border: 1px solid #DADADA; padding: 19px 19px 19px 19px; }
.comments fieldset legend { color: #fff; padding: 10px;  background-color: #838383;}
.comments fieldset label { display: block; clear: left; padding-bottom: 4px; }
.comments fieldset input[type='text'], .comments fieldset input[type='password'], .comments fieldset textarea { width: 99%;  }
.comments span.requires { font-size: 0.9em; color: red; }
.comments fieldset input[type='submit'] { display: block; padding: 6px 12px; background-color: #3B3B3B; color: #fff; border: 1px solid #3B3B3B; }
.comments .yorumSonuc { display: block; clear: both; padding-bottom: 20px; color: red; }
.comments .yorumSonuc span { color: #333; }
.comments .com-list { clear: both; padding-top: 6px; }
.comments .com-list ul { padding: 0; margin: 0; list-style-type: none; }
.comments .com-list ul li { border: 1px solid #DADADA; padding: 10px; margin-bottom: 4px; }
.comments .com-list ul li strong { display: block; float: left; font-size: 0.9em; color: #343434; font-weight: normal; }
.comments .com-list ul li span { display: block; float: right; font-size: 0.9em; color: #838383; font-weight: normal; }
.comments .com-list ul li p { display: block; clear: both; overflow: hidden; padding-top: 6px; }


/*
  ************************************************************************
  *  ARTICLE CSS 
  ************************************************************************
*/
.article-info { display: block; overflow: hidden; clear: both; }
.article-info .show_social { display: block; float: left; margin-right: 4px; }
.article-info .show_hits { display: block; float: left; margin-right: 4px; }
.article-info .show_print { display: block; float: left; margin-right: 4px; }
.article-info .show_email { display: block; float: left; margin-right: 4px; }


/*
  ************************************************************************
  *  STYLE CSS 
  ************************************************************************
*/
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignLeft10 { float: left; margin-right: 10px; }
.alignLeft20 { float: left; margin-right: 20px; }
.alignRight10 { float: right; margin-left: 10px; }
.alignRight20 { float: right; margin-left: 20px; }
.normal { font-size: 1em; font-weight: normal; }
.italic { font-size: 1em; font-style: oblique; }
.strong { font-size: 1em; font-weight: bold; }
.strongItalic { font-size: 1em; font-style: oblique; font-weight: bold; }
.radius { border-radius: 4px }
.shadow { box-shadow: 2px 2px 2px rgba(0,0,0,0.4) }
.shadowInset { box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4) }
.tl:after { font-family: "tlWebFonts", serif; content: "t"; padding-left: 2px; }
.del { display: block; color: #c1c1c1; /*float: left;*/ padding-top: 2px; text-decoration: line-through; }
.ins { display: block; color: #910028; /*float: right;*/ font-size: 1.1em; font-weight: bold; }