﻿@charset "utf-8";
/* IPEK */

    /* CSS RESET */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, dialog, figure, footer, header, 
    hgroup, menu, nav, section,
    time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
    }

    body {
        background: url(../images/main_bg.jpg) no-repeat;
        color:#312A29;
        font-family:Trebuchet MS,Tahoma,Arial;
        font-size:12px;
        font-variant:normal;
        font-weight:normal;
        letter-spacing:0;
        line-height:16px;
        text-align:justify;
    }

    article, aside, dialog, figure, footer, header, 
    hgroup, nav, section { 
        display:block;
    }

    nav ul {
        list-style:none;
    }

    blockquote, q {
        quotes:none;
    }

    blockquote:before, blockquote:after,
    q:before, q:after {
        content:'';
        content:none;
    }

    a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
    }

    ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
    }

    mark {
        background-color:#ff9;
        color:#000; 
        font-style:italic;
        font-weight:bold;
    }

    del {
        text-decoration: line-through;
    }

    abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
    }

    table {
        border-collapse:collapse;
        border-spacing:0;
    }

    hr {
        display:block;
        height:1px;
        border:0;   
        border-top:1px solid #cccccc;
        margin:1em 0;
        padding:0;
    }

    input, select {
        vertical-align:middle;
    }
    
    /* CSS RESET END */
    
    
    .main {
        background:transparent url(../images/bottom_bg.png) no-repeat scroll left bottom;
        float:left;
        width:100%;
    }
    .main_wrap {
        float:left;
        padding-bottom:125px;
        width:1000px;
    }
    .main_left {
        float:left;
        width:280px;
    }
    .main_rigth {
        float:left;
        width:650px;
    }
    .footer_wrap {
    }

    h1, h2, h3, h4 {
        clear:both;
        /*color:#008DDC;*/
        float:none;
        text-align:left;
        width:95%;
    }
    h1 {
        border-bottom:2px solid;
        color:#289DB9;
        font-size:16px;
        padding:5px 10px;
        width:95%;
    }
    h2 {
        border-bottom:1px solid;
        color:#BB5F49;
        font-size:12px;
        padding:10px 0 3px;
    }
    h3 {
        font-size:12px;
        padding:5px 0 2px;
    }
    h4 {
        padding:3px 25px;
    }
    
    .logo_wrap {
		background:transparent url(../images/logo_bg.jpg) no-repeat scroll left top;
		float:left;
		margin:0 auto;
		padding:15px 30px 25px 70px;
		text-align:center;
    }
    .logo {
    }
    .slogan {
		color:#1593E5;
		font-size:16px;
		font-weight:normal;
		letter-spacing:-0.7px;
		line-height:16px;
		padding:6px 14px 8px;
    }
    
    .birth_day_wrap {
		background:transparent url(../images/birth_day_bg.jpg) no-repeat scroll left top;
		float:left;
		margin:0 auto;
		padding:61px 82px 152px 160px;
		text-align:left;
    }
    .birth_day_wrap .birthDaylist {
		background:transparent url(../images/birth_day_bg.jpg) no-repeat scroll left top;
    }
    .birth_day_wrap img {
    height: 93px;
    margin-left: 130px;
    margin-top: 60px;
    width: 70px;
    }
    .birth_day_wrap p {
        background-color:#6BCA21;
        color:#02470C;
        font-family:arial;
        font-size:8px;
        font-weight:bold;
        /*height:23px;*/
        left:0;
        letter-spacing:0.5px;
        line-height:8px;
        margin-left: 126px;
        overflow:hidden;
        padding:5px 0;
        position:relative;
        text-align:center;
        top:-15px;
        width:75px;
    }

/* i_okul */
    .i_okul_wrap {
		background:transparent url(../images/i_okul_bg.jpg) no-repeat scroll left top;
		float:left;
		margin:0 auto;
		padding:83px 52px 60px 148px;
		text-align:left;
    }
    .i_okul_wrap p {
        padding:1px 0 0;
        width:80px;
    }
    .i_okul_wrap input {
        background-color:transparent;
        border:medium none;
        font-size:11px;
        height:20px;
        width:76px;   
    }
    .i_okul_wrap .image_button {
        height:23px;
        padding:2px 0 0 20px;
        width:58px;
    }

/* i_okul END */

/* online */
    .online_wrap {
        float:left;
        padding-left:20px;
        margin:0;
    }
    .online_wrap ul {
        clear:both;
        float:left;
        list-style:none;
        padding-bottom:50px;
    }
    .online_wrap ul li {
        float:left;
        margin:0;
        padding:0;
    }
    .online_wrap ul li a {
        float:left;
        margin:0;
        padding:0;
    }
    .online_wrap ul li p {
        display:none;
    }
    .online_wrap ul li span {
        float:left;
        margin:0;
        padding:0;
    }
    .online_wrap ul li img {
        border:medium none;
        margin:0;
        padding:0;
    }

/* online END */

    .top {
        background:transparent url(../images/top_bg.jpg) no-repeat scroll left top;
        float:left;
        padding:12px 71px 6px;
        width:508px;
    }
        .top .slide {
        }
        .top .menu {
        }
    .news {
        /*background:transparent url(../images/news_bg.jpg) no-repeat scroll center bottom;*/
        float:left;
        padding:10px 20px 0;
        width:606px;
    }

/* content */
    .content_wrap{
        background:transparent url(../images/content_middle.png) repeat-y scroll center top;
        float:left;
        min-height:652px;
        padding:0 22px;
        width:606px;
    }
    .content{
        background:transparent url(../images/content_top.png) no-repeat scroll left top;
        float:left;
    	padding:15px;
        width:576px;
    }
    .content_header {
        background:transparent url(../images/content_header_bg.png) no-repeat scroll 0 0;
        float:left;
        padding:15px;
        width:540px;
    }
    .content i#content-summary {
        clear:both;
        float:left;
    }
    .content img#header {
        border:1px solid #191314;
        clear:both;
        float:left;
        height:60px;
        margin:10px;
        padding:2px;
        width:80px;
    }
    .content i#summary {
        float:left;
        font-style:normal;
        font-weight:normal;
        text-decoration:none;
        padding-top:10px;
        width:270px;
    }
    .content b#date {
        float:left;
    }
    .content i#content-summary {
        clear:both;
        float:left;
    }
    .content h2#content {
        clear:none;
        float:left;
        width:270px;
    }
    .content b#date {
        float:left;
    }
    .content img {
        border:2px solid #512615;
        margin:10px;
        padding:2px;
    }
    .content p {
        clear:both;
        padding:10px;
        text-align:justify;
        /*text-indent:30px;*/
    }
    .content p a {
        float:left;
    }
    .content ul, .content ol {
        line-height:22px;
        list-style-image:url(../images/ok.jpg);
        list-style-position:inside;
        list-style-type:none;
        padding:15px;
    }
    .content ul li, .content ol li {
        /*padding-bottom:10px;*/
    }
    .content table {
        background-color:#E5DEC2;
        clear:both;
        margin:0 auto;
        text-align:center;
        vertical-align:middle;
    }
/* content END */
    /* .main_rigth  end */

/* interaktif */
    .interaktif, .alt_ikonlar {
        background:transparent url(../images/interaktif_bg.png) no-repeat scroll 0 0;
        float:left;
        margin:0;
        padding:0;
        width:360px;
    }
    .interaktif ul, .alt_ikonlar ul {
        clear:both;
        float:left;
        margin:0;
        padding:20px 0 0;
    }
    .interaktif ul li, .alt_ikonlar ul li {
        float:left;
        padding:0;
        height:120px;
        width:90px;  
    }
    .alt_ikonlar ul li {
        height:100px;
        width:85px;   
    }
    .interaktif ul li a, .alt_ikonlar ul li a {
        float:left;
        margin:0;
        padding:0;
    }
    .interaktif ul li p, .alt_ikonlar ul li p {
        display:none;
    }
    .interaktif ul li span, .alt_ikonlar ul li span {
        float:left;
    }
    .interaktif ul li img, .alt_ikonlar ul li img {
        float:left;
        border:medium none;
        margin:0;
        padding:0;
    }
    .alt_ikonlar ul li img {
    }
    
/* interaktif END */

/* aktiviteler */
    .aktiviteler {
        background:transparent url(../images/aktiviteler_bg.png) no-repeat scroll 0 0;
        float:left;
        height:385px;
        margin-bottom:4px;
        margin-left:4px;
        margin-right:0;
        padding:5px;
        width:200px;
    }
    .aktiviteler-carousel {
			height: 330px;
    }
    .aktiviteler h1 {
	    width:90%;    
    }
    .aktiviteler h2 {
    	float:left;
    	height:25px;
    	line-height:12px;
    	margin:15px 0 0;
    }
    .aktiviteler ul {
        clear:both;
        padding:0;
    }
    .aktiviteler ul li {
        clear:both;
    }
    .aktiviteler i#summary, .aktiviteler .info  {
        float:left;
        font-size:11px;
        font-style:normal;
        font-weight:normal;
        text-decoration:none;
        padding-top:5px;
        width:120px;
        font-style:normal;
        font-weight:normal;
        text-align:left;
        text-decoration:none;
        line-height:12px;
        height:50px;
        overflow:hidden;
    }
    .aktiviteler i#summary a, .aktiviteler .info a {
        color:#191314;
    }
    .aktiviteler .thumbnail {
        float:left;
    }
    .aktiviteler img#header, .aktiviteler .thumbnail img {
        height:38px;
        margin:5px;
        width:50px;
    }
    /*.aktiviteler div {
       clear:both;
        float:left;
        padding-bottom:5px;
        width:100%;
    }*/
/* aktiviteler END*/

    /* Gallery */
    #image-listing {
        clear:both;
    }
    #image-listing .section {
        clear:both;
        float:left;
    }
    #image-listing #video ul {
    }
    #image-listing #video ul li {
        width:190px;
        height:auto;
    }
    #image-listing #player {
        margin:-16px -36px;
    }
    

/* branch_pages */
    #branch_pages {
        clear:both;
    }
    #branch_pages ul, #image-listing ul {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        padding:0px;
    }
    #branch_pages ul li, #image-listing ul li {
        background-color:#EBEBEB;
        float:left;
        height:125px;
        margin:5px;
        padding:10px 0;
        text-align:center;
        width:140px;
    }
    #branch_pages ul li a, #image-listing ul li a  {
        margin:0 auto;
        padding:0;
    }
    #branch_pages ul li a:hover, #image-listing ul li a:hover {
        color:#EBAA08;
    }
    #branch_pages ul li a p, #image-listing ul li a p {
        clear:none;
        font-weight:bold;
        margin:0;
        padding:0;
        text-align:center;
        text-indent:0;
    }
    #branch_pages ul li a img, #image-listing ul li a img {
        background-color:#FFFFFF;
        border:3px solid #036FB7;
        clear:none;
        float:none;
        height:90px;
        margin:0;
        padding:2px;
        width:120px;
    }
    #branch_pages ul li a img:hover, #image-listing ul li a img:hover {
        border-color:#EBAA08;
    }
/* branch_pages  end*/

/* announce */
    .announce {
        background:url("../images/duyuru_banner_bg.png") no-repeat scroll 0 0 transparent;
        float:left;
        height:100px;
        margin:0 20px;
        padding:0 22px 5px 97px;
        width:494px;      
    }
/* announce END */


/* menu  */
    #menu_wrap {
        background:transparent url(../images/menu_bg.jpg) no-repeat scroll left top;
        float:left;
        margin:0;
        padding:10px 45px 5px;
        position:relative;
        text-align:center;
        width:550px;
        z-index:1000;
    }
    .clear {
        clear:both;
        height:40px;
        margin:0;
        width:100%;
    }
    .pickit {
        clear:none;
        color:#009892;
        float:left;
        font-family:verdana,arial,sans-serif;
        font-size:15px;
        font-weight:normal;
        margin:1px 8px 0 0;
        position:relative;
    }

    #nav {
        float:left;
        width:100%;
        z-index:1;
    }
    .menu ul li a img {
        height:48px;
        width:48px;
    }
    .menu ul li a p {
        line-height:20px;
    }
    .menu ul li a {
        border-bottom:0 none;
        color:#D5C182;
        display:block;
        float:left;
        font-size:14px;
        font-weight:bold;
        line-height:25px;
        overflow:hidden;
        padding:0;
        text-align:center;
        text-decoration:none;
        width:110px;
    }
    .menu ul li ul li a {
        color:#DDAD72;
    }
    .menu .left_nosub {
        background-image:url(../images/blue/left.png);
    }
    .menu .right_hassub {
        background-image:url(../images/blue/right.png);
    }
    .menu .right_nosub {
        background-image:url(../images/blue/right.png);
    }
    .menu ul {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
        padding:0;
    }
    .menu ul li {
        float:left;
        position:relative;
        text-align:center;
        z-index:1;
    }
    .menu ul li ul li {
        background:none;
    }
    .menu ul li ul {
        background:#673C1C url(../images/menu_sub_bg.jpg) repeat scroll center center;
        border:1px double #DDAD72;
        position:absolute;
        left:0px;
        top:26px;
        margin:0;
        padding:0;
        display:none;
        width:175px;
        z-index:1000;
    }
    .menu ul li:hover a, .menu ul li.over a {
        background:transparent url(../images/menu_li_bg.png) no-repeat scroll center center;
    }
    .menu ul li:hover ul, .menu ul li.over ul {
        display:block;
        z-index:-1;
    }
    .menu ul li:hover ul li a.center_hassub, .menu ul li.hover ul li a.center_hassub {
        background:#66AA33 none repeat scroll 0 0;
        /*color:#FFFFFF;*/
    }
    .menu ul li:hover ul li:hover a.center_hassub, .menu ul li:hover ul li.over a.center_hassub {
        background:#66FFCC none repeat scroll 0 0;
        color:#544A3A;
    }
    .menu ul li:hover ul li ul {
        display:none;
    }
    .menu ul li:hover .left_nosub, .menu ul li.over .left_nosub {
        color:#DDAD72;
    }
    .menu ul li:hover .right_hassub, .menu ul li.over .right_hassub {
        color:#DDAD72;
    }
    .menu ul li:hover .right_nosub, .menu ul li.over .right_nosub {
        color:#DDAD72;
    }
    .menu ul li:hover ul li a, .menu ul li.over ul li a {
        background-image:none;
        color:#DDAD72;
        display:block;
        font-weight:normal;
        height:28px;
        line-height:26px;
        margin:0;
        padding:0 0 0 11px;
        text-align:left;
        width:190px;
    }
    .menu ul li:hover ul, .menu ul li.over ul {
        background-position:left bottom;
        background-repeat:no-repeat;
        margin:0 0 0 3px;
        padding:0;
    }
    .menu ul li:hover ul .sub_active, .menu ul li.over ul .sub_active {
        margin-right:1px;
    }
    .menu ul li:hover ul li a:hover, .menu ul li.over ul li a:hover {
        background:url(../images/top_menu_bg.png) repeat-x;
        color:#FFFFFF;
    }
    .menu ul li:hover ul li:hover ul, .menu ul li.over ul li.over ul {
        display:block;
        left:105px;
        position:absolute;
        top:0;
    }
    .menu ul li:hover ul li:hover ul.left, .menu ul li.over ul li.over ul.left {
        left:-105px;
    }
/* menu END*/    

/* paging */
    .paging-liste {
        clear:both;
        float:left;
        margin:15px;
        padding-bottom:20px;
        width:94%;
    }
    .paging-liste table {
        background-color:#E5DEC2;
        float:left;
        /*outline-color:#0472A3;
        outline-style:solid;
        outline-width:1px;*/
        table-layout:auto;
        width:100%;
    }
    .paging-liste a {
    float:left;
    font-weight:bold;
    text-decoration:none;
    }
    .paging-liste tr {
    }
    .paging-liste th {
        background:transparent url(../images/h1_bg.jpg) no-repeat scroll left top;
        /*color:#FFFFFF;*/
        font-size:12pt;
        font-weight:bold;
        padding:5px 15px 15px;
    }
    .pagination {
        background:transparent url(../images/paging-bg.jpg) repeat-x scroll left top;
        height:28px;
        margin:0;
        padding:0;
    }
    .paging-liste .pagination h3 {
        margin:0;
        padding:0;
    }
    .paging-liste .pagination h3.onceki {
        float:left;
    }
    .paging-liste .pagination h3.sonraki {
        float:right;
    }
    .pagination h3 a p {
        display:none;
    }
    .paging-liste .pagination h3.sayfalar {
        margin:0 0 0 75px;
        width:auto;
    }
    .paging-liste td {
        font-size:9pt;
        padding:2px;
    }
    .pagination h3.sayfalar a {
        display:block;
        float:left;
        font-size:11pt;
        font-weight:bold;
        height:28px;
        line-height:28px;
        margin:0 5px;
        text-align:center;
        text-decoration:none;
        width:10px;
    }
    .pagination h3.sayfalar a:hover {
        color:#FFE831;
    }
    .pagination h3.onceki a {
        background:transparent url(../images/paging-prev.jpg) no-repeat scroll 0 0;
        display:block;
        height:28px;
        width:95px;
    }
    .pagination h3.sonraki a {
        background:transparent url(../images/paging-next.jpg) no-repeat scroll 0 0;
        display:block;
        height:28px;
        width:95px;
    }
    .pagination h3 a:hover {
        background-position:0 -28px;
    }
    .even {
        background-color:#C2B071;
    }
    .odd {
    }
    .ilk_satir {
        width:80%;
    }
/* paging END */            
