/* -----------------------------------------------------
   * File:     global.css
   * Project:  floraplast.ru
   * Author:   Lukashov Anton ( a.lukashov@vipro.ru )
----------------------------------------------------- */

.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }

.fl { float:left; width:580px; } .fr { float:right;  text-align: center;} .bl { display:block; }
.example2 {/* width:30%; display: inline-block;*/ height: auto;margin:20px 0;}

/* --------------------------------------------------------------------------------- */

* { margin:0; padding:0; }
html, body { height:100%; }
body { background:url(../i/pattern.gif) 0 25px repeat #fff; color:#4f4f4f; font:14px/24px Arial; }
.ved-editor { padding:10px 30px; background:#fff; }
img { border:0; }
a { color:#ff7717; text-decoration:underline; }
a:hover { color:#81c341; }
p { margin: 10px 0; }
ul, ol { margin: 5px 0 14px 25px; padding: 0; }
h1 { color:#474747 /*#ababab*/; font:28px/36px Arial; margin-bottom:18px; }
h2 { color:#474747 /*#ababab*/; font:18px/26px Arial; }
h3 { color:#292929 /*#ababab*/; font: 16px/24px Arial; }
table { border-collapse:collapse; }

/* --------------------------------------------------------------------------------- */

#counters-top { left:0; position:absolute; top:-1000px; visibility:visible; }
#box { margin:auto; min-height:100%; width:923px; }
#box.white { background:#fff; }
#box-in { padding-bottom:130px; }
.fix-top { background:#86aa22; }

/* --------------------------------------------------------------------------------- */

#footer { background:#fff; height:130px; margin:-130px auto 0; position:relative; width:923px; }
.foot-left { color:#b4b4b4; font:14px/20px Arial; padding:20px 0 0 25px; }
.foot-left a { color:#b4b4b4; text-decoration:none; }
.foot-left div { padding-left:14px; }
.foot-right { padding:20px 25px 0 0; }

/* --------------------------------------------------------------------------------- */

#header-box { left:0; position:absolute; top:0; width:100%; }
#header { background:#fff; height:174px; margin:auto; width:923px; }

.logo { padding:30px 0 0 33px; width:460px; }

.top-menu { padding-top:20px; width:200px; }
.top-menu ul { list-style:none; margin-left:0; }
.top-menu ul li a, .top-menu ul li span { padding:3px 20px 3px 10px; }
.top-menu ul li.active a, .top-menu ul li span { background:#ff7717; color:#fff; }

.top-contacts { text-align:right; padding:20px 25px 0 0; width:205px; }
.esm { font:11px/22px Arial; }
.login { font:12px/24px Arial; text-align:right; }
.login a { color:#474747; font:12px/18px Arial; }
.login a:hover { color:#999; }
.telefon { color:#474747; font:19px/25px Arial; padding:10px 0; text-align:right; }
.telefon span { color:#9f9f9f; }
.work-time { color:#474747; font:11px/18px Arial; }
.work-time div { background:url(../i/clock.gif) 0 4px no-repeat; padding-left:15px; }
.e-mail { text-align:right; }
.e-mail a { color:#81c341; }
.e-mail a:hover { color:#ff7717; }

/* --------------------------------------------------------------------------------- */

#main-box { height:933px; position:relative; }
.posit { position:absolute; }
.big-box, .big-box div { height:457px; overflow:hidden; width:457px; }
.small-box, .small-box div { height:224px; width:224px; }
.small-box span { font:italic bold 18px/25px Arial; }
.posit div { background:#fff; position:relative; }
.posit div img { left:0; position:absolute; top:0; }
.big-box div a { bottom:15px; font:24px/36px Arial; left:25px; position:absolute; }
.box1 { left:0; top:0; }
.box2 { left:466px; top:0; }
.box3 { left:699px; top:0; }
.box4 { left:466px; top:233px; }
.box5 { left:699px; top:233px; }
.box6 { left:0; top:466px; }
.box7 { left:0; top:699px; }
.box8 { left:233px; top:466px; }
.box9 { left:699px; top:466px; }
.box10 { left:699px; top:699px; }
.posit div .grab { background:url(../i/orange-pix.png) 0 0 repeat; display:none; left:0; position:absolute; top:0; }
.posit div .grab { color:#fff; font:bold 14px/24px Arial; padding:25px 20px 0; height:199px; width:184px; }
.posit div .grab a { color:#fff; }
.posit div .grab span { color:#fff; font:24px/35px Arial; }
.posit.open div .grab { display:block; }
.posit div .green-block { background:#81c341; color:#fff; font:14px/21px Arial; height:184px; padding:20px 10px; position:relative; width:204px; }
.posit div .green-block p { margin-top: 0; }
.posit div .green-block a { color:#fff; }
.posit div .green-block .slogan { background:url(../i/slogan.gif) 0 0 no-repeat; height:49px; margin-bottom:10px; width:155px; }

/* --------------------------------------------------------------------------------- */

.main-content { background:#fff; }
.main-text { padding:30px; width:580px; }
.main-logos { padding:20px; }

/* --------------------------------------------------------------------------------- */

#catalog-block { background:#ff7717; bottom:0; left:0; position:fixed; width:100%; z-index: 9; }
.catalog-top { height:32px; margin:auto; width:923px; }
.cat-plus { background:url(../i/plus.gif) 0 12px no-repeat; height:32px; padding-left:20px; width:225px; }
.cat-plus a { border-bottom:dashed 1px #fff; color:#fff; font:16px/32px Arial; text-decoration:none; }
.cat-plus a:hover { border-bottom:dashed 1px #8d3a00; color:#8d3a00; }
.cat-search { padding:3px 20px 0 0; }
.cat-search.fr {width: auto;}
.search-txt { border:solid 1px #cdced1; color:#afafaf; font:12px/22px Arial; height:22px; margin-right:5px; padding:0 2px; width:154px; }

.cat-link { height:32px; width:235px; }
.cat-link a { color:#fff; font:16px/32px Arial; }
.cat-link a:hover { color:#8d3a00; }

.catalog-body { background:#8d3a00; display:none; /* height:188px; */ width:100%; }
.catalog-bottom { margin:auto; width:923px; }
.catalog-bottom div { padding:25px 0 0; width:300px; }
.catalog-bottom div ul { list-style:none; margin-left:0; }
.catalog-bottom div ul li { padding:0 0 10px 20px; }
.catalog-bottom div ul li a { color:#fff; }
.catalog-bottom div ul li a:hover { color:#ff7717; }

/* --------------------------------------------------------------------------------- */

#content { padding:10px 30px; }
.navigation-chain { color:#6c6c6c; font:12px/28px Arial; height:35px; }
.big-image { padding-bottom:10px; width:682px; }
.about-image { height:435px; overflow:hidden; width:669px; }
.about-text { color:#9e9e9e; font:italic 14px/24px Arial; padding:5px 25px; }
.small-image { width:114px; }
.small-image div { height:74px; margin-bottom:14px; overflow:hidden; position:relative; width:114px; }
.small-image div img { left:0; position:absolute; top:0; }
.small-image div img.act { display:none; }
.small-image div.on img.act { display:block; }

/* --------------------------------------------------------------------------------- */

.esm-box table { width:100%; }
.esm-box table tr th, .esm-box table tr td { border-bottom:solid 1px #efefef; text-align:left; padding:10px 10px 5px 0; }
.esm-box table tr th { font:italic 14px/22px Arial; }
.esm-box table tr td { padding:10px 10px 10px 0; }
.esm-box table tr td .esm-txt { border:solid 1px #abadb3; color:#4f4f4f; font:12px/22px Arial; height:22px; padding:0 2px; width:34px; }
.esm-box table tr td img { border:solid 1px #efefef; }
.esm-box table tr td img.cursor { border:0; cursor:pointer; }
.itogo { font:24px/30px Arial; padding:15px 0; }

/* --------------------------------------------------------------------------------- */

.tovar-image-block { width:480px; }
.tovar-big-image { border:solid 1px #d2d2d2; height:457px; position:relative; width:457px; }
.tovar-small-image { padding:15px 0; }
.tovar-small-image div { border:solid 1px #efefef; height:98px; margin-right:15px; position:relative; width:99px; }
.tovar-small-image div img { cursor:pointer; left:0; position:absolute; top:0; }
.tovar-small-image div div { background:url(../i/act2.gif) 0 0 no-repeat; display:none; height:98px; left:0; position:absolute; top:0; width:99px; }
.tovar-small-image div.activ2 { border:solid 1px #fff; }
.tovar-small-image div.activ2 div { display:block; }
.tovar-text { padding-left:15px; width:367px; }
.tovar-text table { /*margin-bottom:30px;*/ }
.tovar-text table tr td { padding:0 20px 10px 0; vertical-align:top; }
.tovar-text .tovar-price { font:30px/35px Arial; }
.tovar-text .to-esm { cursor:pointer; margin:10px 0 0 -15px; }
.tovar-text .wizard-block {padding-bottom: 15px;}

/* --------------------------------------------------------------------------------- */

.white-block { background:#fff; padding:10px 30px 0; }
.catalog-box { padding-top:10px; margin-right:-9px; width:932px; }
.catalog-box-in {  }
.catalog-block { background:#fff; height:224px; margin:0 9px 9px 0; overflow:hidden; position:relative; width:224px; }
.catalog-block img { left:0; position:absolute; top:0; }
.catalog-block .catalog-block-text {display: block; margin: 15px 0 0 15px; padding-right: 15px; position: relative;}
.catalog-block .catalog-block-text span {padding: 3px 4px; font: 18px/25px Arial; background: white; outline: 4px; outline-style: solid; outline-color: #fff;}

/*.catalog-block .catalog-block-text { background:url(../i/orange-pix.png) 0 0 repeat; height:224px; width:224px; }*/
/*.catalog-block.face .catalog-block-text { display:none; }*/
/*.catalog-block .catalog-block-a { width: 184px; height: 204px; padding: 15px; }*/


/* --------------------------------------------------------------------------------- */

.white-space { background:#fff; margin-top:9px; padding:0 30px 0 0; }
.white-space-block { height:224px; overflow:hidden; position:relative; width:224px; }
.white-space-block img { left:0; position:absolute; top:0; }
.white-space-text-block { height:224px; vertical-align:middle; width:612px; }
.white-space-text-block.auto-width { height:auto; width:auto; padding:20px 30px 30px; }
.white-space-text-block table tr td { height:224px; vertical-align:middle; }
.white-space-text-block.auto-width table tr td { height:auto; }
.white-space-text-block table tr td p { margin:0; }

.white-space-text-block.doom2 { height:auto; width:auto; }
.doom-heretic-hexen { padding:0 25px; }
.doom-heretic-hexen .about-text { padding:10px 0 5px; }

/* --------------------------------------------------------------------------------- */

.white-page-navigator { background:#fff; margin:9px 0; padding:15px 30px; }
.white-page-navigator div { height:30px; }
.pages a, .pages span { display:block; float:left; font:14px/20px Arial; height:20px; margin-right:5px; text-align:center; padding:0 3px; }
.pages span { background:#ff7717; color:#fff; }
.pages span.third { background:none; color:#ff7717; }

/* --------------------------------------------------------------------------------- */

.posit div.icons, .tovar-big-image div.icons, .white-space-block div.icons { background:none; bottom:20px; height:122px; position:absolute; right:25px; width:61px; }
.posit div.icons table tr td, .tovar-big-image div.icons table tr td, .white-space-block div.icons table tr td { height:122px; vertical-align:bottom; }
span.newborn { background:url(../i/newborn.png) 0 0 no-repeat; display:block; height:61px; width:61px; }
span.skidka { background:url(../i/skidka.png) 0 0 no-repeat; display:block; height:61px; width:61px; }
span.newborn, span.skidka { color:#fff; font:italic bold 11px/58px Arial; text-align:center; }
span.skidka { font:italic bold 22px/60px Arial; }

/* --------------------------------------------------------------------------------- */

.filter-block { padding:10px 0; }
.filter-block ul { list-style:none; margin-left:0; }
.filter-block ul li { float:left; font:12px/20px Arial; padding-right:10px; }
.filter-block ul li a, .filter-block ul li span { display:block; padding:0 4px; }
.filter-block ul li span { background:#ffe6d5; }
.filter { margin-right:-20px; position:relative; }

/* --------------------------------------------------------------------------------- */
.white-catalog-box { border-bottom: 1px solid #86aa22; margin-bottom: 60px; }
   .white-catalog-block { background:#fff; min-height:147px; /* height:147px; */ margin-bottom:1px; }

/* --------------------------------------------------------------------------------- */
.back-link {background: #fff; padding: 10px 30px;}
.back-link-item {padding-left: 0;}
	.back-link a {display: inline-block; background: #ff7717; padding: 0 10px; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
	.back-link a:hover {background: #9DC51D;}

/* --------------------------------------------------------------------------------- */

.catalog-tovar { height:147px; overflow:hidden; position:relative; width:197px; }
.catalog-tovar div.icons { background:none; bottom:10px; height:122px; position:absolute; right:25px; width:61px; }
.catalog-link { font:12px/18px Arial; padding:20px 20px 0 0; /*height:157px;*/ /* height:127px; */ width:177px; }
.catalog-link a { font:bold 14px/22px Arial; }
.catalog-table { width:513px; }
.catalog-table table { width:100%; margin:0 0 10px;}
.catalog-table table tr th { border-bottom:solid 1px #c9c9c9; color:#000; font:12px/22px Arial; padding:20px 5px 0 0; text-align:left; }
.catalog-table table tr td { width:33%; color:#000; padding:10px 5px 0 0; vertical-align:top; }
.catalog-table table tr td .small-font {font: 12px/22px Arial;}
.to-esm-small { cursor:pointer; }

.catalog-tab-txt { border:solid 1px #abadb3; color:#4f4f4f; font:12px/18px Arial; height:18px; margin-bottom:10px; padding:0 2px; width:34px; }
.catalog-table table tr td .catalog-tab-txt { margin-bottom:0; }

.catalog-table table tr.tr-info td { padding: 5px 20px 0 0;  line-height: 18px;}
.catalog-table table tr.tr-head td { padding:10px 0 0;}
.catalog-table table tr.tr-head td span { color:#cccccc; text-decoration:underline;}


.padding-none { margin-left:-30px; width:923px;}
/* --------------------------------------------------------------------------------- */

.podmenu { border-bottom:solid 9px #86AA22; margin:0 -30px 15px; padding:0 20px 10px; }
.podmenu ul { list-style:none; margin-left:0; }
.podmenu ul li { float:left; padding-right:20px; }
.podmenu ul li a, .podmenu ul li span { display:block; padding:0 10px; }
.podmenu ul li span { background:#ff7717; color:#fff; }

/* --------------------------------------------------------------------------------- */

.popup { display:none; left:0; position:absolute; top:100px; width:100%; }
.popup-login { background:#fff; border:solid 2px #ff7717; margin:auto; padding:15px 20px; position:relative; width:250px; }
.popup-close { background:url(../i/close.gif) 0 0 no-repeat; cursor:pointer; height:24px; position:absolute; right:20px; top:15px; width:24px; }
.popup-login table { margin:20px 0 10px; }
.popup-login table tr td { padding:0 10px 10px 0; vertical-align:top; }
.popup-login table tr td a { font:12px/22px Arial; }
.popup-login table tr td .logid { border:solid 1px #999; color:#474747; font:12px/18px Arial; height:18px; padding:2px; width:150px; }

/* --------------------------------------------------------------------------------- */

.registration em { font:italic 12px/24px Arial; }
.registration .registration-txt,
.registration select,
.registration textarea { border:solid 1px #999; color:#474747; display:block; font:12px/18px Arial; margin-bottom:10px; padding:2px; }
.registration .registration-txt { height:18px; width:250px; }
.registration select { width:257px; }
.registration textarea { height:100px; overflow:hidden; width:450px; }
.registration .red { color:#f00; }
.registration label { display:block; padding:5px 0 10px; }

/* --------------------------------------------------------------------------------- */

#vacancy_list {list-style-type: none;}
.site-map {list-style-type:none;}

.login input { background: none; color: #FF7717; font-weight: bold; border-style: none none solid;
   border-bottom: 1px solid #FF7717; cursor: pointer; height: 16px; }
   .login input:hover { border-bottom: none; }

#order_form .txt input , #order_form textarea { margin: 5px; padding: 3px; width: 200px; }
#order_form input.addr { width: 675px; }
#order_form textarea { width: 675px; }



/* --------------------------------------------------------------------------------- */

#back-ring { position:fixed; right:0px; top:127px; }
	#back-ring a img { display:block; }

.ring-box { display: none; background:url(../i/backring-bottom.png) no-repeat 0 100%; left:50%; margin:0 0 0 -344px; padding:0 0 70px; position:absolute; top:30px; z-index: 10; }
	.ring-box .ring-box-fix { background:url(../i/backring-top.png) no-repeat; padding:70px 0 0; }
		.ring-box .ring-box-fix .ring-box-pd { background:url(../i/bg-backring.png) repeat-y; padding:4px 65px 0; width:559px; }

.ring-box-pd .close { height:34px; position:absolute; right:24px; top:22px; width:34px; }
	.ring-box-pd .close a { height:34px; width:34px; }
		.ring-box-pd .close a img { background:url(../i/ring-close.png) no-repeat; display:block; }
.ring-box-pd h2 { color:#474747; font-size:24px; font-weight:normal; padding:0 0 27px; }
.ring-box-pd .ringtext-in { float:right; margin-left:-356px; width:100%; }
	.ring-box-pd .ringtext-in .ringtext { color:#474747; font-size:12px; line-height:150%; margin-left:356px; }
.ring-box-pd .ring-form { float:left; line-height:normal; width:356px; }

.ring-form label { cursor:pointer; display:block; font-size:14px; padding:0 0 2px; }
	.ring-form label span { color:#ff7717; }
.ring-form div.txt { border:1px solid #999; font-size:14px; height:21px; margin:0 0 9px; padding:3px 5px 0; width:294px; }
	.ring-form div.txt input { background:none; border:0; color:#474747; width:100%; }
.ring-form div.atxt { border:1px solid #999; font-size:14px; margin:0 0 9px; padding:5px 0 5px 5px; width:299px; }
	.ring-form div.atxt textarea { background:none; border:0; color:#474747; font-family:Arial; font-size:12px; height:96px; resize:none; width:100%; }
.ring-form .cl { margin:0 0 9px; }
.ring-form .icode { float:left; margin:0 20px 0 0; }
.ring-form .reload { float:left; padding:14px 0 0; }
	.ring-form .reload img { display:block; }
.ring-form .note { font-size:11px; }
	.ring-form .note span { color:#ff7717; }
.ring-form .ring-btn { background:url(../i/ring-btn.png) no-repeat; border:0; cursor:pointer; height:28px; margin:20px 0 0; width:134px; }

/* AL20112806 */
.wizard-block { position:relative; width:50px; }
.wizard { position:absolute; top:0; }
.wizard.x1 { left:-31px; width:31px; }
.wizard.x2 { left:40px; width:auto; }
.wizard a { float:right; background:#ffe6d5; display:block; font:12px/16px Arial; height:16px; padding:2px 5px; text-decoration:none; }
.wizard a:hover { background:#80d033; color:#fff; }
.wizard-block .catalog-tab-txt { display:block; position:relative; width:34px; }


/*==================*/

.easing, .easing * { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.waxwork { width:863px; margin:0 0 25px -30px; padding:0 30px;  border-bottom:1px solid #ababab; font-size:0; line-height:0;}
   .waxwork .item { margin-left:-1px; margin-bottom:-1px; display:inline-block; padding:0 30px; color: #ababab; font: 30px/35px Arial; text-decoration:none; background-color:#f9f7f8; border:1px solid #ababab; vertical-align:bottom;}
   .waxwork .item.active,
   .waxwork span.item { color: #ff7717; background-color:#fff; border-bottom-color:#fff; padding-top:3px;}
   .waxwork .item:first-child { margin-left:0;}

.user { display:inline-block; background:#f9f7f8; padding:25px 35px; color:#231f20; font-size:14px; font-family:Arial; margin-bottom:35px;}
   .user p {margin:0 0 10px;}
   .user-hi { color:#231f20;}
   .user-cell { display:table-cell; vertical-align:top;}
   .user-images { padding-right:20px;}
   .user-name { font-weight:bold; font-size:24px; }
   .user-phone { display: block; text-decoration: none; color:#231F20; line-height:14px;}
   .user-phone:hover { text-decoration: none; color:#231F20;}
   .user-mail { display:block; color:#86AA22; margin-bottom:25px;}
   .user-btn { font-style:italic; color:#fff; background:#80D033; display: inline-block; text-decoration:none; padding:6px 15px; line-height:14px; text-shadow:0px -1px 1px rgba(0,0,0,0.5);}
   .user-btn:hover { text-decoration: none; color:#fff;}

.history-order { width:750px; font:13px Arial; border:1px solid #d0d2d3; color:#231f20;}
   .history-tr { display:table; width:100%; cursor:pointer;}
      .history-th { display:table-cell; width:25%; padding:10px 10px 10px 45px; font-weight:bold; border-bottom:1px solid #d0d2d3;}
      .history-td { display:table-cell; width:25%; padding:10px 10px 10px 45px; position:relative; vertical-align:middle;}
      .history-td .desc-link { display:inline-block; margin-right:10px; margin-left:5px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #231f20; border-bottom: 5px solid transparent;}
   .history-tr:hover .history-td { background:#f9f7f8; color:#f05a28;}
      .history-tr:hover .history-td .desc-link { border-left-color:#f05a28;}
   .history-tr.active .history-td { background:#f9f7f8; color:#f05a28;}
      .history-tr.active .history-td .desc-link { border-left-color:#f05a28;}


.history-desc { display:none;}
   .desc-tr { display:table; width:100%; background:#f9f7f8; padding-bottom:10px;}
      .desc-th { display:table-cell; font-weight:bold; border-bottom:1px solid #f05a28; height:30px; vertical-align:middle;}
      .desc-td { display:table-cell; vertical-align:middle;}
      .desc-td.desc-img, .desc-th.desc-img { padding-left:22px; width:115px;}
      .desc-td.numder, .desc-th.numder { width:115px;}
      .desc-td.name, .desc-th.name { width:235px;}
      .desc-td.prise, .desc-th.prise { width:90px;}
      .desc-td.kol, .desc-th.kol { width:75px;}
   .history-desc .summ { background:#f9f7f8; padding:15px 17px; border-top:1px solid #f05a28; color:#f05a28; font-size:15px; text-align:right;}
   .history-desc .summ .prise { font-weight:bold; margin-right:25px; min-width:77px;}
   .history-desc .summ .text { margin-right:25px;}
   .history-desc .summ .user-btn { background-image:url(../i/order-icon.png); background-repeat:no-repeat; background-position:100% 50%; padding: 10px 42px 10px 25px;}

   .history-desc .summ .prise,
   .history-desc .summ .text,
   .history-desc .summ .user-btn { vertical-align:middle; display:inline-block;}