/*****************************************************/ /***** SLC INTERNET SOLUTIONS *****/ /***** cenk@slc.com.tr ****/ /***** www.slc.com.tr ***/ /***** ALL RIGHT RESERVED **/ /************************************************/ * { margin:0px; padding:0px; } html { font-size:12px; font-family: 'Roboto Condensed', sans-serif; color:#4a4a4a; } body { font-family: 'Roboto Condensed', sans-serif; background:#d2d2d2 url(binnaries/slc_background.jpg) no-repeat top center;} p { line-height:16px; font-family: 'Roboto Condensed', sans-serif; } b { font-family: 'Roboto Condensed', sans-serif; } strong { font-family: 'Roboto Condensed', sans-serif; } input { font-family: 'Roboto Condensed', sans-serif; font-size:11px; color:#abb3b8; border:0px solid; padding-left:7px; padding-top:2px; padding-bottom:1px; padding-right:6px; } textarea,select { font-family: 'Roboto Condensed', sans-serif; font-size:11px; color:#abb3b8; border:0px solid; padding-left:4px; padding-top:4px; padding-bottom:4px; padding-right:4px; } img { border: none; margin:0px; padding:0px; } a { text-decoration: none; color:#5c5c5c; outline-style: none;} a:hover { color: #690417;} p { line-height: 16px;font-family: 'Roboto Condensed', sans-serif; } b { font-family: 'Roboto Condensed', sans-serif;  } strong { font-family: 'Roboto Condensed', sans-serif;  } .conte ul { list-style-type: circle; padding-left:30px;  } .slide { width:100%; min-height:100%; height:auto; position: absolute; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; z-index:-1;} #img_slider { position:absolute; width:100%; min-height:100%; } .cci { clear:both; height:0px; font-size:0px; visibility:hidden; } .generalcenter { width:1000px; height:auto; margin:auto; } #social_network img { display:inline !important;  } .slideshow img { margin-top:50px; padding-bottom:90px; padding-left:20px; text-align:center; } /*******************************************/ /**** TOP FIXED ****/ /*******************************************/ #topbox { width:100%; height:40px; background:url(binnaries/slc_menu_background.jpg) #e9e9e9 repeat-x top; margin-top:-43px; position: relative; z-index:10000;  } #topbox .logo { position:absolute !important; padding-left:272px; margin-top:-115px; z-index:-1 !important;  } .menurightb { font-family: 'Roboto Condensed', sans-serif; width:370px; height:auto; float:right; margin-top:15px; position:relative; z-index:1;  } .menuright { font-family: 'Roboto Condensed', sans-serif; width:350px; height:auto; float:right; list-style: none;margin: 0;padding: 0; width: 100%; font-size:12px;} .menuright li { font-family: 'Roboto Condensed', sans-serif; float:right; margin:0; padding:0; } .menuright a { font-family: 'Roboto Condensed', sans-serif; color: #FFF; display: block; float:right; margin:0; padding-left:20px; padding-right:20px; text-decoration:none;} .menuleftb { font-family: 'Roboto Condensed', sans-serif; width:370px; height:auto; float:left; margin-top:15px; position:relative; z-index:1;  } .menuleft { font-family: 'Roboto Condensed', sans-serif; list-style: none;margin: 0;padding: 0; width: 100%; font-size:12px; } .menuleft li { font-family: 'Roboto Condensed', sans-serif; float:left; margin:0; padding:0; } .menuleft a { font-family: 'Roboto Condensed', sans-serif; color: #FFF; display: block; float:left; margin:0; padding-left:20px; padding-right:20px; text-decoration:none;} .yenileniyoruz { position:absolute; right:100px; top:30%; padding:30px; color:#FFF;} .sloganbig { font-size:35px; text-align:center; } .sloganmedium { text-align:center; font-size:16px;} #languagetr { width:40px; background:#000; padding:8px; position: fixed; color:#CCC; right:0; margin-top: 30px; margin-right:-20px; cursor:pointer; z-index: 10000; } #languagetr:hover { background:#3082b2; } #languageen { width:40px; background:#000; padding:8px; position: fixed; right:0; color:#CCC; margin-top: 60px; margin-right:-20px; cursor: pointer; z-index: 10000; } #languageen:hover { background:#3082b2; } /*******************************************/ /**** HOMECONTENT ****/ /*******************************************/ #animation { padding-top:20px; width:1000px; margin-bottom:90px;height:auto; margin:auto; text-align:center;  } #homeclient_list { width:100%; height:262px; background:url(binnaries/clients_list_home.png) no-repeat top center; padding-top:60px;  } #homeclient_list .client_photo { width:330px; height:auto; float:left; margin-left:20px;margin-right:20px;  } #homeclient_list .client_content { width:600px; height:auto; float:right; margin-right:20px;  } #categoryleft { width:300px; height:auto; float:left; margin-left:40px; background:url(binnaries/lancet_line.png) no-repeat center right;  } #categorycenter { width:300px; height:auto; float:left; margin-left:30px; background:url(binnaries/lancet_line.png) no-repeat center right;  } #categoryright { width:300px; height:auto; margin-left:30px; float:left;  } #categoryleft h2 { font-size:16px; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #categorycenter h2 { font-size:16px; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #categoryright h2 { font-size:16px; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } .consultingmenu {float:left;list-style: none;margin: 0;padding: 0;width:290px; margin-right:10px;} .consultingmenu li {margin: 0;padding: 0; background:url(binnaries/consultingmenu_icon.png) no-repeat left center;} .consultingmenu a {color:#4a4a4a;display: block;margin: 0;padding:3px 10px;text-decoration: none; cursor:pointer;} .consultingmenu a:hover {color: #41596f; text-decoration:underline; cursor:pointer;} #can_help_you { width:300px; height:auto; float:left; margin-left:40px; margin-top:40px; background:url(binnaries/lancet_line.png) no-repeat center right;  } #can_help_you h2 { font-size:16px; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #recent { width:600px; height:auto; float:left; margin-left:30px; margin-top: 40px;  } #recent h2 { font-size:16px; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } /*******************************************/ /**** PAGECONTENT ****/ /*******************************************/ #meaning { width:510px; height:auto; float:left; } #meaning h1 { margin-bottom:15px;} #navigation { width:100%; height:auto; margin-top:10px; margin-bottom:20px; color:#95999d; position:relative; z-index:1;  } #navigation a { color:#95999d; text-decoration:none; text-transform:lowercase;  } #navigation a:hover { color:#3082b2; text-decoration:underline;  } .conte { width:100%; height:auto; color:#585858;  } .tag { width:100%; height:auto; margin-top:20px; margin-bottom:10px;  } #takimimiz h2 { width:80%; height:auto; font-size:16px; color:#41596f; margin-bottom:20px; margin-top:20px; padding-left:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #meaning h2 { width:100%; height:auto; font-size:16px; color:#41596f; margin-bottom:20px; margin-top:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #meaning #documents { width:100%; float:left; height:auto; margin-top:10px;  } #meaning #picture { width:100%; height:auto; float:left; margin-top:10px;  } #meaning #picture img { margin-right:4px;  } #buttons { font-family: 'Roboto Condensed', sans-serif; font-size:11px; width:171px; height:35px; text-align:center; cursor:pointer; background:url(binnaries/send_background.png) no-repeat; float:right; padding-top:13px; color:#000; margin-top:10px; padding-left:27px;  } #buttons:hover { color:#005383;  } #meaningbox { width:225px; height:auto; min-height:360px; float:left; background:url(binnaries/menu_background.png) no-repeat top center; margin-left:10px;  } #meaningbox h2 { font-size:16px; width:80%; margin:auto; color:#41596f; margin-bottom:20px; margin-top:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #meaningbox_bottom { width:183px; height:9px; margin:auto; background:url(binnaries/menu_background_bottom.png) no-repeat top center; margin-top:10px;  } #meaningmenu { width:180px; margin:auto; list-style: none; min-height:195px; } #meaningmenu li {position:relative; margin: 0;padding: 0; background:url(binnaries/lancet_line_bottom.png) no-repeat bottom center; } #meaningmenu a {position:relative; color:#6e6e6e;display: block;margin: 0;padding:9px 5px;text-decoration: none; cursor:pointer; z-index: 5;} #meaning_canyouhelp { width:240px; height:auto; float:right;} #meaning_canyouhelp h2 { font-size:16px; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #canyouhelpmenu {float:left;list-style: none;margin: 0;padding: 0;width:240px; margin-right:10px;} #canyouhelpmenu li {margin: 0;padding: 0; background:url(binnaries/consultingmenu_icon.png) no-repeat left center;} #canyouhelpmenu a {color:#4a4a4a;display: block;margin: 0;padding:3px 10px;text-decoration: none; cursor:pointer;} #canyouhelpmenu a:hover {color: #41596f; text-decoration:underline; cursor:pointer;} /*******************************************/ /**** TEAM ****/ /*******************************************/ #team { width:145px; height:205px; background:#FFF; margin-right:15px; margin-bottom:15px; float:left; text-align:center; padding-top:20px;  } #team_photo { width:300px; height:auto; float:left; margin-left:20px;  } #team_content { width:260px; height:auto; float:right; margin-right:20px;  } /*******************************************/ /**** COMMENT ****/ /*******************************************/ #comment { width:100%; height:auto; margin-bottom:15px; float:left; background:url(binnaries/comment_shadow.png) no-repeat bottom right; padding-bottom:20px;  } #comment h2 { font-size:14px; width:100%; margin:auto; color:#41596f; margin-bottom:20px; text-align:left; text-shadow: #6d6d6d 0px 0px 0;  } /*******************************************/ /**** RECENT ****/ /*******************************************/ #recent_full { width:470px; height:70px; padding:20px; margin-bottom:15px; float:left; background:url(binnaries/recent_background.png) no-repeat;  } #recent_full h2 { font-size:14px; width:100%; margin:auto; color:#41596f; margin-bottom:10px; text-align:left; text-shadow: #6d6d6d 0px 0px 0;  } .recentmenu {float:right;list-style: none;margin: 0;padding: 0;width:260px; margin-right:10px;} .recentmenu li {margin: 0;padding: 0; background:url(binnaries/consultingmenu_icon.png) no-repeat left center;} .recentmenu a {color:#4a4a4a;display: block;margin: 0;padding:3px 10px;text-decoration: none; cursor:pointer;} .recentmenu a:hover {color: #41596f; text-decoration:underline; cursor:pointer;} /*******************************************/ /**** SEARCH ****/ /*******************************************/ #search_full { width:470px; height:70px; padding:20px; margin-bottom:15px; float:left; background:url(binnaries/search_background.png) no-repeat;  } #search_full h2 { font-size:14px; width:100%; margin:auto; color:#41596f; margin-bottom:10px; text-align:left; text-shadow: #6d6d6d 0px 0px 0;  } /*******************************************/ /**** TECHNOLOGY ACADEMIA ****/ /*******************************************/ #technology_acedemy { width:470px; height:70px; padding:20px; margin-bottom:15px; float:left; background:url(binnaries/search_background.png) no-repeat;  } #technology_acedemy h2 { font-size:14px; width:100%; margin:auto; color:#41596f; margin-bottom:10px; text-align:left; text-shadow: #6d6d6d 0px 0px 0;  } /*******************************************/ /**** INTERACTIVE TECHNOLOGY ****/ /*******************************************/ #interactive_technology { width:470px; height:70px; padding:20px; margin-bottom:15px; float:left; background:url(binnaries/search_background.png) no-repeat;  } #interactive_technology h2 { font-size:14px; width:100%; margin:auto; color:#41596f; margin-bottom:10px; text-align:left; text-shadow: #6d6d6d 0px 0px 0;  } /*******************************************/ /**** SERVICES ****/ /*******************************************/ #services { width:280px; padding:20px; background-color:#d9dbdc; float:left; margin-bottom:15px; margin-right:25px;  } #meaning_ { width:710px; height:auto; float:left; } #meaning_ h2 { width:100%; height:auto; font-size:16px; color:#41596f; margin-bottom:20px; margin-top:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } /*******************************************/ /**** CONTACT ****/ /*******************************************/ #contact_information { width:230px; height:auto; float:left; background:url(binnaries/lancet_line.png) no-repeat right center; padding-right:30px; line-height:18px;  } #contact_information #tit { width:50px; height:auto; float:left;  } #contact_information #tex { width:150px; height:auto; float:left; margin-left:10px;  } #contact_map { width:230px; height:auto; min-height:160px; text-align:center; float:right; border:1px solid #333;  } #contact_form_left_box { width:220px; float:left;  } #contact_form_right_box { width:220px; float:right;  } #contactform { width:220px; height:auto; float:left; margin-bottom:15px;  } .contactstyle { width:202px; height:29px; background:url(binnaries/general_text_background.png) no-repeat; color:#333; outline:none;  } .contactareastyle { width:195px; float:left; margin-bottom:20px; height:82px; background:url(binnaries/general_text_area.png) no-repeat; outline:none; overflow:hidden; padding:10px; resize:none; } /*******************************************/ /**** REFERANCES ****/ /*******************************************/ #meaning_referances { width:1000px; height:auto; float:left; line-height:17px; } #meaning_referances h2 { width:100%; height:auto; font-size:16px; color:#41596f; margin-bottom:20px; margin-top:20px; text-align:left; text-shadow: #fff 1px 1px 0;  } #referances_box { width:300px; height:auto; float:left; padding-right:15px; margin-right:15px; margin-bottom:30px; background:url(binnaries/lancet_line.png) no-repeat right top;  } .comments { width:100%; height:auto; margin-top:5px;  } .comments h3 { width:100%; height:auto; font-size:14px; color:#41596f; margin-bottom:5px; text-align:left; text-shadow: #fff 1px 1px 0;  } #referances_box_right { width:300px; height:auto; float:left; padding-right:15px; margin-right:15px; margin-bottom:30px;  } .referance_client { width:400px; height:auto; float:left; margin-bottom:20px; margin-right:30px;  } .referance_url { width:400px; height:auto; float:left; margin-bottom:20px;  } .referance_services { width:100%; height:auto; margin-top:20px;  } .referance_technology { width:100%; height:auto; margin-top:20px;  } .referance_slider { width:100%; height:390px; background:#f7f7f7; margin-top:20px; text-align:center;  } .referance_slider img { padding-top:20px;  } .referance_slider_shadow { width:970px; height:30px; margin:auto; background:url(binnaries/client_slider_bottom_shadow.png) no-repeat top center;  } .referance_slider_ { float:left; margin-left:150px;  } .referance_slider .prev { width:40px; height:390px; background:url(binnaries/prev.png) no-repeat center; float:left; cursor:pointer;  } .referance_slider .next { width:40px; height:390px; background:url(binnaries/next.png) no-repeat center; float:right; cursor:pointer;  } /*********************************************/ /**** DOCUMENTSICON ****/ /*******************************************/ .pdf { width:200px; background-image:url(binnaries/pdf.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} .rar { width:200px; background-image:url(binnaries/rar.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} .zip { width:200px; background-image:url(binnaries/zip.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} .doc { width:200px; background-image:url(binnaries/doc.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} .docx { width:200px; background-image:url(binnaries/docx.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} .xlsx { width:200px; background-image:url(binnaries/xlsx.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} .xls { width:200px;background-image:url(binnaries/xls.png); background-repeat:no-repeat; background-position:left top; padding-left:35px; padding-right:5px; margin-top:10px; margin-bottom:10PX; margin-right:10px; padding-top:1px; text-align:left; float:left; color:#333; position:relative; height:32px;} /*******************************************/ /**** BOTTOM ****/ /*******************************************/ #bottom { width:100%; height:194px; background:url(binnaries/bottom_background.png) no-repeat top center; margin-top:20px; margin-bottom:20px; font-size:11px;  } #bottom .bottomleft { width:300px; height:auto; float:left; margin-top:50px; line-height:24px;  } #bottom .bottomcenter { width:270px; height:auto; float:left; margin-top:40px; margin-left:70px;  } #bottom .bottomright { width:300px; height:auto; float:right; margin-top:50px; line-height:17px;  } #bottom .bottomcenter h2 { font-size:14px; color:#41596f; margin-bottom:10px; text-align:left; text-shadow: #fff 1px 1px 0;  } #blogmenu {float:left;list-style: none;margin: 0;padding: 0;width:290px; margin-right:10px;} #blogmenu li {margin: 0;padding: 0;} #blogmenu a {color:#4a4a4a;display: block;margin: 0;padding:3px 0px;text-decoration: none; text-transform:uppercase; cursor:pointer;} #blogmenu a:hover {color: #41596f; text-decoration:underline; cursor:pointer;} #bottom .bottomleft a { font-family: 'Roboto Condensed', sans-serif;  } .searchfield { width:134px; height:28px; padding-left:8px; padding-right:5px; background:url(binnaries/searchfield.png) no-repeat; float:left; color:#333; font-style:italic; outline:none;  } .searchsend {width: 23px;height: 15px;float:left;background: url(binnaries/send_icon.png) no-repeat;cursor: pointer;margin-left: -15px; margin-top:7px; margin-right:30px;} .continue_team {width: 23px;height: 15px;float:right;background: url(binnaries/send_icon.png) no-repeat;cursor: pointer; margin-top:7px; margin-right:30px;} #bottom .bottomright h2 { font-size:14px; color:#41596f; margin-bottom:10px; text-align:left; text-shadow: #fff 1px 1px 0;  } .emailfield { width:81px; height:28px; padding-left:8px; padding-right:15px; background:url(binnaries/email_bg.png) no-repeat; float:left; color:#333; font-style:italic; outline:none;  } .emailsend {width: 23px;height: 15px;float:left;background: url(binnaries/send_icon.png) no-repeat;cursor: pointer;margin-left:-15px; margin-top:7px; margin-right:30px;} /*********************************************/ /**** EMAIL BOX ****/ /*******************************************/ #emailb { width:190px; float:left; margin-right:8px; font-weight:600; margin-bottom:15px; } .etextb { width:170px; float:left; height:auto; padding:7px; background-color:#eaeaea; border:1px solid #a7aeb4; color:#000; outline:none; } .etexta { width:560px; float:left; height:50px; padding:7px; background-color:#eaeaea; border:1px solid #a7aeb4; color:#000; outline:none; } #BilgiTalepFormu h1 { margin-top:10px; margin-bottom:10px; background: url(binnaries/comment_shadow.png) no-repeat bottom left; padding-bottom: 20px; } #emaild { width:230px; float:left; margin-right:20px; font-weight:600; margin-bottom:15px;  } /********************************************/ /**** HUMANR ****/ /******************************************/ #humancontent { width:100%; height:auto; margin-bottom:15px; } .humanboxexs { width:180px; float:left; height:auto; margin-bottom:10px; font-weight:600; } .humanboxexse { width:240px; float:left; height:auto; margin-bottom:10px; } .human_button { width:100px; height:auto; float:left; text-align:center; background:#389fc4; color:#fff; font-weight:600; padding:5px; cursor:pointer; margin-top:10px; border:0px;  -moz-box-shadow: inset 0 0 10px #0d384f; -webkit-box-shadow: inset 0 0 10px #0d384f; box-shadow:inset 0 0 10px #0d384f; } .human_button:hover { background:#CCC; color:#0d384f; -moz-box-shadow:inset 0 0 10px #999; -webkit-box-shadow: inset 0 0 10px #999; box-shadow:inset 0 0 10px #999;  } #cboxLoadedContent h2 { width:90%; margin:auto; height:auto; padding:10px 10px 10px 0px; border-bottom:1px dashed #999; text-align:right; margin-bottom:10px;  }