/* ------------------------------------------------------------ *
	
	Project Name	: Yamato Makina
	DATE			: 31.10.2013
    CODER           : Ahmet KARATUFAN (thekaratufan@hotmail.com)
    XHTML           : Ahmet KARATUFAN (thekaratufan@hotmail.com)    

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


* { orphans: inherit; margin: 0; padding: 0; }
body { font: normal 13px 'Droid Sans', sans-serif; color: #303030; }
a { color: #ff0000; text-decoration: none; }
    a:hover { text-decoration: none; color: #7d0404; }
img, iframe, table { max-width: 100%; border: none; }
ul, li { list-style: none; vertical-align: top; margin: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; vertical-align: baseline; background: none; border: none; margin: 0; }
    button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; }
        button[disabled], input[disabled] { cursor: default; }
textarea { overflow: auto; vertical-align: top; }
.clr { clear: both; }
.center { margin: 0px auto; width: 950px; height: auto; }
.left { width: auto; height: auto; float: left; }
.right { width: auto; height: auto; float: right; }
.goster { display: block !important; }
.gizle { display: none !important; }
.sag-icerik p li { background: url(../img/ar3.png) no-repeat 0 2px; padding-left: 14px; margin: 10px 10px 10px 15px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom10 { margin-bottom: 10px; }

#header { width: 100%; overflow: hidden; }
.anasayfa { height: 290px; background: url(../img/header-x.png) repeat-x; }
.altsayfa { height: 170px; background: url(../img/header2-x.png) repeat-x; }
.yamato { width: 1048px; height: auto; margin: 0px auto; background: url(../img/yamato-y.png) repeat-y; }
.anasayfa .yamato { height: 290px; }
.altsayfa .yamato { height: 170px; }

#header .header-sol { width: 29%; height: auto; float: left; }
    #header .header-sol .logo { padding: 10px 0px 0px 7px; }
        #header .header-sol .logo img { max-height: 77px; }
#header .header-sag { width: 69%; height: auto; float: right; padding-top: 14px; }

ul.ustmenu { float: right; color: #1d326b; }
    ul.ustmenu a { color: #1d326b; }
        ul.ustmenu a:hover { color: #111c3d; }
    ul.ustmenu .ustmenu-aktif { color: #1d326b; }
        ul.ustmenu .ustmenu-aktif a { color: #1d326b; }
            ul.ustmenu .ustmenu-aktif a:hover { color: #111c3d; }
    ul.ustmenu li { float: left; margin-left: 20px; padding-top: 3px; }
        ul.ustmenu li span { line-height: 16px; }
        ul.ustmenu li img { vertical-align: top; margin-right: 6px; }
    ul.ustmenu .son { padding-right: 0px; border: none; }

ul.diller { float: right; margin-left: 30px; }
    ul.diller li { float: left; margin-left: 5px; }
        ul.diller li img { max-width: 25px; }

ul.ortamenu { float: right; margin-top: 16px; }
    ul.ortamenu a { font-size:16px; color: #1d326b; }
        ul.ortamenu a:hover { color: #111c3d; }
    ul.ortamenu .menu-aktif a { color: #111c3d; }
        ul.ortamenu .menu-aktif a:hover { color: #1d326b; }
    ul.ortamenu li { float: left; margin-left: 25px; padding-right: 25px; border-right: 1px solid #cacedb; height: 20px; padding-top: 5px; }
    ul.ortamenu .son { padding-right: 0px; border: none; }

ul.altmenu { float: right; }
    ul.altmenu a { font-size:16px; color: #484848; }
        ul.altmenu a:hover { color: #000; }
    ul.altmenu .menu-aktif a { color: #000; }
        ul.altmenu .menu-aktif a:hover { color: #484848; }
    ul.altmenu li { float: left; margin-left: 12px; padding-right: 12px; border-right: 1px solid #c2c2c2; height: 20px; padding-top: 3px; }
    ul.altmenu .son { padding-right: 0px; border: none; }

ul#sosyalag { float: right; margin-top: 17px; }
    ul#sosyalag li { float: right; margin-left: 5px; }
        ul#sosyalag li img { max-width: 34px; }

#main { width: 100%; }

#footer { width: 100%; background: #efefef url(../img/footer-x.png) repeat-x; color: #464646; font-size: 14px; }
    #footer .footer { padding-top: 30px; padding-bottom:10px; }
    #footer .footer-sol { width: 399px; float: left; }
    #footer .footer-sag { float: right; width: 550px; }
    #footer .copy-right img { max-height: 44px; vertical-align: middle; margin-right: 15px; }
    #footer .iwt { padding-top: 22px; float: right; margin-left:10px; }

.anasayfa_hakkimizda { width: 500px; height: auto; float: left; padding-right: 25px; border-right: 1px dotted; }
.anasayfa_baslik { color: #c60707; font-size:15px; padding-bottom: 10px; }

/* BANNER */
#slides { display: none; margin-top: 33px; overflow: hidden; width: 921px; height: 167px; }
    #slides img { width: auto!important; }
    #slides .slidesjs-navigation { margin-top: 3px; }
.slidesjs-pagination { list-style: none; position: relative; bottom: 32px; z-index: 99999999!important; float: right; margin-right: 5px; }
    .slidesjs-pagination li { float: left; margin-right: 5px; }
        .slidesjs-pagination li a { display: block; width: 15px; height: 15px; float: left; overflow: hidden; background: url(../img/ar21.png) no-repeat; }
.navbar { overflow: hidden; }
#slides .slidesjs-previous, #slides .slidesjs-next { margin-right: 15px; float: left; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active, .slidesjs-pagination li a:hover { background: url(../img/ar31.png) no-repeat; }
#slides a:link, #slides a:visited, #slides a:hover, #slides a:active { font-size: 0; }
.altsayfa_banner { padding-top: 2px; }

/* HABERLER */
.haberler { width: 230px; height: auto; float: right; background: #efefef; padding: 25px 20px 25px 20px; }
#haberler { width: 100%; height: 140px; overflow: hidden; }
    #haberler li { list-style: none; display: block; height: 100%; width: 100%; }
.oklar { float: left; margin-left: 18px; }
.previous1, .next1, .previous2, .next2 { outline: none; cursor: pointer; }
.next1, .next2 { margin-left: 3px; }

.duyuru_li { border-bottom: solid 1px #e7e7e7; margin-top: 5px; padding: 12px; background: #f8f8f8; }
    .duyuru_li:hover { background: #f0f0f0; }
.duyuru_adi { font-size:16px;font-weight:700; padding-bottom: 6px; }
.duyuru_tarih { font-style: italic; padding-bottom: 5px; }
.duyuru_li a { color: #5a5a5a; }
.duyuru_resim { width: 94px; height: 94px; overflow: hidden; float: left; margin-right: 15px; }
    .duyuru_resim img { width: 94px; }
.duyuru_icerik { width: 120px; height: auto; float: left; }
/* HABERLER */

/* İÇERİKLER */
.sol { width: 270px; float: left; }
.sag { width: 645px; min-height: 420px; float: right; }
.solpasif { width: 100% !important; float: none !important; padding-left: 0px !important; border: none !important; }
.sol-ortala { padding: 40px 16px 20px 16px; background: #efefef; min-height: 250px; }
.sol-baslik { padding-bottom: 5px; background: url(../img/solbrd.png) repeat-x bottom; }
.sag-baslik { padding-bottom: 5px; border-bottom: 1px solid #9ea7bf; padding-top: 40px; }
h2 { color: #ec1d24; font-size:19px;font-weight:700;}
    h2 a { color: #ec1d24; }
        h2 a:hover { color: red; }
.sag-icerik, .sol-icerik { padding-top: 18px; }
.ayrintilar { width: auto; display: table; padding: 3px 26px 3px 5px; color: #fff; background: #ec1d25; font-size: 14px; }
    .ayrintilar:hover { background: #f06066; }
    .ayrintilar a { color: #fff; }

.iletisim_harita { width: 400px; height: auto; float: right; }
.iletisim_bilgileri { width: 230px; height: auto; float: left; }
.iletisim_img { margin-top: -110px; position: relative; z-index: 99; text-align: center; }

.urun_gorseller { width: 290px; height: auto; float: left; }
.urun_detay { width: 340px; height: auto; float: right; }
.anasayfa_footer { float: right; margin-top: -30px; }
    .anasayfa_footer img { max-height: 78px; }

.gorsel_li { width: 204px; height: 158px; float: left; margin-left: 5px; margin-right: 6px; margin-bottom: 25px; }
.gorsel { width: 204px; height: 128px; background: url(../img/imgbg.png) no-repeat bottom; }
    .gorsel:hover { background: url(../img/imgbg2.png) no-repeat bottom; }
    .gorsel .gorsel_resim { width: 190px; height: 128px; display: table; #position: relative; overflow: hidden; text-align: center; margin: 0 auto; }
    .gorsel .gorsel_icresim {#position: absolute; #top: 50%; #left:50%; display: table-cell; vertical-align: middle; }
    .gorsel .gorsel_enicresim { max-width: 190px; max-height: 114px; #position: relative; #top: -50%; #left:-50%; }
.gorsel_resimbaslik { width: 204px; height: auto; padding-top: 5px; font-size:16px; color: #1d326b; }
/* İÇERİKLER */

/* ANASAYFA */
.icerik_gorselleri { width: 100%; height: 166px; margin-top: 20px; }
.icerik_gorselleri_ortala { padding: 15px; }
.sol_ok { outline: none; cursor: pointer; float: right; position: relative; top: 42%; margin-right: 10px; }
.sag_ok { outline: none; cursor: pointer; float: left; position: relative; top: 42%; margin-left: 10px; }
#icerik_gorselleri { width: 100%; height: 158px !important; overflow: hidden; margin: 0px auto; }
    #icerik_gorselleri li { list-style: none; display: block; height: 158px; width: 184px; float: left; }


.anasayfa_li { width: 310px; height: auto; float: left; background: url(../img/bg1.png) no-repeat top left; padding: 13px 0px 0px 20px; margin-top: 30px; }
.anasayfa_baslik { color: #1d326b; font-size:19px;font-weight:700; }
#yenilikler { width: 278px; height: auto; overflow: hidden; }
    #yenilikler li { list-style: none; display: block; height: 220px; width: auto; }
.yenilik_resim { width: 100%; height: 79px; overflow: hidden; margin-bottom: 20px; }
.yenilik_baslik { color: #303030; font-size:15px;font-weight:700; padding-bottom: 3px; }
.yenilik_icerik { padding-bottom: 15px; }
/* ANASAYFA */

/* Sayfalama */
.sayfalama { width: 100%; height: 40px; margin-top: 10px; background: url(../img/referans-sayfa-bg.png) repeat-x; color: #9aa0aa; text-decoration: none; text-align: center; font-weight: bold; font-size: 16px; }
    .sayfalama a { background: url(../img/brd3.png) no-repeat left; text-decoration: none; padding: 3px 7px 3px 7px; text-align: center; }
    .sayfalama span { float: right; padding: 7px 6px 0px 8px; }
        .sayfalama span span { float: none; background: #eee; }
    .sayfalama .arrow { font-size: 14px; font-weight: bold; color: #acacac; }
    .sayfalama .pageno { background: url(../img/brd3.png) no-repeat left 6px; font-weight: normal; padding: 8px 6px 0px 8px; }
        .sayfalama .pageno b { color: #25b3e8; }
    .sayfalama .arrowdisabled { color: #e3e3e3; }
/* Sayfalama */