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, font, 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, input
{
margin:0px; padding:0px; text-decoration:none; list-style:none; outline:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:9pt;
}
@font-face {
font-family:'Neo Sans Pro';
src: url(../Font/NeoSansPro-Regular.eot) /* EOT file for IE */
}
@font-face {
font-family:'Neo Sans Pro';
src: url(../Font/NeoSansPro-Regular.ttf) /* TTF file for CSS3 browsers */
}
html { width:100%; height:100%;background: url(../Imagess/html_back.jpg) no-repeat top center}
body { width:100%; height:100%;}
/* --- Top Section --- */
div#Header { width:100%; z-index:999; }
div#Header_Dt { width:100%; height:93px; margin:0px auto 0px auto; position:relative; z-index:9999; background: url(../Imagess/header_bg.png) repeat-x left top}
div#Header_Bg { width:975px; height:93px; margin:0px auto 0px auto; position:relative; z-index:999; }
ul.Top_Menu { right: 0px;top: 0px; z-index:999; position:absolute;}
ul.Top_Menu li { display: inline-block;float: left;font-family: Arial; font-weight:normal; font-size: 11px;color:#9eb2d5;margin-left: 0px;padding-left:6px;margin-top: 7px;position: relative;left:0px; }
ul.Top_Menu li a { font-size:11px; font-family:Arial; padding:0 5px 0 5px; color:#56656d; position:relative; top:0px; }
ul.Top_Menu li a:hover { color:#000;}
div.Logo { position: absolute;top: 23px;left: -8px; z-index: 999;}
div.Logo a { display:block; }
/* --- Menu Header --- */
ul#menu, ul#menu ul { padding: 0; margin: 0 auto; list-style: none; position:relative; margin-top: 20px; float:right ;margin-right: -13px;}
ul#menu li { float: left; padding: 0px 14px 0px 14px;height: 48px;background:url(../Imagess/menu_ayrac.png) no-repeat left 7px;}
ul#menu li:first-child { background:none}
ul#menu li ul { display: none; position: absolute;top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */ left: 0;}
ul#menu li > ul { top: auto;left:-5px;width:647px;margin-top:17px;min-height: 213px;}
ul#menu li a { position: relative; font: normal 14px 'Neo Sans Pro';display: block;border-width: 1px;margin: 0;padding: 2px 3px;color: #316fa1;line-height: 50px;text-align: center;height: 45px;text-decoration: none;z-index: 2;}
ul#menu li a:hover { color: #009bd1;}
ul#menu li a:active { color: #1f374a; text-decoration:underline;}
ul#menu li ul li { height:28px;background: none;}
ul#menu li ul li.span_bg { position: absolute;background: url(../imagess/menu_span.png) repeat-x left top;min-height: 75px; width: 103px;z-index:1;float: left; left:0px; top:-74px;}
ul#menu li ul li a { position: inherit; font: bold 11px arial, helvetica, sans-serif;text-align:left;line-height:30px;color:#47555f;min-width: 186px;padding-left:0px;height:25px;margin-left: 9px;border-bottom:1px solid #d9d9d9}
ul#menu li ul li a:hover { color: #008eff;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
ul#menu li ul li a img { display:none}
ul#menu li ul li a:hover img { position: absolute;left: 481px; top:10px; display:block}
ul#menu li:hover ul, ul#menu li.over ul { display: block;background:url(../imagess/drop_ul_bg.png) no-repeat left bottom;}
/* --- Main Section --- */
#Main_Content { width:975px; min-height:530px; height:auto; position:relative; margin:0px auto 0px auto; z-index: 99;}
.Sections { width:975px; height:362px;float: left;position: relative;z-index: 99999; margin-top:20px;}
.SectionBase { width:975px; height:332px;position: relative;float: left;left: 0px;}
/* --- Slide Product --- */
.SectionLeft { width:360px; height:340px; position: relative;float: left;left:0px;}
.SectionLeft ul li h2#Pages_Mini_Title { width:356px; height:50px; padding-left:25px; font-family:'Neo Sans Pro'; font-size:18px; color:#fff;background: url(../Imagess/product_title.png) no-repeat left top; font-weight:normal; line-height:50px; text-shadow:1px 1px #0390c5 }
.SectionLeft ul li p { text-align:center; float: left;position: relative;width: 249px;color: #3e3e53;font-weight: normal;font-size: 11px;line-height: 16px;margin:0px 0px 0px 52px;font-family:Arial;}
.SectionLeft div.img { float: left; position: relative;left:0px;top:0px;margin:0px; z-index:99;margin-top: 27px;}
.slider-container { width:360px; height:320px; position:relative; left:0px; top:0px; background:url(../Images/slider-back.png) left top no-repeat; z-index:1; }
.sliderPictures { width:216px; height:320px; position:relative; left:0px; top:0px; z-index:1; }
.sliderPictures li { width:360px; height:142px; position:absolute; left:0px; top:0px;}
.sliderContents { width:360px; position:absolute; left:0px; top:0px; z-index:1; }
.sliderContents li { width:360px; position:absolute; left:0px; top:0px; display:none; }
.sliderContents li h2 { font-family:"Myriad Pro"; font-size:17px; color:#45544b; font-weight:normal; line-height:22px; margin-bottom:20px; }
.sliderContents li p { font-size:12px; color:#636363; line-height:15px; margin-bottom:14px; }
.sliderContents li a { width:123px; height:35px; display:block; text-align:center; line-height:35px; font-size:11px; color:#7e613e; font-style:italic; background:url(../Images/slider.png) left top no-repeat; }
.sliderContents li a:hover { background-position:0px -35px;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; }
.sliderControls { margin: 0px auto 0 auto;position: absolute;z-index: 999;right: 0px; width: 375px;float: none;text-align: center;height: 50px;display: inline-block;bottom: -23px;}
.sliderControls li { width:12px; height:10px; float:none; list-style: none;margin: 0px auto;display: inline-block;}
.sliderControls li a { width:12px; height:11px; display:block; background:url(../Imagess/slider-nav.png) -13px top no-repeat; }
.sliderControls li a:hover,.sliderControls li.active a { background-position:0px 0px; }
/* --- Video Main --- */
.SectionRight { width:611px; height:362px; position: relative;float: left;top: -41px;left:7px;}
.SectionRight img { width:611px; height:362px; position:absolute;z-index:2}
.bottom { position: absolute;width: 588px;height: 10px;background-color: #dcdedf;bottom: 4px;right: 8px;}
.right { position: absolute;width:10px; height: 306px;background-color: #dcdedf;bottom: 4px; right: -1px;}
.maske { position: absolute;width:48px; height:90px;top: 0px;left: 2px;background:url(../Imagess/mainvideo_mask.png) no-repeat top left;z-index: 999;}
/* --- Tab Menu Base --- */
.SectionBaseRight { float:left;width:638px; height:218px; background-color:rgba(255, 255, 255, 0.75);box-shadow: 0px 1px 3px #B8B8B8;}
#page-wrap { float:left; width:690px; margin-bottom:20px; }
.hide { position: absolute; top: -9999px; left: -9999px; }
#example-two .list-wrap {}
#example-two ul { list-style: none; }
#example-two .list-wrap td { width:318px; height:101px; border:1px solid #cfcfcf; position:relative; margin:6px 6px; float:left; }
#example-two ul li a { display: block; color: #666; }
#example-two ul li a:hover {}
#example-two ul li:last-child a { border: none; }
#example-two ul li:last-child a:hover { text-decoration:underline;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 288px; float: left; background:url(../Imagess/anasayfa_tab_psf.png) repeat-x bottom left ; height:50px;}
#example-two .nav li.nav-two { width: 338px; float: left; background:url(../Imagess/last_tab.png) no-repeat bottom left ; height:50px;}
#example-two .nav li:last-child.nav-two { border:none}
#example-two .nav li { width: 300px; float: left; background:url(../Imagess/left.png) no-repeat top right ; height:50px;position: relative;z-index: 999;}
#example-two .nav li a { display: block; width:280px; color:#444; padding-left:25px; font-size:16px; font-weight:normal; text-align: left; line-height:56px; border: 0; height:38px;font-family:'Neo Sans Pro' }
#example-two .nav li a:hover, #example-two .nav li a:focus { color:#01aaea;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
#example-two li a.current,#example-two li a.current:hover { background: #f6f7f8;height:50px; margin-top:0px; color: #444; }
#example-two li:last-child a.current,#example-two li:last-child a.current:hover { background: #f6f7f8; height:50px; margin-top:0px; color: #444;width:312px; }
#kurum .img img { float: left;margin-top: 8px;margin-left: 10px;}
#kurum li { width:637px;}
#kurum li h2 { display:none}
#kurum li p { float: left;width: 321px;margin-top: 6px;margin-left: 10px; font-family:'Lucida Sans Unicode'; font-weight:normal; font-size:12px; color:#6f6f6f;line-height: 18px;}
#kurum li p b { float: left;width: 321px;font-family:'Neo Sans Pro'; font-weight:normal; font-size:12px; color:#4a4a4a;line-height: 18px;}
#referans .sliderPictures { width:637px; height:166px; position:absolute; left:0px; top:0px; z-index:1; overflow:hidden }
#referans li { position:relative; float:left;width:276px; margin-left:14px;position:relative; height: 28px; color: #666;background:url(../Imagess/li_bg.png) no-repeat bottom left ; padding-left: 17px; line-height: 30px;font-family: neo sans pro;}
#referans li:first-child { display:none;}
#referans li h2 { display:none}
.liste { float:left; width:296px;margin-left: 13px;}
.liste li { float:left; position:relative; width:250px; height: 28px; background:url(../Imagess/li_bg.png) no-repeat bottom left ; padding-left: 17px; line-height: 30px;font-family: neo sans pro;}
.liste_2 { float:right; width:316px;}
.sliderPictures li .liste_2 li { float:left; position:relative; width:250px; height: 28px; background:url(../Imagess/li_bg.png) no-repeat bottom left ; padding-left: 17px; line-height: 30px;font-family: neo sans pro;}
.link { position: absolute;top: 143px;right: 52px;float: left;background-color: #e4e4e4;width: 55px;height: 25px;text-align: center;line-height: 25px;color: #444;z-index: 999}
.link:hover { text-decoration:underline; }
/* --- Tab Menu Duyuru --- */
.SectionBaseLeft { float:left;width:321px; height:218px; ;box-shadow: 0px 1px 3px #B8B8B8;background:url(../Imagess/duyuru_bg.png) repeat-x top left ;position: relative;right:-16px;z-index: 99}
.SectionBaseLeft h2 { font-family:'Neo Sans Pro'; font-weight:normal; font-size:16px; color:#4a4a4a;line-height: 55px;margin-left: 17px;line-height: 50px;margin-bottom: 7px }
.SectionBaseLeft ul.slides li:first-child { float: left;border-bottom: 1px solid #ddd;height: 91px;}
.SectionBaseLeft ul.slides li:first-child h2 { font-family:'Neo Sans Pro'; font-weight:normal; font-size:16px; color:#4a4a4a;line-height: 55px;margin-left: 17px }
.SectionBaseLeft ul.slides li:first-child h4 { font-family:'Neo Sans Pro'; font-weight:normal; font-size:14px; color:#8e9090;margin-left: 17px }
.SectionBaseLeft ul.slides li:first-child a p{ display:block; font-family:'Lucida Sans Unicode'; font-weight:normal; font-size:11px; color:#989898;margin-left: 17px ;height: 48px;overflow: hidden}
.SectionBaseLeft ul.slides li:first-child img{ float:left; margin-right: 9px; display:block; margin-left: 13px;box-shadow: 4px 4px #ddd}
.SectionBaseLeft ul.slides li { float: left;margin-top: 7px;}
.SectionBaseLeft ul.slides li h4 { font-family:'Neo Sans Pro'; font-weight:normal; font-size:12px; color:#8e9090;margin-left: 17px }
.SectionBaseLeft ul.slides li h4:hover { text-decoration:underline;color:#858585;}
.SectionBaseLeft ul.slides li a p { display:none}
.SectionBaseLeft ul.slides li img { display:none}
/* --- Ýcon Bar --- */
.SectionIconBar { float:left; width:975px; height:82px;background:url(../Imagess/iconbar_bg.png) repeat-x top left; box-shadow:3px 3px #29292b;margin-top: 18px;}
.SectionIconBar ul li.phone { float:left; width:251px; height:82px;background:url(../Imagess/iconbar_line.png) no-repeat center right}
.SectionIconBar ul li.phone img { float:left; margin:18px 0px 0px 25px;}
.SectionIconBar ul li.phone span { font-family:'Neo Sans Pro'; font-weight:normal; font-size:18px; color:#444; padding-left:13px; margin-top: 23px;float: left;}
.SectionIconBar ul li.phone span strong { font-family:'Neo Sans Pro'; font-weight:normal; font-size:14px; color:#444;float: left;margin-top: 2px;}
.SectionIconBar ul li.phone:hover strong { color:#8A8A8A;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
.SectionIconBar ul li.phone:hover span { color:#8A8A8A;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
.SectionIconBar ul li.phone p { font-family:Arial; font-weight:normal; font-style:italic; font-size:11px; float:left; color:#929292; padding-left:26px; width:150px;}
.SectionIconBar ul li.news { float:left; width:274px; height:82px;background:url(../Imagess/iconbar_line.png) no-repeat center right}
.SectionIconBar ul li.news img { float:left; margin:13px 0px 0px 13px;}
.SectionIconBar ul li.news span { font-family:'Neo Sans Pro'; font-weight:normal; font-size:16px; color:#444; padding-left:13px; margin-top: 18px;float: left;}
.SectionIconBar ul li.news:hover span { color:#8A8A8A;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
.SectionIconBar ul li.news p { font-family:Arial; font-weight:normal; font-style:italic; font-size:11px; float:left; color:#929292; padding-left:13px; width:150px;}
.SectionIconBar ul li.service { float:left; width:292px; height:82px;}
.SectionIconBar ul li.service img { float:left; margin:7px 1px 0px 8px}
.SectionIconBar ul li.service span { font-family:'Neo Sans Pro'; font-weight:normal; font-size:16px; color:#444; padding-left:13px;margin-top: 18px;float: left;}
.SectionIconBar ul li.service:hover span{ color:#8A8A8A;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out;}
.SectionIconBar ul li.service p { font-family:Arial; font-weight:normal; font-style:italic; font-size:11px; float:left; color:#929292; padding-left:15px; width:150px;}
.SectionIconBar ul li.midea { float:left; height:82px;background:url(../Imagess/iconbar_line.png) no-repeat center left}
.SectionIconBar ul li.midea img { float:left; margin:13px 0px 0px 13px;}
/* --- Footter --- */
div.footer { width:975px; margin: 0px auto; position: relative;}
div#Footer { width:100%; float:left; height:221px; background: url(../Images/footer_bg.jpg) no-repeat center top; }
div#Footer_bg { width:100%; margin:0px auto; position:relative; z-index:1; padding-top:5px; float: left;}
div#Footer_bg ul { float:left;background-color: #fff; }
div#Footer_bg ul li { background:url(../Images/footer_li.png) no-repeat left; padding:0px 15px 0px 15px; float:left; }
div#Footer_bg ul li:first-child { background:none; padding:0px 15px 0px 3px; }
div#Footer_bg ul li a { float:left; font-family:Arial, helcetica; font-size:12px; color:#0c0c0c; line-height:20px; font-weight:normal}
div#Footer_bg ul li a:hover { text-decoration:underline; }
div.Copy { float:left; margin:7px 0px 0px 8px; text-align:left;width:975px; font-weight:normal}
div.Copy span { float:left;margin-left:-5px;}
div.Copy div { width:100%; float:right; margin-bottom:6px; font-size:12px; color:#0c0c0c;}
a.Ref_Logo { background: url(http://www.gncdigital.org/unknown/mini_logo.png) no-repeat left top;width: 102px;height: 11px;float: right;margin:9px -19px 0px 0px;}
a.Ref_Logo:hover { background:url(http://www.gncdigital.org/unknown/mini_logo_over.png) no-repeat left top; }
div#Footer_bg ul#SocialMedia { float:right; width:59px; position:absolute;top: 27px;right:0px; background:none}
ul#SocialMedia img { float:right; margin-bottom:4px; }
ul#SocialMedia li#face { float:left; padding:0px ; margin-left:5px; }
ul#SocialMedia li#twt { float:left; padding:0px ; margin-left:0px; }
ul#SocialMedia li:hover { opacity:0.7;filter:alpha(opacity=70);}
ul#SocialMedia li a.face { background:url(../imagess/face.png) no-repeat; width:27px; height:27px;float:left; }
ul#SocialMedia li a.twt { background:url(../imagess/twt.png) no-repeat; width:27px; height:27px;float:left; }