/*******Menu Principal********/
div.menu 
{
    background-color: white;
}

ul.itensMenu 
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.itensMenu li.menuSelecionado 
{
    background-image: none;
    font-weight: bold;
    border-bottom: 2px solid white;
    margin-bottom: -2px;
}

ul.itensMenu li 
{
    display: inline-block;
    padding: 5px 20px 5px 20px;
    margin: 0px 2px 0px 2px;
    border: 1px solid rgb(230,230,235);
    border-bottom-width: 0px;
    float: left;
    cursor: pointer;
    background-image: url("imagens/bg_item_menu.jpg");
    background-repeat: repeat-x;
    background-position: bottom left;
}

ul.itensMenu li:hover 
{
    background-color: White;
    background-image: none;
}

.boxSubMenu 
{
    border: 1px solid rgb(230,230,235);
}

.boxSubMenu table 
{
    border-collapse: collapse;
}

ul.blocos 
{
}

ul.blocos li 
{
    display: inline-block;
}

td.bloco 
{
    vertical-align: top;
    font-size: 12px;
    padding: 8px;
    padding-right: 35px;
}

.submenu ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.submenu ul li
{
    padding: 1px;
    padding-left: 12px;
    background-image: url(imagens/detalhe_pagina.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}

.submenu ul li a
{
    display: block;
    text-decoration: none;
    color: #696969;
}

.submenu ul li a:hover 
{
    text-decoration: underline;
}

.tituloSubmenu 
{
    display: inline-block;
    color: Black;
    padding: 3px 0px 3px 0px;
}
/****************************/


body   
{
    font-size: .80em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    color: rgb(30,30,30);
}

textarea
{
    width: 80%;
}

#logoBackground{
    display: inline-block;
    height: 50px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgb(190,190,190);
}

.header 
{
    width: 100%;
    height: 50px;
    background-color: rgb(127,127,127);
}

.msgHeader 
{
    display: inline-block;
    color: rgb(255,255,255);
    float: right;
    padding: 4px;
}

#tituloSistema 
{
    display: inline-block;
    color: rgb(255,255,255);
    margin: 12px 0px 0px 10px;
    font-size: 20px;    
}

#infoUser 
{
    display: inline-block;
    float: right;
    height: 50px;
    background-color: rgb(190,190,190);
}

#infoUser ul 
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    
}

#infoUser ul li #NomeUsuario 
{
    display: block;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px dotted rgb(255,255,255);
    color: rgb(255,255,255);
}

#infoUser ul li #btnSair, #infoUser ul li #btnAlterarSenha 
{
    display: inline-block;
    padding: 6px 8px 2px 8px;
    color: rgb(255,255,255);
}

#infoUser ul li #btnSair:hover, #infoUser ul li #btnAlterarSenha:hover 
{
    color: white
}

#conteudo, #panelMenu
{
    margin: 20px;
    border: 1px solid rgb(190,190,190);
    padding: 10px;
}

#footer 
{
    margin: 20px;
    padding: 10px;
    border: 1px solid rgb(190,190,190);
    background-color: rgb(190,190,190);
    color: rgb(255,255,255);
}

.tituloConteudoForma 
{
    /*float: left;*/
    display: inline-block;
    background-image: url("imagens/bg_tituloConteudoForma.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0px 62px 10px 0px;
    margin-top: -10px;
}

.tituloConteudo 
{
    float: left;
    font-size: 12pt;
    font-weight: bold;
    font-variant: small-caps;
    background-image: url("imagens/bg_tituloConteudo.jpg");
    background-repeat: repeat-x;
    background-position: top left;
    padding: 13px 15px 15px 15px;
    margin-left: -10px;
    line-height:110%;
}

/*
*/

.tabelaDownload
{
    border: 1px solid rgb(190,190,190);
    width: 100%;
}

.tabelaDownload th
{
    text-align: left;
    padding: 10px 2px 10px 2px;
    background-color: rgb(190,190,190);
    color: rgb(255,255,255);
}
.tabelaDownload tr.tabelaLinha td
{
    border-top: 1px solid rgb(190,190,190);
    color: Black;
    border-bottom-width: 0px;
    padding-bottom: 0px;    
}
.tabelaDownload tr td
{
    padding: 5px;
    border-bottom: 1px dashed rgb(245,245,245);
}
.selecionado
{
    /*border-bottom: 3px solid rgb(127,127,127);
    color: rgb(127,127,127)!important;*/
    border-bottom: 3px solid rgb(255,255,255);
    color: rgb(255,255,255)!important;
}
#categorias
{
    /*background-color: rgb(255,255,255);*/
    background-color: rgb(127,127,127);
}

/*
*/
.gridView
{
    border: 1px solid rgb(190,190,190);
    width: 100%;
}

.gridView th
{
    text-align: left;
    padding: 10px 2px 10px 2px;
    background-color: rgb(190,190,190);
    color: rgb(255,255,255);
}

.gridView tr.gridLine:hover
{
    /*background-color: rgb(220,220,225)!important;*/
    border: 1px solid black;
    color: Black;
}

.gridView tr td
{
    padding: 5px;
    border-bottom: 1px dashed rgb(245,245,245);
}

.gridViewDetalhe
{
    border: 1px solid rgb(190,190,190);
    width: 100%;
}

.gridViewDetalhe th
{
    text-align: left;
    padding: 5px;
    border-bottom: 2px solid rgb(190,190,190);
    background-color: rgb(190,190,190);
    color: White;
}

.gridViewDetalhe tr td
{
    padding: 10px;
    border-bottom: 1px solid rgb(245,245,245);
}

.gridViewDetalhe tbody tr td textarea 
{
    height: 20px;
    display: block;
}

input[type=password], input[type=text], input[type=button], input[type=submit], select, textarea, a.button
{ 
    color: rgb(30,30,30);
    border: 1px solid rgb(230,230,235);
    padding: 2px;
}

input[disabled], select[disabled], textarea[disabled]
{ 
    border: 1px solid rgb(230,230,235);
    background-color: rgb(250,250,255);
    padding: 3px;
}

.conteinerPesquisa
{
    background-color: rgb(190,190,190);
    color: rgb(255,255,255);
    list-style-type: none;
    margin: 0px;
    padding: 10px;
}

.button 
{
    display: inline-block;
    padding-right: 16px!important;
    padding-left: 16px!important;
    background-color: rgb(240,240,240);
}

a.button 
{
    text-decoration: none;
    color: inherit;
    display: inline-block;
}

.button:hover 
{
    background-image: url("imagens/bg_item_menu.jpg");
    background-repeat: repeat-x;
    background-position: center left;
    cursor: pointer; 
}

.btnQuadrado_Menu
{
    display: inline-block;
    float: right!important;
}

.btnQuadrado_Menu ul li
{
    display: block;
    height: 40px;    
    margin-left: 5px;
}

.btnQuadrado_Menu ul li a
{
    display: block;
    height: 40px;
    font-size: 11px;
    text-align: center;
    line-height: 350%;
    background-color: rgb(190,190,190);
    color: rgb(255,255,255);
    padding-left: 12px!important;
    padding-right: 12px!important;
}

.btnQuadrado_Menu ul li a:hover 
{
    background-color: rgb(190,190,190);
    color: White;
}

.btnQuadrado_Menu ul li a image
{
    margin-right: 5px;
}

/*---------------*/
.btnQuadrado_Menu2
{
    display: inline-block;
}

.btnQuadrado_Menu2 ul li
{
    display: block;    
    margin-right: 5px;
    margin-top: 10px;
}

.btnQuadrado_Menu2 ul li a
{
    padding: 7px 12px;
    display: block;
    font-size: 11px;
    text-align: center;
    background-color: rgb(190,190,190);
    color: rgb(64,64,64);
    }

.btnQuadrado_Menu2 ul li a:hover 
{
    background-color: rgb(190,190,190);
    color: White;
}
/*---------------*/

a.linkButton
{
    padding: 3px 16px 3px 16px;
    border: 1px solid rgb(190,190,190);
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

a.linkButton:hover
{
    padding: 3px 16px 3px 16px;
    border: 1px solid rgb(190,190,190);
    display: inline-block;
    text-decoration: none;
    color: white;
    background-color: rgb(190,190,190);
}

.num 
{
    color: Red;
    background-color: Red;
    display: inline-block;
}

.Acao 
{
    margin: 0px;
    padding: 0px;
}

ul#alterarSenha 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    background-color: rgb(190,190,190);
    padding: 10px;
    display: inline-block;
}

ul#alterarSenha li
{
    padding: 5px;
}

ul#alterarSenha li .label
{
    display: inline-block;
    width: 180px;
}

.lblMensagem 
{
    color: Red;
}

div#default
{
    padding: 25px;
}

div#default *
{
    text-align: center;
}

div#default h1 
{
    font-size: 30px;
    margin: 0px;
}

div#default p
{
    margin: 0px;
}

#conteinerLogin 
{
    width: 350px;
    margin: auto;
    margin-top: 5%;
}


#conteinerLogin div ul 
{
    list-style-type: disc;
    padding: 20px;
    margin: 0px;
    background-color: rgb(190,190,190);
    border-radius: 15px;
    color: rgb(255,255,255);
}

#conteinerLogin div ul span
{
    display: inline-block;
    width: 80px;
}

#conteinerLogin div ul li a
{
    padding: 10px 0px 3px 0px;
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

#conteinerLogin div ul li
{
    display: inline-block;
    width: 500px;
    height: 35px;
}

#conteinerLogin div ul input[type=text], #conteinerLogin div ul input[type=password]
{
    display: inline-block;
    width: 200px;
}

/*#conteinerLogin div ul input[type=submit]
{
    padding: 5px 16px 5px 16px;
    margin-left: 80px;
}

#conteinerLogin div ul input[type=submit]:hover
{
    background-color: rgb(226,226,226);
}*/


#conteinerLogin div ul input[type=checkbox]
{
    margin-left: 80px;
}

#default h2
{
    font-size: 23px;
}

.panelErros 
{
    display: block;
    background-color: White;
    clear: both;
    margin-bottom: 11px;
    color: Red;
    border: 1px solid red;
}

.panelErros ul 
{
    list-style-type:square;
    padding: 20px;
    margin: 0px 0px 0px 10px;
}

.botaoOrdenar
{
    color: Black;
    text-decoration: none;
    padding-left: 10px;
}

/*POP-UP*/
.ModalPopupBG
{
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.7;
}


.PopupHeader
{
    background-color: Black;
    color: White;
    padding-top: 4px;
    padding-bottom: 4px;
}
.PopupBody span, .PopupHeader span, .Controls
{
    padding-left: 5px;
}
.Controls
{
    padding-top: 10px;
}

/**/

/*Update Progress*/
.carregando 
{
    position:absolute;
    display:block;
    width:100%;
    top:0px;
    left:0px;
    background-image: url(imagens/bg_white_transp.png);
}
.carregando  div#panelCarregando 
{
    margin: auto;
    /*margin-top: 10%;*/
    width: 600px;
    height: 234px;
    padding-top: 1px;
    background-image: url(imagens/bg_panelCarregando.png);
    background-position: center;
    background-repeat: no-repeat;
}
.carregando  div#panelCarregando span#msgCarregando 
{
    display: block;
    margin: auto;
    margin-top: 80px;
    padding-top: 57px;
    width: auto;
    background-image: url(imagens/updateProgress.gif);
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1001;
    text-align: center;
}

/*----------------*/

/*----------------*/
/*IMAGEM*/
.gridView tr td #imagem img#ImagemMostrar
{
    height: 1200px;
    width: 1000px;
    position:relative;
}

.gridView tr td #imagem
{
    top: 10px;
    overflow: hidden;
    height: 335px;
    width: 900px;
    border: 2px solid Silver;
}
/*----------------*/

/**MOBILE**/
.mobile
{
    display: none;
}





/*TEMP*/
/*-----Menu Horizontal------*/
.carousel {
  height: auto;
  border : 0px solid #000;
  position : relative;
  overflow : hidden;
}
 
.carousel a {
  color : #363F53;
  text-decoration:none;
}

.carousel li div {
    font-size:1.0em;  
}  

.carousel-id {
    text-align : center;
    height : 18px;
    color : #FFF;
    float : left;
    text-decoration:none; 
}

.carousel-id a {
  cursor : pointer;
  color : #FFF;
  text-decoration : none;
}

.carousel-id a:hover {
  text-decoration : underline;
}

.carousel-item-title {
  color : #333;
  font-size:1.2em;
  height: 1.5em;
}

.carousel a:hover {
  text-decoration : underline;
}

.carousel-control {
  z-index: 9900;
  position:absolute;
}

.carousel-control img {
  height : 55px;
  width : 45px;
}

.carousel-control img:hover {
  height : 50px;
  width : 50px;
}

.carousel-left {
  left :0px;
}

.carousel-right {
  right :0px;
}
  
.carousel-item {
  float : left;
  z-index : 2;
  background : #FFF;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7x;
  -opera-border-radius: 7px;
  border-radius: 7px;
  border : 0;
  overflow : hidden;
}

.carousel-content {  
  font-size:.8em;
  z-index :1;
  position : relative;
  overflow : hidden;
}

.carousel-content-scroller  {
  z-index :1;    
  position : absolute;
  overflow-x:hidden;
  overflow-y:hidden;     
}

.carousel-item-content {
  height : 65px;
  overflow : hidden;    
}

.carousel-nav {    
    display:none;        
    height : 25px;
}

.carousel-mid {
    margin-left : auto;
    margin-right : auto;
    height : 1.5em;
}

.carousel-item-selected {
  background : #99D481;
}

.carousel-item-content {
    padding:0 0.5em;
    position:relative;
    top:5px;
}

.carousel-title {
    padding:0 0.5em;
    font-size:12px;
    position:relative;
}

.carousel-id {
    width : 15px;
    height : 20px;
    margin-left : 3px;
    margin-right : 3px;
    padding-left : 2px;
    padding-right : 2px;
    cursor : pointer;
}

/*Carousel themes*/
.carousel-theme {
    font-family: Arial,sans-serif;
    background: #fff;
    border: 0; 
    padding:5px;
}

.carousel-item-theme {
    border: 1px solid #333 !important;
    background:#fff;
    position:relative;
}

.carousel-title-theme {
    color:#fff;
}

.carousel-title-theme a:link, .carousel-title-theme a:visited {
    color: #333;
}

.carousel-id-theme {
    background:#333;
    border: 1px solid #000 !important;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7x;
  -opera-border-radius: 7px;
  border-radius: 7px;
}

.carousel-id-selected-theme {
    color:#333;
    background : #FFF;
}
#carousel_mid
{
    text-shadow: 0 1px 0 white;
    font-weight: normal;
} 



.divExterna span
{
    display:block;
    text-align:center;   
}