/* Главный файл стилей */

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:#069;}
a:hover{color:#900;}

body{
background: #EFEFEF url('bg.gif') left top repeat-x;
font-family:georgia, tahoma;
font-size: 12px;
color:#000;
}


.hidden {visibility: hidden;}


/*?=wrap
------------------- */
.wrapper {background: url('header.jpg') 50% top no-repeat; min-width: 1000px;}
.wrap {width: 1000px; margin: 0 auto; text-align: left;}



/*?=header
------------------- */
.header {height: 390px; position: relative; padding: 0 47px;}

.logo {width:302px; height: 63px; position: absolute; left: 48px; top: 48px;}
.logo img {vertical-align: top;}

.icons {position: absolute; right: 144px; top: 68px; width: 150px; text-align: right;}
.icons a {padding: 0 3px;}

.menu {list-style: none; padding: 140px 0 5px; margin: 0; font-size: 15px; font-style: italic; font-weight: bold;}
.menu li {padding: 0 0 5px;}
.menu li a {color:#900;}
.menu li a:hover {color:#900; text-decoration: none;}

.phones {font-style: italic; font-size:11px; overflow: hidden;  padding: 0 0 10px 30px;} 
.phones div {float: left; width: 100%;}
.phones span {font-size:10px; display: inline; float: left; width: 25px; margin: 0 0 0 -30px;}

.address {font-style: italic; font-size:11px; padding: 0 0 10px;}

.bubble {font-style: italic; font-size: 11px; color:#000; width:162px; position: absolute; right: 39px; bottom:38px; overflow: hidden; padding: 0 0 22px;}
.bubble_in {position: absolute; width: 56px; height: 22px; left: 0; bottom: 0; background: url('bubble.png');}
.bubble_in_in {background:#D7A137; padding: 7px 15px; overflow: hidden;}

.bubble a {color:#fff; position: relative; font-size: 15px;}
.bubble a:hover {color:#fff; text-decoration: none;}
.bubble p {padding: 0 0 5px;}
.bubble p span {font-size: 16px;}


/*?=content
------------------- */
.content {overflow: hidden;  padding: 0 47px;}
.main {display: inline; float: left; width: 100%; overflow: hidden; margin: 0 -100% 0 0;}
.main_in {margin: 0 260px 0 210px; position: relative; overflow: hidden;}
.sidebar {float: left; width: 100%; overflow: hidden;}
.sidebar_in {float: left; width: 160px;}
.sidebar_alt {display: inline; float: left; width: 210px; overflow: hidden; margin: 0 0 0 -210px; padding: 40px 0 0;}


.sidebar_menu {font-size: 15px; padding: 0 0 40px;}
.sidebar_menu ul {list-style: none; padding: 0; margin: 0;}
.sidebar_menu ul li {font-style:italic; padding: 0 0 5px;}
.sidebar_menu ul li a {color:#000; text-decoration: none;}
.sidebar_menu ul li a:hover {color:#000; text-decoration: underline;}
.sidebar_menu ul li ul li  {font-style:italic; padding: 5px 0 0 12px; background: url('dot.gif') left 12px no-repeat; font-style: normal;}

.sidebar_menu ul li ul li a {color:#069; text-decoration: underline;}
.sidebar_menu ul li ul li a:hover {color:#900; text-decoration: underline;}

/*?=footer
------------------- */
.footer {color:#666; width: 913px; margin: 0 auto; border-top: 1px solid #B8B8B8; padding: 12px 0 20px; overflow: hidden; }
.copyright {float: left; width: 50%; font-size:11px;}
.copyright span {font-size:13px;}
.footer_links {float: left; width: 20%; text-align: left;}
.dvaslona {float: right; width: 20%; text-align: right;}

.text_holder {padding: 0 0 30px; font-style: italic;}
.text {padding: 0 0 10px;}


.link_with_icon {font-style: italic; font-size: 11px; padding: 0 0 40px 34px; overflow: hidden; }
.link_with_icon img {display: inline; float: left; margin: 0 0 0 -34px;}
.link_with_icon a {color:#900;}
.link_with_icon a:hover {color:#900; text-decoration: none;}

.h {font-size: 20px; color:#666; padding: 0 0 15px;}
.sidebar_alt .h {margin: -40px 0 0;}
.h_alt {font-size: 16px; color:#666; padding: 0 0 6px;}
.h1_red {color:#900; font-size: 24px; padding: 0 0 15px; font-weight: normal;}
.h1_alt {color:#6f6f6f; font-size: 24px; padding: 0 0 10px; font-weight: normal;}
.h2 {color:#900; font-size: 18px; padding: 0 0 2px; font-weight: normal;}
.h1 {color:#6f6f6f; font-size: 24px; padding: 0 0 10px; font-weight: normal; text-transform: uppercase;}

.div {padding: 0 0 30px;}
.sep {height: 15px; border-top: 1px solid #aaa;}

.gal {overflow: hidden;  padding: 0;}
.gal_in {margin: 0 0 0 -34px; overflow: hidden; }
.gal_item {float: left; width: 120px; padding: 0 0 0 34px; overflow: hidden;  height: 11em; text-align: center;}
.gal_item_alt {height: 75px;}
.gal_picture {height:67px; overflow: hidden;}
.gal_picture img {vertical-align: top;}
.gal_text {height: 4em; overflow: hidden;}

.nav {font-style: italic; padding: 0 0 15px;}
.nav a {color:#900;}
.nav a:hover {color:#900; text-decoration: none;}
.nav span {font-size: 12px; font-style: normal; padding: 0 4px;}
.nav i {color:#000;}

.note {font-style: italic;}
.price_box {padding: 0 0 15px; text-align: center;}
.price_header {font-size: 24px; color:#6f6f6f; padding: 0 0 5px;}
.price_line {padding: 0 0 5px;}
.price_line span {color:#900; font-weight: bold;}

.item {overflow: hidden;  padding: 0 0 20px 175px;}
.item_image {display: inline; float: left; width: 130px; overflow: hidden; margin: 0 0 0 -175px;}
.item_description {float: left; width: 100%;}
.prices {overflow: hidden;  padding: 0 0 7px;}
.price_pack,
.price_discount {width: 48%; overflow: hidden; font-size: 12px; text-align: center; padding: 3px 0;}
.price_pack span,
.price_discount span {font-weight: bold; font-size: 15px;}
.price_pack {float: left; background:#900; color:#fff;}
.price_discount {float: right; background:#fff; color:#900;}
.link_alt {text-align: right; font-family: arial; font-size: 11px;}

.line_list {list-style: none; margin: 0; font-size: 14px; padding: 0 0 11px; overflow: hidden; }
.line_list li {float: left; padding: 0 5px 0 0;}
.line_list li a {color:#900;}
.line_list li a:hover {color:#900;}
.line_list li a.active {color:#900; text-decoration: none;}
.line_list li a:hover {color:#900;  text-decoration: none;}

.list {font-size: 11px; list-style: none; padding: 0 0 20px; margin: 0;}
.list li {text-transform: uppercase; padding: 0 0 5px 12px; background: url('dot.gif') left 6px no-repeat; font-style: normal;}

.list li a.active {color:#000; text-decoration: none;}
.list li a.active:hover {color:#000; text-decoration: none;}

.link {padding: 0 0 20px;}

#Content .red,
.red {color:#900;}
#Content a.red:hover,
a.red:hover {color:#900; text-decoration: none;}
#Content a.red:visited,
a.red:visited {color:#6f6f6f;}


/*?=Content
------------------- */
p {padding: 0 0 20px;}
#Content h1 {padding: 0 0 10px; font-size: 24px; font-weight: normal; color:#6f6f6f;}
#Content h2 {padding: 0 0 10px; font-size: 18px; font-weight: normal; color:#6f6f6f;}
#Content h3 {padding: 0 0 10px; font-size: 16px; font-weight: normal; color:#6f6f6f;}
#Content h4 {padding: 0 0 10px; font-size: 14px; color:#6f6f6f;}
#Content h5 {padding: 0 0 10px; font-size: 14px; color:#6f6f6f; font-style: italic;}

#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;}

#Content table {background:#A9B4C0; margin: 0 0 16px;}
#Content table th,
#Content table td {padding: 7px;}
#Content table th {background:#E3E3E3; color:#000; text-align: left;}
#Content table td {background:#F1F1F1; font-size: 11px;}


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

#Content a {color:#069;}
#Content a:hover {color:#900;}
#Content a:visited {color:#6f6f6f;}

.gal_alt {overflow: hidden;  padding: 0 0 10px;}
#Content .gal_alt a {color:#404040; text-decoration: none;}
#Content .gal_alt a:hover {color:#900; text-decoration: underline;}
.gal_alt_in {overflow: hidden;  margin:-2em 0 0 -23px;}
.gal_alt_item {float: left; width: 127px; padding: 2em 0 0 23px; text-align: center; height: 15em; overflow: hidden;}
.gal_alt_item_img {padding: 0 0 5px;}
.gal_alt_item_img img {padding: 5px; background:#fff;}
.gal_alt_item_text {height:40px; overflow: hidden;} 

#Content .image {display: inline; float: left; margin: 0 15px 5px 0;}

#Content .form {width: 440px; padding: 0 0 20px;}
#Content .form_in {background:#E4E4E4; padding: 15px 15px 10px;}
#Content .form_in fieldset {overflow: hidden;  padding: 0 0 5px 90px; margin: 0; border: 0;}
#Content .form_in fieldset label {display: inline; float: left; margin: 0 0 0 -90px; width: 87px;}
#Content .form_in .form_in_in {float: left; width: 100%;}

#Content .form_in .form_in_in input,
#Content .form_in .form_in_in textarea {width: 314px; float: right; padding: 2px; border: 1px solid #999; font-family: arial; font-size: 12px; color:#6f6f6f;}

#Content .form_in .form_in_in textarea {height: 50px;}
#Content .form .buttons {overflow: hidden;  padding: 15px 15px 0;}
#Content .form .buttons .button {float: right;background:#798A9D; color:#fff; font-family: arial; font-size: 12px; font-style: italic; border: 1px solid #999; cursor: pointer; font-weight: bold; padding: 5px 7px;}


/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
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;}