/*-- ОСНОВНЫЕ СТИЛИ --*/

 @import url(buttons.css);
 @import url(menus.css);
 @import url(component.css);
 @import url(../../font-awesome-4.7.0/css/font-awesome.min.css);
 @import url(http://fonts.googleapis.com/css?family=Arimo&subset=cyrillic-ext,latin);
 @import url(http://fonts.googleapis.com/css?family=Roboto&subset=cyrillic-ext,latin);
 @import url(http://fonts.googleapis.com/css?family=Lato&subset=cyrillic-ext,latin);
 @import url(http://fonts.googleapis.com/css?family=Prosto+One&subset=cyrillic-ext,latin);
 
 body { margin: 0 }

 nav { margin: 0;
       padding: 0 15px;
	   height: 50px;
	   width: 100%;
	   box-sizing: border-box;
	   background: #eee;
	   border-bottom: 4px solid #4d627d }
	   
  nav #logo { float: left;
              margin-top: 12px;
              color: #bf5a1e;
              font: normal 22px 'Prosto One', sans-serif }
 
 #content { padding: 15px 0;
            background: #fff url(../../images/tabr.png) repeat-x;
            width: 100%;
            /*min-height: 500px;*/
			box-sizing: border-box;
            color: #000;
            font: normal 14px 'Lato', sans-serif }
			
  #content:after { content: "";
                   display: table;
                   clear: both }

 a { color: #0058b0;
     outline: none; 
     text-decoration: none }
   a:active,
   a:visited { color: #0058b0 }
   a:hover { text-decoration: underline }
   a img { border: 0 }
   a [class^="icon-"] { color: inherit;
                        text-decoration: none }

 h1 { color: #000;
      font: bold 17px 'Arimo', sans-serif;
      margin: 0 0 15px 10px }
   h1 #z { color: #000;
           font: normal 16px 'Arimo', sans-serif }     

 h3 { margin: 0 0 5px 0; color: #333;
      font: bold 14px 'Arimo', sans-serif }

 h6 { margin: 0 0 10px 0;
      color: #555;
      font: normal 13px 'Roboto', sans-serif }         
          
 img { border: 0 }

 label { padding-left: 5px;
         border: none }

 input { vertical-align: middle;
         margin: 0;
         padding: 0 }

   input[type="text"],
   input[type="password"] { border: 1px solid #8f8f8f;
                            padding: 5px 7px;
                            font-family: inherit;
                            font-size: 13px }
    input[placeholder]:focus::-webkit-input-placeholder { color: transparent }
    input[placeholder]:focus::-moz-placeholder          { color: transparent }
    input[placeholder]:focus:-moz-placeholder           { color: transparent }
    input[placeholder]:focus:-ms-input-placeholder      { color: transparent }

 textarea { height: 150px;
            border: 1px solid #8f8f8f;
            padding: 5px 7px;
            vertical-align: top;
            font-family: inherit;
            font-size: 13px;
            resize: vertical }
    textarea[placeholder]:focus::-webkit-input-placeholder { color: transparent }
    textarea[placeholder]:focus::-moz-placeholder          { color: transparent }
    textarea[placeholder]:focus:-moz-placeholder           { color: transparent }
    textarea[placeholder]:focus:-ms-input-placeholder      { color: transparent }


 input[type="text"]:focus,
 input[type="password"]:focus,
 textarea:focus { color: inherit;
                  border: 1px solid #0058b0;
                  outline: none }
 
 table { border: 0; border-spacing: 0; border-collapse: collapse }
                
 #green { color: green }                

 /*-- Блок формы заполнения --*/
 .striped { padding-bottom: 25px }
 
   .striped #req1 { color: #004080;
                    font-size: 12px }
     .striped #req1 i { color: #e17100;
                        font-size: 8px;
                        vertical-align: super;
                        margin-right: 2px }
   .striped #req2 { margin-top: 4px;
                    color: #004080;
                    font-weight: normal;
                    font-size: 12px }
     .striped #req2 i { margin-right: 3px;
                        font-size: 13px }
                        
   /*.striped #foto { float: left;
                    margin-right: 20px }*/
                    
                  
   .striped button { margin: 20px 0 0 5px }              
 
   .striped .bl { width: 100%;
                  box-sizing: border-box;
                  padding: 15px 5px;
                  border-bottom: 1px solid #ddd }
                  
     .striped .bl#first { border-top: 1px solid #ddd;
                          margin-top: 4px }
                         
     .striped .bl:after { content: "";
                          display: table;
                          clear: both }
                
     .striped .bl h1 { margin: 0 0 10px 0; 
                       font-weight: bold;
                       font-size: 14px }
                       
     .striped .bl em { margin-right: 15px;
                       font-weight: bold;
                       font-style: normal;
                       font-size: 14px }
                              
     .striped .bl #work { margin-top: -5px;
                          line-height: 1.5 }
                           
     .striped .bl textarea { width: 100%;
                             box-sizing: border-box;
                             padding: 5px 5px } 
                             
     .striped .bl #lllog { float: left;
                      margin-right: 10px }                        
                              
     .striped .bl #logo { display: inline-block }
       .striped .bl #logo i { margin-right: 4px }                      
       .striped .bl #logo button { margin: 14px 0 0 0 }
 /*---------------------------*/
 
  .good { margin: 0 0 20px 5px;
          font-size: 14px;
          color: green }
    .good i { margin-right: 5px }
    
  .wrong { margin: 0 0 5px 5px;
           font-size: 14px;
           color: #800000 }
    .wrong i { margin-right: 5px }  
    
 #error { margin: 8px 0 0 5px }
 
 /*-- Таблица поиска в разделе --*/
 .poisk { font: normal 12px 'Roboto', sans-serif }
  
   .poisk th { padding: 7px 20px 7px 5px;
               vertical-align: middle;
               text-align: left;
               font-weight: normal }
   .poisk th span { color: #999; margin-right: 4px }         

   .poisk td { padding: 3px 0; text-align: left; }

   .poisk td input[type="text"] { padding: 3px 5px; font-size: 12px }
   .poisk td select, 
   .poisk td input[type="checkbox"] { font-size: 12px }
   
   .posk { margin: 0 0 20px 5px }  
   #posk { display: none; margin: 0 0 20px 5px }
    #posk button { margin-left: 260px }
 /*---------------------------*/

 /*-- Блок отображения элемента в списке раздела --*/
 .section { /*margin-top: 15px;*/
            padding: 15px 5px;
            border-top: 1px solid #ccc;
            /*font: normal 14px 'Lato', sans-serif;*/
            overflow-x: auto;
            white-space: nowrap }
  
   .section .left { width: 45%;
                    margin-bottom: 7px;
                    display: inline-block;
                    float: left;
                    font: italic 13px 'Roboto', sans-serif }
     .section .left#new     { color: red; font-style: normal }
     .section .left #sale    { color: #ff8040 }
     .section .left #buy     { color: #008000 }
     .section .left #service { color: #000080 }
     
     .section h3 { margin: 0 0 7px 0;
                   color: #0058b0;
                   font: bold 15px 'Arimo', sans-serif }

   .section #right { width: 55%;
                     margin-bottom: 7px;
                     text-align: right;
                     display: inline-block;
                     font: normal 13px 'Roboto', sans-serif }

  .section #ico { margin-top: 6px;
                  margin-right: 3px;
                  color: #747474 }
     
   .section #ico i { margin-right: 3px;
                     color: #747474 }

       .section th { width: 80px;
                   text-align: left;
                   font-weight: normal;
                   vertical-align: top }
       .section th img { margin-right: 10px }
  
     .section td { vertical-align: top; padding-right: 5px;
                   line-height: 1.5 }
       .section td img { margin-right: 5px;
                         float: left;
                         width: 20px }

   .section .work { margin-top: 7px; }
     .section .work#l { margin-right: 15px;
                        float: left }
     .section .work#r { line-height: 1.3;
                        display: inline-block }
       .section .work#r span { color: #747474 }
 
   .section #text { margin-bottom: 10px;
                    line-height: 1.5 }
     .section #text img { margin-right: 5px;
                          float: left;
                          width: 20px }
                          
   .section #vac { margin-top: 10px;
                   line-height: 1.4 }

   .section:last-child  { border-bottom: 1px solid #ccc }
 /*---------------------------*/
  								
/*-- Вкладки раздела --*/
 ul.section_tabs { margin: 0 0 20px 0;
                   padding: 0;
                   width: 100%;
                   overflow-x: auto;
                   white-space: nowrap;
                   border-bottom: 1px solid #d5d5d5;
                   text-align: left;
				   font: 0 }

   ul.section_tabs li { font: normal 15px 'Arimo',sans-serif;
                        list-style-type: none;
	                    padding: 0;
	                    display: inline-block;
	                    *display: inline;/*IE ONLY*/
	                    position: relative;
	                    zoom: 1 }

     ul.section_tabs li a { text-decoration: none;
	                        color: #0058b0;
	                        display: inline-block;
	                        padding: 7px 12px;
	                        position: relative;
	                        background: #f5f5f5;
	                        border: 1px solid #e5e5e5;
	                        zoom: 1 }

       ul.section_tabs li a:hover { background: #fff }

	   ul.section_tabs li.current a { position: relative;
	                                  top: 1px;
			                          padding-bottom: 11px;
	                                  left: 0;
	                                  background: #fff;
	                                  border-top: 2px solid #0058b0;
								      border-bottom: 0;
								      color: #222 }	
 /*---------------------------*/								


 /*-- Стили отображения элемента --*/
 .public { padding-bottom: 25px }
   .public h1 { margin: 0 0 15px 0;
                font: normal 21px 'Arimo', sans-serif }

   .public h3 { font-weight: normal; font-size: 13px; }
   
   .public ol,
   .public ul,
   .public dl { margin: 0 10px 15px;
                padding: 0 20px }
                
   .public p { margin: 0 0 15px 0 }

   .public .author { font-size: 13px }
     .public .author th { vertical-align: top;
                          text-align: left;
                          font-weight: normal;
                          padding-bottom: 5px }
     .public .author td i { margin-right: 3px; color: #747474 }   
     .public .author td a i { color: #0058b0 }                                      
     .public .author tr td:last-child { text-align: right; padding-right: 10px }    
  
   .public .product { margin-top: 10px;
                      padding: 15px 0;
                      border-top: 1px solid #ccc;
                      border-bottom: 4px solid #ccc }
     .public .product img { margin: 0 20px 15px 0;
                            float: left;}
     .public .product #new { color: red; 
                             font-style: normal;
                             margin-bottom: 15px }
     .public .product #ttt { line-height: 1.5 }
     .public .product #ttt img { width: 80px }
       .public .product #ttt:after { content: "";
                                     display: table;
                                     clear: both }
  
     .public span    { font-style: italic }                              
       .public #sale    { color: #ff8040 }
       .public #buy     { color: #008000 }
       .public #service { color: #000080 }                               
  
     .public #text { padding: 15px 0;
                     line-height: 1.4;
                     border-bottom: 1px solid #ccc }
       .public #text:first-child { padding: 0 0 15px 0 }
       .public #text:last-child { border: 0; padding: 15px 0 0 0 }
       .public #text h4 { font-size: 14px;
                          font-weight: bold; 
                          margin: 0 0 10px 0 }
       .public #text h5 { font-size: 14px;
                          font-weight: bold;
                          float: left; 
                          margin: 0 10px 0 0 }
                        
     .public button { margin-top: 25px }                        
 /*---------------------------*/