/* ------------------------------------------------------------ *
	
	Project Name	: Medsinai
	DATE			: 07.03.2013
    CODER           : Ahmet KARATUFAN (thekaratufan@hotmail.com)
    XHTML           : Ahmet KARATUFAN (thekaratufan@hotmail.com)    

* ------------------------------------------------------------ */
@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: 0px; padding: 0px; }
body { font: normal 12px Arial; color: #4c4c4c; background: #f9f9f9; }
a { color: #003a52; text-decoration: none; }
    a:hover { text-decoration: none; color: #4c4c4c; }
img { border: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; vertical-align: top; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; background: none; border: none; }
    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; }
.left { width: auto; height: auto; float: left; }
.right { width: auto; height: auto; float: right; }
.goster { display: block !important; }
.gizle { display: none !important; }

.ortala { width: 930px; padding: 0px 15px 0px 15px; background: #fff; margin-left: 22px; }
#medsinai { width: 1004px; min-height: 304px; background: url(../img/bg.png) no-repeat; margin: 0px auto; }
#header { width: 100%; min-height: 143px; }
.header-sol { width: 400px; height: auto; float: left; padding-top: 10px; position: relative; z-index: 99; }
.header-sag { width: 530px; height: auto; float: left; }

#ustmenu { width: 200px; height: auto; float: left; padding-top: 12px; }
#dil { width: 80px; height: auto; float: left; }
    #dil .dil { float: left; margin-left: 10px; padding-top: 12px; font: normal 16px itcdemi; color: #8d8d8d; }
    #dil .dil-aktif { background: url(../img/ar1.gif) no-repeat top center; padding-top: 12px; }

#menuler { width: 100%; height: 38px; font: normal 18px myriadpro_boldcond; color: #fff; margin-top: -13px; background: url(../img/menubg-x.gif) repeat-x; float: left; position: relative; z-index: 9; }
    #menuler ul { margin: 0; }
    #menuler li ul { padding-top: 7px; left: -2px; background: url(../img/ar2.png) no-repeat top left; padding-top: 16px; }
        #menuler li ul li { /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);*/ }
    #menuler li { white-space: nowrap; display: block; position: relative; margin: 0; padding: 0; z-index: 100; }
    #menuler a { display: block; position: relative; color: #fff; }
        #menuler a:hover { text-decoration: none; color: #0ea4f4; }
    #menuler li.submenu > a { padding-right: 20px; background: url(../img/menu_down_arrow.png) no-repeat right; }
    #menuler > ul > li { float: left; margin-right: 15px; margin-top: 8px; }
        #menuler > ul > li:last-child { margin-right: 0; }
    #menuler li ul { display: none; position: absolute; top: 100%; z-index: 100; }
    #menuler li:hover > ul { display: block; }
    #menuler li ul li.submenu > a { padding-right: 20px; background: #68cff9 url(../img/submenu_left_arrow.png) no-repeat right; color: #000000; }
        #menuler li ul li.submenu > a:hover { color: #fff; }
    #menuler li ul li { border-bottom: 1px solid #5bb6db; /*border-right:1px solid #003a52 */ }
        #menuler li ul li a:hover { color: #d43a32; }
        #menuler li ul li:last-child { border-bottom: 1px solid #5bb6db; }
        #menuler li ul li a { padding: 0 25px 0 12px; line-height: 33px; background: #68cff9; color: #000; }
            #menuler li ul li a:hover { color: #fff; }
        #menuler li ul li ul { top: 0px !important; left: 100% !important; padding: 0 !important; }
.menu-aktif a { color: #0ea4f4 !important; }
    .menu-aktif a:hover { color: #fff !important; }

#haberler { width: 339px; height: 257px; background: #3dbbf6; float: left; }
    #haberler .haberler-ortala { padding: 20px; }
    #haberler .news { font: normal 29px myriadpro_boldcond; color: #fff; padding-bottom: 20px; }
#newsticker { width: 300px; height: 160px; overflow: hidden; }
    #newsticker li { list-style: none; display: block; height: 84px; width: auto; }
#haberler .haber-resmi { width: 122px; height: 53px; float: left; }
    #haberler .haber-resmi img { width: 122px; height: 53px; }
#haberler .haber-icerigi { width: 160px; height: auto; float: right; color: #ffffff; }
    #haberler .haber-icerigi a { color: #ffffff; }
        #haberler .haber-icerigi a:hover { color: #4c4c4c; }

#banner { width: 591px; height: 257px; float: right; }

#arama { width: 339px; height: auto; float: left; margin-top: 15px; }
    #arama .arama { width: 100%; height: 74px; background: url(../img/aramabg.png) no-repeat; }
    #arama .arama-ortala { padding: 5px 10px; }
    #arama .arama-baslik { font: normal 20px myriadpro_boldcond; color: #fff; padding-bottom: 6px; }
    #arama .txtarama { width: 247px; height: 29px; float: left; background: url(../img/txtarama.png) no-repeat; }
        #arama .txtarama input { width: 241px; height: 23px; padding: 3px; color: #7b7b7b; float: left; }
    #arama .btnarama { width: 68px; height: 29px; float: left; background: url(../img/btnarama.png) no-repeat; margin-left: 3px; }
        #arama .btnarama input { width: 68px; height: 29px; font: normal 20px myriadpro_boldcond; color: #fff; }

.anasayfa-iletisim-baslik { font: normal 18px myriadpro_boldcond; color: #003a52; margin-top: 15px; }

.takipedin { margin-top: 10px; }
.sosyal-ag { float: left; margin-right: 10px; }

#hosgeldiniz { width: 549px; height: auto; float: right; margin-top: 15px; margin-right: 15px; }
    #hosgeldiniz .hosgeldiniz-baslik { font: normal 31px myriadpro_boldcond; color: #000; }
    #hosgeldiniz .hosgeldiniz-icerik { padding-top: 20px; }

#motif { width: 355px; height: 168px; float: left; }
#carosel { width: 549px; height: 127px; float: right; margin-top: 15px; margin-right: 15px; background: url(../img/caroselbg.png) no-repeat; position: relative; }
    #carosel .carosel { float: left; padding: 15px 7px; width: 118px; height: 98px; overflow: hidden; }
    #carosel img { width: 118px; height: 98px; }

#footer { width: 960px; height: auto; margin: 0px auto; padding-bottom: 15px; }
.iwt { width: 10%; height: auto; float: right; text-align: right; }
.copy-right { width: 90%; height: auto; float: left; color: #141414; }

#main { width: 100%; height: auto; margin: 20px auto; }

.duyurular { border-bottom: solid 1px #e7e7e7; margin-top: 5px; padding: 12px; background: #f8f8f8; }
    .duyurular:hover { background: #f0f0f0; }
.duyuru-baslik { font-size: 14px; font-weight: bold; color: #434343; padding-bottom: 6px; }
.duyuru-tarih { font-style: italic; padding-bottom: 5px; }
.duyurular a { color: #5a5a5a; }

.altsayfa { border: 6px solid #68cff9; margin-bottom: 6px; }
.baslik { border-bottom: 6px solid #68cff9; background: #003a52; width: 100%; min-height: 17px; padding: 5px 0px 5px 0px; }
    .baslik h1 { font: normal 20px myriadpro_boldcond; color: #fff; line-height: 17px; }
        .baslik h1 a { color: #fff; }
            .baslik h1 a:hover { color: #68cff9; }
.agac-menuli { width: auto; height: 17px; line-height: 17px; float: left; background: url(../img/ar3.gif) no-repeat left; margin-left: 10px; padding-left: 20px; }
.icerik { padding: 15px; }

#sol { width: 234px; height: auto; float: left; background: #f1f1f1; }
#sag { width: 615px; height: auto; float: right; }
    #sag iframe { max-width: 570px; max-height: 200px; }
#sol .sol-ortala { padding: 15px 10px 20px 10px; }
#sol .sol-baslik { font: normal 20px myriadpro_boldcond; color: #003a52; padding-bottom: 20px; }

.imgurun { width: 153px; height: 160px; float: left; }
.imgurun-brd { width: 130px; height: 110px; background: #f1f1f1; }
    .imgurun-brd:hover { background: #e1e1e1; }
.imgurun-resim { width: 118px; height: 98px; margin: 0px auto; padding-top: 6px; overflow: hidden; }
    .imgurun-resim img { max-width: 118px; height: auto; }
.imgurun-baslik { width: 130px; padding-top: 4px; }
    .imgurun-baslik h2 a { color: #4c4c4c; font-size: 11px; }
        .imgurun-baslik h2 a:hover { color: #111; }

.chk-satir { color: #4c4c4c; padding-bottom: 3px; }
    .chk-satir a { color: #4c4c4c; }
        .chk-satir a:hover { color: #003a52; }
.chkbox { background: url(../img/chk.png) no-repeat; padding-left: 20px; }
    .chkbox:hover { background: url(../img/chksecili.png) no-repeat; }
.chkbox_secili { background: url(../img/chksecili.png) no-repeat; padding-left: 20px; }
.secim_kaldir { background: url(../img/delete.png) no-repeat 0px 3px; padding-left: 16px; font-size: 11px; }

.maps { width: 477px; float: right; }
    .maps iframe { width: 477px; height: 200px; }

.sayfalama { text-align: right; font-size: 12px; }
    .sayfalama a { padding: 3px 5px 3px 5px; border: solid 1px #ccc; color: #4c4c4c; }
        .sayfalama a:hover { border: solid 1px #d13b08; }
.sayfalama { padding: 3px 5px 3px 5px; color: #d13b08; }

.garden-landscaping { width: 331px; height: 101px; position: absolute; margin: 0 0 0 199px; }

.detay { width: 380px; float: left; }
.slicknav_menu { display: none; }


/* notebook */
@media (max-width: 966px) {
    #medsinai { width: 98%; background: none; }
    .ortala { width: 100%; margin: 0px; padding: 0px; }

    .header-sol { width: 45%; }
    .header-sag { width: 55%; }
    #footer { width: 100%; }
    .garden-landscaping { position: absolute; right: 9px; margin: 0px; }
}

@media (max-width: 768px) {
    .js #menuler { display: none; }
    .js .slicknav_menu { display: block; }

    .header-sol { width: 100%; float: none; text-align: center; }
    .header-sag { display: table; width: auto; float: none; margin: 10px auto 0; }

    #header { min-height: 114px; }
    .garden-landscaping { display: none; }

    #haberler { width: 250px; height: 257px; }
        #haberler .haber-resmi { float: none; margin: 0 auto; }
        #haberler .haber-icerigi { width: 100%; float: none; height: 30px; overflow-y: hidden; margin-top: 3px; }

    #newsticker { width: 100%; }
        #newsticker li { margin-bottom: 10px; }

    #hosgeldiniz { width: 370px; }

    #banner { width: 480px; }
    #carosel { background: #003A52; width: 95%; float: none; margin: 15px auto 0px; padding: 0px 2.5%; border-radius: 10px; }

    #sol { width: 100%; }
    #sag { width: 100%; margin-top: 15px; }
    .imgurun { width: 173px; height: 170px; margin: 0 auto; }
    .imgurun-brd { width: 170px; }
    .imgurun-baslik { width: 170px; }


    .detay { float: none; width: 100%; }
    .maps { float: none; width: 100%; }
        .maps iframe { width: 100%; }
}

/*ihone 6 Plus - Yatay*/
@media (max-width:736px) {
    #banner { width: 470px; }

    #arama { width: 49%; }
        #arama .arama { background: #58A8BA; border-radius: 10px; display: table; }
        #arama .arama-baslik { text-align: center; }
        #arama .txtarama { margin-bottom: 5px; }
        #arama .btnarama { float: none; margin: 0px auto; display: table; }

    #hosgeldiniz { width: 49%; margin-right: 0px; }
    .imgurun { width: 25%; height: 140px; }
    .imgurun-brd { width: 98%; }
    .imgurun-baslik { width: 100%; text-align: center; }


    #haberler { width: 100%; float: none; margin: 0 auto 10px; height: 300px; }
        #haberler li { height: 92px; }
        #haberler .haber-resmi { float: left; height: auto; width: auto; }
            #haberler .haber-resmi img { height: auto; }
        #haberler .haber-icerigi { float: right; width: 80%; height: 100%; }
}

/*ihone 6 - Yatay*/
@media (max-width: 667px) {
    #banner { width: 400px; }
    .imgurun { height: 150px; }
    #haberler .haber-icerigi { width: 78%; }
}

/* Tablet */
@media (max-width: 603px) {
    #haberler .haber-icerigi { width: 75%; }
}

/* Yan tutuş */
@media (max-width: 568px) {
}

@media (max-width: 480px) {
    #haberler .haber-resmi { width: 30%; }
    #haberler .haber-icerigi { width: 68%; }


    .arama { width: 100%; float: none; display: table; margin-top: 10px; }
    #arama { width: 100%; float: none; margin-top: 0px; }
        #arama .txtarama { margin-left: 20%; }
        #arama .btnarama { float: left; margin-left: 5px; }
    .iletisim_kismi { width: 100%; float: none; }

    #hosgeldiniz { width: 100%; float: none; }

    .imgurun { width: 33%; }
    .imgurun-resim { width: 100%; }
}

/* ihone 6 Plus - Dikey */
@media (max-width: 414px) {
    #haberler .haber-icerigi { width: 65%; }
    #arama .txtarama { margin-left: 10%; }
	.altsayfa .baslik {display:table;}
	.baslik h1 {font: normal 15px myriadpro_boldcond;}
}

/* ihone 6 - Dikey */
@media (max-width: 375px) {
    #arama .txtarama { float: none; margin: 0 auto 5px; }
    #arama .btnarama { float: none; margin: 0 auto; }

    #haberler .haber-resmi { width: 40%; }
    #haberler .haber-icerigi { width: 60%; }
}

/* Samsung s4, sony xperia z */
@media (max-width: 360px) {
    .imgurun { width: 50%; }
    .imgurun-resim { text-align: center; }
}

/* iPhone 4-5 */
@media (max-width: 320px) {
    #haberler .haber-icerigi { width: 52%; }
}