/*
Theme Name: Fresh Art Style
Theme URI: http://freshart.biz/
Description: Тема для сайта
Author: Serge Bochkarev <surger@gmail.com>
Version: 1.0
Tags: one-columns, fixed-width, custom-menu
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* общие */

/* общие */

* { margin: 0px; padding: 0px; }

body {
    font-family: Arial;
    font-size: 12px;
    color:#669999;
    background: url(images/back_body.jpg) repeat;
    zoom: 1;
    width:expression( documentElement.clientWidth < 1000 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 1002 ? "1002" : "auto") : "1002px") : "auto" );
    min-width: 1002px;
}

a {
    color:#828d01;
    outline: none;
}

a:hover {
    color: #828d01;
    text-decoration: none;
}

.link_black a:link,
.link_black a:visited,
.link_black a:hover,
.link_black a:active {
    color: #000;
}

.link_blue a:link,
.link_blue a:visited,
.link_blue a:hover,
.link_blue a:active {
    color: #00aed0;
}

.link_blue_2 a:link,
.link_blue_2 a:visited,
.link_blue_2 a:hover,
.link_blue_2 a:active {
    color: #027090;
}

.entry-title a:link,
.entry-title a:visited,
.entry-title a:active {
    color: #1b88aa;
}

.entry-title a:hover {
    color: #c16e13;
}

.link_blue_tag a:link,
.link_blue_tag a:visited,
.link_blue_tag a:active {
    color: #1b88aa;
}

.link_blue_tag a:hover {
    color: #fff;
}

.link_blue_portf a:link,
.link_blue_portf a:visited,
.link_blue_portf a:active {
    color: #2f707d;
}

.link_blue_portf a:hover {
    color: #fefffa;
}

.link_red a:link,
.link_red a:visited,
.link_red a:hover,
.link_red a:active {
    color: #d54677;
}

.link_green a:link,
.link_green a:visited,
.link_green a:active {
    color: #789900;
}

.link_green a:hover {
    color: #b2d700;
}

.link_while a:link,
.link_while a:visited,
.link_while a:hover,
.link_while a:active {
    color: #cee2e9;
}

img { border: medium none; }

ul { list-style: none; }

ul li {
    padding-left: 30px;
    background: url(images/back_list.jpg) no-repeat 2px top;
}

ol li {
    margin-left: 30px;
    color: #666;
    font-size: 12px;
    padding-bottom: 7px;
}

h1 {
    font-family:georgia;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 12px;
}

h1.title {
    font-family:verdana;
    color:#c16e13;
    padding: 0px 6px 5px;
}

.post-55 h1.back_title {
    background: url(images/back_title_grey.jpg) no-repeat left bottom;
    margin-bottom: 15px;
}

h1.back_title {
    background: url(images/back_title_blue.jpg) no-repeat left bottom;
    padding: 0px 20px 38px 20px;
    color:#2ab8d2;
}

h1.back_title.blog {
    background: url(images/back_title_grey.jpg) no-repeat left bottom;
    margin-bottom: 15px;
}

h1.back_title.portf {
    background: url(images/back_title_red.jpg) no-repeat left bottom;
    margin-bottom: 12px;
    color: #d2366b;
}

h1.back_title.uslugi {
    background: url(images/back_title_green.jpg) no-repeat left bottom;
    margin-bottom: 15px;
    color: #789900;
}

h1.back_title.fond {
    background: url(images/back_title_grey.jpg) no-repeat left bottom;
    margin-bottom: 15px;
    color: #d85a2e;
}

h2 {
    font-family:verdana;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 12px;
    color:#2ab8d2;
}

h3 {
    font-family:verdana;
    font-size:18px;
    font-weight:normal;
    color:#969696;
    line-height:28px;
    padding-bottom:2px;
}

.block_lines {
    height: 35px;
    background: url(images/dots_green.gif) repeat-x left 18px;
}

.block_lines_2 {
    height: 35px;
    background: url(images/dots_blue.gif) repeat-x left 18px;
}
/* Блоки страницы */

#block_header {
    height: 469px;
    overflow: hidden;
    zoom:1;
}

#template #block_header {
    background: #fff url(images/back_header.jpg) no-repeat top center;
}

#template.page2 #block_header {
    background: #fff url(images/back_header_page2.jpg) no-repeat top center;
}

#block_content {
    overflow: hidden;
    zoom:1;
    padding-bottom: 60px;
}

#template #block_content {
    background: #000 url(images/back_header_bot.jpg) no-repeat top center;
    padding-top: 40px;
}

#template.page2 #block_content {
    background: #000 url(images/back_header_bot_page2.jpg) no-repeat top center;
    padding-top: 65px;
}

.content_1002 {
    width:1002px;
    margin: 0 auto;
    overflow: hidden;
    zoom:1;
}

#block_footer {
    background: #f7f7f7 url(images/back_footer_border.gif) repeat-x top;
    color: #000;
    overflow: hidden;
    zoom:1;
    padding-top: 8px;
}

#block_header .kolonka_left {
    float: left;
    width: 360px;
}

#block_header .kolonka_right {
    float: right;
    width: 366px;
}

#block_header .kolonka_center {
    margin:0px 368px 0px 362px;
}


#block_content .kolonka_left {
    float: left;
    width: 715px;
}

#block_content .kolonka_right {
    float: right;
    width: 260px;
}

.block_page2 {
    background: url(images/dev_for_fond.jpg) no-repeat center top;
    padding-top: 760px;
}

/* Шапка */

.shapka {
    height: 230px;
    overflow: hidden;
    zoom:1;
}

#block_blog_studii {
    height: 175px;
    color: #000;
    font-family: georgia;
    font-size: 11px;
}

.blog_studii_goto {
    height: 44px;
    padding: 21px 0 0 10px;
}

.title_blog {
    float: left;
    width: 192px;
    text-align: right;
}

.title_blog a {
    float: left;
    display: block;
    width: 190px;
    height: 21px;
    background: url(images/blog_studii.jpg) no-repeat left top;
    padding-top: 7px;
    padding-right: 5px;
}

.title_blog a:hover {
    background: url(images/blog_studii_hover.jpg) no-repeat left top;
}

.o_bloge {
    width: 270px;
    padding: 0px 10px;
}

.o_bloge p {
    padding: 3px 0px;
}

.open_all a {
    background: url(images/open_all_right.jpg) no-repeat right 6px;
    padding-right: 24px;
    font-size: 12px;
    font-style: italic;
}

#block_uslugi {
    height: 265px;
}

.icon_uslugi {
    float: left;
    width: 108px;
    padding: 12px 0px 0px 28px;
}

ul.menu_projecta {
    font-family: georgia;
    font-size: 11px;
}

ul.menu_projecta li {
    overflow: hidden;
    zoom:1;
    line-height: 19px;
    background: none;
    padding: 0px;
}

#block_portfolio ul.menu_projecta li {
    padding-left: 22px;
}

ul.menu_projecta li a {
    display: block;
    float: left;
    padding: 5px;
}

.menu_projecta a:link,
.menu_projecta a:visited,
.menu_projecta a:active {
    color: #000;
}

.menu_projecta a:hover {
    color: #000;
    text-decoration: none;
}

.menu_projecta li.current-menu-item a {
    background: #006b8e url(images/menu_blue_act.jpg) no-repeat 10px 8px;
    padding: 5px 10px 5px 32px;
}

#block_portfolio .menu_projecta li.current-menu-item {
    padding: 0px;
}

#block_portfolio .menu_projecta li.current-menu-item a {
    background: #d2366b url(images/menu_red_act.jpg) no-repeat 10px 8px;
    padding: 5px 10px 5px 32px;
}

#block_uslugi .menu_projecta li.current-menu-item a {
    background: #5c7e00 url(images/menu_green_act.jpg) no-repeat 10px 8px;
    padding: 5px 10px 5px 32px;
}

.menu_projecta li.current-menu-item a:link,
.menu_projecta li.current-menu-item a:visited,
.menu_projecta li.current-menu-item a:hover,
.menu_projecta li.current-menu-item a:active {
    color: #fff;
    text-decoration: none;
}

#block_uslugi ul.menu_projecta {
    padding-top: 90px;
    margin-left: 138px;
    padding-right: 12px;
}

#block_contakt {
    height: 150px;
    font-family: verdana;
    font-size: 11px;
}

.icon_contakt {
    float: left;
    width: 138px;
    padding: 20px 0px 0px 30px;
}

.info_contakt {
    margin-left: 168px;
    padding-top: 50px;
}

#block_contakt p {
    padding: 3px 0px;
}

.contakt_icq {
    color: #010101;
    font-family: georgia;
    font-size: 14px;
    padding: 15px 0px 0px 35px;
}

#block_portfolio {
    height: 222px;
}

#block_portfolio ul.menu_projecta {
    padding-left: 14px;
}

.icon_portfolio {
    height: 85px;
    padding: 4px 0px 0px 273px;
}

#block_studia {
    height: 150px;
}

.icon_studia {
    float: left;
    padding: 62px 0px 0px 24px;
}

#block_studia ul.menu_projecta  {
    margin-left: 127px;
    padding-top: 74px;
}

#block_logotip {
    height: 200px;
    padding: 7px 0px 0px 25px;
}

/* Подвал */

.footer {
    background: url(images/back_footer.jpg) no-repeat bottom;
    height: 58px;
    padding: 0px 20px;
}

.copiright {
    background: url(images/copir.gif) no-repeat left 24px;
    padding: 22px 0px 10px 20px;
    font-family: verdana;
    font-size: 11px;
}

/* главная */

.block_otz {
    height: 60px;
    padding-right: 127px;
}

.butt_otzovic {
    display: block;
    float: right;
    width: 131px;
    height: 38px;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    font-weight:bold;
    line-height: 38px;
}

.butt_otzovic:hover {
    background: url(images/back_butt_otzov_hover.jpg) no-repeat;
    text-decoration: none;
}

.block_posl_raboti {
    overflow: hidden;
    zoom:1;
    padding-bottom: 50px;
}

.svegie_ragoti {
    float: left;
    width: 240px;
    padding-top: 30px;
}

.poslednee {
    float: left;
    padding: 0px 9px;
}

.poslednee a {
    display: block;
    float: left;
    font-size: 1px;
    border: 1px solid #919191;
    padding: 4px;
}

.poslednee a:hover {
    border: 1px solid #a5ff00;
}

.banner_main {
    width: 739px;
    height: 102px;
    margin: 0px auto;
    padding: 6px;
    background: url(images/border_banner.jpg) no-repeat;
}

/* О компании */

.text_content {
    font-size: 14px;
    font-family: verdana;
    padding: 0px 120px;
}

.text_content p {
    padding: 8px 20px;
    line-height: 20px;
}

.back_title span {
    color: #c16e13;
    font-size: 18px;
}

/* пагинатор */

.block_for_paginator {
    padding: 20px 12px 12px;
    overflow: hidden;
    zoom:1;
    font-family:verdana;
    font-size: 18px;
    border-top: 1px solid #333b07;
}

.block_for_paginator a.page,
.block_for_paginator span.current {
    background: #212121;
    display: block;
    float: left;
    padding: 8px;
    line-height: 22px;
}

.block_for_paginator a.page {
    color: #969696;
}

.block_for_paginator span.current {
    color: #c6da47;
}

.arrow_pag_r,
.arrow_pag_l {
    float: left;
    line-height: 37px;
}

.arrow_pag_r a,
.arrow_pag_l a {
    float: left;
    color: #2f707d;
}

.arrow_pag_l a {
    background: url(images/arrow_pag_left.jpg) no-repeat left 16px;
    padding: 0px 12px 0px 16px;
}

.arrow_pag_l a:hover {
    background: url(images/arrow_pag_act_left.jpg) no-repeat left 16px;
}

.arrow_pag_r a {
    background: url(images/arrow_pag_right.jpg) no-repeat right 16px;
    padding: 0px 16px 0px 12px;
}

.arrow_pag_r a:hover {
    background: url(images/arrow_pag_act_right.jpg) no-repeat right 16px;
}

/* Блог студии */

.block_tags {
    padding-top: 120px;
    color: #C16E13;
    font-size: 14px;
    font-family: verdana;
    line-height: 34px;
}

.back_title.blog span {
    color: #c16e13;
    font-size: 18px;
}

.blog_list, .post {
    padding-bottom: 35px;
    overflow: hidden;
    zoom:1;
}

.text_temi {
    color: #969696;
    font-size: 14px;
    font-family: verdana;
    padding: 10px 6px;
    line-height: 20px;
    overflow: hidden;
    zoom:1;
}

.text_temi img {
    float: left;
    border: 5px solid #323232;
    margin: 0px 12px 8px 0px;
}

.text_temi a {
    text-decoration: none;
}

.block_comment {
    background: url(images/icons/icon_comment.jpg) no-repeat left 6px;
    font-family: verdana;
    color: #cee2e9;
    padding: 5px 0px 5px 30px;
    overflow: hidden;
    zoom:1;
}

.block_comment a {
    float: left;
    background: url(images/arrow_open.jpg) no-repeat right 4px;
    padding-right: 18px;
    text-decoration: none;
}

.block_comment a span {
    text-decoration: underline;
}

.block_comment a:hover span,
.block_comment a span.itogo {
    text-decoration: none;
}


.block_blog_tag {
    background: url(images/icons/icon_tag.jpg) no-repeat left 6px;
    font-family: verdana;
    color: #969696;
    padding: 5px 0px 5px 30px;
}

.block_date {
    background: #b8cEd4 url(images/back_date_left.jpg) no-repeat left top;
    line-height: 29px;
    padding-left: 35px;
    color: #000;
    font-family: verdana;
    margin-bottom: 15px;
}

.back_date_r {
    background: url(images/back_date_right.jpg) no-repeat right top;
    overflow: hidden;
    zoom:1;
}

.login_blogera {
    float: left;
}

.data_publ {
    float: left;
    padding-left: 22px;
}

.time_publ {
    float: left;
    background: url(images/back_time.jpg) no-repeat 10px 2px;
    padding-left: 22px;
}

/* Читать блог */

.text_bloga {
    color: #969696;
    font-size: 14px;
    font-family: verdana;
    padding: 10px 6px;
    line-height: 20px;
    overflow: hidden;
    zoom:1;
}

.text_bloga p {
    padding-bottom: 15px;
}

.text_bloga img {
    border: 5px solid #323232;
}

/* Добавить комментарий */

.block_add_comment {
    background: #323232;
    padding: 6px 15px;
    font-family: verdana;
    color: #969696;
    font-size: 11px;
    margin-bottom: 30px;
}

.block_add_comment p {
    padding: 7px 0px;
}

.text_help {
    color: #c2823e;
}

.block_add_comment table {
    border: 0 none;
    border-collapse: collapse;
}

.block_add_comment table td {
    padding: 7px 3px;
}

.block_add_comment table td.td_1 {
    vertical-align: top;
    width: 90px;
    padding: 12px 3px 7px;
}

.block_input {
    overflow: hidden;
    zoom:1;
}

.block_input div {
    float: left;
    border: 1px solid #828282;
}

.block_input .act {
    border: 1px solid #ff8c10;
    padding: 0px;
}

.block_input input {
    height: 23px;
    line-height: 22px;
    border: 1px solid #323232;
}

.block_input .inp_1 input {
    width: 345px;
}

.block_add_comment textarea {
    border: 1px solid #9f9f9f;
    width: 570px;
    height: 104px;
}

.block_add_comment .butt_publ {
    background: url(images/button_publ.jpg) no-repeat left top;
    height: 47px;
    width: 135px;
    border: none;
    cursor: pointer;
}

.block_add_comment .butt_publ:hover {
    background: url(images/button_publ_act.jpg) no-repeat left top;
}

.block_add_comment .butt_otpr {
    background: url(images/button_otpr.jpg) no-repeat left top;
    height: 47px;
    width: 137px;
    border: none;
    cursor: pointer;
}

.block_add_comment .butt_otpr:hover {
    background: url(images/button_otpr_act.jpg) no-repeat left top;
}

.view_comment {
    padding-bottom: 15px;
    font-family: verdana;
    font-size: 14px;
    color: #969696;
    line-height: 20px;
}

.view_comment .block_date {
    background: #323232;
    padding-left: 8px;
    color: #969696;
    font-size: 12px;
    margin: 0px;
    overflow: hidden;
    zoom:1;
}

.view_comment .login_usera {
    float: left;
    color: #9aa560;
}

.view_comment .data_publ {
    float: left;
    padding-left: 22px;
}

.view_comment .time_publ {
    float: left;
    background: url(images/back_time_2.jpg) no-repeat 10px 2px;
    padding-left: 22px;
}

.view_comment p {
    padding: 10px 6px;
}

.title_icon_comment {
    background: url(images/icons/icon_comment.jpg) no-repeat left 8px;
    color: #cee2e9;
    padding: 0px 0px 12px 32px;
    overflow: hidden;
    zoom:1;
}

.arrow_open_down {
    float: left;
    background: url(images/arrow_open_down.jpg) no-repeat right 10px;
    padding-right: 20px;
}

/* Портфолио */

.block_portf {
    overflow: hidden;
    zoom:1;
    font-family: verdana;
    font-size: 12px;
    padding-bottom: 10px;
}

.portfolio_poslednee {
    float: left;
    padding: 0px 20px;
    width: 214px;
}

.foto_portf {
    float: left;
    padding-bottom: 10px;
}

.foto_portf a {
    display: block;
    float: left;
    font-size: 1px;
    border: 1px solid #919191;
    padding: 4px;
}

.foto_portf a:hover {
    border: 1px solid #a5ff00;
}

.portf_date {
    clear: left;
    font-size: 10px;
    color: #666;
    padding-bottom: 6px;
}

.portf_project {
    color: #969696;
}

ul.list_rabot {
    padding-left: 20px;
}

ul.list_rabot li {
    background: url(images/back_list.jpg) no-repeat scroll 2px 12px;
    padding: 12px 0px 12px 30px;
}

/* Просмотр работы портфолио */

.block_portf_open {
    font-family: verdana;
    font-size: 12px;
    color: #969696;
}

.block_portf_open img {
    border: 5px solid #323232;
}

.link_project a {
    color: #fff;
}

.portf_tabs {
    overflow: hidden;
    zoom:1;
    padding: 0px 20px 15px;
}

#tab_left,
#tab_right {
    display: block;
    float: left;
    padding: 0px 14px;
    line-height: 34px;
}

.portf_tabs a {
    color: #000;
    text-decoration: none;
}

.portf_tabs a:hover {
    color: #6ba2ad;
}

.portf_tabs a.act:hover {
    color: #000;
}

#tab_left {
    background: #4B4245 url(images/tab_left.jpg) no-repeat left top;
}

#tab_left.act {
    background: #ebc7d4 url(images/tab_left_act.jpg) no-repeat left top;
}

#tab_right {
    background: #4B4245 url(images/tab_right.jpg) no-repeat right top;
}

#tab_right.act {
    background: #ebc7d4 url(images/tab_right_act.jpg) no-repeat right top;
}

.title_goto {
    padding: 5px 20px;
}

.title_goto a {
    display: block;
    float: left;
    font-size: 11px;
    color: #2f707d;
    line-height: 28px;
    background: url(images/arrow_open_2.jpg) no-repeat right 10px;
    padding-right: 24px;
    margin-right: 8px;
}

.title_goto a:hover {
    color: #2f707d;
}

.text_help_user {
    clear: left;
    color: #969696;
}

.text_content .text_help_user p {
    line-height:16px;
    padding: 3px 0px;
}

.fond_all {
    padding-left: 12px;
}

.text_ol {
    color: #969696;
    font-size: 14px;
    line-height: 20px;
}

.page_help {
    font-family: verdana;
    font-size: 14px;
    color: #969696;
    padding: 110px 0px 20px 20px;
}

.page_help p {
    padding: 6px 0px;
}

.page_help a,
.page_help a:hover {
    color: #2f707d;
}


/* Контакты */

.text_content.contact {
    padding: 0px 230px 0px 120px;
}

.block_add_comment .text_form_cont {
    padding: 2px 0px;
}

.post-55.page {
    color: #969696;
    font-size:16px;
    padding-right: 110px;
}

.text_content.contact .block_add_comment {
    margin-left: 20px;
}

.block_text_contact {
    padding: 5px 20px;
}

.text_content .block_text_contact p {
    padding:7px 0px;
}

.block_text_contact span {
    color: #4b4b4b;
    font-size: 12px;
}

.block_text_contact span.numb_tel {
    color: #969696;
    font-size: 24px;
}

.link_email a {
    color: #969696;
    text-decoration: none;
}

.block_input .kod {
    float: left;
    border: 0px;
    padding-right: 10px;
}

.inp_2.kapcha {
    margin-top: 4px;
}

.contacts_all {
    overflow: hidden;
    zoom:1;
    padding: 12px 0px 20px;
}

.icq_contact {
    float: left;
    background: url(images/icons/icon_icq.jpg) no-repeat left top;
    padding: 5px 50px 30px 40px;
}

.skype_contact {
    float: left;
    background: url(images/icons/icon_skype.jpg) no-repeat left top;
    padding: 5px 50px 30px 40px;
}