@charset "windows-1251";
/* Table of Contents
  
  Includes
  Base settings
  Typography
  Forms
  Header Layout
  Middle Layout
  Footer Layout

*/

/* Includes
------------------------------------------ */

@import url("reset.css");
@import url("global.css");

/* Base settings
------------------------------------------ */
body {
  width:1000px;
  font:12px Arial;
  color: #666666;
  background:white;
  }
.one, .two, .three {
  width:45px;
  height:46px;
  float:left;
  background:url(../img/circle.png) no-repeat;
  }
a {
  color:#FF6C00;
  text-decoration:none;
}
 a:hover {
 
  text-decoration:underline;
  }
/* Typography
------------------------------------------ */
.auth .links a {
  font:11px Arial;
  color:#FF6C00;
  }
.header .nav a, .header1 .nav a , .header2 .nav a{
  font:bold 13px Arial;
  color:#666666;
  text-decoration:none;
  }
.tarif h2 {
  font:22px Arial;
  color:black;
  }  
.tarif h3 {
  font:bold 36px Arial;
  color:#FF6C00;
  }
.tarif a {
  font:12px Arial;
  color:white;
  }
.middle p {
  text-align:justify;
  margin-bottom:10px;
  padding-left:30px;
  }
.middle p.first {
  text-indent:25px;
  } 
  
.main2 p.first {
  text-indent:25px;
  } 
.main2 h2 {
  text-align:justify;
  margin-bottom:10px;
  padding-left:30px;
  }

.middle h2, .main2 h2 {
  font:20px Arial;
  color:#FF6C00;
  }  
.footer .copy {
  font:11px/20px Arial;  
  }  
.footer .copy a {
  color:#878787;
  }
.header .title, .header1 .title {
  color:black;
  }
  .header .title .gray, .header1 .title .gray {
    color:#808080;
    }
  .f20 {
    font-size:20px;
    }  
  .f22 {
    font-size:22px;  
    }
  .header .big, .header1 .big {
    font-size:26px;
    }
.header1 .step1 .balans th {
  font-weight:normal;
  }
.header1 .step1 .balans td {
  color:black;
  }
.header1 .step1 .links {
  font-size:11px;
  }
.nav_ad a {
  font:12px Arial;
  color:#808080;
  text-decoration:none;
  }
  .nav_ad a:hover {
 
  text-decoration:underline;
  }
.middle .online h3 {
  font:normal 16px Arial;
  color:white;
  } 
.middle .online a {
  color:white;
  }
.middle .content h2 {
  font:18px Arial;
  color:#808080;
  }
.middle .content h2.current {
  color:#FF6C00;
  }
.middle .content table thead th {
  font:bold 12px Tahoma;
  color:white;
  }
  

/* Forms
------------------------------------------ */
input.text {
  background:white;
  }
.auth .form .input input.text {
  border:none;
  width:120px;
  margin:3px 0 1px 5px;
  height:15px;
  font:12px/12px Arial;
  color:#808080;
  }
.middle .content .sort select {
  height:20px;
  font:12px Arial;
  }  


/* Header Layout
------------------------------------------ */
.header2  {
  margin:40px 0 0 0;
  }
.header2 .logo {
    margin-left:70px;
	}
 .header2 .nav li {
      margin-left:20px;
      display:inline;    
      position:relative;
      top:-30px;
      }
.header2 .nav {
    display:inline;
    } 
.header2 .nav li {
      margin-left:20px;
      display:inline;    
      position:relative;
      top:-30px;
      }
 .header2 .nav {
    display:inline;
    }  
.header2 .nav li {
      margin-left:20px;
      display:inline;    
      position:relative;
      top:-30px;
      }
.header2 .nav li a {
        padding-left:20px;
        background:url(../img/nav_marker.gif) no-repeat 0 4px;
        }


/* Header Layout
------------------------------------------ */
.header, .header1  {
  margin:40px 0 0 0;
  }
.header {
  height:500px;
  background:url(../img/line.gif) no-repeat 32px 30px;
  }
.header1 {
  height:260px;
  background:url(../img/line3.gif) no-repeat 32px 30px;
  }  
  .header .logo, .header1 .logo {
    margin-left:70px;
    }
  .header .arrow, .header1 .arrow  {
    float:right;
    background:url(../img/arrow.png) no-repeat;
    width:93px;
    height:100px;
    position:relative;
    left:-16px;
    top:60px;
    }
  .header .nav, .header1 .nav {
    display:inline;
    }  
    .header .nav li, .header1 .nav li {
      margin-left:20px;
      display:inline;    
      position:relative;
      top:-30px;
      }
      .header .nav li a, .header1 .nav li a {
        padding-left:20px;
        background:url(../img/nav_marker.gif) no-repeat 0 4px;
        }
  .header .title {
    margin:40px 0 10px 340px;
    height:52px;
    position:relative;
    } 
    .header .title .pad, .header .title .desc, .header1 .title .pad, .header1 .title .desc {
      padding-left:100px;
      }
  .header .steps {
    width:100%;
    position:relative;
    height:210px; 
    }
  .header .steps .man {
    width:282px;
    height:319px;
    background:url(../img/man.png) no-repeat;
    position:absolute;
    left:0;
    z-index:0;
    }
  .header .steps .auth { 
    float:left;
    margin:15px 0 0 208px;
    height:100px;
    position:relative;
    z-index:1;
    }
    .auth .one {
      width:25px;
      height:33px;
      float:left;
      padding:13px 0 0 20px;
      }
    .auth .form {
      margin-left:56px;
      }
      .auth .form .input {
        
        background:url(../img/input_bg.gif) no-repeat;            
        width:139px;
        height:21px;
        margin-top:10px;        
        }  
      .auth .form .btn {
        float:right;
        width:28px;
        height:21px;
        }
    .auth .links {
      margin-top:10px;
      padding-left:40px;
      }
    .header .step2 {
      float:left;
      position:relative;
      top:150px;
      left:-10px;
      }
      .header .step2 .two {
        width:30px;
        height:33px;
        padding:13px 0 0 17px;
        float:left;
        }
      .header .step2 .caption { 
        margin-top:30px;
        margin-left:55px;
        }
    .header .step3 {
      float:left;
      width:240px;
      position:relative;
      top:65px;
      left:100px;
      }
      .header .step3 .three {
        width:30px;
        height:33px;
        padding:13px 0 0 17px;
        float:left;        
        }
      .header .step3 .caption {
        margin:20px 0 0 60px;
        }
      .header .step3 .banners {
        clear:both;
        padding:10px 0 0 30px;
        text-align:center;
        }
        .header .step3 .banners img {
          margin:0 5px 7px 0;
          }
  .header1 .steps {
    }
    .header1 .step1 {
      float:left;
      width:250px;
      position:relative;
      left:15px;
      top:10px;
      }
      .header1 .step1 .one {
        width:25px;
        height:33px;
        padding:13px 0 0 20px;  
      }
      .header1 .step1 .caption {
        margin-left:55px;
      } 
      .header1 .step1 .balans {
        margin:15px 0 0 70px;
        }
      /* hack for FF2 */  
      .header1 .step1 .balans, x:-moz-any-link {
        margin-left:35px;
        }
        .header1 .step1 .balans th {
          text-align:left;
          width:100px;
          }
      .header1 .step1 .links {
        margin:10px 0 0 100px;
        }
    .header1 .step2 {
      float:left;
      position:relative;
      top:130px;
      left:168px;
      }    
      .header1 .step2 .two {
        width:30px;
        height:33px;
        padding:13px 0 0 17px;
        }
      .header1 .step2 .caption {
        margin:25px 0 0 55px;
      }               
    .header1 .step3 {
      float:right;
      position:relative;
      top:100px;
      left:30px;
      }
      .header1 .step3 .three {
        width:30px;
        height:33px;
        padding:13px 0 0 17px;
        }
      .header1 .step3 .caption {
        margin:20px 0 0 55px;
      }
  .header1 .title {
    position:absolute;
    left:150px;
    top:120px;
    margin:5px 0 0 150px;
    }
  .tarif {
    clear:both;
    overflow:hidden;
    padding:35px 0 0 210px;
    background:url(../img/line2.gif) no-repeat center top;
    }
    div.tarif div {
      background:url(../img/tarif.gif) no-repeat;
      float:left;
      width:187px;
      height:106px;
      margin-right:10px;
      }
      .tarif h2 {
        margin:7px 0 0 8px;
        }
      .tarif h3 {
        margin:0 0 9px 7px;
        } 
      .tarif a {
        margin-left:12px;
        }
.nav_ad {
  background:url(../img/line2.gif) no-repeat center top;
  padding:25px 0 0 220px;
  overflow:hidden;
  zoom:1;
  }     
  .nav_ad ul {    
    float:left;
    margin-right:40px;
    }
  .nav_ad ul.red    li{background:url(../img/red.gif)   no-repeat left center;}
  .nav_ad ul.blue   li{background:url(../img/blue.gif)  no-repeat left center;}
  .nav_ad ul.green  li{background:url(../img/green.gif) no-repeat left center;}
  .nav_ad ul.orange li{background:url(../img/orange.gif) no-repeat left center;}      
    .nav_ad li {
      padding:0 0 3px 10px;
      }
        
/* Middle Layout
------------------------------------------ */        
.middle {
  clear:both;
  margin:70px 0 0 30px;
  overflow:hidden;
  } 


  .middle .f_col, .middle .s_col {
    float:left;
    width:200px;
    }
   #news a{
  text-decoration:none;
    }


.middle .s_col {
 width:500px;
    margin-left:30px;
    margin-right:30px;
    }


  .middle h2 {  
    margin-bottom:20px;
    }
  .middle .online {
    float:left;
    width:164px;
    padding-top:206px;
    background:#FF6C00 url(../img/women.png) no-repeat;
    }
    .middle .online h3 {
      text-align:center;
      padding:8px 0;
      }
    .middle .online img {
      margin:0 2px 0 4px;
      padding-bottom:10px;
      float:left;
      }
  .middle .content {
    margin:30px 0 0 230px;
    }


    .content .path {
      overflow:hidden;
      zoom:1;
      height:30px;
      margin-bottom:15px;
      }
    .middle .content h2 {
      float:left;
      }
    .middle .content h2.current { 
      }      
    .middle .content .arrow {
      float:left;
      margin:0 5px;
      }
    .middle .content .sort {
      margin-bottom:10px;
      }
      .middle .content .sort label {
        margin-right:10px;
        }
      .middle .content .sort input.btn {
        margin-left:10px;
        position:relative;
        top:5px;
        }
    .middle .content table { 
      border-collapse:collapse; 
      } 
      .middle .content table thead {
        border:1px solid #FF6C00;
        }       
      .middle .content table thead th {
        background-color:#FF6C00;
        border:0px solid white;
        border-right-width:1px;
        text-align:center;
        padding:3px 6px;
        }
      .middle .content table thead th.last {
        border:none;
        }  
      .middle .content table tbody td {
        text-align:center;      
        padding:3px;
        border:1px solid #FF6C00;        
        } 

      .middle .content table tbody td {
        text-align:center;      
        padding:3px;
        border:1px solid #FF6C00;        
        }
	
 
.middle .content .tbl_content td {
        text-align:left;      
        padding:3px;
        border:0px;        
        }		


.middle .content .txt td {
        text-align:left;      
        padding:3px;
        border:0px;        
        }

.middle .content .tb1_content2  td {
        text-align:left;      
        padding:3px;
        border:1px solid #FF6C00;        
        }		



  .middle .sep {
    height:60px;
    }               



/* Footer Layout
------------------------------------------ */  
.footer {
  border:0px solid #FF6C00;
  border-width:1px 0 0;
  margin:25px 0 10px;
  padding:10px 0 0;
  width:960px;
  margin:0 auto;
  } 
  .footer .banners {
    float:left;
    } 
    .footer .banners img{
      margin-right:5px;
      border:1px solid #FF6C00;
      }     
  .footer .copy {
    float:right;
    }
.pages_n {text-align:center; width:650px}
.pages_n a, .pages_n span {margin:0 7px 0 0; display:inline-block}