/*--- СТИЛИ ПРОФИЛЯ ---*/
 

 /*-- Аватар (логотип) и контакты --*/

    .profile { margin: 0 5px 20px 5px;
               box-sizing: border-box }
      .profile:after { content: "";
                       display: table;
                       clear: both }
      .profile h1 { margin: 7px 0 10px;
                    color: #000;
                    font: normal 19px 'Arimo', sans-serif }
                    
      .profile #d1 { margin-bottom: 15px }
               #d2 { margin: 0 0 15px 10px }
      
                    
      .profile #avatar { border: 1px solid #ddd;
                         margin-right: 15px;
                         margin-bottom: 20px;
                         padding: 3px;
                         background: #f8f8f8;
                         float: left }

      .profile table { background: #fbfbfb; box-sizing: border-box }
                       
        .profile table tr { border-bottom: 1px solid #ddd }                
        
        .profile table th { padding: 8px 10px 8px 10px;
                            font-weight: normal;
                            text-align: left }
        
        .profile table td { padding: 8px 10px 8px 0 }
          .profile table i { color: #555 }
        
        .profile table tr:last-child { border-bottom: none }
      
 /*---------------------------*/

 /*-- Вкладки --*/
 ul.tabs { margin-bottom: 15px;
           padding: 0;
           width: 100%;
           overflow-x: auto;
           white-space: nowrap;
		   list-style-type: none;
		   border-bottom: 1px solid #bbb }

   ul.tabs li { display: inline-block }
	
     ul.tabs li a { text-decoration: none;
                    color: #1a24b3;
					display: inline-block;
                    padding: 9px;
					font: normal 12px 'Roboto', sans-serif;
					position: relative;
					top: 2px }
	
       ul.tabs li a:hover { color: #444 }
	
   ul.tabs li.current a { position: relative;
                          border-top: 1px solid #0058b0;
                          font-weight: bold;
                          color: #777 }
	
  .tab-content { border: 0; padding: 0 5px; margin: 0; box-sizing: border-box }
 /*---------------------------*/
 
 
 /*-- Вкладка о компании--*/
 dl { margin: 0 0 20px 0 }

 dt { font: normal 15px 'Arimo', sans-serif;
      color: #000 }
   dt i { color: silver;
          margin-right: 5px }

 dd { margin: 10px 0 0 10px;
      line-height: 1.5;
      /*white-space: nowrap;
      overflow-x: auto*/ }
   dd i { margin-right: 4px }
   dd #data { margin-top: 10px }
 /*---------------------------*/

 /*-- Вкладка нoвостей --*/
   .news { margin-bottom: 15px;
         padding-bottom: 15px;
         border-bottom: 1px solid #ccc }

   .news img { margin-right: 10px; float: left }
   
   .news i { margin-right: 5px }

   .news h3 { margin: 0 0 7px 0;
              font: bold 15px 'Lato', sans-serif;
              color: #0058b0 }

   .news table { border: 0;
                 border-collapse: collapse }
     .news #check { width: 30px;
                    text-align: left;
                    vertical-align: middle }
     .news th { text-align: left;
                font-weight: normal;
                font-size: 13px;
                vertical-align: top;
                padding-bottom: 7px }
 
     .news td { vertical-align: top;
                line-height: 1.5 }

   .news button { margin-top: 15px }
     .news button i { margin: 0 }
 /*---------------------------*/

 .product { margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #ccc;
            overflow-x: auto;
            white-space: nowrap }
            
   .product #check { width: 30px;
                     text-align: left;
                     vertical-align: middle }
   
   .product .left { width: 30%;
                    margin-bottom: 7px;
                    display: inline-block;
                    float: left;
                    font: italic 13px 'Lato', sans-serif }
     .product .left #new,
       .product .left #new i { color: red; font-style: normal }
     .product .left #sale    { color: #ff8040 }
     .product .left #buy     { color: #008000 }
     .product .left #service { color: #000080 }
     
     .product h3 { margin: 0 0 7px 0;
                   font: bold 15px 'Lato', sans-serif }

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

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

   .product table { border: 0; width: 100% }

     .product th { width: 82px; 
                   text-align: left;
                   vertical-align: top }
       .product th img { margin-right: 12px }              

     .product td { vertical-align: top;
                   line-height: 1.5 }
       .product td img { margin-right: 3px;
                         vertical-align: -7px }

    .product #text { margin-bottom: 10px;
                    line-height: 1.4 }
     .product #text img { margin-right: 3px;
                          vertical-align: -7px }
                          
   .product #vac { margin-top: 10px;
                   line-height: 1.4 }

 .product button { margin-top: 15px }
 
/*-- Стиль списка контактов и закладок --*/
 table.conts { width: 100%;
               margin-bottom: 15px;
               font-size: 14px;
               border-collapse: collapse;
               color: #3e3e3e }

   table.conts thead { background-color: #d7e3ee;
                       font-size: 12px;
                       color: #5b5b5b }
     table.conts thead th { padding: 5px 0;
                            font-weight: normal }
     table.conts thead td { padding: 5px 7px }

   table.conts tbody th { padding: 7px 0; 
                          border-bottom: 1px solid #ddd }
     table.conts tbody th img { width: 35px }

   table.conts tbody td { padding: 7px 7px; 
                          border-bottom: 1px solid #ddd }
     table.conts tbody td#mal { text-align: center;
                                color: #787878 }
    
     table.conts tbody td:hover { background-color: #ebebeb;
                                cursor: pointer }

   table.conts tr#last td { height: 10px;
                           padding: 0;
                           border: none;
                           background-color: #d7e3ee;
                           cursor: default }

   table.conts tr#empt td { padding: 30px 5px;
                            border: none;
                            cursor: default }
     table.conts tr#empt td:hover { background-color: #fff }

 /*---------------------------*/
 
 fieldset { margin: 25px 0 0 0;
            padding: 5px 15px 15px 15px;
            border: 1px solid #ccc;
            line-height: 1.7;
            width: 80% }

  fieldset legend { border: 1px solid #ccc;
	                background: #f5f5f5;
	                padding: 2px 10px }
	         
  fieldset button { margin-top: 15px }