/* css by Tatiana Uzun, mailto: vogel.tatiana@gmail.com */
* {margin:0; padding:0}
html, body {height:100%; width:100%}
body {background:#EEEFF1; color:#333333; font:12px Tahoma, Arial, Helvetica}
address, blockquote, dl, fieldset, form, label, ol, p, pre, ul  {font-size:12px; margin:0; padding:0}
ul, ol {list-style-position:inside}
h1, h2, h3, h4, h5, h6 {color:#333333; font-family:Tahoma, Arial, Helvetica; font-weight:bold; margin:0; padding:0}

h1 {font-size:14px; margin:0 0 15px 0}
h2 {font-size:12px; margin:0 0 10px 0}
h3 {font-size:11px; margin:0 0 13px 0}
    h3 a {color:#333333; text-decoration:none}
    h3 a:hover {text-decoration:underline}  
h4 {font-size:12px}
h5 {font-size:11px}
h6 {font-size:10px}

/* Table */
table.examples { border: 0; border-collapse: collapse }
table.examples td { padding: 0px; vertical-align: top; text-align: left; }

/* Links */
img {border: 0}
a img {border: 0}
a {color: #56d62e; text-decoration: underline}
a:hover, a:focus, a:active {text-decoration: none}
a:focus, a:active {outline:none}
:focus { -moz-outline-style: none}

input,select {vertical-align: middle; height: 21px}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}

.align-rt{float:right; margin:0 0 0 10px;}
.float-lt{float:left; display:block}
.float-rt{float:right; display:block}
.clear {clear:both}
.clear-all {clear:both; width:100%}
.overflow {overflow:auto; width:100%}

/* ** layout ** */
.global {background:url(../images/global_top.gif) 0 0 repeat-x; _height: 100%; margin:0 auto; min-width:1000px; position: relative; width:100%}
html>body .global {height: auto !important; min-height: 100% !important; }
.global-inner {margin:0 auto; padding:17px 0 120px 0; width:924px}

/* ** header ** */
.header {background:url(../images/header_bg.gif) 0 0 repeat-x; height:117px; padding:0 0 24px 0}
    .h-left {background:url(../images/header_lt.jpg) 0 0 no-repeat; color:#fff; float:left; font:19px Arial, Helvetica, sans-serif; height:97px; line-height:35px; padding:20px 0 0 18px; width:513px}
        .h-left b {font-size:24px}
    .h-right {background:url(../images/header_rt.gif) 100% 0 no-repeat; float:right; height:107px; padding:10px 17px 0 6px; width:370px}
        .h-icons {float:right; list-style-type:none; margin:0; padding:0}
            .h-icons li {float:left; margin:0 0 3px 15px;}
            .h-home img {background:url(../images/icons.gif) 0 0 no-repeat; height:10px; width:11px}
            .h-home:hover img {background:url(../images/icons.gif) -11px 0 no-repeat}
            .h-mail img {background:url(../images/icons.gif) 0 -10px no-repeat; height:10px; width:11px}
            .h-mail:hover img {background:url(../images/icons.gif) -11px -10px no-repeat}
        .h-logo {clear:right; float:left;}
        
/* ** content ** */
.left-column {float:left; width:192px}
    .menu {list-style-type:none; margin:18px 0 0 0; padding:0}
        .menu li {background:url(../images/dots01.gif) 0 0 repeat-x; font-size:14px; padding:10px 0}
        .menu li:first-child {background:none}
        .menu a {color:#56d62e; display:block; padding:0 0 0 18px; text-decoration:none}
        .menu a:hover {text-decoration:underline}       
        .menu a.active {color:#006600;}
            .menu1 a {background:url(../images/menu1.gif) 0 2px no-repeat}
            .menu2 a {background:url(../images/menu2.gif) 0 2px no-repeat}
            .menu3 a {background:url(../images/menu3.gif) 0 2px no-repeat}
            .menu4 a {background:url(../images/menu4.gif) 0 2px no-repeat}
            .menu5 a {background:url(../images/menu5.gif) 0 2px no-repeat}
            .menu6 a {background:url(../images/menu6.gif) 0 2px no-repeat}
            .menu7 a {background:url(../images/menu7.gif) 0 2px no-repeat}
.content {float:right; margin:0 17px 0 0; width:647px}
    .content p {padding-bottom:12px}
    .content ul {margin:0 0 12px 0}
    .content ul ul {margin:0 0 0 10px; list-style-type:none}    
    .el-rte-structure p {padding-bottom:12px}
    .el-rte-structure ul {margin:0 0 12px 0}
    .el-rte-structure ul ul {margin:0 0 0 10px; list-style-type:none}    
.examples {width:99%}   
    .examples td {padding:0 30px 35px 0; width:270px}
    .ex-img {float:left; width:88px}
    .ex-img img {border:2px solid #0BAEED}
    .examples ul {list-style:inside; margin:0 0 5px 0}
.pink {color:#FF0066}
.order-form {margin:0 0 0 20px}
    .order-block {background:url(../images/block01_bg.gif) 0 0 repeat-y; margin:0 0 16px 0}
    .order-bot {background:url(../images/block01_bot.gif) 0 100% no-repeat}
    .order-top {background:url(../images/block01_top.gif) 0 0 no-repeat; padding:20px 0 20px 20px; width:402px} 
    .content .order-form p {overflow:auto; padding:0}
    .order-form div {overflow:auto}
    .order-form label {color: #424645}
    .of-txt {background:#fff; border:1px solid #666666; color:#000; font:11px "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica; height:16px; margin:0 0 7px 0; padding:3px 5px; width:226px}
    .of-label {float:left; padding:3px 0 0 0; width:149px}
    .of-select {background:#fff; border:1px solid #666666; color:#000; font:11px "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica; height:24px; margin:0 0 7px 0; width:238px}
    .of-txtarea {background:#fff; border:1px solid #666666; color:#000; font:11px "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica; height:87px; margin:3px 0 7px 0; padding:0 0 0 5px; width:380px}
    .of-label2 {float:left; padding:3px 0 0 20px; width:149px}
    .of-txt2 {background:#fff; border:1px solid #666666; color:#000; font:11px "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica; height:16px; margin:0 10px 19px 0; padding:3px 5px; width:110px}
    .btn-send {background:url(../images/btn_send.gif) 0 0 no-repeat; border:0; cursor:pointer; height:26px; margin:0 10px 0 32px; width:88px}
    
/* ** footer ** */
.footer {bottom:30px; color:#fff; font:10px Tahoma, Arial, Helvetica; height:67px; position: absolute; width:100%}
    .f-inner {background:url(../images/footer_bg.gif) 0 0 repeat-x; height:67px; margin:0 auto; width:924px}    
        .f-inner p {font-size:10px;}
    .f-left {background:url(../images/footer_lt.gif) 0 0 no-repeat; float:left; height:47px; padding:20px 0 0 20px; width:220px}
        .f-left a {color:#fff}
    .f-center {padding:30px 0 0 0; text-align:center;}
        .f-center a {color:#006600; font-size:11px}
    .f-right {background:url(../images/footer_rt.gif) 100% 0 no-repeat; float:right; height:58px; padding:9px 17px 0 0; text-align:right}
    .f-counters {list-style-type:none; margin:5px 0 0 0; overflow:auto; padding:0;}
        .f-counters li {float:left; margin:0 0 0 13px}
        .f-counters img {border:1px solid #5697C2}      
        
.of-select option {padding-left: 3px;}
.text-img {float:left; border:2px solid #0BAEED;margin: 0 10px 10px 0;}
.content ul li p {display:inline;}
.content table { border: 1; border-collapse: collapse; text-align: center; }
.content table td { padding: 10px; }
.content table th { padding: 10px; text-align: left; }
.content table tr.gray { padding: 10px; background-color: #DDDDDD; }
.content table tr.gray td { font-weight: bold; }