@font-face {
	font-family: 'Open Sans';
	src:  url('../fonts/open-sans.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans Bold';
	src:  url('../fonts/open-sans-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pt-sans.ttf') format('truetype');
}
@font-face {
	font-family: 'PT Sans Bold';
	src: url('../fonts/pt-sans-bold.ttf') format('truetype');
}

BODY { background: #fff; margin: 0; }
   .layout { width: 1320px; margin: 0 auto 10px; background: #f7f8fb; }   
   .sidebar { width: 220px; float: right; margin-top: 0; background: #fff; border: 0px solid #000;  }   
   .content { margin-right: 220px; min-height:800px; }
/**/   
p { font-family: 'Open Sans', arial; font-size: 11pt; }
h1 { font-family: 'PT Sans Bold', arial; font-size: 20pt; text-align: center; margin:10px 20px; text-shadow:0px 1px 0px #ccc; color:#3c464c; }
h2 { font-family: 'PT Sans Bold', arial; font-size: 16pt; margin:0 10px; color: #2260ab; }
h3 { font-family: 'PT Sans Bold', arial; font-size: 13pt; color: #2260ab; }

/*шапка*/
.container_top { height:120px; margin:auto; background-color:#fff; border-bottom: 1px solid #ccc; }

 table {
    width: 100%; 
   }
   .coltop1 {
    width: 200px;  
    border: 0px solid #000; 
    }
   .coltop1 img{
    width: 257px; 
    border: 0px solid #000;  
    }
   .coltop2 {
    width: 330px; 
    text-align: left;
    font-family: 'Open Sans', arial;
    font-size: 0.9em;
    border: 0px solid #000;
    }
   .coltop3 {
    width: 360px;  
    border: 0px solid #000; 
    } 
   .coltop40 {
    width: 30px;
    text-align: right;
    padding-top: 2px;
    border: 0px solid #000;     
   }    
   .coltop40 img{
    padding-top: 6px; 
    padding-right: 10px; 
   }     
   .coltop41 {
    width: 150px;
    padding-left: 5px; 
    vertical-align: top;
    padding-top: 10px;
    line-height: 2.0;
    border: 0px solid #000;
   } 
   P.inf { 
    margin-top: 0;
    margin-bottom: 0.5em;
    font-family: 'Open Sans Bold', arial;
    color: #000; 
    font-size: 16px;
    text-align: left;
   }  
   P.inf a{ 
    color: #000; 
    text-decoration: none;
   } 
   .oper img{margin-top: 3px;}
   
.top_button {
  padding: 10px 20px!important;
  margin: 10px 5px!important;
  margin-right: 0!important;
  border: solid 1px #2260ab;
  font-family: 'Open Sans', arial;
  font-size: 1em;
  background: #FFFFFF;
  color: #2260ab;
  text-align: center;
  text-decoration: none!important;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top_button:hover {
  background: #F2F2F2
}            

/*общие*/ 
.content a { text-decoration: none;}
.content p { padding: 0 10px;}  
  
/*блоки на главной*/
.block_top {
  text-align:center;
  height:190px; 
  margin: 20px 0 10px 10px; 
}
.block_top h3{
	font-family: 'PT Sans Bold', sans-serif;
	font-size:14pt;
	color: #2260ab;
}
.block_top p{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	text-align:center;
}
.block_top1 {
	float:left; width:29%; margin:0 10px;
	height: 160px;
	padding:15px 15px 20px 10px;
	color:#000;
	background: #fff;
	border-top: 3px solid #2260ab;
}
.block_top1:hover{
	box-shadow: 2px 2px 4px 2px #ccc;
}
.block_top1 a:hover{
	text-decoration: underline;
}
/*блоки на главной в середине*/
.block_mid {
  text-align:center;
  height:170px; 
  margin: 0 0 0 10px;
}
.block_mid p{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size:10pt;
	color: #fff;
	text-align:center;
}
.block_mid1 {
	float:left; width:29%; margin:0 10px;
	height: 110px;
	padding:15px 15px 20px 10px;
	color:#000;
	background: #2260ab;
	border-top: 3px solid #fff;
}
.block_mid1:hover{
	box-shadow: 2px 2px 4px 2px #ccc;
}
.block_mid1 a:hover{
	text-decoration: underline;
}

/*блоки портфолио*/
.block_top_port {
  text-align:center;
  height:330px; 
  margin: 20px 0 20px 10px; 
}
.block_top_port h3{
	font-family: 'PT Sans Bold', sans-serif;
	font-size:14pt;
	color: #2260ab;
}
.block_top_port1 {
	float:left; width:29%; margin:0 10px;
	height: auto;
	padding:15px 15px 20px 10px;
	background: #fff;
	border-top: 3px solid #2260ab;
}
.block_top_port1:hover{
	box-shadow: 2px 2px 4px 2px #ccc;
}
.block_top_port1 a:hover{
	text-decoration: underline;
}

/****/
  .block {
    margin: 0 auto 40px;
    padding: 0 20px 10px;
   }
  .block img{
    padding: 0 15px;
    width: 250px;
    height: 166px;
   } 
  .block table {
    border: 0px solid #000; 
   }
   
  .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 5px 10px 10px 0; /* Отступы вокруг картинки */
   }
  .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 5px 0 10px 10px; /* Отступы вокруг картинки */
   }
   hr{
    border: none; 
    background-color: #2260ab; 
    color: blue; /* IE6-7 */
    height: 3px; 
   } /*сайдбар*/
.sidebar h2{ font-size: 13pt;}

.sidetop {
	background: #2260ab;
	margin-top: 0;
	padding: 10px 0 5px 0;
	text-align:center;
}
.sidetop h2{
	color:#fff;
}
.sidetop P{
	color:#fff;
}
.sidetop1 {
	background: #fff;
	margin-top: 0;
	padding: 20px 0;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	color:#7c808b;
	font-size: 11pt;
}
.sidetop2 {
	background: #fff;
	margin-top: 0;
	padding: 20px 20px;
}
.sidetop2 p{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size: 10pt;
}

/*контакты*/  
.colcon1 {
    width: 300px;
    padding: 0 5px 0 50px; 
    vertical-align: top;
    line-height: 2.0;
    border: 0px solid #000;
   } 
.colcon2 {
    width: 300px;
    padding: 0 5px 0 50px; 
    vertical-align: top;
    line-height: 2.0;
    border: 0px solid #000;
   } 
.colcon3 {
    text-align: center;
    border: 0px solid #000;
   }
 P.con1 { 
    margin-top: 0;
    margin-bottom: 0.5em;
    font-family: 'Open Sans', arial;
    color: #000; 
    font-size: 11pt;
    font-weight: 300; 
    text-align: left;
   } 
.colcon1 .fa { 
    color: #000; 
    text-shadow:0px 1px 0px #000;
   } 
.colcon2 .fa { 
    color: #000; 
    text-shadow:0px 1px 0px #000;
   }         
/*подвал*/  
.footer { 
    height:auto; 
    min-height:80px; 
    margin:auto; 
    margin-bottom:-10px; 
    background: #151f25; 
    color: #fff; 
    font-size: 0.8em;    
    clear: both; /* Отмена обтекания */
    padding: 10px;
    font-family: 'Open Sans', arial;
   }   
   #copy {
    text-align: center;
    color: #ccc;
    font-size: 10pt;
   }  
.count { text-align: center;  padding:10px 0; }  
.colbot1 {
    width: 200px;
    padding: 0 5px 0 50px; 
    vertical-align: top;
    line-height: 2.0;
    border: 0px solid #fff;
   } 
.colbot2 {
    width: 790px;
    padding: 0 5px; 
    vertical-align: top;
    line-height: 2.0;
    border: 0px solid #fff;
   } 
.colbot3 {
    width: 180px;
    padding: 25px 5px 10px; 
    vertical-align: top;
    line-height: 2.0;
    border: 0px solid #fff;
    text-align: center;
   }         
 P.bott1 { 
    margin-top: 0;
    margin-bottom: 0.5em;
    font-family: 'Open Sans', arial;
    color: #fff; 
    font-size: 11pt;
    font-weight: 300; 
    text-shadow:0px 1px 0px #000;
    text-align: left;
   } 
 P.bott2 { 
    margin-top: 0;
    margin-bottom: 0.5em;
    font-family: 'Open Sans', arial;
    color: #fff; 
    font-size: 11pt;
    font-weight: 300; 
    text-shadow:0px 1px 0px #000;
    text-align: right;
   } 
 .fa { 
    color: #fff; 
    text-shadow:0px 1px 0px #000;
   }