/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

body
{
    /*background-color: #ffffff;
    font-size: 0.75em;
    font-family: Calibri, Arial,Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    z-index:0;*/
}

a:link
{
    /*color: #034af3;*/
    text-decoration: none;
}
a:visited
{
/*    color: #505abc;*/
}
a:hover
{
    /*color: #1d60ff;*/
    text-decoration: none;
}
a:active
{
    color: #000000;
}

p, ul
{
    margin-bottom: 10px;
    line-height: normal;
}

img
{
    border: 0px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000000;
    font-family: Calibri,Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#header
{
    position: relative;
    background-color: #990000;
    margin-bottom: 0px;
    color: #000000;
    padding: 0;
    border-width:1px;
    border-color:Black;
}

#header h1
{
    font-weight: bold;
    padding: 0px 0; 
    margin: 0px;
    color: #000000;
    border: none;
    line-height: 0em;
    font-family: Calibri,Arial, Helvetica, sans-serif;
    font-size: 32px !important;
    border-width:1px;
    border-color:Black;
}

#main
{
    padding: 4px 0px 0px 0px;
    background-color: #ffffff;
    margin-bottom: 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#indexContent1
{
    border: 1px solid black;
    padding: 0px 10px 10px 10px;
    float:left;
    width : 20%;
    margin: 0px 2px 0px 5px;
    margin-bottom: 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}
#indexContent2
{
    border: 1px solid black;
    padding: 0px 10px 10px 10px;
    float:left;
    width : 53%;
    margin: 0px 4px 0px 4px;
    margin-bottom: 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}
#indexContent3
{
    border: 1px solid black;
    padding: 0px 10px 10px 10px;
    
    float:left;
    width : 20%;
    margin: 0px 5px 0px 2px;
    margin-bottom: 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer
{
    border: none;
    margin-top:0px;
    margin-left: 0.5em;
	padding: 0;
}

ul, li 
{
    text-align :left;
	margin: 0;
	/*padding: 0;*/
}

li
{
    list-style-type:none;    
}

ul#menu li a
{
    text-decoration:none;
    color:#FFFFFF;    
}


/* Navigation */

ul#menu
{
  height:1.0em;
  margin: 0 2em 0 1em; 
  font-size:1.5em;
   
}

ul#menu li
{
    color:#FFFFFF;
    text-align:center;
    position:relative;
    float:left;
    width: 5em;
    height:1.5em;
    line-height:1.5em;
    background-color:#000000;
    border-right: 2px solid gray;
    
}

ul#menu li.noborder
{
    border:none;
}

ul#menu li:hover 
{
    background-color:Gray;
}   

/* Second tier */
ul#menu li ul
{
    display:none;
}

ul#menu li:hover ul
{
    display:block;
}



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    display: block;
    background: #fefefe;
    text-align:left;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 0.1em 0.1em 0.1em 0.1em;
    border: 0.2em solid #dddddd;
    
    /*background-image: url(/image/brick1.png);
    background-repeat:repeat-y 2px;*/ 
}

fieldset p 
{
    margin: 2px 2px 2px 2px;
    
}

fieldset label 
{
    display: block;
    color: Black;
    padding: 1em 0.2em 0.2em 0.2em;
    font-weight :bold;
}

fieldset label.inline 
{
    display:inline;
    
}

legend 
{
    border: 0.1em solid #dddddd;
    color:#FFFFFF;
    background-color:#DD0000;
    font-size: 1.5em;
    font-weight: bolder;
    padding: 2px 4px 1px 4px;
    border-radius: 0.3em;
}

#fieldset1 
{
    display: inline;
    text-align:right;
    margin: 0 0 0 0;
    padding: 0 0 0 0.2em;
    border: 1px solid #CCC;
}

#fieldset1 legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 1px 4px;
}

#fieldset1 label 
{
    display: inline;
    
}


.searchPage_td {
    padding: 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* TABLE
----------------------------------------------------------*/

table 
{
  border: none 0px #e8eef4;
  margin: 0.5em 0.5em 0.5em 0.5em;
  border-collapse: collapse;
}

table td 
{
  padding-left: 10px; 
  padding-top: 5px;
  padding-right:10px;
  padding-bottom:5px;  
  border: none 0px #aabbcc;

}

table th
{
  /*border: solid 1px #e8eef4;*/
  padding: 6px 5px;
  text-align: left;
  /*background-color: #e8eef4;*/
  /*border: solid 1px #e8eef4;*/
}

table.formatHoriz 
{
  width:75%;
  border: solid 1px #e8eef4;
  margin: 0.5em 0.5em 0.5em 0.5em;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

tr.formatHoriz
{
}

td.formatHoriz 
{
  border: solid 1px #e8eef4;
  padding-left: 10px; 
  padding-top: 5px;
  padding-right:10px;
  padding-bottom:5px;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}


div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:inline-block;
    text-align:right;
    float:right;
    margin:10px;
    color: #000000;
}

#logindisplay a:link
{
    color: #000000;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: blue;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    border: 2px solid #FFCC00;
    padding: 0.1em 0.1em 0.1em 0.1em;
    color: White;
    font-size:1.2em;
    font-weight:bold;   
    background-color:#696969;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.display-label
{
    color:#990000;
    padding: 0em;
    
}

.editor-label
{
    color:#990000;
    /*font-weight:bold;*/
    font-size:1.2em;
    
}

.editor-field
{
    padding: 0 0 0 0.5em;
    
    
}

.display-field
{
    padding: 0em;
    
}

#DivLabel
{
    background-color:Blue;
}

.Center
{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

.Search
{
    display:inline;
}

select
{
    border: 2px solid #CCDDEE;
    /*border-radius: 0.3em;*/
    font-size:1.2em;
    
}

/*
 * jQuery UI Datepicker 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;  background-color:rgb(232, 238, 244);}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*#form .warning.blue{background-color: #CBFDFF;color:#0034D5;border-color: #0034D5;background-image: url(../../imagens/informações_icon.png);}*/


.paginationPageNumberSelectedOption
{
    font-weight: bold;
}

.anchorContacts
{   
    padding: 10px;
    width: 300px;
}

/*ICONS FONTELLO*/

/*
@font-face {
    font-family: "untitled-font-1";
    src: url("fonts/untitled-font-1.eot");
    src: url("fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("fonts/untitled-font-1.woff") format("woff"), url("fonts/untitled-font-1.ttf") format("truetype"), url("fonts/untitled-font-1.svg#untitled-font-1") format("svg");
    font-weight: normal;
    font-style: normal;
}
*/

[data-icon]:before {
    font-family: "fontello-webfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1b93b6;
}

[class^="iconstruster-"]:before,
[class*="iconstruster-"]:before {
    font-family: "fontello-webfont" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #28c1db;
}

.icon-1:before {
    content: "a";
}

.icon-2:before {
    content: "b";
}

.icon-3:before {
    content: "c";
}

.icon-4:before {
    content: "d";
}

.icon-5:before {
    content: "e";
}

.icon-6:before {
    content: "f";
}

.icon-7:before {
    content: "g";
}

.icon-8:before {
    content: "h";
}

.bg_stGrey {
	background: #6e797d;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.widget-icon-holder {
	background: #FFFFFF;
	height: 100%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: none;
}

.notification_list li .notification_name {
	height: 40%;
}

.notification_list li .notification_name {
        width: 100%;
        padding: 10px 0px;
        display: block;
        position: absolute;
        bottom: 0px;
        background: #28c1db;
        color: #fff;
        line-height: 23px;
        font-size: 16px;
        font-weight: 600;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "untitled-font-1" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
	margin-top: 15%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #28c1db;
}

.icon-1:before {
    content: "T";
}

.icon-2:before {
    content: "R";
}

.icon-3:before {
    content: "h";
}

.icon-4:before {
    content: "p";
}

.icon-5:before {
    content: "3";
}

.icon-6:before {
    content: "f";
}

.icon-7:before {
    content: "g";
}

.icon-8:before {
    content: "h";
}

[clasbg_stBlues^="icon-"] {
	margin-top: 15%;
}

.icon-1:before {
	font-size: 80px;
	line-height: auto;
}

.icon-2:before {
	font-size: 80px;
	line-height: auto;
}

.icon-7:before {
	font-size: 80px;
	line-height: auto;
}

.icon-4:before {
	font-size: 80px;
	line-height: auto;
}

.icon-5:before {
	font-size: 80px;
	line-height: auto;
}

.icon-6:before {
	font-size: 80px;
	line-height: auto;
}

.icon-3:before {
	font-size: 80px;
	line-height: auto;
}

.icon-8:before {
	font-size: 80px;
	line-height: auto;
}

[class^="icon-widget"] {
	text-align: center;
	font-size: 32px;
	color: #6e797d;
	vertical-align: middle;
}

.icon-widget-groups:before {
	content: "N";
	color: #6e797d;
}

.icon-widget-categories:before {
	content: "T";
	color: #6e797d;
}

/* For Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*ICONS*/
.img_delete {
    background: url('../../imagens/sprite.png') -440px -330px no-repeat;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}