BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 18px;
color: #483526;
background-image: url('./img/bg1.jpg');
background-repeat: repeat;
text-align: center;
margin: 0px;
}

.maintext
{
font-size: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.textdivmain  UL
{
font-size: 30px;
list-style-image: url(./img/checked.png);
margin-left: 15px;
margin-top: -30px;
}

.textdivmain
{
text-align: justify;
width: 900px;
/* background-image: url('./img/textblock.png'); */
background-image: url('./img/menu_s.png');
background-repeat: repeat;
margin: auto;
margin-bottom: 20px;
}

.textdivmain P
{
padding: 20px;
}



.formavvoda
{
width: 800px;
background-color: #E3C9A6;
margin-left: 20px;
padding: 20px;
/* font-size: 20px; */
font-size: 18px;
margin: auto;
}

.formavvoda TD
{
}

.namecalctext
{
width: 420px;
}

.calc
{
margin-top: 6px;
float: left;
margin-left: 20px;
margin-right: 10px;
}

.calcdiv
{
display: inline-block;
margin-left: 20px;
background-color: #4A3427;
width: 415px;
height: 100px;
text-align: left;
margin-bottom: -20px;
}

.calcdiv:HOVER
{
background-color: #776860;
}

.calcdiv2
{
display: inline-block;
margin-left: 20px;
background-color: #4A3427;
width: 854px;
height: 100px;
text-align: left;
margin-bottom: -20px;
}

.calcdiv2:HOVER
{
background-color: #776860;
}

.big
{
font-size: 40px;
padding-bottom: -20px;
}

/* ќсновное поле */

.textblockmain
{
background-image: url('./img/darkline.png');
background-repeat: repeat;
margin: auto;
width: 900px;
height: 500px;
margin-top: 40px;
}

.textblockmain P
{
color: #fff;
font-size: 40px;
text-align: left;
padding: 40px;
margin: 0px;
padding-bottom: 0px;
}

.urllink
{
color: #483526;
}

.pics
{
/* float: left; */
padding-bottom: 10px;
padding-right: 20px;
padding-top: 10px;
}

.logotd
{
padding-top: 70px;
}

.center
{
text-align: center;
}

.b
{
border: solid 1px black;
}

.bold
{
font-weight: bold;
}

.divbody
{
background-image: url('./img/menu_s.png');
background-repeat: repeat;
width: 1200px;
margin: auto;
text-align: justify;
margin-top: 24px;
padding-top: 10px;
}

.divbody P
{
padding-left: 20px;
padding-right: 20px;
}

.vakansiidiv
{
width: 1200px;
margin: auto;
margin-top: 24px;
text-align: left;
}

.vakansiidiv P
{
padding: 20px;
}

.vakansiitable
{
width: 290px;
/* height: 400px; */
background-image: url('./img/menu_s.png');
background-repeat: repeat;
font-size: 20px;
margin-bottom: 20px;
text-align: center;
margin: 4px;
margin-bottom: 20px;
display: inline-table;
}

.footerurl
{
display: block;
height: 100%;
width: 100%;
}

.divbody2
{
background-image: url('./img/menu_s.png');
background-repeat: repeat;
width: 900px;
margin: auto;
text-align: justify;
margin-top: 24px;
}

.divbody2 P
{
padding: 20px;
}



.orderdiv
{
/* background-image: url('./img/wall.png');
background-repeat: repeat; */
width: 1200px;
height: 100px;
margin: auto;
}

.portfoliosmall
{
background-image: url('./img/wall.png');
background-repeat: repeat;
min-width: 1200px;
width: 100%;
/* height: 330px; */
margin: auto;
padding-bottom: 40px;
padding-top:40px;
}

.nameportmini
{
padding-left: 10px;
padding-right: 10px;
margin: 10px 0px;
margin-bottom: 0px;
text-align: center;
}

.portmini
{
width: 1200px;
margin: auto;
text-align: justify;
}

.minipicport
{
/* width: 270px; */
width: 270px;
height: 200px;
margin: auto;
margin-left: 10px;
}

.wallback
{
margin-top: 10px;
background-image: url('./img/menu_s.png');
background-repeat: repeat;
width: 295px;
padding-bottom: 10px;
padding-top: 10px;
display: inline-block;
vertical-align:top;
}

.tablenews
{
width: 100%;
padding: 20px;
font-size: 18px;
box-sizing:border-box;
}

.newspic
{
width: 300px;
height: 100px;
overflow: hidden;
vertical-align: top;
padding-top: 10px;
}

.readmore
{
color: #483526;
}

.newstext
{
text-align: justify;
display:inline-block;
vertical-align:middle;
max-width:850px;
}

.gallery
{
text-align: justify;
padding-left: 20px;
padding-bottom: 20px;
margin-top: 30px;
}

.namenews
{
font-weight: bold;
padding-left: 20px;
font-size: 24px;
}

.morenews
{
vertical-align: top;
text-align: justify;
}
.mainpicnews
{
box-shadow: 0 0 5px #505050;
border: none;
}

.mainpicnews1
{
float: left;
margin-right: 20px;
box-shadow: 0 0 5px #505050;
border: none;
}

/* таблица шапки */
.headerbg
{
left: 0px;
top: 30px;
width: 100%;
min-width: 1000px;
height: 220px;
background-image: url('./img/header.png');
background-repeat: repeat-x;
position: absolute;
z-index: 2;
}

.headerwhite
{
position: absolute;
left: 0px;
width: 100%;
min-width: 1000px;
height: 30px;
background-color: #B52323;
text-align: center;
color: #A42B10;
font-size: 14px;
padding-top: 10px;
vertical-align: bottom;
z-index: 4;
}

.adress
{
width: 1000px;
margin: auto;
text-align: left;
}

.musicbutton
{
text-align: left;
position: absolute;
z-index: 10;
opacity: 0.3;
}

.musicbutton:HOVER
{
text-align: left;
position: absolute;
z-index: 10;
opacity: 1;
}

.toptexttable
{
width: 100%;
}



.lefttexttop
{
color: #fff;
padding-left: 0px;
text-align: left;
}

.righttexttop
{
color: #fff;
padding-left: 0px;
text-align: right;
}

.toptext
{
position: relative;
width: 1000px;
margin: auto;
text-align: left;
color: #A42B10;
font-size: 14px;
border: solid 1px black;

}

.bg2
{
position: absolute;
top: 462px;
background-image: url('./img/bg2.jpg');
background-repeat: repeat; 
width: 100%;
height: 100%;
}

.phones
{
font-size: 22px;
color: #505050;
text-align: left;
}

.urls
{
text-decoration: none;
color: #483526;
border-bottom: dashed 1px #483526;
}


.url:HOVER
{
text-decoration: none;
color: inherit;
border-bottom: dashed 1px;
}

.dashed
{
border-bottom: dashed 1px;
}

.urls:HOVER
{
text-decoration: none;
color: #fff;
border-bottom: dashed 1px #fff;

}

.maintab
{
height: 250px;
width: 100%;
vertical-align: top;
}

.header
{
position: relative;
margin: auto;
width: 1000px;
height: 200px;
text-align: center;
z-index: 6;
}

.mainpic
{
float: right;
background-color: #B52323;
padding: 5px;
box-shadow: 0 0 10px #909090;
margin-right: 20px;
margin-left: 20px;
}

.video
{
width: 450px;
height: 253px;
padding: 5px;
background-color: #B52323;
margin-right: 10px;
margin-left: 10px;
box-shadow: 0 0 10px #909090;
}

.teplopaketpic
{
margin-right: 20px;
margin-left: 20px;
float: right;
background-color: #B52323;
padding: 5px;
box-shadow: 0 0 10px #909090;
}

.colors
{
background-color: #B52323;
padding: 5px;
box-shadow: 0 0 10px #909090;
margin: 10px;
}

.promopic
{
background-color: #B52323;
padding: 5px;
box-shadow: 0 0 10px #909090;
margin-right: 20px;
}

.map
{
text-align: center;
border: solid 5px #4A3427;
padding-right: 2px;
margin: 20px;
margin-bottom: 0px;
}

.snowtable
{
width: 100%;
}

.leftsnow
{
text-align: left;
}

.logoimg
{
border: none;
margin-top: 90px;
}

.rightsnow
{
text-align: right;
}

.space
{
width: 1000px;
background-color: #909090;
display: inline;
}

.mainbody
{

}

.headerdiv
{
min-width: 1200px;
width: 100%;
height: 350px;
background-image: url('./img/arc.jpg');
background-position: center bottom;
position:relative;
}

.tableform
{
width: 1200px;
margin: auto;
font-size: 26px;
border-collapse: collapse;
margin-top: 10px;
}

.headertable
{
margin: auto;
width: 1200px;
height: 421px;
}

.headertable TD
{
vertical-align: top;
}

.bodytext
{
min-width: 1200px;
width: 100%;
background-image: url('./img/wall.png');
background-repeat: repeat;
margin: auto;
padding-bottom: 20px;
}

.polosa
{
width: 100%;
height: 30px;
background-image: url('./img/darkline.png');
background-repeat: repeat;
/* margin-top: -30px; */
}

.polosa2
{
width: 100%;
height: 30px;
background-image: url('./img/darkline.png');
background-repeat: repeat;
/* margin-bottom: -30px; */
}

.polosa4
{
width: 100%;
height: 30px;
background-image: url('./img/darkline.png');
background-repeat: repeat;
position: absolute;
bottom: 0px;
}

.polosa3
{
width: 100%;
height: 30px;
background-image: url('./img/darkline.png');
background-repeat: repeat;
margin-top: -30px;
}

.wall
{
min-width: 1200px;
width: 100%;
height: 75px;
background-image: url('./img/wall.png');
background-repeat: repeat;
padding-top: 6px;
}

.wall2
{
min-width: 1200px;
width: 100%;
height: 230px;
background-image: url('./img/wall.png');
background-repeat: repeat;
}

.wall3
{
min-width: 1200px;
width: 100%;
background-image: url('./img/wall.png');
background-repeat: repeat;
}

.contdiv
{
width: 100%;
height: 1000px;
/* background-image: url('./img/continental.jpg'); */
/* background-image: url('./img/raboty.jpg'); */
background-image: url('./img/mainpic.jpg');
background-repeat: no-repeat;
background-position: center;
/* background-size: cover; */
}

.pokoldiv
{
width: 100%;
height: 1080px;
background-image: url('./img/mainphoto/1080_pics.jpg');
background-repeat: no-repeat;
background-position: center;
position: relative;
/* background-size: cover; */
}

.urlpicture
{
width: 1200px;
height: 900px;
margin: auto;
position: relative;
}

.urlpic1
{
position: absolute;
left: 500px;
top: 120px;
}

.urlpic2
{
position: absolute;
left: 390px;
top: 435px;
}

.urlpic3
{
position: absolute;
right: 66px;
top: 170px;
}

.urlpic4
{
position: absolute;
right: 220px;
top: 545px;
}

.urlpic5
{
position: absolute;
left: 50px;
top: 110px;
}

.urldiv
{
height: 175px;
width: 175px;
}

.textdiv
{
text-align: justify;
width: 900px;
/* background-image: url('./img/textblock.png'); */
background-image: url('./img/menu_s.png');
background-repeat: repeat;
margin: auto;
margin-bottom: 20px;
}

.textdiv P
{
padding: 20px;
}

.textdiv2
{
text-align: justify;
width: 900px;
background-image: url('./img/menu_s.png');
background-repeat: repeat;
margin: auto;
}

.textdiv2 P
{
padding: 20px;
}

.spisok
{
margin: 0px;
}

.footerdiv
{
min-width: 1200px;
width: 100%;

background-image: url('./img/footer.jpg');
background-repeat: repeat;
}

.logo1
{
border: solid 0px black;
text-align: left;
border: solid 1px black;
}

.logo2
{
border: solid 1px black;
}

.logo3
{
text-align: right;
border: solid 1px black;
}

/* таблица футера */
.footer
{
width: 1200px;
text-align: center;
margin: auto;
padding-top: 20px;
}

.footer TD
{
vertical-align: top;
}

.footer1
{
color: #FFFFFF;
text-align: left;
font-size: 26px;
display:inline-block;
vertical-align:top;
width:600px;
}

.footer2
{

}

.footername
{
font-size: 18px;
font-weight: bold;
}

.footernumber
{
width: 1000px;
color: #BD380F;
margin: auto;

}

.footer3
{
text-align: right;
display:inline-block;
vertical-align:top;
width:600px;
}
.footer4{
text-align:center;
}
.footerwhite
{
width: 100%;
min-width: 1000px;
background-color: #B52323;

}

.rightpic
{
float: right;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 20px;
}

.right
{
text-align: right;
}

.left
{
text-align: left;
}

.bold
{
font-weight: bold;
}

.url
{
text-decoration: none;
border: none;
}

.menutable
{
background-image: url('./img/menu_s.png');
background-repeat: repeat;
position: relative;
margin: auto;
width: 900px;
height: 60px;
border-collapse: collapse;
/* box-shadow: 0 0 20px #505050; */
}

.menutable2
{
background-image: url('./img/menu_s.png');
background-repeat: repeat;
position: relative;
margin: auto;
width: 1200px;
height: 55px;
border-collapse: collapse;
margin-top: 7px;
/* box-shadow: 0 0 20px #505050; */
}

.divwhite
{
background-image: url('./img/menu_s.png');
background-repeat: repeat;
width: 800px;
margin: auto;
font-size: 26px;
text-align: left;
padding-left: 90px;
}

.menutd
{
text-align: center;
}

.menutd:HOVER
{
background-image: url('./img/menu_a.png');
}

.menutd2
{
text-align: center;
padding-left: 10px;
padding-right: 10px;
}

.menutd2:HOVER
{
background-image: url('./img/menu_a.png');
}

.active
{
background-image: url('./img/menu_a.png');
}



.menutd1
{
text-align: center;
border: solid 1px black;
}


.menutd3
{
text-align: center;
border: solid 1px black;
}

.menutd4
{
text-align: center;
border: solid 1px black;
}

.menutd5
{
text-align: center;
border: solid 1px black;
}

.menutd6
{
text-align: center;
border: solid 1px black;
}

.menutd7
{
text-align: center;
border: solid 1px black;
}

.mainmenuurl
{
font-size: 20px;
text-decoration: none;
color: #585858;
}

.mainmenuurl:HOVER
{
font-size: 20px;
text-decoration: none;
color: #BF370F;
}

.urlbody
{
text-decoration: none;
font-size: 14px;
color: #fff;
padding: 20px;
background-color: #BD380F;
}

.urlbody1
{
text-decoration: none;
font-size: 12px;
color: #fff;
padding: 10px;
background-color: #BD380F;
}

.mainmenuline
{
text-align: center;
width: 5px;
}

.nametext
{
font-size: 14px;
text-align: center;
color: #505050;
font-weight: bold;
}

.pluso
{
margin-right: 20px;
}

.siteriadiv
{
font-size: 18px;
text-align: right;
color: #fff;
margin-top: 14px;
display: inline-block;
width: 300px;
margin-bottom: 40px;
}

.siteriaurl
{
font-size: 20px;
    text-decoration: none;
    color: #E4DEAC;
    font-weight: bold;
    padding-top: 6px;
    display: inline-block;
    margin-bottom: -4px;
}

.siteriaurl:HOVER
{
text-decoration: none;
font-size: 24px;
color: #E4DEAC;
text-shadow: 0 0 5px #505050;
font-weight: bold;
}

.siteriatd
{
font-size: 10px;
}

.siterialogo
{
padding-top: 6px;
float:right;
margin-left:10px;
}

.promocenter
{
text-align: center;
margin: auto;
}

.object
{
width: 800px;
margin: auto;
margin-top: 20px;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: solid 1px #BD380F;
border-top: solid 1px #BD380F;
}

.hidden
{
display: none;
}

.objectpic
{
width: 320px;
}

.imgpic
{
box-shadow: 0 0 5px #505050;
border: none;
margin-right: 10px;
margin-bottom: 10px;
height: 200px;
}



.nameprice
{
height: 50px;
}

.nameobject
{
color: #BD380F;
text-align: left;
font-size: 22px;
font-weight: bold;
width: 500px;
}

.nameobject1
{
color: #BD380F;
text-align: center;
font-size: 22px;
font-weight: bold;
width: 500px;
}

.banki
{
vertical-align: middle;
padding: 50px;
}

.bankitable
{
width: 100%;
}

.bankitd
{
width: 25%;
}

.bigname
{
font-size: 26px;
display: inline;
text-align: left;
padding-left: 20px;
margin-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #B52323;
color: #fff;
}

.red
{
color: #B52323;
}

.green
{
color: #5EB100;
}

.reddiv
{
width: 100%;
background-color: #B52323;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
}

.padding
{
padding-top: 20px;
padding-bottom: 20px;
padding-right: 40px;
padding-left: 40px;
}

.okna
{
width: 100%;
margin-top: 20px;
}

.oknaimg
{
text-align: center;
width: 33%;
}

.oknaname
{
font-size: 34px;
color: #B32322;
font-weight: bold;
text-align: left;
padding-left: 40px;
}

.oknatext
{
padding-left: 40px;
font-size: 18px;
color: #505050;
text-align: left;
}

.oknaspisok
{
font-size: 16px;
color: #B32322;
text-align: left;
vertical-align: top;
}

.textli
{
color: #505050;
}

.bigname2
{
display: inline;
text-align: left;
padding-left: 20px;
margin-left: 10px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
color: #BD380F;
}

.objectname
{
font-size: 14px;
text-align: right;
color: #505050;
font-weight: bold;
}

.objecttext
{
font-size: 14px;
text-align: left;
color: #505050;
padding-left: 20px;
}

.pricetd
{
color: #fff;
text-align: right;
font-size: 22px;
font-weight: bold;
}

.pricetdhot
{
color: #fff;
text-align: center;
font-size: 22px;
font-weight: bold;
}


.prices
{
background-color: #BD380F;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
}

.priceshot
{
background-color: #30A037;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
}

.hottd
{
border: solid 0px black;
text-align: center;
}

.hoturl
{
padding-top: 5px;
text-align: center;
}

.conttable
{

}

.dotted
{
text-decoration: none;
border-bottom: dashed 1px #BD380F;
color: #BD380F;
}

.textus
{
padding-right: 20px;
padding-left: 20px;
text-align: justify;
font-size: 16px;
color: #505050;
padding-bottom: 10px;
}

.melko
{
padding-right: 20px;
padding-left: 20px;
text-align: justify;
font-size: 14px;
color: #505050;
padding-bottom: 20px;
padding-top: 0px;
}

.textus2
{
padding-right: 20px;
padding-left: 20px;
text-align: right;
font-size: 18px;
color: #505050;
padding-bottom: 10px;
padding-top: 10px;
}

.spisok2
{
padding-right: 20px;
padding-left: 40px;
color: #505050;
font-size: 16px;
text-align: justify;
}

.textli2
{
padding-bottom: 20px;
}

.textpreim
{
padding: 20px;
text-align: justify;
font-size: 16px;
color: #505050;
vertical-align: top;
}

.imgpreim
{
padding-top: 25px;
padding-left: 20px;
vertical-align: top;
}

.preim
{
width: 100%;
border: solid 0px black;
}

.bigtext
{
font-size: 24px;
}

.uslugiok1
{
border: solid 0px black;
height: 70px;
width: 100;
text-align: center;
}

.uslugi
{
width: 800px;
margin: auto;
text-align: left;
font-size: 20px;
}

.objecttr
{

}



.menuurl
{
font-size: 26px;
text-decoration: none;
color: #352530;
display: block;
height: 100%;
padding: 10px 40px;
box-sizing: border-box;
padding-top: 8px;
}

.filtr
{
width: 100%;
height: 240px;
margin: auto;
text-align: center;
font-size: 14px;
border-spacing: 10px;
}

.filtrtd
{
color: #fff;
background-color: #30A037;
text-align: left;
padding-left: 50px;
}

.orderbutton
{
padding-left: 100px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
background-color: #4A3427;
border: none;
text-decoration: none;
cursor: pointer;
padding-right:100px;
}

.orderbutton:HOVER
{
padding-left: 100px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
background-color: #776860;
border: none;
text-decoration: none;
cursor: pointer;
}

.ordercall
{
width: 280px;
height: 44px;
border: none;
background-color: #B52323;
font-size: inherit;
color: #fff;
cursor: pointer;
}

.ordercall:HOVER
{
width: 280px;
height: 44px;
border: none;
background-color: #A1C3E9;
font-size: inherit;
color: #fff;
cursor: pointer;
}

.ordercall2
{
width: 100%;
height: 44px;
border: none;
background-color: #fff;
font-size: inherit;
color: #B52323;
cursor: pointer;
}

.ordercall2:HOVER
{
width: 100%;
height: 44px;
border: none;
background-color: #A1C3E9;
font-size: inherit;
color: #fff;
cursor: pointer;
}

.input
{
border: solid 1px red;
width: 100px;
color: #4A3427;
}

.buttons
{
text-decoration: none;
padding: 10px 20px;
font-size: 20px;
color: #fff;
background-color: #4A3427;
border: none;
}

.buttons:HOVER
{
background-color: #776860;
}

.buttons3
{
margin-top: 14px;
text-decoration: none;
/* padding: 30px 20px; */
font-size: 30px;
color: #fff;
/* background-color: #4A3427; */
border: none;
display: block;
height: 100%;
}

.buttons3:HOVER
{
/* background-color: #776860; */
}

.buttonswhite
{
text-decoration: none;
padding: 10px 20px;
font-size: 20px;
color: #483526;
background-color: #fff;
border: none;
}

.buttonswhite:HOVER
{
background-color: #4A3427;
color: #fff;
}

.tablelogo3
{
padding-top: 21px;
border: solid 0px black;
}

.phonetd
{
color: #636363;
font-size: 34px;
padding-bottom: 11px;
padding-top: 10px;
font-weight: bold;
}

.phonetd1
{
color: #636363;
font-size: 26px;
font-weight: bold;
}

.color
{
color: #B52323;
}

.phonetdfooter
{
width: 230px;
text-align: left;
color: #fff;
font-size: 30px;
padding-bottom: 11px;
padding-top: 10px;
}

.phonefooterorange
{
width: 40px;
}

.where
{
width: 60%;
font-size: 20px;
font-weight: bold;
text-align: left;
padding-left: 10px;
}

.geo
{
text-align: right;
width: 100%;
}

.geoimg
{
text-align: right;
}

.geotd
{
text-align: right;
}

.orderbg
{
width: 100%;
min-width: 1000px;
background-color: #BD380F;
}

.hots
{
width: 100%;
text-align: left;
padding-top: 40px;
padding-bottom: 40px;
}

.line
{
height: 20px;
width: 980px;
margin: auto;
border-bottom: solid 1px #BD380F;
}

.hottable
{
margin-top: 30px;
width: 100%;

}

.hottable1
{
width: 100%;
}

.hotpic
{
text-align: center;
}

.ordername
{
text-align: left;
padding-top: 40px;
width: 1000px;
margin: auto;
}

.inputorder
{
width: 250px;
padding-left: 15px;
padding-right: 15px;
height: 50px;
border: none;
font-size: 24px;
color: #4A3427;
}

.inputorder:FOCUS
{
outline: none;
}

.inputorder1
{
width: 100%;
padding-left: 15px;
padding-right: 15px;
height: 50px;
border: none;
font-size: 18px;
color: #4A3427;
margin-bottom:20px;
}

.inputorder1:FOCUS
{
outline: none;
}

.selectorder
{
height: 50px;
padding-left: 15px;
padding-right: 15px;
border: none;
color: #4A3427;
padding-top: 7px;
}

.selectorder:FOCUS
{
outline: none;
}

.selectorder1
{
height: 50px;
padding-left: 15px;
padding-right: 15px;
border: none;
color: #4A3427;
padding-top: 7px;
width: 100%;
margin-bottom:20px;
}

.selectorder1:FOCUS
{
outline: none;
}


.vakansorder
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #4A3427;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
margin-bottom: 10px;
}

.vakansorder:HOVER
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #776860;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
}

.ordered
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #4A3427;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
}

.ordered:HOVER
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #776860;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
}

.ordered1
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #BD380F;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
}

.ordered1:HOVER
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #fff;
font-size: 20px;
border: none;
color: #BD380F;
cursor: pointer;
}

.order
{
padding-top: 20px;
color: #fff;
width: 1000px;
margin: auto;
border-spacing: 20px;
}

.ordertext
{
text-align: justify;
}

.orderimg
{
text-align: center;
vertical-align: top;
}

.nameorder
{
border: solid 0px black;
width: 180px;
text-align: right;
font-size: 24px;
}

.ordertd
{
text-align: right;
}

.partners
{
text-align: left;
padding-top: 40px;
width: 1000px;
height: 272px;
margin: auto;
background-color: #fff;
}

.call
{
text-align: center;
/*background-color: #fff;
color: #A42B10;*/
font-size: 14px;
}

.callfooter
{
text-align: center;
/*background-color: #BD380F;
color: #fff; */
font-size: 14px;
}

.bgorange
{
width: 100%;
height: 120px;
min-width: 1000px;
background-color: #fff;
}

.slide1
{
width: 1000px;
height: 100%;
margin: auto;
position: relative;
color: #505050;
font-size: 40px;
text-align: right;
z-index: 2;
}

.slide1text
{
margin-left: 480px;
margin-top: 300px;
padding-top: 20px;
width: 520px;
height: 210px;
font-size: 30px;
font-weight: bold;
color: #fff;
background-color: #B52323;
z-index: 3;
}

.promo
{
width: 100%;

}

.promotable
{
width: 100%;
}

.promotexttd
{
width: 600px;
font-size: 20px;
text-align: justify;
vertical-align: top;
padding-top: 10px;
}

.promopictd
{
text-align: right;
}

.portfolio
{
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px; 
}

.allport
{
margin-top: 20px;
margin-bottom: 20px;
}

.urlport
{
font-size: 16px;
text-decoration: none;
color: #B52323;
}

.urlport:HOVER
{
border-bottom: dashed 1px #B52323;
}

.textpromo
{
list-style-type: disc;
text-align: left;
position: absolute;
color: #fff;
font-size: 30px;
font-weight: bold;
}

.urlpromo
{
text-align: center;
width: 280px;
position: absolute;
color: #fff;
font-size: 18px;
text-decoration: none;
display: block;
height: 100%;
padding-top: 8px;
}

.more:HOVER
{
background-color: #A1C3E9;
}

.marker
{
display: list-item
}

.more
{
text-align: center;
margin-left: 720px;
margin-top: 10px;
width: 280px;
height: 40px;
font-size: 30px;
color: #fff;
background-color: #B52323;
z-index: 4;
}

.slide3
{
width: 100%;
z-index: 1;
}

/* слайдер */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslidesli {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslidesli:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  min-height: 600px;
  min-width: 1299px;
  float: left;
  width: 100%;
  border: 0;
  }
  
.rslides_container {

  margin-top: -250px;
  position: relative;
  width: 100%;
  max-height: 600px;
  min-width: 1000px;
  overflow: hidden;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 70%;
  left: 0;
  opacity: 0.5;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 150px;
  width: 70px;
  background: transparent url("./img/navi.png") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

  .centered-btns_nav:HOVER {
  opacity: 0.8;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

/* модальное окно*/
#modal_form {
	width: 380px; 
	height: 310px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #D6D6D6;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -155px;
	margin-left: -190px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
	box-sizing:border-box;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}


.modalorder
{
width: 350px;
margin: auto;
color: #4A3427;
border-spacing: 10px;
}

.modalorder2
{
width: 350px;
margin: auto;
color: #4A3427;
border-spacing: 10px;
}

/* второе модальное */
#modal_form_vak {
	width: 400px; 
	height: 350px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #D6D6D6;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_vak #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}


@media all and (min-width: 620px) {
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibri.eot');
		src: url('/fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibri.woff') format('woff'),
			 url('/fonts/calibri.ttf') format('truetype'),
			 url('/fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrib.eot');
		src: url('/fonts/calibrib.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrib.woff') format('woff'),
			 url('/fonts/calibrib.ttf') format('truetype'),
			 url('/fonts/calibrib.svg#calibri') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrii.eot');
		src: url('/fonts/calibrii.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrii.woff') format('woff'),
			 url('/fonts/calibrii.ttf') format('truetype'),
			 url('/fonts/calibrii.svg#calibri') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibriz.eot');
		src: url('/fonts/calibriz.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibriz.woff') format('woff'),
			 url('/fonts/calibriz.ttf') format('truetype'),
			 url('/fonts/calibriz.svg#calibri') format('svg');
		font-weight: bold;
		font-style: italic;
	}
}


/* выпадающее меню */

.cf:before,
.cf:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

ul.navbar {
text-align: left;

  width: 100%;

}

ul.navbar li {

	/* padding-top: 18px; */
	padding-left: 0px;
    font-size: 16px;
    text-decoration: none;
    color: #352530;
	list-style-type: none;
	float: left;
	margin: 0;
	position: relative;
}

ul.navbar li a {
	margin-left: -30px;
	color: #352530;
	text-decoration: none;
}

ul.navbar li a:hover,
ul.navbar li:hover > a {
	
	
	color: #352530;
	
}

.back1 A
{

}

.back1 A:HOVER
{
background-color: #E3C9A6;

}

.pad
{
padding-top: 10px;
padding-bottom: 10px;
}

ul.navbar li ul {
  
  margin-left: -50px;
  
  position: absolute;
  background: #fff;
/*   box-shadow: 0 0 5px #909090; */
  left: 0%;
  font-size: 20px;
  min-width: 180px;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}

ul.navbar ul li { float: none; }
ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; max-height: 500px }
ul.navbar > li:hover > ul { opacity: 1; visibility: visible; top: 100%; left: 0; }
ul.navbar li > ul  ul { top: 0; left: 90%; }
ul.navbar li > ul li:hover > ul { left: 100%; }



.rainbow
{
	transition: background .30s ease-in-out;
   -moz-transition: background .30s ease-in-out;
   -webkit-transition: background .30s ease-in-out;
}

.divotzyv
{
width: 800px;
margin: auto;
}

.otzyv
{
text-align: justify;
font-size: 28px;
color: #2B2A28;
width: 800px;
padding-top: 10px;
border-bottom: dashed 1px #636363;
border-top: dashed 1px #636363;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.textotzyvy
{
font-style: italic;
}

.nameotzyvy
{
font-weight: bold;
text-align: right;
}

.answerotzyvy
{
text-align: left;
font-size: 20px;
color: #707070;
}

.podpis
{
text-align: left;
font-size: 20px;
color: #707070;
}

.otztable
{
text-align: justify;
font-size: 20px;
color: #707070;
}

























/*   background: #fff;
  left: 0%;
  font-size: 20px;
  min-width: 150px;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
} */

/* ul.navbar ul li { float: none; }
ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; max-height: 500px }
ul.navbar > li:hover > ul { opacity: 1; visibility: visible; top: 100%; left: 0; }
ul.navbar li > ul  ul { top: 0; left: 90%; }
ul.navbar li > ul li:hover > ul { left: 100%; }
 */


.rainbow
{
	transition: background .30s ease-in-out;
   -moz-transition: background .30s ease-in-out;
   -webkit-transition: background .30s ease-in-out;
}

.divotzyv
{
width: 800px;
margin: auto;
}

.otzyv
{
text-align: justify;
font-size: 28px;
color: #2B2A28;
width: 800px;
padding-top: 10px;
border-bottom: dashed 1px #636363;
border-top: dashed 1px #636363;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.textotzyvy
{
font-style: italic;
}

.nameotzyvy
{
font-weight: bold;
text-align: right;
}

.answerotzyvy
{
text-align: left;
font-size: 20px;
color: #707070;
}

.podpis
{
text-align: left;
font-size: 20px;
color: #707070;
}

.otztable
{
text-align: justify;
font-size: 20px;
color: #707070;
}



.phonevak
{
-webkit-writing-mode: vertical-rl; 
writing-mode:tb-rl;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
width: 300px;
height: 200px;
border: solid 1px green;
}

.portfoliodiv
{
width: 1200px;
margin: auto;
text-align: justify;
margin-top: 24px;
}


.portfoliotable
{
width: 290px;
/* height: 400px; */
background-image: url('./img/menu_s.png');
background-repeat: repeat;
display: inline-block;
font-size: 20px;
margin-bottom: 20px;
padding: 10px;
box-sizing: border-box;
vertical-align:top;
}

.textdivport P{
text-overflow: ellipsis;
margin-bottom: 0px;
margin-top: 0px;
text-align:left;
font-size:18px;
}

.portspic
{
text-align: center;
padding: 10px;
height: 200px;
}

.porttext
{
text-align: left;
font-size: 18px;
}

.textdivport
{
overflow: hidden;
height: 135px;
}

.porttext P
{
padding: 10px;
text-overflow: ellipsis;
margin-bottom: 0px;
margin-top: 0px;
}
.nameport
{
font-weight: bold;
padding-left: 10px;
font-size: 22px;
padding: 0px;
margin: 10px 0px;
display: block;
}
.morep{
margin:0px;
text-align: left;
font-size: 18px;
}
.mainpicport
{
box-shadow: 0 0 5px #505050;
}

.portpicdiv
{
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 220px;
width:300px;
display:inline-block;
vertical-align:middle;
max-width:100%;
}

.urlbackpic
{
display: block;
width: 100%;
height: 100%;
}

.leftcollumn
{
width: 300px;
padding: 20px;
padding-right: 10px;
background-color: #E3C9A6;
vertical-align: top;
display:inline-block;
vertical-align:top;
}

.rightcollumn
{
vertical-align: top;
font-size: 18px;
text-align: justify;
display:inline-block;
vertical-align:top;
width:850px;
}

.menu2table
{
font-size: 18px;
}

.submenu
{
padding-left: 20px;
text-align:left;
}

.menu2url
{
text-decoration: none;
color: #483526;
}

.menu2url:HOVER
{
border-bottom: dashed 1px #483526;
}

.calculator
{
background-color: #E3C9A6;
margin-left: 20px;
padding: 20px;
height: 220px;
width: 800px;
margin: auto;
}

.buttonpromo
{
background-color: #4A3427;
text-decoration: none;
color: #fff;
font-size: 20px;
padding: 10px 20px;
font-weight: normal;
}

.buttonpromo:HOVER
{
background-color: #776860;
}

.ordered2
{
padding-left: 10px;
padding-right: 10px;
height: 50px;
background-color: #4A3427;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
padding-top: 5px;
}

.ordered2:HOVER
{
padding-left: 10px;
padding-right: 10px;
height: 50px;
background-color: #776860;
font-size: 20px;
border: none;
color: #fff;
cursor: pointer;
padding-top: 5px;
}

.ordered2:FOCUS
{
outline: none;
}

#content
{
font-size: 38px;
font-weight: bold;
}

#content2
{
font-size: 38px;
font-weight: bold;
}

#content3
{
font-size: 28px;
font-weight: bold;
}

.namecalc
{
font-size: 28px;
font-weight: bold;
margin: 0px;
text-align:left;
}

.calctext
{
font-size: 30px;
padding-bottom: 10px;
}

.tablephotos
{

}

.tablephotos TD
{
/* vertical-align: top; */
}

.imgmini
{
height: 100px;
margin: 5px;
box-shadow: 0 0 5px #999;
}

.tddate
{
font-size: 30px;
padding-left: 20px;
text-align: left;
}

.nameclient
{
font-weight: bold;
font-size: 30px;
}

.prephotosclient
{
margin: 15px;
}

.prephotos2
{
margin: 20px;
}

.moreimg
{
padding-left: 5px;
padding-right: 5px;
}

.moreurl
{
color: #483526;
text-decoration: none;
}

.button
{
background-color: #4A3427;
text-decoration: none;
padding: 5px 10px;
color: #fff;
font-size: 20px;

}

.button:HOVER
{
background-color: #776860;
}

.morediv
{
position: absolute;
margin-top: -70px;
margin-left: 20px;
}

.moredivurl
{
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 30px;
text-shadow: 0 0 5px black;
}

.datetext
{
margin-bottom: 10px;
margin-left: 0px;
/* background-color: red; */
/* text-align: left !important;  */
margin-left: -20px;
}

.logindiv
{
width: 100%;
margin: auto;
}


.logintable
{
padding-top: 10px;
margin: auto;
text-align: right;
padding-bottom: 20px;
}

.inputs
{
border: solid 1px #555555;
background-color: #fff;
height: 30px;
width: 150px;
padding-left: 10px;
}

.buttons2
{
height: 30px;
width: 150px;
border: solid 1px #555555;
background-color: #483526;
color: #fff;
}

.buttons2:HOVER
{
background-color: #776860;
cursor: pointer;
}

/* печать предложения */
.printtable
{
font-size: 14px;
border-collapse: collapse;
}

.printtable TD
{
border: solid 1px black;
padding: 2px 5px;
}

.printtable TR TD:nth-child(6)
{
text-align: right;
}

.printtable TR TD:nth-child(5)
{
text-align: right;
}

.printtable TR TD:nth-child(4)
{
text-align: right;
}

.nameprinttr TD
{
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

.namefirma
{
font-size: 24px;
text-align: left;
margin: 0px;
margin-top: 5px;
}

.printtext
{
text-align: left;
margin: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
.logodiv{

}
.headercontacts{
font-size: 26px;
/* background: green; */
text-shadow: 2px 2px #fff;
padding-top: 20px;
}
.headerdiv .polosa{
position:absolute;
bottom:0px;
}
.menudiv{
height:50px;
/* background:green; */
margin-top:10px;
background-image: url(./img/menu_s.png);
background-repeat: repeat;
}
.menudivs{
display:inline-block;
}
.menudivs:hover{
background-image: url('./img/menu_a.png');
}
.zayavkadiv{
font-size: 26px;
margin-top: 13px;
}
.zayavka1{
display:inline-block;
text-align:left;
width:800px;
vertical-align: middle;
}
.zayavka2{
display:inline-block;
text-align:right;
width:400px;
vertical-align: middle;
}
.mobilemenu{
display:none;
}
#overlay2 {
z-index: 1;
position: fixed;
background-color: #000;
opacity: 0.8;
width: 100%; 
height: 100%;
top: 0; 
left: 0;
cursor: pointer;
display: none;
}
.mobile{
display:none;
}
.portmini .bigtext{
/* margin-top:40px; */
display: block;
}
.modalorder .inputorder{
width: 100%;
margin-bottom: 10px;
}
.vakansiitable .textdivport{
height:unset;
max-height:unset;
}
.formavvoda .namecalc{
padding:0px !important;
}