﻿@charset "utf-8";
/* CSS da home MAInRetail */


/*||||||||||||||||||||||||||||||||||||||||||||||||||||[  Divs    ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* É boa prática para zero a margem eo espaçamento do corpo elemento a ter em conta para diversos navegador defaults * */	padding: 0;
	text-align: center; /* esta centros do recipiente no IE 5 * navegadores. O texto é, em seguida, defina para a esquerda alinhados defeito no seletor # contentor */
	color: #000000;
}


#informe{width:150px; margin-left:25px; margin-right:25px}

#informe2{ margin-left:10px; margin-right:10px}


 #mainContent {
  margin: 0 192px 0 192px; 
} 

#mainContent_empresa {
  margin: 0 192px 0 192px; height:1600px;  
} 

#mainContent_suporte {
  margin: 0 0px 0 192px; 
} 

#mainContent_representantes {
  margin: 0 0px 0 187px; border-right: #0B3974 dotted 1px; padding-right:5px
} 

#mainContent_artigos {
  margin: 0 0px 0 187px;  border-right: #0B3974 dotted 1px; padding-right:5px 
} 

#cabeca{width:779px; }

#cabeca_index{width:800px; }

#sub{width:779px; }


#container { 
	width:779px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* |||||||||||||||||||||||||||||||||||||||||||[ Formatação Landing PAGE  ]|||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#container_index{ 
	width:779px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent_index{
  margin: 0 0px 0 192px;  border-right: #0B3974 dotted 1px;
} 


#rodape_index{ background:#577486; width:779px;}


#sidebar_index{
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:555px
}


#titulos_index{ float:left}
#bts_index{ float:right; margin-right:40px}

#bts_bene{ float:right; margin-right:5px}

#perguntas_index{margin-top:300px}
#img_index{margin-left:35px; margin-bottom:30px}




/* |||||||||||||||||||||||||||||||||||||||||||||||[ COTAção  ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */



#mainContent_cotacao{
  margin: 0 0px 0 182px;  border-right: #0B3974 dotted 1px; height:1500px
} 



/* |||||||||||||||||||||||||||||||||||||||||||||||[ Download  ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#mainContent_download{
  margin: 0 0px 0 182px;  border-right: #0B3974 dotted 1px; height:1080px
} 


#head1{float:left}
#head2{padding-top:20px; width:300px; font-family:arial; color: #666666; font-weight:bold; font-size:14px}
#head3{float:right}
.img_map{ padding-right:300px}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


#top{
	
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	font-weight:bold;
	padding-left:300px;
	
}

  #software{width:370px; font-family:Arial, Helvetica, sans-serif; color: #666666; font-size:14px; font-weight:bold; float:left }
 
 #contatos{width:350px; }
 #fale{
	width:210px; float:right
	
}

#rodape{ background:#577486; width:779px;}


 #sidebar1 {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
}

#sidebar_requerimentos {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1380px
}


#sidebar_map{
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
}

 #sidebar_glossario {
	float: left; 
	width: 180px;
	height:3380px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
}



#sidebar_artigos {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1210px
}



#sidebar_afiliados {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:850px
}

#sidebar_artigosA {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1530px
}


#sidebar_artigosB {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1050px
}


#sidebar_artigosC {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:950px
}




#sidebar_artigosD {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1740px
}



#sidebar_artigosE {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1420px
}


#sidebar_artigosF {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1350px
}


#sidebar_artigosG {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:1620px
}


#sidebar_beneficios {
	float: left; 
	width: 180px;
	 background: #577486; 
		border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
		height:4400px
}



 #sidebar2 {
	float: right; 
	width: 198px; 
	border-left: dotted 1px #0B3974; border-right: #0B3974 dotted 1px;
	
	/*padding: 15px 0; */
}

#skipe{ background-color:#E8D795; height:150px; width:360px }

#links_xml{ background-color:#2C5782}


#barra_titulo{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:360px}
 
 
 #barra_extendida{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:565px;  border-right: #0B3974 dotted 1px;}
 
 
 
  #barra_artigos{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:568px;  }
 
  #barra_rss{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:568px; margin-left:1px  }
 
 
   #barra_links{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:569px; margin-left:1px  }
 
 
  #barra_representantes{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:583px;  }
 
 
 
 
  #barra_extendida_cotacao{ background-color: #577486; 
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;
 font-weight:bold; height:20px; padding-left:18px; padding-top:5px; width:592px;  }
 
 
 
#box_pages{ background-color: #fff}
#box_filiados{ background-color: #fff}
#box{ background-color: #577486; height:20px; font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:12px;}

#box2{ background-image:url(../img/bg_interrogacao.jpg); background-repeat:no-repeat; background:#E9D795}
#box_info{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:360px; font-weight:normal }
#box_info2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; width:380px; background-color:#D8DEEA }

#box_duvida{ margin-left:17px; margin-top:9px; margin-bottom:9px; margin-right:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#45402C}

#glossario{width:500px; height:inherit; margin-left:210px; }

#div_dow{font-family:verdana; font-size:11px; color:#000000; padding-left:10px}

/*#pag_links{ margin-left:100px}*/
#beneficios{margin-left:20px; margin-top:px; margin-right:px; margin-bottom:0px; width:300px}
#sub_beneficios{margin-left:0px; margin-top:0px}

#rss_txt{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  border-right: #0B3974 dotted 1px; margin-left:190px;
}
/* \\\\\\\\\\\\\\\\\\\\\Menu  ||||||||||||||||||||||||||||||||||||||||||||||||*/


#menuver {

margin: 0; 
padding-left:2px;
font-family:Verdana, Helvetica, sans-serif; 
color:#fff; 
font-size:11px;
 text-decoration:none;
 font-weight:bold


}
#menuver li {
list-style: none;
margin: 10px 0px 0px 10px; 
}
#menuver li a {
margin:0; 
padding:0;
text-decoration:none;
color: #fff;
}
#menuver li a:visited {
color: #fff;
}
#menuver li a:hover { 
background: #66CCCC;
color: #000; 
}
#menuver li a:active { 
background: #ccc;
color: #000; 
}







/*||||||||||||||||||||||||||||||||||||||||||||||||||||[  Classes     ]||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


.titulo_links{font-family:Arial, Helvetica, sans-serif; color:#3333CC; font-weight:bold; font-size:18px}

.rss_cinza{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666}

.link_top{text-decoration:none; color:#000000}

.titulos_bene{color:#8E955F}
.img_bene{margin-right:7px; margin-top:4px}
.beneficios_txt{color:#45402C; text-decoration:none }
.beneficios_txt:hover{ background-color:#00CCFF}
.artigos_txt{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}


.msg{font-family: Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px}

.form_downloads
	{
		 border-color:#A69F86; border-width:1px; background-color:#ffffff; font-size:12px; border-style:solid; font-family:Tahoma; color:#4C4C4C; height:22px
	}

.text_form
	{
		font-family:Tahoma;
		font-size:11px;
		line-height:14px;
		color:#44657B;
	}
	
	.link_form{	font-family:Tahoma;	font-size:11px;	color:#44657B; text-decoration:none; font-weight:bold
	}
	.link_form:hover{ background-color: #3399FF}
	
	.form_comentarios
	{
		 border-color:#A69F86; border-width:1px; background-color:#ffffff; font-size:12px; border-style:solid; font-family:Tahoma; color:#4C4C4C
	}


.icones{ padding-left:25px}

.imagem_ico{margin:0px 0px 200xp 0px}

.fale_conosco{padding-left:300px}


.info_geral{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal}


.link_h{ font-family:Verdana, Helvetica, sans-serif; 
color:#fff; 
font-size:11px;
 text-decoration:none;
 padding: 0px 0px 0px 3px}
 
 .imagem{ padding-left:100px}
 .imagem_cotacao{padding-right:150px}
 
  .imagem_rep{padding-right:180px}
 
 
 .link_beneficios{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#45402C; text-decoration:none; padding-left:15px;}
 
 .link_beneficios:hover{ background-color:#66CCCC}
 
 .link_rodape{ font-family:arial; 
color:#fff; 
font-size:11px;
 text-decoration:none;
 }
 .copy{ font-family:arial, Helvetica, sans-serif; 
color:#fff; 
font-size:11px; text-decoration:none;
 }
  .link_rodape:hover{ background-color: #66CCCC}
 .link_h:hover{ background-color: #66CCCC}
 
 .ciano{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#44657B;} 
 
 .cinza{font-family:Aria;l, Helvetica, sans-serif; font-size:12px; color: #666666; } 
 
 .cinza_top{font-family:verdana, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold} 
 
 
  H1{ font-family:verdana, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold; height:5px;}
  
 .preto_top{font-family:verdana, Helvetica, sans-serif; font-size:12px; color: #000; font-weight:bold} 
 
 
 .marron{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#746C48;} 
 .link_azul{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #0000FF; text-decoration:none}


.link_cinza{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666; text-decoration:none  
} 

.link_cinza:hover{ text-decoration:underline}

.info_orc{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033;} 






.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 .form_bt
	{
		 border-color:#A69F86; border-width:1px; background-color:#ffffff; font-size:11px; border-style:solid; font-family:Tahoma; color:#4C4C4C
	}
 

