/* Основной файл стилей */

dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
img{border:0;}

.clear_after:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}

a {color:#075d8e;}
a:hover{color:#e22e44;}

body{
background: #fff;
font-family:tahoma;
font-size: 12px;
color:#333;
height:auto;
}

#Ruler {display: none;}

.hidden {visibility: hidden;}


/*?=wrap
------------------- */
.wrap {min-width:990px; max-width: 1280px; width: 100%; margin: 0 auto;}


/*?=header
------------------- */
.header {height: 215px; position: relative; background: url('http://www.twisting.ru/style/header/bg_header.gif') left top repeat-x; text-align: center;}
.header_in {height: 215px; position: relative; background: url('http://www.twisting.ru/style/header/bg_header.jpg') left top no-repeat; text-align: center;}
.header_in_in {height: 215px; position: relative; background: url('http://www.twisting.ru/style/header/bg_header_right.jpg') right top no-repeat; text-align: center;}

.menu {height:40px; position: relative; display: inline-block;   padding: 0 8px 0 0;}
.menu_in {display: inline-block;   background: url('http://www.twisting.ru/style/header/bg_menu.gif') -8px top no-repeat; height:40px; padding: 0 0 0 8px;}
.menu_in_in {position: absolute; background: url('http://www.twisting.ru/style/header/bg_menu.gif') 0 top no-repeat; width:8px; height:40px; overflow: hidden;  left: -8px; top: 0; margin: 0 0 0 100%;}
.menu a {color:#8f1800; display: block; padding: 0 14px; height:40px; line-height:39px; text-decoration: none; text-transform: uppercase; font-weight: bold; overflow: hidden; }
.menu a:hover {color:#8f1800; text-decoration: underline;}
.menu a.active {color:#8f1800; padding: 0 13px; height:36px; line-height:35px; border: 1px solid #f5ee91; background:#f5ee91 url('http://www.twisting.ru/style/header/bg_menu_on.gif') left top repeat-x; margin: 1px 0 0;}
.menu a.active:hover {text-decoration: none;}
.menu td {vertical-align:top;}

.logo {position: absolute; width: 221px; height: 152px; left:15px; top:45px;}
.name {position: absolute; width: 264px; height: 94px; left:252px; top:78px;}
.phone {position: absolute; width: 208px; height: 36px; right:27px; top:157px;}
.pig {position: absolute; width: 193px; height: 161px; right:273px; top:42px;}

.but {overflow: hidden; }
.but_in {height:34px; position: relative; float: left; padding: 0 9px 0 0;}
.but_in_in {overflow: hidden;  position: relative; height: 34px; float: left;}
.but_l {position: absolute; height: 34px; left: -9px; top: 0; width: 500px; background: url('http://www.twisting.ru/style/bg_but.png') left top no-repeat;}
.but_r {position: absolute; height: 34px;  left: -9px; width:9px; overflow: hidden;  background: url('http://www.twisting.ru/style/bg_but.png') left top no-repeat; margin: 0 0 0 100%;}
.but_link {white-space: nowrap; position: relative; z-index: 10; float: left; padding: 0 5px 0 10px; height:30px; line-height:29px; font-size:11px; color:#fff; font-weight: bold; text-decoration: none;}
.but_link:hover {color:#fffbcc; text-decoration: none;}

.header_text {text-align: left; position: absolute; width: 370px; height: 96px; right:10px; top:51px; background: url('http://www.twisting.ru/style/bgs/370.gif');}
.header_text_in {padding: 5px 10px 0 50px; height: 70px; overflow: hidden; }
.header_text_h {font-size:20px; color:#e22e44; text-decoration: underline;}

.header_text .but {position: absolute; right: 10px; bottom: -5px; width: 200px;}
.header_text .but .but_in {float: right; overflow: hidden; }

/*?=content
------------------- */
.content {overflow: hidden;  padding: 0 5px 10px 6px;}
.content_in {overflow: hidden; }
.main {float: left; width: 100%; overflow: hidden;}
.main_in {margin: 0 0 0 270px; position: relative; min-height: 500px; height: auto !important; height: 500px;}
.sidebar {display: inline; float: left; width: 259px; overflow: hidden; margin: 0 0 0 -100%;}

.blocks {overflow: hidden;  padding: 0 0 10px;}
.blocks_in {overflow: hidden;  margin: 0;}
.block {float: left; padding: 0; width:33%; height:111px;}
.block a {margin: 0 auto; display: block; width:229px; padding: 80px 0 12px; text-align: center; font-size: 14px; font-weight: bold;}
.block_articles {background: url('http://www.twisting.ru/style/blocks/01.png') 50% top no-repeat;}
.block_articles a {color:#44a102;}
.block_articles a:hover {color:#44a102; text-decoration: none;}
.block_video {background: url('http://www.twisting.ru/style/blocks/02.png') 50% top no-repeat;}
.block_video a {color:#075d8e;}
.block_video a:hover {color:#075d8e; text-decoration: none;}

.block_photo {background: url('http://www.twisting.ru/style/blocks/03.png') 50% top no-repeat;}
.block_photo a {color:#e24e03;}
.block_photo a:hover {color:#e24e03; text-decoration: none;}

.b {padding: 0 0 20px;  position: relative;}

.b .but {position: absolute; right: 10px; bottom: 7px; width: 200px;}
.b .but .but_in {float: right; overflow: hidden; }

.b_259_bg {width: 259px; background: url('http://www.twisting.ru/style/bgs/259_bg.gif') left top repeat-y;}
.b_259_p_top {width: 259px; background: url('http://www.twisting.ru/style/bgs/259_p_top.gif') left top no-repeat;}
.b_259_y_top {width: 259px; background: url('http://www.twisting.ru/style/bgs/259_y_top.gif') left top no-repeat;}
.b_259_o_top {width: 259px; background: url('http://www.twisting.ru/style/bgs/259_o_top.gif') left top no-repeat;}
.b_259_bottom {background: url('http://www.twisting.ru/style/bgs/259_bottom.gif') left bottom no-repeat; padding: 15px 10px 30px; min-height: 60px; height: auto !important; height: 60px;}

/*.b_349_bg {width: 349px; background: url('http://www.twisting.ru/style/bgs/349_bg.gif') left top repeat-y;}
.b_349_p_top {width: 349px; background: url('http://www.twisting.ru/style/bgs/349_p_top.gif') left top no-repeat;}
.b_349_g_top {width: 349px; background: url('http://www.twisting.ru/style/bgs/349_g_top.gif') left top no-repeat;}
.b_349_bottom {background: url('http://www.twisting.ru/style/bgs/349_bottom.gif') left bottom no-repeat; padding: 15px 10px 30px; min-height: 60px; height: auto !important; height: 60px;}*/

.fluid3 {background: url('http://www.twisting.ru/style/bgs/fluid3_lt.gif') left top no-repeat;}
.fluid3_in {background: url('http://www.twisting.ru/style/bgs/fluid3_rt.gif') right top no-repeat;}
.fluid3_in_in {background: url('http://www.twisting.ru/style/bgs/fluid_lb.gif') left bottom no-repeat;}
.fluid3_in_in_in {background: url('http://www.twisting.ru/style/bgs/fluid_rb.gif') right bottom no-repeat; padding: 15px 10px 30px; min-height: 60px; height: auto !important; height: 60px;}
.fluid_swf {padding: 30px 0px 0px 0px; height: 350px; width: 480px; text-align:center ;}


.fluid4 {background: url('http://www.twisting.ru/style/bgs/fluid4_lt.gif') left top no-repeat;}
.fluid4_in {background: url('http://www.twisting.ru/style/bgs/fluid4_rt.gif') right top no-repeat;}
.fluid4_in_in {background: url('http://www.twisting.ru/style/bgs/fluid_lb.gif') left bottom no-repeat;}
.fluid4_in_in_in {background: url('http://www.twisting.ru/style/bgs/fluid_rb.gif') right bottom no-repeat; padding: 15px 10px 30px; min-height: 60px; height: auto !important; height: 60px;}




/*.b_338 {width: 338px;}
.b_338_bg {width: 338px; background: url('http://www.twisting.ru/style/bgs/338_bg.gif') left top repeat-y;}
.b_338_top {width: 338px; background: url('http://www.twisting.ru/style/bgs/338_top.gif') left top no-repeat;}
.b_338_bottom {background: url('http://www.twisting.ru/style/bgs/338_bottom.gif') left bottom no-repeat; padding: 15px 10px 30px; min-height: 60px; height: auto !important; height: 60px;}*/

.fluid2 {background: url('http://www.twisting.ru/style/bgs/fluid2_lt.gif') left top no-repeat;}
.fluid2_in {background: url('http://www.twisting.ru/style/bgs/fluid2_rt.gif') right top no-repeat;}
.fluid2_in_in {background: url('http://www.twisting.ru/style/bgs/fluid2_lb.gif') left bottom no-repeat;}
.fluid2_in_in_in {background: url('http://www.twisting.ru/style/bgs/fluid2_rb.gif') right bottom no-repeat; padding: 15px 10px 30px; min-height: 60px; height: auto !important; height: 60px;}


/*.b_709 {width: 709px;}
.b_709_bg {width: 709px; background: url('http://www.twisting.ru/style/bgs/709_bg.gif') left top repeat-y;}
.b_709_top {width: 709px; background: url('http://www.twisting.ru/style/bgs/709_top.gif') left top no-repeat;}
.b_709_bottom {background: url('http://www.twisting.ru/style/bgs/709_bottom.gif') left bottom no-repeat; padding: 15px 15px 15px 10px; min-height: 60px; height: auto !important; height: 60px;}*/

.fluid {background: url('http://www.twisting.ru/style/bgs/fluid_lt.gif') left top no-repeat;}
.fluid_in {background: url('http://www.twisting.ru/style/bgs/fluid_rt.gif') right top no-repeat;}
.fluid_in_in {background: url('http://www.twisting.ru/style/bgs/fluid_lb.gif') left bottom no-repeat;}
.fluid_in_in_in {background: url('http://www.twisting.ru/style/bgs/fluid_rb.gif') right bottom no-repeat; padding: 15px 15px 15px 10px; min-height: 60px; height: auto !important; height: 60px;}


.sova {background: url('http://www.twisting.ru/style/sova.gif') left top no-repeat; padding: 38px 0 0 86px; font-size: 16px; font-weight: bold; text-transform: uppercase; height: 60px;}
.sova a {color:#44a102;}
.sova a:hover {color:#44a102; text-decoration: none;}

.two_cols {overflow: hidden;}
.col_left {float: left; width:50%;}
.col_right {float: right; width:48%;}

.h {color:#e22e44; font-size: 12px; font-weight:bold; text-transform: uppercase; padding: 0 0 7px;}
.h_alt {color:#e22e44; font-size: 18px; text-transform: uppercase; padding: 0 0 7px;}

.text {overflow: hidden; }
.text_alt {overflow: hidden;  padding: 0 0 15px;}
.text p {padding: 0 0 7px;}

.in_text_image {display: inline; float: right; margin: 0 0 0 7px;}
.in_text_image_alt {display: inline; float: left; margin: 0 7px 0 0;}
.red {color:#e22e44; text-decoration: none;}
a.red:hover {color:#e22e44; text-decoration: underline;}

.big {font-size: 18px;}
.blue {color:#085d8e;}

.list {overflow: hidden; }
.list ul {overflow: hidden;  list-style: none; padding: 0; margin: -4px 0 0;}
.list li {font-weight: bold; padding: 4px 0 0 12px; background: url('http://www.twisting.ru/style/arrow.gif') left 10px no-repeat;}

.items {overflow: hidden; }
.items_in {overflow: hidden;  margin: -10px 0 0;}

.item {overflow: hidden;  padding: 10px 0 0 310px;}
.item_image {display: inline; float: left; width: 310px; margin: 0 0 0 -310px;}
.item_image .i_holder {width: 300px;}
.item_image_alt .i_holder {width: 145px;}
.item_in {float: left; width: 98%;}

.icon_xls {padding: 0 0 0 50px; background: url('http://www.twisting.ru/style/icon_xls.gif') left top no-repeat; height:40px; font-weight: bold; line-height: 39px;}
.icon_xls a {color:#44a102;}
.icon_xls a:hover {color:#44a102; text-decoration: none;}

.nav {padding: 0 0 20px;}
.nav a {font-weight: bold; color:#e22e44;}
.nav a:hover {font-weight: bold; color:#e22e44;}

.input {font-family: tahoma; color:#000; font-size: 12px; text-align: center; width:40px;}

.ttl {overflow: hidden;  padding: 0 0 30px;}
.ttl .abut {float: right;}
.ttl .abut_in {float: left;}
.ttl_in {float: right; padding: 0 15px 0 0; font-weight: bold; color:#085d8e; line-height: 30px;}

/*?=footer
------------------- */
.footer {overflow: hidden;  background: url('http://www.twisting.ru/style/footer/bg_footer_left.gif') left top no-repeat; font-size:11px;}
.footer_in {overflow: hidden;  background: url('http://www.twisting.ru/style/footer/bg_footer_right.gif') right top no-repeat; height:60px;}

.counters {float: left; width: 100%;}
.counters_in {margin: 0 281px; position: relative; text-align: center; padding: 15px 0 0;}

.copyright {display: inline; width: 270px; float: left; margin: 0 0 0 -100%; padding: 16px 0 0 11px;}
.dvaslona {display: inline; width: 270px; float: left; margin: 0 0 0 -281px; padding: 12px 11px 0 0; text-align: right;}
.dvaslona img {vertical-align: bottom;}

.footer a {color:#e22e44;}
.footer a:hover {color:#e22e44; text-decoration: none;}

.flash_holder {
	width:100%; overflow: hidden; //zoom:1;

}

/*image*/
.i_holder {float: left; width:130px; overflow: hidden;  position: relative; padding: 0 10px 0 0;}
.i_t {overflow: hidden;  position: relative;}
.cr {background: url('http://www.twisting.ru/style/frame.png') left top no-repeat;}
.i_tl {height:400px; position: absolute; width:100%; left: -13px; top:-12px;}
.i_tr {height:400px; position: absolute; width:100%; left: -13px; top:-12px; margin: 0 0 0 100%;}
.i_b {overflow: hidden;  position: relative; margin: -12px 0 0; height:12px;}
.i_bl {height:12px; position: absolute; width:100%; left: -13px; top:0px;}
.i_br {height:12px; position: absolute; width:100%; left: -13px; top:0px; margin: 0 0 0 100%;}

/*gal*/
.gal {overflow: hidden;  padding: 0 0 15px;}
.gal_in {overflow: hidden;  margin: -10px 0 0 -10px;}
.gal_item {float: left; padding: 10px 0 0 10px; width: 115px;}
.gal_item .i_holder {padding: 0; width: 115px;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#Content {}
#Content p {padding: 0 0 20px; line-height: 17px;}


#Content a {color:#e22e44;}
#Content a:hover {color:#e22e44; text-decoration: none;}
#Content a:visited {color:#6F6F6F; text-decoration: underline;}

#Content ul,
#Content ol {padding: 0 0 4px 30px; margin: 0;}

#Content ul li,
#Content ol li {padding: 0 0 5px;}

#Content ul ul,
#Content ol ol {padding: 5px 0 0 30px;}


h1,
h2,
h3,
h4,
h5,
h6 {color:#e22e44; text-transform: uppercase; padding: 0 0 15px;}
.please_no_line {border-bottom: 0; margin: 0;}

h1 {font-size: 18px; font-weight: normal;}
h2 {font-size: 16px;}
h3 {font-size: 14px; font-style: italic;}
h4 {font-size: 12px;}
h5 {font-size: 12px; font-style: italic;}
h6 {font-size: 11px;}


#Content table {background:#6F6F6F; margin: 0 0 15px;}
#Content table th,
#Content table td {padding: 4px 7px;}
#Content table th {font-weight: bold; background:#a6d7f4 url('http://www.twisting.ru/style/bg_table.gif') left top repeat-x; color:#000;}
#Content table td {background:#fff; font-size: 12px;}
#Content table .even td {background:#f8f8f8;}

#Content table.no_border_ok {background:none; margin: 0;}
#Content table.no_border_ok td {padding: 0 10px 0 0;}
#Content table.no_border_ok td {background:none; font-size: 12px;}

#Content table td td {padding: 0;}
#Content table table {margin:0;}



#Content .news_list_item,
#Content .news_list_item_with_picture {overflow: hidden; }
#Content .news_list_item_with_picture .i_holder {display: inline; float: left; margin: 0 0 0 -140px;}

#Content .news_list_item {padding: 0 0 15px 0;}
#Content .news_list_item_with_picture {padding: 0 0 15px 140px;}

#Content .news_list_item_with_picture p,
#Content .news_list_item p {padding: 0 0 2px;}

#Content .h2 {font-size: 12px;}
#Content .h2 span {font-weight: bold;}

/* Переключатель страниц */
#Content div.pages {text-align: center; padding: 0 0 15px; font-size: 12px;}
#Content div.pages a,
#Content div.pages span {padding: 0 6px 0 0;}
#Content div.pages span {color:#000;}



/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
#Content .form {width:554px; overflow: hidden; }
#Content .form table.no_border_ok {}
#Content .form table.no_border_ok td {padding: 4px 7px;}

.form input {background:#fff; color:#000; width: 390px; border: 1px solid #aaa; font-family: tahoma; float:left; padding: 2px; font-size: 12px;}
.form textarea {background:#fff; color:#000; height: 100px; width: 390px; border: 1px solid #aaa; font-family: tahoma; float:left; padding: 2px; font-size: 12px;}

.abut {float: left; height:34px; background: url('http://www.twisting.ru/style/buts/01.gif') left top no-repeat;}
.abut_in {float: left; height:34px; background: url('http://www.twisting.ru/style/buts/02.gif') right top no-repeat;}
/*.abut:hover {background: url('http://www.twisting.ru/style/buts/01.gif') left -34px no-repeat;}
.abut_in:hover {background: url('http://www.twisting.ru/style/buts/02.gif') right -34px no-repeat;}*/
.abut_in:hover input {color:#fffbcc; text-decoration: none;}
.abut_in input {width: auto; margin:0; padding:7px 8px; font-weight: bold; border:0; background: none; color:#fff; font-family: tahoma; font-size:11px; cursor: pointer;}


.form .buttons {overflow: hidden; }
.form .abut {float: right;}
.form .abut_in {float: left;}
.abut_in input {width: auto; margin:0; padding:7px 8px; font-weight: bold; border:0; background: none; color:#fff; font-family: tahoma; font-size:11px; cursor: pointer;}

.form input.radio, .form input.checkbox {background: none; float: none; margin: 0 4px 0 0; cursor: pointer; width: auto; border: 0;}
.form input.radio, .form input.checkbox, .form label {vertical-align: middle;}
.form label {padding: 0 10px 0 0;}

.form td.formLabel {width: 130px;} /* Ячейка, содержащая метку (подпись) элемента управления */
.form select {background:#fff; width: 390px; font-family: tahoma; font-size: 12px; margin: 0 0 11px;}



.form span.hint {color:#C60303; font-weight: bold;} /* Метка, имеющая подсказку */
.form span.hint i {font-style: normal; font-weight: normal; font-size: 11px;}
.form th.formHeader {} /* Подзаголовок */
.form .formText {padding: 0 7px 12px;} /* Ячейка, содержащая простой текст */

#Content .alist {padding: 0; list-style: none; margin: 0 0 15px;  }
#Content .alist li {padding: 0 0 5px 17px; background: url('http://www.twisting.ru/style/arrow_alt.gif') 3px 6px no-repeat;}

#Content .all_link {overflow: hidden;   padding: 0 0 12px;}
#Content .all_link span {float: right; height:34px; background: url('http://www.twisting.ru/style/buts/01.gif') left top no-repeat; overflow: hidden; }
#Content .text .all_link span {float: left;}
#Content .all_link a {float: left; height:34px; background: url('http://www.twisting.ru/style/buts/02.gif') right top no-repeat; padding:0 11px; font-weight: bold; color:#fff; font-size:11px; cursor: pointer; overflow: hidden;  text-decoration: none; line-height:29px; }
/*#Content .all_link span:hover {background: url('http://www.twisting.ru/style/buts/01.gif') left -34px no-repeat;}
#Content .all_link a:hover {background: url('http://www.twisting.ru/style/buts/02.gif') right -34px no-repeat;}*/
#Content .all_link a:hover,
#Content .all_link a:visited {color:#fffbcc; text-decoration: none;}



/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; color: #000; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; color: #000; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* Рамка для изображений */
div.fgallery_frame {display: block; margin: 0px; padding: 0px;}
div.fgallery_frame div {/*background: url(http://www.twisting.ru/style/fgallery_frame_l.gif) left top repeat-y;*/}
div.fgallery_frame div div {/*background: url(http://www.twisting.ru/style/fgallery_frame_t.gif) left top repeat-x;*/}
div.fgallery_frame div div div {background: url(http://www.twisting.ru/style/fgallery_frame_r.gif) right top repeat-y;}
div.fgallery_frame div div div div {background: url(http://www.twisting.ru/style/fgallery_frame_b.gif) left bottom repeat-x;}
div.fgallery_frame div div div div div {background: url(http://www.twisting.ru/style/fgallery_frame_lt.gif) left top no-repeat;}
div.fgallery_frame div div div div div div {background: url(http://www.twisting.ru/style/fgallery_frame_rt.gif) right top no-repeat;}
div.fgallery_frame div div div div div div div {background: url(http://www.twisting.ru/style/fgallery_frame_rb.gif) right bottom no-repeat;}
div.fgallery_frame div div div div div div div div {background: url(http://www.twisting.ru/style/fgallery_frame_lb.gif) left bottom no-repeat;}
div.fgallery_frame div div div div div div div div img {}