@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, 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;
}

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;
}

@font-face {
    font-family : 'menu-medium';
    src         : url('/public/webfonts/face-medium-webfont.eot');
    src         : url('/public/webfonts/face-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/public/webfonts/face-medium-webfont.woff') format('woff'), url('/public/webfonts/face-medium-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;

}

@font-face {
    font-family : 'menu-light';
    src         : url('/public/webfonts/face-light-webfont.eot');
    src         : url('/public/webfonts/face-light-webfont.eot?#iefix') format('embedded-opentype'), url('/public/webfonts/face-light-webfont.woff') format('woff'), url('/public/webfonts/face-light-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;

}

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

body {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 13px;
    background  : #bbbbbb url(/images/bg-tile.jpg) left top repeat-x;
    color       : #444;
}
.wrapperOuter {
    min-height : 100%;
    height     : auto !important;
    height     : 100%;
    margin     : 0px;
    background : url(/images/navi-bg-index.jpg) center top no-repeat;
    min-width  : 980px;
}
.wrapper {
    width  : 950px;
    margin : 0px auto 0px auto;
}

#header {
    height : 231px;
}
#header h1 {
    width       : 258px;
    height      : 138px;
    overflow    : hidden;
    text-indent : -9999px;
    cursor      : pointer;
    float       : left;
    margin-left : 49px;
    margin-top  : 30px;
    clear       : left;
}

#header .lang-area {
    float   : right;
    padding : 39px 50px 0px 0px;
    color   : #fff;
}
#header .lang-area a {
    color       : #fff;
    font-family : 'menu-light';
    padding     : 0px 6px;
}
#header .lang-area a img{border-radius: 4px;}
#header .lang-area a.active, #header .lang-area a:hover {
    color : #ff7e05;
}
#header .lang-area span.italic {
    font-family : Georgia, "Times New Roman", Times, serif
}

/*** TOP NAV ***/
nav#nav {

    clear       : both;
    height      : 47px;
    font-size   : 18px;
    font-family : 'menu-medium';
    overflow    : hidden;
    font-weight : normal;
    margin-left: 20px;
}
nav#nav ul {
    margin-left : 70px;
}
nav#nav ul li {
    display : block;
    float   : left;
    padding : 0px 11px;
}
nav#nav ul li a {
    display       : block;
    color         : #75b9fd;
    margin-top    : 9px;
    transition    : 0.3s;
    padding       : 5px 7px;
    border-radius : 6px;
}
nav#nav ul li a span {
    color      : #333;
    transition : 0.7s;
}
nav#nav ul li a:hover {
    color            : #fff;
    transition       : 0.7s;
    background-color : #000;
}
nav#nav ul li a:hover span {
    color      : #fff;
    transition : 0.5s;
}
nav#nav ul li.active a {
    background-color : #000;
}
nav#nav ul li.active span {
    color            : #fff;
}

/*** CONTENT AREA ***/
.contentArea {
    padding          : 40px 20px 20px 20px;
    background-color : #fff;
    border-radius    : 10px;
    clear            : both;
    overflow         : hidden;
    margin-top       : 36px;
}

.sContact {
    overflow      : hidden;
    height        : 78px;
    /*border        : 2px solid #e3e3e3;*/
    clear         : both;
    margin-top    : 16px;
    border-radius : 10px;
    background    : #e3e3e3 url(/images/phone.jpg) left top no-repeat;
}

.sContact address {
    float       : right;
    width       : 180px;
    padding     : 0px 258px;
    text-align  : center;
    color       : #758191;
    font-size   : 12px;
    line-height : 14px;
    padding-top : 12px;
	padding-left : 0px;
    overflow    : hidden;
}

.sContact address span{ padding-top: 19px; display:inline-block; }


/*** FOOTER AREA ***/
#footer {
    clear      : both;
    overflow   : hidden;
    height     : 156px;
    background : url(/images/footer.jpg) left top no-repeat;
}
#footer #navfooter {
    font-size   : 18px;
    font-family : 'menu-medium';
    font-weight : normal;
    height    : 33px;
    font-size : 14px;
    padding-top: 51px;

}
#footer #navfooter ul {
    float: right;
    list-style: none;
}
#footer #navfooter ul li {
    padding : 0px 7px;
    float: left;
}
#footer #navfooter ul li a {
    display       : block;
    color         : #1c72c8;
    margin-top    : 0px;
    transition    : 0.3s;
    padding       : 5px 7px;
    border-radius : 6px;
}

#footer #navfooter ul li a span {
    color      : #333;
    transition : 0.7s;
}
#footer #navfooter ul li a:hover {
    color            : #fff;
    transition       : 0.7s;
    background-color : #000;
}
#footer #navfooter ul li a:hover span {
    color      : #fff;
    transition : 0.5s;
}

#footer p{display: block; float: right; clear: both; }
#footer p a{color: #60605f; transition:0.3s;}
#footer p a:hover{color: red;}
/*
  ************************************************************************
  *  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;
}

/*
  ************************************************************************
  *  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      : block;
    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;
    padding  : 10px;
}
#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;
}

/*
  ************************************************************************
  *  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;
}