body{
/*    background-color: black;   */
    background-image: url('../img/flore2.jpg');
    font-family: Arial,Tahoma,Verdana,sans-serif;
    font-size:14px;
    color:white;
}
a:link
{
    color :  white;
}
a:visited
{
    color :  white;
}
#timetable a:link
{
    color :  #00006F;
}
#timetable a:visited
{
    color :  #00006F;
}
#downloads a:link, #mdownload a:link 
{
    color :  yellow
}
#downloads a:visited, #mdownload a:visited 
{
    color :  yellow
}


#banner
{                
    background-color: #FFFFFF;
    padding-top: 10px;

    color: rgb(103,143,49);

    height:220px;
}
#banner img
{
    border-color: white;
}
#content-wrapper
{
    margin-bottom: 10px; 
    width:1000px;
    height: 1110px;
    margin: 0 auto 10px;   
}
#content
{
    background-image: url('../img/namazliqq1.png');
    background-position: 50% 100%;
    margin-bottom: 10px; 
    width: 1000px;
    height: 1055px;
    margin: -30px auto 0;
    background-repeat: no-repeat;
    color:white;
}
#content2
{
    background-image: url('../img/namazliqq2.png');
    background-position: 50% 100%;
    width:1000px;
    height: 6px;
    margin-left: 0 auto 0;
    background-repeat: repeat-y;
    color:white;
}
#content3
{
    background-image: url('../img/namazliqq3.png');
    background-position: 50% 100%;
    width:1000px;
    height: 276px;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    color:white;
}
#banner a:link
{
    color :  rgb(94,132,44);
}
#banner a:visited
{
    color :  rgb(94,132,44);
}
#rightbanner
{
    background-color:#FFFFFF;
    float:left;
    right: 30px;
    height: inherit;
}
#rasem
{
    height: inherit;
}
#leftbanner{
    background-color:#FFFFFF;
    width:600px;
    float:left;
    height: inherit;

}
#logowrapper
{
    background-color:#FFFFFF;
    padding-left: 20px;
    height: 50%; 
}
#toolbar
{
    background-color:#FFFFFF;
    height: 50%; 
}
/*#content
{
    background-color: #FFFFFF;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:  20px;
    color: black;
}*/
#contentWrapper
{
    background-color: #FFFFFF;
    margin-bottom: 10px;
    width:1000px;  margin: 0 auto 10px;
}
#downloadWrapper
{
    background-color: #F0F0F0;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:  20px;
    margin: 20px;
    color: black;
}
#footer
{
    background-color: #101010;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:  20px;
    margin: 20px;
    color: white;
}
.button
{                
    width: 50px;
}
.button-wrapper
{                
    float:left;
    width: 100px;
    text-align: center;
}
#bannertop .borderstep
{
    background-color: rgb(48,71,17);
}
#bannerbottom .borderstep
{
    background-color: rgb(70,100,30);
}
#contenttop .borderstep
{
    background-color: rgb(69,99,30);
}
#contentbottom .borderstep
{
    background-color:  rgb(94,132,44);
}


#timetable-border .borderstep
{
   background-color: white;
}

#timetable-border .middlestep
{
   background-color: rgb(55,80,21);
}
#timetable-border  .line1 .middlestep
{
   width:202px; 
}
#timetable-border  .line2 .middlestep
{
   width:206px; 
}
#timetable-border  .line3 .middlestep
{
   width:208px; 
}
.header
{
    font-size: 18px;
}

.top-content
{
    position: absolute;
    z-index: 15;
    padding-top: 400px;
    padding-left: 340px;
    
    width: 350px;
}
.top-content div
{
    padding-top: 10px;
   padding-left: 30px;  
   padding-bottom: 5px;
}
.bottom-content
{
    z-index: 14;
    position: absolute;
    top:635px;
  padding-left: 280px;  
 
  width:440px;
}
.bottom-content .header-wrapper
{
    padding-top: 0px;
   padding-left: 50px;  
   padding-bottom: 5px;
}
.azats
{
   padding-top: 5px;
   padding-bottom: 5px;
}
#cities
{
    margin-top: -10px;
    margin-left: -5px;
    font-size: 12px;
    
}
#cities div
{  
    margin-left: -25px;
    
}
#users
{
    margin-top: -15px;
    padding-left: 25px;
}
#counters
{
    padding-left: 60px;
}

#logo
{
    top:20px;
    position: absolute;
    z-index: 20;
    background-image: url('../img/logo_bg.png');
    height: 150px;
    width:320px;
}
#logo-img
{
    margin-top: 60px;
    padding-left: 40px;
    
}
#logo-links
{
    margin-top: -100px;
    padding-left: 40px;
/*    padding-top: 20px;*/
}
#logo-links div
{
    float: left;
    padding-left: 10px; 
}
#tabs
{
    position: absolute;
    z-index: 16;
    padding-left: 300px;
    padding-top: 90px;
}
.tab
{    
    float: left;
    width: 80px;
    height: 80px;    
    overflow: hidden;    
}

#tabdefault
{
  position: absolute;
    z-index: 19;
    padding-left: 155px;
    padding-top: 330px;  
}
#tabonline
{
  position: absolute;
    z-index: 18;
    padding-left: 230px;
    padding-top: 220px;  
}
#tabdownload
{
  position: absolute;
    z-index: 17;
    padding-left: 250px;
    padding-top: 320px;  
}

#timetableWrapper
{
   position: absolute;
   z-index: 12; 
   padding-left: 720px;
   padding-top: 210px;
   width:300px;
}

#timetable
{
    position: absolute;
   z-index:13;
    padding-left: 770px;
   padding-top: 330px;
   width:210px;
   color:black;
}
#timetableWrapperbg
{
   width:300px; 
}
.question
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 10px;
}

#mdownload
{
    padding-top: 5px;
}