html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {
    font-size: 0.9em;
    font-family: Verdana, Verdana, Geneva, sans-serif;
    color: #333;
	background: #fff url(../img/pageBkgr.gif) top center repeat-x;
    
}

header, footer, nav, section, select {
    display: block;
}
div, table, ul, li  {margin: 0; padding: 0;}
img {border: none;}

a {outline: none;}

table {border: 0; border-collapse: collapse; border-spacing: 0;}

a:link {color: #000}
a:visited {color: #333} 
a :hover {color: #f00;}
h3 { color: black; text-align: left;}
h2 { color: #00ac73; font-size: 1.15em;}

.floatLeft {float: left}

/*main width=1000px*/
header, .container, .mainBanner, .mainBannerPic, .empty, .mainBannerDots, .mainCatalog, .themeBlock  {width: 1000px}
.copy, .footerText {width: 980px}
.copy {color: black;}
.mainCatalog ul li {width: 306px;}
.footerText .leftPart, .footerText .rightPart {width: 470px;}
/*main width=1000px*/

.fb-like { float: right;}
#___plusone_0 { float: left !important;}
header, footer {text-align: right; font-size: 0.8em; padding: 0 5px;}
header {height: 70px; margin: 0 auto; line-height: 70px;}
footer {position: relative; height: 270px; margin: -240px 0 0 0; background: #bfbdbe  url(../img/footerBkgr.gif) top left repeat-x;}

header, header a, .headerMenu a {color: #333}
header a:hover, .headerMenu a:hover {color: #f00}
header a {margin: 0 5px 0 15px;}
header a  span {font-weight: bold;}
header a:link, header a:visited, footer a:link, footer a:visited {text-decoration: none}
header a:hover, footer  a:hover {text-decoration: underline;}
footer a {color: #575757;}
.footerText  {margin: 0 auto; color: #333; text-align: left;}
.footerText .leftPart, .footerText .rightPart {float: left; margin: 10px 5px;}
.footerText .leftPart {display: block; width: 450px;}/* border-right: solid 1px #8b8b8b*/
.footerText .rightPart {display: block; width: 470px; padding-left: 20px; border-left: solid 1px #8b8b8b}
.footerText .leftPart div, .footerText .rightPart div {float: left; margin: 0 0 0 20px; font-size: 0.85em;}
.footerText .leftPart div {width: 200px;}
.footerText .rightPart div {width: 180px}
.footerText .rightPart div:last-child {width: 230px}
.footerText .leftPart div a {margin: 10px 0; display: block;}
.footerText .leftPart div a, .footerText .rightPart div a {text-decoration: underline; color: #575757;}
.footerText .rightPart div span {font-weight: bold; display: block;}
.footerText .rightPart div p{margin: 5px 0 0 0; padding: 0;}
.footerText .rightPart div:last-child p  {margin: 5px 0 0 15px;}
.footerText .rightPart div p>span {font-weight: bold;}
.footerText .leftPart320 {display: none;}
.footerText .leftPart h2, .footerText .rightPart h2 {display: block; background: #c0c0c0; width: 100px; text-align: center; color: #000; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; line-height: 20px}

.headerMenu { display: block; float: right; text-transform: uppercase;}
.headerMenu320 {display: none;}
.headerMenuSecond320 {display: none;}

.search {clear: both; position: relative; width: 250px; height: 50px; background: transparent; text-align: center; z-index: 200; line-height: .8em; margin: 0 0 0 750px; padding: 0;}
.search table {width: 100%; height: 50px;}
.search table td {margin: 0; padding: 0 10px; text-align: center;}
.search table td:first-child {width: 100%}
.search table td a{margin: 0; padding: 0;}
.search table td input {width: 100%; height: 19px; font-size: .9em; border: solid 1px #0a583b;}

.mainContainer {margin: 0 auto; padding: 0; position:relative; min-height:100%; height:auto !important; height:100%;}
.container {clear: both; margin: 0 auto; overflow: hidden;}

.logo-title {float: left; height: 70px;}
.logo-title  table td {height: 70px; text-transform: uppercase; color: #f00; font: bold 1.7em Arial, Arial, Helvetica, sans-serif; padding: 0 5px;}

.copy {clear: both; height: 40px; margin: 0 auto; font-size: 0.75em; text-align: right;}

.pageContent {clear: both; padding: 10px 5px; margin-top: 50px;}

.s1 {font-size: 2em; font-weight: bold;}
.s2 {font-size: 1.6em;}

.empty {height: 240px;}
.break {clear: both;}
.banner {min-height: 135px; width: auto; background: url(../img/banner.png) top right no-repeat; border: 1px solid #e2e2e2; padding: 10px 20px;}
.banner p {font: bold 1.3em Arial, Arial, Helvetica, sans-serif; color: #f00; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner span {font: italic .75em Arial, Arial, Helvetica, sans-serif; color: #c00; margin: 20px 0 0 0;}
.banner02 {min-height: 135px; width: auto; background: url(../img/banner02.png) top left no-repeat; border: 1px solid #e2e2e2; padding: 8px 20px;}
.banner02 p {text-align: right; font: bold 1.3em Arial, Arial, Helvetica, sans-serif; color: #1BAA75; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner03 {min-height: 135px; width: auto; background: url(../img/banner03.jpg) top left no-repeat; border: 1px solid #e2e2e2; padding: 8px 20px;}
.banner03 p {text-align: right; font: bold 1.3em Arial, Arial, Helvetica, sans-serif; color: #1BAA75; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner03 span {font: italic .75em Arial, Arial, Helvetica, sans-serif; color: #c00; margin: 20px 0 0 0;}
.banner04 {min-height: 135px; width: auto; background: #eef7fa url(../img/banner04.jpg) top right no-repeat; border: 1px solid #e2e2e2; padding: 8px 20px;}
.banner04 p {font: bold 1.3em Arial, Arial, Helvetica, sans-serif; color: #c00; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner04 span {font: italic .75em Arial, Arial, Helvetica, sans-serif; color: #c00; margin: 20px 0 0 0;}
.banner05 {min-height: 135px; width: auto; background: url(../img/banner05.jpg) top right no-repeat; border: 1px solid #e2e2e2; padding: 8px 20px;}
.banner05 p {font: bold 1.3em Arial, Arial, Helvetica, sans-serif; color: #c00; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner05 span {font: italic .75em Arial, Arial, Helvetica, sans-serif; color: #1BAA75; margin: 20px 0 0 0;}
.banner06 {min-height: 135px; width: auto; background: #b4bcc5 url(../img/banner06.jpg) top right no-repeat; border: 1px solid #e2e2e2; padding: 8px 20px;}
.banner06 p {text-align: left; font: bold 1.55em Arial, Arial, Helvetica, sans-serif; color: #c50; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner06 span {font: italic .85em Arial, Arial, Helvetica, sans-serif; color: #c00; margin: 20px 0 0 0;}
.saleBanner {display: block; text-decoration: none;}
.banner08 {min-height: 135px; width: auto; background: #b4bcc5 url(../img/banner08.jpg) top; border: 1px solid #e2e2e2; padding: 22px 20px;}
.banner08 p {text-align: right; font: bold 1.55em Arial, Arial, Helvetica, sans-serif; color: #c50; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner08 span {font: italic .85em Arial, Arial, Helvetica, sans-serif; color: #4660A3;; margin: 20px 0 0 0;}
.banner09 {min-height: 135px; width: auto; background: #840123 url(../img/banner09.jpg) top right no-repeat; border: 1px solid #e2e2e2; padding: 8px 20px;}
.banner09 p {text-align: left; font: bold 1.55em Arial, Arial, Helvetica, sans-serif; color: #f94; text-shadow: 2px 2px 1px #700026; filter: Shadow(Color=#700026, Direction=45, Strength=4);}
.banner09 span {font: italic .85em Arial, Arial, Helvetica, sans-serif; color: #fff; margin: 20px 0 0 0;}
.banner10 {min-height: 135px; width: auto; background: #510201 url(../img/banner10.jpg) top left no-repeat; border: 2px solid #eaa040; padding: 8px 20px;}
.banner10 p {text-align: left; font: bold 1.6em Arial, Arial, Helvetica, sans-serif; color: #f7cd7c; text-shadow: 2px 2px 1px #270000; filter: Shadow(Color=#270000, Direction=45, Strength=4);}
.banner10 span {font: italic .8em Arial, Arial, Helvetica, sans-serif; color: #eaa040; margin: 20px 0 0 0;}
.banner10 span b {color: #fec;}
.banner11 {min-height: 135px; width: auto; background: #5aa0d3 url(../img/banner11.jpg) top center no-repeat; border: 2px solid #fadea8; padding: 8px 20px;}
.banner11 p {text-align: center; font: bold 1.6em Arial, Arial, Helvetica, sans-serif; color: #fadea8; text-shadow: 2px 2px 1px #270000; filter: Shadow(Color=#270000, Direction=45, Strength=4);}
.banner11 span {font: italic .8em Arial, Arial, Helvetica, sans-serif; color: #fff; margin: 20px 0 0 0;}
.banner12 {min-height: 135px; width: auto; background: #53adf9 url(../img/banner12.jpg) center left no-repeat; border: 2px solid #aec2d8; padding: 8px 20px;}
.banner12 p {text-align: right; font: bold 1.6em Arial, Arial, Helvetica, sans-serif; color: #d54600; text-shadow: 2px 2px 1px #270000; filter: Shadow(Color=#270000, Direction=45, Strength=4);}
.banner12 span {font: italic .8em Arial, Arial, Helvetica, sans-serif; color: #fff; margin: 20px 0 0 0;}
.banner13 {min-height: 165px; width: auto; background: #d8e8ff url(../img/banner13.jpg) center right no-repeat; border: 2px solid #aec2d8; padding: 8px 20px;}
.banner13 p {text-align: left; font: bold 1.6em Arial, Arial, Helvetica, sans-serif; color: #ec1b5b; text-shadow: 2px 2px 1px #270000; filter: Shadow(Color=#270000, Direction=45, Strength=4);}
.banner13 span {font: italic .8em Arial, Arial, Helvetica, sans-serif; color: #fff; margin: 20px 0 0 0;}
.banner14 {min-height: 165px; width: auto; background: #fde478 url(../img/banner14.jpg) center left no-repeat; border: 2px solid #ff915c; padding: 8px 20px;}
.banner14 p {text-align: left; font: bold 1.6em Arial, Arial, Helvetica, sans-serif; color: #ff4e00; text-shadow: 2px 2px 1px #ffffff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner14 span {font: italic .8em Arial, Arial, Helvetica, sans-serif; color: #384a0f; margin: 20px 0 0 0;}

.mainBanner {clear: both; display: block; height: 180px;}
.mainBannerPic   {height: 180px; margin: 0 auto; background: #075639 url(../img/bannerPic001.jpg) top left no-repeat;}
.mainBannerPic2 {height: 180px; margin: 0 auto; background: #075639 url(../img/bannerPic002.jpg) top left no-repeat;}
.mainBannerPic3 {height: 180px; margin: 0 auto; background: #075639 url(../img/bannerPic003.jpg) top left no-repeat;}
.mainBannerPic4 {height: 180px; margin: 0 auto; background: #075639 url(../img/bannerPic004.jpg) top left no-repeat;}
.mainBannerPic5 {height: 180px; margin: 0 auto; background: #075639 url(../img/bannerPic005.jpg) top left no-repeat;}

.mbSecond, .mbSecond .mainBannerPic, .mbSecond .mainBannerPic2, .mbSecond .mainBannerPic3, .mbSecond .mainBannerPic4 {height: 130px;}

.mainBannerText {
    clear: both;
    height: 69px; 
    border-top: dashed 1px #333; 
    text-align: right; 
    position: relative; 
    margin: -70px 0 0 0; 
    z-index: 10;
    color: #000;
    background: transparent url(../img/bgTxt.png) top right repeat-y;
	/*text-shadow: 0 0 .2em #fff;*/
}
.mainBannerText div{margin: 10px 50px;}
.mainBannerLeft, .mainBannerRight  {width: 30px; height: 30px; position: relative; margin: -45px 10px 0 10px; z-index: 20; cursor: pointer;}
.mainBannerLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.mainBannerRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}
.mainBannerDots, .amazingcarousel-nav {height: 40px; background: #fff url(../img/bannerShadow.jpg) top center no-repeat; text-align: center;}
.dotsBlock {width: 80px; height: 20px; margin: 0 auto;}
.mainBannerDots .dot {float: left; width: 20px; height: 30px; background: url(../img/dotBkgr.png) bottom left no-repeat; cursor: pointer;}
.mainBannerDots .active {background-position: top left; cursor: pointer;}
.carousel-content li {margin: 0; padding: 0;}
.stb-logo{width: 136px;position: relative;z-index: 100;top: -38px;}
.leftContent{float: left; width: 330px; height:100% ; margin-bottom: 20px;}
.leftSubmenu {
   background-color: #e6e6e6;
   padding: 15px 30px 20px 20px;
   margin: 0 20px 8px 0;
    
    }
.SubmehuBgIm {
    background: url(../img/submenuBkgr.gif) top left no-repeat;
    width: 310px;
    height: 6px;
    
}
.leftSubmenu li {font: 0.9em Arial, Regular, sans-serif; list-style:none; margin: 10px 0 0 0;}
.leftSubmenu li :hover { color: #ff0000;}
.leftSubmenu li :active {margin-left: 1px; color:#136942;}


.mainCatalog a {text-decoration: none;} 
.mainCatalog ul {list-style-type: none; margin-left: -10px }
.mainCatalog ul li {float: left; height: /*20px*/auto; margin: 8px 5px; padding: 0 10px; background-color: #ccc; cursor: pointer; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right;}
.mainCatalog ul li:hover {background-color: #1baa75; color: #fff;}
.mainCatalog ul li a {display: block; padding: 10px; height: 20px;}

.mainCatalog ul .catalogItem11  {background-color: #b00;}
.mainCatalog ul .catalogItem11:hover  {background-color: #f00;}
.mainCatalog ul .catalogItem11 a {color: #fff;}
.mcSecond { width: 290px;}
.mcSecond ul {margin-left: -0;}
.mcSecond ul li {width: 290px; margin: 8px 0;}

.catalogItem1 {background: url(../img/catalogPic001.jpg) top left no-repeat;}
.catalogItem1:hover {background: url(../img/catalogPic001-1.jpg) top left no-repeat;}
.catalogItem2 {background: url(../img/catalogPic002.jpg) top left no-repeat;}
.catalogItem2:hover {background: url(../img/catalogPic002-1.jpg) top left no-repeat;}
.catalogItem3 {background: url(../img/catalogPic003.jpg) top left no-repeat;}
.catalogItem3:hover {background: url(../img/catalogPic003-1.jpg) top left no-repeat;}
.catalogItem4 {background: url(../img/catalogPic004.jpg) top left no-repeat;}
.catalogItem4:hover {background: url(../img/catalogPic004-1.jpg) top left no-repeat;}
.catalogItem5 {background: url(../img/catalogPic005.jpg) top left no-repeat;}
.catalogItem5:hover {background: url(../img/catalogPic005-1.jpg) top left no-repeat;}
.catalogItem6 {background: url(../img/catalogPic006.jpg) top left no-repeat;}
.catalogItem6:hover {background: url(../img/catalogPic006-1.jpg) top left no-repeat;}
.catalogItem7 {background: url(../img/catalogPic007.jpg) top left no-repeat;}
.catalogItem7:hover {background: url(../img/catalogPic007-1.jpg) top left no-repeat;}
.catalogItem8 {background: url(../img/catalogPic008.jpg) top left no-repeat;}
.catalogItem8:hover {background: url(../img/catalogPic008-1.jpg) top left no-repeat;}
.catalogItem9 {background: url(../img/catalogPic009.jpg) top left no-repeat;}
.catalogItem9:hover {background: url(../img/catalogPic009-1.jpg) top left no-repeat;}
.catalogItem10 {background: url(../img/catalogPic010.jpg) top left no-repeat;}
.catalogItem10:hover {background: url(../img/catalogPic010-1.jpg) top left no-repeat;}
.catalogItem11 {background: url(../img/catalogPic011.jpg) top left no-repeat;}
.catalogItem11:hover {background: url(../img/catalogPic011-1.jpg) top left no-repeat;}
.catalogItem12 {background: url(../img/catalogPic012.jpg) top left no-repeat;}
.catalogItem12:hover {background: url(../img/catalogPic012-1.jpg) top left no-repeat;}
.catalogItem13 {background: url(../img/catalogPic013.jpg) top left no-repeat;}
.catalogItem13:hover {background: url(../img/catalogPic013-1.jpg) top left no-repeat;}

.pageTextName  h2{color: #f00; font: bold 1.1em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: dashed 1px #999}
.pageTextName {margin: -30px 0 0 0;}
.pageText,
.fontSize075,.fontSizeC075,.mainText {font-size: 0.75em;}
.pageText div {background: #e5e5e5; margin: 20px 0; padding: 20px; text-align: center; color: #f00;}
.pageTextTime div {background: #e5e5e5; margin: 20px 0; padding: 20px; text-align: center; color: #900; font-size: 1em}
.ptSecond {margin: 0 0 20px 330px}
.ptSecond ul{margin: 5px 20px; list-style-image: url(../img/dotBkgrAct2.png); }
.ptSecondC {margin: 0 0 20px 330px}
.ptSecondC ul{margin: 5px 20px; list-style-image: url(../img/pdf.png);}

.liInside {list-style-position: inside;}
.liOutside {list-style-position: outside;}
.strelka {margin-bottom: 20px;}
.listStyleN, .listStyleN li {list-style:none;}
.listStyleC li {list-style-image: url(../img/pdf.png);}

.borderBottom {border-bottom: solid 1px #ccc;}
.borderBottom:last-child {border-bottom: none;}
.paddingBottom20 {padding-bottom: 20px;}
.paddingLeft20 {padding-left: 20px}

.ptMetCherUl {margin: 10px 0 40px 190px;}
.ptMetCherUl li {list-style-image: url(../img/dotBkgrAct2.png); list-style-position: inside; margin-bottom: 10px}

.fontSize085 {font-size: 0.85em;}

.clear {clear: both;}
.clearLeft {clear: left;}

p.saleTitle {color: #f00; font-size: 1.5em; font-weight: bold;}

.LikeSekond {float: right;  margin-top: -18px;}
.Like {float: right;  margin: 20px 0 -15px 0; z-index: 100; position: relative;}
.fb-like {margin-left: -30px;}

.examples td, .examples th  {font-size: 0.85em; color: #707070; padding: 2px;}
.examples tr:first-child td {font-weight: bold;}
.ok, .examples tr:nth-child(odd) td {background: linear-gradient(to top, #deeae6, #f2f8f7);}
.ok1, .examples tr:nth-child(even) td {background: linear-gradient(to top, #e6e6e6, #ffffff);}
.ok table td {font-size: 0.85em;}
.saleForm td, .saleForm th  {color: #707070; padding: 8px 3px; border-bottom: dashed 1px #999}
.saleForm tr:last-child td {border-bottom: none;}
#errLname, #errFname, #errphone, #errEmailaddr, #errhome, #errClient {color: #f00;}

.okna tr:first-child td {text-align: center;}

.dobor td:nth-child(2) {white-space:pre-line}

.fff {background: #fff;}
.tdHr {border-bottom: solid 1px #ccc}

.leader {width: 110px}
.leaderDva {margin-top: 110px}

.border {padding: 7px; background: #f0f0f0; border: 1px solid #337152; margin-right: 10px}
.borderNewsImg {padding: 7px; background: #f0f0f0; border: 1px solid #337152; margin-right: 10px; margin-top: 10px;}

.gallery p {text-align: center;}

.menuLiTri  {margin: 0 0 10px 10px; color: #0a583b;}
.menuLiChe  {margin: 5px; color: #555; list-style-image: url(../img/dotBkgrAct3.png);}

.menuLiTri a {color: #1baa75; text-transform:uppercase; }
.menuLiChe a {color: #555; text-transform:lowercase;}

.menuLiTri :hover , .menuLiChe :hover { color: #f00;}

.MarkerMet {list-style-image: url(../img/dotBkgrAct2.png); list-style-position: inside!important; margin-bottom: 2px !important;}


.RAL {float: left; margin: 2px; width: auto;}
.RAL  td {border: solid 1px #000; padding: 5px 10px; text-align: center;}
.RAL  td span {margin: 0 5px 0 0;}



.themeBlock {position: relative; overflow: hidden;}

.themeBlock  h2{color: #f00; font: bold .9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: dashed 1px #999}
.themeItemContainer {margin: 0 0px;}
/*.themeItemContainer li {width: 250px;}*/
.themeItemContainer a { color: #fcfcfc !important;}
.themeItem {float: left; width: 250px; height: auto; margin: 10px 0px; font-size: 0.7em;}

.themeItem a:link,
.themeItem a:visited {padding: 2px 10px; background: #1baa75; color: #fff;}
.themeItem a:hover {background: #f00;}
.themeItem p {margin: 0; padding: 0;}
.themeItem p:last-child {margin-top: 15px; text-align: right;}
.themeBlockLeft, .themeBlockRight  {width: 30px; height: 30px; position: relative; margin: -55px 10px 0 10px; z-index: 20; cursor: pointer;}
.themeBlockLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.themeBlockRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}
.type2 .themeBlockLeft, .type2 .themeBlockRight  {width: 30px; height: 30px; position: relative; z-index: 20; cursor: pointer;}
.type2 .themeBlockLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.type2 .themeBlockRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}

.type2 .themeItem {width: 450px; background: url(../img/type2ItemBkgr.gif) top left no-repeat; margin: 10px 15px 10px 0; padding: 0 0 0 35px;}
.type2 .themeItemContainer {margin: 0;}

.carousel-content {
    list-style:none;
    width:inherit;
    margin:0;
    padding:0;
    position:relative;
    white-space:nowrap;
    
    -webkit-transition:left .4s cubic-bezier(.455,.03,.515,.955);
    -moz-transition:left .4s cubic-bezier(.455,.03,.515,.955);
    -o-transition:left .4s cubic-bezier(.455,.03,.515,.955);
    transition:left .4s cubic-bezier(.455,.03,.515,.955)
}
 .carousel-table-and-pc-item {
    display: inline-block;
    margin-right:15px;
    white-space: normal;
    width: inherit;
    vertical-align: middle;
    overflow:hidden;
	margin:20px auto
}


 .news-content {
	/*border: solid 1px blue;*/
    list-style-type:none;
    width:inherit;
    margin:0;
    padding:0;
    position:relative;
    white-space:nowrap;
	
   
    -webkit-transition:left .4s cubic-bezier(.455,.03,.515,.955);
    -moz-transition:left .4s cubic-bezier(.455,.03,.515,.955);
    -o-transition:left .4s cubic-bezier(.455,.03,.515,.955);
    transition:left .4s cubic-bezier(.455,.03,.515,.955)
}
 .news-item{
    display: inline-block;
    white-space: normal;
    width: inherit;
    vertical-align: middle;
    overflow: hidden;
	margin: 20px auto
}
/*RAL*/
.RAL1000  {background: #CEBA7B}
.RAL1002{background: #D6A263}
.RAL1007{background: #DE7108}
.RAL1016{background: #FFEB29}
.RAL1018{background: #FFD308}
.RAL1020{background: #9C825A}
.RAL1027{background: #946918}
.RAL1028{background: #FF8200}
.RAL2002{background: #CE2021}
.RAL2004{background: #F73010}
.RAL2012{background: #EF4D39}
.RAL3003{background: #A0141C}
.RAL3005{background: #520810}
.RAL3009{background: #631821}
.RAL3011{background: #8C1018}
.RAL3014{background: #E7696B}
.RAL3018{background: #F73839}
.RAL3020{background: #E72021}
.RAL4001{background: #845173}
.RAL4003{background: #DE517B}
.RAL4005{background: #7B598C}
.RAL4006{background: #A22052}
.RAL5001{background: #183852}
.RAL5002{background: #10286B}
.RAL5004{background: #181821}
.RAL5005{background: #09357B}
.RAL5007{background: #295984}
.RAL5008{background: #212831}
.RAL5012{background: #298ABD}
.RAL5015{background: #0071B5}
.RAL5017{background: #08498C}
.RAL5020{background: #103039}
.RAL5021{background: #086973}
.RAL6002{background: #184918}
.RAL6005{background: #315942}
.RAL6007{background: #394139}
.RAL6011{background: #4A694A}
.RAL6016{background: #005942}
.RAL6019{background: #9CC3A5}
.RAL6025{background: #527129}
.RAL7000{background: #6B7984}
.RAL7001{background: #849294}
.RAL7004{background: #8C8A8C}
.RAL7005{background: #52615A}
.RAL7006{background: #6B594A}
.RAL7008{background: #634929}
.RAL7010{background: #424942}
.RAL7016{background: #212831}
.RAL7022{background: #313031}
.RAL8001{background: #944D29}
.RAL8004{background: #8C3821}
.RAL8012{background: #5A1018}
.RAL8017{background: #211010}
.RAL8023{background: #A54129}
.RAL9001{background: #FFFBEF}
.RAL9002{background: #E7E3D6}
.RAL9003{background: #FFF}
.RAL9005{background: #000}
.RAL9006{background: #949294}
.RAL9007{background: #626967}
/*RAL*/

.vkontakte {float: left; z-index: 100; display: inline-block; position: relative; margin: 20px 0 0 0;}
.dotLine {margin: 10px 0; padding: 10px 0; border-bottom: dashed 1px #999}

.displayAction {text-align: center;}

@media only screen and (max-width: 1024px)
{
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
/*body {
    font-size: 0.8em;
    font-family: Verdana, Verdana, Geneva, sans-serif;
    color: #333;
	background: #fff url(../img/pageBkgr.gif) top center repeat-x;
}0f0*/

header, footer, nav, section, select {
    display: block;
}
div, table, ul, li  {margin: 0; padding: 0;}
img {border: none;}

a {outline: none;}

table {border: 0; border-collapse: collapse; border-spacing: 0;}

a:link {color: #000}
a:visited {color: #333} 
a :hover {color: #f00;}

.menuLiTri  {margin-bottom: 5px; margin-left: 15px;color: #0a583b;}
.menuLiChe  {margin-bottom: 5px; margin-left: 15px; color: #555555;}
.menuLiPya  {margin-bottom: 5px; margin-left: 15px; color: #555555;}

.menuLiTri a {margin-bottom: 5px; margin-left: 15px; color: #1baa75; text-transform:uppercase; }
.menuLiChe a {margin-bottom: 5px; margin-left: 15px; color: #555555; text-transform:lowercase;}
.menuLiPya a {margin-bottom: 5px; margin-left: 15px; color: #555555; text-transform:lowercase;}



.menuLiTri :hover { color: #ff0000;}
.menuLiChe :hover { color: #ff0000;}
.menuLiPya :hover { color: #ff0000;}

/*main width =from750 to1000px*/
header, .container,.mainBanner, .mainBannerPic, .mainBannerText, .empty, .mainBannerDots, .mainCatalog, .themeBlock  {width: 750px;}/*max-width: 1000px; min-*/
.copy, .footerText {width: 730px;}/*max-width: 980px; max-*/
.mainCatalog ul li {width: 350px;}
.footerText .leftPart, .footerText .rightPart {width: 350px;}
/*main width=from750 to1000px*/


header, footer {text-align: right; font-size: 0.8em; padding: 0 5px;}
header {height: 70px; margin: 0 auto; line-height: 70px;}
footer {position: relative; height: 310px; margin: -280px 0 0 0;  background: #bfbdbe url(../img/footerBkgr.gif) top left repeat-x;}
header, header a, .headerMenu a {color: #333}
header a:hover, .headerMenu a:hover {color: #f00} 
footer {color: #fff}
header a {margin: 0 5px 0 15px;}
header a  span {font-weight: bold;}
header a:link, header a:visited, footer a:link, footer a:visited {text-decoration: none}
header a:hover, footer  a:hover {text-decoration: underline;}
footer a {color: #8bfbff;}
.footerText  {margin: 0 auto; color: #333; text-align: left;}
.footerText .leftPart, .footerText .rightPart {float: left; margin: 10px 5px;}/* width: 350px;*/
/*.footerText .leftPart {display: block; border-right: solid 1px #8b8b8b}*/
.footerText .leftPart {display: block; width: 330px;}/* border-right: solid 1px #8b8b8b*/
.footerText .rightPart {display: block; width: 350px; padding-left: 20px; border-left: solid 1px #8b8b8b}
.footerText .leftPart div, .footerText .rightPart div {float: left; margin: 0 0 0 20px; font-size: 0.85em;}
.footerText .leftPart div, .footerText .rightPart div {float: left; margin: 0 0 0 20px; font-size: 0.85em;}
.footerText .leftPart div {width: 140px;}
.footerText .rightPart div {width: 130px}
.footerText .rightPart div:last-child {width: 170px}
.footerText .leftPart div a {margin: 10px 0; display: block;}
.footerText .leftPart div a, .footerText .rightPart div a {text-decoration: underline; color: #575757;}
.footerText .rightPart div span {font-weight: bold; display: block;}
.footerText .rightPart div p{margin: 5px 0 0 0; padding: 0;}
.footerText .rightPart div:last-child p  {margin: 5px 0 0 15px;}
.footerText .rightPart div p>span {font-weight: bold;}
.footerText .leftPart320 {display: none;}
.footerText .leftPart h2, .footerText .rightPart h2 {display: block; background: #c0c0c0; width: 100px; text-align: center; color: #000; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; line-height: 20px}

.headerMenu {display: block; float: right; text-transform: uppercase;}
.headerMenu320 {display: none;}
.headerMenuSecond320 {display: none;}

.search {clear: both; position: relative; width: 250px; height: 50px; background: transparent; text-align: center; z-index: 200; line-height: .8em; margin: 0 0 0 500px; padding: 0;}
.search table {width: 100%; height: 50px;}
.search table td {margin: 0; padding: 0 10px; text-align: center;}
.search table td:first-child {width: 100%}
.search table td a{margin: 0; padding: 0;}
.search table td input {width: 100%; height: 19px; font-size: .9em; border: solid 1px #0a583b;}
.stb-logo{width: 136px;position: relative;z-index: 100;top: -38px;}
.mainContainer {margin: 0 auto; padding: 0; position:relative; min-height:100%; height:auto !important; height:100%;}
.container {clear: both; margin: 0 auto;}

.mainBanner {clear: both; height: 180px;}

.logo-title {float: left; height: 70px;}
.logo-title  table td {height: 70px; text-transform: uppercase; color: #f00; font: bold 1.7em Arial, Arial, Helvetica, sans-serif; padding: 0 5px;}


.copy {clear: both; height: 40px; margin: 0 auto; font-size: 0.75em; text-align: right;}

.pageContent {clear: both; padding: 10px 5px;}

.s1 {font-size: 2em; font-weight: bold;}
.s2 {font-size: 1.6em;}

.empty {height: 280px;}
.break {clear: both;}

.mainBanner {display: block;}
.mainBannerPic {height: 180px; margin: 0 auto; background: #136942 url(../img/bannerPic001.jpg) top left no-repeat;}

.mainBannerText div{margin: 10px 40px;}
.mainBannerLeft, .mainBannerRight  {width: 30px; height: 30px; position: relative; margin: -45px 10px 0 10px; z-index: 20; cursor: pointer;}
.mainBannerLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.mainBannerRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}
.mainBannerDots, .amazingcarousel-nav {height: 40px; background: #fff url(../img/bannerShadow750.jpg) top center no-repeat; text-align: center;}
.dotsBlock {width: 80px; height: 20px; margin: 0 auto;}
.mainBannerDots .dot {float: left; width: 20px; height: 30px; background: url(../img/dotBkgr.png) bottom left no-repeat; cursor: pointer;}
.mainBannerDots .active {background-position: top left; cursor: pointer;}
.mbSecond, .mbSecond .mainBannerPic, .mbSecond .mainBannerPic2, .mbSecond .mainBannerPic3, .mbSecond .mainBannerPic4 {height: 130px;}

.mainCatalog {}
.mainCatalog ul {list-style-type: none; margin-left: -10px}
.mainCatalog ul li {float: left; height: /*20px*/auto; margin: 8px 5px; padding: 0 10px; background-color: #ccc; cursor: pointer; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right;}
.mainCatalog ul li:hover {background-color: #1baa75; color: #fff;}
.mcSecond {width: 290px;}
.mcSecond ul {margin-left: -0;}
.mcSecond ul li {width: 290px; margin: 8px 0;}

.catalogItem1 {background: url(../img/catalogPic001.jpg) top left no-repeat;}
.catalogItem1:hover {background: url(../img/catalogPic001-1.jpg) top left no-repeat;}
.catalogItem2 {background: url(../img/catalogPic002.jpg) top left no-repeat;}
.catalogItem2:hover {background: url(../img/catalogPic002-1.jpg) top left no-repeat;}
.catalogItem3 {background: url(../img/catalogPic003.jpg) top left no-repeat;}
.catalogItem3:hover {background: url(../img/catalogPic003-1.jpg) top left no-repeat;}
.catalogItem4 {background: url(../img/catalogPic004.jpg) top left no-repeat;}
.catalogItem4:hover {background: url(../img/catalogPic004-1.jpg) top left no-repeat;}
.catalogItem5 {background: url(../img/catalogPic005.jpg) top left no-repeat;}
.catalogItem5:hover {background: url(../img/catalogPic005-1.jpg) top left no-repeat;}
.catalogItem6 {background: url(../img/catalogPic006.jpg) top left no-repeat;}
.catalogItem6:hover {background: url(../img/catalogPic006-1.jpg) top left no-repeat;}
.catalogItem7 {background: url(../img/catalogPic007.jpg) top left no-repeat;}
.catalogItem7:hover {background: url(../img/catalogPic007-1.jpg) top left no-repeat;}
.catalogItem8 {background: url(../img/catalogPic008.jpg) top left no-repeat;}
.catalogItem8:hover {background: url(../img/catalogPic008-1.jpg) top left no-repeat;}
.catalogItem9 {background: url(../img/catalogPic009.jpg) top left no-repeat;}
.catalogItem9:hover {background: url(../img/catalogPic009-1.jpg) top left no-repeat;}
.catalogItem10 {background: url(../img/catalogPic010.jpg) top left no-repeat;}
.catalogItem10:hover {background: url(../img/catalogPic010-1.jpg) top left no-repeat;}
.catalogItem11 {background: url(../img/catalogPic011.jpg) top left no-repeat;}
.catalogItem11:hover {background: url(../img/catalogPic011.jpg) top left no-repeat;}
.catalogItem12 {background: url(../img/catalogPic012.jpg) top left no-repeat;}
.catalogItem12:hover {background: url(../img/catalogPic012-1.jpg) top left no-repeat;}
.catalogItem13 {background: url(../img/catalogPic013.jpg) top left no-repeat;}
.catalogItem13:hover {background: url(../img/catalogPic013-1.jpg) top left no-repeat;}

.pageText {font-size: 0.75em; margin-left: 5px;}
.pageText div {background: #e5e5e5; margin: 20px 0; padding: 20px; text-align: center; color: #f00;}
.pageTextName760 {margin:-30px 0 0 0;}



.themeBlock {margin: 0 0 20px 0;  overflow: hidden;}
.themeBlock  h2{color: #f00; font: bold .9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: dashed 1px #999}
.themeItemContainer {margin: 0 0px;}
.themeItem {float: left; width: 185px; height: auto; margin: 10px 25px; font-size: 0.7em;}
.themeItem a {padding: 2px 10px; background: #1baa75; color: #fff;}
.themeItem p {margin: 0; padding: 0;}
.themeItem p:last-child {margin-top: 15px; text-align: right;}
.themeBlockLeft, .themeBlockRight  {width: 30px; height: 30px; position: relative; margin: -55px 10px 0 10px; z-index: 20; cursor: pointer;}
.themeBlockLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.themeBlockRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}

.type2 .themeItem {width: 300px; background: url(../img/type2ItemBkgr.gif) top left no-repeat; margin: 10px 15px 10px 0; padding: 0 0 0 35px;}
.type2 .themeItemContainer {margin: 0;}

}

@media only screen and (max-width: 760px) 
{
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
/*body {
    font-size: 1em;
    font-family: Verdana, Verdana, Geneva, sans-serif;
    color: #333;
	background: #fff url(../img/pageBkgr.gif) top center repeat-x;
	
} 00F*/

header, footer, nav, section, select {
    display: block;
}
div, table, ul, li  {margin: 0; padding: 0;}
img {border: none;}

a {outline: none;}

table {border: 0; border-collapse: collapse; border-spacing: 0;}

a:link {color: #000}
a:visited {color: #333} 
a :hover {color: #f00;}

.LikeSekond {margin-top: 12px;}
.Like {   margin: 0px 0 -5px 0;}

.menuLiTri  {margin-bottom: 5px; margin-left: 15px;color: #0a583b;}
.menuLiChe  {margin-bottom: 5px; margin-left: 15px; color: #555555;}
.menuLiPya  {margin-bottom: 5px; margin-left: 15px; color: #555555;}

.menuLiTri a {margin-bottom: 5px; margin-left: 15px; color: #1baa75; text-transform:uppercase; }
.menuLiChe a {margin-bottom: 5px; margin-left: 15px; color: #555555; text-transform:lowercase;}
.menuLiPya a {margin-bottom: 5px; margin-left: 15px; color: #555555; text-transform:lowercase;}



.menuLiTri :hover { color: #ff0000;}
.menuLiChe :hover { color: #ff0000;}
.menuLiPya :hover { color: #ff0000;}


.type2 .themeItem {width: 450px; background: url(../img/type2ItemBkgr.gif) top left no-repeat; margin: 10px 15px 10px 0; padding: 0 0 0 35px;}
.type2 .themeItemContainer {margin: 0;}

/*main width =from320 to480px*/
footer {width: auto}
header, .container,.mainBanner, .mainBannerPic, .mainBannerText, .empty, .mainBannerDots, .mainCatalog, .search, .headerMenu, .themeBlock, .logo-title  {width: 500px;}/*max-width: 1000px; min-*/
.copy, .footerText {width: 480px;}/*max-width: 980px; max-*/
.mainCatalog ul li {width: 480px;}
.footerText .leftPart, .footerText .rightPart {width: 480px;}
/*main width=from320 to480px*/


header, footer {text-align: right; font-size: 0.8em; padding: 0 5px;}
header {margin: 0 auto;}
footer {position: relative; height: 350px; margin: -300px 0 0 0;  background: #bfbdbe url(../img/footerBkgr.gif) top left repeat-x;}
header, header a, .headerMenu a {color: #333}
header a:hover, .headerMenu a:hover {color: #f00} 
footer {color: #fff}
header a {margin: 0 5px 0 15px;}
header a  span {font-weight: bold;}
header a:link, header a:visited, footer a:link, footer a:visited {text-decoration: none}
header a:hover, footer  a:hover {text-decoration: underline;}
footer a {color: #8bfbff;}
.footerText  {margin: 0 auto; color: #333; text-align: left;}
.footerText .leftPart, .footerText .leftPart320, .footerText .rightPart {float: left; margin: 10px 0;}
.footerText .leftPart {text-transform: uppercase; text-align: center;}
.footerText .leftPart {display: none}
.footerText .rightPart {float: left; margin: 10px 5px; border: none;}
.footerText .rightPart div {float: left; margin: 0 0 0 20px; font-size: 0.85em;}
.footerText .rightPart div {width: 200px}
.footerText .rightPart div a {text-decoration: underline; color: #575757;}
.footerText .rightPart div span {font-weight: bold; display: block;}
.footerText .rightPart div p{margin: 5px 0 0 0; padding: 0;}
.footerText .rightPart div:last-child p  {margin: 5px 0 0 15px;}
.footerText .rightPart div p>span {font-weight: bold;}
.footerText .leftPart320 {display: block;}
.footerText .leftPart320 select {width: 280px;}
.footerText .leftPart h2, .footerText .rightPart h2 {display: block; background: #c0c0c0; width: 100px; text-align: center; color: #000; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; line-height: 20px}


.headerMenu {display: none}
.headerMenu320 {display: block ; clear: both; height: 25px; margin: 5px auto; z-index: 1000;position: relative;}
.headerMenu320 select {min-width: 300px; margin: 0 auto}
.headerMenuSecond320 {display: block; clear: both; height: 25px; margin: 90px 0 5px 0;}
.headerMenuSecond320 select {width: 500px;margin: 35px 0 0 0;}

.search {position: relative; width: auto; height: 50px; left: 0; top: 0; background: #1baa75; text-align: center; z-index: 200; line-height: .8em; margin: 0; padding: 0;}
.search table {width: 100%; height: 50px;}
.search table td {margin: 0; padding: 0 10px; text-align: center;}
.search table td:first-child {width: 100%}
.search table td a{margin: 0; padding: 0;}
.search table td input {width: 100%; height: 19px; font-size: .9em; border: solid 1px #0a583b;}
.stb-logo{top: -209px;}
.mainContainer {margin: 0 auto; padding: 0; position:relative; min-height:100%; height:auto !important; height:100%;}
.container {clear: both; margin-top: 30px;}
.pageTextTime div {font-size: .9em}

.mainBanner {clear: both; visibility:collapse; height: 0px;}
.mainBannerDots {clear: both; visibility:collapse; height: 0px;}
.logo-title {height: 70px}
.logo-title  table {margin: 0 auto;}
.logo-title  table td {height: 70px; text-transform: uppercase; color: #f00; font: bold 1.7em Arial, Arial, Helvetica, sans-serif; padding: 0 5px;}


.copy {clear: both; height: 40px; margin: 0 auto; font-size: 0.75em; text-align: right;}

.pageContent {clear: both; padding: 5px 0 0 0;}

.s1 {font-size: 2em; font-weight: bold;}
.s2 {font-size: 1.6em;}

.empty {height: 300px;}
.break {clear: both;}

.mainBanner {display: none;}

.dotsBlock {width: 80px; height: 20px; margin: 0 auto;}
.mainBannerDots .dot {float: left; width: 20px; height: 30px; background: url(../img/dotBkgr.png) bottom left no-repeat; cursor: pointer;}
.mainBannerDots .active {background-position: top left; cursor: pointer;}
 
.leftSubmenu {width: 450px;}
.SubmehuBgIm {width: 500px;}   

 
.mainCatalog {}
.mainCatalog ul {list-style-type: none; margin-left: -10px}
.mainCatalog ul li {float: left; height: /*20px*/ auto; margin: 8px 5px; padding: 0 10px; background-color: #ccc; cursor: pointer; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right;}
.mainCatalog ul li:hover {background-color: #1baa75; color: #fff;}
.mcSecond {width: 290px; display: none;}
.mcSecond ul {margin-left: -0;}
.mcSecond ul li {width: 475px; margin: 8px 0;}

.catalogItem1 {background: url(../img/catalogPic001.jpg) top left no-repeat;}
.catalogItem1:hover {background: url(../img/catalogPic001-1.jpg) top left no-repeat;}
.catalogItem2 {background: url(../img/catalogPic002.jpg) top left no-repeat;}
.catalogItem2:hover {background: url(../img/catalogPic002-1.jpg) top left no-repeat;}
.catalogItem3 {background: url(../img/catalogPic003.jpg) top left no-repeat;}
.catalogItem3:hover {background: url(../img/catalogPic003-1.jpg) top left no-repeat;}
.catalogItem4 {background: url(../img/catalogPic004.jpg) top left no-repeat;}
.catalogItem4:hover {background: url(../img/catalogPic004-1.jpg) top left no-repeat;}
.catalogItem5 {background: url(../img/catalogPic005.jpg) top left no-repeat;}
.catalogItem5:hover {background: url(../img/catalogPic005-1.jpg) top left no-repeat;}
.catalogItem6 {background: url(../img/catalogPic006.jpg) top left no-repeat;}
.catalogItem6:hover {background: url(../img/catalogPic006-1.jpg) top left no-repeat;}
.catalogItem7 {background: url(../img/catalogPic007.jpg) top left no-repeat;}
.catalogItem7:hover {background: url(../img/catalogPic007-1.jpg) top left no-repeat;}
.catalogItem8 {background: url(../img/catalogPic008.jpg) top left no-repeat;}
.catalogItem8:hover {background: url(../img/catalogPic008-1.jpg) top left no-repeat;}
.catalogItem9 {background: url(../img/catalogPic009.jpg) top left no-repeat;}
.catalogItem9:hover {background: url(../img/catalogPic009-1.jpg) top left no-repeat;}
.catalogItem10 {background: url(../img/catalogPic010.jpg) top left no-repeat;}
.catalogItem10:hover {background: url(../img/catalogPic010-1.jpg) top left no-repeat;}
.catalogItem12 {background: url(../img/catalogPic012.jpg) top left no-repeat;}
.catalogItem12:hover {background: url(../img/catalogPic012-1.jpg) top left no-repeat;}
.catalogItem13 {background: url(../img/catalogPic013.jpg) top left no-repeat;}
.catalogItem13:hover {background: url(../img/catalogPic013-1.jpg) top left no-repeat;}

.pageTextName760 { margin:0;}
.pageText {font-size: 0.75em;}
.pageText div {background: #e5e5e5; margin: 20px 0; padding: 20px; text-align: center; color: #f00;}
.ptSecond {margin: 0;}/* 260px 0 0 0*/
.ptSecondC {margin: 0;}
.ptSecondC ul {margin: 15px 25px;}

.leftContent{ width: 500px; }


.themeBlock {margin: 0 0 20px 0;}
.themeBlock  h2{color: #f00; font: bold .9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: dashed 1px #999}
.themeItemContainer {margin: 0 0px;}
.themeItem {float: left; width: 215px; height: auto; margin: 10px 25px; font-size: 0.7em;}
.themeItem a {padding: 2px 10px; background: #1baa75; color: #fff;}
.themeItem p {margin: 0; padding: 0;}
.themeItem p:last-child {margin-top: 15px; text-align: right;}
.themeBlockLeft, .themeBlockRight  {width: 30px; height: 30px; position: relative; margin: -55px 10px 0 10px; z-index: 20; cursor: pointer;}
.themeBlockLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.themeBlockRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}

.vkontakte {float: left; z-index: 100; display: inline-block; position: relative; margin: 0 0 5px 0;}
}
@media only screen and (max-width: 480px) 
{
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
/*body {
    font-size: 0.6em;
    font-family: Verdana, Verdana, Geneva, sans-serif;
    color: #333;
	background: #fff url(../img/pageBkgr.gif) top center repeat-x;
} f00*/

header, footer, nav, section, select {
    display: block;
}
div, table, ul, li, img, a>img  {margin: 0; padding: 0;}
img, a>img {border: none;}

a {outline: none;}

table {border: 0; border-collapse: collapse; border-spacing: 0;}

a:link {color: #000}
a:visited {color: #333} 
a :hover {color: #f60a0a;}

.LikeSekond {width: 300px; float: left; margin-top: 0;}
.Like {margin: 58px 0 -10px 0;}

.menuLiTri  {margin-bottom: 5px; margin-left: 15px;color: #0a583b;}
.menuLiChe  {margin-bottom: 5px; margin-left: 15px; color: #555555;}
.menuLiPya  {margin-bottom: 5px; margin-left: 15px; color: #555555;}

.menuLiTri a {margin-bottom: 5px; margin-left: 15px; color: #1baa75; text-transform:uppercase; }
.menuLiChe a {margin-bottom: 5px; margin-left: 15px; color: #555555; text-transform:lowercase;}
.menuLiPya a {margin-bottom: 5px; margin-left: 15px; color: #555555; text-transform:lowercase;}


.menuLiTri :hover,
.menuLiChe :hover,
.menuLiPya :hover {color: #f00;}

/*main width =from320 to480px*/
footer {width: auto}
header, .container,.mainBanner, .mainBannerPic, .mainBannerText, .empty, .mainBannerDots, .mainCatalog, .search, .headerMenu, .themeBlock, .logo-title  {width: 300px;}/*max-width: 1000px; min-*/
.copy, .footerText {width: 280px;}/*max-width: 980px; max-*/
.mainCatalog ul li {max-width: 280px;}
.footerText .leftPart, .footerText .rightPart {width: 280px;}
/*main width=from320 to480px*/


header, footer {text-align: right; font-size: 0.8em; padding: 0 5px;}
header {margin: 0 auto;}
footer {position: relative; height: 510px; margin: -480px 0 0 0;  background: #bfbdbe url(../img/footerBkgr.gif) top left repeat-x;}
header, header a, .headerMenu a {color: #333}
header a:hover, .headerMenu a:hover {color: #f00} 
footer {color: #fff}
header a {margin: 0 5px 0 15px;}
header a  span {font-weight: bold;}
header a:link, header a:visited, footer a:link, footer a:visited {text-decoration: none}
header a:hover, footer  a:hover {text-decoration: underline;}
footer a {color: #8bfbff;}
.footerText  {margin: 0 auto; color: #333; text-align: left;}
.footerText .leftPart320{float: left; margin: 10px 0;}
.footerText .leftPart {display: none}
.footerText .rightPart {float: left; margin: 10px 5px; border: none;}
.footerText .rightPart div {float: left; margin: 0 0 0 20px; font-size: 0.85em;}
.footerText .rightPart div {width: 200px}
.footerText .rightPart div a {text-decoration: underline; color: #575757;}
.footerText .rightPart div span {font-weight: bold; display: block;}
.footerText .rightPart div p{margin: 5px 0 0 0; padding: 0;}
.footerText .rightPart div:last-child {margin: 10px 0 0 20px;}
.footerText .rightPart div:last-child p  {margin: 5px 0 0 15px;}
.footerText .rightPart div p>span {font-weight: bold;}
.footerText .leftPart320 {display: block;}
.footerText .leftPart320 select {width: 280px;}
.footerText .leftPart h2, .footerText .rightPart h2 {display: block; background: #c0c0c0; width: 100px; text-align: center; color: #000; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; line-height: 20px}


.headerMenu {display: none}
.headerMenu320 {display: block; clear: both; height: 25px; margin: 5px auto; z-index: 1000;position: relative;}
.headerMenu320 select {width: 300px;}
.headerMenuSecond320 {display: block; clear: both; height: 25px;margin: 90px 0 5px 0;}
.headerMenuSecond320 select {width: 300px;margin: 35px 0 0 0;}

.mainContainer {margin: 0 auto; padding: 0; position:relative; min-height:100%; height:auto !important; height:100%;}
.container {clear: both; }
.pageTextTime div {font-size: .8em}

.mainBanner {clear: both; visibility:collapse; height: 0px;}
.mainBannerDots {clear: both; visibility:collapse; height: 0px;}
.logo-title {height: 70px}
.logo-title  table {margin: 0 auto;}
.logo-title  table td {height: 70px; text-transform: uppercase; color: #f00; font: bold 1.7em Arial, Arial, Helvetica, sans-serif; padding: 0 5px;}

.banner10 {background-position: -200px 0;}
.banner10 p {font-size: 1.2em;}
.banner10 span {font-size: .7em;}	

.copy {clear: both; height: 40px; margin: 0 auto; font-size: 0.75em; text-align: right;}

.pageContent {clear: both; padding: 7px 0 0 0;}

.s1 {font-size: 2em; font-weight: bold;}
.s2 {font-size: 1.6em;}

.empty {height: 480px;}
.break {clear: both;}

.mainBanner {display: none;}

.banner08 p {text-align: left; font: bold 1.25em Arial, Arial, Helvetica, sans-serif; color: #c50; text-shadow: 2px 2px 1px #fff; filter: Shadow(Color=#ffffff, Direction=45, Strength=4);}
.banner08 span {font: italic .75em Arial, Arial, Helvetica, sans-serif; color: #4660A3; margin: 20px 0 0 0;}

.dotsBlock {width: 80px; height: 20px; margin: 0 auto;}
.mainBannerDots .dot {float: left; width: 20px; height: 30px; background: url(../img/dotBkgr.png) bottom left no-repeat; cursor: pointer;}
.mainBannerDots .active {background-position: top left; cursor: pointer;}

.leftSubmenu {width: 250px;}

.mainCatalog {}
.mainCatalog ul {list-style-type: none; margin-left: -10px}
.mainCatalog ul li {float: left; height: /*20px*/ auto; margin: 8px 5px; padding: 0 10px; background-color: #ccc; cursor: pointer; font: bold 0.9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right;}
.mainCatalog ul li:hover {background-color: #1baa75; color: #fff;}
.mcSecond {width: 290px; display: none;}
.mcSecond ul {margin-left: -0;}
.mcSecond ul li {width: 290px; margin: 8px 0;}

.catalogItem1 {background: url(../img/catalogPic001.jpg) top left no-repeat;}
.catalogItem1:hover {background: url(../img/catalogPic001-1.jpg) top left no-repeat;}
.catalogItem2 {background: url(../img/catalogPic002.jpg) top left no-repeat;}
.catalogItem2:hover {background: url(../img/catalogPic002-1.jpg) top left no-repeat;}
.catalogItem3 {background: url(../img/catalogPic003.jpg) top left no-repeat;}
.catalogItem3:hover {background: url(../img/catalogPic003-1.jpg) top left no-repeat;}
.catalogItem4 {background: url(../img/catalogPic004.jpg) top left no-repeat;}
.catalogItem4:hover {background: url(../img/catalogPic004-1.jpg) top left no-repeat;}
.catalogItem5 {background: url(../img/catalogPic005.jpg) top left no-repeat;}
.catalogItem5:hover {background: url(../img/catalogPic005-1.jpg) top left no-repeat;}
.catalogItem6 {background: url(../img/catalogPic006.jpg) top left no-repeat;}
.catalogItem6:hover {background: url(../img/catalogPic006-1.jpg) top left no-repeat;}
.catalogItem7 {background: url(../img/catalogPic007.jpg) top left no-repeat;}
.catalogItem7:hover {background: url(../img/catalogPic007-1.jpg) top left no-repeat;}
.catalogItem8 {background: url(../img/catalogPic008.jpg) top left no-repeat;}
.catalogItem8:hover {background: url(../img/catalogPic008-1.jpg) top left no-repeat;}
.catalogItem9 {background: url(../img/catalogPic009.jpg) top left no-repeat;}
.catalogItem9:hover {background: url(../img/catalogPic009-1.jpg) top left no-repeat;}
.catalogItem10 {background: url(../img/catalogPic010.jpg) top left no-repeat;}
.catalogItem10:hover {background: url(../img/catalogPic010-1.jpg) top left no-repeat;}
.catalogItem12 {background: url(../img/catalogPic012.jpg) top left no-repeat;}
.catalogItem12:hover {background: url(../img/catalogPic012-1.jpg) top left no-repeat;}
.catalogItem13 {background: url(../img/catalogPic013.jpg) top left no-repeat;}
.catalogItem13:hover {background: url(../img/catalogPic013-1.jpg) top left no-repeat;}

.pageText {font-size: 0.75em;}
.pageText div {background: #e5e5e5; margin: 20px 0; padding: 20px; text-align: center; color: #f00;}
.pageTextName { margin: 0 0 0 0;}

.okna {width: 300px;}
.okna td {font-size: 0.7em}

.ptSecond {margin: 0;}
.ptSecond ul{ margin: 0px 0 30px 20px;}
.ptSecondC {margin: 0;}
.ptSecondC ul{ margin: 0px 0 30px 20px;}

.ptNews { margin: 0px 0 40px 0px;}
.ptContacts { margin: 0px 0 60px 0px}

.leftContent{ width: 300px; }

.search {position: relative; width: auto; height: 50px; left: 0; top: 0; background: #1baa75; text-align: center; z-index: 200; line-height: .8em; margin: 0; padding: 0;}
.search table {width: 100%; height: 50px;}
.search table td {margin: 0; padding: 0 10px; text-align: center;}
.search table td:first-child {width: 100%}
.search table td a{margin: 0; padding: 0;}
.search table td input {width: 100%; height: 19px; font-size: .9em; border: solid 1px #075639;}



.themeBlock {margin: 0 0 20px 0;}
.themeBlock  h2{color: #f00; font: bold .9em Arial, Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom: dashed 1px #999}
.themeItemContainer {margin: 0 0px;}
.themeItem {float: left; width: 215px; height: auto; margin: 10px 25px; font-size: 0.7em;}
.themeItem a {padding: 2px 10px; background: #1baa75; color: #fff;}
.themeItem p {margin: 0; padding: 0;}
.themeItem p:last-child {margin-top: 15px; text-align: right;}
.themeBlockLeft, .themeBlockRight  {width: 30px; height: 30px; position: relative; margin: -55px 10px 0 10px; z-index: 20; cursor: pointer;}
.themeBlockLeft {float: left; background: transparent url(../img/goLeft.png) top center no-repeat;}
.themeBlockRight {float: right; width: 20px; height: 15px; background: transparent url(../img/goRight.png) top center no-repeat;}

.type2 .themeItem {width: 250px; background: url(../img/type2ItemBkgr.gif) top left no-repeat; margin: 10px 15px 10px 0; padding: 0 0 0 35px;}
.type2 .themeItemContainer {margin: 0;}

.vkontakte {float: left; z-index: 100; display: inline-block; position: relative; margin: 0 0 5px 0;}
.banner08 p {font: bold 1.1em Arial, Arial, Helvetica, sans-serif;}
}

.MenuActive {font-weight:bold !important;}

.newsO {padding: 2px 10px;
background: #1baa75;
color: #fff !important;}
.newsO:hover {background: #f00000;}
.f1234  {margin-top: 25px;}
.divAudio{
position: relative;
top: -10px;
margin-bottom: -40px;
cursor: pointer;
}
.hide{
display: none;
}
.tableResult{
width: 100%;
}