/*www.baykarapetrol.com.tr Css Files | Baynet Ajans - Samet ERDEM*/
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/s1.jpg) no-repeat center top; background-color:#ffffff;}
a{ outline:none;}
#cerceve{ width:100%; height:auto;}
.cufon-loading body { visibility: hidden }
#site{ width:972px; height:auto; margin-left:auto; margin-right:auto;}
#header{ width:972px; height:140px; float:left;}
#header .logo{ width:256px; height:95px; float:left; margin:1px 0 0 0;}
#header .slogan{ width:426px; height:50px; float:left; margin:10px 0 0 0;}
#header .menu{ width:972px; height:43px; float:left;}
#header .menu .sol{ width:56px; height:43px; float:left;}
#header .menu .orta_m{ width:716px; height:43px; float:left; background:url(../images/menu_02.png);}
#header .menu .orta_m ul{ margin:0; padding:0}
#header .menu .orta_m ul li{ float:left; list-style-type:none; margin-left:12px; border-right:#67b9db solid 1px; height:29px; padding-top:14px; padding-right:12px;}
#header .menu .orta_m ul li a{ color:#FFFFFF; font-size:16px;}
#header .menu .orta_m ul li:hover{ background:url(../images/hover_ok.png) no-repeat bottom center;}
#header .menu .sag{ width:200px; height:43px; float:left;}
#orta_alan{ width:972px; height:355px; float:left;  margin-top:10px;}
#orta_alan .slider_alan{ width:675px; height:345px; float:left; background:url(../images/slider_bg.png); padding-left:10px; padding-top:10px;}
#orta_alan .duyurular{ width:286px; height:329px; float:left; background:url(../images/duyuru_bg.png); margin-top:10px;}
#orta_alan .duyurular .duyuru_c{ width:280px; height:280px; float:left; margin-left:2px;}
#orta_alan .duyurular .duyuru_c .baslik{ width:280px; height:auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; margin-bottom:5px; margin-top:4px; padding-bottom:8px;}
#orta_alan .duyurular .btn { width:77px; height:21px; float:left; background:url(../images/bttn.png); float:right; margin-right:5px; margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; padding-left:40px; padding-top:5px; font-size:11px;}
#orta_alan .duyurular .duyuru_c .ust{ font-size:16px; color:#FFFFFF; margin-left:5px; margin-top:5px; margin-bottom:10px;}
#orta_alan .duyurular .duyuru_c .duyuru{width:280px; height:auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:5px; line-height:18px; border-bottom:#4394ca dotted 1px;}
.orta{ width:972px; height:222px; float:left; margin-top:10px;}
.orta .firma_profil{ width:619px; height:218px; float:left; background:url(../images/fp_bg.png);}
.orta .firma_profil .baslik{ width:609px; height:25px; float:left; color:#116e95; font-size:18px; padding-top:11px; padding-left:10px;}
.orta .firma_profil .resim{ width:198px; height:175px; float:left;  margin-left:5px;}
.orta .firma_profil .resim img{ padding:5px; border:#ddd solid 1px; margin-top:16px;}
.orta .firma_profil .hakkinda{ width:410px; height:124px; float:left;  margin-top:16px; font-size:11px; color:#736e6e; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
.orta .firma_profil .btn{ background:url(../images/bttn.png); width:82px; height:23px; float:right; margin:8px; font-size:11px; color:#FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:35px; padding-top:3px;}
.orta .harita{ width:344px; height:222px; float:left; background:url(../images/harita_bg.png); margin-left:9px;}
.orta .harita .baslik { width:300px; height:25px; float:left; color:#116e95; font-size:18px; padding-top:11px; padding-left:10px;}
.orta .harita .resm{ width:334px; height:175px; float:left; margin-top:3px;} 
.galeri{ width:972px; height:158px; float:left; background:url(../images/galeri_bg.png); margin-top:10px;}
.galeri .ust{ width:960px; height:25px; float:left; padding-top:4px; margin-left:10px; }
.galeri .ust .oksol{ width:13px; height:14px; float:left; margin-right:5px;}
.galeri .ust .oksag{ width:13px; height:14px; float:left; margin-right:5px;}
.galeri .ust .baslik{ font-size:18px; color:#116e95; padding-top:8px; padding-left:30px;}
.galeri .ust .tumu {font-size:18px; color:#FFFFFF; float:right; margin-right:55px;}
.galeri .galeri_c{ width:963px; height:110px; float:left; margin-left:5px;}
.galeri .galeri_c  ul{ padding:0; margin:15px 0 0 0;}
.galeri .galeri_c ul li{width:160px; height:100px; margin:0px; opacity: .75; filter: alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
.galeri .galeri_c ul li img{ border:#3b88bc solid 1px;}
.galeri .galeri_c ul li:hover{ opacity: 1.0;filter: alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}
.galeri .galeri_c .bx-next {position:absolute; top:-16px; right:900px; left:2px; z-index:999; width: 12px; height: 19px; text-indent: -999999px; background:url(../images/ok-sol.png) no-repeat; outline:none;}
.galeri .galeri_c .bx-prev {position:absolute;top:-16px;left:18px;z-index:999;width: 12px;height: 19px;text-indent: -999999px; background:url(../images/ok-sag.png) no-repeat; outline:none;}
/*Footer*/
#footer{ width:960px; height:76px; float:left; background:url(../images/footer_bg.png) no-repeat center; margin-top:8px; margin-left:7px;}
#footer .copyrt{ width:300px; float:left; height:30px;  margin-top:20px; margin-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:11px;}
#footer .footer_menu{ width:600px; height:50px; float:right;}
#footer .footer_menu ul{ margin:0; padding-right:30px; float:right;}
#footer .footer_menu ul li{ float:left; list-style-type:none;  border:#ccc solid 1px; border-radius:2px; width:auto; height:17px; margin-left:5px; margin-top:15px;  padding:2px;}
#footer .footer_menu ul li a{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:10px; text-decoration:none;}
#footer .footer_menu ul li:hover{ background:#ddd;}
#footer .baynet{ width:76px; height:24px; float:right; margin-right:30px; margin-top:3px;}
/*Içerik Genel*/
#icerik_c{width:674px; height:auto; float:left; background:url(../images/icerik_bg.png); border:#ddd solid 1px; padding-left:10px; padding-top:10px; border-radius:10px;}
#icerik_baslik{ font-size:18px; color:#116e95; height:25px; border-bottom:#ccc solid 1px; width:665px; margin-bottom:5px;}
#icerik_baslik a{ color:#116e95}
#icerik_c .icerik_hak{ width:650px; height:auto;  padding:5px;float:left; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height:18px;}
#icerik_c .icerik_hak .resim_kurumsal{ float:left; padding:2px; border:#CCCCCC solid 1px; background:#FFFFFF; padding:2px; margin:5px;}
#golge{ float:left; width:674px; height:10px; background:url(../images/golge.png);}
/*Iletisim*/
#galeri_resim{ width:150px; height:100px; float:left; border:#ddd solid 1px; margin-left:8px; background:#FFFFFF; padding:1px; margin-top:5px;}
#galeri_resim:hover{ border:#0066FF solid 1px;}
/*Sayfalama*/
.sayfalama {padding: 3px;text-align:center; margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.sayfalama a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;text-decoration: none; /* no underline */color: #036CB4;}
.sayfalama a:hover,
.sayfalama a:active {border: 1px solid #999;color: #666;}
.sayfalama .secili {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #036CB4;font-weight: bold; background-color: #036CB4;color: #FFF;}
.sayfalama .pasif {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}
/*---------------------------------------------------------Slider----------------------------------------------------------------------------*/
.jquery-slider-wrapper{position:relative;clear:both;zoom:1;}
.jquery-slider-slide{display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%;}
.jquery-slider-slide img{border:0;margin:0;padding:0;}
.jquery-slider-slide-current{display:block;z-index:2;}
.jquery-slider-slide-next{display:block;z-index:1;}
.jquery-slider-selectors{display:block;overflow:hidden;position:absolute;bottom:10px;right:10px;z-index:3;}
.jquery-slider-selector{background:url(../images/jquery-slider-theme.png) no-repeat 0px -70px;display:inline;float:left;width:16px;height:16px;margin:0 0 0 5px;}
.jquery-slider-selector-current{background:url(../images/jquery-slider-theme.png) no-repeat -16px -70px;}
.jquery-slider-selector span{display:none;}
.jquery-slider-control{display:noneright:50%; top:50%;  position:absolute;  cursor: pointer; width:48px; height:69px;  margin-top:-34px;  margin-right:-24px; z-index:4;}
.jquery-slider-control span{  display:none;}
.jquery-slider-control-play{  background:url(../images/jquery-slider-theme.png) no-repeat -144px 0;}
.jquery-slider-control-pause{background:url(../images/jquery-slider-theme.png) no-repeat -96px 0;}
.jquery-slider-hovered .jquery-slider-control{display:block;}
.jquery-slider-navigation{display:block;}
.jquery-slider-navigation-prev{background:url(../images/jquery-slider-theme.png) no-repeat 0 0;display:none;left:0;top:50%;position:absolute;cursor: pointer;width:48px;height:69px;margin-top:-34px;z-index:4;}
.jquery-slider-navigation-prev span{display:none;}
.jquery-slider-navigation-next{background:url(../images/jquery-slider-theme.png) no-repeat -48px 0;display:none;right:0;top:50%;position:absolute;cursor: pointer;width:48px;height:69px;margin-top:-34px;z-index:4;}
.jquery-slider-navigation-next span{display:none;}
.jquery-slider-hovered .jquery-slider-navigation-prev,
.jquery-slider-hovered .jquery-slider-navigation-next{display:block;}
.jquery-slider-wrapper .caption{padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF;}
.jquery-slider-timer{color:#000000;height:3px;width:100%;position:absolute;bottom:0;left:0;z-index:4;}
.jquery-slider-timer-bar{background:#000000;opacity:0.5;height:3px;width:0;float:left;display:inline;}
/*Duyurular*/
#duyuru_detay_sayfasi{ }
#duyuru_detay_sayfasi ul{ padding:0px; margin:0;}
#duyuru_detay_sayfasi ul li { list-style-type:none; height:24px; background-color:#005595; border:#0099cc solid 1px; margin-top:5px; padding-top:6px; padding-left:5px; margin-bottom:5px;}
#duyuru_detay_sayfasi ul li a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
#duyuru_detay_sayfasi ul li:hover{ background-color:#0099cc;}
#duyuru_okuma_baslik{ height:22px; color:#999999; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:#116e95 dotted 1px;}
#dd_duyuru_c {width:650px; height:auto;}
/*iconlar*/
#iconlar{float:right; font-size:11px; padding:7px 5px 0 0; margin:0; color:#666}
#iconlar a{ display:block; float:left; width:80px; color:#666;}
#iconlar img{float:left; margin:-3px 5px 0 4px;}
/**** ICONLAR  ***/
 #alt_linkler{clear:left; display:block; width:660px; height:50px; margin:0 auto; padding:20px 0 0 0;}
 #alt_linkler div { float:left; display:block; margin:10px 0 0px 40px; width:600px; height:14px; font-size:11px;}
 #alt_linkler span{float:left; display:block; font-size:16px; font-weight:bold; line-height:26px; height:26px;}
 #alt_linkler img{vertical-align:middle}
 #alt_linkler span a{color:#666} #orta-degisken #alt_linkler span a:hover{color:#00af9d}
 #alt_linkler ul{list-style:none; float:left; display:block; width:425px; height:26px;}
 #alt_linkler ul hr{display:block; float:left; width:25px; height:15px; border:none; border-bottom:1px dashed #666;}
 #alt_linkler ul li{float:left; display:block; width:26px; height:26px;}
 #alt_linkler ul li a{color:#666}

/*FONT SIZER*/
.fontReset, .fontSizeMinus, .fontSizePlus, .yazdirlink { color:#fff; text-decoration:none;}
.fontReset a, .fontSizeMinus a, .fontSizePlus a, .yazdirlink a { color:#fff; text-decoration:none;}

/* FORM KONTROL CSS */
.inputContainer {position: relative; float: left;}
.formError {position: absolute;	top:300px; left:300px; display:block; z-index:5000; cursor: pointer;}
.formError .formErrorContent {
width:100%; background:#ee0101; position:relative; z-index:5001; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd;box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.greenPopup .formErrorContent { background:#33be40;}
.blackPopup .formErrorContent {background: #393939; color: #FFF;}
.formError .formErrorArrow {width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006;}
.formError .formErrorArrowBottom {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px;top:2px;}
.formError .formErrorArrow div {border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block;}
.formError .formErrorArrowBottom div {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.greenPopup .formErrorArrow div {background: #33be40;}
.blackPopup .formErrorArrow div {background: #393939;color: #FFF;}
.formError .formErrorArrow .line10 {width: 15px; border: none;}
.formError .formErrorArrow .line9 {width: 13px; border: none;}
.formError .formErrorArrow .line8 {width: 11px;}
.formError .formErrorArrow .line7 {width: 9px;}
.formError .formErrorArrow .line6 {width: 7px;}
.formError .formErrorArrow .line5 {width: 5px;}
.formError .formErrorArrow .line4 {width: 3px;}
.formError .formErrorArrow .line3 {width: 1px; border-left: 2px solid #ddd;	border-right: 2px solid #ddd; border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {width: 3px; border: none; background: #ddd;}
.formError .formErrorArrow .line1 {width: 1px; border: none; background: #ddd;}
/* FORM KONTROL SON */