/******************************************/
   /* HTML tag styles   */
/*****************************************/ 
body {
    margin:0px 0px 1px 0px;    /**    top right bottom left    **/
	line-height: 1.166;
	background: url(afixo/images/body-1.jpg) repeat;
}
/***********************************************/
    /* Layout Divs     */
/***********************************************/
#Cabecalho{
	margin:auto;		 
	max-width:1600px;    /**  largura maxima ideal 1350 pixels; máxima funcional 1600 pixels  **/
	min-width:1280px;    /**  largura mínima funcional 1260 pixels  **/
	width:auto;
	height:38px;
	position:relative;
}
#Barra{
    margin:auto;		  /**  Igual Cabeçalho   **/
	max-width:1600px;     /**  Igual Cabeçalho   **/
	min-width:1280px;     /**  Igual Cabeçalho   **/
    width:auto;           /**  Igual Cabeçalho   **/
    height:2px;
	position: relative;	
	background: url(afixo/images/fndbarra.jpg) center center repeat-x;
}
#Corpo-1{
	margin:auto;
	max-width:1400px;	/**  Igual Corpo-2   **/
	min-width:1280px;	/**  Igual Corpo-2   **/
	width:auto;
	position:relative;
	background: url(afixo/images/corpo-1.jpg) top center repeat-x;
}
#Corpo-2{
	margin:auto;
	max-width:1400px;	/**  Igual Corpo-1   **/
	min-width:1280px;	/**  Igual Corpo-1   **/
	width:auto;
	position:relative;
	background: url(afixo/images/corpo-2.jpg) top center repeat-x;
}
#Global {      
	margin:auto;
	width:1280px;	
	position:relative;	
}			
#NavTopo {
	height:38px;  
	padding-right:60px;
	padding-left:55px;
 	background: url(afixo/images/menutop.jpg) center center repeat-x;
	position:relative;
}
#NavTopo a{
	display:block;
	font-family: Verdana, Sans-serif, Arial, Helvetica;
 	color: #FFFFFF;
	font-size: 14px;
 	font-weight: normal;
    padding-top:9px;
 	padding-bottom:9px;
 	text-decoration: none;
 	background: url(afixo/images/menutop.jpg) center center repeat-x;
}
#NavTopo a:hover{ 
	background: url(afixo/images/menutop-ative.jpg) center center repeat-x;
}
/************************************************************************************/
/*********************        Barra    Space           ****************/
/************************************************************************************/
#Space-1 {
    width:auto;
    height:10px;	
	position: relative;	
}
#SpaceProp {      /*****     Uso na pagina "contato"   ******/
    width:auto;
    height:62px;
	padding-top:2px;
	padding-left:100px;
	position: relative;		
}
#BarraTit-1 {
    width:auto;
    height:138px;
	position: relative;	
}
#LogoBanAlterBanAuto{
	width:auto;
	height:68px;
	padding-left:35px;
	position: relative;	
}
#Logo{
    float:left;
	width:315px; /** Igual a Menulat **/
	height:60px;
	padding-top:3px;	    
	position: relative;			
}
#BanAlter{
    float:left;
	width:540px;
	height:60px;
	padding-top:3px;
	position: relative;
	background:url(afixo/images/logofixo2.jpg) center center no-repeat;					
}
#CaixaBanAuto{
	float:left;
	width:355px;
	height:60px;
	padding-left:25px;
	position: relative;		
}
#BanAuto{
	float:left;
	width:330px;
	height:60px;
	padding-top:3px; 
	position: relative;
	background:url(afixo/images/logofixo1.jpg) right center no-repeat;		
}
#MenulatFotoFrase{
	width:auto;
	height:339px;		/* Igual CaixaFraseConceito  */
	padding-left:35px;
	position: relative;			
}
#Menulat{
	float:left;
	width:315px; /** Igual a Logo **/
	height:335px;
	position: relative;					
}
#Foto{
    float:left;
	width:540px;
	height:335px;
	position: relative;
	background-color:#000000;				
}
#CaixaFraseConceito{
	float:left;
	padding-top:3px;
	width:355px;
	height:339px;		/* Igual MenulatFotoFrase  */
	padding-left:25px;	 /* igual BanAuto  */
	position: relative;				
}
#FraseConceito{
	float:left;
	width:330;
	height:336px;
	position: relative;				
}
#Frase{
	width:auto;
	height:auto;
	position: relative;		
}
#Conceito{
	width:auto;
	height:auto;
	padding-top:3px;
	position: relative;			
}
#MenuLeft{
    float:left;
	width:290px;
	height:335px;
	position:relative;	
}
#OutroDesafioDica{
	width:auto;
	height:145px;
	padding-left:35px;				/** Igual a Menulat_Include    **/
	position: relative;			
}
#CaixaOutro{
	float:left;
	width:315px;       /** Igual Logo  **/
	height:145px;	  
	position: relative;				
}
#TitOutro{
	width:290px;   
	height:auto;
	padding-bottom:2px;	  
	position: relative;				
}
#Outro{
	width:290px; 		/** Igual CaixaOutro - 25   **/
	height:auto;   
	position: relative;				
}
#CaixaDesafio{
    float:left;
	width:540px;
	height:145px;
	position: relative;	
}
#TitDesafio{
	width:540px;
	height:auto;
	padding-bottom:2px;
	position: relative;	
}
#Desafio{
	width:540px;
	height:auto;
	position: relative;	
}
#CaixaDica{
	float:left;
	width:355px;           /**  310 + Padding-left   **/
	height:145px; 
	padding-left:25px;
	position: relative;					
}
#TitDica{
	width:330px; 
	height:auto;
	padding-bottom:2px; 
	position: relative;				
}
#Dica{
	width:330px;  
	height:auto; 
	position: relative;				
}
/****************************************************************************/
/*******   Estrutura exclusiva  para iindex, iiindex e Contato    **********/
/*************************************************************************/
#Menulat_Include{
	width:315px;          /**   Igual logo  e menulat    **/
	min-height:520px;
	padding-left:35px;			/**  igual a  OutroDesafoDica      **/
	position: relative;			
}
#Menulat2{
	float:left;
	width:315px; /** Igual a Logo e Menulat  **/
	height:335px;
	position: relative;					
}
#MenuLeft2 {
    float:left;
	width:290px;       /**   Igual Menuleft + 25   **/      
	height:335px;
	position:relative;	 	
}
#Include{
    width:890px;			/**  Maximo = [(Global - (2)Padding MenuLatFotoFrase) - (Logo)] = (1280-70)-(315] = 895  **/
	margin-left:315px; 		/**  margin funcional igual Menulat_Include  **/
	position: relative; 						
}

/**************************************************************/
/*************     Estrutura expando  Menulat    ************/
/***************************************************************/
#ConteudoMenulat-1{
	width:290px;                 /**   Igual Menuleft    **/ 
	height:335px;
	position:relative;	
}
#Menulat-1 {
	width:290px;                  /**   Igual Menuleft    **/  
	azimuth:center;
	padding-top:4px;
	padding-left:13px;
	position: relative;
}
#Menulat-1-foto-1 {
    float:top;
    height:60px;
	position: relative;
}
#Menulat-1-foto-2 {
    float:top;
    height:60px;
	position: relative;
}
#Menulat-1-foto-3 {
    float:top;
    height:60px;
	position: relative;
}
#Menulat-1-foto-4 {
    float:top;
    height:60px;
	position: relative;
}
#Menulat-1-foto-5 {
    float:top;
    height:60px;
	position: relative;
}
/**************************************************************************************/
/************************  Menu expando interno -> MatemBasica *******************/
/*************************************************************************************/
#ConteudoMatemBasica-1{
	width:auto;
	height:235px;
	position:relative;	
}
#ConteudoMatemBasica-2{
	width:auto;
	height:280px;
	position:relative;	
}
#MatemBasica-1 {
	margin:auto;
	width:698px;	
	azimuth:center; 
	position: relative;
}
#MatemBasica-2 {
	margin:auto;
	width:698px;	
	azimuth:center; 
	position: relative;
}
#MatemBasica-1-foto-1 {
    float:left;
    width:166px;
	margin-top:14px;
	margin-left:0px;	
	azimuth:center;
	position: relative;
}
#MatemBasica-1-foto-2 {
    float:left;
    width:166px;
	margin-top:14px;
	margin-left:100px;
	azimuth:center;
	position: relative;
}
#MatemBasica-1-foto-3 {
    float:left;
    width:166px;
	margin-top:14px;
	margin-left:100px;
	azimuth:center;
	position: relative;
}
#MatemBasica-2-foto-1 {
    float:left;
    width:166px;
	margin-left:266px;
	azimuth:center;
	position: relative;
}

/**************************************************************************************/
/************************  Menu expando interno -> MatemSuper *******************/
/**************************************************************************************/
#ConteudoMatemSuper-1{
	width:auto;
	height:235px;
	position:relative;	
}
#ConteudoMatemSuper-2{
	width:auto;
	height:280px;
	position:relative;	
}
#MatemSuper-1 {
	margin:auto;
	width:698px;
	azimuth:center; 
	position: relative;
}
#MatemSuper-2 {
	margin:auto;
	width:698px;
	azimuth:center; 
	position: relative;
}
#MatemSuper-1-foto-1 {
    float:left;
    width:166px;
	margin-top:14px;
	margin-left:0px;	
	azimuth:center;
	position: relative;
}
#MatemSuper-1-foto-2 {
    float:left;
    width:166px;
	margin-top:14px;
	margin-left:100px;
	azimuth:center;
	position: relative;
}
#MatemSuper-1-foto-3 {
    float:left;
    width:166px;
	margin-top:14px;
	margin-left:100px;
	azimuth:center;
	position: relative;
}
#MatemSuper-2-foto-1 {
    float:left;
    width:166px;
	margin-left:266px;
	azimuth:center;
	position: relative;
}

/**********************************************************************************************************/
/*********************     MenuBottom   Rodape      ****************/
/**********************************************************************************************************/
#MenuBottom {   
    width:auto;
    height:62px;	               /**  (4 linhas h = 93, padd = 13, menubot4) - (3 linhas h = 68, padd = 11, menubot3)  **/
	padding-top:10px;
	position:relative;
	background: url(afixo/images/menubot3.jpg) center center repeat-x;	
}
#MenuBottom a{
	font-family: Arial, Sans-serif, Helvetica;
 	color: #770000;
	font-size:13px;
	text-decoration:none;
}
#MenuBottom a:hover{
	color:#008700;
	text-decoration:none;
}
#Rodape { 
    width:auto;
    height:44px;
	padding-top:13px;
	position:relative;
	background: url(afixo/images/menubot.jpg) center center repeat-x;	
}
/*****************************************************************************************************/
/*********************        VoltarTopo   VoltarTopoSub         ****************/
/****************************************************************************************************/
#VoltarTopo {
    width:auto;
    height:120px;
	position: relative;	
}	
#VoltarTopo a{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#570000;
	text-decoration:none;
}
#VoltarTopo a:hover{
	color:#FF0000;
	text-decoration:none;	
}
#VoltarTopoSub {
    width:700px;
    height:60px;
	padding-top:6px;
	padding-bottom:12px;
	position: relative;	
}
/***********************************************************************************************************************/
/********************************************* Component Divs *****************************************************/
/********************************************************************************************************************/
img.expando {  /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}