@charset "windows-1251";

body  {background: #000000; margin: 0; padding: 0; text-align: center; color: #ffffff; font-family: Tahoma; font-size: 13px;}
:focus {outline: none;}
img {border: 0;}

#container {position: relative; width: 980px; margin: 0 auto; text-align: left; background: url(/images/bg.jpg) repeat-x;} 

#header {height: 214px; background: url(/images/logo.jpg) no-repeat top;} 
.socials {position: absolute; top: 10px; left: 20px; display: table-cell; height: 21px; vertical-align: middle;}
.socials img {margin-left: 4px; vertical-align: bottom;}
.socials a img {border: none;}
#header .icq {font-size: 18px; background: url(/images/icq.png) no-repeat right; height: 25px; width: 150px; text-align: right;	padding-right: 35px; position: absolute; margin-top: 60px; color: #ffc905;}
#header .phone {font-size: 20px; text-align: right; height: 50px; width: 160px;	padding-right: 35px; background: url(/images/phone.png)no-repeat right center; position: absolute; margin-top: 80px; color: #ffc905;}
#header .phone .small {position: absolute; left: 18px; top: 14px;}
#header #map {margin: 50px 15px 0 944px;float:right;}
#header  #map  img {float: left; margin-bottom: 10px; border: none;}

#sidebar1 {width: 190px; padding: 0 20px 0 10px; margin-top: -40px; float: left;}
#sidebar1 h2, #sidebar1 p {font-size: 12px; margin-top: 0px; font-weight: normal;}
#sidebar1 h3 {font-size: 12px; margin: 5px 0;font-weight: normal;}
#sidebar1 strong {color: #ffc905; font-weight: normal;}

#sidebar2 {width: 160px; padding: 210px 10px 15px 20px; float: right;}

/* Кнопка активации */
#knopka {background: url(/images/knopka.png) no-repeat center top; height: 105px; width: 156px; position: relative;}
#knopka span {background: url(/images/floral-corner1.png) no-repeat; position: absolute; display: block; height: 48px; width: 62px; left: -7px;  top: 88px; z-index: 20;}
#knopka p {font-weight: bold; padding: 0; width: 50px; position: absolute; display: block; margin: 55px 0 14px 0;}
#knopka p a {color: #FFFFFF; text-decoration: none; background: url(/images/activate.png) no-repeat 7px top; display: block; padding-left: 45px; height: 36px;}
#knopka p a:hover {color: #000000; display: block; height: 36px; background: url(/images/activate.png) no-repeat 7px -36px;}

/* Правая рамка */
#ramka1 {background: url(/images/ramka_t.png) no-repeat; height: 55px; width: 156px; text-align: center; margin: 52px 0 0 0;}
#ramka1 p {padding: 19px 0 0 0; margin: 0;}

.find {background: url(/images/activate.png) no-repeat center top; height: 36px; width: 36px; margin-bottom: 0;}
.find:hover {background: url(/images/activate.png) no-repeat center -36px; width: 36px; height: 36px;}

.choose {text-align: center; z-index: 20;}
.choose form {padding:0; margin:0;}
.choose select {width: 130px; margin: 0 0 10px 0; font-size: 12px; padding: 0; height: 19px;}
.choose input {width: 60px; margin-bottom: 10px; font-size: 12px;}

#ramka2 {background: url(/images/ramka_bg.png) repeat-y; width: 156px; margin: 0;padding: 0; position: relative; z-index: 30;}
#ramka2 a {color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF;}
#ramka2 a:hover {color: #000000; border-bottom: 1px dashed #000000;}
#ramka2 p {font-size: 11px; color: #000000; padding-right: 0; margin: 0 8px;}
#ramka2 h4 {font-weight: bold; font-size: 14px; margin: 0px; text-indent: 5px;}
#ramka2 .him, #ramka2 .her, #ramka2 .child {height: 50px; width: 124px; margin-left: 16px; padding-top: 50px;}
#ramka2 .him {background: url(/images/for_him.png) no-repeat center top;}
#ramka2 .her {background: url(/images/for_her.png) no-repeat center top;}
#ramka2 .child {background: url(/images/for_child.png) no-repeat center top;}

#ramka3 {background: url(/images/ramka_b.png) no-repeat; position: relative; height: 32px; width: 156px; margin: 0; padding: 0;	z-index: 20;}
#ramka3 span {width: 167px; height: 166px; display: block; position: absolute; top: -74px; left: -34px;	background: url(/images/floral-corner.png) no-repeat;}

/* Флэшка */
#flash {position: absolute; z-index:1; height: 200px; width: 760px; left: 220px; top: 216px;}

/* Центральный блок */
.welcome {text-align: center; padding: 10px 0;}
.welcome img {width: 407px; height:35px;}
#mainContent {margin: 0 160px 0 190px; zoom: 1; padding: 220px 10px 20px 10px;}
#mainContent li {list-style-type: none; list-style-image: url(/images/list.png);}
#mainContent strong {color: #ffc905;}
#mainContent h1 {margin:15px 0; padding:0; text-transform: uppercase; font-size: 20px; color: #ffc905; text-align: center; letter-spacing: .5em;}
#mainContent ol, #mainContent h4 {margin: 0;}
#mainContent h4 {padding: 5px 0;}
#mainContent .news {border-bottom: 1px solid #FFF; font-weight: bold; margin: 10px 15px 0 15px;}
#mainContent .news em {font-weight: normal;}

#pohojee {clear: both; padding: 10px;}
.container {display: table; width: 98%;}

a:link, a:visited {color: #FFC905;}
a:hover{color: #FFFFFF;}

/* Подвал */
#footer {background:#000000; position: relative; z-index: 10; font-size: 11px; margin: 0 0 20px 0; padding: 10px;} 
#footer .copy {width: 45%; text-align: left;}
#footer table {width: 100%; border: none; margin: 0; padding: 0;}
#footer .menu {text-align: center; font-size: 12px;}
#footer .wsb {width: 45%; text-align: right;}
#footer .live {width: 90px; text-align: center; vertical-align: bottom;}
#footer .live img {border: 1px dashed #FFF;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0%; clear: both; overflow: hidden; zoom: 1;}

.small {font-size: small}

/* Верхнее меню */
#menutop {margin: 170px 0 0 220px; position: absolute; width: 775px; z-index: 20;}
#menu, #menu ul {list-style:none; margin:0; padding:0; float:left; width:100%; font-size:12px; }
#menu li {top: 0; list-style:none; position:relative; float:left; padding:0; background: url(/images/top_menu.png) no-repeat left top;  white-space: nowrap; height: 44px; margin: 2px 5px 2px 0;}
#menu li a {display:block; padding:4px 8px 4px 26px; text-decoration:none; border:none; color:#ffc905;}
#menu li:hover {background: url(/images/top_menu.png) no-repeat left -44px;}
#menu a:hover {color:#FB1D2A}
html>body #menu a:hover {color:#FB1D2A;	background: url(/images/top_menu.png) no-repeat left -44px !important;}
#menu li.active {background: none;}
#menu li li {background:none !important; margin:0; height: 25px;}
#menu li li:hover {background:none !important;}
#menu li li a:hover {background:#ffc905 !important; color:#FB1D2A;}
html>body #menu li li a:hover {color:#FB1D2A; background:#ffc905 !important}
#menu li ul {width:180px; display:none; position:absolute; background-color:#ffc905; padding:0; margin-top: 20px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity:0.85; -moz-opacity:0.85;}
#menu li li a {width:160px; background:none !important; color:#000000; padding: 2px 5px; font-size: 13px; font-weight: bold;}
#menu li:hover ul {display:block;}

/* Левое меню */
#menu_direct {background: url(/images/for_menu/bg_menu_directs.png) repeat-y center top; width: 190px;}
#menu_direct a{display: block; height: 54px; color: #000; text-decoration: none; font-size: 11px;}
#menu_direct a img {float: left; margin: 4px; border: none;}
#menu_direct a:hover {background: url(/images/for_menu/bg_menu_directs_hover.png) no-repeat center top;}
#menu_direct a:hover img {border: none;}
#menu_direct a .direct {display: block;	padding-top: 2px; font-size: 13px; font-weight: bold; color: #fff;}
#menu_direct a:hover .direct {color: #000;}

/* Большая рамка */
#bigframe1 {width: 570px; height: 53px; background: url(/images/bramka_t.png) no-repeat center top; margin: 0 auto; padding: 3px 0 0 0; text-align: center;}

#bigframe2 {background: url(/images/bramka_c.png) repeat-y; width: 570px; padding: 0; margin: 0 auto;}
#bigframe2 p {margin:0 10px;}

#bigframe3 {background: url(/images/bramka_b.png) no-repeat center bottom; height: 31px; width: 570px; margin: 0 auto 15px auto; padding: 0;}

/*Рамочка*/
.frame {height: 170px; width: 220px; position: relative; padding: 5px; float:none;}
.frame img {border: none; height: 170px; width: 220px;}
.frame span {background: url(/images/frame.png) no-repeat; position: absolute; display: block; height: 170px; width: 220px; cursor: pointer;}

/* Кнопка заказа */
.button {float: left; padding: 10px 25px; width: 80px;}
.button p {display: block; font-weight: bold;}
.button p a {background: url(/images/zakaz1.png) no-repeat left 4px; display: block; padding: 0 0 0 32px; height: 32px;}
.button p a:hover {display: block; height: 32px; background: url(/images/zakaz2.png) no-repeat left 4px; text-decoration: none;}

/* Каталог */
.catalog {border-bottom: 1px dashed #FFF; width: 95%; margin: 0 auto 10px auto; padding: 0;}
.catalog h2 {font-size: 15px;}
.catalog h2 a {text-decoration:none; border-bottom: 1px dashed #ffc905;}
.catalog h2 a:hover {text-decoration:none; border-bottom: 1px dashed #fff;}

/* Комменты*/
#autor, #message {width: 88%; margin: 0 auto;}
#autor {padding-top: 10px}
#autor em {margin-left: 50px;}
#message {border-bottom: 1px dashed #FFF; padding: 10px 0;}

/* Каталог подробно */
.more {width: 95%; margin: 0 auto 10px auto;}
.more img, .news img {padding: 5px; border: 1px dashed #FFF; margin: 0 8px 8px 0;}
.kartinki img {padding: 0; border: 1px dashed #FFF; margin: 4px; display: inline;}
.hide, .hides {display: none;}
.hide input, .hide textarea {width: 90%;}
.click, .hide {padding: 0 30px;}
#errmsg {background: #000; display: none; z-index: 999; color: #fff; opacity: .8; position: absolute; left: 10px; top: -10px; padding: 10px 15px; border: 4px solid #fff;}

/* Путь по сайту */
.way {font-size: 85%;}

/* Информер */
.informer {font-size: 12px;}
.yashare-auto-init {text-align: center; width: 100%; height: 35px; padding-top: 10px;}