/** common **/
table.poor, .poor td { border-collapse: collapse; margin:0; padding:0; }
.w100       { width:100%; }
.center     { text-align:center; }
.right      { text-align:right; }
.left       { text-align:left; }
.top        { vertical-align:top; }
.top td     { vertical-align:top; }
.bottom     { vertical-align:bottom; }
.bold       { font-weight:bold; }
.clear      { clear:both; }
.require, .red    { color:red; }
.hidden		{ display:none; }

body        { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:80%; background:#033056; 
}
.spacer     { width:3px; height:30px; }
.small      { font-size:11px; }
.big      { font-size:18px; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:17px; }
h1, h2, h3 {  padding-top:0; margin-top:0; padding-bottom:4px; font-family: 'PT Serif Caption', serif; font-weight: 400; color: #032649;}
h3 {  }

a { color:#418bd5; /*#8439B7;*/ outline: none; }
a:visited { color:#2b5f93; /*#8439B7;*/ }
a:hover { color:#5ddeff; }
a img { border:0; }

.mouse { cursor:pointer; }

strong {  }
ul li { padding-bottom:.8em; }

/* feedback */
div.feedback { padding-bottom:80px; }
table#feedback { width:50%; }
#feedback td { font-weight:bold; padding:.2em 1em .5em 0; }
#feedback td input { margin-top:.2em; }
#feedback td input, #feedback td textarea { width:90%; }
#feedback td input.email, #feedback td input.phone { width:60%;}
#feedback .send { width:118px; height: 30px; font-weight:bold; }

/* pages */
a.act, a.act:hover { color:#cc00cc; text-decoration:none; }
.page_num { font-size:130%; margin:0 .2em 0 .2em; }
#pages { border-top:1px solid silver; padding-bottom:20px; }
#pages span { margin:5px; }
#pages span, #pages a { font-size:130%; }

/* error */
#errorform { margin:1em 0 2em 0; border:1px solid #7E3333; background:#FEFFE0; }
#errorform td { color:#5E1313; padding:1em; font-weight:bold; }

.submit { margin-left:1em; font-size:120%; }

/****/

#main { width:950px; margin:0 auto; background:#fff; box-shadow: 0px 0px 60px 50px #02213b; }

.inner_head { height:100px; }

#logo { position:absolute; margin:15px; z-index:100; }

#lang { position:absolute; z-index:50; margin-left:838px; margin-top:12px; font-size:11px;  }
#lang a { text-decoration:none; margin-right:6px; }
#lang a.act { color:#418bd5; font-weight:bold; }

#download_link a { display:block; border:1px solid red; text-decoration: none; 
    position:absolute; z-index:50; 
    margin-left:32px; margin-top:266px; 
    text-align: center; 
    height:50px; width:192px; 
    border:1px solid #b6ee77; border-radius:12px; box-shadow: 3px 3px 2px #cfcece; 
    background: #78a41b url(/i/download-bg.png) bottom repeat-x;
    padding-top:5px;
}    
#download_link a:hover {   background: #85b71a url(/i/download-bg.png) top repeat-x; font-family: 'PT Serif Caption', serif;  }
#download_link .link { font-size:22px; font-weight: bold; color:#fff; text-shadow: -2px -2px #6c9509; font-family: 'PT Serif Caption', serif; }    
#download_link .version{ display:block; font-size:13px; color:#365816; text-shadow: -1px -1px #80b22a; line-height: .8em; font-family: 'PT Serif Caption', serif;}

#main_banner { height:340px; }
.big_banner { position:absolute; z-index:10; height:340px; width:950px; font-family: 'PT Serif Caption', serif; font-weight: 400; font-style: normal;  }
.big_banner .slogan { font-size:36px; padding:134px 0 0 32px; color:#033056; }
.controltraffic { background: url("/i/big_banner_controltraffic.png") right center no-repeat; }
.canbe { background: url("/i/big_banner_canbe.png") right center no-repeat; }
.happy { background: url("/i/big_banner_happy.png") right center no-repeat; }
.hosting { background: url("/i/big_banner_hosting.png") right center no-repeat; }
.ban_1 { background: url("/i/big_banner_1.jpg") right bottom no-repeat; }
.ban_2 { background: url("/i/big_banner_2.jpg") right bottom no-repeat; }
.ban_3 { background: url("/i/big_banner_3.jpg") right bottom no-repeat; }
.ban_4 { background: url("/i/big_banner_4.jpg") right bottom no-repeat; }
#banner_mark {
    margin-top:310px;
    margin-left:860px;
    position: absolute;
    z-index:50; 
}
#banner_mark a {
    background: url("/i/banner_marker.png") no-repeat scroll -15px 0 transparent;
    display: inline-block;
    height: 12px;
    width: 12px;
}
#banner_mark a.act {
    background-position: 0 0;
}


.central { background:url(/i/central-bg.png) top left repeat-x; }

.menu { padding-top:37px; padding-bottom:30px; }
.menu ul { margin:auto; padding:0 30px; list-style-type: none; height:51px; background:url(/i/menu-bg.png) center center no-repeat; }
.menu ul li { float:left;   }
.menu ul li a {  display:block; text-transform:uppercase; color:#fff; text-decoration: none; font-size:17px; line-height:50px;  padding-left:30px; padding-right:17px; }
.menu ul li a.act {  color:#fcee21;  }
.menu ul li a:hover { color: #5ddeff; /*#fcf8b8;*/  }

.copyright { color:#033056; padding:30px 30px 20px 30px;}
.copyright .line { border-top:2px solid #8197aa; height:0px; margin-bottom:20px; box-shadow: 0 0 0px 1px #dbe4eb; }
.copyright .links { /*margin-left: 730px; position: absolute;*/ float:right; }
.copyright .links a { font-size:10px; margin:0 10px;  }

.tezis { width:600px; margin:30px 0; }
.tezis td { background:url(/i/tezis-bg.png) left top  no-repeat; padding:10px 15px 30px 10px; vertical-align: top; width:50%; }
.tezis td div h3 { padding-left:105px; }
.tezis td div.tezis_sql { background:url(/i/tezis_sql.png) left top  no-repeat; }
.tezis td div.tezis_weight { background:url(/i/tezis_weight.png) left top  no-repeat; }
.tezis td div.tezis_db { background:url(/i/tezis_db.png) left top  no-repeat; }
.tezis td div.tezis_start { background:url(/i/tezis_start.png) left top  no-repeat; }

.right_column { float:right; width: 290px; }
.right_column .margin { margin-left:30px; }
.height_big { height:700px; }

.right_column2 { float:right; width: 450px; }
.right_column2 .margin { margin-left:30px; }


.feedback_block { background:url(/i/feedback.png) left top no-repeat; height:105px; width:260px; border:1px solid #d5e8ff; box-shadow: 0 0 0px 1px #d5e8ff; border-radius:5px; }
.feedback_block .text { padding:15px 15px 15px 105px; }

.content { padding:0 30px;  }
.text { color:#333; line-height:1.4em; }
.small_descr { font-size:11px; }

.compare { border-collapse:collapse;  }
.compare th { padding:6px 10px; border-bottom:1px solid #555; border-top:1px solid #555;  }
.compare td { padding:6px 10px; border-bottom:1px dotted #555; text-align: center; }
.compare td.t { text-align: left; background:#FCFFEE; }

.yes { background:url(/i/check.gif) no-repeat; width:16px; height:12px; margin:0 auto;}

.how_to_use { margin:0 0 0 70px; }
.how_to_use .point { padding:30px 0; float:left; width:314px; height:250px; margin:0 50px 0px 0px; }
.how_to_use .point img { float:left;  }
.how_to_use .num { float:left; font-size:45px; font-weight:bold; padding-right:15px; color:#eee; }
.how_to_use .h2 {  }

.download-link { margin:40px 0 15px 0;}
.download-link h2 { padding-top:10px;}
.download-link .mb { padding-left:6px; color:#555; }
.download-link .os { margin-bottom:20px; }
.download-link h2 { margin:0 0 10px; padding:0; }
.download-link h2 span { font-size:14px; }
.os { width:80px; height:80px; margin-right:10px; float:left;  }
.win { background:url(/i/cross_platform2.png) -8px -10px no-repeat; }
.mac { background:url(/i/cross_platform2.png) -100px -5px no-repeat; }
.linux { background:url(/i/cross_platform2.png) -188px -15px no-repeat; }

.highslide img { border:0 !important; }

a.external { padding-right:13px; background:url(/i/nww.png) right 1px no-repeat;} 

/* socials */
.inner_head #socials { padding-left: 600px; padding-top: 30px;  }
#main #socials { height:100px; }
.inner_head #socials .helpus { margin-bottom:10px; }
#socials .sharrre .button { float:left; width:90px;  }

.bigtext { font-size:16px; margin-bottom:30px; }
.screenshots { margin:0 0 30px 0; clear:both; }
.screenshots div { width:200px; float:left; padding:0 10px 15px 0; }

.yetold { padding:0 0 0 15px; color:#FB4848; }

/* faq */
.faq .q { margin:20px 0 5px 0; color:#2081CF; font-size:14px; }
.faq .a { margin:5px 0 20px 0; }
code, pre { font-size:13px; padding:4px; background:#FFFEE2; margin:0; }
code { padding:0; }
.faq a.external { /*display:block;*/ margin-top:4px; font-size:11px; }