/*
*
* Coded by Tolga Arican
* www.dxenia.com 2008
*
*/
body { background:url(../images/bg.jpg) repeat-x #23436c; margin:0px; padding:0px; font-family:Arial; font-size:11px; color:#222; }
object,form,p { margin:0px; } a img, a:visited img { border:solid 0px #fff; }
.kroki, .kroki:visited { color:#23436c; font-size:10px; text-decoration:underline; }
.kroki:hover { color:#000; text-decoration:none; }
.mainPage, .subPage { width:900px; margin:0px auto; padding-bottom:40px; }
.mainPage .flContainer { height:470px;overflow:hidden; margin-bottom:2px; }
.subPage .flContainer { height:215px;overflow:hidden; background:url(../images/bg.top.jpg) no-repeat 50px 196px; }

.welcome { background:url(../images/bg.welcome1.jpg) no-repeat; width:278px; height:294px; margin:0px auto; position:relative; }
.enterTR { background:url(../images/btn.tr.jpg); display:block; width:40px; height:20px; position:absolute; top:127px; left:56px; }
.enterEN { background:url(../images/btn.en.jpg); display:block; width:48px; height:14px; position:absolute; top:112px; left:56px; }
.enterEN:hover, .enterTR:hover { background-position:bottom; cursor:pointer; }

.midBg { background:url(../images/bg.midout.jpg) repeat-y; }
.midArea { background:url(../images/bg.mid.jpg) no-repeat 50px 0px; width:900px; overflow:hidden; }

.leftArea { float:left; width:348px; padding-bottom:60px; }
.subheading { margin:20px 0px 0px 45px; }
.hakkimizdaInfo,.referanslarInfo { margin:25px 0px 0px 93px; font-size:10px; color:#535353; width:217px; }

.rightArea { float:left; width:501px; padding-bottom:60px; }
h1 { font-size:16px; color:#535353; background:url(../images/bg.h1.jpg) no-repeat; width:409px; height:24px; padding:1px 0px 0px 31px; margin:40px 0px 10px 25px; }
h2 { font-size:16px; color:#535353; background:url(../images/bg.h2.jpg) no-repeat; width:409px; height:24px; padding:1px 0px 0px 31px; margin:10px 0px 10px 25px; }
.content { color:#535353; font-size:12px; margin:0px 40px 0px 55px; }
.contentLong { color:#535353; font-size:12px; margin:0px 40px 0px 24px; }
.content p,.contentLong p { margin-bottom:20px; line-height:1.5; }

.leftArea .submenu-d,.leftArea .submenu-l { 
	display:block; width:236px; background:url(../images/icon.submenu.jpg) no-repeat; padding:6px 0px 4px 40px; 
	font-size:10px; color:#535353; text-decoration:none; margin-left:50px;
	border-left: solid 1px #cacaca; border-bottom:solid 1px #cacaca;
}
.leftArea .submenu-d { background-color:#e2e2e2; border-right:solid 1px #cacaca; }
.leftArea .submenu-l { background-color:#f0f0f0; border-right:solid 1px #e4e4e4; }
.leftArea .lastSubmenu { border-bottom:solid 1px #e4e4e4 !important; }
.leftArea .secili,.leftArea .secili:hover { background-position:bottom left; color:#fff !important; background-color:#23436c !important; }
.leftArea .submenu-d:hover,.leftArea .submenu-l:hover { background-position:bottom left; color:#23436c; background-color:#fff; }
.leftArea .submenu-bottom { background:url(../images/bg.submenu.jpg) repeat-x; height:28px; width:253px; display:block; margin-left:50px; }

.atuImgContainer { margin:0px 0px 10px 55px; overflow:hidden; }
.atuImgContainer .img { border:solid 1px #e5e5e5; background-color:#b5b5b5; padding:3px; float:left; line-height:0; width:396px; }
.atuImgContainer .menu { background:url(../images/bg.atuImg.jpg) no-repeat; width:404px; height:95px; position:relative; float:left; margin-top:5px; }
.atuImgContainer .menu #aciklama { font-size:11px; color:#fff; position:absolute; top:14px; left:10px; }
.atuImgContainer .menu #sayfa { position:absolute; top:14px; left:257px; color:#fff; font-size:10px; width:48px; text-align:center; }
.atuImgContainer .menu .btnL { background:url(../images/btnL.jpg); width:49px; height:34px; display:block; position:absolute; top:4px; right:50px; }
.atuImgContainer .menu .btnR { background:url(../images/btnR.jpg); width:50px; height:34px; display:block; position:absolute; top:4px; right:0px; }
.atuImgContainer .menu .btnL:hover,.atuImgContainer .menu .btnR:hover { background-position:bottom; cursor:pointer; }
.atuImgContainer .menu table { position:absolute; top:45px; left:3px; }
.atuImgContainer .menu table td { font-size:11px; color:#112f57; font-weight:bold; padding-left:5px; }
.atuImgContainer #musteri,.atuImgContainer #yer,.atuImgContainer #yil { font-weight:normal; color:#535353; padding-left:10px; }

.goTop { text-align:center; padding-bottom:10px; }
.goTopBtn { width:719px; margin:0px auto; text-align:left; padding-bottom:5px; }

.sitemap { position:relative; background:url(../images/bg.sitemap.jpg) repeat-x; width:767px; height:30px; margin:0px 0px 1px 50px; padding:11px 0px 0px 32px }
.sitemap a,.sitemap a:visited { padding:3px 8px 0px 8px; height:15px; display:block; color:#535353; text-decoration:none; float:left; border-right:solid 1px #a9a9a9; }
.sitemap a:hover { color:#24436c; background-color:#fff; }
.sitemap .noborder { border-right:none; }

.iletisimContent { font-size:14px; margin-bottom:5px !important; }
.iletisimContent2 { margin-bottom:10px !important; }
.iletisimInfo { color:#006633; font-weight:bold; }
.yazi-alani-hata { border:1px solid #DD3300; color:#444444; font-size:11px; font-family:Arial; width:165px; }
.yazi-alani { border:1px solid #b3b3b3; color:#444444; font-size:11px; font-family:Arial; width:165px; }

.bottom { 
	position:relative; background:url(../images/bg.bottom.jpg) repeat-x; width:799px; height:64px; margin-left:50px;
	border-bottom:solid 9px #102f56; font-size:9px; color:#858585;
}
.bottom .address { position:absolute; top:23px; left:35px; padding-left:12px; }
.bottom .address span { position:absolute; top:0px; left:0px; color:#23436c; }
.bottom .phones { position:absolute; top:23px; left:242px; }
.bottom .phones span { color:#23436c; }
.bottom .copyright { position:absolute; top:30px; right:20px; }

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}



#catalog {
  text-align:center;
  
  position:absolute;
  top:70px;
  right:50px;
  margin:auto;
  padding:0px 0 10px 0;
  
  width:200px;
  height:20px;
}
a.renk:link {color: #999; font-size:13px; text-decoration: none}
a.renk:visited {color: #999; font-size:13px; text-decoration: none}
a.renk:hover {color: #000; font-size:13px; text-decoration: none}
input[type="checkbox"]{display:none;}

.checkbox:checked + .label{
  background:#7B7484;
  color:#231733;
  background: url("../resimler/catalog-icon.png"); width: 61px;height: 54px;
}

.checkbox:checked ~ .social {
  opacity:1;
  -webkit-transform: scale(1) translateY(-90px);
  -moz-transform:scale(1) translateY(-90px);
  -o-transform:scale(1) translateY(-90px);
  transform:scale(1) translateY(-90px);
    -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  
}

.label {
  font-size:26px;
  cursor:pointer;
  margin:0;
  padding:3px 20px;
  background: url("../resimler/catalog-icon.png"); width: 61px;height: 54px;
}

.social {
  transform-origin:50% 0%;
  
  -webkit-transform: scale(0) translateY(-190px);
  -moz-transform:scale(0) translateY(-190px);
  -o-transform:scale(0) translateY(-190px);
  transform:scale(0) translateY(-190px);
  
  opacity:0;
}
ul {
  position:relative;
  left:0;
  right:0;
  margin:auto;
  color:#fff;
  height:35px;
  width:200px;
  background:#666;
  padding:0;
  list-style:none;
  
}

ul li {
  font-size: 10px;
  cursor:pointer;
  width:100px;
  margin:0;
  padding:10px 0;
  text-align:center;
  float:left;
  display:block;
  height:11px;}
ul li a{
  color:#fff;text-decoration: none;
  }
  ul li a:hover{
  color:#000;
  }
ul li:hover {color:rgba(0,0,0,1);}

ul:after {
  content:'';
  display:block;
  position:absolute;
  left:0;
  right:0;
  margin:35px auto;
  height:0;
  width:0;
  
  border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #ccc;
}

li[class*="twitter"] {background:#999;padding:12px 0;}
li[class*="gplus"] {background:#ccc;padding:12px 0;}