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,*/ 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, td,*/
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  ============================================================
    GENEL
    ============================================================  */

body {
	background-color:#eae8e8; 
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

a {
	text-decoration:none;
}

hr {
	border: 0;
	background: none;
	border-top: 1px solid #eee;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	height: 1px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", Arial, sans serif;
	padding: 0;
	line-height: 1em;
	letter-spacing: 0.1px;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
    padding: 0;
    margin: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.anatablo {
	width:1140px;
    margin:auto;
}

.shadow {box-shadow:0 1px 2px rgba(0,0,0,.08);}

/*  ============================================================
    ÜST ALAN
    ============================================================  */
.header-dis {
    width:100%;
    height:343px;
    position:relative;
    background-image:url(./../images/kapak.png);
    background-repeat:no-repeat;
    background-position-x:center;
}

.header {
    width:1140px;
    margin:auto;
    position:relative;
}

.header-ust .arama input[type=text] {
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    font-size: 14px;
    color: #777;
    font-weight: 300;
    border-radius: 5px;
    position: relative;
    width: 200px;
    padding: 10px;
}

.header .sosyal {
    width:197px;
    height:64px;
    text-align:center; 
    padding:0 20px;   
    position:absolute;
    left:920px;
    top:250px;
}

.header .sosyal i {
    font-size: 22px;
    font-weight: 600;
    line-height:64px;
    color: #fff;
    display:inline-block;
    margin-right:10px;
}

.header .sosyal a {
    font-size: 22px;
    font-weight: 600;
    line-height:64px;
    color: #fff;
    display:inline-block;   
    float:left; 
    margin-right:15px;
}

.header .sosyal a:last-child {
    font-size: 22px;
    font-weight: 600;
    line-height:64px;
    color: #58585a;
    display:inline-block;   
    float:left; 
    margin-right:0;
}

.anamenu {
    width:660px;
    height:65px;
    padding-left:380px;
    float:left;
}

.diller {
    width:116px;
    height:35px;
    padding:15px 42px;
    float:left;
}

.diller li{
    width:50px;
    height:35px;
    background-color:#b53438;
    border-radius:5px;
    margin-right:0;
    text-align:center;
    float:left;
}

.diller li:first-child{
    width:50px;
    height:35px;
    background-color:#b53438;
    border-radius:5px;
    margin-right:16px;
    text-align:center;
    float:left;
}

.diller li a{
    font-size:14px;
    color:#fff;
    line-height:35px;
    font-weight:600;
}

.anabanner {
	width:1140px;
	height:470px;
    position:relative;
    float:left;
    margin-bottom:25px;
}

.anayanbanner {
	width:300px;
	height:470px;
    position:relative;
    float:left;
    background-color:#fff;
}

.anayanbanner .yanlogo {
	width:300px;
	height:183px;
}

@-webkit-keyframes zooming {
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1.3);}
}
@keyframes zooming {
	0% {transform: scale(1);}
	100% {transform: scale(1.3);}
}
.coding {
	font-size: 16px;
	color: #c7254e;
	background: #f9f2f4;
	border: 1px solid rgba(0,0,0,.2);
	padding: 15px;
	line-height: 1.5em;
}
.zooming {
	-webkit-animation-name: zooming;
	-webkit-animation-duration: 5s;
	//-webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;	
	animation-name: zooming;
	animation-duration: 5s;
	//animation-fill-mode: forwards;
    animation-iteration-count: infinite;
	animation-direction: alternate;
}

.opening-image {
    position: absolute;
    width: auto;
    height: auto;
    top: 40px;
    left: 100px;
    z-index: 0;
}

.anaManset {display:block; height:470px; margin:0 auto 0px; position:relative; width:840px; overflow:hidden;float:left; }
.anaManset li.banner img {margin:0 auto;width:840px;height:470px;  }

.anaManset li.banner .baslik {left:10px; top:370px;position:absolute; background-color:rgba(255, 255, 255, 0.36);padding:10px; width:800px; }
.anaManset li.banner .baslik a {font-size:28px; font-weight:600; color:#fff;text-shadow: 1px 1px #000; }

.anaManset .bx-prev, 
.anaManset .bx-next { height:53px; top:260px; width:34px; position:absolute; text-indent:-99999px; z-index:99999999999999999;}

.anaManset .bx-prev {background:url('../images/bxprev.png') no-repeat; left:20px;}
.anaManset .bx-next {background:url('../images/bxnext.png') no-repeat; right:20px;}

.anaManset .bx-wrapper .bx-pager { position: absolute; bottom: 15px; width: 100%; height:15px; }
.anaManset .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.anaManset .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }

.anaManset .bx-wrapper .bx-pager a { background: #43c3f3; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px 0 0; outline: 0; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.anaManset .bx-wrapper .bx-pager a:hover,
.anaManset .bx-wrapper .bx-pager a.active { background: #00649d; }

.altmenu {
	width:1140px;
    padding:0;
    background-color:#d2e9f9;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:inset 0 0 60px rgba(0,0,0,0.2);
    overflow:hidden;
    margin-bottom:40px;
}

.anaback {
    width:100%;
    height:840px;
    position:absolute;
    top:0;
    left:0;
    z-index:-1111;
    padding:0;
    margin:0;
    overflow:hidden;
}

.altback {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1111;    
    overflow:hidden;
    background-image:url(./../images/back.png);
    position:fixed;
}


.anasol-kolon {
    width:730px;
    margin-right:60px;
    float:left;
    margin-bottom:25px;
}

.anasol-kolon .haberalan{
    width:690px;
    padding:20px;
    background-color:#fff;
}

.anasol-kolon .haberalan h1{
    font-size: 18px;
    font-weight: 700;
    color: #b53439;
    line-height: 46px;
}

.anasol-kolon .haberalan p {
    font-size: 14px;
    font-weight: 400;
    color: #58585a;
    line-height: 22px;
}

.anasol-kolon .haberalan .tarih{
    font-size: 12px;
    font-weight: 400;
    color: #bbbbbb;
    line-height: 18px;
}

.anasol-kolon .haberalan .urun-resim{
    width:690px;
    text-align:center;
}

.anasol-kolon .haberalan .urun-resim img{
    width:345px;
    text-align:center;
}




.anasag-kolon {
    width:350px;
    overflow:hidden;
    float:left;
}

.sag-banner {
    width:440px;
    margin-bottom:25px;
}

.anasag-kolon .ana-galeri {
    width:440px;
    background-color:#007cba;
    border-radius:5px;
    margin-bottom:25px;
}

.anasag-kolon .ana-galeri li {
    width:200px;
    padding:10px 10px;
    float:left;
    background-image:url(./../images/video_back.png);
    background-color:#ffbd33;
}

.anasag-kolon .ana-galeri li:last-child {
    width:200px;
    padding:10px 10px;
    margin-right:0px;
    float:left;
    background-image:url(./../images/foto_back.png);
    background-color:#ef8d28;
}

.anasag-kolon .ana-galeri li .baslik {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 32px;
}

.anasag-kolon .ana-galeri li a {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
}

.sag-kolon {
    width:310px;
    padding:20px;
    background-color:#fff;
    margin-bottom:25px;
}

.sag-kolon .baslik {
    font-size: 18px;
    font-weight: 600;
    color: #b53439;
    line-height: 46px;
}

.yatay-liste {
    width:730px;
}

.yatay-liste li {
    width:690px;
    margin-bottom:35px;
    padding:5px 20px 20px 20px;
    background-color:#fff;
}

.yatay-liste li img{
    width:690px !important;
}

.yatay-liste li .resim{
    width:690px;
    margin-bottom:7px;
}

.yatay-liste li .resim-ic{
    width:690px;
    height:320px;
    overflow:hidden;
}

.yatay-liste li .text{
    width:690px;
    overflow:hidden;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 18px;
}

.yatay-liste li .text h2{
    font-size: 18px;
    font-weight: 700;
    color: #b53439;
    line-height: 46px;
}

.yatay-liste li .text a{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
}

.yatay-dik-liste {
    width:690px;
}

.yatay-dik-liste li {
    width:325px;
    margin-bottom:20px;
    margin-right:20px;
    border:1px solid #ededed;
    padding:4px;
    float:left;
}

.yatay-dik-liste li:nth-of-type(2n+2) {
    margin-right:0;
}

.yatay-dik-liste li img{
    width:325px !important;
}

.yatay-dik-liste .resim{
    width:325px;
    height:280px;
    margin-bottom:7px;
    overflow:hidden;
}

.yatay-dik-liste li .resim-ic{
    width:210px;
    height:280px;
    overflow:hidden;
}

.yatay-dik-liste .pic{
    width:210px;
    height:135px;
    margin-bottom:7px;
    float:left;
}

.yatay-dik-liste li .pic-ic{
    width:210px;
    height:135px;
    overflow:hidden;
}

.yatay-dik-liste li h2{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 18px;
}

.yatay-dik-liste li .baslik a{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
}

.yatay-dik-liste li .baslik a{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 18px;
}

.who {
    width:350px;
    min-height:300px;
    background-image:url(./../images/orange_back.png);
    padding:15px 0;
    position:relative;
    margin-bottom:45px;
}

.who .metin{
    width:310px;
    padding:20px;
}

.who .metin a{
    font-size:13px;
    line-height:20px;
    color:#fff;
}

.who .readmore{
    width:100px;
    padding:10px;
    margin-top:392px;
    margin-left:105px;
    position:absolute;
    background-color:#fff;
    z-index:9999;
    text-align:center;
}

.who .readmore a{
    font-size:13px;
    line-height:20px;
    color:#b53439;
}

.ileri{
    font-size:16px;
    line-height:38px;
    color:#b53439;
}

.geri{
    font-size:16px;
    line-height:38px;
    color:#b53439;
}

.alt-sari {
    width:1100px;
    padding:20px;
    background-color:#f4f4f4;
    border-bottom:2px solid #ffdf00;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: inset 0 0 60px rgba(0,0,0,0.2);
    margin-bottom:20px;
}

.alt-sari .baskan-mesaj {
    width:520px;
    padding:20px;
    margin-right:20px;
    text-align:justify;
    background-image:url(./../images/baskan_back.png);
    background-repeat:no-repeat;
    float:left;
}

.alt-sari .baskan-mesaj a{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 18px;
}

.alt-sari .baskan-mesaj img{
    float:left;
    margin-right:10px;
}


.alt-sari .tweets {
    width:250px;
    margin-right:20px;
    float:left;
}

.alt-sari .parlemento {
    width:250px;    
    float:left;
}

.alt-logolar {
    width:960px;
    padding:20px 20px;
    margin:auto;
    background-color:#fff;
    border-radius:5px;
}

.alt-logolar img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.alt-logolar img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.alt-alan{
	width:100%;
	background-color: #423f39;
	border-top:1px solid #fff;
	padding:15px 0;
	margin-top:25px;
}

.alt-alan-ic{
	width:1000px;
	margin:auto;
    text-align:center;
    color:#fff;
    font-size:14px;
}

.alt-alan-ic .kutu{
	width:1000px;
	padding-left:40px;
	padding-top:50px;
	line-height:18px;
	float:left;
}

.alt-alan-ic li {
	padding-right:75px;
	padding-top:0;
	float:left;
}


.alt-alan-ic li a {
	color:#fff;
	font-size:13px;
	line-height:30px;
	font-weight:400;
	margin-bottom:5px;
}

.aramenu {
    width:100%;
    background-color:#d8d7d5;
    padding:20px 0;
    margin-bottom:25px;
}

.aramenu-ic {
    width:1140px;
    margin:auto;
}

.aramenu-ic li {
    width:360px;
    margin-right:15px;
    border:5px solid #e9e7e8;
    float:left;
}

.aramenu-ic li:last-child {
    width:360px;
    margin-right:0;
    border:5px solid #e9e7e8;
    float:left;
}



/*  ============================================================
    MENÜ
    ============================================================  */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:999;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  background-color:transparent;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px 28px;
  font-size:16px;
  line-height:32px;
  font-weight:600;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:-0.5px;
}

#cssmenu > ul > li:last-child > a {
  padding: 17px 26px;
  font-size:16px;
  line-height:32px;
  font-weight:600;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:-0.5px;
}

#cssmenu > ul > li:hover > a {
  color: #FFF;
  background-color:#b33538;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 210px;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  background: #333333;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:0px;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height:30px;
    text-transform: uppercase;
    font-weight: 600;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}



/*  ============================================================
    OLD
    ============================================================  */

	




.altmenu li {
	width:198px;
	height:50px;
    padding:25px 15px;
    float:left;
}

.altmenu li:hover {
	width:198px;
	height:50px;
    padding:25px 15px;
    background-color:rgba(0,0,0,0.2);
    float:left;
}

.altmenu li i {
	width:50px;
	height:50px;
    margin-right:10px;
    float:left;
}

.altmenu li a {
	font-size:14px;
    font-weight:600;
    color:#000;
    line-height:50px;
}

.anahaberler {
	width:1100px;
    padding:15px 20px;
}

.anahaberler .baslik {
	font-size:16px;
    font-weight:600;
    color:#178fcb;
    line-height:32px;
    margin-right:30px;
    width:125px;
    float:left;
}

.anahaberler .haberler {
    width:825px;
    float:left;
}

.anahaberler .haberler a {
    font-size:13px;
    font-weight:400;
    color:#000;
    line-height:32px;
}

.anahaberler .tumu {
    width:120px;
    background-color:#ff4d00;
    border-radius:5px;
    text-align:center;
    float:left;
}

.anahaberler .tumu a {
    font-size:13px;
    font-weight:600;
    color:#fff;
    line-height:32px;
}



.sayfa-baslik {
	width:1140px;
	height:270px;
    position:relative;
    margin-top:-52px;
    z-index:-1;
}

.beyaz-bant {
	width:240px;
	height:34px;
    position:absolute;
    top:164px;
    left:830px;
}

.metin-alan {
	width:1000px;
    margin:auto;
    position:relative;
    margin-top:-72px;
    z-index:100;
}

.metin-alan-sol {
	width:240px;
    min-height:200px;
    margin-top:20px;
    margin-bottom:15px;
    float:left;
}

.metin-alan-sol-menu {
	width:240px;
    min-height:200px;
    background-color:#007cba;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-top:10px solid #015f90;
}

.metin-alan-sol-menu li {
	width:200px;
    padding:10px 20px;
    border-bottom:1px solid #015f90;
}

.metin-alan-sol-menu li:hover {
	width:200px;
    padding:10px 20px;
    border-bottom:1px solid #015f90;
    background-color:#015f90;
}

.metin-alan-sol-menu li i{
	font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    margin-right:5px;
}

.metin-alan-sol-menu li a{
	font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
}

.metin-alan-sag {
	width:720px;
    min-height:600px;
    position:relative;
    margin-left:-40px;
    z-index:-1;
    background-color:#fff;
    padding:20px 20px 20px 60px;
    float:left;
    border-radius:5px;
    border-top-right-radius:0;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    margin-bottom:15px;
    text-align:justify;
}

.paylas {
    width:280px;
    font-size:14px;
    line-height:38px;
    font-weight:400;
    color:#fff;
    text-align:center;
    background-color:#178fcb;
    margin-top:25px;
}

.paylas li {
    width:70px;
    height:40px;
    font-size:14px;
    line-height:38px;
    font-weight:400;
    color:#fff;
    float:left;
}

.paylas li i {
    font-size:18px;
    line-height:38px;
    font-weight:400;
    color:#fff;
}

.paylas li:nth-of-type(1) {
    background-color:#333;
}

.paylas li:nth-of-type(2) {
    background-color:#45619d;
}

.paylas li:nth-of-type(3) {
    background-color:#55acee;
}

.paylas li:nth-of-type(4) {
    background-color:#d73d32;
}

.metin-alan-sag h1 {
	font-size: 16px;
    font-weight: 600;
    color: #178fcb;
    line-height: 32px;
}

.metin-alan-sag p {
	font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    margin-bottom:15px;
}

.metin-alan-sag td p {
	font-size: 13px !important;
    font-weight: 400 !important;
    color: #000 !important;
    line-height: 22px !important;
    margin-bottom:0 !important;
}

.yol {
    width:720px;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    color:#bbbbbb;
}

.yol a {
    font-size:12px;
    font-weight:400;
    line-height:18px;
    color:#bbbbbb;
}

.yol i {
    font-size:12px;
    font-weight:400;
    line-height:18px;
    color:#bbbbbb;
}

.jqueryslidemenu{ width: 890px; margin:auto; margin-left:253px; height:52px; z-index:9999999; position:absolute; top:65px; }
.jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; }
/*Top level list items*/
.jqueryslidemenu ul li{ position: relative; display: inline; float: left; }
/*Top level menu link items style*/
.jqueryslidemenu ul li a{ display: block; color: white; color: #2d2b2b; text-decoration: none; line-height:55px; }
.jqueryslidemenu ul li a span.tr { display:block; text-align:center; height:52px; line-height:52px; font-weight:bold; font-size:15px; padding: 0 18px; color:#fff; }
/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a{  display: inline-block; }
.jqueryslidemenu ul li a:hover{ background-color:#00649d; /*tab link background during hover state*/ color: white; }
/*1st sub level menu*/
.jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; background: #fff; border:1px fff solid; box-shadow:0 1px 2px rgba(0,0,0, .08); z-index:99; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{ display: list-item; float: none; z-index:99;  }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{ top: 0; } 
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { width:220px; padding: 15px 15px !important; margin: 0; border-right: 0; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color:#000; font-size:14px !important; line-height:14px !important; font-weight:bold !important; }
.jqueryslidemenu ul li ul li a span{ float:right; margin-right:10px; }
/*sub menus hover style*/ 
.jqueryslidemenu ul li ul li a:hover{ background:#eeeeee; color: #000; }

.footer {
    width:620px;
    height:70px;
    border-radius:5px;
    background-image:url(../images/footer.png);
    margin-top:25px;
    margin-bottom:25px;
    padding:45px 25px 35px 495px;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    line-height: 18px;
}

.kat-alan {
    width:720px;
    margin-top:15px;
}

.kat-alan li {
    width:720px;
    margin-bottom:20px;
}

.kat-alan-resim {
    width:100px;
    height:100px;
    margin-right:20px;
    float:left;
}

.kat-alan-text {
    width:600px;
    float:left;
}

.kat-alan-text h2{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 32px;
}

.urun-dosya {
    width:150px;
    padding:15px;
    background-color:#007cba;
    float:left;
    border-radius:3px;
    text-align:center;
}

.urun-dosya a{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 32px;
}

.urun-link {
    width:150px;
    padding:15px;
    background-color:#007cba;
    float:right;
    border-radius:3px;
    text-align:center;
}

.urun-link a{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 32px;
}

.liste-kutu-haberler {width:690px;}
.liste-kutu-haberler li {width:165px;float:left;margin-right:20px;margin-bottom:20px;}
.liste-kutu-haberler li:nth-of-type(4n+4) {width:165px;float:left;margin-right:0px;margin-bottom:20px;}
.liste-kutu-haberler li h2{font-size: 14px;font-weight: 600;color: #000;line-height: 32px;}


.pagination {
    width:720px;
}

.pagination li {
    width:15px;
    padding:5px;
    background-color:#fff;
    border-radius:5px;
    float:left;
    text-align:center;
    margin-right:10px;
}

.pagination li a{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height:32px;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:400px;
width:450px;
background:#FFFFFF;
z-index:999999999;
padding:12px;
font-size:13px;
line-height:18px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}


/* Box with dashed border to show the bounding box of the circle */
.normal-trigger-area{
	width: 420px;
    height: 420px;
	position: absolute;
    left: 0px;
    top: 0px;
	border: 1px dashed #916d57;
	background: rgba(179,143,121,0.1);
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
}
/* The circle */
.ec-circle{
    width: 420px;
    height: 420px;
	-webkit-border-radius: 210px;
	-moz-border-radius: 210px;
	border-radius: 50%;
	text-align: center;
    overflow: hidden;
	font-family:'Kelly Slab', Georgia, serif;
    background: #dda994 url(./../images/1.png) no-repeat center center;
	-webkit-box-shadow: 
        inset 0 0 1px 230px rgba(0,0,0,0.6),
		inset 0 0 0 7px #d5ad94;
	-moz-box-shadow: 
        inset 0 0 1px 230px rgba(0,0,0,0.6),
		inset 0 0 0 7px #d5ad94;
	box-shadow: 
        inset 0 0 1px 230px rgba(0,0,0,0.6),
		inset 0 0 0 7px #d5ad94;
	-webkit-transition: box-shadow 400ms ease-in-out;
	-moz-transition: box-shadow 400ms ease-in-out;
	-o-transition: box-shadow 400ms ease-in-out;
	-ms-transition: box-shadow 400ms ease-in-out;
	transition: box-shadow 400ms ease-in-out;
	/*For IE < 9 so that we have some kind of effect */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	display: block;
	outline: none;
}
.ec-circle-hover{
	-webkit-box-shadow: 
		inset 0 0 0 0 rgba(0,0,0,0.6),
		inset 0 0 0 20px #c18167,
		0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 
		inset 0 0 0 0 rgba(0,0,0,0.6),
		inset 0 0 0 20px #c18167,
		0 0 10px rgba(0,0,0,0.3);
    box-shadow: 
		inset 0 0 0 0 rgba(0,0,0,0.6),
		inset 0 0 0 20px #c18167,
		0 0 10px rgba(0,0,0,0.3);
	/*For IE < 9 so that we have some kind of effect */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* Text inside of circle */
.ec-circle h3{
	color: transparent;
    font-size: 66px;
	line-height: 420px;
    text-shadow: 0px 0px 100px #fff;
	text-transform: uppercase;
    -webkit-transition: text-shadow 400ms ease-in-out;
	-moz-transition: text-shadow 400ms ease-in-out;
	-o-transition: text-shadow 400ms ease-in-out;
	-ms-transition: text-shadow 400ms ease-in-out;
	transition: text-shadow 400ms ease-in-out;
}
.ec-circle-hover h3{
	text-shadow: 0px 0px 1px #fff;
}