@charset "UTF-8";
/* ------------------------------------------------------------ *

	Project Name	: Uzman Reduktor
	Coder 			: Ahmet KARATUFAN
	CSS				: thekaratufan  - thekaratufan@hotmail.com
	XHTML			: 13.06.2012

* ------------------------------------------------------------ */

@font-face { font-family: 'itcbook'; src: url('../fonts/ITCAvantBook/itcavantgardepro-bk-webfont.eot'); src: url('../fonts/ITCAvantBook/itcavantgardepro-bk-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCAvantBook/itcavantgardepro-bk-webfont.woff') format('woff'), url('../fonts/ITCAvantBook/itcavantgardepro-bk-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'itcdemi'; src: url('../fonts/ITCAvantDemi/itcavantgardepro-demi-webfont.eot'); src: url('../fonts/ITCAvantDemi/itcavantgardepro-demi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCAvantDemi/itcavantgardepro-demi-webfont.woff') format('woff'), url('../fonts/ITCAvantDemi/itcavantgardepro-demi-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'itcmedium'; src: url('../fonts/ITCAvantMedium/itcavantgardepro-md-webfont.eot'); src: url('../fonts/ITCAvantMedium/itcavantgardepro-md-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCAvantMedium/itcavantgardepro-md-webfont.woff') format('woff'), url('../fonts/ITCAvantMedium/itcavantgardepro-md-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'dinnregular'; src: url('../fonts/DINRegular/dinn-regular_0-webfont.eot'); src: url('../fonts/DINRegular/dinn-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DINRegular/dinn-regular_0-webfont.woff') format('woff'), url('../fonts/DINRegular/dinn-regular_0-webfont.ttf') format('truetype'), url('../fonts/DINRegular/dinn-regular_0-webfont.svg#dinnregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'dinnmedium'; src: url('../fonts/DINMedium/dintr-medium-webfont.eot'); src: url('../fonts/DINMedium/dintr-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DINMedium/dintr-medium-webfont.woff') format('woff'), url('../fonts/DINMedium/dintr-medium-webfont.ttf') format('truetype'), url('../fonts/DINMedium/dintr-medium-webfont.svg#dintr_mediumregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'myriadpro_boldcond'; src: url('../fonts/MyriadProBoldCondensed/myriadpro-boldcond-webfont.eot'); src: url('../fonts/MyriadProBoldCondensed/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadProBoldCondensed/myriadpro-boldcond-webfont.woff') format('woff'), url('../fonts/MyriadProBoldCondensed/myriadpro-boldcond-webfont.ttf') format('truetype'), url('../fonts/MyriadProBoldCondensed/myriadpro-boldcond-webfont.svg#myriad_proboldcond') format('svg'); font-weight: normal; font-style: normal; }

* { orphans: inherit; margin: 0; padding: 0; }
body { font-family: arial, Helvetica, sans-serif; font-size: 12px; color: #696969; background: #88bed7 url(../img/pattern.png); margin: 0; padding: 0; }
a { color: #0093CD; text-decoration: none; }
    a:hover { text-decoration: none; color: #091739; }
img { border: none; }
ul, li { list-style: none; vertical-align: top; margin: 0; padding: 0; }
input { font-family: Arial, Geneva,Tahoma; font-size: 11px; color: #565657; }
textarea { font-family: Arial, Geneva, Tahoma; font-size: 11px; color: #565657; }
.clr { clear: both; }
.ortala { width: 960px; display: table; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.ust-menu { width: 875px; height: 32px; background: url(../img/ust-mnu-bg.png) no-repeat; z-index: 9999!important; position: absolute; left: 50%; margin-left: -254px; top: 0; }
.umenus { width: 220px; height: auto; text-align: center; font: normal 12px Arial; color: #fff; margin: 6px auto; }
.umenu { width: auto; height: auto; margin-left: 20px; float: left; }
.logo { width: 200px; float: left; position: relative; z-index: 99; margin-left: 25px; }
#menuler { width: 100%; background: #ccc; position: relative; z-index: 9; margin-top: -56px; }
.menuler { width: 960px; height: 50px; margin: 0 auto; }
.alt-menu { width: auto; height: auto; float: right; font: normal 17px myriadpro_boldcond; margin: 10px 25px 10px 10px; }
.menus { width: auto; height: 31px; background: url(../img/brd.png) no-repeat right; float: left; }
.menu { width: auto; height: auto; padding-top: 7px; margin-right: 20px; margin-left: 20px; }
.arama { float: right; width: 190px; height: 22px; margin: 30px 0 0; }
.btnara { width: 23px; height: 28px; background: #fff url(../img/btnara.png) no-repeat; float: left; }
    .btnara input { width: 23px; height: 21px; background: none; border: none; cursor: pointer; }
.txtara { width: 167px; height: 21px; background: url(../img/txtara.png) no-repeat; float: left; }
    .txtara input { width: 159px; height: 21px; background: none; border: none; padding: 0 5px; }
.bolum { width: 49%; background: #fff; height: 200px;}
.bolum-ortala { padding: 10px; }
.bolum-baslik { font: normal 17px myriadpro_boldcond; color: #e2031a; }
.bolum-icerik { padding-top: 10px; }
#dduyurular { width: 400px; height: 140px; overflow: hidden; margin: 0 auto; }
    #dduyurular li { list-style: none; display: block; height: 70px; width: 400px; clear: both; }
.oklar { width: 40px; height: 17px; float: right; }
.dasagi { outline: none; cursor: pointer; float: left; }
.dyukari { outline: none; cursor: pointer; float: right; }
.duyuru-baslik { font-size: 14px; font-weight: 700; color: #3d3d3d; padding-bottom: 10px; }
.abrd { border-bottom: 1px solid #972d2f; padding-bottom: 10px; }
.urun-bg { width: 100%; height: 180px; background: url(../img/urun-bg.png); }
.neden-biz { width: 480px; height: 225px; background: url(../img/n-bg.png) no-repeat; margin-top: 20px; float: left; }
.urunler { width: 456px; height: 225px; background: url(../img/u-bg.png) no-repeat; margin-top: 20px; float: right; }
.footer { width: 100%; height: auto; background: #ccc; border-top: 5px solid #9b9b9b; margin-top: 20px; padding-bottom: 15px; }
.element { width: auto; height: auto; float: left; margin-left: 10px; margin-top: 20px; }
#sol { width: 220px; height: auto; float: left; margin-left: 12px; background: #f2f2f2; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    #sol .sol-icerik { padding: 20px 15px; }
        #sol .sol-icerik .sol-baslik { font: bold 15px Trebuchet MS; color: #fff; }
#sag { width: 690px; height: auto; float: left; margin-left: 20px; padding-bottom: 15px; }
.sag-icerik { padding-top: 20px; }
.icerikler { padding-top: 12px; }
.urun { padding:5px; border:2px solid #fff; width: 190px; height: 230px; background: url(../img/cerceve2.png) no-repeat; float: left; margin: 0px 20px 5px 0px; }
.urun:hover{ border: 2px solid #ccc; border-radius:5px; }   
 .urun .urun-resim { width: 170px; height: 133px; display: table; #position:relative; overflow: hidden; text-align: center; margin: 0 auto; }
        .urun .urun-resim .urun-ic-resim {#position:absolute; #top:50%; #left:50%; display: table-cell; vertical-align: middle; }
        .urun .urun-resim .urun-en-ic-resim { max-width: 180px; max-height: 116px; #position:relative; #top:-50%; #left:-50%; }
.urun-adi { width: 184px; height: 41px; background: url(../img/urun-baslik-bg.png) no-repeat; margin: 0 auto; }
    .urun-adi h2 { font: bold 13px Trebuchet Ms; color: #fff; padding: 12px; }
.uruns { margin-bottom: 20px; border-bottom: 1px dotted #111; }
.urun-resim-detay img { max-width: 180px; max-height: 132px; }
.pdff { width: auto; background: url(/app_themes/img/pdf.png) no-repeat 0 1px; padding-left: 18px; padding-top: 2px; }
    .pdff a { color: #015D6F; font: bold 12px Arial; }
.urun h3 { color: #e2031a; font: bold 14px Trebuchet MS; padding: 15px 0px 5px 0px; }
.urun h1 { font: bold 18px Trebuchet MS; padding: 15px 0px 5px 0px; }
.duz-sayfa { padding: 20px; }
.umenus a, .urun-adi h2 a { color: #fff; }
    .umenus a:hover, .urun-adi h2 a:hover { color: #ccc; }
.alt-menu a, h3 a:hover { color: #000; }
    .alt-menu a:hover, .maktif a, h3 a { color: #e2031a; }
.nedenbiz-metin, .urunler-metin { padding: 50px 13px; }
.sag-icerik .sag-baslik, .duz-sayfa .baslik { border-bottom: 1px solid #e52a1d; padding-bottom: 6px; }
    .sag-icerik .sag-baslik h1, .duz-sayfa .baslik h1 { color: #e52a1d; font: bold 18px Trebuchet MS; }