html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,  thead, tr, th, td {padding: 0; margin: 0; box-sizing: content-box;}

body {background:#ffffff;  font: 14px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;}

header {width: 73%;  max-width: 1200px; height: 125px; margin: 0 auto;}

nav {width: 100%; height: 45px; background:#dddddd;margin-bottom: 15px; border-top:#e8e8e8 1px solid; border-bottom:#e8e8e8 1px solid;}

#navegador {width: 79%;   max-width: 1200px; margin: 0 auto; height: 45px;}

nav { background-color:#FFF;}

nav ul li {display:inline-block; padding: 14px 8px; margin-right: 18px; list-style: none; }

nav ul li a {text-transform: uppercase; color: #8c8c8c; font-size: 15px; font-weight: bold;text-decoration: none;}

nav ul li a:hover {color: #008bed;}


a, a:visited {
  color: #0088cc;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }


h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
color:#535353;
  margin-bottom: 0.4em; }

h1 {
  font-size: 2.2em; }

h2 {
  font-size: 1.9em; }

h3 {
  font-size: 1.7em;
  margin-top: 2em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.3em; }

h6 {
  font-size: 1.2em; }

p {
  margin-bottom: 1em; font-size: 1.2em; color: #8c8c8c; }

ol, ul {
  padding-left: 2px;
  margin-bottom: 1em; }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

u {
  text-decoration: underline; }

abbr, acronym {
  cursor: help;
  border-bottom: .1em dotted; }

#conten {width: 73%; max-width: 1200px; display: block;  margin: 0 auto 12px;}

.conten-top {margin-bottom: 29px;}

.conten-mess {border-top: 1px solid  #E1E1E1; padding: 12px 10px;}

section { float: left; width: 65%;}

aside {width:32%; float: right; margin-bottom: 20px; display: block; }

.box { background-color:#FFF; border-top: 3px solid #008bed;  border-right:   1px solid #e8e8e8;  border-left:   1px solid #e8e8e8; margin: 10px 2px 20px; border-radius: 3px;}

.box2 { border-left: 0px !important;  border-right:   0px solid !important;}

.sombra {box-shadow: #a0a0a0 0px 1px 3px; }

.box-cont { padding:  5px 0px; overflow: hidden;}

.title-top {padding: 5px 12px; font-size: 15px; color: #008bed; text-transform: uppercase; font-weight: bold;font-family:Tahoma;}

.asid {background:#008bed; color: #FFFFFF; margin-bottom: 10px; }


.box-contasid {  border: 0px 1px 1px 1px solid #a0a0a0;  border-right:   1px solid #e8e8e8; text-align: center; padding:  12px 5px 20px 5px;}

.clear {height: 10px; clear: both;}

.feature-imag { padding: 5px; align-content: center; width: 100%;}

.img1 {width: 100%; max-width: 745px; }

footer { clear: both !important; background:#000000; height: 25px; width: 73%; max-width: 1200px; padding: 14px 2px 14px 15px;  margin: 10px auto 0;}

#footer-info {color: #FFFFFF;}

@media screen and (max-width:637px)
{
	header {width:90%;}
	#navegador {width: 90%;}
	#conten {width: 90%;  height: 1930px; overflow: hidden;}
	section {width: 100%; float: none;}
	aside {width: 100%; float: none;}
	footer {width: 100%; }
}
