body{background:url("img/background.gif") repeat scroll 0 0 transparent;background-color:#FFFFFF;}
 br {clear: left;}
#Geral 
{ 
   width:900px; margin:0px auto;margin-top:18px; padding:0px; text-align:center; display:block;min-height:600px;
     
}
#dvTituloLogin {
   border: 1px solid #696969;
   background-color: #FFFFFF;
    color: #666666;
    font: bold 0.7em verdana;
    height: 25px;
    left: 50%;
    margin-left: -151px;
    margin-top: -63px;
    padding: 5px 0 5px 0;
    position: absolute;
    text-align: center; 
    top: 40%;
    width: 350px;
}
#dvTituloLogin span{text-align:center;width: 350px;}
#dvLogin 
{
	background-color: #FFFFFF;
		width: 350px;
		height: 160px;
		position:absolute;
		left: 50%;
		top: 50%;
		margin-left: -151px;
		margin-top: -63px;
		padding: 0px 0px 0px 0px; border: 1px solid #696969;
	} 
	#dvLogin h1{width:100%; font:0.8em Verdana;font-weight:bold; margin:0px 0 20px 0;padding:5px 0 5px 0; background-color:#666666;color:#ffffff;text-transform:uppercase;text-indent:5px;}
	#dvLogin label {
		color: #707070;
		text-transform:uppercase;
		font-weight: bold;
		width: 80px;
		height: 21px;
		border: solid 0px red;
		text-align: right;
		float:left;
		padding: 4px 5px 0px 0px;
		margin: 0px 0px 5px 0px; 
	}
	
	#dvLogin .input {
		border: solid 1px #CCC;
		width: 154px;
		height: 21px;
		float:left;
		padding: 4px 0px 0px 4px;
		margin: 0px 0px 0px 0px;
	}
	 
	#dvLogin .requerido {
	    font: 0.7em Verdana;		
	    text-align: left;
	    color:Red;
	}
	
	#dvLogin .erro{
	font: 0.7em Verdana;
	color: Red;
	width: 90%;
	text-align: left;
	margin: 0px 0px 0px 5px;	
	float: left;
	}
	
	
#Usuario
{
    font: 0.8em Verdana,Arial,Helvetica,sans-serif;
	padding-left:10px;
	text-align:left;	
	width:95%; 
	height:0px;	
	margin:0px 0px 10px 15px;	
	_margin:7px 0px 0px 15px;
	float:left;   
}
 
#Usuario label, span{float:left;}
#Usuario span{color:#333333;font-weight:bold;text-align:left;width:450px;margin: 0px 40px 2px 5px; }
#Usuario a{	width:50px;	
	text-align:left;	
	font: 0.8em Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	margin:2px 0 0 0; float:right;
}
#Menu
{	   
	width: 100%;	 		
 
	margin: 10px 0px 10px 0px;
	_margin: 5px 0px 10px 0px;
	height:30px;
	padding:0px;	
	float:left;  
}
  
/*begin creating the tabs */
.menu 
{	 
	font: 0.9em verdana;
	margin: 0;padding:0;		
	font-weight: bold;		     
	width: 100%;		 	
	float:left; 
}
.menu table{margin:0;padding:0;}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	
	margin:0px;	
	height: 30px;
	width: 200px;		
	text-align: center;	
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	/*background: url(images/Menu/tab.gif) no-repeat #919191;*/
	 
	 
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited 
{
	color: #ffffff;		
	text-decoration: none;	
}

/* SubItem do menu */
.menuPopup 
{
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;	
	/*background: url(images/Menu/background_drop_menu.gif) repeat #E3EEFF;*/
	border: 1px solid #333333;
	border-bottom: none;		
	
}
 
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #333333;
	padding: 4px;		
	/*background-color:#E9E7E2;*/
	background-color:#666;width: 200px;
	 
}
 .menuPopupItem a:link  {
	color: #000000;	 
	text-decoration: none;		
} 
.menuPopupItem a:visited {
	color: #ffffff;	
	text-decoration: none;		
} 
/*Item do menu  selecionado */
.menuItem a:hover {	
	color: #ffffff;			
}  
 
.menuPopupItem  a:hover {	
	color: #000;		 
}  
/* Item do menu raiz selecionado */
.menuItemHover
{
	background-color: #C0C0C0; 
	height: 30px;
	margin: 0;
	padding: 0;
}
 
#Conteudo 
{
	width:100%;  margin:0px auto; padding:0px; text-align:center; display:block; height:600px;
	font-size:0.7em;text-align:left;-family:arial;color:#333333;font-weight:bold;float:left;
} 
#Conteudo fieldset
{
	width: 100%; 
	border: 1px solid #696969;
	border-top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	float: left; background-color:#FFF; 
} 
#Conteudo br {clear: left;}

#Conteudo label,#Conteudo .label{font: 1.1em Arial;width:120px;text-align: right;margin: 2px 0px 0px 0px;padding: 4px;float: left;}
#Conteudo .labelEsquerda{font: 1.1em Arial;width:120px;text-align: left;margin: 2px 0px 0px 0px;padding: 4px;float: left;}
#Conteudo .label2{font: 1.3em Arial;width:170px;text-align: right;margin: 2px 0px 0px 0px;padding: 4px;float: left;}
#Conteudo .labelN{font: 1.1em Arial;width:80px;text-align: left;margin: 2px 0px 0px 0px;padding: 4px;float: left;font-weight:bold;}
#Conteudo .input {font: 1.0em Verdana;width: 80px;border: 1px solid #999999;padding: 2px;margin: 3px 0px 0px 0px;float: left;}
#Conteudo .input2 {font: 1.2em Verdana;width: 80px;border: 1px solid #999999;padding: 2px;margin: 3px 0px 0px 0px;float: left;}
#Conteudo .input_desabilitado
{
	background-position: #E8E8E8;
	font: 1.0em Verdana;
	background: #E8E8E8;
	color: #000000;
	border: 1px solid #999999;
	padding: 2px;
	margin: 3px 0px 0px 0px;
	float: left;
}
#Conteudo select {
	font: 1.0em Arial;
	/*color: #666666;*/	
	border: 1px solid #999999;
	padding: 0px 0px 0px 0px;		
	margin: 3px 0px 0px 0px;	
	float: left;
}
#Conteudo .fileupload{float:left;}
#Conteudo .radiolist {
	font: 0.9em Arial; 
	width: 80px;
	text-align: left; 
	padding:0px 0px 0xp 0xp;	 
	margin:0;
	float: left;  
	border:0px solid #666666;
	background-color:#ffffff;
}

#Conteudo .radiolist input
{ 
	margin:4px 0px 0px 0px;
	*margin:0px 0px 0px 0px;float: left; 
}

#Conteudo .radiolist  label
{
	margin:-18px 10px 0px 15px;*margin:-20px 10px 0px 20px;text-align:left;float: left; 
}
 #Conteudo .checkbox {
	font: 0.8em Arial; 
	width: 130px;
	text-align: left;
	margin: 0px  0px 0px 0px;
	padding: 0px  0px 0px 0px;
	float: left; 
}
#Conteudo .checkbox label
{
	*padding:0px 10px 0px 10px;width:auto;
	padding:0px 0px 0px 0px;text-align:left;margin-left:5px;
	
}
#Conteudo .checkbox input
{
	padding:0px 10px 0px 10px;float: left; 
}
#Conteudo .image{float:left;}
#Conteudo .msgErro   {
	font: 0.8em Verdana;
	width: auto;
	text-align: right;
	margin: 2px 0px 0px 10px;
	padding: 4px;	
	float: left;
} 
#Conteudo h1 {
      background: none repeat scroll 0 0 #666666;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    color: #FFFFFF;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin: 0 0 10px;
    padding-top: 4px;
    text-align: left;
    text-indent: 10px;
    text-transform: uppercase;
    width: 100%;
}
#Conteudo h2
{
    width:100%; margin:10px auto; text-align:left; padding:5px 0 5px 0;text-indent:10px;  
	font: 1.0em Verdana; margin:0 0 10px 0; text-transform:uppercase;
	background-color:#999;color:#ffffff;font-variant: small-caps;
	font-weight: bold;
} 
#Conteudo .textarea_count{float:left;margin-left:5px; font: 0.7em Verdana;}

#Conteudo .url{	float: left;font-size: 11px;margin: 5px 0 0;}
#Conteudo .link_alterarsenha{text-transform:uppercase;color:#666666;}
.botao, .Botao{cursor:pointer;font: 0.9em Verdana;background: #666666;border: 1px solid #666666;padding: 2px;  height: 25px;
	_padding: 1px;margin: 3px 0px 0px 2px;float: left;color:#ffffff; font-weight:bold;} 
.botaoLink{cursor:pointer;font: 0.8em Verdana;background: #DD8C04;border: 1px solid #666666;padding: 2px;
	_padding: 1px;margin: 3px 0px 0px 2px;float: left;color:#ffffff; font-weight:bold;text-decoration:none;height:15px;} 

.botao2{cursor:pointer;background: #DD8C04;border: 1px solid #666666;padding: 2px;
	_padding: 1px;margin: 3px 0px 0px 2px;float: left;color:#ffffff; font-weight:bold;
	font-style: normal;
	font-variant: normal;
	font-size: 1.0em;
	line-height: normal;
	font-family: Verdana;
	height: 23px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus{background-color: #ffffcc;color: #000000;} 
.MaskedEditError{background-color: #ffcccc;}
.validatorCalloutHighlight, .highlight{ background-color: lemonchiffon;} 
/****** GRIDVIEW *********/
 
.grid
{
	border-color:#999;
	width:90%;
	margin-left:25px;
}
.gridEdit .input {
	font: 0.9em Verdana;
	color: #666666;
	border: 1px solid #999999;
	padding: 4px;
	margin: 5px 0px 0px 0px;
	float: left;
	
	 
}
.gridFooter
{
	background-color:#CCCC99;
}
.gridRowSelected
{
    background-color: #FFFFCC;
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFCC;
    vertical-align: middle;
}
.gridRow
{
	background-color:#ffffff;  /*#FAFAFA;*/
	font-family:Verdana;
	font-size:10px;
	vertical-align:middle;
}
.gridPage
{
	background-color:White;
	font-family:Verdana;
	font-size:11px;
	vertical-align:middle;
	/*ForeColor="Black"  HorizontalAlign="Center" */	
}
.gridHeader ,.gridHeader a
{
	background-color:#999;
	font-weight:bold;
	font-family:Arial;
	font-size:11px;
	vertical-align:middle;	
	color:White;
 /* ForeColor="White" HorizontalAlign="Center" VerticalAlign="Middle" */
}

.gridAlternating{background-color:White;font-family:Verdana;font-size:10px;vertical-align:middle;}

.gridRow select, .gridAlternating select {font: 1.0em Verdana !important;color: #666666;border: 1px solid #999999;padding: -1px 0px 0px 0px;margin: -1px 0px 0px 0px;float: left;}
.gridRow .input, .gridAlternating .input {font: 0.9em Verdana !important;color: #666666;border: 1px solid #999999;padding: 2px;margin: 5px 0px 0px 0px;float: left;	 }
.msgErro {margin:0 10px 0 10px;padding:6px 0 0 0;float:left;width: 700px; color:Red;font: 0.6em;} 



.boxDesabilitado{
	font-family : Arial;
	font-size : 12px;
	color:#ffffff;
	border : 1px #CCCCCC solid;
	height:18px;
	background-color:#999999;
}
.tituloGrupo{width:100%;float:left;font-family : Arial;font-size : 14px;color:#ffffff; background-color:#666666;margin:5px 0;padding:3px 0;text-indent:10px;}
 
 
 

/***** TAB *********************/
.tab {margin:0;}
.tab .ajax__tab_header 
{
	font: 0.9em Verdana;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#A9A9A9;
	
	border-bottom:0px solid #666666;

}
.tab .ajax__tab_outer 
{
	padding-right:0px;
	/*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;*/
	
	height:21px;
	}
.tab .ajax__tab_inner 
{
	padding-left:5px;
	/*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;*/
	
}
.tab .ajax__tab_tab
{
	height: 14px;
	padding: 4px 4px 4px 4px;
	margin: 0; 
	background-color: #a9a9a9;
	background-color:#DD8C04;color:#000000;
	
	border-top:  1px solid #696969;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	border-bottom: 0px solid #696969;
	background-position: 0% 0%; 
	 
} 
.tab .ajax__tab_hover .ajax__tab_tab 
{
	background-color: #DD8C04;color:#696969;cursor:pointer; 
} 
.tab .ajax__tab_active .ajax__tab_tab 
{	
	background-color:#DD8C04;color:#ffffff;
 
}
.tab .ajax__tab_body 
{
	font: 1.0em Verdana; 
	border:0; 
	border-top:1px solid #696969;
	padding:0px;	margin-top:20px;
	/*background-color: #f5f5f5;*/
}


 

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

 

.tab h2 
{
	width:100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin: 10px 0px 5px 0px;		
	text-indent:20px;	
	font: 0.8em Verdana;
	font-variant: small-caps;
	font-weight: bold;		 
	padding: 5px 0px 2px 0px;
	float:left; 
	background-color:#ffffff; 
	
} 	

.Progress
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	color:#999999;	 
	font: 0.8em Verdana;
	font-weight:bold;
	width:200px;	

	position:absolute;
	top:40%;
	left:42%;
	padding:10px 20px 10px 20px;
	background-color:#ffffff;
	border:1px solid #999999;
	text-align:center;
	z-index:100;
}
.Progress img
{
	float:left;
margin-left:40%;
} 


#dvDestaque
{
}
	#dvDestaque .numero
	{
		background-color: #000000; 
    color: #FFFFFF;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    padding: 2px 4px;
    width: auto;
}
#dvDestaque ul
{
	width:740px;
	padding:5px;
}
#dvDestaque li
{
	 border: 1px solid #000000;
    float: left;
    list-style: none outside none;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 4px;
    width: 320px;
}
#dvDestaque .content-title
{
	cursor:pointer;
}
#dvDestaque .textarea_count
{
	float: right;
}

/*----------------- Galeria Destaque Produto --------------------------------------*/
#UploadFoto{margin:10px 0 10px 30px;width:100%;}
#UploadFoto label{font-family:Verdana;font-size:0.8em;}
#GaleriaFoto  fieldset {border:1px solid; }
 
#GaleriaFoto {margin:0;font: 0.8em Verdana;padding:0 0 0 80px}
#GaleriaFoto table{margin-top:5px;}
#GaleriaFoto .galeria{ width:102px;background: #C6D9EC;height:88px; padding: 4px 4px; margin: 4px 4px;}
#GaleriaFoto .galeria .image { float:left;width:100px;margin:0px;background:none;}
/*#GaleriaFoto .galeria span {float:left;width:10px; }*/
#GaleriaFoto .galeria .checkDestaque{float:left;width:15px;}
#GaleriaFoto a  { float:left; text-align:center;}
#GaleriaFoto .galeria .linkDestaque { float:left;width:80%;text-align:center;font-size:0.9em;font-family:Verdana;margin-top:5px;color:#000099;}
#GaleriaFoto .galeria .linkExcluir{ float:left;width:100%;text-align:center;}
#GaleriaFoto a:hover {color: #335C85;} 
#GaleriaFoto .galeria .titulo {}

.bordafotop{width:80px;float:left; cursor:pointer;}
/*-----------------------------------------------------------------------*/

.botaoExcluirFileUpload
{
	margin: 0 0 18px 0;
	font-size: 1.2em;
	font-weight: bolder;
	text-decoration: none;
	color: #FFF;
	padding: 4px 5px;
	background: #111;
	border:none;
	cursor:pointer;
}
/*--------------------MODAL POPUP---------------------------------------------------*/
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color:#ffffff;border-width:3px;	border-style:solid;	border-color:Gray;padding:3px;width:600px;}
.modalPopup h3{font: 0.8em Verdana; margin: 0px 0px 5px 0px;font-variant: small-caps;
			font-weight: bold;float:left;width:100%;text-indent:20px;
               background-color:#DDDDDD; color:#000000; font-weight:bold; 
              padding: 5px 0px 2px 0px;height:18px; border:1px solid #666666;}
.modalPopup .headerPopup{overflow:hidden;position:relative;margin:0;display:block;	}
.modalPopup .headerPopup input{background:red;} 
.btnFechar{background:url(img/close16.png) no-repeat 2px -1px;cursor:pointer;border: 0 none;    cursor: pointer;   float: right;    height: 26px;    width: 26px !important; }
/*-----------------------------------------------------------------------*/

/******* CONTATOS ****************/
 #Contatos{float:left;width:100%;}
 #Contatos .linha{float:left;width:49%;margin: 2px 0 2px 6px;}
 #Contatos img{float:left;width:24px;margin:0 6px;}
 #Contatos .input {font: 0.9em Verdana;width:250px} 
 /*-----------------------------------------------------------------------*/
 
 
.collapsePanelHeader  {
    background-color: #c3c3c3;
    background-repeat: repeat-x;
    color: #000;
    font-weight: bold;
    height: 25px;
    width: 100%;
    border-bottom:1px solid gray;
    border-top:1px solid gray;
}	