html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Tahoma; }

img { border: 0; }

#comm { width: 1200px; min-height: 100%; display: table; margin: 0 auto; }
#comm * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }


#header.inner { position: fixed; background: #fff; z-index: 100; width: inherit;}
#header { display: table; width: 100%; padding: 10px 0; }
#header .logo { margin: 5px 0; width: 220px; height: 57px; background: url(../images/logo-uni.png) center center no-repeat; display: table; float: left; }
#header .logo-rossi { width: 300px; height: 71px; background: url(../images/logo2.png) center center no-repeat; display: table; float: left; }
#header .phone-button { display: table; float: right; }
#header .phone-button .phone { text-align: center; display: table; color: #268188; font-size: 22px; }
#header .phone-button .phone span { font-size: 16px; color:#ccc; }
#header .phone-button div.button { margin: 5px auto 0; display: table; border-top: 1px solid #ccc; padding-top: 5px; }
#header .phone-button div.button a { text-decoration: none; cursor: pointer; float: left; margin: 0 5px; border-radius: 3px; color: #fff; padding: 5px 15px;   
	background: -webkit-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
    background: -moz-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
    background: -o-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
    background: -ms-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
    background: linear-gradient(0deg, #1b5b69 0%, #3a8da0 100%); }
#header .phone-button .button a:hover { 
	background: -webkit-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
    background: -moz-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
    background: -o-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
    background: -ms-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
    background: linear-gradient(180deg, #1b5b69 0%, #3a8da0 100%);
}

#bunners { width: 100%; height: 300px; margin: 10px auto 0; position: relative; }
#bunners div { width: 100%; height: 300px; border-radius: 5px 5px 0 0; position: absolute; display: none;}
#bunners div:nth-child(1) { background: url(../images/bunners/1.png) center center / cover no-repeat; display: block; }
#bunners div:nth-child(2) { background: url(../images/bunners/2.png) center center / cover no-repeat;}
#bunners div:nth-child(3) { background: url(../images/bunners/3.png) center center / cover no-repeat;}
#bunners div:nth-child(4) { background: url(../images/bunners/4.png) center center / cover no-repeat;}
#bunners div:nth-child(5) { background: url(../images/bunners/5.png) center center / cover no-repeat;}
#bunners div:nth-child(6) { background: url(../images/bunners/6.png) center center / cover no-repeat;}
#bunners div:nth-child(7) { background: url(../images/bunners/7.png) center center / cover no-repeat;}
#bunners div:nth-child(8) { background: url(../images/bunners/8.png) center center / cover no-repeat;}

#bunners + #nav { border-radius: 0 0 5px 5px; }

#nav { display: table; width: 100%; padding: 3px;  border-radius: 5px;
	background: -webkit-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: -moz-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: -o-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: -ms-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: linear-gradient(0deg, #124b57 0%, #3f94a8 100%);
}
#nav.inner { position: fixed; width: inherit; top: 87px;  z-index: 100;}
#nav ul { list-style: none; margin:3px auto; padding: 0; display: table; }
#nav ul li { margin: 0; padding: 0; float: left; display: table;}
#nav ul li a { border-radius: 3px; display: table-cell; padding: 0 15px; text-align: center; vertical-align: middle; height: 30px; text-decoration: none; color: #fff; font-size: 16px; }
#nav ul li a:hover { background: -webkit-linear-gradient(0deg, #124b57 0%, #3f94a8 100%);
    background: -moz-linear-gradient(-90deg, #124b57 0%, #3f94a8 100%);
    background: -o-linear-gradient(-90deg, #124b57 0%, #3f94a8 100%);
    background: -ms-linear-gradient(-90deg, #124b57 0%, #3f94a8 100%);
    background: linear-gradient(180deg, #124b57 0%, #3f94a8 100%); }
#nav ul li ul { display: none; }
    
#cat-content { display: table; width: 100%; }
#cat-content > .cat { display: table; width: 320px; padding: 10px; margin: 0; float: left; }
#cat-content > .cat li { display: table; width: 100%; margin: 0; padding: 5px 0; }
#cat-content > .cat > li > a { font-size: 18px; color: #124b57; text-decoration: none; font-weight: bold; }
#cat-content > .cat li a:hover { text-decoration: underline; }
#cat-content > .cat li a.active { color: red; }
#cat-content > .cat > li ul { padding: 0px 0 0px 10px; margin: 0; }
#cat-content > .cat > li > ul > li > a { color: #000; text-decoration: none; font-size: 16px; }
#cat-content > .cat > li > ul > li > ul > li > a { color: #323232; text-decoration: none; font-size: 14px; }
#cat-content > .cat > li > ul > li > ul > li > ul > li > a { color: #000; text-decoration: none; font-size: 12px; }

#cat-content .content { float: left; width: 880px; padding-left: 30px; }
#cat-content .content h1 { margin: 0 0 10px 0; font-size: 28px; }

#cat-content .content img { max-width: 880px !important; }
.MsoNormalTable { width: 100%; }

#cat-content .content input[type="text"], #cat-content .content input[type="email"]{ border: 1px solid #ccc; width: 200px; height: 32px; border-radius: 5px;  }
#cat-content .content textarea{ border: 1px solid #ccc; width: 200px; height: 150px; border-radius: 5px;  }

#cat-content .content input[type="submit"] { border: 0; width: 200px; height: 32px; border-radius: 5px; color: #fff;
	background: -webkit-linear-gradient(90deg, #124b57 0%, #3f94a8 100%); 
    background: -moz-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: -o-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: -ms-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
    background: linear-gradient(0deg, #124b57 0%, #3f94a8 100%); }


.catalog {
  display: table;
}
.catalog a{ float: left; border: 1px dashed #ccc; margin: 10px 10px 50px 10px; width: 190px; height: 180px; position: relative; display: block; text-decoration: none; padding: 5px 0; }

.catalog a img { width: 160px; max-height: 160px !important; display: table; margin: 0 auto; }
.catalog a > span {
  background: -webkit-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
  background: -moz-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
  background: -o-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
  background: -ms-linear-gradient(90deg, #124b57 0%, #3f94a8 100%);
  background: linear-gradient(0deg, #124b57 0%, #3f94a8 100%);
  border-radius: 4px;
  color: white;
  display: table;
  font-size: 13px;
  font-weight: 500;
  height: 50px;
  padding: 0;
  width: 160px;
  margin: 0 auto;
  position: absolute;
  z-index:2;
  bottom: -44px;
  left: 14px;  
  text-align: center;
}
.catalog a > span > span { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; }

.box2 img { max-width: 764px; }

.leftBlcokGood { display: table; float: left; width: 58%; }
	.imageGood { display: table; width: 100%; margin-bottom: 20px; }
	.imageGood img { display: table; margin: 0 auto; width: 300px; }
	.buttonBlue { width: 100%; color: #fff !important; display: block; text-align: center; text-decoration: none; cursor: pointer; float: left; margin: 10px 0 0 0; border-radius: 3px; color: #fff; padding: 5px 15px;   
					background: -webkit-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
				    background: -moz-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
				    background: -o-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
				    background: -ms-linear-gradient(90deg, #1b5b69 0%, #3a8da0 100%);
				    background: linear-gradient(0deg, #1b5b69 0%, #3a8da0 100%); }
	.buttonBlue:hover { 
					background: -webkit-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
				    background: -moz-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
				    background: -o-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
				    background: -ms-linear-gradient(-90deg, #1b5b69 0%, #3a8da0 100%);
				    background: linear-gradient(180deg, #1b5b69 0%, #3a8da0 100%);
	}
.rightBlockGood { display: block; padding-left: 20px; position: relative; float: left; width: 178px; height: 399px; }
.rightBlockGood .title { border: 1px solid #ccc; padding: 3px 5px; width: 152px; text-align: center; }
.rightBlockGood .items {  position: relative; border-left: 1px solid #ccc;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; }
.rightBlockGood .items div { border-top: 1px solid #ccc; width: 150px; padding: 3px 5px; text-align: center; }
.rightBlockGood .items div:first-child { border-top: 0; }

#pastPageTpl { display: table; }

.flexbox-parent {
    display: -webkit-flex;
    display: flex;
    overflow: auto;
    width: 152px;    
    height: 371px;
    
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
}

.flexbox-parent > div {
    overflow: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-self: auto;
    align-self: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

table.ispolnenie { border-collapse: collapse; height: 391px; }
table.ispolnenie td { border: 1px solid #ccc; text-align: center; padding: 3px 5px; }


#tree { color: #000; font-size: 12px; display: table; width: 100%; padding-top: 10px; opacity: 0.7; }
#tree a { color: #124b57; font-size: 12px; }
    
#map { width: 100%; height: 300px; border-top: 3px solid #124b57; }

#footer { background: #124b57; color: #fff; font-size: 14px; }
#footer div { width: 1200px; margin: 0 auto; padding: 5px 0; }