/*
cinza escuro: #838281
cinza claro: #c2c1c1
preto: #383431
azul: #96aebe
vermelho escuro: #E30000
vermelhor claro: #DE3C47
verde escuro: #006400
verde claro: #00BA1F
Laranja: #FCC96B
*/
/*@font-face {
    font-family: 'monaco';
    font-style: normal;
    font-weight: normal;
    src: local('monaco'), local('monaco'), url('fontes/MONACO.ttf') format('truetype');
}*/
@font-face {
    font-family: ubuntu;
    font-style: normal;
    font-weight: normal;
    src: url('fontes/Ubuntu-L.ttf'), local('monaco') format('opentype');
}

#menu img {
    width:16px;
    height:16px;
}

#esquerda {
    width:250px;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    border-right:1px solid black;
    overflow-x:no-content;
}

#info {
    margin-top:25px;
    position:relative; 
    width:200px;
    margin-left:-95px;
    left:50%;
    top:0px;
    background:#e7e7e7;
    display:inline-block;
    text-align:center;
    color:#383431;
    font-size:9pt;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#info b {
    font-size: 10pt;
}

html {
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    font-size: 12pt;
    color:#383431;
}

input {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    padding-left:1px;
}




/*
//Inicio do CSS com botões
*/
.btnSim {
    font-size: 10pt;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    display: inline-block;
    border:1px solid #838281;
    color:#383431;
    text-decoration: none;
    background:#c2c1c1;
    background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
    background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 3em 0.5em 0.5em 3em;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.btnSim:hover {
    background:#006400;
    color: #FFFFFF;
    cursor:pointer;
}

.btnNao {
    font-size: 10pt;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    display: inline-block;
    border:1px solid #838281;
    color:#383431;
    text-decoration: none;
    background:#c2c1c1;
    background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
    background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 0.5em 3em 3em 0.5em;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.btnNao:hover {
    background:#E30000;
    color: #FFFFFF;
    cursor:pointer;
}

.btnYes {
	font: 10pt ubuntu, "Trebuchet MS",Arial, sans-serif;
	display: inline-block;
	height:auto;
	padding: 5px 10px 5px 10px;
	border:1px solid #d0d0d0;
	border-top-color:#ececec;
	border-bottom-color:#909090;
	color:#909090;
	text-decoration: none;
    cursor: pointer;
	background:#ffff00;
	background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
	background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.btnYes:hover {
	background:#2d780d;
	color: #FFFFFF;
}

.btnNo {
	font: 10pt ubuntu, "Trebuchet MS",Arial, sans-serif;
	display: inline-block;
	height:auto;
	padding: 5px 10px 5px 10px;
	border:1px solid #d0d0d0;
	border-top-color:#ececec;
	border-bottom-color:#909090;
	color:#909090;
	text-decoration: none;
    cursor: pointer;
	background:#ffff00;
	background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
	background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.btnNo:hover {
	color: #FFFFFF;
	background: #c30a0a;
}

.btnEnviar {
    font-size: 10pt;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    font-weight:bold;
    display: inline-block;
    height:35px;
    /*width:70px;*/
    border:1px solid #838281;
    color:#383431;
    background: -moz-linear-gradient(top, white 30%, #c2c1c1);
    background: -webkit-linear-gradient(top, white 30%, #c2c1c1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 0.5em;
    box-shadow:2px 2px 2px 0.5px #96aebe;
    -moz-box-shadow:2px 2px 2px 0.5px #96aebe;
    -webkit-box-shadow:2px 2px 2px 0.5px #96aebe;
}

.btnEnviar:hover {
    background:-moz-linear-gradient(left, #006400, #00BA1F, #006400);
    background: -webkit-linear-gradient(left, #FCC96B, #FFF700, #FCC96B);
    background:#006400;
    color: #FFFFFF;
    box-shadow:2px 2px 2px 0.5px #c2c1c1;
    -moz-box-shadow:2px 2px 2px 0.5px #c2c1c1;
    -webkit-box-shadow:2px 2px 2px 0.5px #c2c1c1;
    cursor:pointer;
}
/*
//Fim das CSS dos botões
*/


/*
//Começa css da tela de login
*/
.tudo {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
}
.fundo {
    z-index:2;
    height:190px;
    width:250px;
    margin:-90px 0 0 -125px;
    background:#383431;
    position:absolute;
    left:50%;
    top:50%;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
    box-shadow:0px 0px 100px 10px #96aebe;
    -moz-box-shadow:0px 0px 100px 10px #96aebe;
    -webkit-box-shadow:0px 0px 100px 10px #96aebe;
}
.fundoAlerta {
    z-index:1;
    height:80px;
    width:100%;
    margin:-40px 0 0 0;
    background:#FCC96B;
    position:absolute;
    bottom:2%;
    left:0;
    box-shadow:0px 0px 15px 10px #FCC96B;
    -moz-box-shadow:0px 0px 15px 10px #FCC96B;
    -webkit-box-shadow:0px 0px 15px 10px #FCC96B;
    
    text-align:center;
    color:black;
    font-size:12pt;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
}
.fundoAlerta p {
    margin-top:20px;
}
form.formLogin {
    color:white;
    text-align:center;
}
.logo {
    width:100%;
    margin-top:-80px;
    margin-bottom:20px;
    /*position:absolute;*/
    text-align: center;
    z-index:6;
}
.titulo {
    font-size:18pt;
    text-shadow:2.5px 2.5px 3px #96aebe;
}
.formLogin input[type="text"],
.formLogin input[type="password"] {
    width:200px;
    height:30px;
    border:0px solid black;
    padding-left:5px;
}
.formLogin input[type="text"] {
    border-bottom:1px solid black;
    border-radius: 5px 5px 0px 0px;
}
.formLogin input[type="password"] {
    border-radius: 0px 0px 5px 5px;
}
.formLogin input[type="text"].error,
.formLogin input[type="password"].error,
.formLogin input[type="text"].error:focus,
.formLogin input[type="password"].error:focus,
.formLogin input[type="text"].error:hover,
.formLogin input[type="password"].error:hover {
    border-color:black;
    color:red;
}
.formLogin input[type="text"].valid,
.formLogin input[type="password"].valid,
.formLogin input[type="text"].valid:focus,
.formLogin input[type="password"].valid:focus,
.formLogin input[type="text"].valid:hover,
.formLogin input[type="password"].valid:hover {
    border-color:black;
    color:green;
}
.formLogin input[type="submit"] {
    width:200px;
    height:30px;
    border:0px solid black;
    margin-top:15px;
    box-shadow:0px 0px 0px 0px #838281;
    -moz-box-shadow:0px 0px 0px 0px #838281;
    -webkit-box-shadow:0px 0px 0px 0px #838281;
}
#errosLogin {
    margin-top:50px;
    width:auto;
    height:auto;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
    background:#EEB4B4;
    text-align:center;
    display:none;
    border:1px solid #383431;
}
.fundo label.error {
    color:#383431;
    padding:5px;
    font-size:12pt;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    display:inline-block;
}
/*
//Termina css da tela de login
*/


/**
**Erros da tela de login
*/
/*.fundo
input.error,
input.error:focus,
input[type=text].error,
input[type=text].error:focus,
input[type=password].error,
input[type=password].error:focus {
    border: 2px solid red;
    transition: all 0.3s ease-out;
    border-color: #DE3C47;
    
    box-shadow:0px 0px 5px 3px #DE3C47;
    -moz-box-shadow:0px 0px 5px 3px #DE3C47;
    -webkit-box-shadow:0px 0px 5px 3px #DE3C47;
}

.fundo
input.valid,
input.valid:focus,
input[type=text].valid,
input[type=text].valid:hover,
input[type=text].valid:focus,
input[type=password].valid,
input[type=password].valid:hover,
input[type=password].valid:focus {
    border: 2px solid red;
    transition: all 0.3s ease-out;
    border-color: #00BA1F;
    
    box-shadow:0px 0px 5px 3px #00BA1F;
    -moz-box-shadow:0px 0px 5px 3px #00BA1F;
    -webkit-box-shadow:0px 0px 5px 3px #00BA1F;
}*/

/*
**fim dos erros da tela de login
**erros da tela centro
*/

/*
//Inicio do corpo do menu
*/
#wrapper {
    position:absolute; 
    top:90px;
    width:240px;
    margin-left:-120px;
    left:50%;
    padding:0;
    list-style-type:none;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    font-size:14px;
}

#wrapper img {
    margin-top:3px;
    text-align:right;
}

ul#menu {
    width:229px;
    padding:0px;
    margin:0px;
    list-style-type:none;
}

#wrapper a:active, #wrapper a:visited, #wrapper a:link{
    display:block;
    text-decoration:none;
    color:#383431;
}

ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active{
    display:block;
    height:20px;
    text-decoration:none;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    font-size:10pt;
    /*color:#383431;*/
}

ul#menu li a:hover {
    background-color:#c2c1c1;
    background: -moz-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    /*transition: all 0.3s ease-out;*/
    color:#383431;
}

ul#menu li {
    border-bottom:1px solid #FFFFFF;
}

/*menu*/    
.accordionButton {	
    width: 240px;
    height: 20px;
    float: left;
    _float: none;  /* Float works in all browsers but IE6 */
    background: #96aebe;
    background: -moz-linear-gradient(left, #e7e7e7 10%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 10%, #c2c1c1);
    /*transition: all 0.3s ease-out;*/
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}

/*submenu*/    
.accordionContent {	
    width: 230px;
    float: left;
    _float: none;  /* Float works in all browsers but IE6 */
    display: none;
    background: #96aebe;
    background: -moz-linear-gradient(left, #e7e7e7 10%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 10%, #c2c1c1);
    /*transition: all 0.3s ease-out;*/
    margin-left:10px;
}
/*menu aberto*/	
.on {
    background:#c2c1c1 url('imagens/-.png') right center no-repeat;
    background: -moz-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    /*transition: all 0.3s ease-out;*/
    color:#383431;
}
/*menu fechado*/
.off {
    background:#c2c1c1 url('imagens/+.png') right center no-repeat;
}
/*mouse hover menu*/
.over {
    background:#c2c1c1;
    background: -moz-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    /*transition: all 0.3s ease-out;*/
    color:#383431;
}
/*Rodapé*/
#footer{
    text-decoration:none;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    font-size:10px;
    position:relative;
    bottom:1px;
    width:220px;
    float:bottom;
    text-align:center;
    z-index:-1;
}
/*
//Fim do menu
*/




#centro label.error {
    color:#E30000;
    font-size:8pt;
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    display:inline-block;
}

#centro 
input.error{
    border-color:#E30000;
    
    box-shadow:0px 0px 0px 0px;
    -moz-box-shadow:0px 0px 0px 0px;
    -webkit-box-shadow:0px 0px 0px 0px;
}

#centro 
input.valid,
input.valid:focus{
    border-color: #00BA1F;
    
    box-shadow:0px 0px 0px 0px;
    -moz-box-shadow:0px 0px 0px 0px;
    -webkit-box-shadow:0px 0px 0px 0px;
}

/*
**fim dos erros
*/

#centro {
    position:absolute;
    width: 80%;                         /* para navegadores que não suportam calc() */
    width: -webkit-calc(100% - 260px);  /* para Chrome */
    width: -moz-calc(100% - 260px);     /* para Firefox */
    height:99%;
    left:255px;
    top:2px;
    overflow:auto;
    /*display:inline-block;*/
    /*background:black;*/
}

#centro iframe {
    position:absolute;
    width: 100%;
    margin:0px;
    border:0px;
    padding:0px;
    left:-5px;
    top:-5px;
}

table.informacoes {
    /*width:100%;*/
    color:#383431;
    font-size:10pt;
    background:#838281;
    /*background: -moz-linear-gradient(left, #96aebe 90%, #e7e7e7);*/
    /*border: 1px solid #383431;*/
}

tr.informacoes {
    color:white;
    font-size:12pt;
    text-align:center;
    /*background:#006400;*/
}

.c1 {
    /*background: -moz-linear-gradient(left, white 10%, #c2c1c1);*/
    /*background:white;*/
    background:white;
}

.c2 {
    /*background: -moz-linear-gradient(left, #c2c1c1 10%, #838281);*/
    /*background:white;*/
    background:-moz-linear-gradient(left, #c2c1c1, white, #c2c1c1);
    background: -webkit-linear-gradient(left, #c2c1c1, white, #c2c1c1);
    /*background:-webkit-gradient(linear, left top, right bottom, #c2c1c1, white, #c2c1c1);*/
    /*background:-webkit-linear-gradient(left, rgb(194,170,170) 30%, rgb(204,232,207) 60%, rgb(249,247,255) 30%);*/
}

.c3 {
    width:550px;
    border:1px solid black;
    cursor:default;
    border-top:0;
}

.overTable {
    background:-moz-linear-gradient(left, #FCC96B, #FFF700, #FCC96B);
    background:-webkit-linear-gradient(left, #FCC96B, #FFF700, #FCC96B);
}



.legenda{
    /*width:300px;*/
    margin-left:100px;
    position:fixed;
    /*float:right;*/
    top:5px;
    display:inline-block;
}

.legenda2 {
    width:300px;
    margin-left:10px;
    position:absolute;
    margin-top:60px;
    /*float:left;*/
    /*bottom:50px;*/
    display:inline-block;
}

.funcionando{
	color:#008B00;
}
.quebrado{
	color:#FF0000;
}
.conserto{
	color:#8B5A00;
}




.random {
    display:block;
}
.random2 {
    display:none;
}


#pesquisaPa {
    /*float:left;*/ 
    margin-right:10px;
    width:400px;
    border-bottom:1px solid black; 
    display:inline-block;
}

textarea {
    resize:none;
}



/*
** Modal
*/
#modal, #modalMenu {
    position:absolute;
    left:0;
    top:0;
    display:none;
    z-index:9999;
    background-color:#ffffff;
    text-align:center;
    padding-bottom:10px;
}

#mask, #maskMenu, #maskSave {
    z-index:9000;
    background-color:#000;
    display:none;
    position:absolute;
    left:0;
    top:0;
}
.window {
    position:absolute;
    left:0;
    top:0;
    display:none;
    z-index:9999;
    /*padding:20px;*/
    /*padding:5px;*/
    background-color:#ffffff;
    text-align:center;
}
img.close {
    display:block;
    text-align:right;
    float:right;
    cursor:pointer;
    margin:3px;
}
/*
** Fim do modal
*/

em {
    color:red;
}

#centro a, #centro a:visited, #centro a:link {
    display:inline-block;
    color:#838281;
    text-decoration:underline;
    margin-bottom:5px;
}
#centro a:hover {
    text-decoration:underline;
    color:#FCC96B;
}
#centro a.c3 {
    display:block;
    color:#383431;
    text-decoration:none;
    margin-bottom:1px;
    
    border:1px solid black;
    width:100px;
    text-align:center;
    cursor:pointer;
}

.tituloForm {
    background:gray;
    width:100%;
    padding-bottom:10px;
    padding-top:10px;
    font-size:14pt;
    font-weight:bold;
}
.tituloTd {
    font-size:11pt;
    font-weight:bold;
}


img.titleInfo {
    vertical-align:-125%;
    margin-left:10px;
}

.ui-tooltip {
    font-family: 'ubuntu', 'Trebuchet MS', sans-serif;
    font-size: 8pt;
    color:#383431;
}

#dataCenter { 
    width: 120px; 
    height: 25px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    text-align:center;
    font-family: 'monaco', 'Trebuchet MS', sans-serif;
    font-size:7pt;
    color:#383431;
    position:absolute;
    cursor:pointer;
}

#draggable { 
    width: 55px; 
    height: 55px; 
    /*padding: 0.5px;*/
    /*float: left;*/ 
    /*margin: 0 10px 10px 0;*/ 
    border: 1px solid #aaaaaa;
    background: #ffffff;
    text-align:center;
    font-family: 'monaco', 'Trebuchet MS', sans-serif;
    font-size:7pt;
    color:#383431;
    position:absolute;
    cursor:pointer;
}
#draggable #drag {
    /*float:right;*/
    /*height:14px;*/
    cursor:move;
}
#draggable img {
    padding-bottom: 3px;
}

img#fakeImg {
    cursor:pointer;
}
input#realFile {
    display:none;
}
input#fakeFile {
    float:left;
}


#sortable, #sortableSub { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 300px;
    /*border:1px solid red;*/
}
#sortable li , #sortableSub li {
    margin: 0 3px 5px 3px; 
    color:#383431;
    font-size:10pt;
    background: #96aebe;
    background: -moz-linear-gradient(left, #e7e7e7 10%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 10%, #c2c1c1);
    font-size: 12pt;
    height:auto;
    cursor:move;
}
#sortableSub {
    display:none;
    width:270px;
    border-left: 24px solid white;
}
#sortableSub li {
    border-top:1px solid white;
    margin:0;
}

#sortable li.over, #sortableSub li.over {
    background:#c2c1c1;
    background: -moz-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    background: -webkit-linear-gradient(left, #e7e7e7 50%, #c2c1c1);
    /*transition: all 0.3s ease-out;*/
    color:#383431;
}

img.edit {
    cursor:pointer;
}


input.file-upload-custom {
    display: none;
}

/* this code is not required */
label.file-upload-custom {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    width: 92% !important;
    line-height: 16px;
    padding: .2em .4em;
    margin: .2em;
    cursor: pointer;
}