@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic&subset=latin,latin-ext);

html
{
}
body {
    padding: 10px auto 40px;

}

#ibu-arama
{
    margin:8px auto;
    z-index: 110;
}

.form-search .finder
{
    width: auto;
    margin: 1px;
}

.arama
{
    padding: 10px;
}

.form-search .finder input.search-query
{
    margin-top:4px;
}

.banner
{
    background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #BBDEDE 33%, #002248 100%);
    background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #BBDEDE 33%, #002248 100%);
    background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #BBDEDE 33%, #002248 100%);
    background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 359, color-stop(0, #FFFFFF), color-stop(33, #BBDEDE), color-stop(100, #002248));
    background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #FFFFFF 0%, #BBDEDE 33%, #002248 100%);
    background-image: radial-gradient(ellipse farthest-corner at center bottom, #FFFFFF 0%, #BBDEDE 33%, #002248 100%);
}

.navigasyon
{
    background: #193060;
    width: 100%;
    box-shadow: 0px 2px 3px 1px #ccc;
    z-index: 100;

}

.sosyal-ikonlar img
{
    height: 24px;
    width: 24px;
    border: none;
    text-decoration: none;
    margin: 10px 0;
}



a.siteBaslikLink, a.siteBaslikLink:hover, a.siteBaslikLink:active, a.siteBaslikLink:visited
{
    color: #fff;
}
.sosyal-ikonlar:hover
{
    text-decoration: none;
}

div.mod-languages
{
    margin: 10px auto 0;
    float: right;
    z-index: 1999;
}

#content{
    padding: 0px;
    margin-bottom: 4px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu';
}

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

#govde
{
    min-height: 691px;
}

#mod-finder-searchform
{
    z-index:1000;
}

#ibuMansetler
{
    background-repeat: no-repeat;
    background-image: url('../images/mansetler_bg.jpg');
    background-size: 100%;
    background-position: 10% 33%;
}

.footer
{
    position: relative;
    color: #606060;
    padding: 0 10px;
    margin: 0;
    /*
    background-image: -ms-radial-gradient(center top, ellipse farthest-side, #BBDEDE 0%, #002248 100%);
    background-image: -moz-radial-gradient(center top, ellipse farthest-side, #BBDEDE 0%, #002248 100%);
    background-image: -o-radial-gradient(center top, ellipse farthest-side, #BBDEDE 0%, #002248 100%);
    background-image: -webkit-gradient(radial, center top, 0, center top, 258, color-stop(0, #BBDEDE), color-stop(100, #002248));
    background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #BBDEDE 0%, #002248 100%);
    background-image: radial-gradient(ellipse farthest-side at center top, #BBDEDE 0%, #002248 100%);
    */
}
.dip
{
    padding: 10px;
}
.footer   a
{
    color: #eee;
    font-size: .9em;
}
.footer   a:hover, .footer   a:active
{
    color: #666;
    background: transparent;
    display: table;
}
h1 {
    font-size: 30px;
    line-height: 34px;
}

h2 {
    font-size: 26px;
    line-height: 30px;
}

h3 {
    font-size: 22px;
    line-height: 26px;
}

h4 {
    font-size: 18px;
    line-height: 20px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 20px;
}

.siteBaslikLink:link, .siteBaslikLink:hover, .siteBaslikLink:active, .siteBaslikLink:visited{
    text-decoration: none;
}
h1.universiteadi
{
    margin: 20px auto 0;
    font-size: 22px;
    font-family: 'Tinos';
}

h3.slogan{
    font-size: 16px;
    line-height: 16px;
    font-family: 'Merriweather';
    font-style: italic;
    color: #666666;
    letter-spacing: 1px;
}


.breadcrumb{
    padding: 2px 30px;
    font-size: 12px;
    margin-top: 10px;
}

.breadcrumb > li > a:link, .breadcrumb > li > a:visited
{
    color:#002248;
}

.list-group
{
    margin-bottom: 0;
}
.margin10
{
    margin: 10px;
}

.logo
{
    width:100px;
    height:100px;
    float:left;
    margin: 00px 10px 4px;
    text-align: center;
    border-radius: 0 0 60px 60px;
    box-shadow: 2px 2px 5px  #333;
    background-color: #fafafa;
    padding: 8px  4px 3px ;
    border: 1px solid #eee;
    border-top: none;
}

.sosyal
{
    margin: 0px 20px;
}

.altBilgi
{
    color:#aeaeae;
    padding: 0 45px;
}


.ibu_duyuru_panosu tr, .ibu_duyuru_panosu tr td
{
    height: 50px;
    vertical-align: middle;
}
.ibu_duyuru_panosu tr td a:active, .ibu_duyuru_panosu tr td a:hover, .ibu_duyuru_panosu tr td a:visited, .ibu_duyuru_panosu tr td a:link
{
    text-decoration: none;
}

#sayfaBasi span
{
    font-size:200%;
    height: 200%;
}

[class*="sagmenu-"]:hover
{
    background: #12497e;
}

[class*="sagmenu-"]
{
    background: #fafafa;
    transition: all 0.6s ease-in-out;
}

.okul, .daire
{
    background: #ffffff;


    box-shadow: 0px 0px 1px 0px #265293 inset;
    margin-bottom: 30px;
    text-indent: 10px;
    transition: all .25s ease-in;
    position: relative;


}

.okul:hover, .daire:hover
{
    background-color: #fafafa;
}

.okul:before, .daire:before  {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 20px solid #ffffff; /*Sayfa arkaplan rengi ile aynı olmalı.*/
    border-left: 20px solid #bbbbbb;
    width: 0;
}

.ibu_ajanda_duyurular
{
    position:relative;
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #a7cfdf 0%, #23538a 100%);
    padding-bottom: 1px;
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #bbdede 0%, #193060 100%);
}
.ibu_ajanda_duyurular table
{
    border-radius: 0;
    font-size: 12px;
}

.ibu_ajanda_duyurular:before
{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 20px solid #FFF;
    border-left: 20px solid #BBB;
    width: 0px;
}

.ibu_ajanda_duyurular:after
{
}

.ibu_ajanda_duyurular h4
{
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);

}

.table-ibu_ajanda_duyurular
{
    background-color: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0.65)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#a6ffffff',GradientType=1 );
    border-radius: 0;

}



.table-ibu_ajanda_duyurular tr:hover td:first-child
{
    border-left-color: #193060 !important;

}
.ibu_ajanda_tarih
{
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #49AFCD;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-align: center;
    vertical-align: middle !important;
    border-left: 4px solid #bbdede !important;
    transition:all 0.6s ease;
}



.kisayollar
{
    position:relative;
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #a7cfdf 0%, #23538a 100%);
    padding-bottom: 1px;
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #bbdede 0%, #193060 100%);

}


.kisayollar:before
{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 20px solid #FFF;
    border-left: 20px solid #BBB;
    width: 0px;
}

.kisayollar:after
{
}

.kisayollar h4
{
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);

}

.kisayollar ul
{
    background-color: #ffffff;
}
.kat5_sag
{
    border-radius: 0;
    background: transparent;
}

[class*="kat5_"]  h4
{
    text-indent: 10px;


}

#sagmenu li
{
    border-bottom: 1px solid #bbdede;
    border-left: 1px solid #bbdede;

}



#sagmenu li:last-child
{
    border-bottom: none;
}

/* ===================================================================================
        BOOTSTRAP MEDIA QUERIES OVERRIDES
        NOTE: The order of the media queries is important when styles overwrite each other
        ==================================================================================
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
*/

/* ======================
        MODULES
        ===================== */

/* ----------------------
        Special module styles
        --------------------- */
/* Special general */
[class*="kutu-"] .module-content ul {
    margin: 0 0 10px 0px;
}
[class*="kutu-"]  {
    border-radius: 10px;
    min-height: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    transition: background .5s ease-in-out;

}

[class*="kutu-"] .module-content {
    padding: 4px 10px;
    font-size: 0.9em;


}

[class*="kutu-"] .module-content .nav {
    /*    list-style-type: decimal-leading-zero;
        list-style-position: inside;*/


}

[class*="kutu-"] .module-content ul {
    margin: 0 0 10px 0px;
    transition: background .5s ease-in-out;
}

[class*="kutu-"] .page-header {
    border-bottom: 1px #ccc solid;
    margin: 0;
    padding: 6px 10px;


}

[class*="kutu-"] .module-content ul.unstyled {
    margin: 0 0 10px 0;

}

/* -------------
        Special Grey
        ------------ */
.kutu-gri {
    border: 1px #cacaca solid;
    color: #333;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #e8e8e8 42%, #cacaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(42%,#e8e8e8), color-stop(100%,#cacaca));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#e8e8e8 42%,#cacaca 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#e8e8e8 42%,#cacaca 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#e8e8e8 42%,#cacaca 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#e8e8e8 42%,#cacaca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cacaca',GradientType=0 );

}

.kutu-gri .page-header {
    color: #cacaca;
}

.kutu-gri .module-content {
    color: #333;

}

/* -------------
        Special Blue
        ------------ */
.kutu-mavi {
    border: 1px #8aa9c8 solid;
    color: #336;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2NiZDllNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YWE5YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #cbd9e7 42%, #8aa9c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(42%,#cbd9e7), color-stop(100%,#8aa9c8));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#cbd9e7 42%,#8aa9c8 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#cbd9e7 42%,#8aa9c8 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#cbd9e7 42%,#8aa9c8 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#cbd9e7 42%,#8aa9c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#8aa9c8',GradientType=0 );


}

.kutu-mavi .page-header {
    color: #6a89a8;
}

.kutu-mavi hr {
    margin: 5px 0;
}

.kutu-mavi .module-content {

    color: #336;
}

.kutu-mavi .module-content a {
    color: #336;
}

/* -------------
        Special Red
        ------------ */
.kutu-kirmizi {
    border: 1px #c8938a solid;
    color: #633;
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2U3ZDBjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODkzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #e7d0cb 42%, #c8938a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(42%,#e7d0cb), color-stop(100%,#c8938a));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#e7d0cb 42%,#c8938a 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#e7d0cb 42%,#c8938a 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#e7d0cb 42%,#c8938a 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#e7d0cb 42%,#c8938a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#c8938a',GradientType=0 );
}

.kutu-kirmizi .page-header {
    color: #a8736a;
}

.kutu-kirmizi .module-content {
    color: #633;
}

.kutu-kirmizi .module-content a {
    color: #633;
}

/* -------------
        Special Green
        ------------ */
.kutu-yesil {
    border: 1px #aebf76 solid;
    color: #343;
    background: #fefefd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2RjZTNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWJmNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefd 0%, #dce3c4 42%, #aebf76 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefd), color-stop(42%,#dce3c4), color-stop(100%,#aebf76));
    background: -webkit-linear-gradient(top,  #fefefd 0%,#dce3c4 42%,#aebf76 100%);
    background: -o-linear-gradient(top,  #fefefd 0%,#dce3c4 42%,#aebf76 100%);
    background: -ms-linear-gradient(top,  #fefefd 0%,#dce3c4 42%,#aebf76 100%);
    background: linear-gradient(to bottom,  #fefefd 0%,#dce3c4 42%,#aebf76 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#aebf76',GradientType=0 );


}

.kutu-yesil .page-header {
    color: #8e9f56;
}

.kutu-yesil .module-content {
    color: #363;
}

.kutu-yesil .module-content a {
    color: #363;
}

/* -------------
        Special Gold
        ------------ */
.kutu-sari {
    border: 1px  #dfd595 solid;
    color: #443;
    background: #fffefd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmVmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2YxZWRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmQ1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fffefd 0%, #f1edd1 42%, #dfd595 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefd), color-stop(42%,#f1edd1), color-stop(100%,#dfd595));
    background: -webkit-linear-gradient(top,  #fffefd 0%,#f1edd1 42%,#dfd595 100%);
    background: -o-linear-gradient(top,  #fffefd 0%,#f1edd1 42%,#dfd595 100%);
    background: -ms-linear-gradient(top,  #fffefd 0%,#f1edd1 42%,#dfd595 100%);
    background: linear-gradient(to bottom,  #fffefd 0%,#f1edd1 42%,#dfd595 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefd', endColorstr='#dfd595',GradientType=0 );
}

.kutu-sari .page-header {
    color: #bfb575;
}

.kutu-sari .module-content {
    color: #443;
}

.kutu-sari .module-content a {
    color: #443;
}


/*Organizasyon Şeması
*/
.node circle {
    fill: #bbdede;
    stroke: #193060 /*steelblue*/;
    stroke-width: 1.5px;
}

.node {
    /*font: 12px sans-serif;*/
}


.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}

svg:not(:root)
{
    overflow:visible !important;
}

.uydu
{
    margin: 0 auto;
    width: 100%;
    height: 600px;
    border: none;
}

[id*="il_"]:hover
{
    fill:#bbdede !important;

}

div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img
{
    min-width: 100px !important;
}

.max-lines {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 40px;
    line-height: 20px;
}


/************************ISOTOPE****************************/
e-hizmetler > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/* ---- isotope ---- */

.isotope {
    border: 0px solid #333;
}

/* clear fix */
.isotope:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .element-item ---- */

.element-item {
    position: relative;
    float: left;
    height: 96px;
    width: 96px;
    margin: 2px;

    z-index: 1;
    color: #262524;
    transition:all 0.6s ease;

    background: rgb(254,254,254);
    background: -moz-radial-gradient(center, ellipse cover,  rgb(254,254,254) 0%, rgb(211,211,211) 42%, rgb(155,155,155) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(254,254,254)), color-stop(42%,rgb(211,211,211)), color-stop(100%,rgb(155,155,155)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgb(254,254,254) 0%,rgb(211,211,211) 42%,rgb(155,155,155) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgb(254,254,254) 0%,rgb(211,211,211) 42%,rgb(155,155,155) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgb(254,254,254) 0%,rgb(211,211,211) 42%,rgb(155,155,155) 100%);
    background: radial-gradient(ellipse at center,  rgb(254,254,254) 0%,rgb(211,211,211) 42%,rgb(155,155,155) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#9b9b9b',GradientType=1 );

}

.aktif
{
    box-shadow: 0px 0px 10px 5px #999;
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 10;
}

.element-item > * {
    margin: 0;
    padding: 0;
}

.element-item .name {
    position: absolute;

    left: 10px;

    right: 10px;

    font-size: 14px;
    font-weight: normal;
    text-align: center;
    z-index: 2;
    line-height: 14px;


}

.element-item .name a { color: #fff;}

.element-item .is_servis_logo {
    position: absolute;
    left: 41px;
    top: 10px;
    font-size: 42px;
    font-weight: bold;
    color: white;
    z-index:1;
}

.element-item .num {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    margin: 0;

}

.element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px;
}

.element-item.genel
{
    /*    background: rgb(228,239,192);
      background: -moz-radial-gradient(center, ellipse cover,  rgb(228,239,192) 0%, rgb(171,189,115) 100%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(228,239,192)), color-stop(100%,rgb(171,189,115)));
      background: -webkit-radial-gradient(center, ellipse cover,  rgb(228,239,192) 0%,rgb(171,189,115) 100%);
      background: -o-radial-gradient(center, ellipse cover,  rgb(228,239,192) 0%,rgb(171,189,115) 100%);
      background: -ms-radial-gradient(center, ellipse cover,  rgb(228,239,192) 0%,rgb(171,189,115) 100%);
      background: radial-gradient(ellipse at center,  rgb(228,239,192) 0%,rgb(171,189,115) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=1 );*/

    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}
.element-item.kisisel
{
    /*    background: rgb(241,231,103);
      background: -moz-radial-gradient(center, ellipse cover,  rgb(241,231,103) 0%, rgb(254,182,69) 100%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(241,231,103)), color-stop(100%,rgb(254,182,69)));
      background: -webkit-radial-gradient(center, ellipse cover,  rgb(241,231,103) 0%,rgb(254,182,69) 100%);
      background: -o-radial-gradient(center, ellipse cover,  rgb(241,231,103) 0%,rgb(254,182,69) 100%);
      background: -ms-radial-gradient(center, ellipse cover,  rgb(241,231,103) 0%,rgb(254,182,69) 100%);
      background: radial-gradient(ellipse at center,  rgb(241,231,103) 0%,rgb(254,182,69) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 );*/

    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #FAA732;
    background-image: linear-gradient(to bottom, #FBB450, #F89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.element-item.dahili
{

    /*    background: #cfe7fa;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZmU3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjM5M2MxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-radial-gradient(center, ellipse cover,  hsl(207,81%,89%) 0%, hsl(209,43%,57%) 100%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,hsl(207,81%,89%)), color-stop(100%,hsl(209,43%,57%)));
      background: -webkit-radial-gradient(center, ellipse cover,  hsl(207,81%,89%) 0%,hsl(209,43%,57%) 100%);
      background: -o-radial-gradient(center, ellipse cover,  hsl(207,81%,89%) 0%,hsl(209,43%,57%) 100%);
      background: -ms-radial-gradient(center, ellipse cover,  hsl(207,81%,89%) 0%,hsl(209,43%,57%) 100%);
      background: radial-gradient(ellipse at center,  hsl(207,81%,89%) 0%,hsl(209,43%,57%) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=1 );*/


    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    background-color:#006dcc;
    *background-color:#04c;
    background-image:-moz-linear-gradient(top,#08c,#04c);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image:-webkit-linear-gradient(top,#08c,#04c);
    background-image:-o-linear-gradient(top,#08c,#04c);
    background-image:linear-gradient(to bottom,#08c,#04c);
    background-repeat:repeat-x;
    border-color:#04c #04c #002a80;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}

.element-item.genis1 { width: 80px !important;}
.element-item.yuksek1 { height: 80px !important;}
.element-item.genis2 { width: 164px !important;}
.element-item.yuksek2 { height: 164px !important;}
.element-item.genis3 { width: 248px !important;}
.element-item.yuksek3 { height: 248px !important;}



.yuksek1 .name {
    top: 20px;

}

.yuksek2 .name {
    top: 45px;

}

.yuksek3 .name {
    top: 90px;

}
.genis1 .name {

    font-size: 12px;
    line-height: 12px;
}

.genis2 .name {

    font-size: 14px;
    line-height: 14px;
}

.genis3 .name {

    font-size: 16px;
    line-height: 16px;
}

/*********************************ISOTOPE********************************************/


/********************************FLIP LOGO*******************************************/
* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	/*width: 320px;
	height: 480px;*/
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
/********************************FLIP LOGO*******************************************/