/* --------------------------------------------------------------

   Blueprint CSS Framework
   [bjorkoy.com/blueprint]

   * Screen & Projection Styles *

   This is the main CSS-file for the framework.
   Include this in the <head> of every page. See the
   Readme file in this directory for further instructions.

-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/grid.css";
@import "lib/buttons.css";
/* End import/hide */


/* Compressed version:
   [http://teenage.cz/acidofil/tools/cssformat.php]

   Comment out @import statements above, and add this
   one when your site has launched (Ca 60% compressed):
   @import "lib/compressed.css"; */


/*Uncomment the line below to see the grid and baseline.
   (Assuming you've wrapped your columns in a container).

  .container { background: url(lib/img/grid.png); }
  .container { background: url(lib/img/baseline.png); } */

body {
    background: url(../images/bg.gif) top repeat-x #0181b5 scroll;
    color: white;
       width: 100%;
    font-size: 12px; 
}

#tooltip{
background:#59B6DB;
border:1px solid #FFFFFF;
color: #FFFFFF;
margin:0px;
padding:3px 6px;
position:absolute;
visibility:hidden;
z-index: 10;
opacity:0.8;
-moz-opacity:0.8;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/*
div {
    background: transparent;
    width: 100%;
  }
*/

.logo-bg{
    background: url(../images/bg_tl.jpg) no-repeat top left;
    width: 100%;
    height: 118px;
    margin-top: 3px;
}

.top-menu {
    width: 400px;
    margin-left: 540px;
    padding-top: 90px;
    color: #0199b9;
}

a {color: white;}

.top-menu a {color: #0199b9;}

.menutext {
    text-transform: uppercase;
    text-align: center;
    color: white;
    padding-top: 5px;
    font-size: 120%;
    font-weight: bolder;
    cursor: pointer;
}

.menutext a {color: white; text-decoration: none; font-weight: 600;}

.green {
    background: url(../images/b.jpg) no-repeat top;
    height: 40px;
}

.blue {
    background: url(../images/b1.jpg) no-repeat top;
    height: 40px;
}

.menu, .form, .table-up, .table-down {
  width: 770px;
}

input.domaininput{
    height: 11px;
    width: 215px;
    font-size: 11px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;

}

input.domaininput2{
    height: 11px;
    width: 80px;
    font-size: 11px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;

}
input.formazakaza{
    height: 14px;
    width: 280px;
    font-size: 14px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;

}
input.formadname{
    height: 15px;
    width: 135px;
    font-size: 14px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;

}
select.formazakaza{
    
    width: 283px;
    font-size: 14px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;

}
select.formadzone{
    
    width: 140px;
    font-size: 14px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;

}
input.formamobkod{
    height: 14px;
    width: 30px;
    font-size: 14px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;
}
input.formamobnomer{
    height: 14px;
    width: 140px;
    font-size: 14px;
    color: white;
    background: #59b6db;
    border: 1px Solid White;
}

span.domaintext {
    color: White;
    font-size: 11px;
    margin-top: 2px;
    margin-left: 3px;
    display: block;
    vertical-align: bottom;
    margin-left: 63px;
    margin-top: 19px;
}

.checkboxspan {
    height: 13px;
    color: white;
    font-weight: 400;
}



.checkbox {
    height: 13px;
    width: 13px;
    background: #59b6db;
    border: 1px Solid White;
}

div.checktext {
    color: White;
    font-size: 11px;
    margin-left: 25px;
}

.input-button {
    background: url(../images/df_f.gif);
    width: 84px;
    height: 71px;
    border: 0px;
}

.more {
    color: white;
    margin-left: 257px;
    margin-top: 3px;
    display: block;
    position: absolute;
    z-index: 25;
}

.vopros {
  width: 243px;
  height: 241px;
  border: 1px Solid #3f98bf;
  background: url(../images/vopros.jpg) top left no-repeat;
}

.krug {
  width: 244px;
  height: 241px;
  border: 1px Solid #3f98bf;
  background: url(../images/krug.jpg) top left no-repeat;

}

.vopros table, .krug table {
  padding-left: 20px;
}

.vopros p, .krug p {
  padding-left: 50px;
}


.free h1 {color: White; text-transform: uppercase;}

.nopad {
  padding: 0px;
  margin: 0px 0px 0px 5px;
}

.round {
  margin-top: 4px;
  display: block;
  z-index: 27;
  position: absolute;

}
.readmore {text-align: right; color: #eac473;}
.readmore a {color: #eac473; font-weight: bolder; padding-right: 15px;}

.freeline {
  border-bottom: 1px Solid #01a4c6; height: 30px; vertical-align: bottom;}


.oblako {
  width: 243px;
  height: 94px;
  border: 1px Solid #3f98bf;
  background: url(../images/oblako.jpg) top left no-repeat;
}
.lines {
  border: 1px solid #3F98BF;
  
}
/* Текст на страницах \*/
.bodytext {
  font-family: Verdana;
  color: #ffffff;
  font-size: 14px;
  text-align: left;
}

.oblako p, .oblako h3 {
  padding-left: 22px;
}


.readmoregreen {text-align: right; color: #9ffe9f;}
.readmoregreen a {color: #9ffe9f; font-weight: bolder; padding-right: 15px;}

.ilka {
  display: none;
}