@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/
/* RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* 960gs 21-16 */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/************************************************
				FORM STYLE 
************************************************/
#form fieldset legend{color:#bbb; font-size:12px;}
#form p{padding: 2px 0px;}
#form p.submitBtnWrap{padding: 2px 35px;}
#form p.submitBtnWrap2{padding: 2px 0px; float:right;}
#form p#uyari{border:solid #ccc 1px; background:#f9e5b0; margin:0; padding:10px; color:#333; font-size:12px;}
#form input,select,textarea{vertical-align:middle; color:#333; background:#f5f5f5; border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#form label{position: relative; display:inline-block; vertical-align:middle; text-align:right; width:80px; font-weight:bold; float:left;}
#form label span{float:right;}
#form label a{color:#f69b0f;}
#form label.kosul{position: relative; display:block; font-size:11px; text-align:right; width:auto; float:left;}
#form input[type="text"]{padding:5px; width:275px;}
#form textarea{padding:5px; width:275px;}
#form input.checkbox{position: relative; width:auto; float:left; margin-left:35px;}
#form input.small-text{position: relative; width:200px;}
#form input.medium-text{position: relative; width:300px;}
#form input.big-text{position: relative; width:500px;}
#form select.small-text{position: relative; width:212px; padding:3px;}
#form select.medium-text{position: relative; width:312px; padding:3px;}
#form select.big-text{position: relative; width:512px; padding:3px;}
#form textarea.small-text{position: relative; width:205px; padding:3px;}
#form textarea.medium-text{position: relative; width:305px; padding:3px;}
#form textarea.big-text{position: relative; width:505px; padding:3px;}
#form input.submit,input.submit{position: relative; display:block; width:auto; padding:5px 10px; float:left; background:#333; color:#fff; border:solid #cc3333 1px; font-size:12px; font-weight:bold; float:right; cursor:pointer;}

.iletisimform label{width:100px !important; padding-right:10px;}
.iletisimform .labelspace{margin-left:105px;}

.none{display:none !important;}
.right{float:right !important;}
.left{float:left !important;}
.labelspace{margin-left:156px;}

/************************************************
    OKYAZILIM - GENERAL SITE STYLE
************************************************/
body{background:#fff url('../images/bg.jpg') repeat-x 50% 0; color:#333; font-family:'Source Sans Pro', sans-serif; font-size:14px; line-height:20px; min-width:960px;}
a{text-decoration:none; color:#333;}

.tasiyici{width:960px; margin: 0px auto; padding:0px; }

.header{position:relative; display:block; border-bottom:solid #c33 4px;}
.header-inner{position:relative; display:block; height:80px;}
.header-inner .logo{position:relative; top:5px; left:0px;}

/* ----------------------------- 
			MENU STYLE 
----------------------------- */
.header-inner .menu {position:absolute; top:0px; right:0px; font-family: 'Oswald', sans-serif; text-align:center;}
.header-inner .menu li {position:relative; display:inline-block; margin:0px 0px;}
.header-inner .menu li a {position:relative; display:inline-block; color:#032f5b; background:none; font-size:16px; padding:30px 10px;}
.header-inner .menu li ul {background:#333; left: -999em; position: absolute; width: 160px; z-index: 9999;}
.header-inner .menu li ul li{ display:block;}
.header-inner .menu li ul a { display:block; color: #fff; font-size:16px; font-weight:normal; background: none; border: 0 none; margin-right: 0; padding:10px; text-align:left;}
.header-inner .menu li a:hover, 
.header-inner .menu li:hover > a { color: #fff; background:#333;}
.header-inner .menu li a:hover, 
.header-inner .menu li.active > a { color: #fff; background:#336699;}
.header-inner .menu li ul a:hover, 
.header-inner .menu ul li li:hover > a  { color: #fff; background: #666; }
.header-inner .menu li:hover ul { left: auto; }
.header-inner .menu li li ul { margin: -1px 0 0 160px; top:1px; visibility:hidden; }
.header-inner .menu li li:hover ul { visibility:visible; }
.header-inner .menu ul ul li:last-child > a {}
.header-inner .menu ul ul ul li:first-child > a {}
/* ------- MENU STYLE ------- */


/* mainbody */
.mainbody{position: relative; display: block; width: 100%; margin-top:30px; margin-bottom:30px; }
.mainbody-inner{position: relative; display: block;  }
.mainbody-inner table tr td{padding: 3px;}
h1.baslik{position: relative; display: block;font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20px; padding-bottom: 10px; margin-bottom: 15px; color:#336699; border-bottom:solid #cc3333 4px;}

.geri{position:absolute; bottom:10px; right:0; width:17px; height:15px; background:url('../images/geri.png') no-repeat 0 0; }
.geri:hover{position:absolute; bottom:10px; right:0; width:17px; height:15px; background:url('../images/geri.png') no-repeat -17px 0;}
.geri,.geri:hover{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;}

/* mainbody */
h1.altbaslik{position: relative; display: block; font-family: 'Oswald', sans-serif; font-weight:400; font-size:18px;}
.metin{position: relative; display: block; padding:5px;}

/* solliste */
.solliste{margin:0 !important; padding:0 !important; list-style:none !important;}


.haberlerLi>li {list-style:none; border-bottom:solid #ccc 1px;}
.haberlerLi>li a{position:relative; display:block; padding:5px 5px 5px 20px; margin:3px 0; background:url('../images/arrow.png') no-repeat 5px 50%; color:#fff;}
.haberlerLi>li a:hover{background:#b44c6b url('../images/arrow.png') no-repeat 5px 50%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

/* HABERLER MUDUL */
.haberlerModul li{position:relative; display:block; margin-bottom:10px;}
.haberlerModul li:hover a{color:#333;}
.haberlerModul li:hover span{background:#333;}
.haberlerModul li span{position:relative; display:inline-block; background:#333; color:#fff; padding:1px 5px 1px 6px; font-size:20px; font-weight:bold; margin-right:10px; vertical-align:middle;}
.tumHaberler{display:block; border-top:solid #ccc 1px; text-align:right; color:#333; font-weight:400; font-family: 'Oswald', sans-serif; }



/* HABERLER LISTE */
.haberlerList li{position:relative; display:block; margin-bottom:10px;}
.haberlerList li a{display:block; border-bottom:solid #ccc 1px; padding-bottom:10px;}
.haberlerList li:hover a{color:#333; border-bottom:solid #ccc 1px;}
.haberlerList li:hover span{background:#333;}
.haberlerList li span{position:relative; display:inline-block; background:#333; color:#fff; padding:1px 5px 1px 6px; font-size:20px; font-weight:bold; margin-right:10px; vertical-align:middle;}

.cozumler ul li{position:relative; display:inline-block; float:left; margin:6px;}
.cozumler ul li a{position:relative; display:block; overflow:hidden; z-index:5;}
.cozumler ul li a:hover{box-shadow: 0px 5px 10px #666; -webkit-box-shadow: 0px 5px 10px #666; -moz-box-shadow: 0px 5px 10px #666;}
.cozumler ul li a .resim{position:relative; display:block; width:217px; height:217px; border:solid #ccc 2px;}
.cozumler ul li a:hover .resim{border-color:#333;}
.cozumler ul li a span.ListBaslik{position:absolute; display:block; bottom:10px; right:2px; font-family: 'Oswald', sans-serif; padding:10px; text-align:center; font-size:14px; background:#333; z-index:6; color:#fff;}
.cozumler ul li a:hover span.ListBaslik{background:#333;}

/* cozumler FOTOGALERI */
.fotogaleri{position:relative; display:inline-block; float:right; margin-left:10px;}
.fotogaleri .resim{border:solid #ccc 3px; border-bottom-color:#333; margin-bottom:5px;}
.fotogaleri ul{width:500px;}
.fotogaleri ul li a{position:relative; display:inline-block; border:solid #ccc 1px; padding:2px; margin:2px; float:left;}
.fotogaleri ul li a:hover{border-color:#333;}


.bizeulasinresim{position:relative; display:block;}
.bizeulasin{position:relative; display:block; padding:15px 0; font-size:16px; background:#cc3333; color:#fff; text-align:center;}
.altcizgi{border-bottom:solid #ccc 2px;}


/*
.mainbody-inner table{border:solid #eee 2px;}
.mainbody-inner table tr th{background:#a00 !important; color:#fff !important;}
.mainbody-inner table tr th,.mainbody-inner table tr td{padding:5px;}
.mainbody-inner table tr:nth-child(even) { background: #fdfdfd;}
.mainbody-inner table tr:nth-child(odd) { background: #f5f5f5;}

.mainbody-inner ul{padding:5px; margin:5px; list-style:circle;}

#ikform table{color:#333 !important; width:500px !important;}
#ikform table tr th,.mainbody-inner table tr td{padding:3px !important;}


.contents{background:#333; border:solid #79053f 1px; padding:10px; color:#333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.contents h1.baslikpath2{color:#79053f;}
*/
/* metin */
.metin table{border:solid #eee 2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.metin table tfoot tr td{background:#666 !important; color:#fff !important;}
.metin table tr th{background:#cc3333 !important; color:#fff !important;}
.metin table tr th,.metin table tr td{padding:5px;vertical-align:middle; border-left:dotted #ddd 1px;}
.metin table tr:nth-child(even) { background: #eee;}
.metin table tr:nth-child(odd) { background: #fff;}

.metin ul{padding:5px; margin-left:25px;list-style:disc;}
.metin ol{padding:5px; margin-left:25px; list-style:decimal;}
.metin fieldset{border-top:solid #cc3333 1px;}
.metin fieldset legend{background:#cc3333; color:#fff; padding:5px 10px; margin-left:15px;}

/* iletisimTablo */
.iletisimTablo{border:solid #eee 2px;}
.iletisimTablo tr th{background:#a00 !important; color:#fff !important;}
.iletisimTablo tr th,.mainbody-inner table tr td{padding:5px;}
.iletisimTablo tr:nth-child(even) { background: #fdfdfd;}
.iletisimTablo tr:nth-child(odd) { background: #f5f5f5;}


/* footer */
.footer{position:relative; display:block; width:100%; background:#333; color:#999;}
.footer .footer-inner{position:relative; display:block; padding:0px; height:50px; }
.footer a{color:#fff;}
.footer .menu{position:relative; top:15px; left:0px; margin:0px; padding:0px; list-style:none;  color:#fff; float:left;}
.footer .menu li{position:relative; float:left; margin:0px; padding:0px;}
.footer .menu li.son{position:relative; display:inline; float:left; border-right:none;}
.footer .menu li:hover a{color:#000;}
.footer .menu li a{display:block; padding:0px 5px 0px 5px; margin:0px; color:#666; font-size:12px; }
.footer .copyright {position:relative; left:10px; top:17px; font-size:12px;}
.footer .copyright a{color:#cbbfa9;}
.footer .sosyalmedya{position:relative; top:10px; left:0px; }
.footer .sosyalmedya a{margin:0px 2px;}
.footer .sosyalmedya {margin:0px 0px;}
.footer .sosyalmedya li{display:inline;}
.footer .okyazilim {position:relative; left:50px; top:13px; }
.footer .divajans {position:relative; left:40px; top:17px; }
.harita{border:solid #ccc 2px;}