/*
Nise Boya 2012
Arm Bilisim
Yazar: Metin Kazan
*/


/* Reset At */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}
textarea, input, select, a {
	outline:0;
}
/* Reset At Bit */
::-moz-selection {
background: #d13072;
color: #FFFFFF;
}
::selection {
background: #d13072;
color: #FFF;
}

a::-moz-selection {
background: #d13072;
color: #FFFFFF;
}
a::selection {
background: #d13072;
color: #FFFFFF;
}
/* Font Face*/
@font-face {
    font-family: 'humnst777_btroman';
    src: url('tt0857m_-webfont.eot');
    src: url('tt0857m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('tt0857m_-webfont.woff') format('woff'),
         url('tt0857m_-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Font Face Bit*/

body				{font-family:humnst777_btroman, sans-serif; font-size:14px; color:#777777; background:url(../resim/bg1.jpg);}

a					{text-decoration:none;color:#777777;}
a:hover				{color:#474747;}


#header				{width:100%;height:120px;background:url(../resim/header_bg.png) repeat-x bottom left;}
.headerIc			{width:900px;height:120px;margin:0 auto;}
.logo				{float:left;width:307px;height:170px;margin-top:15px;}
.social				{float:right;width:233px;height:36px;text-align:right;margin:20px 0;}
.social .headerTel	{float:left;line-height:35px;color:#565555;font-size:20px;width:170px;background:url(../resim/telefon.png) no-repeat left ;height:34px}
.social .headerSocial{margin:7px 0}

.renkpaleti			{float:right;width:140px;/*height:90px;*/margin:-13px 0 0 0;}

.menu				{float:left;width:440px;width:440px\9;height:41px;margin:-15px 0 0 13px;}
.menu ul				{margin:15px 0px 15px 20px;}
.menu ul li			{display:inline; font-size:12px;padding:0 5px 0;background:url(../resim/menuli.png) no-repeat center left;}
.menu ul li a			{color:#777777;}
.menu ul li a:hover		{color:#474747;}
.menu ul li:first-child{background:none;padding: 0px;}



#content			{width:900px;height:400px;margin:0 auto;}
.slider				{width:900px;height:290px;margin:65px 0 55px 0;}

.icerik				{width:900px;text-align:center;font-size:18px;margin:20px 0 20px 0;}
.icerikKutular		{float:left;width:900px;/*height:100%;*/font-size:18px;padding:100px 0 0 0;background:url(../resim/icerik_line.png) no-repeat center top;background-position-y: -110px;}
.kutu				{float:left;width:220px;text-align:center;margin:0 5px 0 0;}
.kutuIcerik			{font-size:11px;color:#474747;margin:10px 0 0 0;padding:0 20px 0 20px; line-height:15px;} 
.kutuResimcerceve	{width:213px;height:174px;margin:0 0 30px 0;}



.referanslar		{float:left;width:250px;height:200px;background:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.epoksiBilgi		{float:left;width:260px;height:230px;margin:0 0 0 20px;}
.epoksiBilgi ul		{}
.epoksiBilgi ul li	{width:240px;height:60px;background:#bdbdbd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;line-height: 60px;margin: 0 0 10px 0;padding:0 0 0 20px; cursor:pointer;}
.epoksiBilgi ul li:hover	{background: white;}
.epoksiBilgi ul li a{display:block;color:white;}
.epoksiBilgi ul li a:hover{display:block;color:#bdbdbd;}
.haberler			{float:left;width:355px;height:230px;margin:0 0 0 15px;background:#FFF;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.referanslar span, .haberler span, .sertifikalar span {display:block;padding:10px 0 10px 20px;}



.referanslarResim	{float:left;width:200px;height:100px;margin:0 0 0 20px;border:3px solid #333;}
.referanslarIcerik	{width:200px;height:20px; color:#777777;padding: 115px 0 0 20px;}
.referanslarIcerik h2{font-size:14px;line-height:20px;}
.referanslarYazi	{font-size:12px;line-height:15px;padding:10px 0 0 0;}
.referanslarButtons	{float:left;width:500px;text-align:right;margin:0 20px 0 0;}



.haberlerKutu		{float:left;width:320px;height:150px;margin:0 20px 0 20px;}
.haberlerCerceve	{float:left;width:320px;height:60px;margin:0 0 0 0;}
.haberlerSol		{float:left;width:20px;height:60px;background:url(../resim/habericon.png) no-repeat center top;}

.haberlerSol		{float:left;width:20px;height:60px;background:url(../resim/habericon.png) no-repeat center top;}
.haberlerSag		{float:left;width:295px;height:58px;overflow:hidden;}

.haberlerSag span	{display:block;padding:0;font-size:11px;color:#09C;}
.haberlerSag h4		{display:block;padding:0;font-size:14px;}
.haberlerIcerik		{font-size:11px;}
span.incele			{float:right;display:block;font-size:12px;margin:0 20px 0 0;}





#footer				{float:left;width:100%;height:auto;padding:0px 0px 10px 0px; margin:100px 0 0 0;background:url(../resim/footerBg.png) repeat-x center top;background-position-y:30px;}

.footerCerceve		{width:900px;height:200px;margin:0 auto;margin-bottom:15px;color:#dbdbdb;font-size:12px;}
.footerLogo			{float:left;width:170px;height:200px;background:url(../resim/footerLogo.png) no-repeat left top;background-position-y:8px;}
.footerKutu			{float:left;width:180px; margin:80px 0 0 0;padding:0px 0px 10px 0px; text-align:center;background:url(../resim/footerLine.png) no-repeat left center;background-position-y:10px;}
.footerKutu h3		{font-size:15px;margin:0 0 13px 0;}
.footerKutu	 a		{color:#dbdbdb;}
.footerKutu	 a:hover		{color:#777777;}





.footerSon							{margin:0;width:900px;height:30px;line-height:30px;background:#dbdbdb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:10px;}
.footerSon .footerCopyright		{float:left;color:#595959;font-size:11px;}
.footerSon .footerAuthor		{float:right;color:#595959;font-size:10px;margin: 2px 88px 0 0;}



.navigasyon				{width:900px;height:90px;text-align:right;font-size:10px;line-height:40px;}
.sideBar				{float:left;width:220px;height:300px;}
.kurumsalIcerik			{float:right;width:640px;/*padding:0 0 30px 30px;*/}
.kurumsalIcerik span	{display:block;margin:0 0 30px 0;font-size:16px;}
.sidebarBaslik			{width:100%;height:40px;background:url(../resim/sidebarmenuBaslik.png) no-repeat center top;line-height:40px;}
.sidebarBaslik span		{padding:0 0 0 30px;font-size:16px;}

.hizmetlerResimler		{width:206px;height:100%;float:left;}
.hizmetlerResim			{width:206px;height:113px;margin:0 0 30px 0;}
.sideBar ul				{margin:10px 0 0 27px;}
.sideBar ul li			{padding:2px;}

.hizmetlerMenu ul li	{font-size:11px;width:165px;height:23px;/*padding:3px 0 5px 3px;*/line-height: 25px;background: url(../resim/menuback2.png) no-repeat center left;cursor:pointer;}
.hizmetlerMenu ul li:hover	{background: url(../resim/menuback.png) no-repeat center left;}
.hizmetlerMenu ul li.aktif	{background: url(../resim/menuback.png) no-repeat center left;}

.kurumsalYazi			{float:left;width:420px;line-height:20px;margin:0 10px 0 0;}
.kurumsalYazi a			{color:#000;}
.kurumsalResim			{float:right;width:160px;height:220px;border:5px solid white;overflow:hidden;}




.haberlerListele		{float:left;width:600px;padding:0 0 10px 0;margin:0 0 30px 0;background:url(../resim/haberlerLine.png) repeat-x center bottom;}
.haberlerListele h5		{display:block;padding:0px;height:20px;}
.haberlerYazi			{float:left;width:380px;font-size:10px;margin:0 10px 0 0;}
.haberlerResim			{float:left;width:195px;height:60px;border:3px solid white;overflow:hidden;}
.haberlerSon			{float:left;width:600px;font-size:10px;margin:15px 0 0 0;}


.videolarListele		{float:left;width:600px;padding:0 0 10px 0;margin:0 0 30px 0;background:url(../resim/haberlerLine.png) repeat-x center bottom;}
.videolarListele h5		{display:block;padding:0px;height:20px;}
.videolarYazi			{float:right;width:325px;font-size:10px;margin:0 10px 0 0;}
.videolarVideo			{float:left;width:250px;height:128px;background:url(../resim/videoBg.png) no-repeat center top;background-position:50% 50%;}
.videolarSon			{float:left;width:600px;font-size:10px;margin:15px 0 0 0;}
.videoSon				{float:left;}



.flexslider				{height:297px;}




.referansLogolar		{float:left;width:530px;height:80px;margin:20px 0 0 0;text-align:center;}
.sertifikalar			{float:left;width:530px;height:220px;background: white;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.sertifikalar ul		{margin:8px 0 0 20px;}
.sertifikalar ul li		{padding:0 10px 0 0;display:inline;}

.kurumsalIcerik ul.sertifikalarGaleri                         {width:740px;margin: 0 0 50px 0;}
.kurumsalIcerik ul.sertifikalarGaleri li                      {display:inline; margin:0 10px 0 0;}


.videolar				{float:left;width:355px;height:130px;margin:20px 0 0 10px;}
.videolarBaslik			{width:345px;height:30px;line-height:30px;font-size:15px;background:#FFF;padding:0 0 0 10px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.video					{float:left;width:130px;height:80px;margin:10px 0 0 10px;background:#FFF;background:url(../resim/videoBg.png) no-repeat center top;background-position:50% 50%;}
.videoIcerik			{float:left;width:195px;height:80px;margin:10px 10px 0 5px;font-size:10px;}
.videoSon				{float:left;width:340px;height:20px;text-align:right;font-size:12px;margin:5px 15px 0 0;}
.videoIcerik span		{display:block;font-size:12px;padding:0 0 5px 0;}
.referanslarLogo ul li	{display:inline;}


.iletisimIcerik				{float:left;width:700px;min-height:385px;margin:0 0 0 0;font-size:14px;}
.iletisimIceriksol			{float:left;width:290px;}
.iletisimIceriksol h1		{display:block;color:#777777;font-size:14px;margin:0 0 30px 0;}
.iletisimIceriksag h1		{display:block;color:#777777;font-size:14px;margin:0 0 30px 0;}	
.iletisimIceriksag			{float:left;width:285px;}
.iletisimIceriksol span.sol {float:left;width:80px;margin-top:5px;font-size:11px;}
.iletisimIceriksol span.sag {float:left;width:150px;margin-top:5px;font-size:11px;}
.iletisimIceriksag span.sol {float:left;width:60px;clear:both;margin-top:5px;font-size:11px;}
.iletisimIceriksag span.sag {float:left;margin-top:5px;font-size:11px;;}
.iletisimIceriksag textarea {height:120px;width:200px;}
.iletisimIcerikharita		{float:left;width:700px;height:143px;margin-top:30px;}
.haritaAdres				{width:193px;height:27px;margin:25px 0px 0px 145px;color:black;overflow:hidden;}

.hizmetlerListele			{float:left;width:280px;height:230px;padding:0px;margin:0 35px 0 0;}
.hizmetlerListele h2			{display:block;line-height:30px;color:#777777;font-size:16px;}
.hizmetlerListeleresim		{float:left;width:280px;height:80px;border:4px solid #777777;}
.hizmetListeleP				{float:left;width:290px;height:44px;margin:10px 0 10px 0;overflow:hidden;}
.detayButon					{float:left;width:290px;height:20px;text-align:right;font-size:12px;}
.detayButon a				{background:#878787;line-height:20px;color:#fff;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

/* slayt hizmetler */
.slayt-css-hizmetler .viewport {float: left; margin:0 0 0 0;width: 100%; height: 320px; overflow: hidden; position: relative; }
.slayt-css-hizmetler .next { background-position: 0 0; margin: 0px 0 0 0px;  }
.slayt-css-hizmetler .disable { visibility: hidden; }
.slayt-css-hizmetler .overview {list-style: none; position: absolute; width: 100%; left: 0 top: 0; margin:0 0 0 0;}
.slayt-css-hizmetler .overview li{float: left; height:320px;width:220px;margin:0 5px 0 0; }
			
.slayt-css-hizmetler .geri-ileri {position:relative;top:20px;float:right;}
.slayt-css-hizmetler .geri-ileri .geri {	cursor:pointer;float:left;display:block;height:18px;width:13px;background:url(../resim/geri-ileri-2.png) 0px 0px no-repeat ; }
.slayt-css-hizmetler .geri-ileri .ileri {	cursor:pointer;height:18px;float:right;width:13px;background:url(../resim/geri-ileri-2.png) -13px 0px no-repeat ; }
			
/* ---------------- */
		
.slayt-css-duyurular .viewport {float: left; margin:0 0 0 0px;width: 320px; height: 150px; overflow: hidden; position: relative; }
.slayt-css-duyurular .next { background-position: 0 0; margin: 0px 0 0 0px;  }
.slayt-css-duyurular .disable { visibility: hidden; }
.slayt-css-duyurular .overview { list-style: none; position: absolute; width: 320px; left: 0 top: 0; }
.slayt-css-duyurular .overview li{height:75px;width: 320px; }
/* ---------------- */
		
.slayt-css-referanslar .viewport {margin:0 0 0 0px;width: 240px; /*border:1px solid red;*/height: 167px; overflow: hidden; position: relative; }
.slayt-css-referanslar .next { background-position: 0 0; margin: 0px 0 0 0px;  }
.slayt-css-referanslar .disable { visibility: hidden; }
.slayt-css-referanslar .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
.slayt-css-referanslar .overview li{float:left;height:182px;width: 270px; }
			
.slayt-css-referanslar .pager { overflow:hidden; list-style: none; clear: both; position:absolute;margin: 111px 0 0 5px; border:1px solid blue;}
.slayt-css-referanslar .pager li { float: left; }
.slayt-css-referanslar .pagenum { background-color: #aaa; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
.slayt-css-referanslar .active { color: #fff; background-color:  #555555; }
			
			
.slayt-css-referansLogo .viewport {margin:0 0 0 0px;width: 900px; /*border:1px solid red;*/height: 65px; overflow: hidden; position: relative; }
.slayt-css-referansLogo .next { background-position: 0 0; margin: 0px 0 0 0px;  }
.slayt-css-referansLogo .disable { visibility: hidden; }
.slayt-css-referansLogo .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
.slayt-css-referansLogo .overview li{float:left;height:182px;width: 167px; }




/* --------------------------- ARMA LOGO ---------------------------------*/
.arma {height: auto;z-index:9996;position: absolute;overflow: hidden;cursor: pointer;}
.arma .arma-zemin {position: relative;z-index: 9998;float: right;}
.arma .arma-logo {position: absolute;z-index: 9997;}
.arma .arma-slogan {position: absolute;z-index: 9995}
/* --------------------------- ARMA LOGO ---------------------------------*/