@charset "utf-8 ";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 17px;
	background-color:#f7f7f7;
}

ol, ul {
    list-style: none;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
    padding: 0;
    margin: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

a {
    text-decoration: none;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #f7f7f7;
    font-family: 'Roboto', sans-serif;
}


table {
    border-collapse: separate;
    border-spacing: 0;
    background-color: #f6f6f6;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    width: 100%;
    clear: both;
    margin-bottom: 27px;
}

thead {
}

th {
    vertical-align: middle;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    font-weight: bold;
    color: #555;
    background-color: #f6f6f6;
}

tr {
    line-height: 18px;
}

td {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
    color: #666;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 9px;
    line-height: 18px;
    vertical-align: middle;
    background-color: #fdfdfd;
}

tr:hover > td {
    background: #fff;
}

.shadow {
    box-shadow: 0 1px 1px 0 #d3d3d3;
}


.container {
    width: 100%;
    padding: 0;
    margin: 0;
}

.anatablo {
    width: 960px;
    margin: auto;
}

    .anatablo div,
    .anatablo img,
    .anatablo img {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -kthtml-transition: all .3s linear;
    }

.tepe-alan {
    width: 100%;
    border-bottom: 1px dotted #dddddd;
}

.tepe-alan-ic {
    width: 960px;
    padding: 5px 0;
    margin: auto;
}

    .tepe-alan-ic a {
        margin-right: 5px;
        color: #333;
        font-size: 13px;
        line-height: 20px;
    }

    .tepe-alan-ic i {
        margin-right: 5px;
        color: #bb0000;
        font-size: 13px;
        line-height: 20px;
    }

.ust-alan {
    width: 100%;
    background-color:#f7f7f7;
}

.ust-alan-ic {
    width: 960px;
    margin: auto;
	position:relative; 
}

.logo {
    width: 960px;
    height: 140px;
    padding: 0; 
	background-image:url(/images/logo.png);
}

.ustuyelik {position:absolute; top:55px; right: 0px; z-index:99999999; border-radius:5px; background-color:#fff;padding:10px; width:110px; text-align:center}
.ustuyelik a { font-size:14px; font-weight:500; color: #000; margin-right:10px; }
.ustuyelik i { font-size:16px; font-weight:500; color: #000; margin-right:2px }
.ustuyelik p { font-size:14px; font-weight:500; color: #000; }
.ustuyelik a:hover { color: #F26262; }
.ustuyelik i:hover { color: #F26262; }

.ustsosyal {position:absolute; top:55px; left: 0px; z-index:99999999; padding:10px; width:205px; text-align:left}
.ustsosyal a { font-size:14px; font-weight:500; color: #000; margin-right:5px; background-color:#fff;padding:10px 13px; border-radius:100%;}
.ustsosyal i { font-size:14px; font-weight:500; color: #000; }


.ust-banner {
    width: 728px;
    height: 90px;
    padding: 5px 0;
    float: right;
}

.anamenu {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 4px solid #f8f8f8;
    background-color: #fff!important;
	border:1px solid #eaeaea;
		border-right:0;
		border-left:0;
		box-shadow: 0 5px 5px 0 rgb(0 0 0 / 3%);

}

.anamenu-ic {
    width: 960px;
    margin: auto;
}

.kayanyazi {border: 1px solid #eaeaea;
 width:960px;margin:auto;
 margin-bottom:25px;background: #fff;height: 40px;overflow:hidden;}

.scroll-left {
 width:1400px;
 position: relative;
 color: #000;
 height: 40px;
 
}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 40px;
 text-align: center;
 /* Starting position */
 transform:translateX(100%);
 /* Apply animation to this element */
 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left {
 0%   {
 transform: translateX(100%); 		
 }
 100% {
 transform: translateX(-100%); 
 }
}




.ustmenu {width:100%; height:55px;}
.ustmenu li {padding:0 44px;float:left;}
.ustmenu li:nth-child(1) {padding:0 35px 0 0;float:left;}
.ustmenu li:nth-child(1) i {margin-left:10px;}
.ustmenu li:hover {background-color: #dee6eb;transition: all .2s ease-in-out}
.ustmenu li:hover a{color: #112a4a;transition: all .2s ease-in-out}
.ustmenu li:hover i{color: #112a4a;transition: all .2s ease-in-out}
.ustmenu li a {font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    color: #112a4a;
    letter-spacing: -0.5px; line-height:55px;transition: all .2s ease-in-out}
	
.ustmenu li i {font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #112a4a;
    margin-right:10px; line-height:55px;transition: all .2s ease-in-out}


.manset-kolon {
    width: 960px;
    margin-bottom: 0;
}

.manset-sol-kolon {
    width: 655px;
    margin-right: 5px;
    float: left;
}

.manset-sag-kolon {
    width: 300px;
    float: left;
}

.sol-kolon {
    width: 640px;
    margin-right: 20px;
    float: left;
}

.sag-kolon {
    width: 300px;
    float: left;
}


/*B:Altmanset*/
#altmanset {
    display: block;
    float: left;
    margin: 0;
    width: 640px !important;
    height: 335px;
    overflow: hidden;
    background: #FFF;
    margin-bottom: 20px;
    /* -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px #888; */
}

    #altmanset ul {
        position: relative;
        margin: 0;
        padding: 0;
        width: 640px;
        z-index: 500;
    }

        #altmanset ul li {
            position: absolute;
            display: block;
            width: 640px;
            height: 335px;
            overflow: hidden;
            margin: 0;
            padding: 0;
            border: 0px solid red;
        }



#altmanset_pager {
    position: relative;
    display: block;
    margin-left: 17px;
    top: 300px;
    width: 620px;
    z-index: 600;
}

    #altmanset_pager span {
        display: table;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #FDFDFD;
        color: #333;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        margin-right: 6px;
        float: left !important;
        box-shadow: 0 0 3px #111;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 200.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; /* -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4); */
    }

        #altmanset_pager span:hover {
            box-shadow: 0 0 0;
            cursor: pointer;
            color: #FFF;
            background: #bb0000;
            margin-right: 6px;
            float: left;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 200.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; /* -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4); */
        }

    #altmanset_pager .mn_selected {
        box-shadow: 0 0 0;
        color: #FFF;
        background: #4db2ec !important;
        float: left;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 200.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; /* -moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,0.4); */
    }

#altmanset .mn-abstract {
    position: absolute;
    display: table;
    overflow: hidden;
    z-index: 499;
    width: 645px;
    padding: 10px 15px 40px 15px;
    background: url(images/anamanset_spot_bg.png) bottom left;
    bottom: 0px;
    /*box-shadow: 0 0 15px rgba(255,255,255,0.36);*/
}

    #altmanset .mn-abstract .mn-title {
        display: table;
        width: 580px;
        max-height: 74px;
        overflow: hidden;
        margin-bottom: 2px;
        color: #FFF;
        font-weight: 600;
        font-size: 30px;
        line-height: 34px;
        text-shadow: 1px 1px 3px #111;
    }

    #altmanset .mn-abstract .mn-spot {
        display: none !important;
        width: 580px;
        height: 40px;
        overflow: hidden;
        margin-bottom: 2px;
        color: #FFF;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        text-shadow: 1px 1px 3px #111;
    }

    #altmanset .mn-abstract .mn-date {
        display: table;
        width: 580px;
        color: #DDD;
        font-weight: 200;
        font-size: 12px;
        text-shadow: 1px 1px 2px #111;
    }

#altmanset .sm-social {
    position: relative;
    display: table;
    z-index: 499;
    width: 140px;
    margin-top: -40px;
    margin-left: 10px;
}

#altmanset .paylas-face {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
}

    #altmanset .paylas-face img {
        width: 20px;
        height: 20px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 1;
    }

        #altmanset .paylas-face img:hover {
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            opacity: .75;
        }

#altmanset .paylas-twit {
    width: 20px;
    height: 20px;
    float: left;
}

    #altmanset .paylas-twit img {
        width: 20px;
        height: 20px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 1;
    }

        #altmanset .paylas-twit img:hover {
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            opacity: .75;
        }

.spot-gizle, .li_gizle {
    display: none !important;
}

._spot_gizle_ {
    display: none !important;
}
/*E:Altmanset*/

.sur-manset {
    width: 960px;
    margin-bottom: 20px;
}

    .sur-manset li {
        width: 237px;
        margin-right: 4px;
        float: left;
    }

        .sur-manset li:nth-of-type(4n+4) {
            width: 237x;
            margin-right: 0;
            float: left;
        }

        .sur-manset li .haber-resim {
            width: 237px;
            height: 135px;
            overflow: hidden;
            margin-bottom: 5px;
        }

        .sur-manset li .haber-text {
            width: 237px;
            height: 40px;
            overflow: hidden;
        }

            .sur-manset li .haber-text .baslik {
                font-size: 14px;
                color: #000;
                font-weight: 600;
                line-height: 20px;
            }

            .sur-manset li .haber-text .spot {
                font-size: 13px;
                color: #333;
                font-weight: 400;
                line-height: 20px;
            }

.ana-piyasalar {
    width: 958px;
    background-color: #f8f8f8;
    border: 1px solid #ff9201;
    margin-bottom: 20px;
}

.ana-piyasalar-baslik {
    width: 150px;
    padding: 10px;
    background-color: #ff9201;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    color: #fff;
    float: left;
}

.ana-piyasalar-veri {
    width: 765px;
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 36px;
    color: #000;
    float: left;
}

    .ana-piyasalar-veri i {
        margin-left: 25px;
        margin-right: 5px;
    }

        .ana-piyasalar-veri i:first-child {
            margin-left: 0;
            margin-right: 5px;
        }

    .ana-piyasalar-veri p {
        margin-right: 15px;
    }

.manset-sag-kolon {
    width: 300px;
}

    .manset-sag-kolon li {
        width: 300px;
        height: 165px;
        margin-bottom: 5px;
    }

        .manset-sag-kolon li:nth-of-type(2) {
            width: 300px;
            height: 165px;
            margin-bottom: 0;
        }

.haber-alan {
    width: 960px;
    min-height: 300px;
    margin: auto;
}

.sol-haber-alan {
    width: 640px;
    margin-right: 20px;
    float: left;
}

.sol-haber-alan-baslik {
    width: 640px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
    
	height:50px;
	
}

h1.margin-bottom-15 {
    margin-bottom: 23px!important;
    font-size: 16px;
    line-height: 20px;
    position: relative;
	padding:15px 0;
}

h1.margin-bottom-15 b {
    background-color: #0a3d62;
	padding:15px;
	color:#fff;
}

h1 b:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 12px;
    display: inline-block;
    right: -11px;
	
}

h1.margin-bottom-15:after {
    height: 100%;
    top: 0;
    margin-top: 0;
     background: url(/images/titlestripe.png);
	 opacity: .13;    
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    display: inline-block;
}


.sag-haber-alan {
    width: 300px;
    float: left;
}

.sag-haber-alan-baslik {
    width: 278px;
    padding: 12px 10px;
	background-color:#fff;
	border: 1px solid #eaeaea;
	border-bottom:0
	
    
}


.sag-haber-alan-baslik h2 {
    margin-bottom: 0px !important;
    font-size: 16px;
    line-height: 36px;
    position: relative;
    height: 40px;
    color: #333;
    text-transform: uppercase;
}


.sag-haber-alan-baslik h2:before {
    border-top-color: #071b37;
    border-top: 5px solid #071b37;
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    left: 0;
    border-left: 0;
    border-top-color: #F26262;
    border-right: 5px solid transparent;
    border-top: 5px solid #F26262;
}

.sag-haber-alan-baslik h2:after {
    background: #071b37;
	content: "";
    background: #F26262;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.hakkimda {position:relative}
.hakkimda .black {display:none;width:278px;height:299px;margin:15px 10px 10px 10px}
.hakkimda:hover .black{background-image:url(/images/black.png);position:absolute;top:0;left:0;display:inline;z-index:9999999}

.sag-haber-kutular {
    width: 278px;
    padding: 15px 10px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    border-top: 0;
}


.sag-haber-kutular p{
    font-size: 13px;
	line-height:22px;
	color:#000;
}

.alt-sag-haber-kutular {
    width: 278px;
    padding: 15px 10px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    border-top: 0;
}

.ustanaliz {width:470px;margin-right:20px;border-radius:5px;background-color:#fff;border: 1px solid #eaeaea; float:left; height:100px; padding:15px; box-sizing:border-box; margin-bottom:25px;}
.analizbaslik {
    font-size: 22px;
	line-height:70px;
	color:#fff;
	font-weight:600
}

.login {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
}

.login p {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 25px;
}

.buton {
    min-height: 43px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F26262;
    border: 2px solid #F26262;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 40px;
    display: inline-block;
}




.haber-detay input[type=text] {
    outline: 0;
    padding: 8px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Lucida Grande",sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9;
    width: 258px;
    margin-bottom: 5px;
}

.haber-detay input[type=password] {
    outline: 0;
    padding: 8px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Lucida Grande",sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9;
    width: 258px;
    margin-bottom: 5px;
}

.haber-detay select {
    outline: 0;
    padding: 8px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Lucida Grande",sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9;
    width: 258px;
    margin-bottom: 5px;
}

.haber-detay textarea {
    outline: 0;
    padding: 8px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Lucida Grande",sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9;
    width: 258px;
    margin-bottom: 5px;
}

.haber-detay button[type=submit] {
    min-height: 43px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F26262;
    border: 2px solid #F26262;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 40px;
    display: inline-block;
}

.login input[type=text] {
    outline: 0;
    padding: 16px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Lucida Grande",sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    width: 100%;
    margin-bottom: 5px;
	box-sizing: border-box;
}

.login input[type=password] {
    outline: 0;
    padding: 16px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Lucida Grande",sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    width: 100%;
    margin-bottom: 5px;
	box-sizing: border-box;
}



.alt-sag-haber-kutular .liste {
    width: 278px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
}

    .alt-sag-haber-kutular .liste li {
        width: 278px;
        font-size: 13px;
        font-weight: 400;
        color: #000;
        line-height: 20px;
        padding: 5px 0;
        border-bottom: 1px solid #dddddd;
    }

    .alt-sag-haber-kutular .liste a {
        font-size: 13px;
        font-weight: 600;
        color: #000;
        line-height: 20px;
    }

.sag-haber-kutular .yazar {
    font-size: 14px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
}

.sag-haber-kutular .haber-resim {
    width: 75px;
    float: left;
}

.sag-haber-kutular .haber-metin {
    width: 190px;
    float: left;
    margin-left: 13px;
}

.sag-haber-kutular .haber-metin-tam {
    width: 278px;
    float: left;
}

.sag-haber-kutular .yazi {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

.sag-haber-kutular .spot {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

.alt-sag-haber-kutular .yazar {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #000;
}

.alt-sag-haber-kutular .haber-resim {
    width: 75px;
    float: left;
}

.alt-sag-haber-kutular .haber-metin {
    width: 190px;
    float: left;
    margin-left: 13px;
}

.alt-sag-haber-kutular .haber-metin-tam {
    width: 278px;
    height: 263px;
    float: left;
}

.alt-sag-haber-kutular .yazi {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

.alt-sag-haber-kutular .spot {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
}

.sag-galeri {
    width: 260px;
    padding: 20px;
    background-color: #1E798A;
    margin-bottom: 20px;
}

.sag-galeri-baslik {
    width: 260px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.sag-galeri-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px;
    color: #fff;
}

.sag-video {
    width: 260px;
    padding: 20px;
    background-color: #bb0000;
    margin-bottom: 20px;
}

.sag-video-baslik {
    width: 260px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.sag-video-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px;
    color: #fff;
}

.sag-banner {
    width: 300px;
    background-color: #fff;
    margin-bottom: 20px;
}

.haberler {
    width: 640px;
    padding: 0 0 20px 0;
    min-height: 300px;
}

#haber-detay-etiket {
    width: 640px;
    margin-bottom: 30px;
}

    #haber-detay-etiket a {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #333;
        padding: 5px;
        background-color: #f8f8f8;
        margin-right: 15px;
    }

.yorum-ekle {
    margin-top: 20px;
}

    .yorum-ekle > h4 {
        margin-bottom: 15px;
    }

    .yorum-ekle input,
    .yorum-ekle button,
    .yorum-ekle textarea {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        width: 620px;
        padding: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .yorum-ekle button {
        width: inherit;
        margin-top: 0;
    }

.haber-yorumlar {
    width: 630px;
    font-size: 13px;
}

    .haber-yorumlar > ul > li {
        border-bottom: #e0e0e0 1px solid;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

        .haber-yorumlar > ul > li > p {
            padding: 5px 0;
        }

            .haber-yorumlar > ul > li > p > span {
                font-size: 10px;
                color: #999;
            }


.haber-detay {
    width: 640px;
    padding: 20px 0;
    min-height: 300px;
    padding-top: 0;
}

    .haber-detay h1 {
        width: 640px;
        font-size: 20px;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 10px;
        color: #000;
    }

.yol {
    padding: 9px 5px;
    width: 620px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
}

    .yol a {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #333;
    }

    .yol i {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #333;
    }

.haber-detay-resim {
    width: 640px;
    padding: 20px 0;
    min-height: 300px;
}

.haber-detay-spot {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
}

.haber-detay-text {
    width: 640px;
    margin-bottom: 30px;
}

    .haber-detay-text p {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        color: #000 !important;
		font-family: 'Roboto', sans-serif !important;
    }
	
	.haber-detay-text span {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        color: #000 !important;
		font-family: 'Roboto', sans-serif !important;
    }

.haber-detay form {
        margin-top:25px;
    }


#haber-detay-etiket {
    width: 640px;
    margin-bottom: 30px;
}

    #haber-detay-etiket a {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #333;
        padding: 5px;
        background-color: #f8f8f8;
        margin-right: 15px;
    }

.liste-kutu-haberler li {
    width: 310px;
    height: 280px;
    margin-right: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
	border: 1px solid #e6e6e6;
	padding:15px;
	background-color:#fff;
	box-sizing: border-box;
}

    .liste-kutu-haberler li:nth-of-type(2n+2) {
        margin-right: 0px;
    }

    .liste-kutu-haberler li .haber-resim {
        width: 280px;
        height: 185px;
        overflow: hidden;
        margin-bottom: 10px;
    }
	
	
	.liste-kutu-haberler li .haber-resim:hover img {
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    overflow: hidden;
	
	}

    .liste-kutu-haberler li .haber-text {
        width: 200px;
        overflow: hidden;
    }

    .liste-kutu-haberler li .kategori {
        font-size: 11px;
        color: #9b9b9b;
        font-weight: 400;
        line-height: 20px;
    }

    .liste-kutu-haberler li .baslik {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        line-height: 20px;
    }

    .liste-kutu-haberler li .spot {
        font-size: 12px;
        color: #333;
        font-weight: 400;
        line-height: 20px;
    }


.ana-liste-kutu-haberler li {
    width: 310px;
    height: 250px;
    margin-right: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
	box-sizing: border-box;
	position:relative;
}

    .ana-liste-kutu-haberler li:nth-of-type(2n+2) {
        margin-right: 0px;
    }

    .ana-liste-kutu-haberler li .haber-resim {
        width: 310px;
        height: 185px;
        overflow: hidden;
        margin-bottom: 10px;
    }
	
	
	.ana-liste-kutu-haberler li .haber-resim:hover img {
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    overflow: hidden;
	
	}

    .ana-liste-kutu-haberler li .haber-text {
        width: 280px;
        overflow: hidden;
		background-color: #fff;
    z-index: 999999999;
    height: 90px;
    position: absolute;
    top: 150px;
    left: 15px;
    padding: 15px;
    box-sizing: border-box;
	transition: all .25s ease-in-out;
    }
	
	.ana-liste-kutu-haberler li:hover .haber-text {
    background-color:#dee6eb;
	transition: all .25s ease-in-out;
	
    }

    .ana-liste-kutu-haberler li .kategori {
        font-size: 11px;
        color: #9b9b9b;
        font-weight: 400;
        line-height: 20px;
    }

    .ana-liste-kutu-haberler li .baslik {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        line-height: 20px;
    }

    .ana-liste-kutu-haberler li .spot {
        font-size: 12px;
        color: #333;
        font-weight: 400;
        line-height: 20px;
    }



.listehaberler li {
    width: 640px;
    height: 133px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .listehaberler li .haber-resim {
        width: 200px;
        height: 133px;
        overflow: hidden;
        float: left;
        margin-right: 10px;
    }

    .listehaberler li .haber-text {
        width: 410px;
        height: 133px;
        overflow: hidden;
        float: left;
    }

    .listehaberler li .kategori {
        font-size: 11px;
        color: #9b9b9b;
        font-weight: 400;
        line-height: 20px;
    }

    .listehaberler li .baslik {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        line-height: 26px;
    }

    .listehaberler li:hover .baslik {
        font-size: 16px;
        color: #bb0000;
        font-weight: 600;
        line-height: 26px;
        transition: all 0.5s ease;
    }

    .listehaberler li .spot {
        font-size: 13px;
        color: #333;
        font-weight: 400;
        line-height: 20px;
    }

.editor-secim {
    width: 260px;
    padding: 20px;
    min-height: 335px;
    background-color: #30404e;
    margin-bottom: 20px;
}

.editor-secim-baslik {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.editor-secim li {
    width: 260px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px dotted #999;
}

    .editor-secim li .haber-resim {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .editor-secim li .haber-text {
        width: 260px;
    }

        .editor-secim li .haber-text a {
            font-size: 13px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
            transition: all 0.5s ease;
        }

.saglik-haber {
    background-color: #189f99;
    width: 300px;
    padding: 10px;
    margin-right: 20px;
    float: left;
    min-height: 430px;
}

.saglik-haber-baslik {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 36px;
    color: #fff;
}

.saglik-haber li {
    width: 280px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px dotted #999;
}

    .saglik-haber li .haber-resim {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .saglik-haber li .haber-text {
        width: 280px;
    }

        .saglik-haber li .haber-text a {
            font-size: 13px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
        }

    .saglik-haber li:hover {
        width: 280px;
        height: 80px;
        overflow: hidden;
        padding: 5px 0;
    }

        .saglik-haber li:hover .haber-resim {
            width: 80px !important;
            height: 80px !important;
            margin-right: 10px !important;
            float: left !important;
            visibility: visible;
        }

        .saglik-haber li:hover .haber-text {
            width: 190px;
            float: left;
        }

            .saglik-haber li:hover .haber-text a {
                font-size: 13px;
                font-weight: 400;
                color: #fff;
            }

.teknoloji-haber {
    background-color: #3aa9d0;
    width: 280px;
    padding: 10px;
    margin-right: 20px;
    float: left;
    min-height: 430px;
}

.teknoloji-haber-baslik {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 36px;
    color: #fff;
}

.teknoloji-haber li {
    width: 280px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px dotted #999;
}

    .teknoloji-haber li .haber-resim {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .teknoloji-haber li .haber-text {
        width: 280px;
    }

        .teknoloji-haber li .haber-text a {
            font-size: 13px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
        }

    .teknoloji-haber li:hover {
        width: 280px;
        height: 80px;
        overflow: hidden;
        padding: 5px 0;
    }

        .teknoloji-haber li:hover .haber-resim {
            width: 80px !important;
            height: 80px !important;
            margin-right: 10px !important;
            float: left !important;
            visibility: visible;
        }

        .teknoloji-haber li:hover .haber-text {
            width: 190px;
            float: left;
        }

            .teknoloji-haber li:hover .haber-text a {
                font-size: 13px;
                font-weight: 400;
                color: #fff;
            }

.kultursanat-haber {
    background-color: #381a6d;
    width: 280px;
    padding: 10px;
    float: left;
    min-height: 430px;
}

.kultursanat-haber-baslik {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 36px;
    color: #fff;
}

.kultursanat-haber li {
    width: 280px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px dotted #999;
}

    .kultursanat-haber li .haber-resim {
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .kultursanat-haber li .haber-text {
        width: 280px;
    }

        .kultursanat-haber li .haber-text a {
            font-size: 13px;
            line-height: 30px;
            font-weight: 400;
            color: #fff;
        }

    .kultursanat-haber li:hover {
        width: 280px;
        height: 80px;
        overflow: hidden;
        padding: 5px 0;
    }

        .kultursanat-haber li:hover .haber-resim {
            width: 80px !important;
            height: 80px !important;
            margin-right: 10px !important;
            float: left !important;
            visibility: visible;
        }

        .kultursanat-haber li:hover .haber-text {
            width: 190px;
            float: left;
        }

            .kultursanat-haber li:hover .haber-text a {
                font-size: 13px;
                font-weight: 400;
                color: #fff;
            }

.alt-uclu {
    width: 960px;
    margin-bottom: 20px;
}

.footer {
    width: 100%;
    background-color: #333;
}

.footer-ic {
    width: 960px;
    margin: auto;
    padding: 20px 0;
    font-size: 12px;
    line-height: 18px;
    color: #a9a9a9;
}

.footer-ic-sol {
    width: 640px;
    margin-right: 20px;
    float: left;
}

    .footer-ic-sol li {
        width: 640px;
        padding: 10px 0;
        border-bottom: 1px dotted #666;
    }

        .footer-ic-sol li .baslik {
            font-size: 13px;
            font-weight: 600;
            color: #999;
            margin-right: 15px;
        }

        .footer-ic-sol li a {
            font-size: 13px;
            font-weight: 400;
            color: #fff;
            margin-right: 10px;
            line-height: 22px;
        }

.footer-ic-sag {
    width: 300px;
    padding-top: 25px;
    float: left;
}


.anaManset {
    display: block;
    height: 450px;
    margin: 0 auto 0;
    position: relative;
    width: 960px;
    margin-bottom: 25px;
    overflow: hidden;
}

    .anaManset li.banner img {
        margin: 0 auto;
        width: 960px;
        height: 450px;
        position: relative;
    }

    .anaManset .mn-title {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 150px;
    left: 250px;
    z-index: 999;
    text-shadow: 2px 2px 2px #000;
    width: 650px;
    height: 450px;
    padding: 15px 15px;
    box-sizing: border-box;
    /* background-color: rgba(21, 52, 98, 0.60); */
    line-height: 50px;
}
.anaManset .mn-spot {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 250px;
    left: 250px;
    z-index: 999;
    text-shadow: 2px 2px 2px #000;
    width: 650px;
    height: 450px;
    padding: 15px 15px;
    box-sizing: border-box;
    /* background-color: rgba(21, 52, 98, 0.60); */
    line-height: 28px;
}
    }
	

    .anaManset .bx-prev,
    .anaManset .bx-next {
        height: 53px;
        top: 160px;
        width: 34px;
        position: absolute;
        text-indent: -99999px;
        z-index: 999;
    }

    .anaManset .bx-prev {
        background: url('../images/bxprev.png') no-repeat;
        left: 20px;
    }

    .anaManset .bx-next {
        background: url('../images/bxnext.png') no-repeat;
        right: 20px;
    }

    .anaManset .bx-wrapper .bx-pager {
        position: absolute;
        bottom: 15px;
        width: 100%;
        height: 15px;
    }

    .anaManset .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .anaManset .bx-wrapper .bx-pager .bx-pager-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .anaManset .bx-wrapper .bx-pager a {
            background: #fff;
            text-indent: -9999px;
            display: block;
            width: 15px;
            height: 15px;
            margin: 0 5px 0 0;
            outline: 0;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
        }

            .anaManset .bx-wrapper .bx-pager a:hover,
            .anaManset .bx-wrapper .bx-pager a.active {
                background: #426798;
				width: 40px;
				height: 15px;
				border-radius: 8px;
            }

/*  ============================================================
    MENÜ
    ============================================================  */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
}

    #cssmenu:after,
    #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #cssmenu #menu-button {
        display: none;
    }

#cssmenu {
    background-color: transparent;
}

    #cssmenu > ul > li {
        float: left;
    }

    #cssmenu.align-center > ul {
        font-size: 0;
        text-align: center;
    }

        #cssmenu.align-center > ul > li {
            display: inline-block;
            float: none;
        }

    #cssmenu.align-center ul ul {
        text-align: left;
    }

    #cssmenu.align-right > ul > li {
        float: right;
    }

    #cssmenu > ul > li > a {
        padding: 10px 35px;
        font-size: 14px;
        line-height: 32px;
        font-weight: 600;
        letter-spacing: 1px;
        text-decoration: none;
        color: #fff;
        letter-spacing: -0.5px;
    }

    #cssmenu > ul > li:hover > a {
        color: #FFF;
        background-color: #15345c;
    }

    #cssmenu > ul > li.has-sub > a {
        padding-right: 30px;
    }

        #cssmenu > ul > li.has-sub > a:after {
            position: absolute;
            top: 22px;
            right: 11px;
            width: 8px;
            height: 2px;
            display: block;
            background: #dddddd;
            content: '';
        }

        #cssmenu > ul > li.has-sub > a:before {
            position: absolute;
            top: 19px;
            right: 14px;
            display: block;
            width: 2px;
            height: 8px;
            background: #dddddd;
            content: '';
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
            -o-transition: all .25s ease;
            transition: all .25s ease;
        }

    #cssmenu > ul > li.has-sub:hover > a:before {
        top: 23px;
        height: 0;
    }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
    }

    #cssmenu.align-right ul ul {
        text-align: right;
    }

    #cssmenu ul ul li {
        height: 0;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    #cssmenu li:hover > ul {
        left: auto;
    }

    #cssmenu.align-right li:hover > ul {
        left: auto;
        right: 0;
    }

    #cssmenu li:hover > ul > li {
        height: 35px;
    }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0;
    }

    #cssmenu.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%;
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid rgba(150, 150, 150, 0.15);
        padding: 11px 15px;
        width: 210px;
        font-size: 13px;
        text-decoration: none;
        color: #fff;
        font-weight: 400;
        background: #333333;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 0px;
    }

    #cssmenu ul ul li:last-child > a,
    #cssmenu ul ul li.last-item > a {
        border-bottom: 0;
    }

    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #ffffff;
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }

    #cssmenu.align-right ul ul li.has-sub > a:after {
        right: auto;
        left: 11px;
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    #cssmenu.align-right ul ul li.has-sub > a:before {
        right: auto;
        left: 14px;
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0;
    }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }

        #cssmenu ul {
            width: 100%;
            display: none;
        }

        #cssmenu.align-center > ul {
            text-align: left;
        }

        #cssmenu ul li {
            width: 100% !important;
            border-top: 1px solid rgba(120, 120, 120, 0.2);
        }

        #cssmenu ul ul li,
        #cssmenu li:hover > ul > li {
            height: auto;
        }

            #cssmenu ul li a,
            #cssmenu ul ul li a {
                width: 100%;
                border-bottom: 0;
            }

        #cssmenu > ul > li {
            float: none;
        }

        #cssmenu ul ul li a {
            padding-left: 25px;
        }

        #cssmenu ul ul ul li a {
            padding-left: 35px;
        }

        #cssmenu ul ul li a {
            color: #dddddd;
            background: none;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #ffffff;
        }

        #cssmenu ul ul,
        #cssmenu ul ul ul,
        #cssmenu.align-right ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left;
        }

            #cssmenu > ul > li.has-sub > a:after,
            #cssmenu > ul > li.has-sub > a:before,
            #cssmenu ul ul > li.has-sub > a:after,
            #cssmenu ul ul > li.has-sub > a:before {
                display: none;
            }

        #cssmenu #menu-button {
            display: block;
            padding: 17px;
            color: #fff;
            cursor: pointer;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
        }

            #cssmenu #menu-button:after {
                position: absolute;
                top: 22px;
                right: 17px;
                display: block;
                height: 4px;
                width: 20px;
                border-top: 2px solid #dddddd;
                border-bottom: 2px solid #dddddd;
                content: '';
            }

            #cssmenu #menu-button:before {
                position: absolute;
                top: 16px;
                right: 17px;
                display: block;
                height: 2px;
                width: 20px;
                background: #dddddd;
                content: '';
            }

            #cssmenu #menu-button.menu-opened:after {
                top: 23px;
                border: 0;
                height: 2px;
                width: 15px;
                background: #ffffff;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            #cssmenu #menu-button.menu-opened:before {
                top: 23px;
                background: #ffffff;
                width: 15px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        #cssmenu .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgba(120, 120, 120, 0.2);
            height: 46px;
            width: 46px;
            cursor: pointer;
        }

            #cssmenu .submenu-button.submenu-opened {
                background: #262626;
            }

        #cssmenu ul ul .submenu-button {
            height: 34px;
            width: 34px;
        }

        #cssmenu .submenu-button:after {
            position: absolute;
            top: 22px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #dddddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:after {
            top: 15px;
            right: 13px;
        }

        #cssmenu .submenu-button.submenu-opened:after {
            background: #ffffff;
        }

        #cssmenu .submenu-button:before {
            position: absolute;
            top: 19px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #dddddd;
            content: '';
        }

        #cssmenu ul ul .submenu-button:before {
            top: 12px;
            right: 16px;
        }

        #cssmenu .submenu-button.submenu-opened:before {
            display: none;
        }


    .container {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .anatablo {
        width: 100%;
        margin: auto;
    }

        .anatablo div,
        .anatablo img,
        .anatablo img {
            -webkit-transition: all .3s linear;
            -o-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -ms-transition: all .3s linear;
            -kthtml-transition: all .3s linear;
        }
		
		.ana-liste-kutu-haberler li .haber-resim {
        width: 100%;
        height: 185px;
        overflow: hidden;
        margin-bottom: 10px;
    }
	
	.ana-liste-kutu-haberler li .haber-resim img {
        width: 100% !important;
        
    }
	
	.alt-sag-haber-kutular {
    width: 100%;
    padding: 15px 10px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 0 solid #eaeaea;
    border-top: 0;
	box-sizing: border-box;

}
		
		.ana-liste-kutu-haberler li {
    width: 100%;
    height: 250px;
    margin-right: 0;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
	box-sizing: border-box;
	position:relative;
}
		
		.ustsosyal {position:absolute; top:105px; left: 20%; z-index:99999999; padding:10px; width:180px; text-align:left}
.ustsosyal a { font-size:14px; font-weight:500; color: #000; margin-right:5px; background-color:#fff;padding:10px 13px; border-radius:100%;}
.ustsosyal i { font-size:14px; font-weight:500; color: #000; }

    .tepe-alan {
        width: 100%;
        border-bottom: 1px dotted #dddddd;
    }

    .tepe-alan-ic {
        width: 94%;
        padding: 5px 0;
        margin: auto;
    }

        .tepe-alan-ic a {
            margin-right: 5px;
            color: #333;
            font-size: 13px;
            line-height: 20px;
        }

        .tepe-alan-ic i {
            margin-right: 5px;
            color: #bb0000;
            font-size: 13px;
            line-height: 20px;
        }

    .ust-alan {
        width: 100%;
		
    }

    .ust-alan-ic {
        width: 94%;
        margin: auto;
    }

    .logo {
        width: 100%;
        height: 100px;
        padding: 25px 0;
		background-image:url(/images/logo.png);
		background-position:center;
    }

    .ust-banner {
        width: 728px;
        height: 90px;
        padding: 5px 0;
        float: right;
        display: none;
    }
	
	.kayanyazi {border: 1px solid #eaeaea;
 width:100%;margin:auto;
 margin-bottom:25px;background: #fff;height: 40px;overflow:hidden;}
    .tasiyici {
        width: 94%;
        margin: auto;
        padding-top: 15px;
    }

    .anamenu {
        width: 100%;
        margin-bottom: 0;
        border-bottom: 0;
        background-color: #bb0000;
		
    }

    .anamenu-ic {
        width: 100%;
        margin: auto;
    }

    


.ustmenu {width:100%; height:auto;}
.ustmenu li:nth-child(1) {
    padding: 0 35px 0 0;
    float: none;
}
.ustmenu li {padding:0 15px;float:none;}
.ustmenu li:hover {background-color: #15345c;}
.ustmenu li a {font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
    letter-spacing: -0.5px;}
	
.ustmenu li i {font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
    margin-right:10px;}
	
	

    .manset-kolon {
        width: 100%;
        margin-bottom: 25px;
    }

    .manset-sol-kolon {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .manset-sag-kolon {
        width: 94%;
        margin: auto;
        float: none;
    }

    .sol-kolon {
        width: 100%;
        margin-right: 20px;
    }

    .sag-kolon {
        width: 10%;
    }


    .sur-manset {
        width: 960px;
        margin-bottom: 20px;
    }

        .sur-manset li {
            width: 237px;
            margin-right: 4px;
            float: left;
        }

            .sur-manset li:nth-of-type(4n+4) {
                width: 237x;
                margin-right: 0;
                float: left;
            }

            .sur-manset li .haber-resim {
                width: 237px;
                height: 135px;
                overflow: hidden;
                margin-bottom: 5px;
            }

            .sur-manset li .haber-text {
                width: 237px;
                height: 40px;
                overflow: hidden;
            }

                .sur-manset li .haber-text .baslik {
                    font-size: 14px;
                    color: #000;
                    font-weight: 600;
                    line-height: 20px;
                }

                .sur-manset li .haber-text .spot {
                    font-size: 13px;
                    color: #333;
                    font-weight: 400;
                    line-height: 20px;
                }

    .ana-piyasalar {
        width: 958px;
        background-color: #f8f8f8;
        border: 1px solid #ff9201;
        margin-bottom: 20px;
    }

    .ana-piyasalar-baslik {
        width: 150px;
        padding: 10px;
        background-color: #ff9201;
        font-size: 18px;
        font-weight: 600;
        line-height: 36px;
        color: #fff;
        float: left;
    }

    .ana-piyasalar-veri {
        width: 765px;
        padding: 10px;
        font-size: 13px;
        font-weight: 400;
        line-height: 36px;
        color: #000;
        float: left;
    }

        .ana-piyasalar-veri i {
            margin-left: 25px;
            margin-right: 5px;
        }

            .ana-piyasalar-veri i:first-child {
                margin-left: 0;
                margin-right: 5px;
            }

        .ana-piyasalar-veri p {
            margin-right: 15px;
        }

    .haber-alan {
        width: 100%;
        min-height: 300px;
        margin: auto;
    }

    .sol-haber-alan {
        width: 100%;
        margin-right: 0px;
        float: none;
    }

    .sol-haber-alan-baslik {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #000;
        
    }


    .sag-haber-alan {
        width: 100%;
        float: none;
    }

    .sag-haber-alan-baslik {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        color: #bb0000;
        background: #fff;
        padding: 12px 0;
        border: 0;
        
    }
	
	

    .sag-haber-kutular {
        width: 100%;
        height: 100%;
        padding: 5px 10px;
        background-color: #fff;
        margin-bottom: 20px;
        border: 0;
        border-top: 0;
		box-sizing:border-box
    }

        .sag-haber-kutular .yazar {
            font-size: 14px;
            font-weight: 600;
            line-height: 16px;
            color: #000;
        }

        .sag-haber-kutular .haber-resim {
            width: 25%;
            float: left;
        }

        .sag-haber-kutular .haber-metin {
            width: 70%;
            float: right;
            margin-left: 0;
        }

        .sag-haber-kutular .haber-metin-tam {
            width: 100%;
            height: 100%;
            float: left;
        }

        .sag-haber-kutular .yazi {
            font-size: 13px;
            font-weight: 400;
            line-height: 18px;
            color: #000;
        }

        .sag-haber-kutular .spot {
            font-size: 13px;
            font-weight: 400;
            line-height: 18px;
            color: #000;
        }

    .sag-galeri {
        width: 260px;
        padding: 20px;
        background-color: #1E798A;
        margin-bottom: 20px;
    }

    .sag-galeri-baslik {
        width: 260px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #fff;
    }

    .sag-galeri-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 10px;
        color: #fff;
    }

    .sag-video {
        width: 260px;
        padding: 20px;
        background-color: #bb0000;
        margin-bottom: 20px;
    }

    .sag-video-baslik {
        width: 260px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #fff;
    }

    .sag-video-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 10px;
        color: #fff;
    }

    .sag-banner {
        width: 300px;
        background-color: #fff;
        margin-bottom: 20px;
    }

    .haberler {
        width: 100%;
        padding: 0 0 20px 0;
        min-height: 300px;
    }

    #haber-detay-etiket {
        width: 100%;
        margin-bottom: 30px;
    }

        #haber-detay-etiket a {
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            color: #333;
            padding: 5px;
            background-color: #f8f8f8;
            margin-right: 15px;
        }

    .yorum-ekle {
        margin-top: 20px;
        display: none;
    }

        .yorum-ekle > h4 {
            margin-bottom: 15px;
        }

        .yorum-ekle input,
        .yorum-ekle button,
        .yorum-ekle textarea {
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            width: 620px;
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .yorum-ekle button {
            width: inherit;
            margin-top: 0;
        }

    .haber-yorumlar {
        width: 630px;
        font-size: 13px;
        display: none;
    }

        .haber-yorumlar > ul > li {
            border-bottom: #e0e0e0 1px solid;
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

            .haber-yorumlar > ul > li > p {
                padding: 5px 0;
            }

                .haber-yorumlar > ul > li > p > span {
                    font-size: 10px;
                    color: #999;
                }


    .haber-detay {
        width: 100%;
        padding: 20px 0;
        min-height: 300px;
        padding-top: 0;
    }

        .haber-detay h1 {
            width: 100%;
            font-size: 20px;
            font-weight: 700;
            line-height: 40px;
            margin-bottom: 10px;
            color: #000;
        }

    .yol {
        padding: 9px 0;
        width: 100%;
        border-bottom: 1px solid #ededed;
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        color: #333;
    }

        .yol a {
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            color: #333;
        }

        .yol i {
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            color: #333;
        }

    .haber-detay-resim {
        width: 100%;
        padding: 20px 0;
        min-height: 300px;
    }

        .haber-detay-resim img {
            width: 100% !important;
            height: 100% !important;
        }

    .haber-detay-spot {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #000;
    }

    .haber-detay-text {
        width: 100%;
        margin-bottom: 30px;
    }

        .haber-detay-text p {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            color: #000;
        }

    #haber-detay-etiket {
        width: 100%;
        margin-bottom: 30px;
    }

        #haber-detay-etiket a {
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            color: #333;
            padding: 5px;
            background-color: #f8f8f8;
            margin-right: 15px;
        }

    .liste-kutu-haberler li {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-bottom: 20px;
        float: none;
    }

        .liste-kutu-haberler li:nth-of-type(3n+3) {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin-bottom: 20px;
            float: none;
        }

        .liste-kutu-haberler li .haber-resim {
            width: 25%;
            height: 100%;
            overflow: hidden;
            margin-right: 0;
            float: left;
        }

            .liste-kutu-haberler li .haber-resim img {
                width: 100% !important;
                height: 100% !important;
            }

        .liste-kutu-haberler li .haber-text {
            width: 70%;
            height: 100%;
            overflow: hidden;
            float: right;
        }

        .liste-kutu-haberler li .kategori {
            font-size: 11px;
            color: #9b9b9b;
            font-weight: 400;
            line-height: 20px;
        }

        .liste-kutu-haberler li .baslik {
            font-size: 14px;
            color: #000;
            font-weight: 600;
            line-height: 20px;
        }

        .liste-kutu-haberler li .spot {
            font-size: 12px;
            color: #333;
            font-weight: 400;
            line-height: 20px;
            display: none;
        }

    .listehaberler li {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .listehaberler li .haber-resim {
            width: 25%;
            height: 100%;
            overflow: hidden;
            float: left;
        }

            .listehaberler li .haber-resim img {
                width: 100% !important;
                height: 100% !important;
            }

        .listehaberler li .haber-text {
            width: 70%;
            height: 100%;
            overflow: hidden;
            float: right;
        }

        .listehaberler li .kategori {
            font-size: 11px;
            color: #9b9b9b;
            font-weight: 400;
            line-height: 20px;
        }

        .listehaberler li .baslik {
            font-size: 16px;
            color: #000;
            font-weight: 600;
            line-height: 26px;
        }

        .listehaberler li:hover .baslik {
            font-size: 16px;
            color: #bb0000;
            font-weight: 600;
            line-height: 26px;
            transition: all 0.5s ease;
        }

        .listehaberler li .spot {
            font-size: 13px;
            color: #333;
            font-weight: 400;
            line-height: 20px;
            display: none;
        }

    .editor-secim {
        width: 100%;
        padding: 0;
        min-height: 100%;
        background-color: #fff;
        margin-bottom: 20px;
    }

    .editor-secim-baslik {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #000;
    }

    .editor-secim li {
        width: 100%;
        overflow: hidden;
        padding: 5px 0;
        border-bottom: 1px dotted #999;
    }

        .editor-secim li .haber-resim {
            display: none;
            width: 0;
            height: 0;
        }

        .editor-secim li .haber-text {
            width: 100%;
        }

            .editor-secim li .haber-text a {
                font-size: 13px;
                line-height: 30px;
                font-weight: 400;
                color: #000;
                transition: all 0.5s ease;
            }


    .saglik-haber {
        background-color: #189f99;
        width: 300px;
        padding: 10px;
        margin-right: 20px;
        float: left;
        min-height: 430px;
    }

    .saglik-haber-baslik {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 36px;
        color: #fff;
    }

    .saglik-haber li {
        width: 280px;
        overflow: hidden;
        padding: 5px 0;
        border-bottom: 1px dotted #999;
    }

        .saglik-haber li .haber-resim {
            visibility: hidden;
            width: 0;
            height: 0;
        }

        .saglik-haber li .haber-text {
            width: 280px;
        }

            .saglik-haber li .haber-text a {
                font-size: 13px;
                line-height: 30px;
                font-weight: 400;
                color: #fff;
            }

        .saglik-haber li:hover {
            width: 280px;
            height: 80px;
            overflow: hidden;
            padding: 5px 0;
        }

            .saglik-haber li:hover .haber-resim {
                width: 80px !important;
                height: 80px !important;
                margin-right: 10px !important;
                float: left !important;
                visibility: visible;
            }

            .saglik-haber li:hover .haber-text {
                width: 190px;
                float: left;
            }

                .saglik-haber li:hover .haber-text a {
                    font-size: 13px;
                    font-weight: 400;
                    color: #fff;
                }

    .teknoloji-haber {
        background-color: #3aa9d0;
        width: 280px;
        padding: 10px;
        margin-right: 20px;
        float: left;
        min-height: 430px;
    }

    .teknoloji-haber-baslik {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 36px;
        color: #fff;
    }

    .teknoloji-haber li {
        width: 280px;
        overflow: hidden;
        padding: 5px 0;
        border-bottom: 1px dotted #999;
    }

        .teknoloji-haber li .haber-resim {
            visibility: hidden;
            width: 0;
            height: 0;
        }

        .teknoloji-haber li .haber-text {
            width: 280px;
        }

            .teknoloji-haber li .haber-text a {
                font-size: 13px;
                line-height: 30px;
                font-weight: 400;
                color: #fff;
            }

        .teknoloji-haber li:hover {
            width: 280px;
            height: 80px;
            overflow: hidden;
            padding: 5px 0;
        }

            .teknoloji-haber li:hover .haber-resim {
                width: 80px !important;
                height: 80px !important;
                margin-right: 10px !important;
                float: left !important;
                visibility: visible;
            }

            .teknoloji-haber li:hover .haber-text {
                width: 190px;
                float: left;
            }

                .teknoloji-haber li:hover .haber-text a {
                    font-size: 13px;
                    font-weight: 400;
                    color: #fff;
                }

    .kultursanat-haber {
        background-color: #381a6d;
        width: 280px;
        padding: 10px;
        float: left;
        min-height: 430px;
    }

    .kultursanat-haber-baslik {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 36px;
        color: #fff;
    }

    .kultursanat-haber li {
        width: 280px;
        overflow: hidden;
        padding: 5px 0;
        border-bottom: 1px dotted #999;
    }

        .kultursanat-haber li .haber-resim {
            visibility: hidden;
            width: 0;
            height: 0;
        }

        .kultursanat-haber li .haber-text {
            width: 280px;
        }

            .kultursanat-haber li .haber-text a {
                font-size: 13px;
                line-height: 30px;
                font-weight: 400;
                color: #fff;
            }

        .kultursanat-haber li:hover {
            width: 280px;
            height: 80px;
            overflow: hidden;
            padding: 5px 0;
        }

            .kultursanat-haber li:hover .haber-resim {
                width: 80px !important;
                height: 80px !important;
                margin-right: 10px !important;
                float: left !important;
                visibility: visible;
            }

            .kultursanat-haber li:hover .haber-text {
                width: 190px;
                float: left;
            }

                .kultursanat-haber li:hover .haber-text a {
                    font-size: 13px;
                    font-weight: 400;
                    color: #fff;
                }

    .alt-uclu {
        width: 960px;
        margin-bottom: 20px;
    }

    .footer {
        width: 100%;
        background-color: #333;
    }

    .footer-ic {
        width: 94%;
        margin: auto;
        padding: 20px 0;
    }

    .footer-ic-sol {
        width: 100%;
        margin-right: 20px;
        float: none;
    }

        .footer-ic-sol li {
            width: 100%;
            padding: 10px 0;
            border-bottom: 1px dotted #666;
        }

            .footer-ic-sol li .baslik {
                font-size: 13px;
                font-weight: 600;
                color: #999;
                margin-right: 15px;
            }

            .footer-ic-sol li a {
                font-size: 13px;
                font-weight: 400;
                color: #fff;
                margin-right: 10px;
                line-height: 22px;
            }

    .footer-ic-sag {
        width: 100%;
        padding-top: 25px;
        float: none;
    }

    .anaManset {
        display: block;
        height: 100%;
        margin: 0 auto 30px;
        position: relative;
        width: 100%;
        margin-right: 20px;
        float: left;
        overflow: hidden;
    }

        .anaManset li.banner img {
            margin: 0 auto;
            width: 100%;
            height: 100%;
            position: relative;
        }

        .anaManset .mn-title {
            font-size: 14px !important;
            font-weight: 600;
            color: #fff;
            position: absolute;
            top: 105px !important;
            left: 15px;
            z-index: 999;
            text-shadow: 2px 2px 2px #000;
            width: 100%;
            padding: 15px 0;
            background-color: rgba(17, 17, 17, 0.38);
        }

        .anaManset .bx-prev,
        .anaManset .bx-next {
            height: 53px;
            top: 160px;
            width: 34px;
            position: absolute;
            text-indent: -99999px;
            z-index: 999;
        }

        .anaManset .bx-prev {
            background: url('../images/bxprev.png') no-repeat;
            left: 20px;
        }

        .anaManset .bx-next {
            background: url('../images/bxnext.png') no-repeat;
            right: 20px;
        }

        .anaManset .bx-wrapper .bx-pager {
            position: absolute;
            bottom: 15px;
            width: 100%;
            height: 15px;
        }

        .anaManset .bx-wrapper .bx-pager {
            text-align: center;
            font-size: .85em;
            font-family: Arial;
            font-weight: bold;
            color: #666;
            padding-top: 20px;
        }

            .anaManset .bx-wrapper .bx-pager .bx-pager-item {
                display: inline-block;
                *zoom: 1;
                *display: inline;
            }

            .anaManset .bx-wrapper .bx-pager a {
                background: #009245;
                text-indent: -9999px;
                display: block;
                width: 15px;
                height: 15px;
                margin: 0 5px 0 0;
                outline: 0;
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
                border-radius: 100%;
            }

                .anaManset .bx-wrapper .bx-pager a:hover,
                .anaManset .bx-wrapper .bx-pager a.active {
                    background: #d3151c;
                }
}

.pagination {
    float: left;
    clear: both;
    width: 100%;
	padding:15px 0 25px 0
}

    .pagination > li {
        float: left;
        width: unset !important;
        height: unset !important;
        margin: 0;
        text-align: center;
		margin-right:5px;
    }

        .pagination > li > a {
            display: inline-block;
            width: 20px;
            color: #000;
            padding: 10px;
            background: #fff;
            border: #e0e0e0 1px solid;
            transition: all ease-in-out 0.2s;
			border-radius:100%;
			font-size: 14px;
    font-weight: 600;
        }

        .pagination > li > a:hover,
        .pagination > li > a.active {
            background: #333;
            color: #fff;
        }

.borsa {
    float: left;
    clear: both;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
}

.borsa > li {
    background: #FFF;
    border: #efefef 1px dotted;
    padding: 10px 2rem;
    flex-basis: 39%;
    text-align: center;
}

.borsa > li > p {
    margin-bottom: 10px;
}

.borsa > li > p:first-of-type {
    font-size: 14px;
    color: #666;
}

.borsa > li > p:nth-of-type(2) {
    color: #ff9900;
}

.borsa > li > p:last-of-type {
    margin-bottom: 0;
}

.borsa > li > p.down {
    color: #cc0000;
}

.borsa > li > p.up {
    color: green;
}