html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background: #FFF url('../images/bkg.0.jpg') top left repeat-x;
} 

#body-wrapper {
	width: 990px;
	margin:0px auto;
}
/********************************      General Classes      ********************************/

.clear { clear: both; }
.align-left { float: left; }
.align-right { float: right; }
.column-left { width:170px; float: left; }
/*.column-left { width:100%;  float: left;}*/
.column-right { width: 780px; float: right; }
.space-r-10{ margin-right: 10px; }
.space-r-20{ margin-right: 20px; }

/********************************      Elements styling      ********************************/

H1, H2, H3, H4, H5, H6 {
	font-family:Arial, Helvetica, sans-serif;
	color: #bebebe;
	font-weight: bold;
}
H1 { font-size: 33px; padding: 10px 0 10px 10px; }	
H1 SPAN { color:#838383; }		
H2 { font-size: 26px; padding: 0 0 10px 10px; }
H2 SPAN { color:#838383; }	
H3 { font-size: 17px; padding: 0 0 10px 0; }
H4 { font-size: 16px; padding: 0 0 5px 0; }
H5 { font-size: 14px; padding: 0 0 5px 0; }
H6 { font-size: 11px; padding: 0 0 5px 0; }

a           { color: #315e79; text-decoration: none; }
a:hover     { color: #203d4e; }
a:active    { color: #777; }
a:focus     { outline: 1px; }
				
/********************************      Header      ********************************/
#header{
	width: 980px;
	height:126px;
	background:url('../images/bkg.header.jpg') top left no-repeat;
	color:#FFFFFF;
	font-size:11px;
}

#header #logo{
	float:left;
	margin-top: 30px;
	margin-left: 15px;
}

#header #user-info{
	float:right;
	margin-top: 50px;
	margin-right: 15px;
	padding-left: 15px;
	line-height:1.5em;
	background:url('../images/icons/icon.user.png') 0px 2px no-repeat;
}
#header #user-info a,
#header #user-info a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#header #logo-empresa{
	width: auto;
	float:right;
	margin-top: 30px;
	margin-right: 15px;
    border: 5px solid #a65907;
}

#header #user-info a:hover {
	color:#203d4e;
}


/********************************      Menu      ********************************/
#menu{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
    width: 130px;
}

#menu UL{
	list-style:none;
	margin:0;
	padding:0;
    position: relative;
}

#menu UL LI{
	padding:0px;
    border-bottom: 1px solid #a65a07;
    position: relative;
}

#menu UL LI A{
	color:#a65a07;
	display:block;
	/*line-height:30px;*/
	margin:0px;
	padding:9px 0;
	text-decoration:none;
}

#menu UL LI A:hover{
	color:#cb7e00;
	text-decoration:none;
    padding-left: 3px;
}

#menu UL LI UL{
	background:#a65a07;
	display:none;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 130px;
	border:0px;
	position:absolute;
    top: 0px;
	width:150px;
	z-index:200;
}
#menu UL LI UL LI{
	text-align:left;
    display: block;
	border-bottom: 1px solid #cb7e00;
	border-top: 1px solid #cb7e00;
}
#menu UL LI UL LI A{
    color: #FFF;
    padding: 9px 12px;
}
#menu UL LI UL LI A:hover{padding: 9px 12px;}
#menu UL LI:hover UL{
	display:block;
}

.submenu{
	background:url('../images/icons/arrow.menu.png') top right no-repeat;
}

/********************************      Content      ********************************/
#content{
	width: 970px;
	height:auto;
	padding:40px 5px;
}

#location-bar {
	margin:30px 0 -10px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-size:9px;
}
#location-bar A{
	margin:0px 10px;
	font-size:12px;
	font-weight: bold;
	color:#a65a07;
	line-height:40px;
	text-decoration:none;
	margin: 0px 5px;
	display:inline;
}

#location-bar A:hover{
	text-decoration:underline;
}
/*************** Content Box ***************/

.content-box {
	height:100%;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	background: #fff;
}

.content-box-header {
	background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
	margin-top: 1px;
	height: 30px;
}

.content-box-header h6 {
	padding:10px;
	color:#838383;
}

.content-box-content {
	padding: 20px;
	font-size: 13px;
	/*border-top: 1px solid #ccc;*/
}

/************ Shortcut Buttons ************/

.shortcut-button {
	border: 1px solid #ccc;
	background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
	display: block;
	width: 120px;
	margin: 0 0 20px 0;
}

.shortcut-button span {
	border: 1px solid #fff;
	display:block;
	padding: 15px 10px 15px 10px;
	text-align: center;
	color: #555;
	font-size: 13px;
	line-height: 1.3em;
}

.shortcut-button span img {
	margin-bottom: 10px;
}

.shortcut-button:hover {
	background: #fff;
}
				
.shortcut-button span:hover {
	color: #203d4e; 
}

ul.shortcut-buttons-set li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 !important;
	background: 0;
}


/*************** Footer ***************/
#footer{
	width:100%;
	background-color: #7f7f7f;
}

#footer-wrapper{
	width: 980px;
	margin:0px auto;
	background-color: #7f7f7f;
	padding: 27px 0px;
}

#footer-wrapper P{
	padding: 10px 0px 0px 20px;
	font-size:11px;
	color: #FFFFFF;
}

#footer-wrapper P B{
	font-size:13px;
}
/*************** Notifications ***************/

.notification {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 99.8%;
}


.attention {
	background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
	border-color: #e6db55;
	color: #666452;
}

.information {
	background: #dbe3ff url('../images/icons/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}

.success {
	background: #d5ffce url('../images/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}

.welcome {
	background: #d5ffce url('../images/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #567c00;
	font-size: 14px;
	font-weight: bold;
	width:690px;
}

.error {
	background: #ffcece url('../images/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
}

.notification div {
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
}

.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
}

/*************** Messages ***************/

#messages LI{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	font-size:12px;
}

#messages LI B{
	color: #980000;
}

#messages LI P{
	margin: 15px 0;
	line-height: 1.2em;
}

/************ Button ************/
.button {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #89762a url('../images/bg-button.gif') top left repeat-x !important;
	border: 1px solid #89762a !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
	text-decoration: none;
}

.button-nopublic {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #c58200 url('../images/bg-nopublic.gif') top left repeat-x !important;
	border: 1px solid #c58200 !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: default;
	text-decoration: none;
}

.button-public {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #3d9c00 url('../images/bg-public.gif') top left repeat-x !important;
	border: 1px solid #3d9c00 !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: default;
	text-decoration: none;
}

.button:active {
	padding: 5px 7px 3px 7px !important;
}

/************ Vídeo ************/

#content-video{ margin: 10px 0px; font-size:12px;}

.title-video{
	color:#980000;
	font-weight: bold;
}

.title-video SPAN{
	color:#555555;
}

.desc-video{
	 margin: 10px 0px;
}

#menu-video{ margin: 0px 10px; font-size:12px;}
#menu-video LI{ padding: 5px 0px;}
#menu-video LI A{ text-decoration:none;}
#menu-video LI A:hover{ text-decoration:underline;}

/************ Table ************/

#content table {
	width: 100%;
	border-collapse: collapse;
}

#content table thead th {
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
        vertical-align: top;
}

#content tbody.list {
	border-bottom: 1px solid #ddd;
}

#content tbody.list tr {
	background: #fff;
}

#content tbody.list tr.alt-row {
	background: #f3f3f3;
}

#content tbody.text-table-center tr td,
#content tbody.text-table-center tr td input,
#content thead.text-table-center tr th{
    text-align: center;
}

.hover-row {
	background: #b7d8eb;
}

#content table th {
	padding: 10px 0px;
	line-height: 1.3em;
	vertical-align:middle;
}      
#content table td{
	padding: 5px 0px;
	vertical-align:middle;
        font-size: 11px;
}    

#content table tfoot td .bulk-actions {
	padding: 15px 0 5px 0;
} 

#content table tfoot td .bulk-actions select {
	padding: 4px;
	border: 1px solid #ccc;
}

/*************** Pagination ***************/


#pagination{
	display:block;
	padding: 20px 0 5px 0;
	text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#pagination .pag-int{
	width:300px;
	margin:0px auto;
}
#pagination A{
	margin: 0 5px 0 0;
	padding: 3px 6px;
}
#pagination A:HOVER{
	text-decoration: underline;
}
#pagination a.number {
	border: 1px solid #ddd;
}
#pagination .current{
	background: #89762a url('../images/bg-button.gif') top left repeat-x !important;
	border-color: #89762a !important;
	color: #fff !important;
}
#pagination .left{
	float:left;
	margin:-3px 1px 0 0;
	padding:2px 5px 2px 10px;
}
#pagination .right{
	float:right;
	margin:-3px 0 0 1px;
	padding:2px 10px 2px 5px;
}

/*************** Forms ***************/

form label {
	display: block;
	padding: 0 0 10px;
	font-weight: bold;
}

form p {
	padding: 5px 0 10px 0;
	line-height: 1.6em;
}
				
form label small {
	font-size: 0.75em;
	color: #777;
}


form input.text-input,
form input[type="file"],
form select,
form textarea.text-input,
form .wysiwyg {
	padding: 6px;
	font-size: 13px;
	background: #fff url('../images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
}

form .text-fixo{
    border: 0px none;
    font-weight: bold;
    background: #e9e9e9;
    font-size: 14px;
    margin: -8px 0 0 0;
    width: 97%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
    padding: 5px;
}

form .small-input {
	width: 25% !important;
}

form .medium-input {
	width: 50% !important;
}
form .medium-input-date {
	width: 65% !important;
}

form .large-input {
	width: 97.5% !important;
}
form .large-input-pesq {
	width: 92% !important;
}

.disable {
	border: 0px none;
    background: none;
}
.input-fix{width: 70px !important;}

form textarea.text-input {
	width: 97.5% !important;
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
}
form textarea.text-fixo {height: 200px;}

form select {
	padding: 4px;
	background: #fff;
}

form input[type="checkbox"],
form input[type="radio"] {
	padding: 0;
	background: none;
	border: 0;
}
form label.erro{
	display:block;
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}

.colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../images/select.png);
}
.colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/select.png) center;
}

/*************** TimePicker ***************/
div.time-picker {
  position: absolute;
  height: 191px;
  width:10em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99;
  margin: 0;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}

/*************** Pesquisa ***************/
#box-pesquisa{
    background: #e9e9e9;
    border-top: 1px solid #ccc;
    display: none;
}
#btn-pesquisa{
    display: block;
    border-top: 1px solid #ccc;
}
#btn-pesquisa A{
    float: right;
    display: block;
    width: 91px;
    height: 21px;
    text-indent: -9999px;
    background: url(../images/btn-pesquisar.png);    
    margin: 0 20px 0 0;
}
#btn-pesquisa #btn-close-pesquisa{display: none;}

#list-anexos{
    display:block; 
    margin: 10px 10px 0;
}
#list-anexos LI{
    padding:10px; 
    float:left; 
    margin:0 10px 10px 0;
    border: 1px solid #89762a;
    width: 200px;
    min-height: 30px;
}
#list-anexos LI:HOVER{
    background: #ccc;
}
#list-anexos LI IMG{
    float:left; 
    margin-right: 10px
}