@charset "utf-8";

body {
	font-family: Segoe UI Light, Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	background: #f2f2f2;
	margin: 0;
	padding: 0;
	color: #333;
	counter-reset: actionstep;
}

html {
    overflow-y:scroll;
}

.header
{ 
	background: #000;
	color: #fff;
	height: 110px;
	width: 100% !important;
	overflow:hidden;
}

.header > div
{
	width:980px;
	margin:0 auto;
	display:table;
}	

.header > div > div
{
	float:left;
	width:120px;
	height:110px;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:6px;
}

.toptitle
{ 
	width:100% !important;
	overflow:hidden;
	clear:both;
}

.toptitle > div
{
	width:980px;
	margin:0 auto;
	display:table;
	text-align:left;
}

.toptitle > div > div
{
	padding: 16px 0px 0px 0px;;
}

.slogan
{
	text-align: center;
}

.slogan + p
{
	text-align: center;
	font-size: 18px;
}

.featurebox {
	width: 120px;
	height: 70px;
	background-color:#EEE;
	margin: auto;
	border: solid 1px #CCC;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.features td {
	text-align: center;
	vertical-align: middle;
}

table {
	vertical-align:top;
}

hr {
	clear:both;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin: 40px 0px 24px 0px;
}

h2 {
	clear:both;
	color: #333;
	font-size: 18px;
}

td {
	vertical-align: top;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}

a:link {
	text-decoration: none;
	color:inherit;
}
a:visited {
	text-decoration: none;
	color:inherit;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

.container {
	width: 980px;
	background: #FFF;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 0px 3px #ccc;
}

.content {
	clear:both;
	padding: 16px;
	height:auto;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

.content ul, .content ol, content li { 
	padding: 0 15px 15px 58px;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Quadros imagem posicionadas alternadamente: esquerda e direita */
.content > div {
	width:100%;
}
.content > div > div {
	width: 50%;
	margin-bottom: 24px;
}
.content > div:nth-child(2n+1) > div {
	float: left;
}
.content > div:nth-child(2n) > div {
	float:right;
}
.content > div img {
	padding-left: 15px;
}

span.step {
  background:#390;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
}
span.step::before {
    counter-increment: actionstep;
    content: counter(actionstep);
}

button::-moz-focus-inner {
  border: 0; }

button.minimal {
  background: #e3e3e3;
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: normal 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 2px 5px;
  text-align: center;
  text-shadow: 0 1px 0 #fff; }
  button.minimal:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; }
  button.minimal:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; }