@charset "UTF-8";
/* CSS Document */
body, div, span, applet, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td { margin:0px; padding:0px; border:0px; outline:0px;}

/*GENEL*/
body { background:url(../img/bg.png);background-repeat:no-repeat;background-position:center;font-family:'Ubuntu', sans-serif;}
.clear { clear:both;}
.clearfix:before, .clearfix:after, .ortala:before, .ortala:after {display: table; content: " ";}
.clearfix:after, .ortala:after {clear: both;}
.temizle {clear:both !important;}


/*TEMAUST*/
	
.kapsul {  width:1000px; margin:0 auto; position:relative;}
.temaUst {background-color:#f5f5f5; width:100%; height:250px; position:relative; } 
.logolar {width:100%; height:100px;  position:relative;}
.logo {width:300px; height:80px; background:url(../img/logo.png) no-repeat; display:block; text-indent:-99999px; margin-top:10px; float:left;}
.telno {background:url(../img/tel-bg.png) no-repeat; position:absolute; right:0; top:-3px; width:175px; height:49px; font-size:15px; padding:15px 0 0 70px}
.telno strong { font-size:18px;}

.sosyal {width:200px; height:30px; position:absolute; right:-45px; top:60px; float:left;}
#ustMenu {width:1000px;  font-size:14px; height:55px}
	#ustMenu ul {list-style:none; text-align:center;}
	#ustMenu ul li { display:inline-block; margin-left:-4px; background:url(../img/ustmenu-bg.png) repeat-x ;}
	#ustMenu ul li a {color:#fff; text-decoration:none; display:block; padding:20px 30px; border-right:1px solid #000;}
	#ustMenu ul li:first-child a { padding-left:40px;}
	#ustMenu ul li:last-child a { border-right:none; padding-right:40px;}

	#ustMenu ul li a:hover {color:#CCC;}
	#ustMenu ul li :hover {background:url(../img/ustmenu-bg-son.png)}
/*TEMAUST-SON*/

	#anaSlayt {width:100%; height:380px; background:#fff; margin:0 0 30px 0; }
	#anaSlayt .bx-controls { width:1000px; position:absolute; left:0; right:0; margin:auto; top:500px; z-index:999;}
	#anaSlayt .bx-controls .bx-pager {z-index:999; text-align:center;}
	#anaSlayt .bx-controls .bx-pager .bx-pager-item { display:inline-block;}
	#anaSlayt .bx-controls .bx-pager .bx-pager-item a {-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; background:#ccc; width:17px; height:17px; text-indent:-9999px !important; display:block; margin:10px 5px 0 0;}
	#anaSlayt .bx-controls .bx-pager .bx-pager-item a.active { background:#333;}
	
	.icslayt {height:260px !important;}	
	.icslayt .bx-controls {display:none;}

/*TEMORTA*/
	#temaOrta {  padding:0 15px 15px 15px; font-size:12px;  color:#4e4c4c; line-height:20px;}
	
	.kutu {width:295px; float:left; margin:0 10px 15px 0; background: #ebebeb; padding: 10px; position: relative; height: 275px;}
	.kutu:hover {background: #e7e7e7;}
	.kutu:nth-child(3n+3) { margin:0 -10px 0 0;}
	.kutu .kutimg {width:100%; }
	.kutu .kutimg:hover {opacity:0.9;}
	.kutu h2 {font-size:16px;color:#636060; margin:5px 0;}
	.kutu p {font-size:12px;  color:#4e4c4c;}
	.kutu p:nth-child(even) { margin: 0 0 10px 0;}
	h2 {font-size:18px;color:#636060; margin:10px 10px; }


	.kutu .galeri-img a { margin:5px 5px 3px 5px; display:block; float:left;}
	.kutu .galeri-img img { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width: 88px;}
	.kutu .galeri-img img:hover {opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}

	.devami{ text-align:center; position: absolute; bottom: 10px; left: 0; right: 0; margin: auto;}
	.devami a { display:inline-block; padding:8px 12px; background:#999; font-size:12px; color:#fff; text-decoration:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
	.devami a:hover { background:#666;}
	
	.altKutular{ width:100%;} 
	
	.haberler{float:left; width:315px;}
	.haberler h1{color:#156aaa; font-weight:bold; font-size:18px; margin-bottom:10px;}
	.haberler p{color:#3a3939; font-size:12px; margin:0 0 10px 0; padding:0 30px 0 0;}
	.haberler a { text-decoration:none; color:#333;}
	.haberler a:hover { border-bottom:1px dotted #666; padding:0 0 2px 0;}
	.haberler ul { list-style:none; line-height:16px;}
	.haberler ul li {color:#3a3939; font-size:12px;  padding:0 0 0 25px; margin:0 0 10px 0;}
	.tumhaber a{color:#3a3939; font-size:16px; margin:0 0 10px 24px; padding:0 30px 0 0; text-decoration:none; font-weight:bold}
	.tumhaber a:hover{color:#666}


	.referanslar { float:left; width:640px; margin: 0 0 0 10px;}
	.referanslar h1{ color:#156aaa; font-weight:bold; font-size:18px;}
	#refSlayt{ margin:10px 0 0 0; float:right; width:640px;}
	#refSlayt li a { float:left !important;  border:1px solid #ccc; margin:0 13px 0 0;}
	#refSlayt li img { display:block; width:75px; }
	
	.icerik {width:900px; margin:10px 30px; color:#666; font-size:12px; position: relative;}
	.icerik h1{margin-left:10px;color:#156aaa; font-weight:bold; font-size:18px; margin-top:10px;}
	.icerik-golge{ width:100%; background:url(../img/icerik-golge.png) repeat-x; height:8px; margin:5px 0 0 0;}
	.icerik .news2 h3{color:#156aaa; font-size:15px; margin-top:10px; margin-left:20px;}
	.icerik .news2 a {text-decoration:none; margin-left:5px; color:#333; font-weight:700;}
	.icerik .news2 a:hover{color:#F00;}	

#gallery ul li { float: left; margin:5px;}
#gallery ul li a img { width: 118px;}
#gallery ul li a { width: 118px; height: 88px; overflow: hidden; display: block;}

#galeri .box{ float: left; margin:6px;}
#galeri .box img{width:110px; height:100px; padding:2px; border:1px solid #ccc;}

.scroll { max-height: 400px; overflow-x:auto; width: 620px;}

.pagers li{list-style: none;display: block;float: left;margin:5px;padding:3px 6px;border:1px solid #ccc;}
.pagers{float: right;margin-right: 40px;}
.pagers a{font-size:12px;text-decoration: none; text-decoration:none; color:#333;}

#ref{width:100%;}
#ref img {float:left; border:1px solid #ccc; margin:15px 15px 0 0; padding:15px;}
#ref img:hover {opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}


#ref-detay {  }
#ref-detay-img{ float:left;}

/*TEMAORTA-SON*/
	
	
	
/*TEMAALT*/
	#temaAlt {widht:100%; background:rgba(204,204,204,.50); padding:30px 0;  display:block; }
	.footer_yazi { float:left; font-size: 11px; color: #3a3939;}
	.webolizma { float:right; width:100;}
	
/*TEMAALT-SON*/

.icerik:nth-child(1) table { float: left; margin: 20px 0 0 0;}


.mailforms { float: right; width: 480px;}
.mailforms input { border:1px solid #ddd; padding: 5px; width: 200px;}
.mailforms textarea { border:1px solid #ddd; padding: 5px; width: 220px;}
.mailforms .send { float: right; width: 80px;}