html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0;
   font: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;
}
html {
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
   display: block;
}

a:focus {
   outline: thin dotted;
}
a:hover,
a:active {
   outline: 0;
}

h1, h2, h3, h4, h5, h6 {
   color: #666666;
   line-height: 1.4;
   font-weight: normal;
}

h1 { font-size: 30px; font-family: 'Open Sans',sans-serif; }
h2 { font-size: 28px; font-family: 'Open Sans',sans-serif; }
h3 { font-size: 26px; font-family: 'Open Sans',sans-serif; }
h4 { font-size: 24px; font-family: 'Open Sans',sans-serif; }
h5 { font-size: 22px; font-family: 'Open Sans',sans-serif; }
h6 { font-size: 19px; font-family: 'Open Sans',sans-serif; }

#topo {
   background: url("../../assets/img/Tela-site.png") no-repeat top center;
   height: 259px;
   float:left;
   width:100%;
}

body {
   background-color: #EDEDED;
}

.description {
   font-family: 'Open Sans',sans-serif;
   font-size: 18px;
   color: #666666;
}
.title {
   margin-left: 30%;
   padding-bottom: 15px;
   margin-bottom: 30px;
}

#menu ul {
   margin-bottom: 70px;
   background-color:#EDEDED;
   list-style:none;
   border-right: 1px solid #D6D6D6;
   background: url("../../assets/img/bgr-box-trans.png") repeat-x scroll left top #F5F4F0;
   color:#6d6d6d;
   border: 1px solid #DEDBD1;
   clear: both;
}

#menu ul li {
   display: inline;
}

#menu .home {
   border-left: 1px solid #d6d6d6;
}


#menu ul li a {
   padding: 20px;
   display: inline-block;

   /* visual do link */
   font-family: Arial,Tahoma,Sans-serif;
   font-size: 18px;
   border-color: #dedede;
   text-decoration: none;
   color:#6d6d6d;
   border-right: 1px solid #d6d6d6;
}

#menu ul li a:hover {
   color: #A3A3A3;
}
.icon {
   width: 50px;
   height: 50px;
   fill: #666666;
   margin-bottom: 40px;
   margin-left: 44%;
}

footer ul {
   padding-top: 30px;
   margin-right: 50px;
   margin-left: 50px;
   font-family: 'Open Sans',sans-serif;
   font-size: 18px;
   color: #666666
}

.center {
   margin: 0 auto;
   width: 50%;
}

.social {
   float: right;
   width: 30px;
   height: 30px;
   fill: #666666;
   margin: 0px 10px;
}

.social:hover {
   fill: #d6d6d6;
   cursor: pointer;
}

.buttons {
   margin: 0 auto;
   width:54%;
}

.btn {
   font-family: Arial;
   color: #ffffff;
   font-size: 20px;
   background: #b0b0b0;
   padding: 10px 20px 10px 20px;
   text-decoration: none;
   margin: 10px;
}

.btn:hover {
   background: #c2c2c2;
   text-decoration: none;
}

.panel {
   margin: 0 auto;
   width: 50%;
   margin-bottom: 20px;
   background-color: #fff;
   border: 1px solid transparent;
   border-color: #d9d9d9
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   background-color: #d9d9d9;
   border-color: #d9d9d9;
   text-align: center;
}

.panel-heading h1,h2,h3,h4,h5,h6 {
   font-weight: bold !important;
   color: #666;
}

.panel-body {
   padding: 20px;
}

.panel-body ul {
   list-style: none;
}

.panel-body ul li {
   font-family: 'Open Sans',sans-serif;
   line-height: 1.5em;
}

section {
   margin-bottom: 50px;
}

#table {
   margin: 0px 150px;
   margin-bottom: 80px;
}

.ui-old {
   width: 100%;
}

caption {
   padding: 10px 15px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   background-color: #d9d9d9;
   text-align: center;
}

tr td {
   padding: 10px;
   text-align:  center;
   font-family: 'Open Sans',sans-serif;
   border-color: none;
}

tr th {
   padding: 10px;
   text-align:  center;
   font-family: 'Open Sans',sans-serif;

}

tr.dif td {
   background-color: #fff;
}

tr.dif th {
   background-color: #fff;
}

footer {
   background-color: #2F3029;
   height: 100px;
}

footer ul li{
   display: inline;
}

@media screen and (max-width: 1190px) {

   #menu ul li:first-child {
      margin-left: 5%;

   }

   #menu ul li a {
      font-size: 18px;
   }
}

@media screen and (max-width: 900px) {
   #menu ul li:first-child {
      margin-left: 2%;
   }

   #menu ul li a {
       font-size: 14px;
   }
}

@media screen and (max-width: 800px) {
   #menu ul li:first-child {
      margin-left: 2%;
   }

   #menu ul li a {
       font-size: 14px;
   }
}

@media screen and (max-width: 700px) {
   #menu ul li:first-child {
      margin-left: 1%;
   }

   #menu ul li a {
      font-size: 14px;
      padding: 10px;
   }
}