BODY
{
background-color: #3E3E3C;
font-family: Calibri, 'calibri_web', verdana;
font-size: 18px;
background-image: url('./img/bg2.png');
background-repeat: repeat;
color: #505050;
text-align: center;
margin: 0px;
overflow-y: scroll;
}

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

.center
{
text-align: center;
}

.urllogo
{
text-decoration: none;
color: #505050;
}

.b
{
border: solid 1px black;
}

.bold
{
font-weight: bold;
}

/* таблица шапки */
.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%;
}

.pad
{

}

.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: #fff;
}


.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: 110px;
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;
}

.mapbazar
{
box-shadow: 1px 1px 5px #909090;
width: 995px;
height: 400px;
margin: auto;
}

.snowtable
{
width: 100%;
}

.leftsnow
{
text-align: left;
}

.logoimg
{
border: none;
}

.rightsnow
{
text-align: right;
}

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

.mainbody
{
position: relative;
width: 1200px;
margin: auto;
background-color: #fff;
}

.bodytext
{
background-color: #909090;
position: relative;
background-color: #fff;
width: 1000px;
margin: auto;
text-align: left;
/* box-shadow: 0 0 10px #505050; */
padding-top: 20px;
}

.logo1
{
text-align: left;
}

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

.maintitle
{
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 0px;
}


.logo3
{
text-align: right;

}

/* таблица футера */
.footer
{
width: 1000px;
text-align: center;
margin: auto;
border-top: dashed 4px #FFAF02;
margin-top: 20px;
}

.footer1
{
text-align: left;
}

.footer2
{
}

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

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

}

.footer3
{
width: 114px;

}

.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;
color: #505050;
border-bottom: dashed 1px #505050;

}

.footerurl
{
text-decoration: none;
color: #505050;
border-bottom: dashed 1px #505050;
font-weight: bold;
}

.menutable
{
position: relative;
margin: auto;
background-color: #fff;
width: 1000px;
height: 100px;
/* box-shadow: 0 0 10px #c9c9c9; */
border-bottom: dashed 4px #FFAF02;
border-top: dashed 4px #FFAF02;
}

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

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

.menutd2
{
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;
}

.siteriatable
{
font-family: verdana;
font-size: 10px;
text-align: left;
color: #505050;
}

.siteriaurl
{
font-size: 12px;
text-decoration: none;
color: #FF4800;
border-bottom: dashed 1px #fff;
font-weight: bold;
}

.siteriaurl:HOVER
{
text-decoration: none;
border-bottom: dashed 1px #fff;
font-size: 12px;
color: #fff;
text-shadow: 0 0 5px black;
font-weight: bold;
}

.siteriatd
{
font-size: 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;
}

.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;
}

.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
{
text-align: justify;
font-size: 18px;
color: #505050;
padding-bottom: 10px;
}

.textuslogo
{
text-align: justify;
font-size: 22px;
color: #505050;
}

.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: 30px;
font-weight: bold;
color: #BD380F;
}

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

.spisok
{
font-size: 16px;
color: #505050;
}

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

.objecttr
{

}

.submenu
{
position: relative;
width: 100%;
margin: auto;
height: 65px;
text-align: center;
font-size: 18px;
font-weight: bold;
border-spacing: 10px;
z-index: 4;
margin-bottom: 20px;
}

.submenutd
{
background-color: #BD380F;
color: #fff;
}

.submenutd:HOVER
{
background-color: #30A037;
color: #fff;
}

.menuurl
{
text-decoration: none;
color: #505050;
display: block;
height: 100%;
padding-top: 10px;
font-size: 18px;
}

.menuurl:HOVER
{
text-decoration: none;
color: #FFAF02;
display: block;
height: 100%;
padding-top: 10px;
}


.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: 7px;
font-size: 14px;
color: #fff;
background-color: #BD380F;
border: none;
}

.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 #30A037;
width: 100px;
}

.buttons
{
padding: 7px;
font-size: 14px;
color: #fff;
background-color: #BD380F;
border: none;
}

.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: #30A037;
}

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

.ordered:HOVER
{
padding-left: 10px;
padding-right: 10px;
height: 40px;
background-color: #FFFFFF;
font-size: 20px;
border: none;
color: #BD380F;
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: 400px; 
	height: 230px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #A1C3E9;
	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 #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: #fff;
border-spacing: 10px;
}


@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: 10px;
    font-size: 16px;
    text-decoration: none;
    color: #585858;
	list-style-type: none;
	float: left;
	margin: 0;
	position: relative;
}

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

ul.navbar li a:hover,
ul.navbar li:hover > a {
	
	background: #fff;
	color: #BF370F;
}

ul.navbar li ul {
  margin-left: -40px;
  position: absolute;
  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%; }