/*
Domain:    http://www.shogo.ru/
CSS Type:  Semantic
Version:   1.6 (25.06.2010)
Author:    Grigory Zarubin (Shogo.RU)
*/

/*   -=========== Common Styles ===========-   */
body {
  background: #D3D3D1;
  color: #373737;
  font: 11px Verdana, Helvetica, sans-serif;
  line-height: 120%; }
* {
  padding: 0;
  margin: 0; }
a {
  color: #2B829B; }
a img, table {
  border: 0; }
a:focus {
  outline: none; }
.zero {
  border-spacing: 0;
  border-collapse: collapse; }
.zero td {
  padding: 0; }
.bb {
  font-weight: bold; }
.m3 {
  margin-bottom: 3px; }
.m7 {
  margin-bottom: 7px; }
.m5 {
  margin-bottom: 5px; }
.m10 {
  margin-bottom: 10px; }
.m15 {
  margin-bottom: 15px; }
.m20 {
  margin-bottom: 20px; }
.m25 {
  margin-bottom: 25px; }
.hova a {
  text-decoration: none; }
.hova a:hover {
  text-decoration: underline; }
.nova a {
  text-decoration: none; }
.s10 {
  font-size: 10px;
  line-height: 120%; }
.s11 {
  font-size: 11px;
  line-height: 120%; }
.s12 {
  font-size: 12px;
  line-height: 120%; }
.s13 {
  font-size: 13px;
  line-height: 120%; }
.s14 {
  font-size: 14px;
  line-height: 120%; }
.s15 {
  font-size: 15px;
  line-height: 120%; }
.inp {
  font: 11px Verdana, Helvetica, sans-serif;
  line-height: 120%;
  height: 16px;
  border: 1px solid #C4C9D0;
  background-color: #FFFFFF;
  color: #657181;
  padding-left: 5px; }
.btn {
  font: 11px Verdana, Helvetica, sans-serif;
  line-height: 120%;
  color: #666666;
  padding: 0 5px 0 5px; }
select, textarea {
  font: 11px Verdana, Helvetica, sans-serif;
  line-height: 120%;
  border: 1px solid #C4C9D0;
  background-color: #FFFFFF;
  color: #657181; }
h1, h3.news, div.h_news, h3.works, div.h_works, h3.clients, div.h_clients, .hr {
  background: url(lines.gif) no-repeat 0 0; }
h1 {
  background-position: 0 100%;
  font-size: 16px;
  line-height: 120%;
  color: #2E4058;
  margin: 0 0 12px -40px;
  padding: 0 0 8px 28px; }
h1.main {
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 0 0 8px 0; }
h2, h2 a {
  font-size: 12px;
  line-height: 120%;
  color: #4FB6E3;
  margin-bottom: 7px;
  text-decoration: none; }
h2.active {
  color: #FF823D; }
h2.main, h2.main a {
  font-size: 11px;
  line-height: 120%;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 4px;
  color: #2B829B; }
h3, h3 a {
  font-size: 12px;
  line-height: 120%;
  color: #2E4058;
  text-decoration: none;
  margin-bottom: 10px; }
h3.news, h3.news a, div.h_news {
  background-position: 0 100%;
  font-size: 14px;
  color: #424D61;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 12px -26px;
  padding: 0 0 4px 30px; }
div.h_news {
  padding: 0 0 6px 34px; }
div.h_news a {
  color: #424D61;
  text-decoration: none; }
h3.works, h3.works a, div.h_works, div.h_works a {
  background-position: -851px 100%;
  font-size: 12px;
  line-height: 120%;
  color: #353535;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 -11px;
  padding: 0 0 10px 23px; }
h3.clients, h3.clients a, div.h_clients, div.h_clients a {
  background-position: -1106px 100%;
  font-size: 12px;
  line-height: 120%;
  color: #1476A1;
  font-weight: bold;
  text-decoration: none;
  margin: 15px 0 12px 0;
  padding: 0 0 5px 7px; }
label {
  cursor: pointer; }
.left {
  float: left;
  margin: 0 15px 5px 0; }
.right {
  float: right;
  margin: 0 0 5px 15px; }
ul.main {
  padding: 0;
  margin: 15px 0; }
ul.main li {
  margin: 5px 0 5px 0;
  list-style-position: inside;
  list-style-type: square; }
ul.disc {
  padding: 0;
  margin: 10px 0 20px 0; }
ul.disc li {
  margin: 0 0 5px 35px;
  list-style-position: outside;
  list-style-type: disc; }
ul.circle {
  padding: 0;
  margin: 10px 0 20px 0; }
ul.circle li {
  margin: 0 0 5px 35px;
  list-style-position: outside;
  list-style-type: circle; }
ol.main {
  padding: 0;
  margin: 10px 0 20px 0; }
ol.main li {
  margin: 0 0 5px 35px;
  list-style-position: outside;
  list-style-type: decimal; }
ol.bold {
  font-weight: bold;
  padding: 0;
  margin: 10px 0 20px 0; }
ol.bold li {
  margin: 0 0 5px 35px;
  list-style-position: outside; }
ol.bold li span {
  font-weight: normal; }
table.art {
  border-top: 1px #222 solid;
  border-left: 1px #222 solid; }
.art td {
  border-right: 1px #222 solid;
  border-bottom: 1px #222 solid; }

/*   -=========== Structure ===========-   */
#container {
  background: url(container_bg.gif) repeat-y 0 0 #FFFFFF;
  width: 1004px;
  clear: both;
  margin: 0 auto;
  overflow: hidden; }
#header {
  background: #353535;
  text-align: left;
  clear: both;
  width: 1004px;
  margin: 0 auto; }
#l_side, #content, #content_full, #services div {
  background: url(mrgs.png) no-repeat 0 0; }
#l_side {
  background-position: 0 -17px;
  float: left;
  text-align: left;
  width: 224px;
  padding: 20px 0 0 26px; }
#content {
  background-position: -250px -17px;
  margin: 0 255px 0 250px;
  padding: 20px 40px 0 50px;
  text-align: justify; }
#content_full {
  background-position: 0 -17px;
  margin: 0 255px 0 0;
  padding: 20px 40px 0 40px;
  text-align: justify; }
#r_side {
  float: right;
  text-align: left;
  width: 242px;
  padding: 20px 2px 0 11px; }
#footer {
  background: url(footer_bg.png) no-repeat 0 0 #EAEAE5;
  width: 1004px;
  margin: 0 auto;
  text-align: left;
  padding: 90px 0 20px 0;
  clear: both;
  color: #5A5245; }
#footer a {
  color: #5A5245; }

/*   -=========== Blocks ===========-   */
#navi {
  height: 65px;
  clear: both; }
#logo {
  float: left;
  margin: 10px 37px 15px 27px; }
#navi ul li a, #navi ul li b, #contacts, #services ul li a, #clients li, .mrk_r {
  background: url(mrks.gif) no-repeat 0 0; }
#navi ul {
  margin-right: 30px; }
#navi ul li {
  float: left;
  margin: 24px 15px 0 0;
  list-style: none; }
#navi ul li a {
  display: block;
  background-position: 0 5px;
  padding-left: 15px;
  text-decoration: none;
  color: #B6E7FF;
  font-size: 12px;
  font-weight: bold;
  line-height: 120%; }
#navi ul li b {
  display: block;
  background-position: 0 -285px;
  padding-left: 15px;
  text-decoration: none;
  color: #FF823D;
  font-size: 12px;
  font-weight: bold;
  line-height: 120%; }
#contacts {
  background-position: 0 -54px;
  min-height: 17px;
  padding-left: 24px;
  float: right;
  font: 14px Tahoma, Verdana, Helvetica, sans-serif;
  line-height: 120%;
  font-weight: bold;
  margin: 22px 10px 0 0; }
#contacts .phones {
  float: left;
  color: #FFFFFF; }
#contacts .phones span {
  display: block;
  padding-left: 43px; }
#contacts .email {
  float: left; }
#contacts .email a {
  text-decoration: none;
  padding-left: 15px;
  color: #98E2FF; }
#services {
  background: url(hd_services_bg.png) repeat-x 0 100% #FFFFFF; }
#services div {
  background-position: 0 119px;
  border-top: 1px solid #EBEBEB;
  min-height: 90px;
  margin: 0;
  padding: 17px 0 29px 50px; }
#services ul {
  float: left;
  background: url(hd_services_dots.gif) no-repeat 100% 8px;
  padding-right: 40px;
  margin-right: 40px; }
#services ul.last {
  background: none;
  padding: 0;
  margin: 0; }
#services ul li {
  margin-bottom: 3px;
  list-style: none; }
#services ul li a {
  display: block;
  background-position: 0 -118px;
  padding-left: 16px;
  text-decoration: none;
  color: #000000; }
#services ul li a:hover {
  text-decoration: underline; }
#services ul li h2 a {
  background: none;
  padding: 0;
  color: #4FB6E3; }
#services ul li h2 a:hover {
  text-decoration: none; }
#concept {
  float: right;
  width: 255px;
  height: 136px; }
.news {
  color: #43566E;
  margin-bottom: 25px; }
.news .date {
  color: #4FB6E3;
  font-weight: bold; }
.news img {
  margin-bottom: 3px; }
.news p a {
  color: #43566E;
  text-decoration: none; }
.hr {
  background-position: -750px 0;
  font-size: 1px;
  line-height: 1px;
  width: 101px;
  height: 4px;
  margin: 10px auto 10px auto; }
.work {
  background: url(projects_bg.jpg) no-repeat 0 0;
  width: 216px;
  height: 174px;
  padding: 16px 0 0 16px;
  margin: 0 0 2px 0; }
.work a {
  text-decoration: none; }
.work a img {
  margin: 0 0 3px 0; }
.work a span {
  display: block;
  color: #8C8074;
  padding-left: 22px; }
.work a:hover span {
  text-decoration: underline; }
#clients {
  margin: 0 0 13px 8px; }
#clients li {
  margin-bottom: 3px;
  list-style: none; }
#clients li {
  background-position: 0 -172px;
  padding-left: 20px; }
#clients li a {
  line-height: 140%;
  text-decoration: none;
  color: #353535; }
#clients li a:hover {
  text-decoration: underline; }
.mrk_r {
  float: left;
  background-position: 100% -230px;
  margin-left: 8px;
  padding-right: 12px;
  font-weight: bold;
  color: #2B829B; }
#copyright {
  padding-left: 25px; }
#counters {
  float: right;
  padding-right: 3px; }
#counters img {
  float: left;
  margin-right: 10px; }
.blue, .blue a {
  color: #4FB6E3!important; }
.orange {
  color: #FF823D; }
.grey, .grey a {
  color: #373737; }

/*   -=========== Inner Pages Blocks ===========-   */
#navi_str {
  font-size: 10px;
  color: #666666;
  text-align: right;
  margin: 0 -24px 10px 0; }
.local_link {
  text-decoration: none;
  border-bottom: 1px dotted #2B829B; }
.nofloat {
  overflow: hidden; }
.block {
  float: left;
  width: 200px;
  height: 200px;
  text-align: center;
  margin: 0 18px 0 5px; }
.col_l {
  float: left;
  width: 332px;
  padding: 0 0 32767px 0;
  margin: 0 0 -32767px -12px; }
.col_r {
  margin: 0 -10px 25px 350px;
  padding: 0; }
.col_l_m {
  float: left;
  width: 350px;
  padding: 0 0 32767px 0;
  margin: 0 0 -32767px 0; }
.col_r_m {
  margin: 0 0 10px 380px;
  padding: 0; }
.col_l_w {
  float: left;
  width: 300px;
  padding: 0 0 32767px 0;
  margin: 0 0 -32767px 0; }
.col_r_w {
  margin-left: 315px;
  padding: 0; }
#filter {
  float: left;
  text-align: left;
  width: 162px;
  padding: 0 0 32767px 0;
  margin: 0 0 -32767px -12px; }
#list {
  margin-left: 150px;
  padding: 0; }
.phrase {
  background: url(alert.gif) no-repeat 10px 10px #ECF0F0;
  color: #676767;
  padding: 10px 20px 10px 45px; }
.bord {
  border-right: 1px solid #C4C9D0;
  border-bottom: 1px solid #C4C9D0; }
.bord th {
  background-color: #E9EDEF;
  border-left: 1px solid #C4C9D0;
  border-top: 1px solid #C4C9D0;
  text-align: left;
  color: #676767;
  padding: 8px 7px 8px 7px; }
.bord td {
  border-left: 1px solid #C4C9D0;
  border-top: 1px solid #C4C9D0;
  padding: 5px 5px 5px 7px; }
.comment {
  color: #999999;
  font-style: italic; }
.created {
  color: #C3C3C3;
  padding-right: 10px; }

/*--- Begin 16-2-2010 ---*/
td.tab_block {
  border:1px #E3E8E6 solid;
  background: url(tab_bg.jpg) repeat-x 0 0;
  padding: 4px 7px;}
.tab_block p {
  text-align: left;}
#prodaj {
  height: 30px;
  padding: 7px 0 0 40px;
  background: url(prodaj.jpg) no-repeat 0 0;
  margin-bottom:7px;}
#imidge {
  height: 30px;
  padding: 7px 0 0 40px;
  background: url(imidge.jpg) no-repeat 0 0;
  margin-bottom: 7px; }
#prodaj h3,#imidge h3 {
  font-size: 13px;}
/*.work_2 {
  height: 174px;
  padding: 0 0 0 30px;
  margin: 0 0 2px 15px;
  text-align:right; }*/
.work_2 {
  width: 200px;
  height: 174px;
  padding: 0;
  margin: 0 auto 2px auto;
  text-align: right; }
.work_2 a {
  text-decoration: none; }
.work_2 a img {
  margin: 2px 0 3px 0; }
.work_2 a span {
  display: block;
  color: #8C8074;
  padding-left: 4px; }
.work_2 a:hover span {
  text-decoration: underline; }
div.mrk_al {
  background: url(mrk_al.gif) no-repeat 100% 100%;
  display: block;
  color: #8C8074;
  padding-right: 17px; }
.mrk_al a:hover{
  text-decoration: underline;}
/*--- End 16-2-2010 ---*/

.slide {
  text-decoration: none;
  border-bottom: 1px dotted #2B829B; }
.clear {
  clear: both; }
.hint {
  display: none;
  position: absolute;
  z-index: 9999;
  padding: 10px 0;
  border: 2px solid #71AFD4;
  width: 500px;
  background: #F0F8FB; }
.hint_hide {
  overflow: hidden;
  padding-bottom: 10px;
  margin: 0 20px 15px 20px;
  background: url(hint_bg.gif) repeat-x 0 100%; }
/*.hint_hide a {
  background: url(mrk_l.gif) no-repeat 0 5px;
  padding-left: 12px; }*/
.hint_content {
  margin: 0 20px;
  padding-right: 5px;
  overflow: auto; }