@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);
body {
	background-repeat: no-repeat;
	font-family: 'Roboto Condensed', sans-serif;
	background-position: center top;
    margin:auto;
    overflow:hidden;
}
#ana-govde {
    width: 1350px;
    height: 750px;
    display: block;
    position: relative;
    margin-left: 40px;
    margin:auto;
}
#ana-govde > div {
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

#sol-ust-pano-1, #sag-ust-pano-2, #sag-alt-pano-4{
    position:absolute;
    width:350px;
    height:360px;
    background-color:#fff;
}



#zaman-cizelgesi-main-div {
    position: absolute;
    width: 350px;
    height: 360px;
    background-color: #E4D082;
    bottom: 10px;
    left: 10px;
    color: #000000;
    border:solid 1px #000;
}
.zaman-cizelgesi-baslik {
    margin-left: 10px;
    color: #336699;
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 5px;
}

#zaman-cizelgesi-main-div ul {
    list-style:none;
    padding:0px;
    display:block;
    width:100%;
}

#zaman-cizelgesi-main-div ul li  {
    border-bottom:solid 1px #000;
    font:bold 26px Verdana, Geneva, Tahoma, sans-serif;
    width:100%;    
    margin:0px -20px 0px 10px;
    
}

#zaman-cizelgesi-main-div ul li:last-child{
    border-bottom:none;
}
li.seciliSaat {
    background-color:#f00;
    color:#fff;

}

#sol-ust-pano-1{
    top:10px;
    left:10px;
}

#nobetci-ogretmen-main-div {
    position: absolute;
    width: 350px;
    height: 360px;
    background-color: #1B4762;
    top:10px;
    left:10px;
    border:solid 1px #000;
}

.nobetci-ogretmen-baslik {
    margin-left: 10px;
    color: #FFCC00;
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 5px;
}
/*.nobetci-ogretmen-li {
    border-width: 1px;
    border-color: #CCCCCC;
    color: #FFFFFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border-bottom-style: solid;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}*/

#nobetci-ogretmen-main-div ul{
    list-style:none;
    padding:0px;
    display:block;
    width:100%;
    height:auto;
}
#nobetci-ogretmen-main-div ul li{
    border-bottom:solid 1px #ccc;
    font:bold 16px Verdana, Geneva, Tahoma, sans-serif;
    color:#fff;
    width:100%;
    margin:5px -15px 5px 5px;
}
#nobetci-ogretmen-main-div ul li:last-child{
    border-bottom:none;

}
#sag-ust-pano-2{
    top:10px;
    right:10px;
}

#sol-alt-pano-3{
    bottom:10px;
    left:10px;
}

#sag-alt-pano-4{
    bottom:10px;
    right:10px;
}

#manset-pano {
    position:absolute;
    width:610px;
    height:360px;
    background-color:#fff;
    top: 195px;
    left:370px;
}

#orta-ust-pano-5, #orta-alt-pano-6 {
    position:absolute;
    height:175px;
    background-color:#fff; 
}

#orta-ust-pano-5 {
    width:425px;
    top: 10px;
    left: 555px; 
    border:solid 1px #000;
    text-align:center;
}
#orta-alt-pano-6 {
    width:610px;
    bottom: 10px;
    left: 370px; 
}

#orta-ust-pano-saat {
    position:absolute;
    width: 155px;
    height: 155px;
    top: 10px;
    left:370px;
    background-color:#000;
    padding:10px;
}
.gosterge {
    height:90px;
    color:#ffd800;
    text-align:center;
    font:bold;
    font-size:40px;
}

    .gosterge > span {
        line-height: 100px;
    }

.gun {
    height:65px;
    color:#ffd800;
    text-align:center;
    font:bold;
    font-size:20px;
}
    .gun > span {
        
    }
/* Yönetim Paneli Sayfa Önizleme */

.manset-pano-ic {
    position:relative;
    width:610px;
    height:360px;
}

.toolbar {
    width:90px;
    position:absolute;
    top:10px;
    right:10px;
    z-index:1;
    height:30px;
    visibility:hidden;
}
    .toolbar > div {
        width:25px;
        height:25px;
        margin:2px;
        background-color:#000;
        display:block;
        float:left;
        cursor:pointer;
        text-align:center;
    }
.slider-wrapper {
    z-index:0;
}

.degistirilebilir {
    position:relative;
    width:350px;
    height:360px;
}
.baslik {
    margin-left: 10px;
    
    font-size: 24px;
    font-weight: bolder;
}
.okuladi {
    margin-left: 10px;
    color: #0066CC;
    font-size: 30px;
    font-weight: bolder;
    margin-top: 10px;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
}
.okul-web {
    font-size: 20px;
    color: #000000;
    font-weight: bolder;
    text-transform: lowercase;
    margin-top: 15px;
}
/* Sağ Üst Pano İşlemleri */
ul.sag-ust-pano, ul.sag-alt-pano {
    list-style:none;
    margin:0px;
    display:block;
    width:350px;
    height:auto;
    padding:0px;
}
#icerik-sag-ust-pano-2, #icerik-sag-alt-pano-4, #icerik-manset-alt-pano-6{
    margin:10px;
}

ul.manset-alt-pano {
    list-style:none;
    margin:0px;
    display:block;
    width:610px;
    height:auto;
    padding:0px;
}