/**, html, body {margin:0px; padding:0px;}
body {color:#27282C; background-color: #fff; font:11px Tahoma; padding:0; margin: 0; background: url(/img/bg-body-top.jpg) repeat-x; }
body.index {background: url(/img/i-bg-body-top.jpg) repeat-x;}
*/
* { margin: 0; padding: 0; border: 0; }

html {
 /*------------ 100% высота контейнера div.page далее */
 height: 100%;
 /*------------*/
 background: #fff;
}

body {
 /*--------------- 100% высота контейнера div.page далее */
 min-height:100%; height: 100%;
 /*---------------*/
 color:#800000; background-color: #fff; font: 62.5%/1.4 Tahoma; background: url(../img/bg-body-top.jpg) repeat-x;
}

/* было color:#27282C; background-color: #fff; font: 62.5%/1.4 Tahoma; background: url(../img/bg-body-top.jpg) repeat-x; */

body.index {background: url(../img/i-bg-body-top.jpg) repeat-x;}

/* Контейнер всего содержимого кроме подвала */
#Main {
 width: 1000px;
 margin: auto;
 border: 0px solid red;

 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:100%;
 height: 100%;
 /*-----------------------*/

 /*position: relative;
 z-index: 1;*/
}

#bg-top-right {position: absolute; z-index:1; right: 0px; top: 176px; width: 50%; height: 81px; background: #B58A30 url(../img/img-cell-right.gif) repeat-x; }
#bg-top-right.index {position: absolute; right: 0px; top: 239px; }

h1 {font-size: 16px; font-weight: bold; color: #fff; float: left; padding-top: 12px;}
h4 {font-size: 13px; color: #27282C; }

a {color: #27282C; text-decoration: none; }
a:hover {text-decoration:underline; }

img {border:0; }

p {padding: 5px 0; }

ul.list {list-style-type: none; margin: 10px 0 10px 0;}
ul.list li {background: url(/img/li-list.gif) 0px 4px no-repeat; padding: 0px 0px 0px 13px; margin-bottom: 7px; }

ol.ol {margin: 10px 0 10px 22px;}
html>body ol.ol {margin-left: 18px !important; }
ol.ol li {margin-bottom: 7px; }


/* было 1000 */
/*#Main {border: 0px solid red; width: 1000px; margin: 0 auto;  position: relative; z-index: 999}*/


#header {height: auto;}

#top {border: 0px solid green; height: 133px; background: url(../img/bg-top.jpg) repeat-x; position: relative }
#top.index {height: 196px; background: url(../img/i-bg-top.jpg) repeat-x;}
.logo {float: left; height: auto; }
.logo img {width: 123px; height: 133px; margin-left: 27px; }
#top img#i-slogan {position: absolute; top: 59px; left: 182px; width: 234px; height: 59px; }
#top img#slogan {position: absolute; top: 44px; left: 157px; width: 187px; height: 52px; }
#top img#souzximinvest {position: absolute; top: 0px; right: 31px; width: 180px; height: 36px; }
#top img#i-phone {position: absolute; top: 70px; right: 299px; width: 128px; height: 28px; }
#top img#phone {position: absolute; top: 54px; right: 299px;  width: 128px; height: 28px; }

#top .search {border: 0px solid #fff; position: absolute; top: 57px; right: 0px; width: 193px; padding: 5px 0 0 59px; height: 29px; background: url(../img/bg-search.jpg) 0 0 no-repeat; }
#top .search#index {position: absolute; top: 73px; right: 0px; }
#top .search input {float: left; background-color: #fff; border: 1px solid #D8D8D8; font-size:10px; float:left; color:#858585; width:140px !important; height:15px !important; width /**/:115px; height /**/:21px; padding:1px}
html>body #top .search input {width:144px !important; height:19px !important; padding:0}
body:not([dummy]) #top .search input {width:140px !important; height:15px !important; padding:1px}
#top .search input.btn {float: left; width: 32px !important; height: 10px !important; background-color:transparent; border: none !important; margin: 2px 0 0 5px;}
body:not([dummy]) #top .search input.btn {width: 32px !important; height: 10px !important;}

#menu {border: 0px solid #fff; height: 123px; padding: 0 40px; background: url(../img/bg-menu.jpg) repeat-x; position: relative; z-index:2  }
#menu ul {list-style-type: none; height: 43px; float: left; width: 100%; border: 0px solid #fff;}
#menu ul li {float: left; background: url(../img/bg-menu-li.gif) right 15px no-repeat; padding: 12px 14px 0 14px}
#menu ul li.last {background: none; padding-right: 0px;}
#menu ul li a {color: #fff; font-size: 14px; font-weight: bold; }
.cell {border: 0px solid #fff; width: 230px; height: 80px; float: left; position: relative; z-index:2}
.cell img.corner {position: absolute; z-index: 3; top: 0px; left: 0px;}
.cell span {display: block; height: 80px; position: relative; }
.cell span img {position: absolute; left: 20px; top: 24px; }
.cell#cell1 {background: url(../img/bg-cell1.jpg) repeat-x; }
.cell#cell1 span {background: url(../img/img-cell1.jpg) right top no-repeat;}
.cell#cell1 span img.left {position: absolute; z-index: 3; left: -11px; top: 0px; }
.cell#cell2 {background: url(../img/bg-cell2.jpg) repeat-x;}
.cell#cell2 span {background: url(../img/img-cell2.jpg) right top no-repeat;}
.cell#cell3 {background: url(../img/bg-cell3.jpg) repeat-x;}
.cell#cell3 span {background: url(../img/img-cell3.jpg) right top no-repeat;}
.cell#cell4 {background: url(../img/bg-cell4.jpg) repeat-x;}
.cell#cell4 span {background: url(../img/img-cell4.jpg) right top no-repeat;}
.cell#cell4 span img.right {position: absolute; z-index: 3; left: 230px; top: 0px; width: 40px; height: 80px; }
#menu_ico {border: 0px solid red; height: 45px; padding: 0 54px 0 60px; background: #B58A30;  }
#menu_ico ul {list-style-type: none; height: 43px; float: right; }
#menu_ico ul li {float: left; background: url(../img/bg-menu_ico-li.gif) right 18px no-repeat; padding: 15px 14px 0 14px}
#menu_ico ul li.last {background: none; padding-right: 0px;}
#menu_ico ul li a {color: #fff; font-size: 1.0em; }
html>body #menu_ico ul li#fav {display:none !important}


#inner {border: 0px solid green; float: left; height: auto !important; //height: 2px; padding: 40px 40px 135px 40px !important; position: relative; }
body:not([dummy]) #inner {padding-bottom: 0px !important;}
html>body #inner {padding-bottom: 0px !important; //padding-bottom: 135px !important;}
#left {border: 0px solid #ddd; width: 265px; float: left; padding: 0 0 130px 0; }
.content {font-size: 1.2em; border: 0px solid green; float: left; width: 615px; padding: 0 0px 0 30px; height: 100px;}
html>body .content {min-height: 100px; height: auto !important}

.content a {color: #EC5A07 !important; text-decoration: underline;  }
.content a:hover {text-decoration: none  !important; }

.content table {border-collapse: collapse;} 
.content table td {padding: 2px; border: 1px solid #800000; }

ul.ul {list-style-type: none; margin: 21px 0 0 22px;}
ul.ul li {background: url(/img/li.gif) 0px 4px no-repeat; padding: 0px 0px 0px 13px; margin-bottom: 7px; color: #494949; font-weight: bold; }

ul.subpoint {list-style-type: none; }
ul.subpoint li {background: url(/img/li-subpoint.gif) 7px 7px no-repeat; padding: 0px 0px 0px 20px; margin-bottom: 10px; color: #DB460E; font-size: 14px; font-weight: bold; }
ul.subpoint li a {text-decoration: none; color: #DB460E;}
ul.subpoint li a:hover {text-decoration: underline;}
ul.subpoint li a.active {text-decoration: underline;}


#footer {border: 0px solid #ccc; font-size: 1.1em; margin: 0 auto; margin-top: -135px; width: 100%; height: 135px; clear: both; /*position: relative; z-index: 999;*/ /*background: url(/img/bg-bottom.gif) 0px 36px repeat-x;*/ }

#footer div.zopa, #footer div.zopa2 {width: 1000px; margin: 0 auto; position: relative;}
#footer div.zopa2 {padding-left: 40px; width: 960px;}
#footer a {color: #fff}
#footer ul {list-style-type: none; height: 36px; float: left; padding-left: 40px }
#footer ul li {float: left; background: url(/img/bg-menu_footer-li.gif) right 17px no-repeat; padding: 11px 11px 0 11px}
#footer ul li.last {background: none; padding-right: 0px;}
#footer ul li.first {padding-left: 0px;}
#footer ul li a {color: #7E6B54; font-size: 10px; font-size: 0.9em;}
#footer ul li a.active:hover {text-decoration:none; }

#footer .copy {background: #FF8E1F; clear: both; position: relative; height: 80px; padding: 19px 0 0 0; color: #fff; }

#footer .copy img#logo-footer {position: absolute; top: -9px; right: 27px; width: 90px; height: 85px;}

/*#bg-footer {border: 1px solid red;  width: 100%; clear: both; background: #FF8E1F; margin-top: -99px; height: 99px;}*/


/*---------------------------------------------
      ===========            ===========       
---------------------------------------------*/

.arrow {background: url(/img/arrow.gif) 0 6px no-repeat; padding: 0 0 0 11px; }
.arrow-back {background: url(/img/arrow-back.gif) 0 6px no-repeat; padding: 0 0 0 11px; }
.arrow a, .arrow-back a {color: #E1773B !important;}


/* товары 
.goods {padding-left: 110px; position: relative; margin-bottom: 20px; height: 119px}
html>body .goods {min-height: 119px; height: auto !important}
.goods img {float: left; border: 1px solid #ccc; padding: 1px; }
.goods h4 a {padding-bottom: 0px;} 
.goods span {display: block; padding-top: 5px; width: 100%}
*/

/* товары */

.cat {float: left; width: 100%; margin-bottom: 20px;}
.cat img {width: 123px; float: left; border: 1px solid #ccc; padding: 1px; }
.cat h4 a {padding-bottom: 0px;} 
.cat span {display: block; padding-top: 5px; width: 100%}


table.goods {border-collapse: collapse;}
table.goods td {padding-bottom: 20px; vertical-align: top; border: 0; }
table.goods td.img {padding-right: 13px}
table.goods td.img img {border: 1px solid #ccc; padding: 1px;}

/*
.goods {padding-left: 140px; position: relative; margin-bottom: 20px; height: 144px}
html>body .goods {min-height: 144px; height: auto !important}
.goods img {width: 123px; position: absolute; top: 5px; left: 0px; border: 1px solid #ccc; padding: 1px; }
.goods h4 a {padding-bottom: 0px;} 
.goods span {display: block; padding-top: 5px; width: 100%}

img.page-goods {border: 1px solid #ccc; padding: 1px; margin: 0 10px 10px 0; float: left;}
*/

/* searchResults */
ol.searchResults {margin: 20px 0 0 22px; }
html>body ol.searchResults {margin-left: 18px; }
ol.searchResults li {margin-bottom: 4px; }

#contactform {float: left; clear: both; }
#contactform table.contact td {padding: 0 10px 3px 0; border: 0;}
#contactform input {border: 1px solid #FF8E1F; width: 250px; }
#contactform textarea { border: 1px solid #FF8E1F; width: 250px; height: 150px; }
#contactform .btn {width: 62px; height: 15px; float: right; margin-top: 10px;}


/* счетчики */
.counter {border: 0px solid #ccc; position: absolute; top: -200px; left: 40px}

#link a {color: #7E6B54; font-size: x-small; }
