* { margin: 0px; font-family: 'Lucida Sans Unicode' , Verdana; font-size: 8pt; }
body { margin: 0px; color: #333333; }

#erro { border: 6px solid #CCCCCC; background: white; margin: 50px 50px 50px 50px; padding: 40px 40px 60px 40px; }
#erro .logo_erro { float: left; }
#erro h1 { font-weight: bold; font-size: 16px; margin-bottom: 10px; margin-left: 150px; color: #FF0000; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FF3300; padding-bottom: 5px; }
#erro p { margin: 0px 0px 3px 150px; }
#erro #detalhes { text-align: right; }
.azul {background-image: url('/_shared/images/erro_topo.jpg'); background-repeat: repeat-x; background-color: #ecf3f6;}

/*///////// ALERTAS DO SISTEMA - ERROS, SUCESSO E ATENÇÃO */
.erro { margin: 5px auto 5px auto; border: 1px solid #993300; color: white; text-align: center; width: 95%; background-color: #CC0000; font-weight: bolder; padding: 10px; }
.sucesso { margin: 5px auto 5px auto; border: 1px solid #003366; color: #FFFFFF; text-align: center; background-color: #336600; font-weight: bolder; padding: 10px; width: 95%; }
.atencao { margin: 5px auto 5px auto; border: 1px solid #003366; color: #000000; text-align: center; background-color: #FFCC00; font-weight: bolder; padding: 10px; width: 95%; }
/*/////////////////////////////////////////////////////////////////////// FIM DA PAGINAÇÃO */

/*///////// PAGINAÇÃO DO GRIDVIEW */
.pager { text-align: center; padding: 6px; }
span.command, span.current, a.command { color: #666666; padding: 0px 5px; text-decoration: none; border: none; font-weight: bold; }
a.command:hover { border: 2px solid #666666; background-color: #808080; color: #FFFFFF; padding: 0px 3px; text-decoration: none; }
span.current { border: none; font-weight: bold; color: #000000; padding: 0px 6px; text-decoration: underline; }
/*/////////////////////////////////////////////////////////////////////// FIM DA PAGINAÇÃO */

a:link { color: #e18214; text-decoration: underline; }
a:hover { color: #007396; text-decoration: underline; }
a:active { color: #000000; }

p { padding: 0px 10px 10px 10px; text-align: justify; }

.siteMap { list-style: none; padding: 2px; margin: 2px; }
.siteMap li { float: left; padding-left: 10px; }
.siteMap a { display: block; color: Black; font-weight: bold; padding: 4px; text-decoration: underline; margin: 2px; }
.siteMap li .selectedMenuItem a { color: #FF9900; text-decoration: underline; }

.idev { font-weight: bold; color: #007396; }
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 14pt; padding: 10px; }
h2 { margin: 5px 10px 10px 10px; padding: 3px 3px 8px 3px; font-size: 11pt; text-indent: 5px; border-bottom-style: dotted; border-bottom-width: 2px; border-bottom-color: #d9d9d9; color: #007396; }
h3 { margin: 5px 10px 10px 10px; padding: 3px 3px 8px 3px; font-size: 10pt; text-indent: 5px; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #d9d9d9; color: #e18215; }
h4 { font-size: 9pt; padding: 10px; text-indent: 15px; font-weight: bold; }
h5, h6 { font-size: 1em; }

/* 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: 960px; margin: auto; height: auto; background-image: url(/_shared/images/_bgSite.png); background-repeat: repeat-y; padding-right: 30px; padding-left: 30px; }

#header { width: 100%; height: 230px; }

#menu { width: 100%; height: 35px; background-image: url(/_shared/images/_bgMenu.gif); background-repeat: repeat-x; text-align: center; padding-top: 15px; color: #FFFFFF; font-size: 11pt; }
#menu a { color: #FFFFFF; font-size: 11pt; text-decoration: none; }
#menu a:hover { text-decoration: underline; }

#main { width: 940px; height: auto; padding: 10px; overflow: hidden; }
#main #home #hl1 { width: 100%; height: 435px; margin-bottom: 5px; }
#main #home #hl1 .esq { width: 320px; height: auto; float: left; }
#main #home #hl1 .esq #clientes { border: 1px solid #e4e3e3; width: 318px; height: 198px; margin-bottom: 10px; }
#main #home #hl1 .esq #clientes h1 { background-color: #e18112; color: #FFFFFF; margin: 3px; padding: 5px; font-size: 14pt; text-indent: 15px; }
#main #home #hl1 .esq #noticias { border: 1px solid #e4e3e3; width: 318px; height: 232px; }
#main #home #hl1 .esq #noticias h1 { background-color: #007396; color: #FFFFFF; margin: 3px; padding: 5px; font-size: 14pt; text-indent: 15px; }

#main #home #hl1 .esq #noticias ul { list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px; }
#main #home #hl1 .esq #noticias ul li { padding: 5px 0px 5px 0px; }

#main #home #hl1 .dir { border: 1px solid #e4e3e3; width: 612px; float: right; height: auto; }
#main #home #hl1 .dir p { text-indent: 20px;}

#main #home #hl2 { width: 100%; height: 156px; margin-bottom: 10px; margin-top: 20px; }
#main #home #hl2 .esq { width: 620px; height: 155px; float: left; border: 1px solid #e4e3e3; }
#main #home #hl2 .esq p { text-indent: 20px;}
#main #home #hl2 .dir { width: 300px; height: 155px; float: right; border: 1px solid #e4e3e3; }

#main #leiaMais { width: 230px; height: auto; margin-right: 10px; float: right; overflow: hidden; }
#main #leiaMais ul { margin-top: 30px; }
#main #leiaMais ul li { padding: 2px;}

#main #nav { width: 700px; height: auto; float: left; overflow: hidden; }

#main #nav #produto { padding: 0px 0px 30px 10px; }
#main #nav #produto p { text-indent: 20px; }
#main #nav #produto .prod { list-style-type: none; }

#main #nav #artigo { padding: 0px 0px 30px 10px; }
#main #nav #artigo h1 { color: #095767; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #095767; }
#main #nav #artigo p { }
#main #nav #artigo .prod { list-style-type: none; }

#main #out { padding: 0px 10px 30px 10px; }
#main #out h1 { padding-bottom: 20px; }
#main #out p { text-indent: 20px; }

#main .link { text-align: right; padding: 10px;}
#main ul li { padding: 2px;}

#footer { color: #FFFFFF; padding: 10px 0 0px 0; height: 107px; line-height: normal; background-image: url(/_shared/images/_bgRodape.gif); background-repeat: no-repeat; }
#footer #fEsq { width: 450px; float: left; margin: 10px 0px 0px 10px; text-align: left; }
#footer #fEsq a { color: #FFFFFF; }
#footer #fEsq a:hover { color: #000000; }
#footer #fDir { width: 450px; float: right; margin: 10px 10px 0px 0px; text-align: right; }

/* TAB MENU   
----------------------------------------------------------*/
ul#menuUl { border-bottom: 1px #5C87B2 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: right; }
ul#menuUl li { display: inline; list-style: none; }
ul#menuUl li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }
ul#menuUl li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; }
ul#menuUl li a:hover { background-color: #fff; text-decoration: none; }
ul#menuUl li a:active { background-color: #a6e2a6; text-decoration: none; }
ul#menuUl li.selected a { background-color: #fff; color: #000; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
#main fieldset { border-style: none; padding: 19px; margin: 0 0 20px 0; }
#main fieldset .esq { width: 50%; float: left; }
#main fieldset .dir { width: 50%; float: right; }
#main fieldset .m { width: 50%; float: left; }
#main fieldset p { float: left; width: 100%; text-indent: 0px; }
#main fieldset p label { display: block; width: 100%; margin: 0 0 2px 0; text-indent: 0px; }
#main fieldset input[type="text"] { border: 1px solid #C0C0C0; background: #ffffff url('input-shaddow.gif') no-repeat left top; color: #646464; padding: 5px; float: left; margin: 0 5px 0 0; overflow: hidden; }
#main fieldset input[type="textarea"] { border: 1px solid #C0C0C0; background: #ffffff url('input-shaddow.gif') no-repeat left top; color: #646464; padding: 5px; float: left; margin: 0 5px 0 0; overflow: hidden; }
#main fieldset select { background-position: left top; background: #fff url('input-shaddow.gif') no-repeat left top; padding: 2px; margin: 5px; border: 1px solid #C0C0C0; color: #646464; float: left; }
#main fieldset .radio { float: none; }
#main fieldset .text:focus, 
#main fieldset .text:focus,
#main fieldset .text:focus,
#main fieldset textarea:focus { background: #fdfcf6 url(/_shared/images/input-shaddow-hover.gif) no-repeat left top; }
#main fieldset textarea { background-position: left top; border: 1px solid #C0C0C0; background: #fff url(/_shared/images/input-shaddow.gif) no-repeat left top; color: #646464; padding: 5px; float: left; margin: 0 5px 0 0; overflow: hidden; }
#main fieldset .submit { text-indent: 0px !important;}


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

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.error { color: Red; }
#menucontainer { margin-top: 40px; }
div#title { display: block; float: left; text-align: left; }

#logindisplay { font-size: 1.1em; display: block; text-align: right; color: White; }
#logindisplay a:link { color: white; text-decoration: underline; }
#logindisplay a:visited { color: white; text-decoration: underline; }
#logindisplay a:hover { color: white; text-decoration: none; }

.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }