* {
margin:0;
padding:0;
vertical-align:baseline;
list-style:none;
border:none;
background:none;
text-decoration:none;
}

body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#716663;
background:#ddece9;
}

html {}



.hold-login {
padding:25px 25px 10px;
background: linear-gradient(#ffffff,#ffffff); 
border: solid 2px #fff;
border-radius:20px;
margin: 0 0 0 588px;
    overflow: hidden;
}

.central{
    margin: 20px auto 0;
    max-width: 260px;
}

.hold-login fieldset {
    background: none;
}

/* elemetnos globais */

.geral {
    width: auto;
    max-width: 940px;
}
p {
margin:0 0 20px 0;
}


/* topo */

.topo {
background:url(../images/bg-topo.jpg) repeat-x center top;
width:100%;
}

.topo .topo-info {
width:auto;
max-width: 940px;
margin:0 auto;
height:130px;
    background: linear-gradient(#349f75,#048955 36px,#048955 49px,#ddece9 49px);
    position: relative;
    box-shadow: 0 -92px 12px 6px rgba(0,0,0,.3);
}

.cor-do-sistema {
    background: linear-gradient(#00718b,#01a5cb);
    border-radius: 0 0 10px 10px;
    top: 51px;
    padding: 11px 30px 0 0;
    left: 0;
    width: calc(100% - 30px);
}

.logo {
position:absolute;
top:0;
left:28px;
z-index:10;
}

.sessao {
width:910px;
height:48px;
position:absolute;
background:url(../images/bg-title.jpg) no-repeat center center;
top:50px;
left:22px;
z-index:0;
text-align:right;
color:#ffffff;
font-size:30px;
padding:12px 30px 0 0;
}

.login a.sistema:hover, .login a.sistema.opened {
background-color:#62749d;
}

.list-sistemas {
background-color:#62749d;
}

.list-sistemas ul li a, .menu-conteudo span, h6, .resumo h5, .resumo ul li a, .table-toogle a, .table-toogle span, html ul.tabs li.active a {
color:#62749d;
}  

.resumo a.registrar {
background-image:url(../images/registrar-roxo.jpg);
}

.table-toogle a {
background-image:url(../images/mais-roxo.jpg);
}

.table-toogle a.opened {
background-image:url(../images/menos-roxo.jpg);
}

.menu-conteudo li a {
	background-image:url(../images/seta4-roxo.jpg);	
}

/* Caixa Sistemas */
.Caixasistemas h2 {background:url(../images/sistemas-topo-roxo.png) no-repeat;}
		.Caixasistemas .Acessar a{color:#1b8186;}


/* form principal */

form fieldset{
width:auto;
background:white;
margin:0 0 0px 0;
clear:both;
}

.footer-login {
    margin: 12px 0 0;
}

.banner-login {float: left;width: 568px;}

form fieldset input, form fieldset textarea {
display:inline-block;
width:400px;
height:15px;
border:1px solid #008752;
padding:5px;
margin:0 0 0px 0;
border-radius:3px; /* Implementação W3C */
-moz-border-radius:3px; /* Implementação Mozilla */
-webkit-border-radius:3px ; /* Implementação para browsers que renderizam via webkit */
/*behavior: url(PIE.htc); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
}


.checkbox {
display:inline-block;
height:15px;
width:15px;
background-color:#fff;
border:1px solid #008752;
padding:5px;
margin:0 0 0px 0;
border-radius:3px; /* Implementação W3C */
-moz-border-radius:3px; /* Implementação Mozilla */
-webkit-border-radius:3px ; /* Implementação para browsers que renderizam via webkit */
/*behavior: url(PIE.htc); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
}

form fieldset div div {
margin-bottom:10px;
clear:both;
}

button, .send a {
    border: 1px solid #008752;
    line-height: 1;
    margin: 0 0 8px;
    text-decoration: none;
    text-transform:uppercase;
}
button, .send a {color: #fff;background: #00995d;border-color:#fff;padding: 9px 24px;display:inline-block}

/* Selectmenu
----------------------------------*/

.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:0px; top:0px; background:url(../images/bg-span.jpg) no-repeat center center; width:26px; height:26px; z-index:0;}
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; display: none; overflow: auto; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { display: block; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }


/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget .ui-widget {}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #008752/*{fcContent}*/; }
.ui-widget-header { }
.ui-widget-header a { color: #008752/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #008752/*{borderColorDefault}*/; 
font-weight: normal/*{fwDefault}*/; 
color: #008752/*{fcDefault}*/; 
padding:5px 0 0 5px;
height:20px;
text-align:left;
}

select { 
border: 1px solid #008752/*{borderColorDefault}*/; 
background: #ffffff;
font-weight: normal/*{fwDefault}*/; 
color: #008752/*{fcDefault}*/; 
padding:5px 0 0 5px;
height:20px;
-moz-border-radius: 4px 4px 4px 4px;
}

#selecttype-button {
width:205px !important
}

#selecttype-menu {
border:1px solid #008752 !important;
border-top:1px solid white !important;
width:205px !important;
padding:0 0 0 5px;
position:relative;
top:-2px;
}

.legend-login {
color:#008752;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
*position:relative;
*left:-7px;
}


.MensagemAdv {
	border: 1px solid #F8D802;
	color: #716663;
	background: #F8D802;
	padding: 4px;
	font-size: 14px;
	margin-bottom: 4px;
}

.MensagemSucesso img, .MensagemAdv img, .MensagemErro img {
	position: relative;
	top: 3px;
}

@media screen and (max-width:940px){
    .banner-login{width: 55%}   
    
    .hold-login:not(.central){
            margin: 0 0 0 calc(55% + 20px);
    }
    .footer-login {
    width: 100%;
}
}

@media screen and (max-width:720px){
    .banner-login{display: none}
    .logo {
        left: 5px;
    }
    .logo img{height: 45px}
    .cor-do-sistema {
    background: none;
    top: 0;
    padding: 12px 0 0 120px;
        width: auto;
    }
    .cor-do-sistema h5 {
    font-size: 18px;
}
    .topo .topo-info{
        height: 69px;
    }
    .hold-login:not(.central){
        margin: auto;
        width: 260px;
    }

@media screen and (max-width:460px){
    .footer-login {
    display: none;
}
}
}