@font-face 
{
    font-family: Century Gothic;
    src: url(CenturyGothic/GOTHIC.TTF);

}
@font-face 
{
    font-family: Century Gothic Bold;
    src: url(CenturyGothic/GOTHICB.TTF);

}
*
{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
        
	    
}

body
{
	
	background: url("../images/b-content.jpg");
	margin: 0;
	padding: 0;
}
h1
{
	font: Italic 36px Georgia;
	margin: 30px 0 12px 0;
}
#wrapper
{
	width: 1200px;
	margin: 0 auto;
}
.clear
{
	clear: both;
}
/*******************************************
**************HEADER************************
*******************************************/




#head_back
{
	height: 225px;
	width: 100%;
	background: url('../images/b_header.jpg') ;
	margin-bottom: -225px;
}

#title
{
	font-size: 80pt;
	line-height: 165px;
	font-family:  Century Gothic Bold;
	float: left;
	padding: 0 50px; text-shadow: 2px 2px 2px black, 0 0 1em black; /* Параметры тени */
    
    
}
#link_title, #link_title:hover, #link_title:active
{
	color: #e6e6e6;
	text-decoration: none;
}
#contact_head
{
	float: right;
	margin-right: 80px;
}
#enter
{	
	height: 36px;
	width: 316px;
	background: url('../images/h_menu.jpg');
	padding: 8px 0 0 13px;
	margin-bottom: 20px;
}
#enter a
{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
	color: #9c9da3;
}
#contact_head p
{
	color: #e6e6e6;
	margin: 5px;
	padding: 0;
}
/****************************************
*************Hostings*******************
****************************************/
.table_head
{
	background: url('../images/header-grid.jpg');
	height: 54px;
	border: none;
	border-collapse:collapse; 
}
.table_head th
{
	padding: 0;
	font: Italic 26px Georgia; 
}
.table_subhead
{
	background: url('../images/b-grid.jpg');
}
.table_subhead td
{
	font: Italic 20px Georgia; 
	color: #afa5a5;
}
.table_host
{
	background: url('../images/b-zakaz.jpg');
	vertical-align: middle;
	text-align: center;
	width: 90%;
	border: none;
	border-collapse:collapse;
	margin: 0 auto;
}
#arenda_serv
{
    background: url('../images/b-zakaz.jpg');
	vertical-align: middle;
	text-align: center;
	width: 90%;
	border: none;
	border-collapse:collapse;
	margin: 0 auto;
}
.row td
{
    color: black;
}
.table_host td
{
	padding: 5px 10px;
} 
tr.row:nth-child(2n)
{
	background: #f6f6f6;
}
tr.row:nth-child(2n+1)
{
	background:#e3e3e3;
}
tr.row:nth-child(2n+1) td.td:nth-child(4n-2), tr.row:nth-child(2n+1) td.td:nth-child(4n)
{
	background: #ebebeb;
}
td.td:nth-child(4n-2), td.td:nth-child(4n)
{
	background: #ffffff;
}
.blue
{
	color: #5192df;
	font-size: 26px;
}
.last_row
{
	background: #bebebe;
	border-top: 1px solid #666666;
        
    height: 50px;

}
.last_row td
{
    padding-bottom: 10px !important;
}
button.zakaz
{
	background: url('../images/button-passive.jpg');
	height: 29px;
	border: 1px solid #bebebe;
	color: #666666;
	padding: 0 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
button.zakaz:hover
{
	background: url('../images/button-active.jpg');
	color: #fff;
}
button.zakaz:active
{
	background: url('../images/button-onclick.jpg');
	color: #fff;
}
/****************************************
*************MAIN MENU*******************
****************************************/
.nav-container
{ background: 
           url('../images/b-menu.jpg') repeat-x 0 0;
 
}
    .f-nav
    {
        z-index: 9999;
        position: fixed; 
        left: 0; top: 0;
        width: 100%;
       
         background-position:top, center;
	 -webkit-padding-right:20px !important;
       
        
    } /* this make our menu fixed top */
    .f-nav a
    {
       /* padding-left:50px;*/
    }
.nav {
    height: 42px;
    width: 100%;
}
    .nav ul 
    {
          
        padding: 0;
        list-style: none; 
      float: left;
      padding-left: 46px;
        
    }
    .nav ul li
    {
              margin-top: 6px;
              
           
	background-repeat: no-repeat;
      
        
      
    }
    .nav ul li:first-child{ padding-left: 0;
    }
    .nav ul li a { }
    .nav ul li a:hover{ text-decoration: underline;}
#main_menu {
height: 106px;
width: 1200px;
background: url('../images/b_menu.jpg');
text-align: center;
padding: 5px 0 0;
margin: 0 auto;
box-shadow: 3px 3px 10px black;
}
#main_menu ul
{
	width: 1100px;
height: 78px;

}
#main_menu ul li
{
	display: inline-block;
	padding: 0px 19px 0;
            
  
	background-repeat: no-repeat;
}
#ico_host
{
	background: url('../images/sprite_icons2.png') 0 0;
        display:  block;
        width: 71px;
        height: 51px;
}
#ico_server
{
	background: url('../images/sprite_icons2.png')  -60px 0;
         display:  block;
        width: 71px;
        height: 51px;
}
#ico_stojka
{
	background: url('../images/sprite_icons2.png') -142px 0;
         display:  block;
        width: 71px;
        height: 51px;
}
#ico_zakaz
{
	background: url('../images/sprite_icons2.png') -213px 0;
         display:  block;
        width: 71px;
        height: 51px;
}
#ico_oplata
{
	background: url('../images/sprite_icons2.png') -279px 0;
         display:  block;
        width: 71px;
        height: 51px;
}
#ico_pravila
{
	background: url('../images/sprite_icons2.png') -340px 0;
         display:  block;
        width: 71px;
        height: 51px;
}
#ico_faq
{
	background: url('../images/sprite_icons2.png') -419px 0;
         display:  block;
        width: 71px;
        height: 51px;
}
#ico_feedback
{
	background: url('../images/sprite_icons2.png') -488px 0;
         display:  block;
        width: 71px;
        height: 51px;
        margin-left: 15px;
}
#ico_about
{
	background: url('../images/sprite_icons2.png')70px 0;
        display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_host
{
	background-position:  0 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_server
{
	background-position:  -60px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_stojka
{
	background-position: -142px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_zakaz
{
	background-position: -213px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_oplata
{
	background-position: -279px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_pravila
{
	background-position: -340px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_faq
{
	background-position:  -419px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_feedback
{
	background-position: -488px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}
#main_menu li:hover #ico_about
{
	background-position: 70px 52px;
         display:  block;
        width: 71px;
        height: 51px;
}

/****************************************************
*********************IMG*****************************
****************************************************/

.img
{
	float: left;
	margin: 30px 12px 0;
	height: 341px;
	overflow: hidden;
}
.description
{
	width: 100%;
	height: 250px;
	position: relative;
	z-index: 2;
}
.description h2
{
	font-size: 32px;
	line-height: 50px;
	margin: 0;
	text-align: center;
}
.img1
{
	background: #0D99D1;
}
.img2
{
	background: #068EC9;
}
.img3
{
	background: #026BAA;
}
/****************************************************
*********************Order*****************************
****************************************************/

.order
{
    
    background: url('../images/header-zakaz.jpg');
   height: 70px; 
  
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
     width: 800px;
    
}

.order ol
{
    display: block;
     list-style-type:  none;
    margin: 0 auto;
     padding: 5px 0 0 0px;
}
.order li
{
    text-align: center;
    float: left;
    display: block;
     padding: 0px 15px;
     white-space: nowrap;
}
.order select 
{
   
    display: block;
     margin: 15px auto;
    padding: 0 auto;
    background-color: #2a2d36 !important;
  width: 280px;
  border-color: #AFA5A5;
  border: 5px;

 
  
}
.li_pad
{
    margin:  15px auto;
    padding-left: 120px !important;
    padding-right: 2px !important;
}
.order h1
{
    font: Italic 36px Georgia;
	margin: 0;
    
}
.walk
{
    float: right;
   text-decoration: none;
    font:  25px Segoe ;
   
    color: #AFA5A5;
}

.walk_li
{
    float: right;
  margin: 10px 20px 10px;
   padding-left: 10px;
}
.order_body
{
    background: url(../images/b-zakaz.jpg);
    height: 400px;
    width: 800px;
    
    display: block;
    margin-top: -5px !important;
}
.order_body_2
{
    background: url(../images/b-zakaz.jpg);
    height: 400px;
    width: 800px;
    
    display: block;
    margin-top: -5px !important;
}
.order_body_3
{
    background: url(../images/b-zakaz.jpg);
    height: 400px;
    width: 800px;
    
    display: block;
    margin-top: -5px !important;
}
.fields input
{
    background-color: #2a2d36;
    border: none;
    margin-left: 145px;
    margin-right: 10px;
    
}
.order_body li
{
    list-style-type: none;  
}
.order_body select
{
     
    display: block;
        padding: 0 auto;
   background-color: #2a2d36 !important;
    border-color: #AFA5A5;
  border: 5px;
 margin-left: 192px;
  
}
.order_body option
{
 background-color: #2a2d36 !important;

}
.order_body_ul
{
  display: block;
     list-style-type:  none;
    margin: 0 auto;
     padding: 5px 0 0 0px;
}
.order_body_li
{
    text-align: center;
    float: left;
    display: block;
     padding: 0px 2px;
     white-space: nowrap;
}
.order_body_2 select
{
     
    display: block;
        padding: 0 auto;
   background-color: #2a2d36 !important;
    border-color: #AFA5A5;
  border: 5px;
 margin-left: 192px;
  
}
.order_body_2 option
{
 background-color: #2a2d36 !important;

}

#1click
{
    
}
#click
{
    
}

/****************************************************
*********************rull*****************************
****************************************************/
.both
{
    width: 100%;
    
}
.right_column
{
    display: inline-block;
    float: left;
    text-align: justify;
    width: 600px;
}

.left_column
{
    display: inline-block;
    text-align: justify;
    float: left;
    width: 600px;
}
.right_column ul
{
     list-style-type: none;
}

.left_column ul
{
    list-style-type: none;
}
.left_column_inp input
{
    float: right;
    margin-top: 1px;
   margin-left: 50px;
   display: block;
   background: url(../images/b-futer.jpg);
   border-color: #AFA5A5;
   margin-bottom: 10px;
    
}
.left_column_inp
{
    display: inline-block;
    float: left;
     margin-left: 50px;
}

.message
{
    
    display: block;
    background: url(../images/triangle.png)no-repeat;
    height:28px;
    width: 100px;
    float: right;
    margin-right: 100px;
    margin-top: -3px;
   
}
.field 
{
    clear:both;
    text-align:right;
    margin-bottom: 10px;
}
label 
{
    line-height:25px;
    float:left;
}
.textarea_1
{
    background: #e7e7e7;
    display: block;
    float: right;
    margin-right: 143px;
    width: 290px;
    height: 100px;
    resize: none;
    color: black;
}
.blue_1
{
    color: #5192df;
}
.down_info
{
    text-align: justify;
    margin-top: 30px;
}
.down_info ul
{
list-style-type: none;  
}
.check li
{
    background: url(../images/marker_pravila1.png)no-repeat;
    padding-left: 50px; 
}
.check_2 li
{
    background: url(../images/marker_FAQ.png)no-repeat;
    padding-left: 50px;
}
.call_back
{
     background: url(../images/marker_FAQ.png)no-repeat;
    padding-left: 50px;
}
.call_back_1
{
     background: url(../images/marker_telephone.png)no-repeat;
    padding-left: 50px;
}
.kompani li
{
      background: url(../images/marker_company.png)no-repeat;
    padding-left: 50px;
    margin-bottom: 20px;
    
}
.radio_button h2
{
   margin-left: -24px;
  
}
.radio_button_1
{
     background: url(../images/radibutton_active.png)no-repeat;
    padding-left: 50px;
    margin-bottom: 20px;
}
/*************************************************************************
**************************DOWN_MENU***************************************
*************************************************************************/
.down_menu
{
    background: url(../images/b-futer.jpg);
    float: left;
    display: inline-block;
  
    width: 100%;
    height: 120px;
    margin: 20px 0 0 0;
    
}
.down_menu a
{
    text-decoration:none;
}
.down_menu ul
{
    display: inline;
    float: left;
    list-style-type: none;
    
    
}
.down_menu h2
{
    padding: 0 auto;
    margin: 0 auto;
}
.down_menu p
{
    padding: 0;
    margin: 0;
}


   
.click_click:hover
{
  color: white !important;
    
}
.click:checked
{
    
}
.modalDialog
{
      position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
   background:  none repeat 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
    overflow:  scroll;
}
.modalDialog:target {

    display: block;

    pointer-events: auto;

}
.modalDialog body
{
    overflow: hidden;
}

 

.modalDialog > div {

    

    position: relative;

    margin: 10% auto;

    padding: 5px 20px 13px 20px;

   
   

   

}
.close:hover 
{
    
img:  url('../images/button-active.jpg');
}
.close {

    line-height: 25px;

    position: absolute;

    text-align: center;
  
       text-decoration: none;

    font-weight: bold;

   

}
.advansed_rulls
{
    background: none no-repeat;
    padding: 0 0 0 25px;
}

.active
{
    color: whitesmoke !important;
}

.lock
{
    overflow: hidden;
}
.forms
{
    float: left;
    margin-left: 30px;
}
.td_buttons
{
    float: left;
}
.good
{
    color: #666666;
    float: left;
 margin: 18px 0 0 329px;
width: 100px;
}
#site
{
    display: none;
}
#portal
{
    display: none;
}
#nl_2
{
    display: none;
}
#USA_3
{
    display: none;
}
#USA_4
{
    display: none;
}
#USA_5
{
    display: none;
}