﻿body   
{
    /*background: #b6b7bc;*/
    background-color:#bdabbf;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

img{border-style:none;}

#childMain
{
    width: 700px;
    
    margin: auto;
    margin-top: 0px;
}
.frame
{
    position: relative;
    margin: auto;
    width: 200px;
    height: 200px;
    float: left;
}
.frame a
{
    margin: Auto;
    text-decoration: none;
   
    font-weight: bold;
    color: #222;
    text-align: center;
    position: absolute;
    width: 100px;
    left: 25%;
    top: 35%;
     font-size:18px;
}
.about
{
    position: relative;
    margin: auto;
    width: 200px;
    height: 100px;
    float: left;
}
.about a
{
    margin: Auto;
    text-decoration: none;
   
    font-weight: bold;
    color: #222;
    text-align: center;
    position: absolute;
   
    left: 2%;
    top: 15%;
     font-size:18px;
}

.clearLeft
{
    float: none;
    clear: left;
}

.header
{
    font-size: 18px;
}
.spot
{
    font:normal 14px/18px "Trebuchet MS", Arial, Tahoma, sans-serif;
    text-decoration:none;
    padding-bottom:10px;
}
.content
{
}
.bgWhite
{
    background-color: White;
    color: #666;
    padding: 10px;
    width:650px;
    margin:auto;
}
.returnAb
{
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
}
.returnAb a
{color:White;font-size: 18px; font-family:Comic Sans MS;}

.menuBg1
{
    background: transparent url("../images/childMenu1.png") no-repeat top center;
}
.menuBg2
{
    background: transparent url("../images/childMenu2.png") no-repeat top center;
}
.menuBg3
{
    background: transparent url("../images/childMenu3.png") no-repeat top center;
}
.menuBg4
{
    background: transparent url("../images/childMenu4.png") no-repeat top center;
}
.menuBg5
{
    background: transparent url("../images/childMenu5.png") no-repeat top center;
}
.menuBg6
{
    background: transparent url("../images/childMenu6.png") no-repeat top center;
}
.menuBg7
{
    background: transparent url("../images/childMenu7.png") no-repeat top center;
}
#childListFrame
{
    margin: 4px 0px 4px 0px;
    padding: 5px;
    background-color: #FBFBFB;
    height: 110px;
}
div#childListFrame:hover
{
    background-color: #D2C6C6;
    border: 0.07em solid #999;
}
.art
{
    color: #604A4B;
    text-decoration: none;
    width: 100%;
    height: 100%;
}
.art:hover
{
    color: #604A4B;
}
#childListFrame img
{
    border: 1px solid #ccc;
    margin-right: 10px;
    position:relative;
    left:0px;
    padding: 12px 12px 12px 0px;
    background-color: #ffffff;
    /*width: 100px;*/
    /*height: 56px;*/
}
#childListFrame:hover img
{
    border: 2px solid #fff;
}

.childListFrame{margin:6px 8px 6px 0px;padding: 5px;background-color: #FBFBFB;height: 110px;width:340px;float:left;}
.childListFrame:hover{background-color: #D2C6C6;}
.childListFrame img{border: 1px solid #ccc;margin-right: 10px;position:relative;padding: 12px 12px 12px 12px;background-color: #ffffff;}
.childListFrame:hover img{border:2px solid #fff;}

#childListFrame h4
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.border
{
    border: 1px solid #ccc;
    
}

#childDetail
{
    font-size: 15px;
    margin-bottom: 10px;
    margin-right: 5px;
    line-height: 24px;
    text-align: justify;
    width:660px;
    padding:20px;
}
.boder
{
    border: 1px solid #ccc;
    padding:5px;
}


/***************************/
         .back
        {
            width: 999px;
            margin-bottom: -80px;
            
        }
         .back2
        {
            width: 999px;
            height: 684px;
            background:transparent url(../images/bck_back.jpg) no-repeat top center;
            position:absolute;
            z-index:1;
            
        }
        
        

        
        .front
        {
            width: 238px;
            height: 145px;
            margin-top:40px;
            margin-left:90px;
            position:absolute;
            z-index:10000;

        }
        
        .neNerede
        {
            width: 250px;
            height: 110px;
            margin-top:250px;
            margin-left:380px;
            position:absolute;
            z-index:10000;

        }


        .yco
        {
            width: 265px;
            height: 150px;
            margin-top:300px;
            margin-left:680px;
            position:absolute;
            z-index:10000;

        }


        .anaok
        {
            width: 280px;
            height: 140px;
            margin-top:400px;
            margin-left:370px;
            position:absolute;
            z-index:10000;

        }

        .ing
        {
            width: 300px;
            height: 140px;
            margin-top:530px;
            margin-left:680px;
            position:absolute;
            z-index:10000;
   
        }
        
        .gba
        {
            width: 290px;
            height: 130px;
            margin-top:550px;
            margin-left:200px;
            position:absolute;
            z-index:10000;
   
        }
        
        
        .masal
        {
            width: 169px;
            height: 163px;
            margin-top:300px;
            margin-left:40px;
            position:absolute;
            z-index:10000;
   
        }
        
        
        .anasdon
        {
            width: 215px;
            height: 25px;
            top:40px;
            left:158px;
            position:absolute;
            z-index:10000;
   
        }
        
        .anneboydon
        {
            width: 230px;
            height: 25px;
            top:40px;
            left:565px;
            position:absolute;
            z-index:10000;
   
        }
        
        
         .scroll
        {
            width: 750px;
            /*height: 500px;*/
            top:-150px;
            left:125px;
            position:relative;
            z-index:100;
        }
        
        
        
        .vid1
        {
            width: 140px;
            height: 105px;
            margin-top:130px;
            margin-left:130px;
            position:absolute;
            z-index:10000;
   
        }
        
         .vid2
        {
            width: 140px;
            height: 105px;
            margin-top:130px;
            margin-left:280px;
            position:absolute;
            z-index:10000;
   
        }
        
         .vid3
        {
            width: 140px;
            height: 105px;
            margin-top:130px;
            margin-left:430px;
            position:absolute;
            z-index:10000;
   
        }
        
          .vid4
        {
            width: 140px;
            height: 105px;
            margin-top:130px;
            margin-left:580px;
            position:absolute;
            z-index:10000;
   
        }
        
        
        
            .vid5
        {
            width: 150px;
            height: 105px;
            margin-top:130px;
            margin-left:730px;
            position:absolute;
            z-index:10000;
   
        }
        
        
        .vid6
        {
            width: 140px;
            height: 105px;
            margin-top:270px;
            margin-left:130px;
            position:absolute;
            z-index:10000;
   
        }
        
         .vid7
        {
            width: 140px;
            height: 105px;
            margin-top:270px;
            margin-left:280px;
            position:absolute;
            z-index:10000;
   
        }
        
         .vid8
        {
            width: 140px;
            height: 105px;
             margin-top:270px;
            margin-left:430px;
            position:absolute;
            z-index:10000;
   
        }
        
          .vid9
        {
            width: 140px;
            height: 105px;
             margin-top:270px;
            margin-left:580px;
            position:absolute;
            z-index:10000;
   
        }
        
        
        
            .vid10
        {
            width: 150px;
            height: 105px;
             margin-top:270px;
            margin-left:730px;
            position:absolute;
            z-index:10000;
   
        }
        
/***************************/

.back3
{
    width: 999px;
    /*
    height: 684px;
    background:transparent url(../images/cocuk_ic_backgr.jpg) no-repeat top center;
    */
    position:absolute;
    z-index:1;
}

.page
{
    width: 999px;
    margin: 20px auto 0px auto;
    border: 5px solid #496077;
    /*background:transparent url(../images/cocuk_ic_content_backgr.jpg) repeat-y;*/
}

.main
{
    width: 999px;
    /*height: 150px;*/
    background:transparent url(../images/cocuk_ic_content_backgr.jpg) repeat-y;
}

.header
{
    height: 300px;
    left:0px;
    background:transparent url(../images/cocuk_ic_header.jpg) no-repeat top center;
    position:relative;
    z-index:1;
}

.footer
{
    height: 150px;
    /*bottom:150px;*/
    left:0px;
    background:transparent url(../images/cocuk_ic_footer.jpg) no-repeat bottom center;
    position:relative;
    z-index:1;
}

.color1 {color:#C73D7E;}

h2 {padding:0px;margin:0px;height:25px;}

.Padding5{padding:5px;}

.BorderGray{border:1px #CCCCCC solid;}

/***************************/