/*----- Css Reset Inicio -----*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{ text-decoration:none; }
table { border-collapse: separate;border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }
img, iframe { border: none; text-decoration:none; }
ol, ul { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; }
hr { margin: 0;padding: 0;border: 0;color: #000; background-color: #fff; height: 1px; }
a, a:visited { color: #172983; text-decoration:none; }
a:hover { text-decoration:underline; }
body .noMarginRight {margin-right: 0;}
b, strong {font-weight: bold;}
em {font-style: italic;}
/*----- Css Reset Fim -----*/

body {font-family: Trebuchet MS; position: relative;}

.middle-div {width: 940px; margin: 0 auto;}
.oculto, .none {display: none;}

/******************** Estilos Gerais **************************/
.titulo-pagina {border: 1px solid #959595; border-top: none; background: none repeat scroll 0 0 #004B81; display: block; padding: 2px 0; position: fixed; text-align: center; top: 116px; width: 938px; color: #fff;}

#header, #menu, #footer, #warning {width: 100%; float: left;}

/*************************** HEADER **************************/
#header {top: 0; position: fixed; z-index: 999;}

#header .header {background: /*url(../images/header.jpg) repeat-x */#004B81; height: 75px; width: 100%; float: left;}
#header .header h1 {color: #fff; margin: 0; text-align: right; width: 490px; float: left; font-size: 25px; margin-top: 12px; font-family: Tahoma; font-weight: bold;}
#header .header h1 em {color: #fff; display: block; font-size: small; font-size: 13px; font-style: normal;}
#header .header #logo {float: left; background: url(../images/logo.png); width: 110px; height: 62px; text-indent: -9999px; font-size: 0px; margin-top: 6px;}
#header .header #blocos {float: right; width: 244px; margin-top: 12px;}
#header .header #blocos div {float: left; width: 240px; margin-bottom: 12px; text-align: center;}
#header .header #blocos div .msg {font-size: 13px; color: #0000FF; text-align: center; width: 100%; padding: 2px; background-color: #fff; display: block;}
#header .header #blocos div .msg span {text-transform: uppercase;}

#header #menu {background-color: #fff; border-bottom: 1px solid #959595;}
#header #menu .sf-menu {float: left; width:100%; height: 40px;}
#header #menu .sf-menu li {float: left; border-left: 1px solid #959595; height: 20px; padding: 10px 5px 10px 0;}
#header #menu .sf-menu li.last { border-right: 1px solid #959595;}
#header #menu .sf-menu li a {color: #0076A3; font-weight: bold; font-size: 15px; padding: 0 15px 0 10px; background: url(../images/arrow-down.jpg) no-repeat right 5px;}
#header #menu .sf-menu li a:hover {text-decoration: none; color: #6DCFF6;}

#header #menu .sf-menu li.rotina {float: right; border: none;  padding: 8px 0; background: none; height: auto;}
#header #menu .sf-menu li.rotina a {padding: 0;}
#header #menu .sf-menu li.rotina .rotina-text {width: 119px; height: 23px; float: left; background: url(../images/rotina-text.jpg); border: none; text-align: center;}
#header #menu .sf-menu li.rotina .rotina-btn {width: 33px; height: 25px; float: left; background: url(../images/rotina-btn.jpg); border: none; font-size: 0; text-indent: -15000px;}
#header #menu .sf-menu li.rotina .header-home, #header #menu ul li.rotina .header-close, #header #menu ul li.rotina .header-print {width: 25px; height: 25px; float: left; text-indent: -1500px; font-size: 0; margin-left: 5px; border: none; cursor: pointer;}
#header #menu .sf-menu li.rotina .header-home {background: url(../images/home.jpg);} 
#header #menu .sf-menu li.rotina .header-close {background: url(../images/close.jpg);} 
#header #menu .sf-menu li.rotina .header-print {background: url(../images/imprimir.jpg);} 

#header #menu .sf-menu ul {border: 1px solid #959595; background-color: #fefcfc;}
#header #menu .sf-menu ul li {padding: 2px 5px 2px 0;}

#header #menu .sf-menu .cadastros ul {width: 220px;}
#header #menu .sf-menu .cadastros ul li {width: 215px; border-left: none; border-bottom: 1px solid #959595;}
#header #menu .sf-menu .cadastros ul li a {width: 200px; background: none; padding-left: 10px;}

#header #menu .sf-menu .consultas ul {width: 235px;}
#header #menu .sf-menu .consultas ul li {width: 230px; border-left: none; border-bottom: 1px solid #959595;}
#header #menu .sf-menu .consultas ul li a {width: 215px; background: none; padding-left: 10px;}

#header #menu .sf-menu .funcoes ul {width: 340px;}
#header #menu .sf-menu .funcoes ul li {width: 335px; border-left: none; border-bottom: 1px solid #959595;}
#header #menu .sf-menu .funcoes ul li a {width: 325px; background: none; padding-left: 10px;}

#header #menu .sf-menu .relatorios ul {width: 300px;}
#header #menu .sf-menu .relatorios ul li {width: 295px; border-left: none; border-bottom: 1px solid #959595;}
#header #menu .sf-menu .relatorios ul li a {width: 300px; background: none; padding-left: 10px;}

/*************************** FOOTER **************************/
#footer { border-top: 1px solid #fff; float: left; width: 100%; color: #fff; text-align: center; bottom: 0; position: fixed; height: auto;}

#footer .statusline {float: left; width: 100%; background-color: #cc0a0a;  padding: 4px 0; height: 20px;}
#footer .statusline span {color: #ffffff !important; text-align: center;  display: block; width: 100%;}

#footer .btns {width: 100%; float: left; background-color: #fff; border-top: 1px solid #959595; border-bottom: 1px solid #959595;}
#footer .btns ul {float:left; width: 100%; padding-top: 5px;}
#footer .btns li {float: left; margin-right: 5px; margin-bottom: 5px;}
#footer .btns ul li input {background-color: #004a83; color: #fff; border: 1px solid #959595; padding: 5px 9px; font-family: Trebuchet MS; font-weight: bold; font-size: 15px; cursor: pointer;}
#footer .btns ul li input:hover {background-color: #fff; color: #0076a3;}

/*************************** CONTAINER **************************/
#container {float: left; width: 100%;}
.container {width: 100%;}

.content {margin: 150px 0 0 0; padding-bottom: 300px; float: left; width: 100%;}

/*************************** LOGIN **************************/
#container .title {font-size: 20px;}
#container .login-form {width: 400px; margin-left: 200px; margin-top: 100px; float: left;}
#container .login-form-input input {width: 250px; float: left; margin-left: 87px; border: 1px solid #cbc9c9; padding: 5px 0;}
#container .login-form-input input#ctl00_ePortalContent_SENHA {margin-left: 98px;}
#container .login-form-input label {float: left; font-weight: bold; font-size: 15px;}
#container .login-form-input label, #container .login-form-input input {margin-bottom: 30px;}

#container .login-form-btn {width: auto; float: right;}
#container .login-form-btn input {background-color: #004a83; color: #fff; border: 1px solid #004a83; padding: 5px 9px; font-family: Trebuchet MS; font-weight: bold; font-size: 15px; cursor: pointer;}
#container .login-form-btn input:hover {background-color: #fff; color: #000; border: 1px solid #000;}

#container .error {float: left; width: 100%; margin-top: 50px;}
#container .error span {color: #ff0000; font-family: Trebuchet MS; text-align: center; display: block; width: 100%; font-weight: bold !important;}

/********************** MENU DROPDOWN **********************/
.sf-menu ul {position: absolute; top: -999em;width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu li:hover {visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li { float:left; position: relative;}
.sf-menu a {display: block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0;top:2.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:	0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}