@charset "koi8-r";
/* General */
body,div,ul,li,dl,dt,dd,h1,h2,h3,p {margin:0;padding:0;}
img{border:0;}
ul li{list-style:none;}
html,body{width:100%; height:100%; background-color:#fff; font:normal 12px Trebuchet MS; color:#666;}
h1 {font:bold italic 22px Trebuchet MS; color:#ff8500;}
h2 {font:bold 1.5em Trebuchet MS;}
a {text-decoration:underline; color:#3bc1f3;}
a:hover {text-decoration:none;}

/* Backgraund line */
.b_line {position:absolute; top:324px; left:0; width:100%; height:1px; background:url(images/b_line.gif) repeat-x;}

/* Clear */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}


/* Header */
#header {position:absolute; top:0; left:0; width:100%; height:140px;}
#header .wrap {min-width:930px; max-width:1246px; height:120px; margin:0 auto; padding:20px 30px 0;}

/* Header Logo */
#header .wrap .logo {float:left; width:20%;}
#header .wrap .logo a {position:relative; display:block; width:155px; height:78px; background:url(images/logo.gif) 0 0 no-repeat; text-decoration:none;}

/* Header right block */
#header .wrap .header_right {position:relative; margin-left:20%; height:100px;}

/* Nav menu */
#header .wrap .header_right .nav_menu { position:absolute; top:0; left:0;}
#header .wrap .header_right .nav_menu ul li {float:left;}
#header .wrap .header_right .nav_menu ul li a {display:block; width:39px; height:27px; background:url(images/navi_menu.gif) 0 0 no-repeat;}
#header .wrap .header_right .nav_menu ul li a.map {background-position:-39px;}
#header .wrap .header_right .nav_menu ul li a.mail {background-position:-78px;}

/* Popup contacts */
#header .wrap .header_right .popup_contact {position:absolute; top:0; right:60px; text-align:right;}
#header .wrap .header_right .popup_contact .phone {position:relative; font:italic 2em Trebuchet MS; color:#ff6600;}
#header .wrap .header_right .popup_contact .phone span {vertical-align:top; font-size:0.5em; color:#999;}
#header .wrap .header_right .popup_contact .contact {padding-bottom:0.2em;}
#header .wrap .header_right .popup_contact .contact span { padding-left:1.3em; background:url(images/popup_ico.gif) 0 5px no-repeat;}
#header .wrap .header_right .popup_contact .contact a {text-decoration:none; border-bottom:dashed 1px #3bc1f3;}
#header .wrap .header_right .popup_contact .contact a:hover {border:none;}

/* Header menu */
#header .wrap .header_right .h_menu {position:absolute; bottom:0; left:0;}
#header .wrap .h_menu ul li {float:left; margin:0 28px 0 3px;}
#header .wrap .h_menu ul li a {display:block; padding:3px 5px; color:#999;}
#header .wrap .h_menu ul li a:hover {display:block; padding:3px 5px; background-color:#8bca0c; color:#fff;}
#header .wrap .h_menu ul li a.active {text-decoration:none; background-color:#8bca0c; font-weight:bold; color:#fff;}


/* Content */
#content {position:relative; min-width:930px; max-width:1246px; min-height:100%; margin:0 auto; padding:0 30px;}
#content .wrap {padding-top:160px;}
#content .empty {height:150px;}

/* Content rotator */
/* Rotator tabs */
#rotator ul li {position:relative; float:left; width:24.5%; min-width:210px; max-width:450px; height:140px; text-align:center;}
#rotator ul li img {margin-bottom:10px;}
#rotator ul li a {font:italic 14px Trebuchet MS;} 

/* Стили для динамического блока на главной странице */
/* Rotator content */
#rotator .cont {position:relative; width:100%; height:450px; overflow:hidden;}
#rotator .text {position:relative; width:100%; height:450px; margin-top:5px; overflow:hidden;}
#content .conner {width:31px; height:20px; position:absolute; top:0; left:10%; background:url(images/menu_coner.gif) 0 0 no-repeat;}
#rotator #fragment-0 {background:url(images/big_img3.jpg) 10% 25px no-repeat;}
#rotator #fragment-1 {background:url(images/big_img2.jpg) 10% 25px no-repeat;}
#content #fragment-1 .conner {left:35%;}
#rotator #fragment-2 {background:url(images/big_img1.jpg) 10% 25px no-repeat;}
#content #fragment-2 .conner {left:60%;}
#rotator #fragment-3 {background:url(images/big_img4.jpg) 10% 25px no-repeat;}
#content #fragment-3 .conner {left:85%;}
#rotator .text .title {margin:30px 60px 0 50%; font-size:14px;}
#rotator .text .title p {padding-top:1em;}

/* Rotator price */
#rotator .price {position:absolute; bottom:20%; left:60%; width:300px; height:95px; padding-left:90px; background:url(images/price_ico.gif) 0 0 no-repeat;}
#rotator .price h2 {color:#8bca0c; border-bottom:dashed 1px; display:inline-block; //display:inline;}
#rotator .price .cat {padding-top:0.8em; font:italic 1em Trebuchet MS; line-height:1.2em;}
#rotator .price .cat span {color:#000;}

/* Order & News blocks */
#content .info .order {width:50%; float:left;}
#content .info .news {margin-left:50%;}
#content .info h2 {color:#ff8500;}
#content .info p {padding:1.1em 1.5em 0;}

#content .info .order .form {padding:1.1em 1.4em 0;}
#content .info .order .form .textarea {background:url(images/order_textarea.gif) 0 0 no-repeat; margin-bottom:15px;}
#content .info .order .form .textarea textarea {width:316px; height:106px; border:none; background:none; overflow: hidden; padding:10px;}
#content .info .order .form .author, .mail {width:142px; height:23px; background:url(images/order_text.gif) 0 0 no-repeat; margin:0; padding:3px 5px 0; border:none;}
#content .info .order .form textarea, input {font:normal 1em Trebuchet MS; color:#999;}
#content .info .order .form .mail {margin-left:27px;}
#content .info .order .form .bn {width:98px; height:26px; border:none; background:url(images/order_bn.gif) 0 0 no-repeat; margin-top:15px;}

#content .info .news img {float:left; padding-right:10px;}
#content .info .news p { overflow: hidden;}

/* Стили для внутренних страниц */
/* Left sidebar */
#content .wrap .left_sidebar {float:left; width:20%;}

/* Dop menu */
#content .wrap .dop_menu {padding:0 0 20px 12px;}
#content .wrap .dop_menu a {border-bottom:dashed 1px #8bca0c; text-decoration:none; color:#999;}
#content .wrap .dop_menu a:hover {border:none;}

/* Left menu */
#content .wrap .left_menu span a{padding:0 5px; font:bold 1.1em Trebuchet MS; color:#444; text-decoration:none;}
#content .wrap .left_menu span.active {padding:0 5px; font:bold 1.1em Trebuchet MS; background-color:#8bca0c; color:#fff;}
#content .wrap .left_menu li ul {padding:5px 0 5px 10px;}
#content .wrap .left_menu li ul li {padding-left:8px; background:url(images/dots.gif) 0 50% no-repeat;}
#content .wrap .left_menu li ul li a {color:#999;}

/* Right sidebar */
#content .wrap .right_sidebar {margin:0 20%; font-size:1.1em;}
#content .wrap .right_sidebar .path {font-size:0.9em;}
#content .wrap .right_sidebar .path a {font-size:0.9em; color:#8bca0c;}
#content .wrap .right_sidebar h1 {padding:15px 0;}
#content .wrap .right_sidebar h3 {font-size:1em; padding:0.5em 0; color:#444;}
#content .wrap .right_sidebar ul {padding-left:40px; margin:1em 0;}
#content .wrap .right_sidebar ul li {list-style-type:disc;}
#content .wrap .right_sidebar p {padding:5px 0;}
#content .wrap .right_sidebar blockquote {font:italic 1em Georgia; color:#999;}
#content .wrap .right_sidebar img.text {border:solid 5px #ccc;}
#content .wrap .right_sidebar table.price {width:100%; border-collapse:collapse;}
#content .wrap .right_sidebar table.price th {border-top:solid 1px #999; border-bottom:solid 1px #999;}
#content .wrap .right_sidebar table.price td {border-bottom:solid 1px #CCC; padding:2px 10px;}

#content .empty_in {height:320px;}

/* Footer */
#footer {position:relative; height:128px; margin-top:-128px; background:url(images/footer_line.gif) 0 0 repeat-x;}
#footer .left_bg {position:absolute; top:-181px; left:0; width:260px; height:181px; background:url(images/left_bg.gif) no-repeat;}
#footer .wrap {min-width:930px; max-width:1246px; height:128px; margin:0 auto; padding:0 30px;}
#footer .wrap .in { position:relative; background: url(images/footer_back.gif) repeat-x;}

#footer .wrap .in .copy, .contacts, .developer {padding-top:30px;}
#footer .wrap .in .copy {float:left;}
#footer .wrap .in .contacts {position:absolute; top:0; left:50%; background:url(images/footer_coner.gif) 50% 0 no-repeat;}
#footer .wrap .in .contacts a.ya_map {display:block; width:13px; height:12px; position:absolute; top:35px; left:-20px;  background:url(images/ya_map.gif) no-repeat;}
#footer .wrap .in .developer {float:right; text-align:right;}
#footer .wrap .in .developer a {text-decoration:none; color:#FF5400;}

.frame {position: absolute; top:25%; left:30%; display:none; border:solid 5px #FC6;}
.frame span {position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:url(images/fancy_closebox.png) no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_closebox.png', sizingMethod='scale'); cursor:pointer;}