@charset "utf-8";
/*
	Meriç Mühendislik
	Webolizma
*/

/* ================================================ */
/* !	Gerekenler
/* ================================================ */
	body {margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #333333; background:#dddddd;}
	a{color:#333333;text-decoration:none}
	a:hover,a:focus{color:#000000;text-decoration:underline}
	a:focus { outline: none;}
	.clearfix {*zoom: 1;}
	.clearfix:before, .clearfix:after {display: table; line-height: 0; content: "";}
	.clearfix:after {clear: both;}
	img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
	ul, ol {padding: 0; margin: 0 0 10px 25px;}
	ul ul, ul ol, ol ol, ol ul {margin-bottom: 0;}
	li {line-height: 20px;}
	p {margin:0 0 10px 0;}
	#kapsul {width:960px; margin:0 auto;}
	.ortala {width:860px; margin:0 auto;}
	

/* ================================================ */
/* !	Header > tema-ust
/* ================================================ */
	#tema-ust {width:960px; margin-top:30px; position:relative;}
	#logomenuBar {width:860px; height:141px; margin-left:-430px; background:url(../img/logomenubg.png) repeat-x; z-index:15; left:50%; top:-5px; position:absolute; border-top:5px solid #76b11c;}
	#logo {width:200px; height:90px; background:url(../img/img.png) 0 0 no-repeat; display:block; text-indent:-99999px; border-right:1px solid #dddddd; position:absolute; left:0; top:0;}
	#bilgibarUst {width:659px; height:40px; position:absolute; top:0; left:201px; padding:5px 5px 5px 15px;}
	.uArama input {width:225px; border:none !important; height:30px; float:left; background:none;}
	.uArama .uAramaBtn {width:30px; height:30px; cursor:pointer; background:url(../img/img.png) -276px 0 no-repeat; display:block; text-indent:-99999px; border:none !important; float:left;}
	.sosyalmedya {float:right;}
	#ustfb {width:30px; height:30px; background:url(../img/img.png) -306px 0 no-repeat; display:block; text-indent:-99999px; float:left; margin-right:5px;}
	#usttw {width:30px; height:30px; background:url(../img/img.png) -336px 0 no-repeat; display:block; text-indent:-99999px; float:left;}
	
	#bilgibarAlt {width:659px; height:49px; border-top:1px solid #dddddd; position:absolute; top:40px; left:201px;}
	#bilgibarAlt p {padding:15px 0 0 15px; color:#999999;}
	#bilgibarAlt p span {margin:0 10px; color:#999999}
	
	
	#ustMenu {width:860px; height:45px; position:absolute; bottom:0;}
	#ustMenu > ul {margin:0 0 0 5px; padding:0;}
	#ustMenu > ul > li:first-child a { display: block; background: url(../img/home.png) center center no-repeat; width: 39px; height: 44px; text-indent: -9999px;  }
	#ustMenu > ul > li {float:left; height:45px;}
	#ustMenu > ul > li > a {font:bold 11px/45px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0 15px; color:#ffffff;}
	#ustMenu > ul > li:hover {position:relative;}
    #ustMenu ul li:hover  ul { position:absolute; top:45px; left:0; display:block; width:250px;}
	
	#ustMenu ul li ul {display:none; margin:0; padding:0; background:#ffffff;}
	#ustMenu ul li ul li {display:block; height:40px; border-bottom:1px dotted #cccccc;}
	#ustMenu ul li ul li a {color:#333333; font:bold 11px/40px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0 15px;}
	#ustMenu ul li ul li a:hover {text-decoration:none;}
	#ustMenu ul li ul li:hover {background:#f2f2f2;}
	
	#tema-slayt {width:960px; height:500px; position:relative; z-index:10; top: 90px;}
	.tSlayt {margin:0; padding:0; z-index:10;}
	.slaytu {width:100%; height:100%; position:absolute; background:url(../img/slaytt.png) repeat; z-index:11;}
	.ilerigeribtn {position:absolute; right:-5px; bottom:100px; z-index:12; border-right:5px solid #76b11c;}
	.ilerigeribtn .bx-prev {width:38px; height:38px; background:url(../img/img.png) -200px 0 no-repeat; display:block; text-indent:-99999px;}
	.ilerigeribtn .bx-next {width:38px; height:38px; background:url(../img/img.png) -200px -38px no-repeat; display:block; text-indent:-99999px;}
	.ilerigeribtn .bx-prev:hover {width:38px; height:38px; background:url(../img/img.png) -238px 0 no-repeat;}
	.ilerigeribtn .bx-next:hover {width:38px; height:38px; background:url(../img/img.png) -238px -38px no-repeat;}
	
	#tema-slayt .bx-wrapper .bx-caption {position: absolute; bottom: 100px;right: 60px;z-index:13;width:400px;text-align:right;}
	#tema-slayt .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: 22px;padding: 10px;line-height:28px;}
	
	#faaliyetalanipdf {width:250px; height:80px; background:#ffffff; position:absolute; bottom:100px; left:-5px; border-left:5px solid #76b11c; z-index:13;}
	
	#icsayfaust {width:960px; height:300px; background:url(../img/icbg.jpg) center center no-repeat; position:relative; z-index:10;}
	.icsayfabslk {bottom:20px; position:absolute; left:50px; font:bold 18px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff;}
	
/* ================================================ */
/* !	Section > tema-orta
/* ================================================ */
	#tema-orta {width:860px; margin:30px auto;}
	#anaHizmetlerimiz {width:860px; border-top:5px solid #333333; padding:15px 15px 23px 15px; background:url(../img/kutugolge.png) center bottom no-repeat #ffffff; position:relative; margin-bottom:15px;}
	.anaHizmetSlayt {position:relative;}
	.hizmetSlayt {margin:0; padding:0;}
	.anaBslk {width:860px; height:40px; margin:-15px -15px 0 -15px;}
	.anaBslk h2 {font:bold 14px/40px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0 15px;}
	#hizmetileri {width:23px; height:23px; background:url(../img/img.png) -276px -30px no-repeat; display:block;}
	
	.hizmetbtn {position:absolute; top:0; right:0;}
	.hizmetbtn .bx-prev {width:23px; height:23px; background:url(../img/img.png) -276px -30px no-repeat; display:block; text-indent:-99999px;}
	.hizmetbtn .bx-next {width:23px; height:23px; background:url(../img/img.png) -299px -30px no-repeat; display:block; text-indent:-99999px;}
	.hizmetbtn .bx-prev:hover {background:url(../img/img.png) -276px -53px no-repeat;}
	.hizmetbtn .bx-next:hover {background:url(../img/img.png) -299px -53px no-repeat;}
	#hizmetgeri {float:left;}
	#hizmetileri {float:left;}
	
	#anaBilgimeric {width:860px; border-top:5px solid #333333; padding:15px 15px 23px 15px; background:url(../img/kutugolge.png) center bottom no-repeat #ffffff; position:relative;}
	.mericbilgi {width:414px; float:left; padding-right:15px; border-right:1px dotted #cccccc; text-align:justify;}
	
	.anaProjegorsel {width:415px; padding-left:15px; float:left; position:relative;}
	.projeslayt {margin:0; padding:0;}
	
	.projebtn {position:absolute; top:0; right:0;}
	.projebtn .bx-prev {width:23px; height:23px; background:url(../img/img.png) -276px -30px no-repeat; display:block; text-indent:-99999px;}
	.projebtn .bx-next {width:23px; height:23px; background:url(../img/img.png) -299px -30px no-repeat; display:block; text-indent:-99999px;}
	.projebtn .bx-prev:hover {background:url(../img/img.png) -276px -53px no-repeat;}
	.projebtn .bx-next:hover {background:url(../img/img.png) -299px -53px no-repeat;}
	#projegeri {float:left;}
	#projeileri {float:left;}
	
	.anaProjegorsel .bx-wrapper .bx-caption {position: absolute; bottom: 20px;right: 20px;z-index:13;width:300px;text-align:right;}
	.anaProjegorsel .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: 16px;padding: 10px;line-height:22px;}
	
	#icsayfa {width:860px; padding:20px 20px 23px 20px; background:url(../img/kutugolge.png) center bottom no-repeat #ffffff; position:relative;}
	#icsayfa .sag {width:570px; float:left;}
	#icsayfa .sag p {text-align:justify;}
	#icsayfa .sol {width:230px; float:left; margin-right:20px;}
	.icfoto {border-bottom:5px solid #3e6109;}
	.icsayfaMenu {margin:0; padding:0;}
	.icsayfaMenu li {height:45px; background:#79b41f; border-bottom:1px dotted #537b16;}
	.icsayfaMenu li a {font:bold 11px/45px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; padding:0 20px;}
	.icsayfaMenu li a:hover {text-decoration:none;}
	.icsayfaMenu li:hover {background:#689a1b;}
	.icsayfaMenu li.aktif {background:#689a1b;}
	.icmenuBaslik {height:45px; background:#507a0f; font:bold 11px/45px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; padding:0 20px; margin:0;}

	#hizmetakordiyon h3 {height:45px; font:bold 11px/45px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background:#ececec; padding:0 20px; margin:0 0 2px 0; cursor:pointer;}
	#hizmetakordiyon h3:hover {background:#bfbfbf;}
	#hizmetakordiyon h3.ui-accordion-header-active {background:#aaaaaa;}
	.akordiyonic {padding:15px;}

/* ================================================ */
/* !	Footer > tema-alt
/* ================================================ */
	#tema-alt {width:860px; border-top:5px solid #333333; padding:15px 15px 23px 15px; background:url(../img/kutugolge.png) center bottom no-repeat #ffffff; position:relative; margin:0 auto 30px auto;}
	p.siteaciklama {padding:0; margin:0; float:left;}
	#webolizma {width:82px; height:19px; background:url(../img/img.png) -366px 0 no-repeat; float:right; text-indent:-99999px; display:block;}
	.left { float: right; margin-right: 10px; }
	#gozde{width:50px; height:23px; background:url(../img/gozde-logo.png) -266px 0 no-repeat; float:right; text-indent:-99999px; display:block;}

	.mailforms input { padding: 5px; border:1px solid #ccc; width: 200px; margin:0 0 10px 10px;}
	.mailforms .formtextarea { padding: 5px; border: 1px solid #ccc; width: 300px; margin:0 0 10px 10px;}
	.mailforms .send { width: 70px; float:right;}

	.mailforms .formselect {    border-radius: 1px; border:1px solid #ccc;    resize: vertical;    height:30px; width:150px; padding:5px; margin:0 0 10px 10px;}