@charset "utf-8";
/* CSS Document */

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


body {
	margin: 0px;
	padding-top:7px;
	background:url(../imagens/fundo_topo_geral.jpg) #f2f2f2 top left repeat-x;
	padding-left:0;
	padding-right:0;
	font-family:Calibri, 'Trebuchet MS', Arial, Helvetica;
	min-width:920px;

}
#conteudo{
	padding-left:4%;
	padding-right:4%;
	}
#containerLogo{
	width:190px;
	height:282px;
	background:url(../imagens/logo_comfundo.jpg) no-repeat top left;
	float:left;
	cursor:pointer;
	}
	
#containerMenu{
	float:right;
	margin-top:-3px;
	font-size:13px;
	overflow:hidden;

	}
	
#containerMenu ul li {
	float:right;
	background:url(../imagens/separador_menu.png) left  no-repeat;
	}	
	/*
#containerMenu ul {
	list-style-type:none;
	}
	

#containerMenu ul li.semfundo {
	float:right;
	background:none;
	}

#containerMenu ul li a:link, #containerMenu ul li a:visited {
	background:none;
	text-decoration:none;
	color:#c0c7c2;
	height:42px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	vertical-align : middle; display : table-cell;
	
	}
	

#containerMenu ul li a:hover , #containerMenu ul li a.ativo  {
	background:url(../imagens/menugeral_hover.png) center bottom no-repeat;
	}
#containerMenu ul li a:active {
	background:url(../imagens/menugeral_hover.png) center bottom no-repeat;
	}

*/
#containerTextoHeader{
	clear:right;
	float:left;
	background:none;
	height:260px;
	width:70%;
	overflow:hidden;	
	
	#top: 50%;display: table-cell; vertical-align: middle;
	
	}
#textoHeader{
	color:#FFF;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	margin:0 auto;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	padding-left:50px;
	 #position: relative;  #top: 25%
	}
		
.controleOverflow{
	overflow:hidden;
	}
	
#bannerComercio{
	clear:both;
	height:62px;
	text-align:right;
	}
.labelpequeno{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #666666;
	}
#rodape{

	height:72px;
	clear:both;
	width:100%;
	font-size:10px;
	margin-top:40px;
	background:url(../imagens/fundo_rodape.jpg) repeat-x;
	}
#logoRodape{
	margin-left:4%;
	background:url(../imagens/logo_rodape.jpg) no-repeat;
	width:51px;
	height:72px;
	float:left;
	}
#textoRodape{
float:left;	
height:72px;
display:table-cell;
vertical-align:middle;
padding-top:15px;
color:#FFF;
	}
	
	
	
.caixaFolha{
	width:97%;
	background:url(../imagens/fundo_folha.png) top left repeat-y #ffffff;
	border-bottom:solid 1px #e6e4dd;
	float:left;
	margin:15px;
}

.caixaFolhaMetade{
	width:46%;
	background:url(../imagens/fundo_folha.png) top left repeat-y #ffffff;
	border-bottom:solid 1px #e6e4dd;
	float:left;
	margin:10px;
}

.caixaFolhaMetade2{
	width:46%;
	background:url(../imagens/fundo_folha.png) top left repeat-y #ffffff;
	border-bottom:solid 1px #e6e4dd;
	float:right;
	margin:10px;
}


.imagemFolha{
	background:url(../imagens/art1.jpg) top right no-repeat;
}

.imagemFolha2{
	background:url(../imagens/art2.jpg) top right no-repeat;
}


.imagemFolha3{
	background:url(../imagens/art3.jpg) top right no-repeat;
}

.img-quemsomos{
	background:url(../imagens/quemsomos.jpg) top right no-repeat;
}

.img-clientes{
	background:url(../imagens/clientes.jpg) top right no-repeat;
}

.img-contato{
	background:url(../imagens/contato.jpg) top right no-repeat;
}
.img-advocacy{
	background:url(../imagens/advocacy.jpg) top right no-repeat;
}

.img-comunidades{
	background:url(../imagens/comunidades.jpg) top right no-repeat;
}
.img-comerciojusto{
	background:url(../imagens/comerciojusto.jpg) top right no-repeat;
}
.img-parceiros{
	background:url(../imagens/parceiros.jpg) top right no-repeat;
}


div.leiamais-inicio ,
div.leiamais-clientes ,
div.leiamais-contato  ,
div.leiamais-parceiros ,
div.leiamais-quemsomos ,
div.leiamais-advocacy ,
div.leiamais-comunidades ,
div.leiamais-comerciojusto {
		background:url(../imagens/leiamais.png) bottom right no-repeat;
		height:21px;
		clear:both;
		margin-top:8px;
		cursor:pointer;
		margin-bottom:-20px;
		
	}

div.leiamais-inicioen ,
div.leiamais-clientesen ,
div.leiamais-contatoen  ,
div.leiamais-parceirosen ,
div.leiamais-quemsomosen ,
div.leiamais-advocacyen ,
div.leiamais-comunidadesen ,
div.leiamais-comerciojustoen {
		background:url(../imagens/leiamaisen.png) bottom right no-repeat;
		height:21px;
		clear:both;
		margin-top:8px;
		cursor:pointer;
		margin-bottom:-20px;
		
	}



.dobraFolha{
	background:url(../imagens/topo_folha.png) top right no-repeat;
}

.degBranco{
	background:url(../imagens/degbranco.png) repeat-y;
	background-position: top right;
}

.textoFolha{
	display:block;
	width:70%;
	padding-left:34px;
	padding-bottom:34px;
	font-size:13px;
	line-height:140%;
}
.textoFolhaLARGO{
	display:block;
	width:80%;
	padding-left:34px;
	padding-bottom:34px;
	font-size:13px;
	line-height:140%;
}

.textoFolha2{
	display:block;
	width:100%;

	padding-bottom:34px;
	padding-top:10px;
	font-size:12px;
}

.tituloFolha{
	padding:10px;
	clear:both;
	height:20px;
	font-weight:bold;
	font-style:italic;
	color:#436e52;
	font-size:18px;
	background:url(../imagens/linha_titiulofolha.png) no-repeat 10px 32px;
}
.setasTituloFolha{
	color:#d1b338;

}
.separador{
	clear:both;
	}
.infoLogin{
	clear:both;
	text-align:right;
	font-size:12px;
	color:#555;
	padding:10px;
	margin-bottom:-20px;
	}

#conteudoEsquerda{
	padding-top:30px;
	float:left;
	width:80%;
	background:url(../imagens/separador_vertical.png) top right no-repeat;

}
#conteudoDireita{
	padding-top:30px;
	float:right;
	width:20%;
	max-width:240px;

}
.containerImagensTooltip {
	margin:2px;
	}
.containerImagensTooltip img{
	border:none;
	background:none;

	}

.sepdireita{
	background:url(../imagens/separador_logos.png) center center no-repeat;
	height:2px;
}
.logoDireita{
	height:103px;
	width:100%;
	margin:0 auto;
	display: table;
	#position: relative;
	overflow: hidden;
	text-align:center;
	z-index:1;

}

.logoDireita2{
	height:103px;
	width:25%;
	margin:5px;
	display: table;
	#position: relative;
	overflow: hidden;
	text-align:center;
	z-index:1;
	float:left;
	border:solid 3px #DDDDDD;

}
.logoDireita_{
	#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle; 	#left:50%;z-index:2;
	}
	
.logoDireita__{
	 #position: relative; #top: -50%;#left:-50%;
	 text-align:center;z-index:3;
	}

.logoDireita img , .logoDireita2 img{
	border:none;
	outline:none;
	margin:0 auto;	text-align:center;z-index:4;
	}
#demotip {
	display:none;
	background:transparent url(/imagens/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	z-index:1000;
}





#overlay {
	background-image:url(/images/white.png);
	color:#333;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.wrap {
	height:441px;
	overflow-y:auto;
}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(/images/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(/images/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(/images/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}
.vermelho {
	color:#cc0000;
	text-decoration:none;
	}
.verde {
	color:#009900;
	text-decoration:none;
	}