/*padding:top right bottom left*/
/*formların içindeki alanları hep açık mavi yap.*/
/*margin:auto;div'in sayfada ortalanması*/
/*text-align:left;div içindekilerin div'de ortalanması*/
/*id (#) sayfada bir defa, class (.) birden fazla kullanılabilir.*/

html, body {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1em;margin:0;padding:0;width:100%;height:100%;line-height:1.5em;text-align:center;color:#1B1B1B;}
table {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1em;color:#1B1B1B;}
img {border:0;vertical-align:middle;max-width:100%;}
p {padding:5px;}
* {margin:0px;padding:0px;}

a:link {text-decoration:none;transition:all .2s ease-in-out;}
a:visited {color:#1B1B1B;text-decoration:none;}
a:active
a:hover {color:#1B1B1B;text-decoration:underline;}

.clear {clear:both}

/*Desktop and Laptops*/
@media screen and (min-width:1060px) {	
/*nav*/
nav {width:100%;height:70px;position:relative;float:left;}
#nav {max-width:1250px;min-width:1060px;line-height:70px;position:relative;margin:auto;}
#nav-logo {width:200px;position:relative;float:left;padding:0 10px 0 10px;}
#nav-menu {width:685px;position:relative;float:left;}
#nav-sag {width:155px;position:relative;float:right;padding:0;text-align:right;}
.nav {position:relative;float:left;font-size:1em;border-right:1px solid #e9eaed;text-align:center;transition:all .2s ease-in-out;color:#000;}
.nav:hover {background:#08618f;color:#FFF;}
.kucuk{width:170px;}
.buyuk{width:170px;}
.border-left {border-left:1px solid #e9eaed;}

/*nav mobile*/
#nav-mobile {display:none;}

/*header*/
header {width:100%;min-width:1060px;padding-top:515px;position:relative;float:left;background:url(images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}

/*Section, container, h etiketleri*/
section {width:100%;min-width:1060px;position:relative;float:left;padding-top:20px;padding-bottom:20px;}
.container {width:1060px;position:relative;margin:auto;}
h1 {font-size:1.5em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}

/*Sayfa içi*/
.tum-sayfa {width:1040px;position:relative;float:left;}

.sayfa-sol-buyuk {width:800px;position:relative;float:left;}
.sayfa-sag-kucuk {width:240px;position:relative;float:right;text-align:right;}

/*footer*/
footer {width:100%;height:40px;min-width:1060px;position:relative;float:left;background:#333;}
#footer {position:relative;margin:auto;color:#FFF;}
#footer-menu {width:100%;position:relative;float:left;}
.footer-menu {width:24%;line-height:40px;position:relative;float:left;font-size:1em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.footer-menu:hover {background:#000;color:#FFF;}

/*footer en alt*/
.footer-alt {width:980px;position:relative;float:left;margin-left:10px;text-align:left;font-size:0.9em;}

/*Başlık*/
#baslik {width:100%;height:40px;line-height:40px;min-width:1060px;position:relative;background:#08618f;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#FFF;}

.align-justify {text-align:justify;}
} /*Desktop and Laptops kapanışı*/

/*Tablets and New Smartphones*/
@media screen and (min-width:814px) and (max-width:1059px) {
/*nav*/
nav {width:100%;height:70px;position:relative;float:left;}
#nav {max-width:1059px;min-width:814px;line-height:70px;position:relative;margin:auto;}
#nav-logo {width:180px;position:relative;float:left;padding:0 5px 0 5px;}
#nav-menu {width:479px;position:relative;float:left;}
#nav-sag {width:135px;position:relative;float:right;padding:0 10px 0 0;text-align:right;}
.nav {position:relative;float:left;font-size:0.9em;border-right:1px solid #e9eaed;text-align:center;transition:all .2s ease-in-out;color:#000;}
.nav:hover {background:#08618f;color:#FFF;}
.kucuk{width:118px;}
.buyuk{width:130px;}
.border-left {border-left:1px solid #e9eaed;}

/*nav mobile*/
#nav-mobile {display:none;}

/*header*/
header {width:100%;min-width:814px;padding-top:385px;position:relative;float:left;background:url(images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}

/*Section, container, h etiketleri*/
section {width:100%;min-width:814px;position:relative;float:left;padding-top:20px;padding-bottom:20px;}
.container {width:814px;position:relative;margin:auto;}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}

/*Sayfa içi*/
.tum-sayfa {width:800px;position:relative;float:left;}

.sayfa-sol-buyuk {width:560px;position:relative;float:left;}
.sayfa-sag-kucuk {width:240px;position:relative;float:right;text-align:right;}

/*footer*/
footer {width:100%;height:30px;min-width:814px;position:relative;float:left;background:#333;}
#footer {position:relative;margin:auto;color:#FFF;}
#footer-menu {width:100%;position:relative;float:left;}
.footer-menu {width:24%;line-height:30px;position:relative;float:left;font-size:0.9em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.footer-menu:hover {background:#000;color:#FFF;}

/*Başlık*/
#baslik {width:100%;height:30px;line-height:30px;min-width:814px;position:relative;background:#08618f;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#FFF;}

.align-justify {text-align:justify;}
} /*Tablets and New Smartphones Kapanışı*/

/*New Smartphones and Mini Tablets (640px-719px) (üst menüyü düzgün bölmek için 813px'den kestik)*/
@media screen and (min-width:640px) and (max-width:813px) {
/* nav */
nav {display:none;}

/* nav-mobile */
#nav-mobile {max-width:813px;min-width:640px;height:90px;position:relative;margin:auto;background:#FFF;}
#nav-mobile-logo {width:140px;line-height:50px;position:relative;float:left;text-align:left;padding-left:20px;}
#nav-mobile-menu {width:100%;height:40px;line-height:40px;position:relative;float:left;background:#08618f;}
#nav-mobile-sag {width:220px;line-height:50px;position:relative;float:right;text-align:right;padding-right:20px;}
.nav-mobile-menu {width:24.8%;position:relative;float:left;font-size:1em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.nav-mobile-menu:hover {background:#191b28;color:#FFF;}
.border-left {border-left:1px solid #e9eaed;}
.border-right {border-right:1px solid #e9eaed;}

/*header*/
header {width:100%;min-width:640px;padding-top:275px;position:relative;float:left;background:url(images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}

/*Section, container, h etiketleri*/
section {width:100%;min-width:640px;position:relative;float:left;padding-top:20px;padding-bottom:20px;}
.container {width:600px;position:relative;margin:auto;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1em;}
h4 {font-size:1em;}

/*Sayfa içi*/
.tum-sayfa {width:600px;position:relative;margin:auto;}

.sayfa-sol-buyuk {width:600px;position:relative;margin:auto;}
.sayfa-sag-kucuk {width:600px;position:relative;margin:auto;text-align:center;padding-top:10px;}

/*footer*/
footer {width:100%;min-width:640px;height:30px;position:relative;float:left;background:#333;}
#footer {max-width:813px;min-width:640px;position:relative;margin:auto;color:#FFF;}
#footer-menu {width:100%;position:relative;float:left;}
.footer-menu {width:24%;line-height:30px;position:relative;float:left;font-size:0.9em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.footer-menu:hover {background:#000;color:#FFF;}

/*Başlık*/
#baslik {width:100%;height:30px;line-height:30px;min-width:640px;position:relative;background:#191b28;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#FFF;}
#baslik-cizgi {width:100%;height:1px;min-width:640px;position:relative;background:#e9eaed;}

.align-justify {text-align:justify;}
} /*New Smartphones and Mini Tablets Kapanışı*/

/*Old Smartphones (320px-479px) & New Smartphones (480px-639px)*/
@media screen and (max-width:639px) {
/* nav */
nav {display:none;}

/* nav-mobile */
#nav-mobile {max-width:639px;min-width:320px;height:80px;position:relative;margin:auto;background:#FFF;}
#nav-mobile-logo {width:140px;line-height:50px;position:relative;float:left;text-align:left;padding-left:18px;}
#nav-mobile-sag {width:162px;line-height:50px;position:relative;float:right;text-align:right;}
#nav-mobile-menu {width:100%;height:30px;line-height:30px;position:relative;float:left;background:#08618f;}
.nav-mobile-menu {width:24.7%;position:relative;float:left;font-size:0.9em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.nav-mobile-menu:hover {background:#191b28;color:#FFF;}
.border-left {border-left:1px solid #e9eaed;}
.border-right {border-right:1px solid #e9eaed;}

/*header*/
header {width:100%;min-width:320px;padding-top:215px;position:relative;float:left;background:url(images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}

/*Section, container, h etiketleri*/
section {width:100%;min-width:320px;position:relative;float:left;padding-top:20px;padding-bottom:20px;}
.container {width:320px;position:relative;margin:auto;}
h1 {font-size:1.2em;}
h2 {font-size:1.1em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}

/*Sayfa içi*/
.tum-sayfa {width:320px;position:relative;margin:auto;}

.sayfa-sol-buyuk {width:320px;position:relative;margin:auto;}
.sayfa-sag-kucuk {width:320px;position:relative;margin:auto;text-align:center;padding-top:10px;}

/*footer*/
footer {width:100%;min-width:320px;height:30px;position:relative;float:left;background:#333;}
#footer {max-width:639px;min-width:320px;position:relative;margin:auto;color:#FFF;}
#footer-menu {width:100%;position:relative;float:left;}
.footer-menu {width:24%;line-height:30px;position:relative;float:left;font-size:0.8em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.footer-menu:hover {background:#000;color:#FFF;}

/*Başlık*/
#baslik {width:100%;height:30px;line-height:30px;min-width:320px;position:relative;background:#191b28;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#FFF;}
#baslik-cizgi {width:100%;height:1px;min-width:320px;position:relative;background:#e9eaed;}

/*Mobil telefonlarda justify güzel gözükmüyor. o yüzden left yaparız.*/
.align-justify {text-align:left;}
} /*Old Smartphones & New Smartphones Kapanışı*/

.gri {background:#faf8f8;}
.mavi {background:#08618f;}
.lacivert {background:#191b28;}
.beyaz {background:#FFF;}
.siyah {background:#000;}
.siyah-font {color:#000;}
.beyaz-font {color:#FFF;}
.gri-font {color:#555;}
.mavi-font {color:#08618f;}
.kirmizi-font {color:#FF0000;}
.font0_75 {font-size:0.75em;}
.font0_9 {font-size:0.9em;}
.font1 {font-size:1em;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.float-right {float:right;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.padding0 {padding:0px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding-top20 {padding-top:20px;}
.padding-left10 {padding-left:10px;}
.margin-top0 {margin-top:0px;}
.height200 {height:200px;}
.overflow-auto {overflow:auto;}
.line-height1_2 {line-height:1.2em;}

.mavi1:link {color:#08618f;text-decoration:none;font-weight:700;}
.mavi1:visited {color:#08618f;text-decoration:none;font-weight:700;}
.mavi1:active {color:#08618f;text-decoration:none;font-weight:700;}
.mavi1:hover {color:#08618f;text-decoration:none;font-weight:700;}

hr {height:1px;border-width:0;background-color:#666666;}
.hr_dashed {border:1px dashed #000;border-style:none none dashed;color:#fff;background-color:#fff;}