/* HTML5 ✰ Boilerplate */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #8BBA0C; color:#fff; text-shadow: none; }
::selection { background:#8BBA0C; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #8BBA0C; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/**
 * Primary styles
 *
 * Author:
 */
h1{font-family: arial; font-size: 21px; color: #545760; font-weight: normal;}
h3{font-size: 36px; font-family: Georgia; font-style: italic; color: #70afd0; font-weight: normal; text-shadow: #ffffff -1px 1px 1px;}

.clear {clear: both; font-size: 0px; height: 0px; overflow: hidden; line-height: 0px; }
.clear-l{clear: left; font-size: 0px; overflow: hidden; line-height: 0px; }
.nobr {white-space: nowrap;}
img.png {behavior: url(css/iepngfix.htc);}
.db{ display: block; }
.pos-rel{ position: relative; }
.al{ text-align: left; }
.ar{ text-align: right; }
.ac{ text-align: center; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.vb{ vertical-align: bottom; }
.fl{ float: left; }
.fr{ float: right; }
.fs-0{ font-size: 0px; }
.fs-i{ font-style: italic; }
.ws-n{ white-space: nowrap; }
.ov-h{ overflow: hidden; }

div.null{ font-size: 0px; height: 1px; width: 1px; line-height: 0px; overflow: hidden; }

.pl-10{padding-left: 10px;}
.pl-20{padding-left: 20px;}

.pr-10{padding-right: 10px;}
.pt-10{padding-top: 10px;}
.pr-25{padding-right: 25px;}
.pr-40{padding-right: 40px;}

.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-35{padding-bottom: 35px;}
.pb-45{padding-bottom: 45px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-60{padding-top: 60px;}

.pad-01{padding: 0 30px 0 10px;}
.pad-02{padding: 0 30px 0 20px;}

.mr-20{margin-right: 20px;}
.ml-260{ margin-left: 260px; }

.t-14{font-size: 14px;}
.t-17g{font-size: 17px; font-family: georgia; font-style: italic; color: #4d97bd; text-shadow: #ffffff -1px 1px 1px;}
.t-21a{font-size: 21px; font-family: Arial; color: #545760;}
.t-22g{font-size: 22px; font-family: georgia; font-style: italic; color: #70afd0; text-shadow: #ffffff -1px 1px 1px;}
.lh-16{line-height: 16px;}
.lh-18{line-height: 18px;}

.t-17g a{color: #2d505b; text-decoration: none; border-bottom: 1px dashed #2d505b; text-shadow: #ffffff -1px 1px 1px;}
.t-17g a:hover{color: #2d505b; text-decoration: none; border-bottom: none;}

a:active, a:focus, img { outline: 0; }


header{ background: #f9fafa url("../images/bg_cap.jpg") 50% 0% no-repeat; z-index: 0; border-bottom: 1px solid #bdc1c7; }
header div.cap{ width: 1000px; margin: 0px auto; position: relative; height: 584px;}

div.logo{ float: left; width: 260px; padding-top: 6px;position: relative; padding-left:6px; }
div.cap-text1{ font-family: arial; font-size: 11px; color: #838a94; padding-top: 0px; padding-bottom: 0px; }
div.cap-text1 a{color: #838A94; text-decoration: underline;}
div.cap-text1 a:hover{color: #5bb5da; text-decoration: underline;}

div.menu-top{font-family: Georgia; font-size: 17px; font-style: italic; padding-bottom: 35px;}
div.menu-top span{padding-right: 20px;}
div.menu-top span a{color: #2d505b; text-decoration: underline;}
div.menu-top span a:hover{color: #4d97bd; text-decoration: none;}

div.cap-text2{font-family: arial; font-size: 30px; color: #545760;}
div.cap-text3{font-family: arial; font-size: 21px; color: #545760; padding-bottom: 5px;}
div.cap-text4{font-family: Georgia; font-size: 18px; color: #4d97bd; font-style: italic; height: 50px;}
div.cap-text4 b.elm-1{display: block; float: left; background: url("../images/sprite_01.png") left top no-repeat;
        padding: 3px 5px 7px 6px;}
div.cap-text4 b.elm-2{display: block; float: left; background: url("../images/sprite_01.png") 0px -35px no-repeat;
        padding: 3px 5px 10px 0px;}
div.cap-text4 b.elm-3{display: block; float: left; background: url("../images/sprite_01.png") -1px -95px no-repeat;
        padding: 3px 5px 7px 0px;}

div.pos-abs1 {
    position: absolute;
    left: 48px;
    height: 275px;
    z-index: 1;
    top:0;
}

div.pos-abs2 {
    position: absolute;
    right: 48px;
    height: 275px;
    z-index: 2;
    top:0;
}

.portfolio .active {
    z-index: 300 !important;
    -webkit-box-shadow: 0px 40px 15px #393939;
    -moz-box-shadow: 0px 40px 15px #393939;
    box-shadow: 0px 40px 15px #393939;
}

div.pos-center{
    position: absolute;
    left: 260px;
    height: 320px;
    z-index: 1;
    top:60px;
    cursor: pointer;
}

a.proekt{position: absolute; width: 158px; height: 131px; background: url("../images/bl_circle-1.png") left top no-repeat; z-index: 4000;
  right: 0px; top: 266px; font-family: georgia; font-style: italic; color: #fff; text-align: center; padding-top: 87px; padding-bottom: 10px;
  text-decoration: none;  display: block;}
a.proekt:hover{text-decoration: none; color: #fff;}
a.proekt span.tt-1{text-shadow: #79a61f 1px -1px 1px; font-size: 22px;}
a.proekt span.tt-2{text-shadow: #71ba12 1px -1px 1px; font-size: 15px;}

#main{background: #e7ebed url("../images/bg_main.png") 50% 100% no-repeat; border-top: 1px solid #eeeeee; z-index: 2000; position: relative;}
#main div.main-content{ width: 1000px; margin: 0px auto;}

div.bg-blog{background: url("../images/bg_blog.png") 0px 0px no-repeat; position: absolute; left: -92px; top: -35px;
     font-family: georgia; font-style: italic; color: #fff; text-align: right;
     width: 183px; height: 98px; z-index: 5; padding-top: 55px;}
div.bg-blog a{text-shadow: #7aa71f 1px -1px 1px; font-size: 26px; padding-right: 17px; color: #fff; text-decoration: none;
      padding-right: 17px;}
div.bg-bloga:hover{color: #fff; text-decoration: none;}

div.navi { padding: 8px 0px 20px 430px; }
div.navi a{ width:24px; height:24px; float:left; margin:0px 6px 0px 0px; display:block; font-size:3px;
    background: url("../images/sprite_02.png") 0px -50px no-repeat; text-decoration: none; }
div.navi a:hover{ background-position:0 0px; text-decoration: none; }
div.navi a.active{ background-position:0 0px; text-decoration: none; }

ul.block-blog {width:100%; padding:0; margin:0; margin-top: 5px;}
ul.block-blog li {width: 33%; vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0; }

ul.block-blog li div.bg-bl-blog1, div.bg-bl-blog2, div.bg-bl-blog3{background: url("../images/sprite_03.png") left top no-repeat;
   height: 150px;}
ul.block-blog li div.bg-bl-blog2{ background-position: 0px -202px;}
ul.block-blog li div.bg-bl-blog3{ background-position: 0px -395px;}

div.br-img {margin: 10px 12px 0px 0px;}
div.br-img2{margin: 7px 10px 0px 0px;}
div.br-img3{margin: 5px 15px 0px 0px;}

ul.block-blog li div.br-img, div.br-img2, div.br-img3{ position: relative; overflow: hidden;
-moz-border-radius: 37px; -webkit-border-radius: 37px; border-radius: 37px; width: 75px; height: 75px;
background-position: 50% 50%; background-repeat: no-repeat; behavior: url(pie.htc); float: right;}

ul.block-blog li div.br-text, div.br-text2{font-family: georgia; font-style: italic; font-size: 12px; color: #444751;
    line-height: 20px;  padding-left: 20px; padding-top: 11px;  text-shadow: #ffffff -1px 1px 1px; text-indent: -13px;}

ul.block-blog li  div.br-text3{font-family: georgia; font-style: italic; font-size: 12px; color: #444751;
    line-height: 20px;  padding-left: 25px; padding-top: 17px;  text-shadow: #ffffff -1px 1px 1px; text-indent: -15px;}

ul.block-blog li div.br-text a, div.br-text2 a, div.br-text3 a{ color: #444751; text-shadow: #ffffff -1px 1px 1px; text-decoration: none;}
ul.block-blog li div.br-text a:hover, div.br-text2 a:hover, div.br-text3 a:hover{ color: #58616d; text-shadow: #ffffff -1px 1px 1px; text-decoration: underline;}

ul.block-blog li div.br-text span, div.br-text2 span, div.br-text3 span{font-family: georgia; font-style: italic; font-size: 22px;
    color: #838a94; text-shadow: none;}

table.blocks .column {width: 20px; border-top: none;}
table.blocks td {width: 306px; border-top: 1px solid #bdc1c7; padding-bottom: 40px;}
table.blocks td div.bor-t{ border-top: 1px solid #eeeeee; padding: 10px 5px 5px 5px;}

textarea {
    width: 635px;
    height: 203px; display: block;
    border: 1px solid #b0c4d0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc);
    padding: 10px 0px 0px 10px;
}

.textarea {
    float: left;
    border: 3px solid #ccd7de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc); position: relative;
    background: #ccd7de;
}

button {
    background: transparent url(../images/01_button.png) no-repeat;
    box-shadow: 0 0 3px #ccd7de;
    border: 3px solid #ccd7de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc); position: relative;
    font-size: 21px;
    font-style: italic;
    font-family: Georgia;
    color: #fff;
    height:45px;
    width: 145px;
    text-shadow: 0 -1px 0 #7aa71f;
    padding: 7px;
}

h2 {
    font-size: 21px;
    color: #2d505b;
    font-family: Georgia;
    font-style: italic;
    text-shadow: 1px 1px 0px #fff;
    text-decoration: underline;
    white-space: nowrap;
    margin-bottom: 5px;
}

h2 a {color: #2d505b !important;}
h2 a:hover {color: #4d97bd !important;}

a.gr{color: #669933; text-decoration: underline;}
a.gr:hover{color: #337699; text-decoration: underline;}

footer{border-top: 1px solid #bdc1c7;}
footer div.bt-foot{border-top: 1px solid #eeeeee;height:296px; background: url("../images/bg_footer.jpg") 50% 0% no-repeat;}
footer div.bt-foot div.foot-main{    
  margin: 0 auto;
  position: relative;
  width: 1000px;
  z-index: 2;
}

ul.bl-ft {width:100%; padding:0; margin:0; margin-top: 5px; margin-bottom: 30px;}
ul.bl-ft li {vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0;}
ul.bl-ft li.cell-1{width: 210px;}

ul.bl-ft li.cell-2{width: 195px;}
ul.bl-ft li.cell-2 div span{position: relative; top: -8px; padding-right: 15px;}

ul.bl-ft li.cell-3{width: 255px;}

ul.bl-ft li.cell-4{width: 285px;}
ul.bl-ft li.cell-4 a{ font-family: arial; font-size: 12px; color: #4d97bd; text-decoration: underline; padding-left: 10px;}
ul.bl-ft li.cell-4 a:hover{color: #2d505b; text-decoration: underline;}

header.inner{ background: #f9fafa url("../images/bg_cap_text.jpg") 50% 0% no-repeat; z-index: 0; border-bottom: 1px solid #bdc1c7; }
header.inner div.cap{ width: 1000px; margin: 0px auto; position: relative; height: 250px;}
div.logo-text{ width: 152px; padding: 6px 100px 0px 6px; }

div.menu-top-text{font-family: Georgia; font-size: 17px; font-style: italic; color: #4d97bd;
    padding-bottom: 25px; overflow: hidden;}
div.menu-top-text div.bl-1, div.bl-2, div.bl-3, div.bl-4{float: left; background: url("../images/sprite_04.png") 5px -76px no-repeat;
    margin-right: 10px; padding: 18px 15px;}
div.menu-top-text div.bl-2{background-position: 0px 0px; }
div.menu-top-text div.bl-3{background-position: 2px -158px; }
div.menu-top-text div.bl-4{background-position: 0px -235px; }
div.menu-top-text div a{color: #2d505b; text-decoration: none;}
div.menu-top-text div a.active{color: #4d97bd; text-decoration: none;}
div.menu-top-text div a:hover{color: #4d97bd; text-decoration: none;}

div.clouds{position: relative; width: 730px;}
div.clouds div{position: absolute; font-family: Georgia; font-style: italic; white-space: nowrap;}
div.clouds div a{color: #70afd0; text-decoration: none;}
div.clouds div a:hover{color: #70afd0; text-decoration: underline;}
div.clouds div.cls-1{left: -3px; top: 44px; font-size: 48px;}
div.clouds div.cls-2{left: 415px; top: -10px; font-size: 30px;}
div.clouds div.cls-3{left: 295px; top: 30px; font-size: 24px;}
div.clouds div.cls-4{left: 430px; top: 61px; font-size: 24px;}
div.clouds div.cls-5{left: 99px; top: 18px; font-size: 18px;}
div.clouds div.cls-6{left: 220px; top: 80px; font-size: 18px;}
div.clouds div.cls-7{left: 502px; top: 94px; font-size: 16px;}

div.crohi{font-family: georgia; font-size: 17px; font-style: italic; color: #2d505b; text-shadow: 1px 1px 0px #fff; padding: 20px}
div.crohi span{display: block; padding-right: 5px; float: left;}
div.crohi span.active{ color: #4d97bd; text-shadow: 1px 1px 0px #fff; background: url("../images/trifle_06.png") 0px 3px no-repeat;
line-height: 17px; padding: 2px 63px 0px 6px; min-width: 170px; }
div.crohi span a{ color: #2d505b; text-shadow: 1px 1px 0px #fff; text-decoration: underline;}
div.crohi span a:hover{ color: #2d505b; text-shadow: 1px 1px 0px #fff; text-decoration: none;}

div.portf-menu{font-family: georgia; font-size: 17px; font-style: italic; color: #3b97c7; text-shadow: 1px 1px 0px #fff; padding-bottom: 7px;}
div.portf-menu div.pt-1, div.pt-2, div.pt-3, div.pt-4, div.pt-5{float: left; margin-right: 10px;}
div.portf-menu div.pt-1 a, div.pt-2 a, div.pt-3 a, div.pt-4 a, div.pt-5 a{background: url("../images/sprite_05.png") 0px 10px no-repeat;
       color: #2d505b; text-shadow: 1px 1px 0px #fff; text-decoration: underline; display: block; padding: 14px 8px 17px 5px;}
div.portf-menu div.pt-1 a:hover, div.pt-2 a:hover, div.pt-3 a:hover, div.pt-4 a:hover, div.pt-5 a:hover{color: #2d505b;
    text-shadow: 1px 1px 0px #fff; text-decoration: none;}
div.pt-2 a{padding-right: 17px;}
div.pt-3 a{background-position: 2px -82px;}
div.pt-4 a{background-position: 7px -180px;}
div.pt-5 a{background-position: 6px -280px;}

div.portf-menu div.pt-1 span, div.pt-2 span, div.pt-3 span, div.pt-4 span, div.pt-5 span{background: url("../images/sprite_06.png");
    background-repeat: no-repeat; display: block;
    color: #3b97c7; text-shadow: 1px 1px 0px #fff; padding: 17px 8px 17px 12px;}
div.pt-2 span{background-position: 2px -77px;}
div.pt-3 span{background-position: 2px -165px;}
div.pt-4 span{background-position: 7px -245px;}
div.pt-5 span{background-position: 6px -345px;}

ul.portfilio-list {width:100%; padding:0; margin:0; margin-top: 5px;}
ul.portfilio-list li {width: 33%; vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0; padding-bottom: 40px;}

div.bl-pfoto{width: 294px; height: 210px; background: #ffffff; padding: 4px;
        border-top: 1px solid #d4d9dc; border-left: 1px solid #d4d9dc;
        border-right: 1px solid #adb0b3; border-bottom: 1px solid #adb0b3;
        box-shadow: 2px 2px 1px #c5c9cc; -webkit-box-shadow: 2px 2px 1px #c5c9cc; -moz-box-shadow: 2px 2px 1px #c5c9cc;
position: relative;
    overflow: hidden;
}
div.bl-pfoto div{background-position: 50% 50%; background-repeat: no-repeat; width: 294px; height: 210px;}
div.bl-pfoto div a{text-decoration: none; display: block; height: 210px;}
div.bl-pfoto div a:hover{text-decoration: none;}
div.title-1 {padding: 10px 0px 3px 0px;}
div.title-1 a{font-size: 21px; font-family: Georgia; font-style: italic; color: #2d505b; text-shadow: 1px 1px 0px #fff;
                text-decoration: underline; display: block; padding: 0px 0px 5px 3px; float: left; min-width: 160px;}
div.title-1 a:hover{color: #3b97c7; text-shadow: 1px 1px 0px #fff; text-decoration: none;
                    background: url("../images/trifle_05.png") 0px 2px no-repeat;}
div.photo-text{font-size: 15px; font-family: Arial; color: #444751; line-height: 22px;}

table.pages{width: 100%;}
table.pages td{width: 50%; vertical-align: top; font-family: Georgia; font-size: 17px; font-style: italic; color: #758791;
    text-shadow: 1px 1px 0px #fff; padding-bottom: 25px;}
.previous-gr{background: url("../images/sprite_07.png") 0px -105px no-repeat; padding: 1px 0px 7px 35px; text-decoration: none;}
.previous-bl{background: url("../images/sprite_07.png") 0px -52px no-repeat; padding: 3px 0px 7px 35px; text-decoration: none;}
.next-bl{background: url("../images/sprite_07.png") right -2px no-repeat; padding: 1px 35px 7px 0px; text-decoration: none;}
.next-gr{background: url("../images/sprite_07.png") right -157px no-repeat; padding: 3px 35px 7px 0px; text-decoration: none;}
.pages a,.pages span{
    padding: 0 5px;
}

div.title-2{padding: 0px 0px 20px 0px;}

div.cell-left{float: left; width: 683px;}
div.cell-right{width: 312px; margin-left: 683px;}

div.bord-shadow{box-shadow: 0px 0px 8px #a5a9ab; -webkit-box-shadow: 0px 0px 8px #a5a9ab; -moz-box-shadow: 0px 0px 8px #a5a9ab;
                float: left; margin-bottom: 25px; margin-left: 10px;}

ul.choice {width:100%; padding:0; margin:0;}
ul.choice li {width: 24%; vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0; padding-bottom: 25px;}

.choice a {
    width: 138px;
    height: 138px;
    display: block;
    box-shadow: 0px 0px 5px #a5a9ab;
    -webkit-box-shadow: 0px 0px 5px #a5a9ab;
    -moz-box-shadow: 0px 0px 5px #a5a9ab;
    border: 3px solid transparent;
}
.choice a:hover {
    box-shadow: 0px 0px 10px #a5a9ab;
    -webkit-box-shadow: 0px 0px 10px #a5a9ab;
    -moz-box-shadow: 0px 0px 10px #a5a9ab;
}

.choice a.selected {
    border: 3px solid #6eccfc;
    -webkit-box-shadow: 0px 0px 3px #6eccfc;
    -moz-box-shadow: 0px 0px 3px #6eccfc;
    box-shadow: 0px 0px 3px #6eccfc;
}
div.opisanie{font-size: 15px; font-family: arial; color: #444751; line-height: 22px; padding: 0px 20px 45px 10px;}

div.avtor{padding: 8px 0px 55px 10px; background: url("../images/trifle_07.png") 28px 0px no-repeat;}
div.avtor div.bd-rad{-moz-border-radius: 37px; -webkit-border-radius: 37px; border-radius: 37px; behavior: url(pie.htc); position: relative;
            width: 75px; height: 75px; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; float: left; }
div.name{font-size: 12px; font-family: Georgia; font-style: italic; color: #444751; text-shadow: 1px 1px 0px #fff; line-height: 15px;
    margin-left: 90px; padding-top: 5px;}
div.name a{color: #2d505b; text-shadow: 1px 1px 0px #fff; text-decoration: underline;}
div.name a:hover{color: #2d505b; text-shadow: 1px 1px 0px #fff; text-decoration: none;}

div.bl-white{background: #fff; -moz-border-radius: 146px; -webkit-border-radius: 146px; border-radius: 146px; behavior: url(pie.htc);
    position: relative; width: 292px; height: 292px; margin-bottom: 20px;}
div.bl-white div.ttt{padding: 70px 40px 0px 40px; font-family: Arial; font-size: 13px; color: #444751; line-height: 16px;
    text-align: center; height: auto;}
div.bl-white div.link{padding: 40px 0px 0px 20px; font-family: Georgia; font-size: 14px; font-style: italic; text-align: center}
div.bl-white div.link a{color: #5d9200; text-decoration: underline; background: url("../images/trifle_09.gif") right 0px no-repeat;
                        padding-right: 20px; padding-top: 3px;}
div.bl-white div.link a:hover{color: #5d9200; text-decoration: none;}
div.bl-white div.abs-img{position: absolute; right: 8px; bottom: 0px;}

div.block-1{font-family: arial; font-size: 13px; color: #444751; line-height: 18px; padding-bottom: 50px; padding-left: 40px;}
div.block-1 a{color: #6e9d1e; text-decoration: underline;}
div.block-1 a:hover{color: #6e9d1e; text-decoration: none;}
div.block-1 img{display: block; border: 1px solid #b8bec2;}
div.block-1 p{padding-bottom: 7px;}

ul.cont-map {width:100%; padding:0; margin:0; margin-top: 240px;}
ul.cont-map li {vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0; padding-bottom: 25px;}
ul.cont-map li.cell-1{width: 340px;}
ul.cont-map li.cell-2{width: 655px;}

div.map{background: url("../images/map.png") right 20px no-repeat;}
div.adres{width: 310px; padding-left: 10px; font-family: Arial; font-size: 13px; color: #444751; line-height: 16px;}

div.cont-1{width: 120px; float: left; line-height: 21px;}
div.cont-2{margin-left: 140px; line-height: 21px;}
div.cont-2 a{color: #689312; text-decoration: underline;}
div.cont-2 a:hover{color: #689312; text-decoration: none;}

div.bg-map{position: absolute; left: 815px; top: 40px;}

div.podpis{font-family: arial; font-size: 12px; padding-top: 15px; padding-left: 25px;}
div.podpis p{ color: #838a94; text-shadow: 1px 1px 0px #fff;}
div.podpis p span{ color: #4d97bd; text-shadow: 1px 1px 0px #fff; font-family: Georgia; font-style: italic;}
div.podpis span.date{font-size: 11px; color: #838a94; padding-left: 15px;}

div.ttt-1{font-size: 15px; color: #444751; font-family: Arial; line-height: 22px;}
div.block-comp div{width: 130px; height: 55px; background-image: url("../images/sprite_008.png"); background-repeat: no-repeat;
  float: left; padding-top: 85px; font-family: Georgia; font-size: 16px; color: #689312; text-shadow: #ffffff -1px 1px 1px;}
div.bl-c1{background-position: left top; padding-left: 15px;}
div.bl-c2{background-position: left -155px; padding-left: 15px;}
div.bl-c3{background-position: left -310px; padding-left: 10px;}
div.bl-c4{background-position: left -465px; padding-left: 10px;}

.ttt-2{font-size: 20px; font-family: georgia; color: #689312; text-shadow: #ffffff -1px 1px 1px; line-height: 30px;}
div.block-comp2 div{width: 140px; float: left; border-bottom: 1px solid #b7bcbe;}
div.block-comp2 a{text-decoration: none; border-bottom: 1px solid #c5c6c8; display: block;}

div.pad-but{padding-top: 25px; padding-bottom: 45px; text-align: center;}
div.head01{background: url("../images/sprite_09.png") left 28px no-repeat; font-family: georgia; font-size: 18px; font-style: italic;
            color: #545760; padding: 25px 0 10px 10px;}
div.head02{background: url("../images/sprite_09.png") left -16px no-repeat; font-family: georgia; font-size: 18px; font-style: italic;
            color: #545760; padding: 25px 0 10px 10px;}
div.head03{background: url("../images/trifle_04.png") 13px 26px no-repeat; font-family: Arial; font-size: 12px;
            padding: 25px 0 10px 10px;}
div.adress00{font-size: 13px; font-family: arial; color: #444751; line-height: 18px; padding-left: 10px; padding-right: 65px;}
div.adress00 a{color: #4d97bd; text-decoration: underline;}
div.adress00 a:hover{color: #4d97bd; text-decoration: none;}
div.adress00 a.map-0{background: url("../images/bg_map.gif") 40px 0px no-repeat; display: block;
    color: #4d97bd; text-decoration: none;}
div.adress00 a.map-0:hover{color: #4d97bd; text-decoration: none;}

div.adress00 a.map-0 span{color: #4d97bd; border-bottom: 1px dashed #4d97bd;}
div.adress00 a.map-0:hover span{color: #4d97bd; border-bottom: none;}

table.intr td{vertical-align: middle; padding-bottom: 10px; height: 25px;}
table.intr td.pic{width: 24px; padding-left: 10px; padding-right: 10px;}
table.intr a{color: #4d97bd; text-decoration: underline;}
table.intr a:hover{color: #4d97bd; text-decoration: none; font-size: 13px;}

div.tg-vs{padding: 10px 0 27px 10px; font-size: 12px; font-family: arial; color: #444751; line-height: 18px;}
input.trf-1{width: 138px; border: 1px solid #ccd7de; font-size: 13px; color: #ccd7de; padding: 3px 5px;}
div.butt-0{width: 46px; height: 32px; background: url("../images/trifle_15.png") left top no-repeat;
        font-family: georgia; font-size: 17px; font-style: italic; color: #2d505b; text-align: center; line-height: 32px;}
div.butt-0 a{color: #2d505b; text-decoration: none;}
div.butt-0 a:hover{color: #2d505b; text-decoration: none;}

div.googl-map{box-shadow:inset 0px 0px 8px #000; -webkit-box-shadow:inset 0px 0px 8px #000;
    -moz-box-shadow:inset 0px 0px 8px #000; height: 250px;  display:none; position: relative;}

#gmaps_shadow_bottom {
    background: url("/images/gmaps_shadow_bottom.png") repeat scroll 0 0 transparent;
    bottom: 0;
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 103;
}
#gmaps_shadow_top {
    background: url("/images/gmaps_shadow_top.png") repeat scroll 0 0 transparent;
    height: 17px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 103;
}
div.shar{height: 95px; overflow: hidden;}

ul.services {width:100%; padding:0; margin:0;}
ul.services li {width: 49%; vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0; padding-bottom: 40px;}
ul.services p{padding-bottom: 10px; font-family: georgia; font-size: 20px;}
ul.services p a{color: #689312; text-shadow: #ffffff -1px 1px 1px; text-decoration: underline;}
ul.services p a:hover{color: #689312; text-shadow: #ffffff -1px 1px 1px; text-decoration: none;}
ul.services div.serv-p{float: left; width: 91px; padding: 0 7px 0 0;}
ul.services div.serv-t{font-size: 15px; color: #444751; line-height: 22px; padding-right: 15px; padding-top: 5px;}
ul.services p.m-1{font-family: georgia; font-size: 17px; color: #989ca2; font-style: italic; line-height: 24px; padding-bottom: 7px; padding-right: 10px;}

.ttt-02{font-size: 20px; font-family: georgia; color: #989ca2; text-shadow: #ffffff -1px 1px 1px; line-height: 28px;}

div.blog-menu{font-family: georgia; font-size: 17px; font-style: italic; color: #3b97c7; text-shadow: 1px 1px 0px #fff; padding-bottom: 7px;}
div.blog-menu div.pt-1, div.pt-2, div.pt-3, div.pt-4, div.pt-5{float: left; margin-right: 10px;}
div.blog-menu div.pt-1 a, div.pt-2 a, div.pt-3 a, div.pt-4 a, div.pt-5 a{background: url("../images/sprite_05.png") 0px 10px no-repeat;
       color: #2d505b; text-shadow: 1px 1px 0px #fff; text-decoration: underline; display: block;}
div.blog-menu div.pt-1 a:hover, div.pt-2 a:hover, div.pt-3 a:hover, div.pt-4 a:hover, div.pt-5 a:hover{color: #2d505b;
    text-shadow: 1px 1px 0px #fff; text-decoration: none;}
div.pt-1 a{padding: 14px 25px 17px 20px;}
div.pt-2 a{background-position: 2px -82px; padding: 14px 12px 17px 13px;}
div.pt-3 a{background-position: 2px -82px; padding: 14px 12px 17px 13px;}
div.pt-4 a{background-position: 6px -373px; padding: 14px 30px 17px 32px;}
div.pt-5 a{background-position: 0px 10px; padding: 10px 5px 17px 3px;}

div.blog-menu div.pt-1 span, div.pt-2 span, div.pt-3 span, div.pt-4 span, div.pt-5 span{background: url("../images/sprite_06.png");
    background-repeat: no-repeat; display: block;
    color: #3b97c7; text-shadow: 1px 1px 0px #fff;}
div.pt-1 span{padding: 12px 28px 17px 25px;}
div.pt-2 span{background-position: 2px -165px; padding: 14px 15px 17px 15px;}
div.pt-3 span{background-position: 2px -165px; padding: 14px 15px 17px 15px;}
div.pt-4 span{background-position: 7px -440px; padding: 14px 25px 17px 35px;}
div.pt-5 span{background-position: 6px -165px; padding: 14px 20px 17px 20px;}

div.block-blog1{padding-bottom: 35px;}
div.block-blog1 p{padding-bottom: 15px; font-family: georgia; font-size: 20px; color: #689312; padding-right: 20px;}
div.block-blog1 p a{color: #689312; text-decoration: underline;}
div.block-blog1 p a:hover{color: #689312; text-decoration: none;}

div.block-blog1 div.pic-img{width: 304px; height: 220px; margin: 0 auto; box-shadow: 1px 1px 2px #adb0b3; -webkit-box-shadow: 1px 1px 2px #adb0b3;
                    -moz-box-shadow: 1px 1px 2px #adb0b3;}
div.block-blog1 div.pic-img div{width: 294px; height: 210px; padding: 4px; border: 1px solid #d4d9dc; background: #fff;}

div.block-blog1 div.text{ font-family: Arial; font-size: 15px; color: #444751; line-height: 22px;
    padding-right: 20px; padding-bottom: 5px;}
div.twitter,div.block-blog1 div.link{width: 150px; float: right; padding-top: 30px; padding-left: 35px;}
div.chat{background: url("../images/trifle_17.gif") left 7px no-repeat; padding: 5px 16px 0 22px;
    font-family: Arial; font-size: 13px; color: #989ca2;}
div.rw{background: url("../images/trifle_18.png") left top no-repeat; padding: 6px 15px 9px 17px; font-family: Arial; font-size: 13px;}
div.rw a{color: #4d97bd; text-decoration: underline;}
div.rw a:hover{color: #4d97bd; text-decoration: none;}
div.photo{
    /*background: url("../images/bg_podl_avt.png") left top no-repeat; */
    padding: 12px 29px 7px 17px;}
div.avtor00 td{font-family: arial; color: #a1a5ab;}
div.avtor00 span.bl{color: #4d97bd;}
div.avtor00 span.bl a{color: #4d97bd; text-decoration: underline;}
div.avtor00 span.bl a:hover{color: #4d97bd; text-decoration: none;}

div.teg span{font-size: 13px; font-family: georgia; padding-right: 40px; line-height: 230%; white-space: nowrap;}
div.teg span a{color: #444751; text-decoration: underline;}
div.teg span a:hover{color: #444751; text-decoration: none;}
td.cell0-right .bbb p{font-size: 20px; font-family: georgia; color: #4D97BD; padding-top: 60px; padding-bottom: 5px;}

td.cell0-left{width: 680px; vertical-align: top;}
td.cell0-right{width: 300px; vertical-align: top;}

div.arh-head{padding-top: 20px; padding-bottom: 7px; font-family: georgia; font-size: 20px; color: #4D97BD; text-shadow: #ffffff -1px 1px 1px;}
div.arh-head a{color: #4D97BD; text-decoration: none; border-bottom: 1px dashed #4D97BD;}
div.arh-head a:hover{text-decoration: none; border-bottom: none;}

div.arhiv-list{padding-left: 15px;}
div.arhiv-list p{padding-bottom: 10px; font-family: arial; font-size: 13px; color: #444751;}
div.arhiv-list p a{color: #444751; text-decoration: underline;}
div.arhiv-list p a:hover{color: #444751; text-decoration: none;}

div.pic-img1{width: 624px; height: 436px; margin: 0 auto; box-shadow: 1px 1px 2px #adb0b3; -webkit-box-shadow: 1px 1px 2px #adb0b3;
                    -moz-box-shadow: 1px 1px 2px #adb0b3;}
div.pic-img1 div{width: 614px; height: 426px; padding: 4px; border: 1px solid #d4d9dc; background: #fff;}
div.sign{width: 480px; margin: 0 auto; font-family: arial; color: #a1a5ab; line-height: 16px; padding: 10px 0;}
div.t21-head{font-family: arial; font-size: 21px; color: #545760; padding-bottom: 17px; padding-top: 30px;}

div.block-blog1 div.pic-img2{width: 353px; height: 436px; margin: 0 auto; box-shadow: 1px 1px 2px #adb0b3; -webkit-box-shadow: 1px 1px 2px #adb0b3;
                    -moz-box-shadow: 1px 1px 2px #adb0b3;}
div.block-blog1 div.pic-img2 div{width: 343px; height: 426px; padding: 4px; border: 1px solid #d4d9dc; background: #fff;}

div.tegi-link{font-family: arial; color: #a1a5ab; padding-top: 7px; padding-left: 10px;}
div.tegi-link span{padding-right: 3px;}
div.tegi-link a{color: #4d97bd; text-decoration: underline;}
div.tegi-link a:hover{color: #4d97bd; text-decoration: none;}

table.vidzhet td{vertical-align: middle; padding: 30px 25px 0 10px;}

div.kat-list{padding-left: 15px;}
div.kat-list p{padding-bottom: 10px; font-family: Georgia; font-size: 17px; color: #2d505b; font-style: italic; text-shadow: #ffffff -1px 1px 1px;}
div.kat-list p a{color: #2d505b; text-decoration: underline;}
div.kat-list p a:hover{color: #2d505b; text-decoration: none;}


div.chat-online{ font-family: arial; font-size: 11px; color: #689312;
    background: url("../images/chat_on.gif") 0px 10px no-repeat; padding: 17px 0 30px 35px; }
div.chat-online div.manager{/*float: left; */padding-right: 15px; white-space: nowrap;}
div.chat-online div.link{position: relative;}
div.chat-online div.link a{color: #689312; text-decoration: none; border-bottom: 1px dashed #689312;}
div.chat-online div.link a:hover{color: #689312; text-decoration: none; border-bottom: none;}

div.chat-online div.reply{border: 1px solid #ccd7de; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px;
    -o-border-radius: 7px; behavior: url(pie.htc); float: left; padding: 3px 8px; color: #444751;
        position: absolute; left: -24px; top: 18px;}
div.chat-online div.reply div.arr{position: absolute; top: -12px; left: 3px; overflow: hidden;}
div.chat-online div.reply a{color: #444751; text-decoration:  underline; border-bottom: none;}
div.chat-online div.reply a:hover{color: #444751; text-decoration:  none;}

div.chat-online div.reply-t{border: 1px solid #ccd7de; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px;
    -o-border-radius: 7px; behavior: url(pie.htc); float: left; padding: 3px 8px; color: #444751;
        position: absolute; left: 59px; top: 19px; background: #fff;}
div.chat-online div.reply-t div.arr{position: absolute; top: -6px; left: -16px; overflow: hidden;}
div.chat-online div.reply-t a{color: #444751; text-decoration:  underline; border-bottom: none;}
div.chat-online div.reply-t a:hover{color: #444751; text-decoration:  none;}

div.chat-offline{ font-family: arial; font-size: 11px; color: #4d97bd;
    background: url("../images/chat_off.gif") 0px 10px no-repeat; padding: 17px 0 30px 35px; }
div.chat-offline div.manager{/*float: left; */padding-right: 15px; white-space: nowrap;}
div.chat-offline div.link{position: relative;}
div.chat-offline div.link a{color: #4d97bd; text-decoration: none; border-bottom: 1px dashed #4d97bd;}
div.chat-offline div.link a:hover{color: #4d97bd; text-decoration: none; border-bottom: none;}


div.text-01{font-size: 15px; font-family: arial; line-height: 22px; padding: 20px 30px 25px 20px;}
.head04{font-size: 20px; font-family: georgia; font-style: italic; color: #689312; text-shadow: #ffffff -1px 1px 1px;}
.head04 a{color: #689312; text-shadow: #ffffff -1px 1px 1px; text-decoration: none; border-bottom: 1px dashed #689312;}
.head04 a:hover{color: #689312; text-shadow: #ffffff -1px 1px 1px; text-decoration: none; border-bottom: none;}

div.service-detail{padding-bottom: 30px; padding-top: 10px; font-family: arial; font-size: 15px; color: #444751; line-height: 22px;}
div.service-detail .picture{width: 91px; padding: 0 20px 0 20px; float: left;}
div.service-detail .text-podr{margin-left: 131px; padding-right: 30px;}

div.landing-page{font-family: arial; font-size: 15px; color: #444751; line-height: 22px; padding: 0 30px 0 20px;}
div.landing-page span{font-size: 16px; color: #689312;}

button.but-01 {
    background: transparent url(../images/02_button.png) no-repeat;
    box-shadow: 0 0 3px #ccd7de;
    border: 3px solid #ccd7de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc); position: relative;
    font-size: 21px;
    font-style: italic;
    color: #fff;
    height:45px;
    width: 322px;
    text-shadow: 0 -1px 0 #7aa71f;
    padding: 7px; white-space: nowrap; font-weight: normal; font-family: georgia;
}
div.but-center{width: 325px; margin: 0 auto; padding-bottom: 40px;}

input.hhh {
    width: 265px;
    display: block;
    border: 1px solid #b0c4d0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc);
    padding: 5px; font-family: arial; font-size: 12px; color: #444751;
}

.textarea-00 {
    float: left;
    border: 3px solid #ccd7de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc); position: relative;
    background: #ccd7de;
}

button.but-03 {
    background: transparent url(../images/03_button.png) no-repeat;
    box-shadow: 0 0 3px #ccd7de;
    border: 3px solid #ccd7de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(pie.htc); position: relative;
    font-size: 16px;
    font-style: italic;
    color: #fff;
    height:32px;
    width: 102px;
    text-shadow: 0 -1px 0 #7aa71f;
    padding: 0 5px; white-space: nowrap; font-weight: normal; font-family: georgia;
}
div.but-center2{text-align: right; padding-right: 30px;}
div.rekl{font-family: arial; font-size: 12px; color: #000000; padding-bottom: 20px;}
div.rekl a.ln-1{color: #0000ff; text-decoration: underline;}
div.rekl a.ln-1:hover{color: #0000ff; text-decoration: none;}
div.rekl a.ln-2{color: #008000; text-decoration: underline; font-size: 10px;}
div.rekl a.ln-2:hover{color: #008000; text-decoration: none; font-size: 10px;}

div.arr-lf{float: left; width: 130px; padding-right: 20px; text-align: right;}
div.mmr{padding-left: 40px; font-family: arial; font-size: 13px; color: #444751; line-height: 22px;}
div.mmr .qq{font-size: 14px; font-family: Georgia; color: #70afd0; font-style: italic; text-shadow: 0 1px 0 #fff; padding-bottom: 25px;}
div.mmr .qq{font-size: 14px; font-family: Georgia; color: #70afd0; font-style: italic; text-shadow: 0 1px 0 #fff; padding-bottom: 25px;}
div.mmr .qq-0{font-size: 12px; color: #70afd0; padding-bottom: 25px;}
div.mmr .qq-0 span{color: #a1a5ab;}

div.link-1{font-size: 16px; font-family: Georgia; font-style: italic; padding-bottom: 35px;}
div.link-1 span{padding-right: 40px;}
div.link-1 a{color: #607890; text-decoration: underline; text-shadow: 0 1px 0 #fff;}
div.link-1 a:hover{color: #607890; text-decoration: none;}

td.qq-1{vertical-align: top; padding-left: 70px; font-family: Arial; font-size: 13px; color: #444751; line-height: 22px; padding-top: 5px;}
td.qq-1 a{color: #6e9d1e; text-decoration: underline;}
td.qq-1 a:hover{color: #6e9d1e; text-decoration: none;}

table.vidzhet2 td{vertical-align: middle; padding: 0 25px 50px 0;}

ul.bl-ft2 {width:100%; padding:0; margin:0; margin-top: 5px; margin-bottom: 30px;}
ul.bl-ft2 li {vertical-align: top;  list-style:none;
  display: -moz-inline-stack; /* for Fx2*/
  display: inline-block; /* normal browsers */
  zoom: 1; /* for IE (hasLayout true) */
  *display: inline; /* for IE */
  padding:0; margin:0;}
ul.bl-ft2 li.cell-1{width: 360px;}
ul.bl-ft2 li.cell-2{width: 340px;}
ul.bl-ft2 li.cell-2 div span{position: relative; top: -8px; padding-right: 15px;}
ul.bl-ft2 li.cell-3{width: 290px;}

div.tg-vs2{padding: 25px 0 20px 0; font-size: 12px; font-family: arial; color: #444751; line-height: 18px;}





#logoCanvas{
    position: absolute;
    left:0;
    top:43px;
    cursor: pointer;
}

.pr{
    position: relative;
}
.tn{
    text-decoration: none;
}
#portfolio-title{
    white-space: nowrap;
    padding-top: 5px;
}
.port-next, .port-prev{
    cursor: pointer;
}

table.intr td{vertical-align: middle; padding-bottom: 10px; height: 25px;}
table.intr td.pic{width: 24px; padding-left: 10px; padding-right: 10px;}
table.intr a{color: #4d97bd; text-decoration: underline;}
table.intr a:hover{color: #4d97bd; text-decoration: none; font-size: 13px;}

.list .date{
    color: #838A94;
    font-size: 11px;
}
.list a{

}
.list .row{
    margin-bottom: 10px;
}





.message{
    text-shadow:#ddd 1px 1px 1px;
    background: #fff;
    border: 1px solid #B0C4D0;
    box-shadow:1px 1px 1px #607890;
    border-radius:5px;
    padding: 5px;
    margin-bottom: 5px;
}
.message img{
    float:right;
    margin:5px;
    box-shadow:0px 0px 2px #607890;

}
.message .date{
    font-size: 5px;
    font-weight: normal;
    color: gray;
}
.message .text{
    font-size: 14px;
    color: #444444;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 5px;
}
.message .info{
    font-weight: bold;
    font-size: 10px;
    color: #2D505B;
}

.pa{
    position: absolute;
}
.blocks{
    line-height: 22px;
    font-size: 15px;
}
.blocks h2{
    font-weight:normal;
    padding-bottom: 5px;
}

a.allService {
    background: url("../images/arrow_right.png") no-repeat scroll right 0 transparent;
    padding: 30px 38px 33px 0;
    font-style: italic;
    color: #2D505B;
    font-family: Georgia;
    font-size:17px;
    text-shadow:1px 1px 0 #FFFFFF
}
.mcontent{
    font-size: 15px;
    line-height: 22px;
    padding-left: 0px;
    padding-right: 30px;
}
.mcontent table{
    border-collapse: collapse;

}
.mcontent td{
    border: 1px solid #A1A5AB;
    padding: 3px 5px;
}

.phones{
    color:#4d97bd;
    font-size: 18px;
    font-style: italic;
    font-family: Georgia;

}

.icon{
    width: 110px;
    height: 110px;
    float:left;
    background: transparent url('/images/icons.png') no-repeat 0px 0px;
}

.icon-time{
    background-position:  -155px 10px;
}
.icon-work{
    background-position:  -295px 10px;
}
.icon-team{
    background-position:  -435px 10px;
}
.icon-text{
    background-position:  -575px 10px;
}
.icon-seo{
    background-position:  -15px -90px;
}
.icon-kontext{
    background-position:  -160px -90px;
}
.icon-help{
    background-position:  -300px -90px;
}
.icon-brand{
    background-position:  -435px -90px;
}
.icon-startup{
    background-position:  -575px -85px;
}
.icon-store{
    background-position:  -10px -190px;
}
.icon-comp{
    background-position:  -160px -190px;
}
.icon-comp-seo{
    background-position:  -295px -190px;
}
.icon-comp-photo{
    background-position:  -430px -190px;
}
.icon-comp-lock{
    background-position:  -575px -185px;
}
.icon-comp-visa{
    background-position:  -295px -290px;
}
.icon-comp-graph{
    background-position:  -575px -290px;
}
.icon-comp-plane{
    background-position:  -10px -390px;
}

.tag-1 a{
    font-size: 18px;
}
.tag-2 a{
    font-size: 16px;
}
.tag-3 a{
    font-size: 14px;
}
.tag-4 a{
    font-size: 13px;
}
.tag-5 a{
    font-size: 12px;
}
.tag-6 a{
    font-size: 11px;
}

#big{
    cursor: pointer;
}

.back{
    padding-left: 10px;
}
.back a{
    font-family: Georgia;
    font-size:17px;
    text-shadow: 1px 1px 0px white;
    font-style: italic;
}
  .bt-foot{
    position:relative;    
  }
  #new-ball{
    position:absolute;
    top:0;
    left:0px;
    width:100%;
    height:296px;
    z-index:0;
  }













/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}