/*---------------------------------------------------------
Arquivo CSS para manutenção específica dos controles
Criado por Paulo Dias 01/04/2010
---------------------------------------------------------*/
/*a:visited, a:hover
{
	color: #0000FF;
}*/

/*----------------------------------
Box dos controles e Inputs
----------------------------------*/
.ListBox {
    margin: 0px;
	font-size: 12px;
	font-family: Verdana;
	vertical-align: middle;
	border: 1px solid #DBDBDB;
	color: #404040;
	padding: 3px;
}

.BoxControle
{
	margin: 0px 16px 16px 0px;
	float: left;
}

.BoxControleBotao
{
    margin-right: 16px;
    float: left;
}

.BoxMini, .BoxLit, .BoxControlePequeno, .BoxControleMedio, .BoxControleGrande, BoxControleMax,.BoxSeparador
{
	padding: 2px;
	min-height: 50px;
	float: left;
}

.BoxSeparador .traco
{
	margin-top: 25px;
	margin-left:-5px;
	position: absolute;
	font-size: 17px;
}

.BoxLit
{
	width: 34px;
}

.BoxMini
{
	width: 124px;
}

.BoxControlePequeno
{
	width: 109px;
}

.BoxControleMedio
{
	width: 222px;
}

.BoxControleGrande
{
	width: 335px;
}

.BoxControleMax
{
	width: 100%;
}

/* ----------------------------------
LABEL
------------------------------------*/
.labelAlerta
{
	color:Red ;
}

/* ----------------------------------
TEXT
------------------------------------*/

input[type=text][disabled], input[type=select][disabled]
{
	background-color: #F9F9F9;
	font-size: 10px;
	color: #808080;
	border: 1px solid #e6e7e8;
}

.BoxLit input[type=text]
{
	width: 20px;
	clear: both;
}

.BoxMini input[type=text]
{
	width: 58px;
	clear: both;
}

.BoxControleMedio input[type=text]
{
	clear: both;
}

.BoxControleGrande input[type=text]
{
	width: 325px;
	clear: both;
}

input
{
    font-family: Verdana;
    font-size: 10px;    
}

/* ----------------------------------
SELECT
------------------------------------*/
/*.BoxControlePequeno select
{
	width: 105px;
	clear: both;
}*/

.BoxControleMedio select
{
	width: 218px;
	clear: both;
}

.BoxControleGrande select
{
	width: 332px;
	clear: both;
}

/* ----------------------------------
SELECT
------------------------------------*/

/* ----------------------------------
CHECK E RADIO
------------------------------------*/

input[type=checkbox].css-checkbox 
{
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label 
{
    position: relative;
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: Verdana;
    font-size: 10px;
    vertical-align: middle;
    color: #414042;
    cursor: pointer;
    margin-top: 6px;
}

input[type=checkbox].css-checkbox:checked + label.css-label 
{
    background-position: 0 -15px;
}

.checkbox-check 
{
    background-image: url('../App_Imagens/checkbox-check.png');
}

.checkbox-check2 input
{
    background-image: url('../App_Imagens/checkbox-check.png');
    -webkit-appearance: none;
    cursor: pointer;
    height: 13px;
    width: 13px;
    background-position: -1px -1px;
    border: 1px solid #A3A1A1;
}

.checkbox-check2 input[type=checkbox]:checked
{
    background-position: -2px -17px;
}

.BoxControle label
{
    float: left;
	position: absolute;    
}
.BoxControlePequeno label
{
	/*width: 80px;*/
	float: left;
	position: absolute;
}

.BoxControleMedio label
{
	/*width: 190px;*/
	float: left;
	position: absolute;
}

.BoxControleGrande label
{
	/*width: 300px;*/
	float: left;
	position: absolute;
}

.boxPrincipal input[type=checkbox] + label
{
	margin-top: 5px;
	position: absolute;
}

/* ----------------------------------
CHECK E RADIO
------------------------------------*/

.texto
{
	font-family: Verdana;
	color: #414042;
	font-size: 10px;
	padding-bottom: 8px;
	margin: 0px;
}

.inputTextBlur, .inputTextFocus, .inputSelect
{
	font-family: Verdana;
	font-size: 10px;
	vertical-align: middle;
	border: 1px solid #DBDBDB;
	color: #333333;
	padding: 3px;
}

.inputPassBlur, .inputPassFocus
{
	font-family: Verdana;
	font-size: 10px;
	vertical-align: middle;
	border: 1px solid #DBDBDB;
	color: #CCCCCC;
	padding: 3px;
}

.inputTextBlur, .inputSelect
{
	font-family: Verdana;
	/*border: 1px solid #999999;*/
	padding: 3px;
}

.inputPassBlur
{
	font-family: Verdana;
	border: 1px solid #999999;
	padding: 3px;
	color: #CC3300;
	font-weight: bold;
}

.inputTextFocus
{
	font-family: Verdana;
	border: 1px solid #FF9900;
	background-color: #FBFBFB;
	padding: 3px;
}

.inputPassFocus
{
	font-family: Verdana;
	background-color: #FBFBFB;
	color: #CC3300;
	padding: 3px;
	border: 1px solid #FF9900;
	font-weight: bold;
}

.inputtextSmallMine
{
	width: 25px;
}
.inputtextMine
{
	width: 50px;
}
.inputtextShort
{
	width: 100px;
}
.inputtextSmall
{
	width: 150px;
}
.inputtextSmallBig
{
	width: 250px;
}
.inputtextMedium
{
	width: 300px;
}
.inputtextBig
{
	width: 330px;
}
.inputtextLarge
{
	width: 86px;
}

.botao
{
	background-color: #e4e4e4;
	font-family: Verdana;
	font-size: 10px;
	padding: 8px 20px 8px 20px;
	border: none;
	margin-right: 16px;
}

.botao:hover
{
	cursor: pointer;
	background-color: #d1d3d4;
}

.botaogrande
{
    background-image: url('../App_Imagens/f_botao_mob.jpg');
    background-position: left center;
    border: 1px solid #efc586;
    border-radius: 5px;
    height: 28px;
    font-family: Verdana;
}

.botaogrande:hover
{
	background-image: url('../App_Imagens/f_botaohover.jpg');
    background-position: left center;
    border: 1px solid #fef2b9;
    cursor: pointer;
}

/* ----------------------------------
GRIDS
------------------------------------*/

.grid
{
	width: 100%;
	padding: 2px;
	margin-top: 15px;
	color: #414042;
	font-family: Verdana;
	font-size: 10px;
}

.headerGrid
{
	padding: 5px;
	height: 25px;
	font-weight: normal !important;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #939598;
}

.rowGrid, .rowGridDisabled
{
	height: 20px;
	padding: 2px;
	background-color: #F6F6F6;
}

.rowGrid td, .rowGridDisabled td, .headerGrid th
{
	border: 1px solid #FFFFFF;
	font-weight: normal;
}

.rowSelected
{
	background-color: #D1D3D4;
}

.rowGrid:hover
{
	background-color: #D1D3D4;
	cursor: pointer;
}

.pager
{
	font-size: 6px;
}

.rowGridDisabled
{
	background-color: #F6F6F6;
	color: #808080;
}

.rowGridDetalhe td
{
	border: none;
}

.disabledButton
{
	cursor:default;
}

.paginationTabless
{
    color: #414042;
    font-family: Verdana;
    font-size: 10px;
}

.paginationTabless a:disabled
{
    background: #ff0000;
}

.paginationTabless a,
.paginationTabless a:visited
{
  width: auto;
  text-decoration: none;
  padding: 4px;
  white-space: nowrap;
  background: #F6F6F6;
  color: #585759;
  margin-left: 5px;
}

.paginationTabless .linkPagSelecionada,
.linkPagSelecionada a:hover
{
    background: #ff0000 !important;
    color: White;
}

.paginationTabless a:hover,
.paginationTabless a:active
{
  padding: 4px;
  text-decoration: none;
  white-space: nowrap;
  background: #D1D3D4;
}

.pagination
{
  color: #414042;
  font-family: Verdana;
  font-size: 10px;
}

.pagination span
{
  width: auto;
  padding: 4px;
  text-decoration: none;
  white-space: nowrap;
  background: #FF0000;
  color: #FFFFFF;
}

.pagination a, 
.pagination a:visited
{
  width: auto;
  text-decoration: none;
  padding: 4px;
  white-space: nowrap;
  background: #F6F6F6;
  color: #585759;
}
.pagination a:hover, 
.pagination a:active
{
  padding: 4px;
  text-decoration: none;
  white-space: nowrap;
  background: #D1D3D4;
}
/* ----------------------------------
GRIDS
------------------------------------*/

/*----------------------------------
Box dos controles e Inputs
----------------------------------*/

/*----------------------------------
POPUP
----------------------------------*/
.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;	
}

/*----------------------------------
Painel dos constroles
----------------------------------*/
.panelControles
{
	border-width: 1px;
	border-color: #EEEEEE;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	border-bottom-style: dotted;
}

.busca
{
	background-color: #FFFFC6;
}

/*----------------------------------
Painel dos constroles
----------------------------------*/
.separador
{
	min-width: 80px;
	height: 10px;
	clear: both;
}

.clear
{
	clear: both;
	font-size: 0px;
	width: 0px;
}

.Linha
{
	width:  10px;
	height: 10px;	
}

/*----------------------------------
Menu Topo 
---------------------------------- */
.imglog
{
	width: 45px;
	height: 45px;
	float: left;
	margin: 0px 0px 0px -5px;
	background: url('../App_Imagens/logo.png') no-repeat;
}

#area-menu
{
	margin-top: -5px;
	display: block;
	z-index: 1000;
}

.canto-esq-menu
{
	/*
	position: relative;
	float: left;
	width: 12px;
	height: 45px;
	margin: 0px 0px 0px 8px;
	background: url('../../../../App_Imagens/canto_esq_menu.jpg');
	*/
}
.canto-dir-menu
{
	/*
	position: relative;
	float: left;
	width: 12px;
	height: 45px;
	margin: 0px 0px 0px 0px;
	background: url('../../../../App_Imagens/canto_dir_menu.jpg');
	*/
}
#menu
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	float: left;
	display: block;
	border-bottom:solid 1px #CCCCCC;
	margin-top:5px;
	margin-bottom:22px;
	/*background: url('../../../../App_Imagens/menuFundo.jpg');*/
}
#menu li
{
	float: left;
	width: 120px;
	height: 45px;
	/*background: url('../../../../App_Imagens/menu_mob.jpg');*/
	text-align: center;
	border-right:solid 1px #E4E4E4;
}
#menu li a, #menu li a:visited
{
	width: 120px;
	line-height: 45px;
	text-decoration: none;
	color: #414042;
	font-weight: bold;
	font-size: 12px;
}
#menu li:hover
{
	background:#E4E4E4;
}

#menu .submenu
{
	width: 170px;
	background: #D6D6D6;
	display: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
	z-index: 5000;
	position: relative;
}
#menu .submenu li
{
	width: 220px;
	height: 20px;
	border-bottom: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	text-align: left;
	background: #F9F9F9;
	margin: 0px;
	padding: 0px;
}
#menu .submenu a, #menu .submenu a:visited
{
	width: 215px;
	height: 20px;
	line-height: 20px;
	display: block;
	background: #F9F9F9;
	padding: 0px 0px 0px 5px;
}
#menu .submenu a:hover
{
	background: #F4F4F4;
}
#menu li:hover .submenu
{
	display: block;
}

#menu .subsubmenu
{
	position: relative;
	top: -21px;
	left: 170px;
	width: 170px;
	background: #D6D6D6;
	display: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #D6D6D6;
}
#menu .subsubmenu li
{
	width: 170px;
	height: 20px;
	border-bottom: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	text-align: left;
	background: #F9F9F9;
	margin: 0px;
	padding: 0px;
}
#menu .subsubmenu a, #menu .subsubmenu a:visited
{
	width: 165px;
	height: 20px;
	line-height: 20px;
	display: block;
	background: #F9F9F9;
	padding: 0px 0px 0px 5px;
}
#menu .subsubmenu a:hover
{
	background: #F4F4F4;
}
#menu .submenu li:hover .subsubmenu
{
	display: block;
}

h1
{
	margin-top: 0px;
	padding-left: 22px;
	padding-bottom: 16px;
	color: #ff0000;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #e6e7e8;
	z-index: 1;
	
	margin-bottom: 0px;
}

h2 
{
    padding-bottom: 16px;
    margin: 0px;
	color: #414042;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

h3
{
    margin-top: 12px;
    margin-bottom: 12px;
	color: #414042;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

legend, .titulo
{
	margin: 0px;
	color: #999;
	font-size: 16px;
}

legend
{
	padding: 5px 0 0 0;
}

fieldset
{
	border: none;
	padding: -1px;
}

.fdsetFiltro
{
  
    background-color: #f6f6f6;
    padding: 22px;
    margin: 0px;
    border-bottom: 1px solid #e6e7e8;
}

.fdsetCorpo
{   
    padding: 22px;
    margin: 0px;
    border-bottom: 1px solid #e6e7e8;
}

/*-----------------------------------------
 ABAS AJAX 
------------------------------------------*/

.completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #C0C0C0;
	cursor: pointer;
	text-align: left;
	list-style-type: none;
	padding: 0;
}


.listItem
{
	padding: 2px;
}

.highlightedListItem
{
	background-color: #F7F7F7;
	padding: 2px;
}

/*-----------------------------------------
 ABAS AJAX 
------------------------------------------*/

/*-----------------------------------------
 ABAS AJAX 
------------------------------------------*/

.ajax__tab_technorati-theme
{
	clear: both;
	float: left;
	width: 870px;
}

.ajax__tab_technorati-theme .ajax__tab_header
{
	/*font-family:"Helvetica Neue", Arial, Sans-Serif;*/
	background: url(../App_Imagens/technorati/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
	background: url(../App_Imagens/technorati/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
	background: url(../App_Imagens/technorati/tab.png) no-repeat right top;
	border-color: #C0C0C0;
	color: #666;
	padding: 3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
	color: #000000;
	cursor: pointer;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
	background: url(../App_Imagens/technorati/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
	background: url(../App_Imagens/technorati/tab.png) no-repeat right -40px;
	color: #000000;
	border-color: #333;
}
.ajax__tab_technorati-theme .ajax__tab_body
{
	font-size: 10pt;
	padding: 8px;
	background-color: #ffffff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
}
/*-----------------------------------------
 ABAS AJAX 
------------------------------------------*/

/*-----------------------------------------
 Alertas
------------------------------------------*/
.panelAlerta
{
	background-color: #FFFFDD;
	border: 1px solid #FFFF00;
	padding: 10px;
	float: left;
	clear: both;
	width: 850px;
	margin-top: 15px;
}

.panelAppIcon
{
}

.panelAppIconAlert
{
	float: left;
	clear: both;
	width: 25px;
	height: 25px;
	background: url(../App_Imagens/icon-message-alert.gif) no-repeat;
}

.alertaTexto
{
	float: left;
	margin-left: 5px;
}

/*-----------------------------------------
 Alertas
------------------------------------------*/

.logoon
{
	width: 18px;
	height: 18px;
	float: left;
	padding: 3px;
	margin-top: -5px;
}

.ajax__combobox_itemlist 
{
	margin-left:10px;
	margin-top: 50px;
	background-color:Gray;
}

/*-----------------------------------------------
 Upodate Progress
-----------------------------------------------*/

.updateProgress
{
	width: 200px;
	text-align: center;
	left: 50%;
	top:330px; /*50%*/
	margin-left:-100px;
	/*margin-top:-130px;*/
	position:fixed;
}

.textoPadrao2
{
    font-family: Verdana;
    font-size: 14px;
    color: #414042;    
}

.textoPadrao2 a
{
    font-family: Verdana;
    font-size: 14px;
    color: #414042;    
}

/*-----------------------------------------------
 Nav style (menu)
-----------------------------------------------*/

nav:hover > ul
{
    display: block;
    background-color: White;
}
        
nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}
        
nav 
{
    width: 22px;
    height: 22px;
    float: right;
    background-image: url('../../../App_Imagens/catMenuIcon.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-family: Verdana;
    font-size: 13px;
    color: #414042;
}
        
nav ul  
{
    display: none; 
    border: 1px solid #bcbec0; 
    padding: 0;
	position: relative;
	list-style: none;
	top: 22px;
    left: -180px;
    width: 200px;
    z-index: 10;
    -moz-box-shadow: 2px 2px 5px 0 #C7C7C7;
    -webkit-box-shadow: 2px 2px 5px 0 #C7C7C7;
    box-shadow: 2px 2px 5px 0 #C7C7C7;
}
        
nav ul li a
{
	display: block; 
	padding: 8px;
	color: #414042; 
	text-decoration: none;
}
	    
nav ul li
{
	border-bottom: 1px solid #bcbec0;
	margin: 0px 12px;
}
	    
nav ul li a:hover
{
	color: #ff0000 !important;
	cursor: pointer;
}	    
	    
nav:hover  
{
	background-color: #ff0000; 
	background-image: url('../../../App_Imagens/catMenuIconHover.png');
}

/*-----------------------------------------------
Complementos dos skin
-----------------------------------------------*/

.cssBtnGridEdit
{
    background-image: url('../App_Imagens/Editar.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}
.rowGrid:hover .cssBtnGridEdit
{
    background-image: url('../App_Imagens/EditarHover.png');
}

.cssBtnGridView 
{
    background-image: url('../../../App_Imagens/IconShow.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;

}
.rowGrid:hover .cssBtnGridView
{
    background-image: url('../../../App_Imagens/IconShowHover.png');
}



.cssBtnGridAcao
{
    background-image: url('../App_Imagens/Acao.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridAcao
{
    background-image: url('../App_Imagens/AcaoHover.png');    
}

.cssBtnGridMidia
{
    background-image: url('../App_Imagens/IconMidias.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridMidia
{
    background-image: url('../App_Imagens/IconMidiasHover.png');    
}

.cssBtnGridAssociacoes
{
    background-image: url('../App_Imagens/IconCat.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridAssociacoes
{
    background-image: url('../App_Imagens/IconCatHover.png');    
}

.cssBtnGridClassificacoes
{
    background-image: url('../App_Imagens/IconClass.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridClassificacoes
{
    background-image: url('../App_Imagens/IconClassHover.png');    
}

.cssBtnGridExpand
{
    background-image: url('../App_Imagens/IconExpand.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridExpand
{
    background-image: url('../App_Imagens/IconExpandHover.png');    
}

.cssBtnGridCollapse
{
    background-image: url('../App_Imagens/IconCollapse.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridCollapse
{
    background-image: url('../App_Imagens/IconCollapseHover.png');    
}

.cssBtnGridShow
{
    background-image: url('../App_Imagens/IconShow.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridShow
{
    background-image: url('../App_Imagens/IconShowHover.png');    
}

.cssBtnGridProdutos
{
    background-image: url('../App_Imagens/IconProduct.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridProdutos
{
    background-image: url('../App_Imagens/IconProductHover.png');    
}

.cssBtnGridDownload 
{
    background-image: url('../../../App_Imagens/IconDownload.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}
.rowGrid:hover .cssBtnGridDownload
{
    background-image: url('../../../App_Imagens/IconDownloadHover.png');    
}

.cssBtnGridLocked
{
    background-image: url('../../../App_Imagens/IconLocked.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.rowGrid:hover .cssBtnGridLocked
{
    background-image: url('../../../App_Imagens/IconLockedHover.png');    
}

.cssBtnGridDelete
{
    background-image: url('../../../App_Imagens/Delete.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}
.rowGrid:hover .cssBtnGridDelete
{
    background-image: url('../../../App_Imagens/DeleteHover.png');
}

.cssBtnOcultarPainel img
{
    background-image: url('../../../App_Imagens/OcultarPainel.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
}
.cssBtnOcultarPainel:hover img
{
    background-image: url('../../../App_Imagens/OcultarPainelHover.png');
}

.cssBtnExibirPainel img
{
    background-image: url('../../../App_Imagens/ExibirPainel.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
}
.cssBtnExibirPainel:hover img
{
    background-image: url('../../../App_Imagens/ExibirPainelHover.png');
}


.cssBtnTelaCheia img
{
    background-image: url('../../../App_Imagens/Explandir.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}
.cssBtnTelaCheia:hover img
{
    background-image: url('../../../App_Imagens/ExpandirHover.png');
}

/*-----------------------------------------------
 BOX CATALOGO\IMAGEM\MIDIA 
-----------------------------------------------*/

    
        .imgCatalogo  
        {
            max-height: 110px;
            max-width: 172px;
            border-width: 0px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            position: absolute;
        }
        
        .itemSelecionado { border: 1px solid #ff0000; }
        .itemNaoSelecionado { border: 1px solid #ccc; }
        
        .itemCatalogoImagem 
        {
            width: 249px;
            height: 248px;
            padding:4px;
            border-left: 1px solid #bcbec0;
            border-right: 1px solid #bcbec0;
            border-bottom: 1px solid #bcbec0;
            position: relative;
            -moz-box-shadow: 0px 3px 9px 0 #C7C7C7;
            -webkit-box-shadow: 0px 3px 9px 0 #C7C7C7;
            box-shadow: 0px 3px 9px 0 #C7C7C7;
        }
        
        .itemCatalogo 
        {
            width: 260px;
            height: 280px;
            float: left;
            margin: 0px 18px 18px 0px;
        }
        
        .itemCatalogo .header 
        {
            width: 254px;
            height: 22px;
            background-color: #e6e7e8;
            line-height: 22px;
            padding-left: 5px;
            border-bottom: 2px solid #ff0000;
        }
        
        .menuItemCatalogo 
        {
            float: right;
        }
       

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