* {
margin: 0;
padding: 0;
}
html {
height: 100%;
min-height: 100%;
font-family:'Roboto-light';
}
html, body {
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
body {
font-family:'Roboto-light';
width: 100%;
height: 100%;
background:url(../images/Fon_1.jpg);
background-repeat:repeat;
background-size:100%;
}
* html .wrapper {
height: 100%;
}
img {
margin : 0;
padding : 0;
display:block;
}
#option{
float:left;
width:755px;
padding:25px;
height:360px;
}

/* Header По макету 158px, взято 111px
-----------------------------------------------------------------------------*/
.header {
background:#152D47;	
padding-top:35px;
height: 76px;
}
.logo {
height:45px;
width: 200px;
margin-left:-4px;
float: left;
background:url(/);
margin-top:-40px;
}
.logo_en {
height:45px;
width: 200px;
margin-left:-4px;
float: left;
background:url(/);
margin-top:0px;
}
.top_h {
height:100%;
padding: 5px 0 0 5px;
float:left;
}
#mydiv {
z-index:99999;
color:#fff;
position:absolute;
left:70%;
top:111px;
display:none;
width:300px;
height:180px;
}
.numb{
float:right;
color:#FFF; 
padding: 20px 0 0;
font-family:'Roboto-light';
font-size:11pt;
margin-top: 20px;
width: 120px;
}

/* Middle
-----------------------------------------------------------------------------*/
#container80{
overflow: hidden;
height:100%;
width:1000px;
position:relative;
min-height:450px;
margin:auto;
}
#container100{
width:1000px;
margin:0 auto;
}
#content80 {

text-align:left;
margin-left:7px;
float: left;	
width:801px;
height:100%;
background-color:#D2D2D2;
}

#content100 {
width:978px;
height:100%;
padding: 0 6px 4px 0;
} 

#navigate{
float:left;
width:750px;
height:20px;
margin:10px 0 20px 10px;
}
#navigate a {font-size:10pt}

.obras{
padding: 5px 0 5px 0;
margin: 22px 0 5px 0;
} 

/* Left Sidebar
-----------------------------------------------------------------------------*/
#left {
text-align:left;
background:#595959;
float:left;
width:178px;
height:100%;
padding:5px 0 5px 0;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
width: 100%;	
height: 105px;
background:#152D47;
}
#cit {
width:610px;
height:100%; margin:0 auto;
}
.quot{
/*font-family:'Roboto-Light-Italic' !important;*/
padding-top:0px;
font-size:12pt !important;
line-height:15pt;
color: #fff;
text-align:center;	
}	
/* REDBLOCKS
-----------------------------------------------------------------------------*/

.redblock_a{
float:left;
height:337px;
/*width:214px;*/
width:185px;
height:377px;
padding: 5px 7px 10px 7px;
margin:0 0px 0 7px;
background-color:#CD1D13;
color:#fff;
font-family:'Roboto-light';
line-height:20px;}

.redblock_b{
font-family:'Roboto-light';
margin:0 7px 0 7px;
background:#2E564D; 
padding: 5px 7px 10px 10px;
float:left; 
height:456px;
width:219px;}

.redblock_c{
float:left;
height:549px;
width:358px;
padding: 15px 10px 10px 20px;
margin:0 0px 0 7px;
background-color:#CD1D13;
color:#fff;
font-family:'Roboto-light';
line-height:20px;}

.redblock_d{
float:left;
height:300px;
width:358px;
padding: 15px 10px 10px 20px;
margin:0 0px 0 7px;
background-color:#CD1D13;
color:#fff;
font-family:'Roboto-light';
line-height:20px;}

.redblock_e{
float:left;
height:300px;
width:358px;
padding: 15px 10px 10px 20px;
margin:0 0px 0 7px;
color:#fff;
font-family:'Roboto-light';
line-height:20px;}


.l_r{width:100%;} .lft{width:550px; float:left;} .rgt{float:left}

.lin{
font-family:'Roboto-light';
font-size:11pt !important;
color:#FFF !important;
margin-top:19px;
}
.lin_yak{
font-family:'Roboto-light';
font-size:11pt !important;
color:#000 !important;
margin-top:19px;
}
.lin:hover{text-decoration: underline;}
.ulli{
list-style-type: square;
font-size:10pt;
padding-top:10px;
padding-left:25px;
color:#fff;
font-family:'Roboto-light';}

/* Font
-----------------------------------------------------------------------------*/
@font-face
{
font-family: Roboto;
src:url(../Font/Roboto-Medium.ttf);
}
@font-face
{
font-family: Roboto-light;
src:url(../Font/Roboto-Light.ttf)
}
@font-face
{
font-family: Roboto-Thin;
src:url(../Font/Roboto-Thin.ttf)
}
@font-face
{
font-family: Roboto-Medium;
src: url(../font/Roboto-Medium.ttf);
}
@font-face
{
font-family: Roboto-Light-Italic;
src: url(../font/Roboto-LightItalic.ttf);
}

/*||||||||TEXT||||||||*/

h1, h2, h3, h4, h5, h6, h7, h8, h9
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a, h9 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, h9 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h7 a:visited, h8 a:visited, h9 a:visited
{ 
text-align:left;
font-weight: normal;
font-family:Roboto;}

a {text-decoration:underline;
color:#152D47;
font-family:'Roboto-light';
font-size:11pt;}
a:link { color: #004f64;}
a:hover{ text-decoration:none;}

p{
line-height:20px;
font-family:'Roboto-light';
font-size:10pt;
color:#000;
text-align:left;
padding:0 20px 0 20px;
text-indent:0;
}
.item-page p{
text-indent:15px !important;
/*text-align: justify;*/
}
p.spisok {text-indent:25px !important}
.redblock_a p, .redblock_b p, .redblock_c p, .note p{
font-size:9pt;
text-indent:0 !important;
padding:0;
color:#fff;
font-family:'Roboto-light';
line-height:20px;}
a[href^="mailto:"], a[href^="tel:"]
{ 
  color: white;
}

.vakans a[href^="mailto:"]{color:#152D47;}
.sale2 a[href^="mailto:"]{color:#152D47;}
.sale a[href^="mailto:"]{ 
text-decoration:none;
height: 34px; 
width: 200px;
margin: 0 0 7px 90px; 
padding: 3px 0 0 5px;
background-color:#CD1D13; 
float:left;
font-size:17pt;
color:#FFF;
text-align:center}


/*h1-Заголовки в контенте*/
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, #regpol{
font-family:'Roboto-light';
margin-bottom:7px;
margin-right:7px;
padding-top:8px;
text-indent: 8px;
display:block;
background-color:#EDB23E;
height:43px;
font-size:18pt;
color: #000;
}

.zagol_r, h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{
font-family:'Roboto-light';
font-size:14pt !important;
padding:5px 0 15px 0;
color:#FFF;
}


.zagol_t, h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{
font-family:'Roboto-light';
font-size:16pt !important;
padding:0 15px 0 20px !important;
margin: 15px 0 0 0;
float: left;
width: 100%;
}
.redblock_a p.spisok {text-indent:10px !important}


a img {border: none;}
p img {margin:0;}
select option[disabled] {display: none;}​

/*||||||||Форма входа||||||||*/

#login-form ul{color:#fff;}
.userdata{border:0;}
.moduletable_login{
background:#152D47;	
text-decoration: none;
padding: 15px 20px 0 20px;
font-family:'Roboto-light';
text-align:left;
}
.moduletable_login p{color:#FFF; font-size:12pt; padding:0 !important;}
.moduletable_login ul{display:none;color:#fff; text-align:left;list-style-type: none; padding:10px}
.moduletable_login a:hover{color:#fff; text-decoration:underline;}
.moduletable_login input[type="submit"]{padding:5px; left:100px;color:#fff; background-color: #cd1d13; border:0; width:70px; height:25px; margin:0 0 5px 0;}
#otpr{padding:5px; color:#fff; background-color: #cd1d13; border:0; width:90px; height:25px; margin:0 0 5px 0;}
button[type="button"], input[type="button"]{padding:5px;color:#fff; background-color: #cd1d13; border:0; width:auto; height:25px; margin:0 0 5px 0;}
#fdset{border:0; padding:10px}
#modlgn-username{margin-left:25px}
#modlgn-passwd{margin-left:14px}

/*Оформление карты сайта*/
ul.level_2 {display: none;}
ul.level_1 {list-style-type: disc;}
ul.level_0 {list-style-type: none;}
ul.level_0 li a, ul.level_1 li a, ul.level_2 li a{text-decoration: none;color: #000;font-family: Roboto-light;}
ul.level_0 li a:hover, ul.level_1 li a:hover, ul.level_2 li a:hover{text-decoration:underline;}

/*Таблица История*/
.his_god{text-align:right;font-size:12pt !important;padding: 0;}
.his_tab{width: 750px;margin:20px}
.his_tab td{border-bottom: 1px solid #BEBEBE;padding:5px 3px 5px 3px}
.his_tab td p{padding:0 !important;vertical-align:top;}

.categories-list
{display:none}

/*TEMP*/
#blck{
float:left;
height:170px;
width:200px;
}
#blck3{
float:left;
height:113px;
width:200px;padding:3px;
}
#blck4{
float:left;
height:150px;
width:170px;padding:3px;
}

.itemblock{float:left; width: 100%; padding: 0 7px 8px 0px;}


.zagol{
font-size:14pt !important;padding:5px !important;
}

/*||||||||ЦЕНТРАЛЬНАЯ ЧАСТЬ||||||||*/
#dip_1{background-color: #cd1d13;color:#FFF;font-size:13px;font-family:'arial';padding:5px}
#dip_2{background-color: #595959;color:#FFF;font-size:13px;font-family:'arial';padding:5px; text-align:right;}
#dip_2 a{color:#FFF;}
#dip_3{background-color: #989898;}
#dip_4{background-color: #595959;color:#FFF;font-size:13px;font-family:'arial';}
#grey_str{background-color:#CCC;font-weight: normal;font-family:Arial; height:0px}
#cl1, #cl2, #cl3, #cl4, #cl5 { text-align:center}
#ntd1, #ntd2, #ntd3, #ntd4, #ntd5{ padding-left:5px;}
#inftab td{background-color: #ccc;color:#000;font-size:14px;font-family:'arial';padding:5px;}
#inftab_1 {background-color: #ccc;color:#000;font-size:14px;font-family:'arial';padding:5px; text-align:left;}
.actions {text-decoration: none;list-style:none; position:absolute;margin:0px 10px 0px 700px;}
.tip-wrap{background:#999;border:solid 2px #003366; padding:10px; color:#fff;}
div.edit.item-page {width: 730px;}
div.edit.item-page{
padding:10px 10px 20px 10px;
font-family:'Roboto-light';	
font-size:13px;
color:#000;
text-align:left;
font-weight:500;}

fieldset{padding:10px 10px 10px 10px; line-height:35px;}

.map_block{width:235px; border:1px #ccc solid; margin:15px; float:left;} 
.map_zag{width: 100%;float: left;text-align: center;text-indent: 600;font-size: 14pt;}

.product .redblock_b{height:406px !important; float:left;} 
.product .zak_box{height:32px; margin:7px 0 0 7px; background-color:#cd1d13; width:100%; text-align:center; padding-top:11px; padding-left:10px; float:left} 
.product .inf_block{float:left; width:227px;}
.product .zak_box p{color:#FFF;font-size:14pt !important; text-decoration:none !important}


.search {padding:20px;}	
.result-title {text-decoration: none;color:#39C;}	
li.item-624.deeper.parent ul li,
li.item-585.deeper.parent ul li
{display:none}

.gal1{width:100%; margin-left:2px;} .gal1 img{margin:0 0 7px 7px}

.public a{font-size:12pt;
line-height:30px;
color:#000;text-decoration:underline;font-family:'Roboto-light';}
.public p{padding-bottom:7px;}

/*||||||||HOMEPAGE||||||||*/

.homepage a{display:block;height:100%;width:100%;position:absolute;z-index:9999}
.homepage{height:570px; width:1000px;float:left}
.buttons{width:100px;height:15px; float:right; /*display:inline;*/ display:none}
.buttons img{float:left; padding:2px;}
.text_block{
	color:#fff; 
	font-family:'Roboto-Light';
	font-size:11pt; 
	text-align:left; 
	text-indent:10px;
	vertical-align:bottom;
	width:100%;
	height:25px;
	position: absolute;
	bottom: 0;
	padding-top:4px;
background: rgba(0, 0, 0, 0.3);
z-index:3;
}

.x1{width:446px; height:505px;float:left}
.x1_y1{width:446px; height:270px;float:left}
.x1_y2{width:446px; height:211px;float:left}
.x1_y11{width:310px; height:263px;float:left}
.x1_y12{width:136px; height:263px;float:left; position:relative;}
.x2{width:356px; height:505px;float:left; margin-left:7px;}
.x2_y1{width:356px; height:304px;float:left; }
.x2_y2{width:356px; height:170px;float:left; margin-top:7px;}
.x3{width:177px; height:491px;float:left; padding:7px}

.PD{width:303px; height:156px;float:left; margin:7px 0 0 7px; padding-top:25px;}
.PD_en{width:303px; height:156px;float:left; margin:7px 0 0 7px; padding-top:25px;}
.PD p{ font-family:'Roboto-Light'; font-size:11pt;width:273px;text-align: center;padding: 3px 5px 5px 25px;margin-top: 92px;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.65)}
.GOD{width:293px; padding-left: 10px;height:68px; margin:7px 0 0 7px; background:#000;float:left;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.65);}
.GOD a{font-size:36pt;font-family:'Roboto-Light'; text-decoration: none; color:#fff;}
.GOD:hover a, .ZAP:hover p.top_text{color:#000;}
.PD:hover {cursor:default}
.OBD{width:129px; height:178px; background:url(../images/gear1.png); background-color:#FFF;float:right;position:absolute; bottom:0; right:0;}
.OBD_en{width:129px; height:178px; background:url(../images/gear1_en.png); background-color:#FFF;float:right;position:absolute; bottom:0; right:0;}
.GAL{width:269px; height:151px; background:url(../images/hmpg_01.png);float:right;}
.ZAP{width:356px; height:219px; background:url(../images/zapros.png);float:left; bottom:0}
.top_text{font-size:30pt;font-family:'Roboto-Light'; padding:20px 0 0 30px; color:#fff; line-height:55px;}
.bot_text{font-size:12pt;font-family:'Roboto-Light'; padding:20px 0 0 30px; color:#fff;}
.PRD{width:170px; height:170px; background:url(../images/folder.png); background-color:#FFF;float:left}
.PRD_en{width:170px; height:170px; background:url(../images/folder_en.png); background-color:#FFF;float:left}
.KON1{width:89px; height:71px; background:url(../images/phone.png); background-color:#FFF;float:left;}
.KON2{width:88px; height:71px; background:url(../images/map.png); background-color:#FFF;float:left;}
.KON1:hover, .KON2:hover, .TEC:hover, .PRD:hover, .OBD:hover, .kalen:hover, .podar:hover{background-color:#000;}
.TEC{width:179px; height:121px; background:url(../images/pen.png); background-color:#FFF;float:left; margin-left:7px;}
.TEC_en{width:179px; height:121px; background:url(../images/pen_en.png); background-color:#FFF;float:left; margin-left:7px;}
.bl1{width:163px; float:right; margin:7px 14px 0 0;cursor: pointer}
.bl2{width:163px; height:60px; background:#edb034;float:right; color:#000; font-size:16pt; text-align:left; padding:7px; font-weight:600; line-height:25px; margin-top:7px;}
.bl3{width:165px; height:28px; background:#CD1D13; color:#fff; font-size:16pt; text-align:center; padding:7px; margin-top:7px}
.homepage p{text-indent:0 !important}
.horse{background:url(../images/horse.png);float:left;height:107px;position: absolute;width: 457px;}
.kalen{width:177px; background:url(../images/.png); background-color:#FFF;float:right;position:absolute; bottom:0; right:0;}
.podar{width:177px; background:url(../images/.png); background-color:#FFF;float:right;position:absolute; bottom:0; right:0;}
.innoprom{width:293px; height:140px; margin:123px 0 0 16px; background:#eeb13b;float:left;cursor: pointer}
.agit{width:140px; height:70px; margin:8px 0 0 8px; background:#eeb13b;float:left;cursor: pointer;padding: 10px;}





.note{
height:406px;
font-family: 'Roboto-light';
margin: 0 7px 0 7px;
background: #2E564D;
padding: 5px 7px 10px 10px;
float: left;
width: 219px;
 }
 
 .calend{
 float:left;
 width:100%;
 }

 .calend redblock_b{
 height:406px !important;
 }
 
 .zak_box {
 height:32px; 
 margin:7px 0 0 7px; 
 background-color:#cd1d13; 
 width:227px; 
 text-align:center; 
 padding-top:11px; 
 padding-left:10px; 
 float:left}

.zak_box p{
color:#FFF;
font-size:14pt !important; 
text-decoration:none !important}


.box, .box-visible{float:left}


#panel{
width: 100%;
height: 60px;
z-index: 9999;
position: fixed;
bottom: 105px;
padding: 0 100px 0 100px;}

#s_pan{
width: 100%;
height: 100%;
position: absolute;
bottom: 105px;}



.jivo-btn {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  margin: 0;  text-transform: none;  cursor: pointer;  background-image: none;  display: inline-block;  padding: 6px 12px;  margin-bottom: 0;  font-size: 14px;  font-weight: normal;  line-height: 1.428571429;  text-align: center;  vertical-align: middle;  cursor: pointer;  border: 0px;  border-radius: 4px;  white-space: nowrap;  -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;  -o-user-select: none;  user-select: none;}.jivo-btn:hover {  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);}.jivo-btn.jivo-btn-light:hover{  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);}.jivo-btn.jivo-btn-light{  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);}.jivo-btn:active,.jivo-btn.jivo-btn-light:active{  box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);  -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);  -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2);  cursor: pointer;}.jivo-btn:active {  outline: 0;  background-image: none;  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);}.jivo-btn-gradient {  background-image: url(//static.jivosite.com/button/white_grad_light.png);  background-repeat: repeat-x;}.jivo-btn-light.jivo-btn-gradient {  background-image: url(//static.jivosite.com/button/white_grad.png);}.jivo-btn-icon {  width:17px;  height: 20px;  background-repeat: no-repeat;  display: inline-block;  vertical-align: middle;  margin-right: 10px;  margin-left: -5px;}.jivo-btn-light {  color: #fff;}..jivo-btn-dark {  color: #222;}

#jivo_chat_widget{ display: none }



#sticky{height:50px;width:100%; z-index:100;}
.one{position:fixed;bottom:110px}
.two{position:fixed;bottom:0}


.nvakans:hover{cursor:pointer}


.sale{float:left;margin:4px;}

 .photo {
    /*display: inline-block;  Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
   .photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 90px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background:#d22d0c; /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 15px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
   }