/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/


body {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	background: #ddd;
	color: #333;
}


strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/* basic links properties */
a {
	
	text-decoration: none;
	color: #333;
}
a.alt, .altbox .content a {
	border-color: #d0e4f5;
	color: #0f5290;
}
a:hover, a:active, a:focus, a.alt:hover, a.alt:active, a.alt:focus, .altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {
	border-color: #d0e4f5;
	color: #0a80cf;
}
a img {
	border: none;
}
/* abstract classes
======================================*/
/* autocleaning (use for parent of floated element, but take care, it has some limitations) */
.cw {
	width: 100%;
	overflow: hidden;
}
.cw2 {
	overflow: hidden;
	height: 1%;
}
/* float helpers */
.fl {
	float: left;
}
.fr {
	float: right;
}
/* classic cleaner */
.cleaner {
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
/* safe cleaning, use eg. for parent of floated element */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* image replacement (see <h1 id="logo"> section in index.html for example) */
.ir {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
/* text align helpers */
.tl {
	text-align: left !important;
}
.tr {
	text-align: right !important;
}
.tc {
	text-align: center !important;
}
.ttop {
	vertical-align: top !important;
}
/* for buttons etc. */
.hand {
	cursor: hand;
	cursor: pointer;
}
/* accessible hiding of elements */
.a-hidden {
	position: absolute;
	top: -10000em;
}
/* first and last helpers, mainly for table cells */
.first {
	border-left: 0 !important;
}
.last {
	border-right: 0 !important;
}
/* layout
======================================*/

.inner-container {
	width: 980px;
	margin: 0 auto;
}
#header {
	
width:100%;
	height: 320px;
	float:left;
	position:relative;
	background:url(../images/innerPageFX.png) no-repeat 137px 0;
	margin-bottom:-5px;
	
	
}
#header .shadow {
	width:auto;
	float:left;
	position:absolute;
	bottom:0;
	left:-150px;
	z-index:1;
}
#sombra {
background:url(../images/shadow.png) no-repeat center bottom;
padding-bottom:50px;



	}
#header .inner-container {
	padding: 20px 0 16px 0;
}
/* logo: set the width and height of your logo (in px) and margin-top depending on height of your logo */
#header #logo {
	position: relative;
	float: left;
	width: 315px;
	height: 97px;
	margin-top: 17px;
	z-index:100;
}
#header #logo a.home {
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-shadow: #003f6c 1px 1px 0;
	font-size: 180%;
	font-weight: bold;
	font-style: italic;
	color: #fff;

}
#header #logo a.home .ir {
	background: url("img/painel.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
#header #logo a.button {
	position: absolute;
	left: 100%;
	top: 3px;
	margin-left: 20px;
	padding: 4px 9px 4px;
	white-space: nowrap;
}
/* box for user info, settings and logout */
#header #userbox {
	background: url("img/userbox.png") no-repeat;
	position: relative;
	float: right;
	width: 225px;
	min-height: 65px;
	line-height: 1.3;
	z-index:100;
}
#header #userbox .inner {
	padding: 17px 50px 0 55px;
}
#header #userbox a#logout {
	border: 0;
	position: absolute;
	right: 14px;
	top: 21px;
	display: block;
	width: 23px;
	height: 24px;
	overflow: hidden;
	line-height: 1;
	font-size: 90%;
}
#header #userbox a#logout .ir {
	background: url("img/logout.png");
}
#header #userbox a#logout:hover .ir,  #header #userbox a#logout:focus .ir,  #header #userbox a#logout:active .ir {
	background-position: -23px 0;
}
#header #userbox strong {
	font-size: 120%;
	font-weight: normal;
	color: #fff;
}
#header #userbox a {
	border-color: #427da9;
	color: #d0e1ed;
}
#header #userbox a:hover,  #header #userbox a:active,  #header #userbox a:focus {
	border-color: #9bc4e3;
	color: #fff;
}
#header #userbox ul {
}
#header #userbox ul li {
	display: inline;
}
#header #userbox ul a {
	float: left;
	margin-right: 7px;
}
/* navigation stripe */
#nav {
	border-top: 1px solid #004483;
	border-bottom: 1px solid #999;
	background: #fff;
}
#nav .inner-container {
	position: relative;
	z-index: 2;
	padding: 26px 0 25px 0;
}
/* navigation section switcher */
#nav #h-wrap {
	position: absolute;
	top: 14px;
	left: 0;
=width: 220px;
} /* Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) */
#nav #h-wrap.active {
	border: 4px solid rgba(200, 200, 200, 0.5);
	top: 7px;
	left: -22px;
}
#nav #h-wrap.active {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
#nav #h-wrap.active .inner {
	border: 1px solid #999;
	background: #fff;
	padding: 2px 0 10px 17px;
}
#nav #h-wrap.active .inner {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#nav #h-wrap .h-ico {
	background: 0 50% no-repeat;
}
#nav #h-wrap .h-ico span {
	display: block;
	padding-left: 50px;
}
#nav #h-wrap .ico-dashboard {
	background-image: url("img/h-ico/dashboard.png");
} /* feel free to add/modify your own icons - icons are located in "css/img/h-ico/*" */
#nav #h-wrap .ico-comments {
	background-image: url("img/h-ico/comments.png");
}
#nav #h-wrap .ico-color {
	background-image: url("img/h-ico/color.png");
}
#nav #h-wrap .ico-edit {
	background-image: url("img/h-ico/edit.png");
}
#nav #h-wrap .ico-media {
	background-image: url("img/h-ico/media.png");
}
#nav #h-wrap .ico-syndication {
	background-image: url("img/h-ico/syndication.png");
}
#nav #h-wrap .ico-cash {
	background-image: url("img/h-ico/cash.png");
}
#nav #h-wrap .ico-users {
	background-image: url("img/h-ico/users.png");
}
#nav #h-wrap .ico-advanced {
	background-image: url("img/h-ico/advanced.png");
}
#nav #h-wrap .ico-send {
	background-image: url("img/h-ico/send.png");
}
/* feel free to add more icons here like above (icon set is included in directory "./img/h-ico" and is free for commercial use) */
#nav #h-wrap h2 {
	background: url("img/h-wrap-h2.png") 100% 100% no-repeat;
	position: relative;
	float: left;
	height: 51px;
	line-height: 55px;
	vertical-align: middle;
	font-size: 200%;
	font-weight: bold;
}
#nav #h-wrap.active h2 {
	background: none;
}
#nav #h-wrap h2 .h-ico {
	display: block;
	height: 100%;
	padding-right: 42px;
}
#nav #h-wrap h2 .h-arrow {
	background: url("img/h-arrow.gif") 0 0 no-repeat;
	position: absolute;
	top: 18px;
	right: 19px;
	display: block;
	width: 11px;
	height: 15px;
	overflow: hidden;
}
#nav #h-wrap.active h2 .h-arrow {
	background-position: 100% 0;
}
#nav #h-wrap ul {
	display: none;
	clear: both;
}
#nav #h-wrap ul li {
	display: inline;
}
#nav #h-wrap ul a {
	border: 0;
	display: block;
	height: 40px;
	width: 100%;
	overflow: hidden;
	line-height: 45px;
	vertical-align: middle;
	font-size: 150%;
}
#nav #h-wrap ul a:hover,  #nav #h-wrap ul a:focus,  #nav #h-wrap ul a:active {
	color: #1d78bc;
}
/* search form */
#nav form {
	background: url("img/search-input.png") no-repeat;
	float: right;
	width: 227px;
	height: 28px;
	padding: 0;
	overflow: hidden;
	font-family: inherit;
}
#nav form input.text {
	outline: 0;
	border: 0;
	background: transparent;
	width: 194px;
	height: 14px;
	vertical-align: middle;
	margin: 1px 0 1px 1px;
	padding: 6px 2px;
	overflow: hidden;
	font-size: 100%;
	color: #555;
}
/* content wrapper */
#container {

}
#container .inner-container {
	position: relative;
	z-index: 1;
	left: 0px;
	width: 980px;
	padding: 20px 0;
}
#footer {
	clear: both;
	padding: 20px 0 10px 0;
	text-align: center;
}
#footer p {
	margin: 0 0 10px 0;
	color: #999;
}
#footer a {
	color: #777;
}
#footer a:hover, #footer a:active, #footer a:focus {
	border: none;
}
/* content styling
--------------------------------------*/

/* stylish buttons with rounded corners */
.button {
	border: 1px solid #00487a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #0567ad url("img/button.gif") repeat-x;
	padding: 5px 9px 5px;
	text-shadow: #00487a 1px 1px 0;
	color: #fff;
	cursor: pointer;
}
.button:hover,  .button:focus,  .button:active {
	border-color: #272727;
	background: #2a2a2a url("img/altbutton.gif") repeat-x;
	text-shadow: #000 1px 1px 0;
	color: #fff;
}
/* alternative colors */
.altbox .button {
	border: 1px solid #272727;
	background: #2a2a2a url("img/altbutton.gif") repeat-x;
	text-shadow: #000 1px 1px 0;
}
.altbox .button:hover,  .altbox .button:focus,  .altbox .button:active {
	border-color: #00487a;
	background: #0567ad url("img/button.gif") repeat-x;
	text-shadow: #00487a 1px 1px 0;
	color: #fff;
}
.altbutton {
	border: 1px solid #272727;
	background: #2a2a2a url("img/altbutton.gif") repeat-x;
	text-shadow: #000 1px 1px 0;
}
.altbutton:hover,  .altbutton:focus,  .altbutton:active {
	border-color: #00487a;
	background: #0567ad url("img/button.gif") repeat-x;
	text-shadow: #00487a 1px 1px 0;
	color: #fff;
}
.altbox .altbutton {
	border: 1px solid #00487a;
	background: #0567ad url("img/button.gif") repeat-x;
	text-shadow: #00487a 1px 1px 0;
}
.altbox .altbutton:hover,  .altbox .altbutton:focus,  .altbox .altbutton:active {
	border-color: #272727;
	background: #2a2a2a url("img/altbutton.gif") repeat-x;
	text-shadow: #000 1px 1px 0;
	color: #fff;
}
/* icons for content links etc. */
.ico {
	border: 0 !important;
}
.ico-a {
	border: 0 !important;
	padding-left: 20px !important;
}
/* tags, filetypes */
.tag {
	padding: 4px 7px;
	color: #fff !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */
	border-bottom: 1px solid #666;
	background: #999;
	background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}
/* error/information messages */
.msg {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid;
	margin: 0 0 15px 0;
	padding: 8px 10px 0 10px;
}
.msg p {
	margin: 0 0 8px 0;
	padding-left: 25px;
}
.msg-ok {
	border-color: #a6d877;
	background: #d2ecba url("img/msg-ok.png") repeat-x;
	color: #336801;
}
.msg-error {
	border-color: #f3abab;
	background: #f9c9c9 url("img/msg-error.png") repeat-x;
	color: #8d0d0d;
}
.msg-warn {
	border-color: #d7e059;
	background: #f3f7aa url("img/msg-warn.png") repeat-x;
	color: #6c6600;
}
.msg-info {
	border-color: #9fd1f5;
	background: #c3e6ff url("img/msg-info.png") repeat-x;
	color: #005898;
}
.msg-ok p {
	background: url("img/led-ico/accept.png") 0 50% no-repeat;
}
.msg-error p {
	background: url("img/led-ico/cross_octagon.png") 0 50% no-repeat;
}
.msg-warn p {
	background: url("img/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;
}
.msg-info p {
	background: url("img/led-ico/exclamation.png") 0 50% no-repeat;
}
.error {
	color: #b70b0b;
}
/* forms */
form {
/*	padding: 18px; */
}
form.plain {
	padding: 0;
} /* plain forms - used in tabular and grid data structures, TAKE E of it, please */
form.plain fieldset {
	border: 0 !important;
	padding: 0 !important;
}
form.basic dl {
	width: 100%;
	overflow: hidden;
} /* basic layout for forms */
form.basic dl dt, form.basic dl dd {
	float: left;
}
form.basic dl dt {
	padding: 3px 5px 3px 0;
	width: 20%;
}
form.basic dl dd {
	padding: 3px 0 3px 5px;
	width: 76%;
}
label.check, label.radio {
	margin-right: 5px;
}
form small {
	color: #999;
}
input.txt, textarea {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #999;
	background: url("img/txt.gif") repeat-x;
	padding: 5px 2px;
}
form.basic input.txt, form.basic textarea {
	width: 100%;
}
input.error, textarea.error {
	border-color: #d35757;
	background-image: url("img/txt-error.gif");
}
span.loading {
	background: url("img/upload.gif") 0 50% no-repeat;
	padding: 3px 0 3px 20px;
}
form.fields {
} /* plain and clean layout for forms */
form.fields fieldset {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {
	margin-bottom: 0;
	border-right: 1px solid #ccc !important;
}
form.fields fieldset legend {
	padding: 0 10px;
	font-size: 110%;
}
form.fields label, form.fields div.sep {
	display: block;
	margin-top: 6px;
}
form.fields label.check, form.fields label.radio {
	display: inline;
	margin-top: 0;
}
form.fields span.loading {
	margin-left: 10px;
}
/* lists for actions (remove, modify) */
ul.actions {
	margin: 0;
}
ul.actions li {
	display: inline;
	margin-right: 5px;
}
/* content boxes */
.box {
	float: left;
	width: 980px;
	margin: 0 20px 20px 0;
}
.box-50 + .box-50 {
	
margin: 0 0 20px 0;	
	}

.box-25 {
	width: 225px;
} /* 25% box */
.box-50 {
	width: 480px;
} /* 50% box */
.box-75 {
	width: 715px;
} /* 75% box */
.box-100 {
	width: 980px;
} /* 100% box */
.altbox {
} /* class for alternative (emphasized) boxes (blue headings and colors) */
/* wrap of box's content */
.boxin {
	box-shadow: #aaa 0 0 10px;
	-webkit-box-shadow: #aaa 0 0 10px;
	-moz-box-shadow: #aaa 0 0 10px;
	border: 1px solid #999;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #fff;
}
/* boxes' headers */
.box .header {
	background: #3d3d3d url("img/headerbox.png") repeat-x;
	border-top: 1px solid #444;
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	position: relative;
	margin: -10px -1px 0 -1px;
	padding: 20px 0 20px 20px;
}
.altbox .header {
	border-top-color: #0a81d0;
	background: #0f518e url("img/altheaderbox.png") repeat-x;
}
.box .header h3 {
	position: relative;
	top: 2px;
	display: inline;
	font-size: 150%;
	color: #fff;
	text-shadow: #151515 0 1px 0;
}
.altbox .header h3 {
	text-shadow: #003d68 0 1px 0;
}
.box .header .button {
	margin-left: 15px;
}
/* tags in the header */
.box .header ul {
	position: absolute;
	right: 9px;
	bottom: 0;
}
.box .header ul li {
	display: inline;
}
.box .header ul a {
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #777;
	border: 0;
	float: left;
	margin: 0 0 0 5px;
	padding: 8px 13px 6px;
	color: #fff;
}
.box .header ul a.active,  .box .header ul a:hover,  .box .header ul a:focus,  .box .header ul a:active {
	background: #fff url("img/headertab.png") repeat-x;
	color: #444;
}
.altbox .header ul a {
	background-color: #489cd4;
}
.altbox .header ul a.active,  .altbox .header ul a:hover,  .altbox .header ul a:focus,  .altbox .header ul a:active {
	background: #fff url("img/altheadertab.png") repeat-x;
	color: #0f518e;
}
/* boxes' content types – tabular */
.box .content {
	margin-bottom: 5px;
}
.box .content table {
	width: 100%;
}
.box .content table th,  .box .content table td {
	padding: 10px 10px 8px 10px;
}
.box .content table th {
	text-align: left;
	font-weight: normal;
}
.box .content table tr.even th,  .box .content table tr.even td {
	background: #f5f5f5;
}
.altbox .content table tr.even th,  .altbox .content table tr.even td {
	background: #f0f9ff;
}
.box .content table th.first,  .box .content table td.first {
	padding-left: 20px;
}
.box .content table thead th,  .box .content table thead td {
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #d5d5d5;
	background: #ddd url("img/thead.gif") repeat-x;
	text-shadow: #fff 0 1px 0;
}
.box .content table tbody tr.first th,  .box .content table tbody tr.first td {
	border-top: 1px solid #bbb;
}
.altbox .content table tbody {
	color: #00305d;
}
.box .content table a.ico-comms {
	border: 0;
	background: url("img/ico-tablecomms.gif") 50% 60% no-repeat;
	padding: 10px;
	color: #fff;
}
.box .content table tfoot th,  .box .content table tfoot td {
	border-top: 1px solid #ccc;
	background: #fff url("img/tfoot.gif") repeat-x;
}
/* boxes' content types – simple list */
.box .content ul.simple li {
	clear: both;
	padding: 10px 20px 8px 20px;
	overflow: hidden;
}
.box .content table tr.even th,  .box .content ul.simple li.even {
	background: #f5f5f5;
}
.altbox .content table tr.even th,  .altbox .content ul.simple li.even {
	background: #f0f9ff;
}
.box .content ul.simple strong {
	float: left;
	font-weight: normal;
}
.box .content ul.simple span {
	float: right;
}
/* boxes' content types – grid */
.box .content .grid {
}
.box .content .grid .line {
	border-bottom: 1px solid #ddd;
	width: 100%;
	overflow: hidden;
}
.altbox .content .grid .line {
	border-bottom-color: #c7dfef;
}
.box .content .grid .even {
	background: #f5f5f5;
}
.altbox .content .grid .even {
	background: #f0f9ff;
}
.box .content .grid .item {
	float: left;
	width: 50%;
}
.box .content .grid .item .inner {
	padding: 17px 15px 12px 20px;
}
.box .content .grid .firstline {
	border-top: 0 !important;
}
.box .content .grid .lastline {
	border-bottom: 0 !important;
}
.box .content .grid .item a.thumb {
	border: 0;
	float: left;
}
.box .content .grid .item .data {
	margin-left: 165px;
}
.box .content .grid .item h4 {
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bold;
}
.box .content .grid .item h4 span {
	margin-right: 5px;
	font-weight: normal;
	font-size: 90%;
}
.box .content .grid .item p {
	margin: 0 0 5px 0;
	color: #666;
}
.box .content .grid ul.actions {
	margin-top: 8px;
}
/* boxes' pagination */
.pagination {
	border-top: 1px solid #999;
	background: #fff url("img/pagination.gif") repeat-x;
	text-align: center;
	color: #333 !important;
}
.pagination ul {
	position: relative;
	top: -1px;
	padding: 12px 10px 6px;
}
.pagination ul li {
	display: inline;
}
.pagination a {
	border: 0;
	background: #ebebeb url("img/pagination-item.gif") repeat-x;
	margin: 0 5px;
	padding: 6px 10px;
	color: #333 !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 5px;
}
.pagination a:hover,  .pagination a:active,  .pagination a:focus {
	color: #0a80cf !important;
}
.pagination strong {
	background: url("img/pagination-arrow.gif") 50% 0 no-repeat;
	padding: 15px 10px 8px;
}
/* calendar */
table.calendar {
	width: 100%;
}
table.calendar thead {
	zoom: 1;
}
table.calendar thead tr {
	zoom: 1;
}
table.calendar thead th.month {
	border-bottom: 1px solid #bbb;
	font-weight: bold;
	font-size: 120%;
	zoom: 1;
}
table.calendar thead th.month a {
	border: none;
	position: relative;
	top: 5px;
	margin: 0 10px;
	zoom: 1;
}
table.calendar th,  table.calendar td {
	width: 14.3%;
	text-align: center;
}
table.calendar tbody td,  table.calendar tbody th {
	border: 1px solid #ddd;
	border-top-color: #fff;
	border-left-color: #fff;
}
table.calendar strong {
	font-size: 140%;
}
table.calendar .inactive {
	color: #aaa;
}
table.calendar div.items a {
	border: 0;
	margin: 0 1px;
}
/* login page */
#login {
	background: #222;
	padding: 100px;
}
#login .box {
	float: none;
	margin: 0 auto;
}
#login .boxin {
	box-shadow: #111 0 0 10px;
	-webkit-box-shadow: #111 0 0 10px;
	-moz-box-shadow: #111 0 0 10px;
	border: 0;
}
#login .header {
	padding-top: 20px;
	padding-bottom: 15px;
	margin: 0;
}
#login table {
	width: 75%;
	margin: 0 auto;
}
#login th, #login td {
	padding: 0 0 5px 0;
}
#login th {
	width: 60px;
}
#login td.proceed {
	padding-right: 0;
}
#login td.proceed input {
	margin: 0;
}
#login input.txt {
	width: 260px;
}

/* ###############################  EU ACRESCENTEI ################################# */
#admin {
	width:100%;
	float:left;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:-118px;
	background:url(../images/headBg.png) repeat-x left -90px
}
#admin h1 {
	width:auto;
	height:53px;
	float:left;
	margin-top:60px;
	font-family: 'HelveticaNeueLTCom37ThinConde';
	font-size:29px;
	color:#FFF;
	line-height:34px;
	text-transform:uppercase;
	cursor:default
}
#admin h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px
}
#admin h1 a {
	color:#ffffff
}
#wrap {
	width:980px;
	margin:0 auto
}
#menu {
	width:420px;
	height:52px;
	float:right;
	margin-top:60px;
	background:url(../images/menuBg.png) no-repeat
}
#menu li {
	width:auto;
	float:left;
	margin:0 8px 0 20px;
	position:relative;
	z-index:100
}
#menu li a {
	width:auto;
	height:52px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:50px;
	cursor:pointer
}
#menu li ul {
	width:143px;
	height:198px;
	float:left;
	margin:0;
	position:absolute;
	left:-45px;
	top:0;
	background:url(../images/dropMenuBg.png) no-repeat;
	display:none;
	z-index:300
}
#menu li ul li {
	width:143px;
	height:48px;
	float:left;
	margin:0;
	padding:0
}
#menu li ul li a {
	width:143px;
	height:48px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	line-height:60px;
	text-indent:20px
}
#menu li ul li a:hover {
	color:#124491
}
#menu li ul li:first-child {
	width:108px;
	margin-left:35px;
}
#menu li ul li:first-child a {
	width:108px;
	text-indent:0;
	text-align:center
}
#tablist {
	width:auto;
	height:38px;
	float:left;
	margin:58px 0 0 40px;
	clear:left;
	position:relative;
	z-index:200
}
#tablist li, #tablist li.active {
	width:auto;
	height:38px;
	float:left;
	margin-right:8px;
	padding-left:6px;
	background:url(../images/tabLeft.png) no-repeat
}
#tablist li a, #tablist li.active a {
	width:auto;
	height:38px;
	float:left;
	padding-right:7px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#464646;
	font-weight:bold;
	line-height:40px;
	background:url(../images/tabRight.png) no-repeat right top
}
#tablist li a span, #tablist li.active span {
	width:auto;
	height:38px;
	float:left;
	padding:0 50px;
	background:url(../images/tabsBg.png) repeat-x
}
#tablist li:hover, #tablist li.active {
	margin:0 6px 0 -6px;
	background:url(../images/tabLeft-hover.png) no-repeat
}
#tablist li:hover a, #tablist li.active a {
	background:url(../images/tabRight-hover.png) no-repeat right top
}
#tablist li:hover a span, #tablist li.active span {
	padding:0 54px;
	background:url(../images/tabsBg-Hover.png) repeat-x
}
#tabsPanel {
	width:978px;
	height:110px;
	float:left;
	border:#aeaeae solid 1px;
	background:#ffffff url(../images/tabsPanel.png) repeat-x left bottom;
	overflow:hidden;
	position:relative;
	z-index:20
}
#tabsPanel .tab_content {
	width:980px;
	height:110px;
	float:left
}
.carousel_inner {
	float: left;
	width: 886px;
	overflow: hidden;
	margin-left: 66px;
	
}
.carousel_ul {
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
	padding-bottom: 10px;
	/*
	left: -210px;
	width: 9999px; */
}
.carousel_ul li:first-child {
	/*margin-left: 211px */
}
.carousel_ul li {
	float: left;
	width: 63px;
	height: 64px;
	padding: 0px;
	margin-top: 24px;
	margin-bottom: 10px;
	margin-left: 16px;
	margin-right: 16px;
}
.carousel_ul li a {
	width: 63px;
	height: 64px;
	float: left;
}

.carousel_ul li a.ico1 {
	background: url(../images/icon-1.png) no-repeat 0 0
}
.carousel_ul li a.ico2 {
	background: url(../images/icon-2.png) no-repeat 0 0
}
.carousel_ul li a.ico3 {
	background: url(../images/icon-3.png) no-repeat 0 0
}
.carousel_ul li a.ico4 {
	background: url(../images/icon-4.png) no-repeat 0 0
}
.carousel_ul li a.ico5 {
	background: url(../images/icon-5.png) no-repeat 0 0
}
.carousel_ul li a.ico6 {
	background: url(../images/icon-6.png) no-repeat 0 0
}
.carousel_ul li a.ico7 {
	background: url(../images/icon-7.png) no-repeat 0 0
}
.carousel_ul li a.ico8 {
	background: url(../images/icon-8.png) no-repeat 0 0
}
.carousel_ul li a.ico9 {
	background: url(../images/icon-9.png) no-repeat 0 0
}
.carousel_ul li a:hover {
	background-position: 0 -64px
}
.left_scroll, .right_scroll {
	float: left;
	height: 61px;
	width: 32px;
	margin: 27px 0 0 20px;
}
.left_scroll img, .right_scroll img {
	cursor: pointer;
	cursor: hand;
}

.carousel_ul2 {
	position: relative;
	left: -210px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 9999px;
	padding-bottom: 10px;
}
.carousel_ul2 li:first-child {
	margin-left: 211px
}
.carousel_ul2 li {
	float: left;
	width: 63px;
	height: 64px;
	padding: 0px;
	margin-top: 24px;
	margin-bottom: 10px;
	margin-left: 16px;
	margin-right: 16px;
}
.carousel_ul2 li a {
	width: 63px;
	height: 64px;
	float: left;
	background:url(../images/galleryImage.png) no-repeat
}
.carousel_ul2 li a.ico1 {
	background-position: 0 0
}
.carousel_ul2 li a.ico2 {
	background-position: -96px 0
}
.carousel_ul2 li a.ico3 {
	background-position: -94px 0
}
.carousel_ul2 li a.ico4 {
	background-position: -291px 0
}
.carousel_ul2 li a.ico5 {
	background-position: -388px 0
}
.carousel_ul2 li a.ico6 {
	background-position: -485px 0
}
.carousel_ul2 li a.ico7 {
	background-position: -582px 0
}
.carousel_ul2 li a.ico8 {
	background-position: -679px 0
}
.carousel_ul2 li a.ico9 {
	background-position: -776px 0
}
.carousel_ul2 li a:hover {
	background-position: inherit -64px
}
.left_scroll2, .right_scroll2 {
	float: left;
	height: 61px;
	width: 32px;
	margin: 27px 0 0 20px;
}
.left_scroll2 img, .right_scroll2 img {
	cursor: pointer;
	cursor: hand;
}
/* acrescentado */

td.selec {
	background: none repeat scroll 0% 0% rgb(245, 245, 245);
	color: rgb(51, 51, 51);
	cursor: pointer;
	font-weight: bold !important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(221, 221, 221);
	border-right-color: rgb(221, 221, 221);
	border-left-color: rgb(221, 221, 221);
	border-bottom-color: rgb(245, 245, 245);
}
td.selec a {
	font-weight: bold !important;
	color: rgb(51, 51, 51);
	text-decoration:none;
}
td.selec a:hover {
	color: rgb(51, 51, 51);
}
td.noselec {
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	font-size: 12px;
	color: rgb(136, 136, 136);
	text-decoration: none;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
}
td.noselec a {
	font-weight: bold !important;
	color: rgb(136, 136, 136);
}
td.noselec a:hover {
	color: rgb(136, 136, 136);
}
td.espaconada {
	border-color: rgb(221, 221, 221) !important;
	border-bottom: 1px solid;
}
.tabelacabe {
	cursor: pointer;
	display: block;
	padding: 10px 20px 6px 20px;
}

.tooltip {
	border-bottom: 1px dotted #000000;
	color: #000000 !important;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 999;
	margin-left: 0;
	width: 250px;
}
.tooltip:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}
.classic {
	padding: 0.8em 1em;
}
.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover {
	background: transparent;
}
.classic {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}
.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
	padding: 0.5em 0.8em 0.8em 2em;
}
.info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
	padding: 0.5em 0.8em 0.8em 2em;
}
.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
label {
	float: left;
	text-align: right;
	width: 160px;
	color: rgb(85, 85, 85);
	border: 0px none;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	background: none repeat scroll 0% 0% transparent;
	outline: medium none;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 35px;
}
.inputRequirement {
	vertical-align: bottom;
	font-size: 11px;
}
.selectform {
	background: none repeat scroll 0% 0% rgb(241, 241, 241);
	border: 1px solid rgb(241, 241, 241);
	width: 400px;
	height: 35px;
	padding: 10px;
	-moz-transition: border-color 0.6s ease 0s;
	margin-top: 5px;
}
.selectformdata {
	padding: 3px;
	background: none repeat scroll 0% 0% rgb(241, 241, 241);
	border: 1px solid rgb(241, 241, 241);
	-moz-transition: border-color 0.6s ease 0s;
	margin-top: 5px;
}
.inputform {
	width: 400px;
	height: 35px;
	padding: 10px;
	background: none repeat scroll 0% 0% rgb(241, 241, 241);
	border: 1px solid rgb(241, 241, 241);
	-moz-transition: border-color 0.6s ease 0s;
	margin-top: 5px;
}
.radioform {
	-moz-transition: border-color 0.6s ease 0s;
	margin-top: 8px;
}
.checkform {
	-moz-transition: border-color 0.6s ease 0s;
	margin-top: 2px;
	margin-right: 3px;
}
.spanradio {
	vertical-align: bottom;
	line-height: 13px;
}
.inputinho input {
	width: 50px;
}
.outrosform {
	padding: 3px;
	background: none repeat scroll 0% 0% rgb(241, 241, 241);
	border: 1px solid rgb(241, 241, 241);
	-moz-transition: border-color 0.6s ease 0s;
	margin-top: 15px;
}
span.outrosform {
	background: none;
	border: none;
	line-height: 20px;
	padding-top: 10px;
	vertical-align: bottom;
}
.inputform:focus {
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	border-color: rgb(204, 204, 204);
	-moz-transition: border-color 0.3s ease 0s;
}
.textform {
	margin-top: 5px;
	overflow: auto !important;
	max-width: 722px;
	width: 400px !important;
	height: 200px !important;
	padding: 3px;
	background: none repeat scroll 0% 0% rgb(241, 241, 241);
	border: 1px solid rgb(241, 241, 241);
	-moz-transition: border-color 0.6s ease 0s;
}
.textform:focus {
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	border-color: rgb(204, 204, 204);
	-moz-transition: border-color 0.3s ease 0s;
}
.botaoform {
}

h4 {
	padding-top: 17px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#conteudo {
	padding:10px;
	
	}
	
	


	
	
		
	/* Responsive Styles Smartphone Portrait */
@media all and ( max-width: 479px ) {
	
	body{
max-width: 100%;
		
		}

img {
   max-width: 100%;

}
#wrap {
width: 100%;
overflow:hidden;
}
#conteudo {
	padding:0;
	
	}

#tabsPanel .tab_content {
    width: 100%;

}
#container .inner-container {
	width: 100%;
}
.inner-container {
width: 100%;
}
#tabsPanel {
    width: 100%;
}
#tabsPanel .tab_content {
    width: 100%;
}
.box {
	width: 100%;
}
.box-25 {
	width: 25%;
} /* 25% box */
.box-50 {
	width: 100%;
} /* 50% box */
.box-75 {
	width: 100%;
} /* 75% box */
.box-100 {
	width: 100%;
} /* 100% box */

#tabsPanel {
width: 100%;
padding-bottom:10px;
height:inherit;
}
#tabsPanel .tab_content {
width: 100%;
height:inherit;
}
.carousel_inner {
width: 96%;
margin: 0 auto;
}
#header {
height:inherit;
margin-bottom:-30px;

	}
#header #userbox {
	margin-right:5px;
}
.carousel_ul li {
	text-align:center;
	margin-left: 5px;
	margin-right: 5px;
}
#sombra {
	background-image:none;
padding-bottom:40px;
background-color:#0f518e;
}
label.check, label.radio {
	margin-right: 5px;
}
label {
	width: 95%;
	text-align:center;
}
	.chave  {
		width: 90vw;
	}
.chave label {
	width: auto;
}
.inputform {
width: 90%;
}
textarea {
width: 90%;	
	
	}
	#header #logo {
		margin-top: 10px !important;
	}
	#header #logo a.home .ir {
		background-position: center;
	}
	.infoBox {
	padding-right: 10px;
	padding-left: 10px;		
		}
.inputRequirement {
	vertical-align: bottom;
	font-size: 10px;
}
.inputinho input {
	width: 16%;
}
.inputinho + input {
	width: 69% !important;
}
label.vazio {
	display:none;
	}
.mesError,.mesWarn,.mesSuces {
	font-size:14px;	
	width:100%;
	max-width:100%;
	}
a.tooltip {
	display:none;
	}
	#header #logo {
		width: 90%;
		height: 65px;
		margin: 0 auto;
		float: none;

	}
	#header {
		padding: 0;
	}
	#box1-tabular table {
		margin:0;
		padding: 0;
		border-spacing: 0;
		border-collapse: separate;
	}

}

/* fim da media query 479px */
.faixa {
	position: relative;
	padding: 1rem;
	margin-bottom: 1rem;
	color: rgb(8, 66, 152);
	background-color: rgb(207, 226, 255);
	border: 1px solid;
	border: #b6d4fe;;
	border-radius: .375rem;
}
.completa {
	display: none;
}
.mesError {
	position: relative;
	padding: 1rem;
	margin-bottom: 1rem;
	color: rgb(132, 32, 41);
	background-color: rgb(248, 215, 218);
	border: 1px solid;
	border: #f5c2c7;
	border-radius: .375rem;
}
#conteudo {
	padding: 2rem;
}
#conteudo p {
	margin-bottom: 1rem;
	font-size: 1rem;
}
*, ::after, ::before {
	box-sizing: border-box;
}
.totalsup {
	font-size:2rem;
}
.tabpedidos .totalsup {
	font-size:1rem;
}

@media all and ( max-width: 999px ) {
	
	}