/**
  * CONFIGURACAO DE LAYOUT E CORES
  ********************************
  *
  * @descricao: Altera padroes da fonte, borda, cores, tipo e imagem exibidos no e-commerce
  * @tecnolgia: Cascading Style Sheets - CSS
  * @autor: Copyright 2009 - Inteligencia - www.intelicommerce.com.br
  * @termos: Ao alterar este script o estara fazendo por sua conta e risco
  * @info: IMPORTANTE Nao use caracter especial neste arquivo
  *
  */
  
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  
  
/**
  * EXEMPLOS - INFORMACAO E PARAMETROS 
  ************************************
  *
  font-size: 11px;                                @info: Tamanho da fonte em pixel @param: Quaquer inteiro positivo e sufixo px. Ex: 11px                                        
  text-transform: uppercase;                      @info: Fonte em maiusculo ou minusculo @param: capitalize | inherit | lowercase | none | uppercase 
  text-decoration: none;                          @info: Adorno ou tracejado da fonte @param:  blink | inherit | line-through | none | overline | underline 
  color: #C11717;                                 @info: Cor da fonte @param: Qualquer cor no padrao RGB - Hexadecimal
  font-weight: bold;                              @info: Espessura da fonte @param: bold | bolder | inherit | lighter | normal 
  border: 1px solid #E6E6E6;                      @info: Estilo da borda - Define a espessura o tracejado e a cor @param: none
  font-style: normal;                             @info: Estilo da fonte - inclinacao @param: inherit | italic | normal | oblique
  margin: 5px;                                    @info: Margem externa do elemento  @param: Quaquer inteiro e sufixo px. Ex: 5px   
  padding: 0px;                                   @info: Espacamento interno do elemento @info: Quaquer inteiro positivo e sufixo px. Ex: 0px 
  background: url(../images/arrow.png) no-repeat; @info: Imagem de fundo @param: URL relativa a imagem 
  *
  */
  
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * MODULO CATEGORIA DOS PRODUTOS - MENU & SUBMENU
  ************************************************
  *
  */
  
  
/* *** @info: Define a largura do site */    
.body-page {
 
  max-width: 1254px;
  min-width: 996px;
  
  /*  width: 996px; */
}  
  
/* *** @info: Menu Categoria normal - antes de ser ativado ou passar o mouse */  
div.module a.mainlevel {                                              
  font-size: 11px;                                                    
  text-transform: uppercase;                                          
  text-decoration: none;                                              
  /* color: #C11717; */                                                
  font-weight: bold;                                                  
  border: none;                                                       
  border-top: 1px solid #E6E6E6;                                      
  background: url(../images/arrow.png) no-repeat 155px;               
}

/* *** @info: Menu ao passar o mouse */
div.module a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus { 
  background: url(../images/arrow.png) no-repeat 155px 9px;           
  text-decoration: underline;                                         
 /* color: #C11717;*/                                                     
}

/* *** @info: Menu categoria quando selecionado - Clicado */
a#active_menu {                                                       
  background: url(../images/arrow.png) no-repeat 155px 10px;          
  font-style: normal;                                                 
  font-weight: bold;                                                  
  /* color: #C11717; */                                               
  text-decoration: underline;                                         
  /* margin-left: -5px; */                                            
}

/* *** @info: Menu subcategoria quando selecionado - Clicado */
a#active_submenu {                                                    
  background: url(../images/icon-arrow2.gif) no-repeat 0px;           
  font-style: inherit;                                                
  font-weight: normal;                                                
  text-decoration: underline;                                         
  /* color: #808080; */                                          
  margin-left: -5px;                                                  
 
}

/* *** @info: SubMenu / subcategoria quando existente */
div.module a.sublevel {                                               
  font-size: 11px;                                                    
  text-transform: capitalize;                                         
  background: url(../images/icon-arrow2.gif) no-repeat 0px;           
  font-style: normal;                                                 
  font-weight: normal;                                                
  color: #696969;                                                     
  margin-left: -5px;                                                  
  padding: 0px;                                                       
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * MODULOS EM GERAL
  ******************
  *
  */
  
/* *** @info: Modulo em geral, que nao estejam predefinidos */  
.module {                                                             
  margin-bottom: 5px;
  color: #0000ff;                                                      
}


.module_noborder {                                                             
  /* margin: 0px; */
  border:none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * ICONES
  ********
  *
  */
  
/* *** @info: Icone ao lado de cada rotulo da pagina */  
h3 {                                                                   
	background: url(../images/arrow-readon-2.png) no-repeat 0px 23px;
	padding-top: 20px;
  padding-left: 15px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * LINKS
  *******
  *
  */

/* *** @info: Cor de Links em geral */
#vmMainPage a, .pathway a, div.moduletable a, .module a, .sectiontableentry1 a, .sectiontableentry2 a, .browseProductTitle a, .vmRecentDetail a  {
	color: #552AFF ;                                                       
}

/* *** @info: Cor de Links em geral quando se passa o mouse */
#vmMainPage a:hover, .pathway a:hover, div.moduletable a:hover, .module a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a:hover, .browseProductTitle a:hover, .vmRecentDetail a:hover  {
	color: #FF5500;                                                       
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  

/**
  * SLIDSHOW - TOPO
  *
  */  
  
/* *** @info: Cor do titulo - Coluna direita do slideshow */ 
.gk_ni_6_tab h4 {	
	font-size: 9px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	color:#FF5500;
}

/* *** @info: Cor do titulo quando ativado - Coluna direita do slideshow */
.gk_ni_6_tab_active h4{	
	font-size: 9px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	color:#FFD42A;
}

/* *** @info: Cor do texto abaixo do titulo - Coluna direita do slideshow */
.gk_ni_6_tab p { 
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	color:#999;
}  

/* *** @info: Cor do texto abaixo do titulo quando ativado - Coluna direita do slideshow */
.gk_ni_6_tab_active p{ 
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	color:#ffffff;
}  

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

/**
  * MENU TODAS AS CATEGORIAS - TOPO
  *
  */  

/* @info: Tamanho do quadro que lista os menus de todas as categorias */
.catAll_box {
  background:#000;
  height:200px;
  width:522px;
}  

/* @info: Cor da borda do quadro que lista os menus de todas as categorias */
#header #mainNavigation #showAll #allCategories #theDiv {
  border: 3px solid #9d0a0e;
}

/* @info: Borda da coluna interna que divide as categorias e cor do texto execeto links */
#header #mainNavigation #showAll #allCategories #theDiv .colcat {
  border-right:1px #ff0000 solid;
  color: #3C3C3C; 
}

/* @info: Cor do link das categorias */
#header #mainNavigation #showAll #allCategories #theDiv .colcat a {
  color:#E71212;
  text-decoration:none;
}

/* @info: Cor do link das categorias quando se passa o mouse */
#header #mainNavigation #showAll #allCategories #theDiv .colcat a:hover {
  color:#000;
  text-decoration: underline;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/  


/**
  * MENU RODAPE - Texto e Link
  ****************************
  *
  */

/* *** @info: Cor do texto do rodape do site */  

#page-footer .menuhorizontal {
	padding: 0px;
	border: none;
	color:#fff;
}
#page-footer .menuhorizontal a, #page-footer .menuhorizontal a:link {
  color:#ffff00;
}