/*
-----------------------
	Author
		BenSenO & B2B Interactive
		31.05.2011
-----------------------
*/

body{ min-width:980px; text-shadow:0px 1px 0px #fff; font-family: Tahoma, Geneva, sans-serif; color:#363636; font-size:11px; overflow-x:hidden; background: #d1d1d1 url(../images/bckg/bg.png) center 0 no-repeat fixed; }


::selection { background: #3b647c; color: #fff; text-shadow: none; }
::-moz-selection {background: #33546D; color: #fff; text-shadow: none;}

p { padding: 10px 10px 6px 10px; line-height:130%; }
span.hr { clear:both; display:block; background-color: #d7d7d7; height: 1px; overflow:hidden; margin: 8px 0 6px 0; }
.clear { clear:both; }
.center { text-align:center; margin:0 auto;}
img.center { margin: 10px 0 20px 100px !important; }
.left { float:left; }
.right { float:right; }
.alignleft { float:left; margin-right:20px; }
.alignright { float:right; margin-left:20px; }
.aligncenter { text-align:center; }
.paddingBottom20 { padding-bottom:20px !important; }
.paddingTop20 { padding-top:20px; }
.half { width:50%; }
.red { color: #D92A2A !important; }
.blue { color: #1C89B3 !important; }
.blue a { color: #1C89B3 !important; }
.underline { text-decoration:underline !important; }
.no-display { display:none; }
.no-border { border:none !important; }
.no-bg { background:none !important ; }
.no-bg-img { background-position: 1000px 1000px !important; }
.text-justify { text-align:justify; }
.no-padding-left { padding-left:0 !important;}
.no-margin { margin:0 !important; }
.visible { display:block; }



/* GENERIC   
----------------------------------------------------------*/
a { color: #004d8e;; text-decoration:none; }
a:visited { color:#004d8e; }
a:hover { color:#012748; }


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-style: normal; line-height:normal; font-family: 'Segoe ui', sans-serif; padding: 12px 30px 10px 10px; color: #004c8d; text-shadow: 0 1px 1px #fff; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { font-weight:bold; }
h1 { font-size: 30px; margin-top: 10px; padding: 10px 0; font-size: 2.6em; }
h2 { font-size: 24px; padding: 10px; }
h3 { padding:11px 10px 3px 10px; font-size: 16px; line-height: 110%; }
h4 { padding:6px 10px 0 10px; color: #882F42; font-size:13px; } 


/* LAYOUT   
----------------------------------------------------------*/
div.wrapper { width:978px; margin:0 auto; }


/* HEADER   
----------------------------------------------------------*/
div#header { height:128px; position:relative; }
div#header a#logo { display:block; position:absolute; top:83px; left:0; width:163px; height:54px; background:url(../images/bckg/logo.png) 0 0 no-repeat;  }
div#header a#logoen { display:block; position:absolute; top:83px; left:0; width:163px; height:54px; background:url(../images/bckg/logo_en.png) 0 0 no-repeat;  }
div#logo-bg { position:absolute; top:0px; left:-77px; width:340px; height:279px; z-index:-1; background:url(../images/bckg/logo-bg.png) 0 0 no-repeat; }
#languagebutton{position:absolute; right:16px; top:30px; width:200px; height:40px; text-align:right; }
#languagebutton a{ font-weight: bold; font-style: normal; line-height:normal; font-family: 'Segoe ui', sans-serif; font-size:16px; }
/* nav menu */
div#header-right { position:relative; height:128px; float:right; z-index:30;}
div#nav { position:absolute; right:0px; top:83px; width:762px; height:54px; background:url(../images/bckg/menu-bg.png) 0 0 no-repeat; } 
div#nav ul#menu { min-height:70px; } 
div#nav ul li { float:left; } 
div#nav ul li.tiny-menu { position:relative; } 
div#nav ul li a { display:block; position:relative; padding:16px 11px 22px 11px; font-size:10px; font-weight:bold; text-shadow:none; }
div#nav ul li a.selected { background:url(../images/bckg/menu-arrow.png) center 35px no-repeat; }
div#nav ul li a.first { padding-left:29px; }
div#nav ul li a.last { padding-right:29px; }


/* sub menu */
div#nav ul li div.sub { display:none; position:absolute; top:49px; padding:16px 0 12px 0; left:4px; border-bottom:1px solid #1b5099; width:748px; border-right:1px solid #1b5099; border-left:1px solid #518ad4; background:#2368c7 url(../images/bckg/submenu-bg.png) 0 0 repeat-x;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;  
     -moz-box-shadow: 0px 1px 2px #666; 
  -webkit-box-shadow: 0px 1px 2px #666; 
          box-shadow: 0px 1px 2px #666; }
/* tiny sub menus */
div#nav ul li.tiny-menu div.sub { width:182px; } 
div#nav ul li.tiny-menu div.sub2 { width:220px; } 
div#nav ul li.last.tiny-menu div.sub { right:-30px; left:auto; } 
div#nav ul li.last-two.tiny-menu div.sub { left:-25px !important; left:auto; } 


div#nav ul li div.sub ul {  z-index: 1 !important;  min-height:68px; width:100%; }
div#nav ul li div.sub div.sub-column {  float:left; width:33%;  }
div#nav ul li div.sub div.sub-column ul li a { width:224px !important; }
div#nav ul ul li { position:relative; z-index:1; }
div#nav ul ul li a { padding:7px 8px 6px 28px !important; height:auto; margin-bottom:1px; width: 190px !important; text-indent:0; font-size:10px !important; color:#fff; background:url(../images/bckg/sub-menu-dot.png) 18px 11px no-repeat; }
div#nav ul ul li a:hover { color: #7FE3FC; }

/* Level Three ul */
div#nav ul ul ul { padding-left:6px; }
div#nav ul ul ul li a { color:#c1dbfc; background:none; }
div#nav ul ul ul { min-height:0 !important; }
div#nav ul div.sub-column-full a.head { margin-top:10px; }

/* sub menu animation parts */
div#nav ul li div.white { position:absolute; bottom:-50px; left:152px; width:0px; height:223px; z-index:-1; background:url(../images/bckg/submenu-white-bg.png) 0 0 no-repeat; }
div#nav ul li div.blue { position:absolute; bottom:-10px; right:152px; width:189px; height:74px; z-index:-1; background:url(../images/bckg/submenu-blue-bg.png) 0 0 no-repeat; }


/* FOOTER   
----------------------------------------------------------*/
div#footer { width:100%; height:168px; color:#33546D; padding-top:1px; background:url(../images/bckg/dotted.png) 0 0 repeat-x; }

div#footer div#dotted-space { width:100%; height:47px; margin-top:-47px; background:url(../images/bckg/dotted.png) 0 0 repeat-x; }

div#footer div#footer-wrap { position:relative; height:131px; }

div#footer div#footer-wrap div#colors { position:absolute; top:-47px; left:0; width:100%; height:100px; z-index:-1; overflow:hidden; }
div#footer div#footer-wrap div#colors div.white { position:absolute; top:-106px; left:45px; width:276px; height:66px; background:url(../images/bckg/footer-white.png) 0 0 no-repeat; }
div#footer div#footer-wrap div#colors div.blue { position:absolute; top:-2px; left:0px; width:231px; height:27px; background:url(../images/bckg/footer-blue.png) 0 0 no-repeat;  }

div#footer div#news-wrap { width:100%; height:47px; background-color:#d6d4d4; } 

/* footer news slider */
div#news { width:980px; margin:0 auto; position:relative; }
div#news h3 { float:left; padding:16px 22px 0 0; color:#626262; font-size:12px; }
div#news .scrollable { float:left; position:relative; overflow:hidden; width:882px; height:46px; }
div#news .scrollable .items { width:20000em; position:absolute; }
div#news .scrollable .items div { float:left; width:882px; }
div#news .scrollable .items div p { padding:18px  0 0 0; font-size:11px; color:#454545; line-height:100%; }
div#news .scrollable .items div p span.date{ padding-right:8px; color:#8d8c8c; }

div#news a.browse { display:block; width:26px; height:26px; position:absolute; top:11px; cursor:pointer; background:url(../images/bckg/news-buttons.png) 0 0 no-repeat; }    
div#news a.next { right:-50px; }
div#news a.next:hover { background-position: 0 -28px; }
div#news a.prev { left:-50px; background-position:0 -86px; }
div#news a.prev:hover { background-position:0 -57px; }



/* footer menu */
div#footer ul#menu-bottom { position:absolute; top:1px; left:0px; padding-top:44px; }
div#footer ul#menu-bottom li { float:left; } 
div#footer ul#menu-bottom li a { color:#454545; padding:3px 14px; background:url(../images/bckg/ayrac.png) right 0 no-repeat; } 
div#footer ul#menu-bottom li a:hover { color:#000; } 

div#footer p#copy { position:absolute; right:0; top:42px; padding:0; color:#454545; }

div#footer a#tuad { display:block; width:70px; height:28px; position:absolute; left:-4px; bottom:10px; background:url(../images/bckg/tuad-logo.png) 0 0 no-repeat; }
div#footer a#esomar { display:block; width:90px; height:28px; position:absolute; left:100px; bottom:10px; background:url(../images/bckg/esomar-logo.png) 0 0 no-repeat; }


/* social links */
div#footer div#social { position:absolute; bottom:0; right:0; }
div#footer div#social a{ display:block; width:36px; height:48px; float:right; margin-left:12px; background:url(../images/bckg/social.png) 0 0 no-repeat; }
div#footer div#social a#facebook { background-position:-92px 0 }
div#footer div#social a#delicious { background-position:-49px 0 }



/* MIDDLE   
----------------------------------------------------------*/
div#middle { position:relative; width:736px; margin-left:242px; min-height:406px; z-index:10; }



/* MAINPAGE CUSTOM SLIDER   
----------------------------------------------------------*/
div#slider { position:relative; width:736px; height:406px;  }
div#slider div.slider-item { width:736px; height:406px; position:absolute; top:0; left:0; }
div#slider div.slider-item h3, div#slider div.slider-item h4, div#slider div.slider-item a.details { position:absolute; left:380px; padding-left:0; }
div#slider div.slider-item h3 { width:356px; top:148px; left:350px; font-size:27px; opacity:0; }
div#slider div.slider-item h4 { width:356px; top:186px; left:400px; font-size:12px; font-weight:bold; color:#909090; opacity:0; }
div#slider div.slider-item a.details { display:none; top:300px; padding: 8px 20px; color:#fff; font-size:10px; font-weight:bold; text-shadow:1px 1px 0 #2d2d2d; background-color:#3b3b3b; border-radius: 2px; }
div#slider div.slider-item a.details:hover { background-color:#1e7dd2; }
div#slider div.slider-item img { border:0; z-index:0; margin-left:-100px; opacity:0; }

/* slider paging */
div.paging {position:absolute; bottom:8px; right:0px; z-index:2; }
div.paging a { cursor:pointer; display:block; width:28px; height:28px;  float:left; background:url(../images/bckg/slider-links.png) -28px 0 no-repeat;text-indent:-999px; }
div.paging a:hover,div.paging a.active { background-position: 0 0; }

/* slider custom animation */
div#slider div.animate-item { position:absolute; z-index:-1; }

/* animation type 1 */
div#slider div.animate-1 { overflow:hidden; }
div#slider div.white-tall { bottom:-790px; left:140px; width:331px; height:490px; background:url(../images/bckg/white-tall.png) 0 0 no-repeat; }
div#slider div.blue-big { bottom:-321px; left:100px; width:472px; height:121px; background:url(../images/bckg/blue-big.png) 0 0 no-repeat; }
div#slider div.blue-small { bottom:-272px; left:32px; width:373px; height:72px; background:url(../images/bckg/blue-small.png) 0 0 no-repeat; }
div#slider div.animate-1 img { margin-top:406px; margin-left:0; opacity:1; z-index:-1; }

/* animation type 2 */
div#slider div.blue-top-small { top:-103px; right:-1200px; width:673px; height:104px; background:url(../images/bckg/blue-top-small.png) 0 0 no-repeat; }
div#slider div.blue-top-big { top:-60px; right:-1500px; width:952px; height:184px; background:url(../images/bckg/blue-top-big.png) 0 0 no-repeat; }

/* animation type 3 */
div#slider div.white-big { top:117px; right:-1540px; width:1073px; height:166px; background:url(../images/bckg/white-big.png) 0 0 no-repeat; }
div#slider div.white-small { top:52px; left:-1200px; width:525px; height:187px; background:url(../images/bckg/white-small.png) 0 0 no-repeat; }
div#slider div.blue-single { top:152px; left:-1000px; width:288px; height:74px; background:url(../images/bckg/blue-single.png) 0 0 no-repeat; }


/* SIDEBAR   
----------------------------------------------------------*/
div#sidebar { position:relative; width:242px; float:left; z-index:20; min-height:406px; }
div#sidebar div#side-nav { position:relative; margin:80px 0 40px -4px; width:233px; background:url(../images/bckg/sidebar-bg.png) 0 0 no-repeat; }
div#sidebar div#side-nav h4 { position:absolute; top:25px; left:54px; padding:0; margin:0}
div#sidebar div#side-nav h4, div#sidebar div#side-nav h4 a{ color:#f1f1f1; }
div#sidebar div#zoom { position:absolute; left:-18px; bottom:-36px; width:93px; height:182px; background:url(../images/bckg/sidebar-zoom.png) 0 0 no-repeat; }
div#sidebar div#shadow { position:absolute; left:-57px; bottom:-36px; widtH:297px; height:46px; z-index:-1; background:url(../images/bckg/sidebar-shadow.png) 0 0 no-repeat; }

div#sidebar div#side-nav ul{ width:201px; padding:49px 0 0 6px; }
div#sidebar div#side-nav ul li { margin-bottom:1px; min-height:35px;  background:url(../images/bckg/sidebar-link-bg.png) 0 0 no-repeat; }
div#sidebar div#side-nav ul li#home { background:url(../images/bckg/sidebar-home.png) 0 0 no-repeat; }
div#sidebar div#side-nav ul li#home a { color:#434343; }
div#sidebar div#side-nav ul li a{ display:block; padding:11px 20px 11px 20px; font-size:11px; font-weight:bold; text-shadow: none; color:#f2f2f2; }
div#sidebar div#side-nav ul li.first a { padding-left:30px; }
div#sidebar div#side-nav ul li a:hover{ color:#7fe3fc; }

div#sidebar div#laptop { width:259px; height:120px; position:absolute; bottom:0; left:-26px; background:url(../images/bckg/laptop.png) 0 0 no-repeat; }
div#sidebar div#laptop a { display:block; width:120px; height:74px; position:absolute; top:7px; left:67px; text-align:center; font-weight:bold; color:#878787; font-size:10px; text-shadow:none; }
div#sidebar div#laptop a span.head { display:block; margin:18px 0 4px 0; font-size:13px; color:#216eca; } 
div#sidebar div#laptop a#cati { background-color:#d6d4d4; }
div#sidebar div#laptop a#video { background-color:#e6e4e4; }
div#sidebar div#laptop a:hover { background-color:#fff !important; }

div#sidebar div#side-links { margin:60px 0 0 -10px; }
div#sidebar div#side-links a { display:block; width:216px; margin-bottom:30px; color:#424242; text-shadow:none; }
div#sidebar div#side-links a span { display:block; width:216px; text-align:center; font-weight:bold; }
div#sidebar div#side-links a#yardim { height:186px; background:url(../images/bckg/yardim.png) 0 16px no-repeat; }
div#sidebar div#side-links a#odul { height:130px; background:url(../images/bckg/odullerimiz.png) 0 5px no-repeat; }
div#sidebar div#side-links a#sertifika { height:92px; background:url(../images/bckg/sertifikalar.png) 0 5px no-repeat; }


/* CONTENT   
----------------------------------------------------------*/

div#content { width:636px; min-height:270px; margin-left:70px; padding-bottom:20px; opacity:0; }

/* content top animations */
div#content-top { position:relative; height:210px; overflow:hidden; }
div#content-top div.blue-content-top-big { position:absolute; top:-224px; left:90px; width:575px; height:175px; z-index:-1; background:url(../images/bckg/blue-content-top-big.png) 0 0 no-repeat; }
div#content-top div.blue-content-top-small { display:none; position:absolute; top:0px; left:64px; width:549px; height:169px; z-index:-1; background:url(../images/bckg/blue-content-top-small.png) 0 0 no-repeat; }
div#content-top img { position:absolute; top:-230px; left:50px; }


/* content bottom animations */
div#content-bottom { position:relative; height:100px; overflow:hidden; }
div#content-bottom div.white-tall { position:absolute; top:120px; left:194px; width:331px; height:490px; background:url(../images/bckg/white-tall.png) 0 0 no-repeat; }
div#content-bottom div.blue-big { position:absolute; top:200px; left:60px; width:472px; height:121px; background:url(../images/bckg/blue-big.png) 0 0 no-repeat; }
div#content-bottom div.blue-small { position:absolute; top:280px; left:-8px; width:373px; height:72px; background:url(../images/bckg/blue-small.png) 0 0 no-repeat; }


/* content typography styles */
div#content h2, div#content h3{ padding:24px 0 6px 0; }
div#content h2 { font-size:30px; }
div#content h3 { font-size:18px; }
div#content p { line-height:170%; text-align:justify; color:#686868; }
div#content ul { padding: 10px 40px 20px 50px; }
div#content ol { padding:10px 4px 20px 50px; list-style:decimal; font-weight:bold; }
div#content ul li, div#content ol li { line-height:170%; font-weight:normal; }
div#content p { padding:4px 0 4px 2px; }
div#content p.notify { padding:10px 0 9px 76px; margin:20px 0 20px 0; color:#fff; font-weight:bold; text-shadow:0 1px 0 #333; background:url(../images/bckg/notify.png) 0 0 no-repeat;}
h2.head { font-size:26px !important; }
div#content img.styled { border:3px solid #fff; margin:15px 0; border-radius:4px; }


/* contact map page */
div#content p.info, div#content p.desc {  font-weight:bold; padding-top:12px; }
div#content p.info { float:left; width:90px; color:#216eca; clear:left; text-align:left !important; }
div#content p.info span { float:right; padding-right:12px; color:#686868; }
div#content p.desc { float:left; color:#686868; }



/* SECTORS   
----------------------------------------------------------*/
div.sectors { position:relative; min-height:300px; }
div.sectors a.browse { display:block; width:25px; height:25px; position:absolute; top:32px; cursor:pointer; background:url(../images/bckg/sektor-links.png) 0 0 no-repeat; }
div.sectors a.back { left:-35px; background-position: 0 -50px; }
div.sectors a.back:hover { background-position: 0 -75px;  }
div.sectors a.next { right:-55px; }
div.sectors a.next:hover { background-position: 0 -25px;  }


/* ILETISIM   
----------------------------------------------------------*/

div.map { border:2px solid #fff; }
.adress { display:inline-block; }
p.adress { padding-left:9px !important; }
h5.adress { width:110px; font-size:12px; padding-bottom:2px !important; }

/*iletisim form */
.styled-form { padding-top:30px; }
.styled-form p { width:476px; min-height:40px; }
.styled-form form label { width:120px; float:left;  font-weight:bold; line-height:350%; }
.styled-form form label.error { display:none !important; }
.styled-form form label span { float:right; padding-right:20px; }
.styled-form form input.text,.styled-form form textarea.text  { font-family:Verdana, Geneva, sans-serif; font-size:10px; width:320px; padding: 10px; margin-bottom:2px; outline: none; float:left; text-shadow:0 1px 0 #fff; border:0; outline:0; background-color:#fff; border:3px solid #fff; border-radius:4px; 
     -moz-box-shadow: 0px 0px 8px #ccc inset; 
  -webkit-box-shadow: 0px 0px 8px #ccc inset; 
          box-shadow: 0px 0px 8px #ccc inset; 
 } 
.styled-form form textarea.text { height:73px; background-position:0 -55px; }
.styled-form .send { cursor:pointer; float:right; margin-right:168px; border:0; outline:0; clear:both; margin-top:20px; padding: 8px 20px; color:#fff; font-size:10px; font-weight:bold; text-shadow:1px 1px 0 #2d2d2d; background-color:#3b3b3b; border-radius: 2px;}
.styled-form .send:hover { background-color:#1e7dd2; }
.styled-form form input:focus, .styled-form form textarea:focus { background-color:#eee; }
.styled-form form input.error, .styled-form form textarea.error { background-color:#fddfde; }

/* CSS FIX v.1   
----------------------------------------------------------*/

/* iletižim form */
.styled-form p { text-align:left !important; }
.styled-form label.long { line-height:150%; }
.styled-form form select  { font-family:Verdana, Geneva, sans-serif; font-size:10px; width:340px; margin-left:3px; padding: 6px 6px 6px 10px; margin-bottom:2px; float:left; text-shadow:0 1px 0 #fff; border:0; outline:3px solid #fff; background-color:#fff; border:3px solid #eee; border-radius:4px; }
.styled-form form select.error { border-color:#fddfde; }
.styled-form form input.file { padding:6px 10px; }


/* sidebar */
div#sidebar div#side-nav ul ul { display:none; padding:3px 0 2px 10px; }
div#sidebar div#side-nav ul ul a { padding-left:24px; } 
div#sidebar div#side-nav ul a { position:relative; } 
div#sidebar div#side-nav ul li a.active, div#sidebar div#side-nav ul li.selected a{ color:#7fe3fc; }
div#sidebar div#side-nav ul li.selected ul a{ color:#fff; }
div#sidebar div#side-nav ul li a.active, div#sidebar div#side-nav ul ul li a:hover{ color:#7fe3fc !important; }
div#side-nav h4 a:hover { color:#ddd !important; }


/* middle */
div#middle { min-height:452px; float:left; margin-left:0; }
div#content { padding-bottom:60px; }

/* footer news */
div#news .scrollable { position:absolute; top:0; left:80px; }
div#news h3 { position:absolute; top:0; left:0px; }

div#footer { clear:left; }

div.wrapper { position:relative; }

div#content-bottom { position:absolute; bottom:0; left:234px; width:736px; }
#sertifika{

	background:url(binomfooter.png) top left no-repeat;
	width:410px;
	position:absolute;
	left:0px;
	top:125px;
	height:50px;

}

/* CSS FIX v.1   
----------------------------------------------------------*/