﻿@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400.500&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Lora:400italic,700italic&subset=latin,cyrillic);

body
{
  padding: 0px; margin: 0px;  overflow-x:hidden;
  min-width: 460pt;
}
img
{
    border: none;
}
td
{
  vertical-align: top;
}
.IndexNews { width:33%;}
#lnk img {float:left; margin:0 5px 0 0; border-radius:4px;}
#lnk p {margin:0; padding:0; height:24px;}
.title {font-family: 'Lora', serif; color: rgba(255,255,255,0.90); font-size: 1.6em; font-weight:400; padding-top:10px; }


.topbox { height:55px; background-color:rgba(85,50,110,0.3);}
.topbox2 { height:35px; background-color:rgba(85,50,110,0.1);}

.toptd {padding:135px 0 10px 0; border-radius:5px 5px 8px 8px;}
.topPhone {font-family: 'Lora', serif; color: rgba(0,0,0,0.50); font-size: 1em; font-weight:400; padding:5px 5px 0 0; white-space:nowrap; text-align:right; width:140px; letter-spacing:1px }
.topPhone img {margin:4px 7px 0 0; float:left; opacity:0.7; cursor:pointer;}
.topPhone img:hover {opacity:1;}

#basetbl {min-width:470px; max-width:1200px; width:100%; height:100%; border:1px solid rgba(10,75,120,0.8); 
          background: linear-gradient(60deg, rgba(255,255,255,0.85), rgba(255,255,255,0.95), rgba(255,255,255,0.85));  border-radius:0 0 8px 8px;}


.footer {min-width:470px; max-width:1200px; width:100%; height:100px; border:1px solid rgba(210,210,210,1); border-top:1px solid rgba(160,0,0,1); 
       background: linear-gradient(0deg,  rgba(207,212,219,0.4), rgba(255,255,255,0.6), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.6), rgba(207,212,219,0.4), rgba(207,212,219,0.75));
         border-radius:0px 0px 8px 8px;
        }
.shadow {box-shadow:0px 0px 8px 0 rgba(0,0,0,0.7);}



.dir { position:absolute;  top:80px; z-index:1000; width:100%; min-width:470px; text-align:center; border:0px solid #000;}
.dirtab {padding:0; min-width:450px; max-width:1171px; width:100%;  text-align:right; }
.picdir { width:112px; font-family: 'Ubuntu', sans-serif; font-size:10pt; color: rgba(0,0,0,1); padding:0; margin:0 0x 8px 0px;  letter-spacing:135%; text-align:center; }
.picdir img { width:112px; border-radius:4px;  box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);}
.photos table {  box-shadow:0 6px 6px -6px rgba(0,0,0,0.55); border:1px solid #000;  background-image:url(../i/fon/rtopdiv.png); background-position:top center; background-repeat:repeat-x; background-color:#f0f1f3; box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);; border-radius:8px;}



.contactphone { color: rgba(160,0,0,1); font-size: 13pt; font-family: Arial;  text-shadow: 1px 1px 2px rgba(0,0,0,0.05); letter-spacing:0px; width:100%; }

#basefon { position:absolute; top:0px; bottom:0px; width:100%; z-index:1; border-radius:0 0 8px 8px; min-width:470px;}
.base { padding:0; min-width:450px; max-width:1200px; width:100%; }
  



.indexh1 {padding:0 3% 1% 4%;}
.address { padding:10px 0 0 115px;}


/***********menu***********/
.rightcol { width:23%; padding:10px 0 15px 0;}
.rightcolindex { width:23%; padding:0 0 15px 0;}
.boxrightmenu { margin-right:10px; }

#MainPageFon  {position: absolute; top: 0px; left: 0px; right: 0px; bottom:0px;  z-index: 0; min-width: 1200px;  padding: 0px;  overflow:hidden; vertical-align:bottom; background-color:#fff;}
#MainPageFon table { width:100%; height:100%;}
#MainPageFon td {  vertical-align:bottom; text-align:right;}
#MainPageFon img { }

/*******************index***********************/

.indexnewslist { padding:0 15px 0 0;}
.indexnewslist div { width:100%; border:1px solid rgba(0,0,0,0.4); border-radius:6px;  
                    background-image:url(../i/fon/topdiv.png); background-position:top center; background-repeat:repeat-x; background-color:#fff; box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);}
.indexnewslist p {padding:0; margin:5px 0 0 0;}
.indexnewslist h3 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 10pt; font-weight:bold; padding:0; margin:0 0 4px 0; text-transform:uppercase;} 
.indexnewslist a {font-family: 'Ubuntu', sans-serif; font-size:9pt; color:#666666;  padding:0px; text-decoration:none;}
.indexnewslist a:hover { color: #0033cc;}
.indexdatanews {color: rgba(204,0,0,1); font-family:'Ubuntu', sans-serif; font-size: 8pt; font-weight:bold;}

.rnewslist { padding:0 15px 0 0;}
.rnewslist div { width:100%; border:1px solid rgba(0,0,0,0.4); border-radius:6px;  
                    background-image:url(../i/fon/rtopdiv.png); background-position:top center; background-repeat:repeat-x; background-color:#f0f1f3; box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);}
.rnewslist p {padding:0; margin:5px 0 0 0;}
.rnewslist h3 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 10pt; font-weight:bold; padding:0; margin:0 0 4px 0; text-transform:uppercase;} 
.rnewslist a {font-family: 'Ubuntu', sans-serif; font-size:9pt; color:#666666;  padding:0px; text-decoration:none;}
.rnewslist a:hover { color: #0033cc;}
.rdatanews {color: rgba(204,0,0,1); font-family:'Ubuntu', sans-serif; font-size: 8pt; font-weight:bold;}

.newsdiv {float:left; width:49%;}
.newsdiv1 {float:left; width:49%; margin-left:15px;}
.datanewspage {color:#CC0000; font-family: 'Ubuntu', sans-serif; font-size:8pt; font-weight:bold; }
.newspage { width:100%;  border:1px solid rgba(0,0,0,0.4); border-radius:5px; margin-bottom:15px;
               background-image:url(../i/fon/topdiv.png); background-position:top center; background-repeat:repeat-x; background-color:#fff; box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);}
/*.newspage p {padding:0; margin:0,10px 5px 10px;}*/
.newspage h3 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 12pt; font-weight:bold; padding:0; margin:10px; text-transform:uppercase;} 
.news_ a {font-family: 'Ubuntu', sans-serif; font-size:9pt; color:#666666;  text-decoration:none; padding:0; margin:0,10px 5px 10px;}
.news_ a:hover { color: #0033cc;}
.news_ img {width:95%; min-width:100px; border-radius:3px; padding:2px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5); }
.news_ tr { height:92px;}

.1td { width:30%;}
.rtd  {   }

.dir_r { margin:15px 0px 0 0; width:100%;}
.dir_r img {width:117px; float:left; margin: 0;
            border-radius:4px; padding:2px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5); }
.dir_r span {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 11pt; font-weight:bold; padding:0; margin:0 0 4px 0; text-align:center;} 


.news_r { margin:15px 15px 0 0; width:90%;}
.news_r img {width:70px; float:left; margin: 0 5px 0 0;
            border-radius:3px; padding:2px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5); }
.news_r h4 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 10pt; font-weight:bold; padding:0; margin:5px 0 4px 5px; text-transform:uppercase; } 

/****************structura**************/
.boss { float:left; width:30%; height:700px; }
.boss div { width:90%; }
.boss img { width:100%; border:1px solid rgba(0,0,0,0.4); background-color:#fff; padding:3px; border-radius:7px; box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);}
.boss table { width:100%;}
.boss h3 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 11pt; font-weight:bold; margin-top:10px; }

.structura { margin:0 0 10px 10px;}
.structura div {float:left; width:20%; margin:1px 20px 15px 5px;}
.structura img { width:100%; border:1px solid rgba(0,0,0,0.4); background-color:#fff; padding:3px; border-radius:7px; box-shadow:0 6px 6px -6px rgba(0,0,0,0.35);}
.structura table { width:100%;}
.structura h3 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 11pt; font-weight:bold; margin-top:10px; }
.name { width:10px;}
.work { font-family: 'Ubuntu', sans-serif; font-size:9pt; color:#666666;  text-decoration:none; padding:0; margin:0,10px 5px 10px;}
/***********cont************/

.firstlnklogo h2 { font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 9pt; font-weight:bold; text-transform:uppercase; text-align:left; margin-top:10px; }
.firstlnklogo { width:160px; float:left; margin:5px 0 10px 0px;}
.firstlnklogo div {  border:1px solid rgba(0,0,0,0.45); border-radius:5px; box-shadow:0 6px 6px -6px rgba(0,0,0,0.45); text-align:center; vertical-align:middle; width:160px; height:160px; }
.firstlnklogo div:hover {border:1px solid rgba(204,0,0,1); background-color:rgba(250, 250, 210, 0.35); cursor:pointer;}
.firstlnklogo a {width:160px; height:160px;}

.lnklogo h2 { font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 9pt; font-weight:bold; text-transform:uppercase; text-align:left;  margin-top:10px; white-space:nowrap; }
.lnklogo { width:180px; float:left; margin:20px 0 0px 25px;}
.lnklogo div {  border:1px solid rgba(0,0,0,0.45); border-radius:5px; box-shadow:0 6px 6px -6px rgba(0,0,0,0.45); text-align:center; vertical-align:middle; width:180px; height:180px;  }
.lnklogo div:hover {border:1px solid rgba(204,0,0,1); background-color:rgba(250, 250, 210, 0.35); cursor:pointer;}
.lnklogo a {width:180px; height:180px; font-family: 'Lora', serif; color: rgba(0,50,200,1); font-size: 1em; margin-top:10px;}

.firstlnklogo img { margin-top:10px;}
.lnklogo img { margin-top:10px;}

.pagepadd { padding:0px;}

h1, h2, h3 {
    display: block;
    
    -webkit-margin-before: 0.1em;
    -webkit-margin-after: 0.3em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    
}

#cont h1 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 1.4em; font-weight:500;} 
#cont h2 {font-family: 'Ubuntu', sans-serif; color: rgba(5,50,90,1); font-size: 1.3em; font-weight:500;} 
#cont h3  {font-family: 'Lora', serif; color: rgba(90,15,1,1); font-size: 1.4em; font-weight: normal;} 
#cont p, li  {font-family: 'Ubuntu', sans-serif; font-size:10pt; color: rgba(0,0,0,1); padding:0; margin:0 5px 8px 0px;  letter-spacing:150%; } 


#cont p {text-indent: 2em;}



.code {width:16%;}
.lnk {width:120px; }
.lnk td {font-size: 8pt; padding-top:10px; }

/***********CasseteTab************/
.CasseteTab { width:100%; border:1px solid rgba(100,130,160,0.45); border-left:none; border-radius:5px; margin:0 0 15px 0px; box-shadow: 0px 6px 8px -6px rgba(0,0,0,0.55);
             background-color:rgba(255,255,255,0.75);  }
.TopTab1 {background: linear-gradient( rgba(130,185,200,0.3),  rgba(130,185,200,0.15));}
.TopTab1 td {vertical-align: middle; border-left:1px solid rgba(100,130,160,0.45); padding:2px; font-family: 'PT Sans Narrow', sans-serif; font-weight:normal; font-size:10pt;}
.TextTab1 td {vertical-align: middle; border-left:1px solid rgba(100,130,160,0.45); padding:2px; font-family: 'PT Sans Narrow', sans-serif; font-weight:normal; font-size:10pt;}
.txt_l {width:100px; border-top:1px solid rgba(100,130,160,0.45);}
.txt_c { text-align:center; border-top:1px solid rgba(100,130,160,0.45);}

/***********end right************/

/******************************GALLERY STYLES******************************/

/******************************MENU STYLES******************************/


.frametxt {background: linear-gradient(30deg, rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(255,255,255,1)); border:1px solid rgba(0,0,0,0.5); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.45); border-radius:10px;}

         
        




   
   /*****************address******************/
.map { border:1px solid rgba(0,0,0,0.5); border-radius:5px; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.45); padding:3px;}

/**************footer****************/

#bankstyle {border-top:0px solid rgba(105,100,65,0.3);}
#bank td {
font-family: Arial, sans-serif;
color : rgba(0, 0, 0, 0.85);
font-size : 9pt;
font-weight : normal;
margin : 0;
padding : 0 15px 0 0;
}
.lnkbox table {  margin:8px; width:100%}
.lnkbox td {  padding-right: 20px; line-height:115%; }
.firsttd { min-width:340px;}
.lnkbox h3 {font-family: 'Ubuntu', sans-serif; font-size:10pt; color:rgba(0,51,102,1); text-transform:uppercase; font-weight:600; }
.lnkbox a {font-family: 'Ubuntu', sans-serif; font-size:9pt; color:rgba(0,0,0,1); text-transform:uppercase; text-decoration:none; font-weight:400;  white-space:nowrap; }
.lnkbox a:hover {color:rgba(0,51,204,1); text-decoration:underline; }
.cpr {font-family: 'Ubuntu', sans-serif; font-size:8pt; color:rgba(0,51,102,1); font-weight:300; padding-top:20px; }


   /*****************mailform******************/
   #mail_form span {color:rgba(170, 0, 0, 0.95); font-weight:bold;}
   #mail_form td {font-family: 'Ubuntu', sans-serif; font-size: .9em; color: rgba(0,0,0,0.7); margin:0; font-weight:normal; padding:3px 0 2px 0;}
#mail_form input, textarea {width:70%; min-width:360px; font-size: .9em; border:1px solid rgba(51, 102, 51, 0.65); border-radius:5px; padding:2px; box-shadow: 0 6px 6px -6px rgba(0,0,0,0.25); }

.send input {float:left; margin-right:10px; border:1px solid rgba(51, 102, 51, 0.65); 
              border-radius:5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.05); padding:2px 10px 2px 10px;
              background: linear-gradient(45deg, rgba(210,205,190,0.9), rgba(255,255,255,0.6), rgba(210,205,190,0.9)); 
              box-shadow: 0 8px 8px -6px rgba(0,0,0,0.25);  font-family: 'Lora', serif; font-style:italic; cursor:pointer; font-size: 12px;
}
.send input:hover {border:1px solid rgba(170, 0, 0, 0.65);
              background: linear-gradient(45deg, rgba(210,205,190,0.9), rgba(255,240,240,0.6), rgba(210,205,190,0.9)); 
              box-shadow: 0 8px 8px -6px rgba(170,0,0,0.25); color:rgba(170, 0, 0, 0.95);
}


/***********mapsitemap************/
.mapsite {

text-align : left;
padding : 3px 0 3px 0;
font-family: 'Ubuntu', sans-serif;
font-size : 10pt;
color : #000000;
text-decoration : none;
font-weight : bold;
line-height : 150%;
 cursor : pointer;
}
.mapsite:hover {
color : #cc0000;
text-decoration : underline;
}

.submapsite {
font-family: 'Ubuntu', sans-serif;
font-size : 10pt;
font-weight : normal;
text-decoration : none;
margin : 3px;
color : #000000;
line-height : 150%;
}
.submapsite:hover {
color : #cc0000;
text-decoration : underline;
}


.srh_form
{
    width: 180px;
    height: 16px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin:0px; padding:0px; 
    font-size: 8pt; border:1px solid rgba(0,0,0,0.5); border-radius:4px;
}
.srh_b
{width: 19px;
    height: 18px;
     background-image:url(../I/srch.png); background-position:top left; background-repeat:no-repeat;
    margin:0 5px 0 0; border:1px solid rgba(0,0,0,0.5); padding:0; border-radius:4px;
    }

/************************news*********************/
.datanews {color: rgba(204,0,0,1); font-family:'Ubuntu', sans-serif; font-size: 11pt; }
.indexdatanews {color: rgba(204,0,0,1); font-family:'Ubuntu', sans-serif; font-size: 11pt; margin-bottom:4px; }

.IndexTableNews { margin:0 0 0 7px; width:98%;}

.newsTab { width:100%; margin-bottom:15px; border:1px solid rgba(0,51,102,0.5); border-radius:5px; box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.35);
          background-image:url(../i/fon/topdiv.png); background-position:top center; background-repeat:repeat-x; background-color:#fff; height:100%;
          }
.IndexnewsTab { width:100%; margin-bottom:15px; border:0px solid rgba(0,51,102,0.5); border-radius:5px; 
        height:100%;
          }


 .newsTab td { padding:10px; font-family:'Ubuntu', sans-serif; border-radius:5px;
 color: rgba(1,45,85,1); font-family:'Ubuntu', sans-serif; font-size: 11pt; }
 .newsTab p {text-indent: 2em;}
 
 .IndexnewsTab td { padding:10px; font-family:'Ubuntu', sans-serif; border-radius:5px;
 color: rgba(1,45,85,1); font-family:'Ubuntu', sans-serif; font-size: 11pt; }
 .IndexnewsTab p {text-indent: 2em;}

.news { width:100%; border:1px solid rgba(204,0,0,1); border-radius:5px; margin-bottom:15px;
                 background-image:url(../i/fon/moretopdiv.png); background-position:top center; background-repeat:repeat-x; background-color:#f9fafa; box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.35); }
           
            .news td { padding:10px; font-family:'Ubuntu', sans-serif; font-size: 10pt; border-radius:5px 5px 0 0; }
            
 .newsbottom { width:100%; margin-bottom:15px; border:1px solid rgba(204,0,0,1); border-top:none; border-radius:0 0 5px 5px; box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.35);
           background-color:#f9fafa; }
            .newsbottom td { padding:0 10px 10px 10px;  font-family:'Ubuntu', sans-serif; font-size: 11pt;  border-radius:0 0 5px 5px }           
            
            
            .news strong {margin:15px 0 10px 0; color: rgba(1,45,85,1);}
            .Pic { width:30%; min-width:240px;}
            .Pic img { width:100%; border-radius:5px; padding:3px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5); margin-top:25px;}
            .morePic { width:30%; min-width:240px;}
            .morePic img { width:100%; border-radius:5px; padding:3px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5); margin-bottom:10px;}
            
.indexprePic h1 {font-family: 'Lora', serif; color: rgba(0,60,110,1); font-size: 1.5em; font-weight:600; text-shedow:1px 1px 1px rgba(0,0,0,1); margin:0 0 5px 0; padding:0;}

.indexprePic img { width:100%;   padding:2px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5); margin-top:5px; border-radius:8px;}

.prePic { width:20%; }

.NewsContentPic img { width:70%; margin:10px 0 0 0; padding:3px; border:1px solid rgba(0,0,0,0.4); background-color:#fff; border-radius:5px; box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.45); }

.prePic img { width:100%;  border-radius:5px; padding:2px; background-color:rgba(255,255,255,0.85); box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.25); border:1px solid rgba(0,51,102,0.5);}
.closenews {text-align: right; cursor: pointer; width: 100%;}
.closenews img { margin:10px;}
.morenews a {font-family: 'Lora', serif; font-size: 11pt; color: rgba(1,45,85,1); font-style:italic;}
.morenews a:hover {color: rgba(204,0,0,1);}
/*********************page***********************/

.page table { margin:10px 10px 10px 20px; }
.page a {font-family: 'Ubuntu', sans-serif; font-size: 12pt; color: rgba(10,80,150,1); margin:0 3px 0 3px; padding:2px 4px 2px 4px; font-weight:normal; text-decoration:none; border:1px solid rgba(0,0,0,0.35); 
          background-color: rgba(245,250,255,0.7); border-radius:4px; box-shadow: 0 6px 8px -5px rgba(0,0,0,0.4);}
.page a:hover {color: rgba(204,0,0,1); border:1px solid rgba(204,0,0,1); background-color: rgba(255,255,255,1);}
.page span {font-family: 'Ubuntu', sans-serif; font-size: 12pt; color: rgba(10,80,150,1); margin:0 3px 0 3px; 
            padding:2px 4px 2px 4px; font-weight:normal; text-decoration:none; border:1px solid rgba(10,80,150,1);
            background-color:rgba(150,196,245,0.5); border-radius:4px; box-shadow: 0 6px 8px -5px rgba(0,0,0,0.4);}
 
/****************slider**************** 
div.caption
		{
			position: absolute;
			margin-top:0;
			width: 175px;
			text-align:center;
			left: 0px;
			padding: 8px;
			border: none;
			display: none;
			height:384px;
			
		}

			div.caption > a
			{ margin:200px 0px 0px 2px; 
				font-size: 12px; font-family:Tahoma, Arial, sans-serif;
				font-weight:bold;
				text-decoration: none;
				text-transform:uppercase;
				letter-spacing:1px;
				color:rgba(255,255,255,0.60);

    text-shadow: 1px 1px 0px rgba(0,0,0,0.7); line-height: 1.5;
			}*/ 



 div.topshow
		{  width:100%;  height:360px;
		 padding:0; border-radius:5px 5px 0 0; border:0px solid rgba(0,0,0,0.0);  box-shadow: 0 6px 6px -6px rgba(0,0,0,0.4);
		}
 
img.topshow  { width:100%; }   



   /* 
@media screen and  (max-width: 840px) {
.newsdiv { width:100%; margin:0 0 0 10px;}
.newsdiv1 {width:100%; margin:0 0 0 10px;}
.boss { width:340px; height:405px; }
.structura { margin:0;}
.structura div {width:306px; margin:5px 20px 10px 0px;}
}     
*/
.karta { border:1px solid rgba(0,0,0,0.4); padding:3px; border-radius:6px; box-shadow: 0 6px 6px -6px rgba(0,0,0,0.4); background-color}