/* base */
body, div, h1, h2, h3, p, ul, ol, li, form, label, input, select {padding: 0; margin: 0;}
form {display: inline;}
input, select, textarea, button, .submit, a {outline: none;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
td {vertical-align: top;}
img {border: none;}
ol, ul {margin-left: 18px;}
.clear {clear: both; height: 0; width: 0;}
hr {border: none; border-bottom: 1px solid #fff;}
.left {float: left;}
.right {float: right;}
.last {margin-bottom: 0;}

/* colors */
body, input[type=text], input[type=password], input[type=file], textarea, select, button, .submit {background-color: #e9e9e9;}
body, input, select, textarea, a.submit {color: #000;}
h1, h2, h3 {color: #222;}
a {color: #369; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
a.submit {text-decoration: none;}
#footer, #footer a, .help {color: #777;}

/* fonts */
body, input, textarea, select, button, .submit {font-family: "segoe ui", trebuchet ms, arial, sans-serif;}
p, textarea, ul, ol, .form {line-height: 200%;}
label, button, .submit, #header #banner, #primarytabs, #secondarytabs, #signup, .message {font-weight: bold;}
h1 {font-size: 25px;}
h2 {font-size: 20px;}
h3 {font-size: 17px;}
a#signup {font-size: 15px;}
#primarytabs a, button, .submit {font-size: 13px;}
body, input, textarea, select {font-size: 12px;}
#footer, p small {font-size: 11px;}
.help {color: #666;}
h2, h3, h4, p, ul, ol, hr, .list, .form {margin-bottom: 15px;}
.last {margin-bottom: 0;}

/* images */
#home {background-repeat: no-repeat; background-position: 195px bottom;}
.image {display: inline-block;}
.loader {display: inline-block; height: 11px; margin: 0 5px; vertical-align: -2px; width: 16px;}
.logo {background-position: -1px -1px; height: 60px; width: 219px; text-indent: -9999px;}
.icon {height: 16px; margin: 0 4px -3px 0; width: 16px;}
.error {background-position: -1px -63px;}
.user {background-position: -18px -63px;}
.edit {background-position: -36px -63px;}
.delete {background-position: -54px -63px;}
.tick  {background-position: -72px -63px;}
.firstpage {background-position: -90px -63px;}
.previouspage {background-position: -108px -63px;}
.nextpage {background-position: -126px -63px;}
.lastpage {background-position: -144px -63px;}
.plus {background-position: -162px -63px;}
.crosscircle {background-position: -180px -63px;}
.pluscircle {background-position: -198px -63px;}
.minuscircle {background-position: -216px -63px;}

/* forms */
input[type=checkbox], input[type=radio] {margin-right: 4px; vertical-align: -2px; outline-color: #369;}
input[type=text], input[type=password], input[type=file], textarea, select, button, .submit {border: 2px solid #c9c9c9; padding: 4px;}
select {padding: 3px 4px;}
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus, select:focus, button:focus, .submit:focus {background-color: #cdf; border: 2px solid #369;}
label.error, span.error {color: #f03;}
input.error, textarea.error, select.error {background-color: #fee; border: 2px solid #f36;}
input.error:focus, select.error:focus {background-color: #fcc; border: 2px solid #f03;}
button, .submit {border-bottom: 2px solid #a9a9a9; border-right: 2px solid #a9a9a9; margin-top: 5px; padding: 3px 9px 5px 7px;}
.submit {padding: 4px 10px 6px 8px;}
button:active, .submit:active {background-color: #c9c9c9; border: 2px solid #999; border-bottom: 2px solid #b9b9b9; border-right: 2px solid #b9b9b9;}
.submit {cursor: default;}
a#signup {background-color: #369; color: #fff; display: inline-block; padding: 3px 22px 6px 22px; text-decoration: none;}
a#signup:active {background-color: #036;}
input[type=text].search {color: #666; padding: 4px 10px; width: 150px;}
input[type=text].focused {color: #000; font-weight: bold;}

/* messages */
.message {font-weight: bold;}
.message_error {color: #f03;}

/* grid forms */
input[type=text], input[type=textarea], input[type=file] {width: 456px;}
select {width: 468px;}
.two, .three, .three_double {float: left; margin-right: 30px;}
.last_column {margin-right: 0;}
.two input {width: 207px;}
.two, .two select {width: 219px;}
.three input {width: 124px;}
.three, .three select {width: 136px;}
.three_double input {width: 290px;}
.three_double, .three_double select {width: 302px;}

/* list table */
table.list {border: 1px solid #c9c9c9; margin: 0;}
table.list .norows {font-size: 14px; font-weight: bold; margin: 20px 0; text-align: center;}
table.list thead th {text-align: left;}
table.list input[type=radio], table.list input[type=checkbox] {margin: 0;}
table.list .icon {margin-right: 0;}
table.list th, table.list tr.even {background-color: #e9e9e9;}
table.list th.icons {width: 16px;}
table.list tr:hover  {background-color: #ffb;}
table.list tr.even:hover {background-color: #f5f5bb;}
table.list thead tr:hover {background-color: #e9e9e9;}
table.list th, table.list td {border: 1px solid #c9c9c9; padding: 8px;}
.list_header {border: 1px solid #ccc; border-bottom: none; padding: 15px 20px;}
.list_header h3 {margin: 0;}
.list_footer {border: 1px solid #ccc; border-top: none; margin-bottom: 30px; padding: 15px 20px;}
#content .list_header .left, #content .list_footer .left {border: none; float: left; margin: 0; padding: 0; width: 50%;}
#content .list_header .right, #content .list_footer .right {border: none; float: right; margin: 0; padding: 0; width: 50%; text-align: right;}
#content .list_footer .right {padding-top: 6px;}
.list_header .form, .list_footer .form {margin: 0;}
#content .list_header .right .form {display: inline-block;}
#content .list_header .right .icon {margin-left: -22px;}

/* grid page */
.wrapper {margin: 0 auto; width: 777px;}
#header {background-color: #369;}
#header #logo {float: left; margin: 20px 0 20px 30px; width: 219px;}
#header #banner {background-color: #fff; color: #fff; float: right; height: 60px; margin: 20px 30px 20px 0; width: 468px; text-align: center;}
#greetings {color: #666; margin: 12px 30px 0 30px;}
#primarytabs {border-bottom: 4px solid #369; padding-top: 15px;}
#primarytabs img {margin: -36px 30px 0 0;}
#primarytabs a.first {margin: 0 2px 0 30px;}
#primarytabs a {background-color: #d9d9d9; color: #555; display: block; float: left; margin: 0 2px 0 0; padding: 8px 10px; text-decoration: none;}
#primarytabs a.active, #primarytabs a:hover {background-color: #369; border-color: #369; color: #fff;}

#secondarytabs {background-color: #fff; border-bottom: 1px solid #369;}
#secondarytabs a {border-bottom: 3px solid #fff; color: #666; display: block; float: left; margin: 0 0 0 30px; padding: 8px 0 5px 0; text-decoration: none;}
#secondarytabs a.active, #secondarytabs a:hover {background: none; border-color: #369; color: #000;}

#content {background-color: #fff; border-bottom: 1px solid #ccc;}
#content .left {float: left;}
#content .right {float: right;}

#footer {margin: 20px 0; text-align: center;}
#footer, #footer a {color: #999;}

/* home */
#home {padding: 0 30px;}
#home .left {margin: 30px 0 15px 0; width: 407px;}
#home .left ul, #home .left p {font-size: 13px; margin-bottom: 11px;}
#home .right {border-left: 1px solid #c9c9c9; margin: 30px 0; padding: 0 0 0 30px; width: 204px;}
#home input[type=text], #content #home input[type=password] {width: 192px;}

/* inicio */
#inicio {padding: 30px 30px 15px 30px;}

/* consumidor */
#inicio {padding: 30px 30px 15px 30px;}

/* cadastro */
#cadastro {padding: 30px 30px 0 30px;}
#cadastro .right {padding: 0 0 0 25px; width: 188px;}
#cadastro .right p {color: #666;}
#cadastro .left {border-right: 1px solid #c9c9c9; margin-bottom: 30px; padding: 0 35px 0 0; width: 468px;}
#cadastro .left p, #cadastro .left ul {font-size: 13px;}
#cadastro #cep {width: 124px;}
#cadastro #tos {background-color: #e9e9e9; border: 2px solid #c9c9c9; margin-bottom: 15px; padding: 25px 30px 15px 30px; height: 260px; overflow: auto;}

/* negocios */
#negocios {padding: 30px 0;}
#negocios iframe {background-color: #fff; border: none; height: 600px; width: 100%;}

/* industria */
#industria {padding: 30px 30px 15px 30px;}
#industria .right {padding: 0 0 0 0; width: 218px;}
#industria .right a {display: block; border: 1px solid #c9c9c9; color: #666; font-size: 12px; font-weight: bold; margin-bottom: 1px; padding: 10px 15px; text-decoration: none;}
#industria .right a.active, #industria .right a:hover {background-color: #369; border-color: #369; color: #fff;}
#industria .left {padding: 0 30px 0 0; width: 468px;}
#industria .left img {margin: 15px 0 10px 15px;}

/* css3 */
.message, input[type=text], input[type=password], input[type=file], textarea, select, #cadastro #tos {-webkit-border-radius: 4px; -moz-border-radius: 4px;}
#primarytabs a {-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;}
a#signup, button, .submit, .message, input.search {-webkit-border-radius: 20px; -moz-border-radius: 20px;}

test {
-webkit-box-shadow: 0 0 10px #aaa; -moz-box-shadow: 0 0 10px #aaa;
-moz-linear-gradient(-90deg,#1aa6de,#022147);
-webkit-gradient(linear, left top, left bottom, from(#1aa6de), to(#022147));
background-color: rgba(0, 54, 105, .5);
}