/* ========================================================
	Author     : İnfomedya Bilişim Teknolojileri Ltd. Şti.
	
	Author URL : http://www.infomedya.com.tr
   ======================================================== */
   
/* ================================== GLOBAL ================================== */
body { background: #fff; font: 12px tahoma; color: #333; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #666; }
a:active { background: none; }
/* Floating */
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
/* Text */
h2 { font-size: 25px; font-weight: 700; }
h3 { font-size: 20px; font-weight: 700; }
p { margin: 5px 0 8px 0; }
.bold { font-weight: 700; }
.normal { font-weight: 400; }
/* Color */
.darkBlue { color: #39396C; }
.darkRed { color: #B12233 !important; }
/* ================================== HEADER ================================== */
#header { width: 1025px; margin: 17px auto 0; }
.logoCon { padding: 6px 30px 0 0; margin: 0 0 0 48px; background: url(../../images/bg_line.jpg) right top no-repeat; float: left; }
a.logo { width: 250px; height: 104px; background: url(../../images/sprite.png) 0 -151px no-repeat; display: block; }
.mainMenuCon { padding: 85px 10px 0 10px; margin: 0 30px 0 0; background: url(../../images/bg_line.jpg) right top no-repeat; float: left; }
ul.mainMenu { list-style-type: none; }
ul.mainMenu li { float: left; height: 45px; margin: 0 0 0 24px; }
ul.mainMenu li:first-child { margin: 0; background: none; }
ul.mainMenu li a { color: #3A396C !important; font-size: 16px; font-weight: 700; padding: 0 0 30px 0; display: inline-block; }
ul.mainMenu li a:hover, ul.mainMenu li a.active { background: url(../../images/bg_li.png) bottom center no-repeat; color: #B12233 !important; }
ul.social_media { list-style-type: none; padding: 43px 0 0 0; float: left; }
ul.social_media li { margin: 0 9px 0 0; float: left; }
ul.social_media li.first { float: none; font-size: 16px; color: #39396C; padding: 0 0 0 3px; }
ul.social_media li a { width: 30px; height: 33px; margin: 12px 0 0 0; background: url(../../images/social_mediaa.png) no-repeat; display: block; }
ul.social_media li a.message { background: url(../../images/sprite.png) 0 -260px no-repeat; }
ul.social_media li a.facebook { background: url(../../images/sprite.png) -39px -260px no-repeat; }
ul.social_media li a.twitter { background: url(../../images/sprite.png) -78px -260px no-repeat; }
ul.social_media li a.message:hover { background: url(../../images/sprite.png) 0 -293px no-repeat; }
ul.social_media li a.facebook:hover { background: url(../../images/sprite.png) -39px -293px no-repeat; }
ul.social_media li a.twitter:hover { background: url(../../images/sprite.png) -78px -293px no-repeat; }
/* ================================== SLİDER & BANNER ================================== */
#slider { width: 100%; border-top: 2px solid #E1E1E1; }
#slider_inner { width: 960px; height: 409px; margin: 0 auto; position: relative; overflow: hidden; }
a.slider_left, a.slider_right { width: 32px; height: 55px; background: url(../../images/sprite.png) no-repeat; display: block; position: absolute; top: 160px; z-index: 100; }
a.slider_left { background-position: 0 -36px; left: 0; }
a.slider_right { background-position: -32px -36px; right: 0; }
a.slider_left:hover { background-position: 0 -91px; left: 0; }
a.slider_right:hover { background-position: -32px -91px; right: 0; }
.slider_item { width: 960px; height: 409px; text-align: right; float: left; /*position: absolute; left: 0; top: 0;*/ }
#banner { width: 100%; height: 292px; border-top: 2px solid #E1E1E1; }
#slider_container { width: 960px; height: 409px; margin: 0 auto; text-align: right; position: relative; overflow: hidden; }
#banner_inner { width: 960px; height: 292px; margin: 0 auto; text-align: right; }
/* ================================== CONTENT ================================== */
#content { width: 100%; margin: -21px 0 0 0; background: url(../../images/bg_pageTop.png) center top no-repeat; position: relative; z-index: 100; }
#content_inner { width: 940px; margin: 0 auto; padding: 43px 0 0 20px; position: relative; }
.brands { width: 211px; height: 216px; background: url(../../images/sprite.png) 0 -326px no-repeat; position: absolute; right: 0px; top: -0; overflow: hidden; }
.brands h3 { width: 100%; font-weight: 400; text-align: center; margin: 12px auto 0; }
.brands_item { width: 160px; height: 100px; margin: 21px 0 0 25px; position: absolute; float: left; }
a.btn_detail { width: 54px; height: 13px; background: url(../../images/sprite.png) 0 0 no-repeat; display: block; }
a.btn_detail:hover { background-position: 0 -18px; }
.index_block { width: 205px; height: 230px; margin: 0 50px 0 0; padding: 0 0 20px 0; position: relative; float: left; }
.sub_block { padding: 0 0 20px 0; margin: 0 0 0px 0; position: relative; }
.index_block h3, .sub_block h3 { height: 19px; background: url(../../images/bg_h3.png) left center no-repeat; margin: 0 0 16px 0; padding: 2px 0 0 30px; }
.index_block h2, .sub_block h2 { font-size: 22px; color: #39396C }
.index_block a.btn_detail, .sub_block a.btn_detail { position: absolute; left: 0; bottom: 0; }
.index_block p, .sub_block p { font: 12px tahoma; line-height: 17px; }
a.mailto { font-size: 16px; color: #39396C; margin: 7px 0 0 0; display: block; }
a.mailto:hover { color: #B12233; }
/* Sub Content */
.sub_content { width: 640px; min-height: 1px; float: left; }
.sub_content h2 { margin: 0 0 20px 0; }
.sub_content p { font: 12px tahoma; line-height: 17px; margin: 10px 0; }
.sidebar { width: 200px; margin: 0 0 0 100px; padding: 230px 0 0 0; float: left; }
/* ================================== FOOTER ================================== */
#footer { width: 960px; margin: 30px auto; }
#footer, #footer a { font: 11px tahoma; color: #B1B1B1; }
#footer a:hover { color: #8E8E8E; }
.footerLeft { width: 405px; float: left; }
.infomedya { margin: 10px 0 0 0; padding: 7px 0 0 0; width: 100%; border-top: 1px solid #CFCFCF; }
.footerRight { float: right; }
ul.footer_menu { list-style-type: none; padding: 0 0 20px 0; margin: 0 0 5px 0; border-bottom: 1px solid #CFCFCF; }
ul.footer_menu li { padding: 0 0 0 6px; margin: 0 6px 0 0; background: url(../../images/bg_footerMenu.jpg) left center no-repeat; float: left; }
ul.footer_menu li:first-child { background: none; padding: 0; }
.bottomMargin { widows: 100%; height: 20px; }
.sp-btn_detail { background-position: 0 0; }
.sp-btn_detail_hover {
background-position:; width: 54px; height: 13px; }
.sp-btn_slider { background-position: 0 -36px; width: 64px; height: 110px; }