html, body {background: #fff; padding: 0; margin: 0; height: 100%; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #333; z-index: 1;}

div#cont {min-width: 1003px; max-width: 1400px; margin: 0 auto; min-height: 100%; padding: 0;}
* html div#cont {height: 100%;}


.clear {clear: both; height: 0; margin: 0; padding: 0;}

a, a:active, a:visited {text-decoration: underline; color: #0099cc; outline: 0;}
a:focus, a:hover {text-decoration: none; color: #cc0000; outline: 0;}

a img {border: 0; outline: 0;}

h1 {font: 18px 'Trebuchet MS'; color: #333; margin: 0 0 1em 0; padding: 0;}
h1 a, h1 a:active, h1 a:visited, h1 a:hover, h1 a:focus {color: #333;}
h2 {font: 16px 'Trebuchet MS'; color: #333; margin: 0 0 1em 0; padding: 0;}
h3 {font: 14px 'Trebuchet MS'; color: #333; margin: 0 0 1em 0; padding: 0;}


div.price {font: bold 14px 'Trebuchet MS';}
div.price span.old {color: #cc0000; text-decoration: line-through; margin-right: 10px; font-weight: bold;}
span.bold {font-weight: bold;}
p.bold {font-weight: bold; font-size: 12px;}

form {padding: 0; margin: 0;}

/* TOP */
div.top {position: relative; margin: 0; padding: 0 35px; height: 70px; clear: both; font: 12px 'Trebuchet MS', Arial, sans-serif; border: 1px solid #fff;}
div.logo {width: 24%; height: 40px; position: relative; float: left; text-align: left; margin: 15px 30px 0 0; padding: 0;}
div.tel {width: 24%; position: relative; float: right; margin: 15px 0 0 0; color: #333; text-align: right; padding: 0;}
div.tel span {color: #cc0000; font-size: 14px;}

div.top-menu {width: 48%; margin: 30px 0 0; position: relative; float: left; color: #cc0000; text-align: center;}
div.top-menu span {background: url('../img/bord.gif') right 3px no-repeat; padding: 0 10px;}
div.top-menu span.last {background: 0;}
div.top-menu a, div.top-menu a:active, div.top-menu a:visited { color: #0099cc; text-decoration: none;}
div.top-menu a:hover, div.top-menu a:focus {color: #cc0000; text-decoration: none;}

/* CENTER */
div.center {margin: 0; line-height: 1.5em; clear: both; padding: 0;}

/* big-img */
div.big-img {height: 295px; margin: 0 0 -35px; padding: 0; position: relative;}
div.big-img div.img1 {background: url('../img/main1.jpg') center top  no-repeat; height: 295px;}

div.big-img div.descr {position: absolute; top: 40px; left: 0; background: url('../img/line.png') repeat-y; width: 340px; padding: 0 0 10px; color: #666;}
div.big-img div.img1 div.descr {color: #666;}
div.big-img div.img2 div.descr {color: #fff;}
div.big-img div.img3 div.descr {color: #333;}

div.descr p.garant {padding-top: 2em;}

div.big-img div.name {padding: 5px 0 0 35px; font: 24px 'Trebuchet MS';}
div.name  a, div.name  a:active, div.name  a:visited, div.name  a:hover, div.name  a:focus {color: #cc0000;}

div.big-img p {margin: 15px 100px 0 35px; font: 12px Tahoma; color: #666;}
div.big-img div.main-ord {position: absolute; bottom: 75px; right: 35px;}
div.big-img div.img1 div.main-ord {color: #666;}
div.big-img div.img2 div.main-ord {color: #fff;}
div.big-img div.img3 div.main-ord {color: #333;}

div.big-img div.price {position: relative; float: left; padding: 8px 0 0 0;}
div.big-img div.main-ord div.but {font: 18px 'Trebuchet MS'; background: url('../img/but-l.png') no-repeat left; margin: 0 1px 0 10px; height: 32px; text-align: center; padding: 0 0 0 14px; position: relative; float: left; cursor: pointer;}
div.big-img div.main-ord a, div.big-img div.main-ord a:active, div.big-img div.main-ord a:visited, div.big-img div.main-ord a:hover, div.big-img div.main-ord a:focus {color: #fff;}

div.big-img div.but div.b-r {height: 32px; background: url('../img/but-r.png') right no-repeat; position: relative; padding: 0 14px 0 0;}

div.b-r div {padding: 2px 0;}
div.but div.b-r, div.but div.b-r:active, div.but div.b-r:visited {text-decoration: underline;}
div.but div.b-r:hover, div.but div.b-r:focus {text-decoration: none;}

div.but {display: block; cursor: pointer;}
div.but div.b-r {display: block; cursor: pointer;}

/* menu-tabs */
table.menu-tabs {width: 100%; margin: 0; padding: 0; position: relative; z- index: 2;}
table.menu-tabs td.indent {padding: 0 35px; margin: 0;}

table.menu-tabs td.indent table {width: 100%; padding: 0; margin: 0;}
table.menu-tabs td.tabs {background: url('../img/corn-l.png') left top no-repeat; text-align: center; padding: 0; font: bold 14px 'Trebuchet MS'; height: 35px; width: 33%;}
table.menu-tabs td.tabs div.tabs-r {background: url('../img/corn-r.png') no-repeat; width: 10px; height: 35px; position: relative; float: right; margin: -35px 0 0 0;}
table.menu-tabs td.tabs div.tabs-c {background: url('../img/tabs.png') repeat-x; height: 35px; margin: 0 10px;}
table.menu-tabs td.t-c {width: 34%;}

table.menu-tabs td.tabs div.tabs-c div {padding-top: 10px;}
table.menu-tabs a, table.menu-tabs a:active,table.menu-tabs a:visited {text-decoration: none; font-size: 12px;}
table.menu-tabs a:hover, table.menu-tabs a:focus {text-decoration: underline; font-size: 12px;}

table.menu-tabs td.tabs-sel {background: url('../img/corn-l-s.png') left no-repeat; text-align: center; padding: 0; font: bold 14px 'Trebuchet MS'; height: 35px; width: 33%; color: #cc0000;}
table.menu-tabs td.tabs-sel div.tabs-r {background: url('../img/corn-r-s.png') no-repeat right top; width: 10px; height: 35px; position: relative; float: right; margin: -35px 0 0 0;}
table.menu-tabs td.tabs-sel div.tabs-c {background: url('../img/tabs-sel.png') repeat-x; height: 35px; margin: 0 10px;}


table.menu-tabs td.tabs-sel div.tabs-c div {padding-top: 10px;}
table.menu-tabs td.tabs-sel a, table.menu-tabs td.tabs-sel a:active, table.menu-tabs td.tabs-sel a:visited {color: #cc0000; text-decoration: none; font-size: 14px;}
table.menu-tabs td.tabs-sel a:hover, table.menu-tabs td.tabs-sel a:focus {color: #cc0000; text-decoration: underline; font-size: 14px;}


/* menu-line */
td.menu-line {background: #e8ddc3; font: 12px 'Trebuchet MS'; padding: 15px 35px 15px 35px;}
td.menu-line span {margin: 6px 0 7px 7px; padding: 0 7px 0 0;}
a.menu-l, a.menu-l:active, a.menu-l:visited {color: #333; text-decoration: none;}
a.menu-l:hover, a.menu-l:focus {color: #333; text-decoration: underline;}

td.menu-line span span {padding: 3px 5px; height: 10px; position: relative; z-index: 1; border: 0;}
td.menu-line span  span.sel {background: #fff; border: 0;}

td.menu-line img {vertical-align: bottom; margin-bottom: 4px;}
td.menu-line img.arr {position: relative; float: right; margin: 0;}
td.menu-line p {margin: 0 20px 0 10px; padding: 0;}

td.menu-line p.price {margin: 15px 0 0 10px; text-align: right;}
td.menu-line p.price span {background: #cc0000; position: relative; padding: 1px 5px;}
p.price a, p.price a:active, p.price a:visited {color: #fff; text-decoration: underline;}
p.price a:focus, p.price a:hover {color: #fff; text-decoration: none;}

td.menu-line span.close-open {position: relative; float: right; padding: 0; margin: 0; right: 5px;}
td.menu-line a span.close-open {color: #cc0000; border-bottom: 1px dashed #cc0000; padding: 0; margin: 0;}
td.menu-line a.close-open, td.menu-line a:active.close-open, td.menu-line a:visited.close-open, td.menu-line a:hover.close-open, td.menu-line a:focus.close-open {text-decoration: none; cursor: pointer;}

/* menu-line-sel */
td.menu-line-sel {background: #f7f3e9; font: 12px 'Trebuchet MS'; padding: 15px 35px 15px 35px; border-top: 4px solid #e8ddc3; border-bottom: 4px solid #e8ddc3;}
td.menu-line-sel span {margin: 6px 0 7px 7px; padding: 0 7px 0 0;}
a.menu-l, a.menu-l:active, a.menu-l:visited {color: #333; text-decoration: none;}
a.menu-l:hover, a.menu-l:focus {color: #333; text-decoration: underline;}

td.menu-line-sel span span {padding: 3px 5px; height: 10px; position: relative; z-index: 1; border: 0;}
td.menu-line-sel span  span.sel {background: #fff; border: 0;}

td.menu-line-sel img {vertical-align: bottom; margin-bottom: 4px;}
td.menu-line-sel img.arr {position: relative; float: right; margin: 0;}
td.menu-line-sel p {margin: 0 20px 0 10px; padding: 0;}


/* menu-open */
div.menu-open {position: relative; margin: 0 75px 0 20px; padding: 0;}
div.menu-open table.menu-open {width: 100%; margin: 0; padding: 0;}
table.menu-open td {width: 25%; padding: 0 0 7px 0; vertical-align: top;}
table.menu-open p {margin: 0; font: 12px 'Trebuchet MS';}
table.menu-open p a, table.menu-open p a:active, table.menu-open p a:visited {text-decoration: none;}
table.menu-open p a:hover, table.menu-open p a:focus {text-decoration: underline;}
table.menu-open p a.main, table.menu-open p a.main:active, table.menu-open p a.main:visited, table.menu-open p a.main:hover, table.menu-open p a.main:focus {color: #333;}
td.menu-line p.price {margin: 0; padding: 0;}
td.menu-line p.price span {margin-top: 0;}

#SmallMenu {margin-bottom: 15px; padding-right: 105px;}

/* menu_inline */
div.menu_inline {font: 12px 'Trebuchet MS'; margin: 40px 35px 0;}
div.menu_inline span {padding: 0 22px 0 0; margin: 0 10px 0 0; background: url('../img/menu_inl.gif') no-repeat right;}

div.basket-field div.menu_inline {margin: 0 35px 0 0;}

div.new-text {padding: 0 40px 40px;}
div.new-text p {padding: 0 0 1em;}

/* basket */
div.basket-field {background: #fff; padding: 20px 35px 10px;}
div.basket-field h1 {color: #0099cc;}
div.basket-field h1.title {color: #333;}
div.basket-field div.bask-block {width: 33%; position: relative; float: right; margin-bottom: 40px;}
div.basket {height: 67px; background: url('../img/basket-b.jpg'); margin: 0 0 0 40px; padding: 0;}
div.basket div {background: url('../img/basket.gif') 20px 15px no-repeat; padding: 0;}
div.basket p {margin: 0; padding: 10px 0 0 105px; font: bold 14px 'Trebuchet MS'; line-height: 1em;}
div.basket p span {font: 14px Tahoma;}
div.basket p a, div.basket p a:active, div.basket p a:visited, div.basket p a:hover, div.basket p a:focus {font-weight: normal;}

/* ORDER */
div.basket-field div.bask-block div.order-text {padding: 10px 25px 20px 40px; margin: 0; font-size: 12px;}
div.basket-field div.bask-block div.order-text p {margin: 0; padding: 0;}
div.basket-field div.right-tel {margin: 20px 0px; }

div.order-block {background: #f7f3e9; padding: 0; width: 66%; margin: 15px 0 0 0;}
div.order-block div {padding: 20px; margin: 0;}

div.order-block table.order-t {width: 100%; margin: 0; padding: 0;}
table.order-t td {padding: 5px 0; font: 12px 'Trebuchet MS';}
table.order-t td.order-l {padding: 5px 10px 5px 0; width: 20%;}
table.order-t td.order-l-t {vertical-align: top; padding: 5px 10px 5px 0; width: 20%;}
table.order-t td.order-r {text-align: right;}
table.order-t td .input {width: 50%;}
table.order-t td .name {width: 75%;}
table.order-t td .adress {width: 99%;}
table.order-t td input, table.order-t td textarea, table.order-t td select {font: 12px 'Trebuchet MS';}
table.order-t td select {width: 50%;}
table.order-t td textarea {width: 99%; height: 55px;}
table.order-t td textarea.comment {height: 100px;}


/* CART */
div.cart {padding: 0 35px;}
table.cart {width: 100%; padding: 0; margin: 0;}
table.cart tr.item {background: #f7f3e9;}
table.cart td {padding: 20px 0 20px 35px; vertical-align: top; font: 12px 'Trebuchet MS';}
table.cart tr.item h3 a, table.cart tr.item h3 a:active, table.cart tr.item h3 a:visited, table.cart tr.item h3 a:hover, table.cart tr.item h3 a:focus {color: #cc0000;}
table.spec div.price {padding-top: 5px;}

table.cart td.white {height: 20px; padding: 0;}

table.cart {width: 100%; margin: 0; padding: 0; position: relative;}
table.cart td.img {width: 155px; padding: 20px 0 20px 20px; text-align: left;}
table.cart td.text {width: 30%;}
table.cart td p, table.cart td li {font-size: 12px;}
table.cart td.text2 {padding: 35px 20px 20px;}

table.cart td.price {width: 11%; text-align: right; padding: 20px 0 0 0;}
table.cart td.price p {font: bold 24px 'Trebuchet MS'; margin: 0; color: #ff6600;}
table.cart  td.price span {color: #333; font: 18px 'Trebuchet MS';}
div.garant {background: url('../img/garant.gif') no-repeat; width: 91px; height: 45px; position: relative; float: right; top: 20px; font-size: 12px; text-align: center; color: #fff; padding: 3px 0 0 0;}
table.cart  td.price div.garant span {font-size: 18px; color: #fff;}
table.cart td.price p {padding: 0 20px 0 0; }

table.cart tr.item  td.but {width: 11%; text-align: right; padding: 0 20px 20px 0; vertical-align: bottom;}
td.but img {position: relative; margin: 10px 0 -5px 10px;}
table.cart a.del, table.cart a.del:active, table.cart a.del:visited, table.cart a.del:hover, table.cart a.del:focus {font-size: 12px; color: #cc0000;}

table.cart td.cart-itog {text-align: right; padding: 20px 20px 0; font: 24px 'Trebuchet MS';}
table.cart td.cart-itog span{font-weight: bold; color: #ff6600;}
table.cart td.cart-itog span span {font: 18px 'Trebuchet MS'; color: #333;}

td.price div.kolv {margin: 20px 20px 10px; font-size: 12px;}
td.price input {width: 30px; margin-right: 5px;}

div.cart li {margin-left: -25px; padding-left: 0;}
div.cart ul li {list-style-image: url('../img/bull2.gif');}


/* spec */
div.spec {background: #f7f3e9; border-top: 4px solid #e8ddc3; border-bottom: 4px solid #e8ddc3; margin: 0 0 40px 0; padding: 20px 35px; clear: both;}
table.spec {width: 100%;}
table.spec tr.color td {background: #f7f3e9;}
table.spec td {width: 33%; border-left: 1px dotted #b7b2a4; border-bottom: 1px dotted #b7b2a4; border-right: 1px dotted #b7b2a4; vertical-align: top;}
div.cart table.spec td {border-bottom: 1px dotted #b7b2a4;}
div.cart table.spec td.middle {/*border: 0;*/ border-bottom: 1px dotted #b7b2a4;}
div.cart table.spec tr.last td {border-bottom: 0;}
div.top-spec table.spec td {border-bottom: 0;}
table.spec td.middle {border: 0; border-bottom:1px dotted #b7b2a4;}
table.spec td.noborderside {border-left:none; border-right:none}
table.spec div.spec-img {margin: 10px 20px; clear: both; /*position: relative;*/ text-align: center; position:relative;}
table.spec div.spec-img .buyonline, table.spec div.spec-img .express {position:absolute; right:50px; top:22px;}
div.spec-img a {font: 14px 'Trebuchet MS'; color: #cc0000; padding: 0;}
div.spec-img a span {display:block;margin: 8px 0 17px 40px;text-align:left; text-decoration:underline }
table.spec p {margin: 0 40px; padding: 0; clear: both; text-align:left;}
table.spec h3 {margin: 0 0 1em 40px;}
table.spec div.sep {height: 70px; clear: both;}
div.cart table.spec div.sep {height: 20px; clear: both;}
div.cart table.spec td {padding-top: 10px;}



div.spec div.title {clear: both; padding: 0 40px; position: relative;}
div.spec div.title h1 {position: relative; float: left; width: auto; margin: 0;}
div.spec div.title img.arr {position: relative; float: right; width: 30px;}
div.spec div.title h3 {position: relative; float: left; width: auto; margin: 0 0 10px 0;}
div.spec div.title div.price {position: relative; float: right; width: auto;}

table.spec  h3 a, table.spec  h3 a:active, table.spec  h3 a:visited, table.spec  h3 a:hover, table.spec  h3 a:focus {color: #cc0000;}

div.order {position: relative; float: right; padding: 10px 40px 0 0; bottom: 0;}

div.order div.price {position: relative; float: right; margin: 6px 10px 0 0;}

div.order div.but {background: url('../img/but-l.gif') left no-repeat; font: 18px 'Trebuchet MS'; position: relative; float: right; height: 32px; text-align: center; font-style: italic; padding: 0 0 0 14px; max-width: 170px; cursor: pointer;}
div.order div.but a, div.order div.but a:active, div.order div.but a:visited, div.order div.but a:hover, div.order div.but a:focus {color: #fff;}
div.order div.but div.b-r {height: 32px; background: url('../img/but-r.gif') right no-repeat; position: relative; padding: 0 14px 0 0;}
div.order div.but div.b-r div {padding: 2px;}

div.catalogue div.order div.but {background: url('../img/but-l.gif') left no-repeat; cursor: pointer;}
div.catalogue div.order div.but div.b-r {height: 32px; background: url('../img/but-r2.gif') right no-repeat; cursor: pointer;}
div.catalogue tr.color div.order div.but {background: url('../img/but-l.gif') left no-repeat; cursor: pointer;} 
div.catalogue tr.color div.order div.but div.b-r {height: 32px; background: url('../img/but-r2.gif') right no-repeat;}

div.but div.b-r, div.but div.b-r:active, div.but div.b-r:visited {text-decoration: underline;}
div.but div.b-r:hover, div.but div.b-r:focus {text-decoration: none;}

/* spec */
div.top-spec {position: relative; background: #f7f3e9; border-top: 4px solid #e8ddc3; border-bottom: 4px solid #e8ddc3; margin: 0 0 40px 0; padding: 20px 70px; clear: both; /*height: 10%;*/}
div.shop-spec {border-top: 4px solid #e8ddc3; border-bottom: 4px solid #e8ddc3; margin: 0 0 40px; padding: 20px 35px; background: #f7f3e9;}
div.shop-spec div.top-spec {border: 0; margin: 0; padding: 0; height: 65%;}

div.top-spec td.info {padding: 0 0 45px;}
div.shop-spec div.top-spec td.info {padding: 0 0 58px;}
div.top-spec div.order {position: absolute; bottom: 20px; float: right; width: 28%; padding: 0;}
div.top-spec div.order div.but {margin: 0 1px 0 0; cursor: pointer;}
div.top-spec div.order div.but {background: url('../img/but-l.gif') left no-repeat; cursor: pointer;}
div.top-spec div.order div.but div.b-r {height: 32px; background: url('../img/but-r2.gif') right no-repeat;}
div.top-spec div.title {clear: both; padding: 0 40px;}
div.top-spec div.title A {display:block;width:100%;height:30px; background:url('/bitrix/templates/alcopa/img/arr.gif') no-repeat right center;}
div.top-spec div.title h1 { float: left; width: 100%; margin: 0;}
div.top-spec div.title img.arr { float: right; width: 30px;}
div.top-spec div.title h3 { float: left; width: 100%; margin: 0 0 10px 0;}
div.top-spec div.title div.price { float: right; width: auto;}



/* catcalogue */
div.catalogue {position: relative; padding: 35px 0; clear: both;}
div.cat-line {margin: 0; padding: 0 35px; clear: both; height: 70%; position: relative;}
div.cat-line td.info {padding: 10px 0 65px;}
div.cat-line td.middle { border-bottom: 1px dotted #b7b2a4;}
div.cat-line div.c-line-one td {border-top: 0;}
div.cat-line div.order {position: absolute; bottom: 30px; float: right; width: 28%; padding: 0;}
div.cat-line div.order div.but {margin: 0 1px 0 0; cursor: pointer;}
div.cat-line td.info-last {padding: 0 0 45px;}
div.cat-line td.info-last div.order {bottom: 0;}

/* content */
div.content {margin: 35px 35px 80px; clear: both;}
table.content {width: 100%;}
table.content td {vertical-align: top;}
table.content td.cont-left {width: 37%; border-right: 1px dotted #b7b2a4;}
table.content td.cont-left2 {width: 77%;}
table.content td.cont-center {width: 40%;}
table.content td.cont-right {width: 22%; border-left: 1px dotted #b7b2a4; height: 100%;}


div.content h1 a, div.content h1 a:active, div.content h1 a:visited, div.content h1 a:hover, div.content h1 a:focus {color: #cc0000;}

td.cont-left h1 {margin: 0 40px 1em 0; padding: 0;}
td.cont-center h1 {margin: 0 40px 1em 40px; padding: 0;}
td.cont-right h1 {margin: 0 0 1em 40px; padding: 0;}

td.cont-left p {margin: 0 40px 15px 0; padding: 0;}
td.cont-center p {margin: 0 40px 15px 40px; padding: 0;}
td.cont-right p {margin: 0 0 15px 40px; padding: 0;}

p.menu {font: 12px 'Trebuchet MS'; text-indent: -10px; color: #ccc;}
p.menu span {padding: 0 10px; color: #333;}
p.menu img {vertical-align: bottom; margin-bottom: 2px;}

table.content div.article {padding: 0 0 25px 0;}
table.content td.cont-left2 div.article {width: 85%; font-size: 12px; padding: 0;}

td.cont-left2 div.article ol {font-weight: bold;}
td.cont-left2 div.article ol ul {font-weight: normal; margin: 10px 0;}
td.cont-left2 div.article li {margin-left: -20px; padding-left: 0;}
td.cont-left2 div.article ul li {list-style-image: url('../img/bull.gif');}

/* nobord */
div.nobord {margin: 35px;}
table.nobord {margin: 0; padding: 0; width: 100%;}
table.nobord td {padding: 0; vertical-align: top;}
table.nobord td.nobord-r {width: 22%;}
table.nobord td.nobord-l {padding: 0 40px 0 0;}


div.nobord div.right-tel {margin: 0 0 30px 40px;}

table.clients {height: 90px;}
table.clients td {padding: 0; color: #999; text-align: center; font: 14px 'Trebushet MS'; vertical-align: middle;}
table.clients td  span {margin: 10px 15px;}
table.clients td  img {margin: 10px 15px;}
table.clients td.arr {padding: 0; width: 30px;}
table.clients td.arr img {margin: 0;}
table.clients td.names div {position: relative; float: left; height: 90px; white-space: nowrap; white-space: nowrap;}

table.clients td a, table.klients td a:active, table.klients td a:visited {color: #999; text-decoration: none;}
table.clients td a:hover, table.klients td a:focus {text-decoration: underline;}

table.clients td.names div table {height: 100%;}

/* project */
div.project {margin: 35px 35px 0; clear: both; padding: 0;}
div.project h1 {font: 24px 'Trebuchet MS'; color: #333; margin: 0;}
div.project div.project-img {width: 445px; margin: 0 auto 20px;}
div.project div.project-img div {position: relative; float: right; padding: 0 0 35px 0; font: 14px 'Trebushet MS';}

div.project div.panel img {margin: 0 5px;}
div.project div.panel img.i-sel {border: 5px solid #e8ddc3;}
div.panel a img, div.panel a img:active, div.panel a img:visited {border: 5px solid transparent;}
div.panel a img:hover, div.panel a img:focus {border: 5px solid #e8ddc3;}
div.panel a img, div.panel a:active img, div.panel a:visited img {border: 5px solid #fff;}
div.panel a:hover img, div.panel a:focus img {border: 5px solid #e8ddc3;}

/* tasks */
div.tasks {margin: 40px 35px;}
div.tasks table {padding: 0; margin: 0; width: 100%;}
div.tasks table td {vertical-align: top;}
div.tasks table td.task-arr {background: url('../img/tasks.gif') no-repeat top right;}
td.task {background: #f7f3e9; width: 48%; padding: 20px 0;}
td.solution {background: #f7f3e9; width: 49%; padding: 20px 0;}
div.tasks h1 {padding: 0 20px;}
div.tasks p {font-size: 12px; padding: 0 20px;}
div.tasks p span {font-weight: bold;}

/* collection */
div.collection {clear: both; margin: 0; padding: 0;}
div.collection div.img-col {position: relative; float: left; width: 50%; padding: 0; margin: 0;}
div.collection div.img-col img.catalogue {margin-left: 0;}
div.collection div.img-col p {margin-top: 30px;}
div.collection div.text-col {position: relative; float: right; width: 49%; padding: 0 0 5px 0; font-size: 12px; margin: 0;}
div.collection div.text-col h1 {margin-left: 20px;}
div.collection div.text-col p {margin-left: 20px;}
div.collection div.text-col ul {margin-left: 0; margin-top: 10px; margin-bottom: 10px;}
div.collection div.text-col div.descr ul  {margin-left: 15px;}
div.collection div.img-col div.price {display: none;}


td.names div.stepcarousel {width: 335px;}
div.collection div.features {margin-left: 20px;}
div.collection div.features p {margin-left: 0;}
div.collection div.text-col div.features ul {margin-left: 10px;}


div.collection div.text-col div.descr {background: #f7f3e9; margin: 10px 20px 10px 0; left: 20px; position: relative; clear: both; padding: 0;}
div.collection div.text-col div.descr div.dostavka {position: relative; float: right; width: auto;}
div.collection div.text-col div.descr div.price {padding: 0; font: bold 24px 'Trebuchet MS'; margin: -20px 20px 40px 10px; color: #cc0000;}
div.collection div.text-col div.descr div.price span {font: 18px 'Trebuchet MS'; color: #333;}
div.collection div.text-col div.descr div.price span.old {font: bold 14px 'Trebuchet MS'; color: #cc0000;}
div.collection div.text-col div.descr div.dostavka p {margin: 0 20px 1em 0;}
div.collection div.text-col div.descr div.dostavka div.express {position: relative; float: right; width: 112px; min-height: 45px; background: url('../img/express.gif') left top no-repeat; padding: 0 0 0 65px; margin: 10px 0 0 0; text-align: left; text-decoration:none !important}
div.collection div.text-col div.descr div.dostavka div.express p {color: #cc0000; margin: 0; font: 11px 'Trebuchet MS'; width: 70px; line-height: 1em; text-decoration:none !important}
.dostavka A:hover {cursor:hand;}

div.collection a.none, div.collection a.none:active, div.collection a.none:visited, div.collection a.none:hover, div.collection a.none:focus {text-decoration: none; color: #fff;}


div.collection div.text-col div.descr div {padding: 20px 0 0 20px; font-size: 12px;}
div.collection div.text-col div.descr p {margin: 0 0 1em 0;}
div.collection div.text-col div.descr div.imgs {padding: 0 10px 0 0; width: 300px;}

div.collection div.text-col div.descr div.proj-t {position: relative; padding: 40px 40px 30px;}


div.imgs div {margin: 0 10px 10px 0; position: relative; float: left; width: 80px; height: 110px;}
div.imgs div.price {height: auto;}
div.imgs img {border: 5px solid #fff;}
div.imgs img.i-sel {border: 5px solid #e8ddc3;}
div.imgs img:hover, div.imgs img:focus {border: 5px solid #e8ddc3;}
img.i-sel {border: 5px solid #e8ddc3;}
div.imgs div.price {position: static; float: none; font: bold 12px Tahoma;}
div.imgs div.price span.old {margin-right: 5px;}

div.collection div.text-col ul li {list-style-image: url('../img/bull.gif'); padding-bottom: 1em;}
div.collection div.text-col div.descr ul li {list-style-image: url('../img/bull2.gif'); padding-bottom: 0;}


table.spec td.like {border: 0; padding: 0 0 0 40px; margin: 0;}
div.cart table.spec td.like {border: 0;}


/* orderBTN */
div.orderBTN {padding-bottom: 4px; text-align: right;}

/* elements */
table.elements {width: 100%;}
table.elements td {border: 0; padding: 0;}
div.cart table.spec table.elements td {border-bottom: 0;}
table.elements td.img {vertical-align: middle; text-align: center; height: 115px; width: 40%;}
table.elements td h4 {margin: 0 20px 1em 0; padding: 0 20px 0 0; font-size: 12px; font-weight: bold;} 
table.elements td p {margin: 0; padding: 0;}
table.elements td.decor {padding: 10px 0 0 20px; font-weight: bold; font-size: 12px;}
table.elements td.decor span {font-weight: normal;}




table.elements div.imgs {width: auto; height: 160px; padding: 0;}
table.elements div.imgs div {margin: 10px 15px 0 0; height: 70px; width: 70px;}
table.elements div.imgs div.decorlsel {margin: 0; width: auto; height: auto; font-weight: normal; white-space: nowrap;}
table.elements div.imgs img {border: 5px solid #fff;}



tr.color table.elements div.imgs img {border: 5px solid #f7f3e9;}

table.elements div.price {color: #cc0000;}

table.elements div.imgs a img:visited, table.elements div.imgs a img:active, table.elements div.imgs a img {border: 5px solid #fff;}
table.elements div.imgs a img:hover, table.elements div.imgs a img:focus {border: 5px solid #e8ddc3;}
table.elements div.imgs a img, table.elements div.imgs a:active img, table.elements div.imgs a:visited img {border: 5px solid #fff;}
table.elements div.imgs a:hover img, table.elements div.imgs a:focus img {border: 5px solid #e8ddc3;}

table.spec div.quantity {position: relative; float: right; width: auto; left: 20px; top: 15px; font-size: 12px; margin: -7px 25px 0 0;}
table.spec div.quantity  input {width: 30px; margin-right: 5px;}

/* contacts */
div.contacts {width: 85%; font-size: 12px; clear: both; padding: 30px 0 10px 0;}
div.contacts p {margin: 0 0 1em 0;}
div.contacts p span {font-weight: bold;}
div.contacts p span.tel {color: #cc0000;}
div.contacts p span.tel2 {color: #cc0000; padding-left: 40px;}
div.contacts div.img {position: relative; float: right; margin: 0 0 0 20px;}

/* RIGHT */

/* menu-right */
div.menu-right {margin: 0 0 20px 40px; font: bold 11px Tahoma; color: #333;}
div.menu-right div {padding: 0 0 14px;}
div.menu-right a, div.menu-right a:active, div.menu-right a:visited, div.menu-right a:hover, div.menu-right a:focus {font-weight: normal;}


/* right-tel */
div.right-tel {margin: 0 0 30px 0;}
div.right-tel p{font: 12px 'Trebushet MS';}
div.right-tel p span {font-size: 16px; color: #cc0000;}

/* anonse */
div.anonse {font: 12px 'Trebushet MS'; text-align: right; margin: 0 20px 30px 20px;}
div.anonse p {margin: 0; text-align: left; padding: 2px;}
div.anonse p.anonse {font-size: 11px; background: #ff9900; margin: 0; text-align: left;}

/* banner */
div.banner {text-align:center}

/* main-news */
div.main-news {background: #f6f2e9; padding: 20px; margin: 0 20px 20px;}
td.cont-right div.news p {padding: 0 0 1em 0; margin: 0;}
div.news p span {background: #ff9900; color: #fff; padding: 2px;}
div.news img {margin: 0 0 15px 0;}

img.catalogue {margin: 0 0 40px 40px;}

/* pager */
div.catalogue div.pager {margin:0 !important}
div.pager {border-top: 4px solid #e8ddc3; padding: 5px 10px; margin: 0 40px 70px; text-align: center; clear: both; color: #666; font: 14px 'Trebushet MS'; position: relative;}
div.pager table {padding: 0; margin: 0 auto;}
div.pager td {width: 40px; height: 35px; margin: 0; font-size: 14px; color: #666; text-align: center;}
div.pager td.page div {background: url('../img/ronde.gif') no-repeat;}
div.pager td div {width: 30px; height: 30px; text-align: center; margin: 5px 15px 0; padding: 5px 0 0 0;}
div.pager td.arr img {/*position: relative;*/ margin: 0 15px 0;}

div.pager a, div.pager a:active, div.pager a:visited {color: #cc0000; text-decoration: none;}
div.pager a:hover, div.pager a:focus {color: #cc0000; text-decoration: underline;}

/* form */
div.spec table.form {width: 100%;}
div.spec table.form td.form_1 {border: 0; padding: 0 0 10px 0; width: 40%; vertical-align: middle;}
div.spec table.form td.form {border: 0; padding: 0 0 10px 0; width: 30%; vertical-align: middle;}
div.spec table.form td.form_1 SPAN {white-space:nowrap}
div.spec table.form span {padding: 0 40px 0 0;}
div.spec table.form span input {margin: 0 5px 0 0;}
div.spec table.form table {width: 90%;}
div.spec table.form table td {width: auto; vertical-align: middle;}
div.spec table.f-int td {vertical-align: middle; height: 40px;}
div.spec table.f-int td.lab {width: 70px;}
div.spec table.form  table.f-int {width: 90%;}
div.spec table.form  table.f-int select {width: 100%; margin: 2px 0;}

div.spec table.form input.pr {width: 50px;}
div.spec table.form span {margin: 0 14px 0 0; padding: 0;}
div.spec table.form table.f-int2 {width: 100%;}
div.spec table.form table.f-int2 td {width: 30%; white-space: nowrap; vertical-align: middle; height: 40px;}
div.spec table.form table.f-int2 td.lab {width: 80px;}

div.spec table.form table.f-int2 div.order2 {position: relative; float: right; right: 0;}
div.order2 div.but {background: url('../img/but-l.png') left no-repeat; font: 18px 'Trebuchet MS'; position: relative; float: right; height: 32px; text-align: center; font-style: italic; padding: 0 0 0 14px; margin: 0 1px 0 0; cursor: pointer;}
div.order2 div.but a, div.order div.but a:active, div.order div.but a:visited, div.order div.but a:hover, div.order div.but a:focus {color: #fff;}
div.order2 div.but div.b-r {height: 32px; background: url('../img/but-r.png') right no-repeat; position: relative; padding: 0 14px 0 0;}
div.order2 div.but div.b-r div {padding: 2px;}




div.spacer {height: 200px; display: block; clear: both;}


div#footer {min-width: 1003px; max-width: 1400px; position: relative; margin: -195px auto 0 auto; padding: 0; color: #333; font-size: 11px;}
div.bottom {border-top: 4px solid #ff9900; margin: 0 35px; padding: 20px 0 0;}


div.menu-bottom span {padding: 0 20px; background: url('../img/bord.gif') right 3px no-repeat;}
div.menu-bottom span.last {background: none;}

table.menu-bottom {width: 100%; margin: 0 0 40px;}
table.menu-bottom td {color: #cc0000; text-align: center; font-size: 12px; padding: 0 10px; border-right: 1px solid #ccc;}
table.menu-bottom td.first {text-align: left; padding: 0 10px 0 0;}
table.menu-bottom td.last {border: 0; padding: 0 0 0 10px;}

div#footer p {padding: 20px; margin: 0;}
div.bottom-left {width: 37%; position: relative; float: left; border-right: 1px dotted #b7b2a4; margin: 0 0 10px;}
div.bottom-left div {background: #f7f3e9; margin: 0 35px 0 0; height: 60px;}
div.bottom-center {width: 40%; position: relative; float: left; margin: 0 0 10px;}
div.bottom-center div {background: #f7f3e9; margin: 0 40px; height: 60px;}
div.bottom-center div p {text-align: right;}
div.bottom-right {width: 22%; position: relative; float: right; border-left: 1px dotted #b7b2a4; margin: 0 0 10px;}
div.bottom-right div {background: #f7f3e9; margin: 0 0 0 40px; height: 60px;}
div#footer img {clear: both;}

.Modal {
  background: #f7f3e9;
  border: 5px solid #e8ddc3;
  font-size: 14px;
  display:none;
  z-index:9999;
  position:absolute;
  left:0;
  top:-200px;
  padding: 10px;
}
.Modal .price { color: #cc0000;}
.Modal P {padding: 4px 0 4px 0}
.Modal table {border: none; margin: 0 0 5px 0}
.Modal table TR {border: none}
.Modal table TD {border: none}

#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none; }
.formTable TD input, .formTable TD textarea {width:100%}
.input_not100 INPUT {width:auto !important}

div.spec-img div.sub {position:relative;}

.noarrow A {background:none !important}
.pseudoLink {text-decoration:underline; cursor:pointer; cursor:hand}
.pseudoLink:hover {text-decoration:none;}
.buyonline {padding:0 0 5px 60px !important; background:url(/bitrix/templates/alcopa/img/icon_house.jpg) no-repeat left top}
.buyonline A {color: #cc0000; margin: 0; font: 11px 'Trebuchet MS'; width: 70px; line-height: 1em; text-decoration:none !important}
.info .buyonline {padding:0 !important; width:36px; float:right; position:relative; right:5px; bottom:5px;}
.info .buyonline A {height:33px; width:36px; display:block; float:right;}
.info .express {position: relative; float: right; width: 63px; min-height: 45px; background: url('../img/express.gif') left top no-repeat; text-align: left; text-decoration:none !important}

.buyonline {padding:0 0 5px 65px !important; background:url(/bitrix/templates/alcopa/img/icon_home.jpg) no-repeat left top}
.buyonline_detail_link {color: #cc0000 !important; margin: 0; font: 11px 'Trebuchet MS'; width: 70px; line-height: 1em; text-decoration:none !important}
.byonline_link {position:absolute !important; top:-12px; right:-35px; width:84px; height:63px;}