/*
   ФАЙЛ С СЕЛЕКТОРАМИ ДЛЯ ВСЕХ СТРАНИЦ,
   ЧАСТЬ ПРАВИЛ ПЕРЕНАЗНАЧАЕТСЯ В СООТВЕТСВУЮЩИХ ФАЙЛА
*/

/*
ВНИМАНИЕ!
Для увеличения высоты services блока необходимо для класса services
указать высоту height XXpx (проценты не допускаются), а также нужно изменить
margin для класса red_line на XX-10px
/*

/* ### COMMON RULES ### */
html, body, table, tr, td, th, ul, ol, p, dl, form, div, fieldset, img, dd, h1, h2, h3 {
    margin: 0;
    padding: 0;
    border: 0;
}
html, body {
    width: 100%;
    height: 100%;
}
.red_text {
    color: red;
}
.silver_text {
    color: #ccc;
}
h1 {
    font: normal 22px/30px Tahoma, sans-serif;
}
h2 {
    font: bold 16px/18px Tahoma, sans-serif;
	padding-bottom: 5px;
}
h3 {
    font: bold 12px/16px Tahoma, sans-serif;
}
p {
    font: normal 12px/18px Tahoma, sans-serif;
    text-align: left;
}
label {
	font: normal 12px/16px Tahoma, sans-serif;
}
/* ### HEAD ### */
.head {
    height: 230px;
    min-width: 995px;
    background: url('images/head_right_l.png') no-repeat 50% 0;
}
.display_none {
    display: none;
}
.space {
    float: left;
}
ul li a {
	text-decoration: none;
}
ul li a:hover {
	text-decoration: underline;
}
/*
Логотип и векторный текст (закоментировать класс logo!)
.head_left {
    background: url('images/head_left.png') no-repeat;
    height: 100%;
}
.logo_text {
    font: bold 18px/13px Tahoma, sans-serif;
    padding: 100px 0 0 180px;
    float: left;
}
*/
/* Закомментировать если нужен текст лого вектором*/
.logo {
    float: left;
}
.head_left {
    height: 100%;
}
.head_right {
    background: url('images/head_right.png') no-repeat right top;
    width: 100%;
    height: 100%;
}
.icons {
    width: 116px;
    height: 25px;
    float: right;
    margin: 40px 90px 0 0;
    background: url('images/icons_bg.png') no-repeat;
    text-align: center;
    padding-top: 5px;
}

.icons a img {font: normal 9px Tahoma, sans-serif;}
.icons img {font: normal 9px Tahoma, sans-serif;}

.main_menu_cont {
    position: absolute;
    top: 180px;
    left: 0;
    width: 82%;
    height: 30px;
    min-width: 822px;
}
.main_menu {
    width: 470px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}
.main_menu a.current {
    text-decoration: underline;
    display: inline;
    font-weight: bold;
    margin-right: 0;
    text-decoration: none;
    margin: 0 2px 0 5px;

}
.main_menu_bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%
    top: 0;
    left: 0;
}
.main_menu a {
    font: normal 13px/28px Tahoma, sans-serif;
    text-transform: uppercase;
    margin: 0 10px;
    text-decoration: none;
    z-index: 3;
    position: relative;
}
.main_menu a:hover {
    text-decoration: underline;
}
.for_client {
    margin: 114px 6px 0 0;
    float: right;
    clear: right;
    color: #999;

}
.for_client a {
    font: normal 11px/11px Tahoma, sans-serif;
}



/* ### SERVICE MENU ### */
.services {
    position: absolute;
    width: 100%;
    /* !!! При изменении height так же изменить .red_line{margin-left} */
    height: 300px;
    z-index: 2;
    top: 225px;
    min-width: 995px;
}
.services_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
.services_content {
    padding: 27px 0 0 0;
    position: relative;
    z-index: 5;
    float: left;
    width: 33%;
    text-align: center;
	}
.services_content img {
    position: relative;
    z-index: 5;
	font: normal 18px/22px Tahoma, sans-serif;
}
.quotation {
    color: #333;
    text-align: left;
    font: normal 18px/22px Tahoma, sans-serif;
    padding: 40px 0 0 20px;
}
.quotation .silver_text {
    font-size: 24px;
}
.quotation cite {
    font: normal 12px Tahoma, sans-serif;
    display: block;
    text-align: right;
    margin: 5px 5px 0 0;
}
.services_menu {
    padding: 10px 0 0 63px;
    text-align: left;
}
.services_menu li {
    list-style-type: none;
}
.services_menu li a {
    font: normal 12px/12px Tahoma, sans-serif;
    color: red;
    text-decoration: none;
    padding: 0 0 0 13px;
    background: url('images/services_marker.gif') no-repeat 0 50%;
}
.services_menu li a:hover {
    text-decoration: underline;
}
.services_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 150px;
    width: 100%;
    z-index: 4;
}
.services_footer div {
    width: 33%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    float: left;
}
.red_line {
    z-index: 6;
    position: relative;
    /* !!! Если в меню Services появятся новые пункты, то нужно увеличить margin-left до .services{height} - 10 px */
    margin: 290px 0 55px 0;
    width: 100%;
    height: 24px;
    background: url('images/shears_bg.gif') repeat-x;
    min-width: 995px;

}
.shears_bg {
    width: 100%;
    height: 24px;
    background: url('images/shears.gif') no-repeat top right;
}
a#current_doc {
    color: #000;
    background: url('images/services_marker_current_doc.gif') no-repeat 0 50%;
}
a#current_doc:hover {
    text-decoration: none;
}


/* ### CONTENT ### */
.main_content {
    background: url('images/middle_bg.gif') no-repeat 50px 50%;
    min-width: 977px;
    min-height: 600px;
    font: normal 12px/18px Tahoma, sans-serif;
    color: #333;
    clear: left;
    margin-right: 50px;
    margin-left: -50px;
}
.main_content a {
    color: red;
    font: normal 12px/19px Tahoma, sans-serif;
}

.main_content a:hover {
    /*text-decoration: none;*/
}
.breadcrumb {
    float: right;
    width: 61%;
    font-size: 12px;
}
.breadcrumb_item, .B_crumb, .B_currentCrumb {
    padding: 0 0 0 15px;
    background: url('images/breadcrumb_item_separator.gif') no-repeat 4px 50%;
}
.content {
    padding: 0 0 38px 0;
    clear: both;
}
.content_left {
    margin-right: 63%;
    width: 31%
    font: normal 24px/26px Tahoma, sans-serif;
    background: url('images/silver_line.gif') no-repeat top right;
    padding: 0 40px 0 90px;
}
.content_left h1 {
    font: normal 24px Tahoma, sans-serif;
    float: right;
    margin-right: 10px;
    min-width: 150px;
}
.content_right {
    float: right;
    width: 61%;
    margin-bottom: 40px;
}
.content_right ol {margin:10px 18px;}
.content_right ul {margin:10px 10px;}

.content_right dl {
    padding: 0 0 22px 0;
    clear: left;
}

.clear {
    clear: both;
    height: 20px;
}
.content_right .date {
    color: #fff;
    background-color: #333;
    margin: 0 4px 0 0;
}
.content_right a {
    color: red;
    font: normal 12px/19px Tahoma, sans-serif;
}
.archive_news {
    font: normal 14px Tahoma, sans-serif;
    padding: 0 0 35px 17px;
    background: url('images/archive_news.gif') no-repeat 0 3px;
    clear: left;
}
.overflow {
	overflow: hidden;
	zoom: 1;
}
.foto {
    padding: 10px;
    margin: 0 20px 20px 0;
    border: 1px #ccc solid;
    float: left;
}
.video {
    padding: 10px;
    margin: 0 20px 20px 0;
    border: 1px #ccc solid;
    float: left;
}
.content_right .silver_text {
    font-size: 30px;
    line-height: 32px
}
.content_right .var {
    font: normal 11px/20px Tahoma, sans-serif;
}
.content .descr {
    line-height: 17px;
    margin: 5px 0 0 0;
}
.pages {
    text-align: right;
    clear: both;
}
.pages a, .pages span {
    margin: 0 2px;
}
.current {
    display: none;
}

/* ### FOOTER ### */
.footer {
    width: 100%;
    height: 85px;
    background: url('images/telephone.gif') no-repeat 420px 100%;
    clear: both;
    margin: 10px 0 0 0;
    min-width: 995px;
}
.footer img {
    float: right;
}
.copy {
    color: #999;
    font: normal 11px Tahoma, sans-serif;
    margin: 0 0 35px 20px;
    float: left;
}
.copy .silver_text {
    font-size: 30px;
}
.telephone {
    font: normal 18px/18px Tahoma, sans-serif;
    color: #000;
    margin: 0 0 0 140px;
    float: left;
}

h1.q {
    background: url('/style/images/sitio_logo.gif') no-repeat left top;
    text-indent: 10000px;
    margin: 0;
}
#develop {
  display: inline;
  float: right;
  width: 145px;
  height: 85px;
  overflow: hidden;
}
#develop a {
    height: 85px;
    display: block;
    white-space: nowrap;
}

ul.thumbs {
    margin:10px;
}

ul.thumbs li {
    border:solid 1px #999999;
    padding: 4px 4px 4px 4px;
}

ul.thumbs li a {
    padding-bottom:0px;
}

@media print {.icons, .main_menu_cont, .for_client, .services, .red_line, .content_left, .still_direction_right, .still_client_right, #EmailForm {display: none;}
    .head_right, .head, div#minWidthMainContent, .footer {background: none;}
    div#minWidthMainContent {margin: 0;}
    .content_right {width: 100%;
        margin: 0 2%;}
    .content_right, .breadcrumb {float: none;}
    .copy, .telephone, .develop {margin-left: 10%;}
    #develop h1.q a {display: none;}
    #develop h1.q {height: 85px;}
    ul.thumbs li {border: 1px solid #999999;
        display: block;
        float: left;
    }
    .content {margin: 0 2%;
        padding: 0 2%;}
}

.errors {
	color:#ff0000;
	padding-bottom:15px;
}