/*   
Theme Name: Моя тема
Theme URI: http://wordpress.loc/
Description: краткое-описание-темы
Author: Екатерина
Author URI: http://wordpress.loc/
*/


/* CSS Document */


* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	max-width: 1430px;
	margin: 0 auto;
}
.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	/*background:#CD8182;*/
}
.main {
	flex: 1 0 auto;
	background:url(images/2.jpg) no-repeat;
	 background-size: cover; 
	 border: 1px solid #000;
	
}

.header{
	overflow:hidden;
	background:#FFFFFF;
	
}
 .slogan {
        padding-left: 180px; width:47%;
      }
.head-contact{
	float:right; color:#000; background:#f8fafb url(images/phone-img.jpg) 270px 20px no-repeat;
	border:2px solid #edf2f6; border-radius: 10px 0 0px 10px; text-align:right; margin:15px 0 0 0;
	padding: 5px 65px 10px 15px; 
}
.head-contact p { 
		  font-size: 14px; font-family: Verdana, Geneva sans-serif; line-height:1.3; margin:0 0 3px 0;
	  }
		.head-contact p strong {
			font-size:15px; font-weight:normal;
		}
		.head-contact p span {
			font-size:16px; font-weight:bold;
		}
	.nadpis p{
              font:bold 20px Tahoma; position:absolute; margin: -160px 0 0 170px; color: #000;
           }


/* tabsmenu */
.menu{
	display:table-row; list-style:none;
		
	}

.menu li{
			display:table-cell; width:auto; 
            text-align:center; height:30px; border-left:1px solid #2b99d0; 
            border-right:1px solid #043f60; 
			vertical-align:bottom;   /*чтобы текст был на середине*/
            background: #1e5799; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, hsla(212,67%,36%,1) 0%, hsla(207,69%,51%,1) 0%, hsla(208,73%,46%,1) 0%, hsla(206,70%,70%,1) 0%, hsla(208,73%,46%,1) 78%, hsla(210,76%,49%,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, hsla(212,67%,36%,1) 0%,hsla(207,69%,51%,1) 0%,hsla(208,73%,46%,1) 0%,hsla(206,70%,70%,1) 0%,hsla(208,73%,46%,1) 78%,hsla(210,76%,49%,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, hsla(212,67%,36%,1) 0%,hsla(207,69%,51%,1) 0%,hsla(208,73%,46%,1) 0%,hsla(206,70%,70%,1) 0%,hsla(208,73%,46%,1) 78%,hsla(210,76%,49%,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e7ddb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
		
	.menu li:first-child {
		border-left:none;        /* убираем первый бордер*/
	}
	.menu li:last-child {
	border-right: 1px solid #043f60;      /* убираем последний бордер*/
	}
		.menu li:hover{
			background:#3a7c9f center top no-repeat;  border-left:1px solid #01496f; border-right:1px solid #01496f;
		}
         .menu li a:hover{
            color:#fff;            /*при нажатии на кнопку */
			      }
			
		.menu li a{
			display:block; width:1000px; height:30px; vertical-align:middle; display:table-cell; 
            font:bold 13px Verdana, Geneva, sans-serif; color:#fff; text-decoration:none;
            text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px; 
		}
		
#contentwrapper {
		    max-width: 1430px; margin: 0 auto; 
			float:left; width:100%;
			 background-size: cover; 
			/*border: 1px solid #000; border-left:none;
		  } 
	/*#hei {
    height: 100vh; /* 100vh - 100% от высоты viewport(окна браузера) */
  
	display: flex;
}	  
.container  {
			/* margin:0 0 0 26%;*/
			 width: 74% !important;
			 flex-grow:1; /*чтобы занимал оставшееся место*/
			 /*background-color: aqua;*/
	
		  }
.catalog-index {
	overflow:hidden;
}
	.slova {
                margin: 30px 50px 20px 35px;
				font: 16px Times New Roman;
				 line-height:1.8;
            }
              .otslova p{
                    text-indent:1px !important;
                }
             .slova p {
                text-indent: 0px; font-size: 18px; 
             }
                
               .slova_li  {
                 margin: 5px 0 5px 50px !important; 
				 line-height:1.8;
				 
               }
                 .slova_li a {
                    text-decoration: none; color:#000; 
										
                 }
                 .slova_li a:hover {
                    font-weight: bold;
                 }
                   .slova_li a:visited {
                     color:#09168f;
                   }
		  #left-bar {
			  float:left; /*width:360px;*/
			  /*margin-left:-100%;*/
			  width: 26%;	
			  /*background-color: darkgoldenrod;*/
			  }
		 .info_border {
                border: 1px solid #68a3c5; margin: 20px; border-radius: 5px; background: #68a3c5; padding:20px 2px 2px 2px;
            }
              .info_border2 {
                border: 1px solid #06699f; margin: 3px; padding:5px ; background: #06699f; border-radius: 5px; 
              }
              .info p{
                display: none;
              }
             .info li{
                width:auto; text-align: left;   
                padding: 20px; list-style-type: none;
				border:1px solid #aeb2ca; border-radius: 5px; border-bottom: none;
             }
			 .info li.active{
				 border:1px solid #aeb2ca; border-radius: 5px;
			 }
                .info a{
                   font: 17px verdana; margin: 0; 
                   background: #06699f; color:#fff; 
                }
                   .info a:hover{
                      text-decoration: none;
					  font: 17px verdana; margin: 0; 
                      background: #06699f; color:#fff; 
                   }

.footer {
	flex: 0 0 auto;
	background:#FAADFF;
	background: #0074B5 top repeat-x; overflow:hidden;
	color:rgba(255,255,255,0.7); padding-bottom:0; max-width: 1430px;
	margin: 0;
	border: 1px solid #000; border-top: none;
}
.flogo {
	   float:left; margin:35px 0 0 20px;   
	   } 
	   .flogo p {
		 margin:10px 0 0 0; font:14px Verdana, Geneva sans-serif;
	 }
	   .flogo a:hover{
           color:#fff !important;
       }
	 .nadpis {
	  font: bold 14px Verdana; color:rgba(255,255,255,0.7) !important; text-decoration:none;
     }
	    .nadpis span {
	       font:bold 16px Verdana;
        }   
		.nadpis:hover {
		 
	    }
 .fphone {
	   float:right; text-align:right; font:12px Verdana, Geneva sans-serif; padding:0 20px 5px 0;
   }
      .fphone h2 {
		 font-size:14px; margin-top: 5px;
	 }
	 .fphone h1 {
		 font:bold 16px Verdana, Geneva sans-serif; 
	 }
   .fmenu {
		  float:left; font:14px Verdana, Geneva sans-serif; overflow:hidden; margin:15px auto 0 auto; width:34%;
	   }	
	    .fmenu p {
			  text-align:center; font-weight:bold;
		  }
			 .fmenu ul {
				 float:left; list-style:none; margin:10px 0 0px 85px;
			 }
			    .fmenu ul li {
					padding:3px 15px; line-height:1.5; font-size: 15px; float: left;
				}
				  .fmenu ul a {
					  color:rgba(255,255,255,0.7); text-decoration:none;
				  }
				  .fmenu ul a:hover {
					  color:rgba(255,255,255,1); 
				  }  
				  
/* --------------------- Проекты ----------------------*/
.page-proect {
    margin-bottom: 20px ; font: 18px Times New Roman;
}
.page-proect h3 {
    font-weight: bold; margin: 30px 20px 10px 40px;
	text-align: center;
}
.page-proect ul li {
    margin: 20px 20px 10px 40px;
}

/* --------------------- Проекты ----------------------*/
   
/* --------------------- Лицензии и сертификаты ------------------------*/
.text-infa {
    margin: 35px 50px 270px 30px;
}
  .text-infa p {
    font:bold 20px Times New Roman; padding-bottom:15px;
  }
     .text-infa ul li {
        margin:0 0 20px 30px; font:18px Times New Roman;
     }
.otstup {
    margin-top: 290px;
}
/* --------------------- Лицензии и сертификаты ------------------------*/

/* -------------------------- О компании ------------------------------*/
.okompanii {
    margin: 20px 15px 10px 40px; 
}
  .okompanii p {
      text-indent: 30px; padding:15px 0 10px 0; font-size: 18px;
	  
  }
     .okompanii ul li {
        margin-left: 80px; font-size: 18px;
     }
        .okompanii ul li a {
        margin-left: 80px; font-size: 18px;
     }

.blagodar p {
	text-indent: 30px; padding:15px 0 10px 0; font-size: 18px;
}
.blagodar {
	display: flex;
	margin-top:20px;
}
.blago img {
	padding-left: 70px;
	margin:10px 60px 30px 0;
}    
.blago1 img {
	padding-left: 45px;
	margin:10px 60px 30px 0;
}    

.textbl {
	margin-top:20px;
	margin-left:-150px;
}
/* -------------------------- О компании ------------------------------*/    

/* --------------------- Лицензии и сертификаты ------------------------*/
.text-infa {
    margin: 15px 20px 270px 30px;
}
  .text-infa p {
    font:bold 20px Times New Roman; padding-bottom:15px;
  }
     .text-infa ul li {
        margin:0 0 20px 30px; font:18px Times New Roman;
     }
.otstup {
    margin-top: 290px;
}
/* --------------------- Лицензии и сертификаты ------------------------*/

/* ----------------------- Контакты -------------------------------*/
.contacti {
    margin: 40px 15px 10px 40px; 
	font:18px Times New Roman;
}
  .contacti h1 {
    font-size: 24px;
    color: #382B8C;
    font-weight: normal;
    margin-bottom: 15px;
    }
 .contacti v {
	margin-top: 20px;
}
         .dubl {
            margin-left: 60px;
         }
/* ----------------------- Контакты -------------------------------*/


/*------------------ Текст --------------------------*/
.content-txt {
    padding:15px; 
    }
  .uchastie {
    margin: 0 0 20px 50px; 
  }
/*------------------ Текст --------------------------*/

/*------------------ Крошка --------------------------*/
.kroshka {
	font:14px Verdana, Geneva sans-serif #555; margin:15px 0 0px 30px;
}
   .kroshka span {
	   color:#382B8C;
	}
	   .kroshka a {
		   color:#555;
	   }
	      .kroshka a:hover {
			  text-decoration:none; color:#555;
		  }
/*------------------ Крошка --------------------------*/

/* ---------------------Каталог текстовый вид -------------------*/

.content-txt {
	overflow:hidden; font:18px Times New Roman; color:#000; margin:0 15px;
}
   .content-txt h1 {
	   font-size:24px; color:#382B8C; font-weight:normal; margin-bottom:15px;
   }
   .content-txt h2 {
	   font-size:20px; color:#000; font-weight:normal; margin: 0 0 15px 0;
   }
   .content-txt h3 {
	   font-size:18px; color:#000;  font-weight:normal; margin: 20px 0 15px 0;
   }
   .content-txt h4 {
	   font-size:14px; color:#000;  font-weight:bold; margin: 20px 0 15px 0;
   }
   .content-txt h5 {
	   font-size:12px; color:#000;  font-weight:normal;margin: 20px 0 15px 0;
   }
   .content-txt h6 {
	   font-size:10px; color:#000;  font-weight:normal; margin: 20px 0 15px 0;
   }
     /* .content-txt p {
		  margin:0 0 10px 0;
	  }*/
	     .content-txt a {
			 color:#382B8C;
		 }
   .content-txt ul {
	   list-style:circle; margin: 20px 0 15px 15px;
   }
       /*.content-txt ul li {
		   line-height:1.7;
       }*/
	   
/* ---------------------Детальный вид -------------------*/

.pagination{
    text-align:center;
    margin: 10px 10px 30px 10px;
}
a.nav_active{
    border: 1px solid #ccc;
    background-color: #0196e3;
    color: #fff;
    padding: 5px 7px;
    margin: 0 2px;
}
a.nav_link{
    padding: 5px 7px;
    border: 1px solid #ccc;
    text-decoration: none;
    margin: 0 5px;
    color: #777;
}
a.nav_link:hover{
    background-color: #0196e3;
    color: #fff;
}


.panel img {
    width: 150px;
}