ul{list-style:none;}
.raquo{font-weight:bold;color:#ff4800;}
.kat1{margin:0px 0px 0px 8px;padding:2px 0px;overflow:hidden;background-position:0px 0px;background-repeat:no-repeat no-repeat;}
.namazTable{border-collapse:collapse;border-spacing:0px;font-size:11px;line-height:16px;color:rgb(67, 67, 74);font-family:Arial, Helvetica, sans-serif;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;orphans:auto;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:auto;word-spacing:0px;-webkit-text-stroke-width:0px;background-color:#FFFFFF;}
.namazHeader{font-weight:bold;padding:5px;color:white;background-color:#006400;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#404040;text-align:left;}
.namazRow{font-size:9pt;font-family:verdana, arial, helvetica, sans-serif;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#404040;text-align:left;padding:5px;}
.namazRow:nth-child(2n+1){background:#D8F5D8;}
.namazRow:hover{background:#FFDBAE;}
.today{background:#ffcb03;font:bolder}

@media only screen and (max-width: 400px){
.namazHeader{
    font-weight:bold;padding:1px;color:white;background-color:#006400;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#404040;text-align:left;
    }
.namazRow {font-size:8pt;font-family:verdana, arial, helvetica, sans-serif;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#404040;text-align:left;padding:1px;}
}

.turuncuBaslik{color:#F04200;font-weight:bold;font-size:16px;border-bottom:1px solid #C0C0C0;}
.vakitler {
    padding: 0px 5px;
    padding: 0px 5px\9;
    *height: 52px;
    margin-left: 3px;
    text-align: center;
}

    .vakitler.en {
        padding: 0px 7px;
    }

    .vakitler div {
        float: left;
        text-align: center;
        color: #333300;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
    }

        .vakitler div > span {
            display: block;
            border-bottom: 1px solid #333300;
            font-weight: 700;
            padding: 3px 2px;
        }

            .vakitler div > span span {
                display: block;
                font-weight: 700;
                padding: 0px 3px;
                line-height: 18px;
                font-weight: normal\9;
            }

        .vakitler div.active > span span {
            background: #333300;
            color: #134772;
        }
.time-and-remaining-time {
    display: block;
    text-align: center;
    color: #FF0000;
    font-size: 20px;
    font-weight: 600;
    *height:22px;
}

.cl {
    clear: both;
}

span.cl {
    display: block;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}        

.listeuclu,.listedortlu{text-align:left;font-size:14px}
.listeuclu li,.listedortlu li{border-bottom:1px dashed #ccc;display:inline-block;margin:3px;}
.listeuclu li{width:30%}
.listedortlu li{width:22%;}
@media only screen and (max-width: 768px) {
 
 .listeuclu li {
        width: 89.9%;
   }

.listedortlu li{width:40%;}
}