@font-face { font-family: 'Lato';
             src: url("Lato.ttf") format("truetype"); }
			 
@font-face { font-family: 'Mulish';
             src: url("Mulish.ttf") format("truetype"); }

body { margin: 0;
       padding: 0;
       overflow-x: hidden;
       box-sizing: border-box } 
	   
nav { margin: 0 auto;
      width: 1000px;
      box-sizing: border-box }

header { /*border-bottom: 1px #ccc solid;*/
         /*box-shadow: rgba(28, 49, 105, 0.35) 0px 0px 15px;
         /*box-shadow: rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
         background-color: #fff;
         box-shadow: rgba(109, 89, 2, 0.14) 0px 16px 24px;
         box-sizing: border-box }      

header nav { height: 50px;
             width: 1000px;
             box-sizing: border-box;
             display: flex;
             flex-direction: row;
             flex-wrap: nowrap;
             align-items: center;
             align-content: center;
             justify-content: space-between  }
  header nav img { height: 35px }

.content { width: 100%;
           padding-bottom: 30px;
    		   margin: 20px 0 10px 0;
		       box-sizing: border-box }
				   
h1 { font: bold 21px 'Mulish', sans-serif;
	   color: #444;
     margin: 20px 0 15px 0 }
	 
h2 { font: normal 21px 'Lato', sans-serif;
	   color: #2e4742;
     margin: 25px 0 10px 0 }
	 
h3 { font: normal 18px 'Lato', sans-serif;
	   color: #333;
     margin: 0 0 10px 0 }
  h3 img { margin-right: 8px; vertical-align: -8px } /*#C7A84C*/

p { margin: 0 0 15px 0 }
p#art { margin: 0 0 10px 0 }  
	 
a,
  a:visited,
  a:active { color: #1a5ec9; text-decoration: none }
  a:hover { text-decoration: underline }	 

table { border: 0; border-spacing: 0; border-collapse: collapse }

.about { text-align: justify;
         font: normal 16px 'Lato', sans-serif;
         line-height: 1.5 }
  .about p:last-child { margin-bottom: 0 }
  .about ul { margin-top: 0; 
              margin-bottom: 0 }
  .about li::marker { color: #C7A84C }
  .about table { width: 100% }
    .about table td { width: 50% }
    .about table th { width: 50%; text-align: right }
    .about table th img { width: 250px; margin-top: 0 }

.services table { width: 100%;
                  margin-bottom: 35px }

  .services th { text-align: right;}
    .services th img { width: 500px }      

  .services td { font: normal 17px 'Lato', sans-serif;
                 color: #444;
                 line-height: 1.5 }
    .services td h1 { margin: 0 0 10px 0;
                      width: 90%;
                      font: bold 20px 'Lato', sans-serif;
                      padding-bottom: 15px;
                      border-bottom: 1px #C7A84C solid;
                      color: #2e4742 }	

  .services ul { margin-bottom: 10px }
    .services li::marker { color: #C7A84C }

.news h4 { font: normal italic 13px 'Lato', sans-serif;
           color: #333;
           margin: 40px 0 10px 0 }
  .news h4:first-child { margin-top: 0;}
  .news h4 img { margin-right: 5px; vertical-align: -3px }

.news table { width: 100% }
  .news table caption { margin-bottom: 12px;
                        font: bold 16px 'Lato', sans-serif;
                        color: #444;
                        text-align: left }
  .news table td { text-align: justify;
                   padding-left: 15px;
                   font: normal 15px 'Lato', sans-serif;
                   line-height: 1.4;
                   vertical-align: top }
    .news table td a img { width: 15px; vertical-align: -3px }

  .news table th { width: 200px;
                   text-align: left;
                   vertical-align: top } 
    .news table th #logo { width: 200px }
    .news table th div { margin-top: 7px;
                         text-align: center;
                         font: normal 14px 'Lato', sans-serif;
                         color: #666 }
      .news table th div img { margin-right: 5px; vertical-align: -3px }

.products table { width: 100%;
                  margin-bottom: 35px;
                  font: normal 16px 'Lato', sans-serif;
                  color: #444;
                  line-height: 1.5 }
  .products table:last-child { margin-bottom: 0 }

  .products th { width: 50%; background-color: #fcfbf7 }
  .products td { width: 50% }                     
    .products td.right { padding-left: 20px }	
         
    .products td h1 { margin: 0 0 10px 0; 
                      font: bold 17px 'Lato', sans-serif;
                      color: #2e4742 }	
 
.products li::marker { color: #C7A84C }

.partners table { width: 100%;
                  margin-bottom: 25px }
  .partners table:last-child { margin-bottom: 0 }                
  .partners td { width: 80%;
                 font: normal 16px 'Lato', sans-serif;
                 line-height: 1.5;
                 vertical-align: top }
    .partners td h5 { margin: 0 0 8px 0; 
                      color: #2e4742;
                      font: normal 18px 'Lato', sans-serif }
      .partners td h5 span { margin-right: 5px; color: #C7A84C }
         
  .partners th { width: 150px;
                 text-align: right;
                 vertical-align: top } 
                                        
    .partners th img { width: 120px }                 

form { font: normal 16px 'Lato', sans-serif }
  form th,
  form td { padding: 7px 0; text-align: left }	

input { vertical-align: middle;
        margin: 0;
        padding: 0;
        color: #444;
		    font: normal 15px 'Lato', sans-serif }

  input[type="text"],
  input[type="email"] { border: 1px solid #8f8f8f;
                        padding: 7px;
					              width: 350px;
                        outline: none }
  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;
           width: 650px;
           border: 1px solid #8f8f8f;
           padding: 7px;
           vertical-align: top;
           font-family: inherit;
           font: normal 15px 'Lato', sans-serif;
           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="email"]:focus,
  textarea:focus { border: 1px solid #1a5ec9;
                   outline: none }

button { padding: 8px 18px;
         font: normal 16px 'Lato', sans-serif;
         background: #3e77aa;
         color: #eee;
         cursor: pointer;
         border: none;
         border-radius: 5px }

footer { width: 100%;
         margin-top: 20px;
         background-color: #232f3d;
         border-top: 2px #777 solid }
  footer nav { margin: 0 auto;
               height: 70px;
               font: normal 14px 'Lato', sans-serif;
               color: #ccc;
               line-height: 1.6;
               background-color: transparent;
               display: flex;
               flex-direction: row;
               flex-wrap: nowrap;
               align-items: center;
               align-content: center;
               justify-content: space-between;
               box-sizing: border-box }