﻿@charset "utf-8";
/* CSS Responsável por TODO CONTEÚDO do site */

	/* CONTATO */
	#main #main_content h2.contato {
		height: 59px;
		margin: 5px auto 0;
		background: url(../images/h/h2-contato.jpg) no-repeat;
	}
	#main #main_content div.contato {
		width: 583px;
		height: 47px;
		display: block;
		margin: 0 0 0 203px;
	}
		#main #main_content div.contato a {
			display:block;
			text-indent: -9999px;
			width: 288px;
			height: 47px;
			float:left;
			cursor: pointer;
			background-repeat:no-repeat;
		}
		#main #main_content div.contato #relacionamento {
			margin: 0 7px 0 0;
			background: url(../images/contato-menu/relacionamento.jpg);
		}
		#main #main_content div.contato #relacionamento:hover,
		#main #main_content div.contato #relacionamento.hover {background-position: 0 -47px;}

		#main #main_content div.contato #oportunidade {background: url(../images/contato-menu/oportunidade-de-trabalho.jpg);}
		#main #main_content div.contato #oportunidade:hover,
		#main #main_content div.contato #oportunidade.hover {background-position: 0 -47px;}
	#main #main_content div.endereco {
		float: left;
		width: 282px;
		height: 336px;
		margin: 0;
		padding: 24px 0 0 36px;
		font-size: 1.1em;
		line-height: 1.3em;
	}
		#main #main_content div.endereco .veja a {
			display: block;
			width: 195px;
			height: 53px;
			text-indent: -9999px;
			margin: 6px 0 40px 0;
			padding: 0;
			cursor: pointer;
			background: url(../images/contato-menu/veja-mapa.jpg) no-repeat;
		}
		#main #main_content div.endereco #veja_o_mapa:hover,
		#main #main_content div.endereco #veja_o_mapa.hover {background-position: 0 -53px;}
		#main #main_content div.endereco ul.fones {
			padding: 0 0 18px 0;
		}
			#main #main_content div.endereco ul li a {
				font-size: 10px;
				color: #00d8ff;
			}
	#main #main_content div.formulario {
		float: left;
		width: 361px;
		height: 336px;
		margin: 0;
		padding: 24px 0 0;
	}
		#main #main_content div.formulario label {
			float: left;
			display: block;
			width: 82px;
			cursor: pointer;
			font-size: 1.2em;
			padding: 7px 10px 0 0;
			text-align: right;
			color: #768fa3;
		}
		#main #main_content div.formulario input,
		#main #main_content div.formulario textarea,
		#main #main_content div.formulario select {
			width: 253px;
			margin: 4px 0 0;
			color: #FFF;
			font-size: 1.3em;
			border: none;
			background-color: transparent;
		}
		#main #main_content div.formulario input.cidade {
			float: left;
			width: 127px;
			margin: 4px 0 0;
		}
		#main #main_content div.formulario div.estado {
			float: left;
			width: 121px;
			padding: 0 0 0 12px;
			background: url(../images/selects/estado.gif) no-repeat 12px 0;
		}
			#main #main_content div.formulario div.estado label {
				width: 65px;
				cursor: default;
			}
		#main #main_content div.formulario select.estado {width: 104px;}
		#main #main_content div.formulario textarea {
			width: 324px;
			height: 100px;
			margin: 8px 0 0 8px;
			overflow: auto;
		}
		#main #main_content div.formulario li {
			display: block;
			width: 354px;
			float: left;
			height: 28px;
			margin: 0 0 3px 0;
			background: url(../images/input/contato-li-nome.gif) no-repeat;
		}
		#main #main_content div.formulario li.cidade {
			background: url(../images/input/contato-li-cidade.gif) no-repeat;
		}
		#main #main_content div.formulario li.assunto {
			background: url(../images/input/contato-li-assunto.gif) no-repeat;
		}
			#main #main_content div.formulario li.assunto label {
				cursor: default;
			}
		#main #main_content div.formulario li.mensagem {
			height: 150px;
			background: url(../images/input/contato-li-mensagem.gif) no-repeat;
		}
	#main #main_content div.envio {
		float: left;
		width: 273px;
		height: 336px;
		margin: 0;
		padding: 24px 0 0;
		color: #b0cbe0;
		background: url(../images/background/contato-enviar.jpg) no-repeat 0 24px;
	}
		#main #main_content div.envio h3 {
			padding: 25px 0 0 32px;
			font-size: 1.8em;
			color: #d5f4f9;
		}
		#main #main_content div.envio p {
			padding: 0 76px 0 32px;
			line-height: 1.3em;
		}
		#main #main_content div.envio input.enviar {
			width: 71px;
			height: 55px;
			cursor: pointer;
			margin: 140px 0 0 122px;
			background: url(../images/buttons/contato-enviar.jpg) no-repeat;
		}
		#main #main_content div.envio input.enviar[type="submit"]:hover{background-position: 0 -55px;}
	#main #main_content div.clear {
		clear: both;
		height: 158px;
	}

	/* OPORTUNIDADE DE TRABALHO */
		#main #main_content div.procura_se {
			float: left;
			width: 241px;
			height: 336px;
			margin: 0;
			padding: 24px 0 0 54px;
			color: #b0cbe0;
		}
			#main #main_content div.procura_se h3 {
				padding: 8px 0 4px 0;
				font-size: 1.8em;
				color: #d5f4f9;
			}
			#main #main_content div.procura_se div {
				padding: 0 0 14px 0;
				color: #b0cbe0;
			}
				#main #main_content div.procura_se .vaga{
					background: url(../images/pontilhados/pontilhado-oportunidade-de-trabalho.gif) repeat-x 0 top;
				}
				#main #main_content div.procura_se div h4 {
					background:url(../images/setas/seta-branca.gif) no-repeat 227px 20px;
					cursor:pointer;
					padding: 16px 0 0;
					font-size: 1.1em;
					color: #fff;
					
				}
					#main #main_content div.procura_se div h4.ativo{
						background:url(../images/setas/seta-branca-cima.gif) no-repeat 227px 20px !important;
					}
				#main #main_content div.procura_se div p {
					line-height: 1.3em;
				}
				#main #main_content div.procura_se div p strong {
					display:block;
					padding:8px 0 4px;
				}
				#main #main_content div.procura_se div ul li {
					line-height: 115%;
					padding-top:7px;
				}
				#main #main_content div.procura_se div ul li span {
					display:block;
					padding:0 0 0 10px;
					width:200px;
				}
			#main #main_content div.formulario label.curri_resumido {width: 142px;}
			#main #main_content div.formulario textarea.curri_resumido {
				width: 334px;
				height: 110px;
			}
		#main #main_content div.formulario li.condidato {
			text-align: center;
			background: none;
		}
		#main #main_content div.formulario li.enviar input {
			width: 354px;
			height: 28px;
			margin: 0;
			cursor: pointer;
			background: url(../images/buttons/enviar.gif) no-repeat;
		}
			#main #main_content div.formulario li.enviar input:hover {
				background-position: 0 -28px;
			}

	/* CLIENTES */
	#main #main_content h1.clientes {
		height: 76px;
		margin: 5px auto 0;
		background: url(../images/h/h2-clientes.jpg) no-repeat;
	}
	#main #main_content div.voltar {
		width: 867px;
		padding: 0 47px 0 0;
		margin: -23px auto 0;
		text-align: right;
	}
		#main #main_content div.voltar a {
			color: #02d7ff;
			padding: 0 0 0 10px;
			background: url(../images/setas/seta-voltar-pg.gif) no-repeat 0 4px;
		}
	#main #main_content div.box_clientes {
		width: 851px;
		margin: 13px auto;
		padding: 20px 0 0 14px;
		background: #4c5c6a;
	}
		#main #main_content div.box_clientes ul li {
			display: block;
			float: left;
			width: 164px;
			height: 173px;
			padding: 0 4px 0 0;
			background: #4c5c6a;
		}
				#main #main_content div.box_clientes ul li div.fade {
					padding: 0;
					text-align: center;
					color: #668095;
					background: none;
				  	position: absolute;
				}
					#main #main_content div.box_clientes ul li div.fade div {
						position: absolute;
					  	top: 0;
					  	left: 0;
					  	display: none;
					}
					#main #main_content div.box_clientes ul li div.fade strong {display: block;}
					#main #main_content div.box_clientes ul li div.fade strong a {color: #A1BACD}
					#main #main_content div.box_clientes ul li div.fade strong a:hover {color: #fff}
					#main #main_content div.box_clientes ul li div img {margin: 0 0 18px 0;}
		#main #main_content div.clear_clientes {clear: both;}
	#main .padding_main {padding: 0 0 154px 0;}
	
	/* SOLUÇÕES */
	#main #main_content div.solucoes_col_menu {
		float: left;
		width: 279px;
		margin: 0 0 0;
		padding: 2px 0 0 44px;
	}
		#main #main_content div.solucoes_col_menu h2.solucoes {
			height: 75px;
			text-indent: -9990px;
			background: url(../images/h/h2-solucoes.jpg) no-repeat;
		}
				#main #main_content div.solucoes_col_menu ul {
					height: 311px;
					padding: 0 0 0 8px;
					background: url(../images/solucoes-icons/moldura.jpg) no-repeat 6px bottom;
				}
				#main #main_content div.solucoes_col_menu li {
					display: block;
					float: left;
					height: 28px;
					margin: 0 0 1px;
				}
				#main #main_content div.solucoes_col_menu a {
					display: block;
					float: left;
					width: 203px;
					padding: 8px 0 8px 41px;
					font-weight: bold;
					color: #02dcff;
					font-size: 1.2em;
				}
				#main #main_content div.solucoes_col_menu a.web_sites {background: #495966 url(../images/solucoes-icons/web-solutions.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.criacaodesites {background: #495966 url(../images/solucoes-icons/criacao-de-sites.gif) no-repeat 8px 1px;}
				#main #main_content div.solucoes_col_menu a.portais {background: #495966 url(../images/solucoes-icons/portais.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.e_comerce {background: #495966 url(../images/solucoes-icons/e-comerce.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.sistemas {background: #495966 url(../images/solucoes-icons/sistemas-personalizados.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.intranet {background: #495966 url(../images/solucoes-icons/intranet.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.otimizacao {background: #495966 url(../images/solucoes-icons/otimizacao-de-sites.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.link_patrocinado {background: #495966 url(../images/solucoes-icons/links-patrocinados.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.multimidias {background: #495966 url(../images/solucoes-icons/multimidias.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.planejamento {background: #495966 url(../images/solucoes-icons/planejamento.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.identidade {background: #495966 url(../images/solucoes-icons/identidade-corporativa.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a.sites_mobile {background: #495966 url(../images/solucoes-icons/sites-mobile.gif) no-repeat 8px 0;}
				#main #main_content div.solucoes_col_menu a:hover {
					color: #FFF;
					background-position: 8px -25px;
				}
				#main #main_content div.solucoes_col_menu a.criacaodesites:hover {
					background-position: 8px -24px !important;
				}
				#main #main_content div.solucoes_col_menu li.ativo a {
					width: 230px;
					color:#fff;
				}
				#main #main_content div.solucoes_col_menu li.ativo a:hover {
					color: #fff;
				}
				#main #main_content div.solucoes_col_menu li.ativo a {
					background-position: 8px -25px;
				}
				#main #main_content div.solucoes_col_menu li.ativo {
					width: 268px;
				}
					#main #main_content div.solucoes_col_menu a.sites_mobile strong {color: #FFF;}
	#main #main_content div.solucoes_content {
		float: left;
		width: 667px;
		padding: 2px 0 0;
	}
	#main #main_content .bg_inicial {
		height: 635px;
		background: url(../images/background/solucoes-principal.jpg) no-repeat 0 2px;
	}
		#main #main_content div.solucoes_content h3 {
			font-size: 1.8em;
			padding: 30px 0 0 0;
			text-align: center;
			color: #d5f4f9;
		}
		#main #main_content div.solucoes_content p.inicial {
			line-height: 1.3em;
			font-size: 1.1em;
			text-align: center;
			color: #b0cbe0;
		}
	#main #main_content div.solucoes_clear {
		clear: both;
	}
	
	/* SOLUÇÕES WEB SITES */
		#main #main_content div.solucoes_content div.solucoes_aba {
			width: 629px;
			margin: 50px 0 160px;
			padding: 22px 0 0;
			background: #495966 url(../images/background/solucoes-aba-superior.jpg) no-repeat;
		}
			#main #main_content div.solucoes_content div.solucoes_aba h1 ,h2 {
				width: auto;
				height: 91px;
				margin: 0 0 0 0;
				line-height: 0px;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h2.criacaodesites {
				color: #02DCFF;
				font-size: 16px;
				font-weight: normal;
				height: 30px;
				line-height: 16px;
				margin: 0 24px;
				text-indent: 0 !important;
				width: auto;
			}
				#main #main_content div.solucoes_content div.solucoes_aba h1 ,h2 strong {
					display: block;
					padding: 49px 0 0 148px;
					text-indent: 0;
					color: #d5f4f9;
					line-height: normal;
					font-size: 10px;
					font-weight: normal;
				}
				#main #main_content div.solucoes_content div.solucoes_aba a.soliciteOrcamento{
					background:url(../images/buttons/solicitar-orcamento.gif) no-repeat left top;
					display:inline;
					float:right;
					height:27px;
					margin:15px 20px 15px 0;
					overflow:hidden;
					text-indent:-9999px;
					width:196px;
				}
				#main #main_content div.solucoes_content div.solucoes_aba a.soliciteOrcamento:hover{
					background:url(../images/buttons/solicitar-orcamento.gif) no-repeat left bottom;
				}
			#main #main_content div.solucoes_content div.solucoes_aba h3 {
				clear:both;
				height:19px;
				margin:40px 0 15px;
				overflow:hidden;
				padding:0;
				text-indent:-9990px;
				width:629px;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h3.cases {
				background: url(../images/h/h3-solucoes-cases.jpg) no-repeat center 0;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.web_sites {
				background: url(../images/h/web-sites.jpg) no-repeat;
			}
			
			#main #main_content div.solucoes_content div.solucoes_aba h1.criacaodesites {
				background: url(../images/h/criacao-de-sites.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.portais {
				background: url(../images/h/portais.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.ecommerce {
				background: url(../images/h/ecommerce.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.personalizados {
				background: url(../images/h/personalizados.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.intranet {
				background: url(../images/h/intranet.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.link_patrocinado {
				background: url(../images/h/links-patrocinados.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.midia {
				background: url(../images/h/midia-online.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.otimizacao_site {
				background: url(../images/h/otimizacao-de-site.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.multimidia {
				background: url(../images/h/multimidia.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.planejamento {
				background: url(../images/h/planejamento.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.identidade {
				background: url(../images/h/identidade.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba h1.sites-mobile {
				background: url(../images/h/sites-mobile.jpg) no-repeat;
			}
			#main #main_content div.solucoes_content div.solucoes_aba img.ilustrativa {
				display:inline;
				margin:0 20px 10px 0;
				float: left;
			}
			#main #main_content div.solucoes_content div.solucoes_aba img.criacaodesites {
				display:inline;
				margin:15px 24px;
				float: left;
			}
			#main #main_content div.solucoes_content div.solucoes_aba img.imgLinksPatrocinados{
				margin-top:-36px;
			}
			#main #main_content div.solucoes_content div.solucoes_aba img.imgSistemas{
				margin-top:-20px;
			}
			#main #main_content div.solucoes_content div.solucoes_aba p {
				color: #b0cbe0;
				font-size: 1.1em;
				line-height: 18px;
				padding: 6px 24px 12px;
			}
			#main #main_content div.solucoes_content div.solucoes_aba p.first {padding: 0 24px 12px;}
			#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados {
				float: left;
				width: 629px;
			}
			#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados img {
				margin: 0;
			}
				#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados ul.largura01 {
					width: 330px;
					margin: 0 auto;
				}
				#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados ul.largura02 {
					width: 492px;
					margin: 0 auto;
				}
				#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados ul li {
					float: left;
					display:inline;
					width: 164px;
				}
				#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados ul li div.fade {
					padding: 0;
					text-align: center;
					color: #668095;
					background: none;
				  	position: relative;
					width: 164px;
				}
				#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados ul li div.fade div {
					display: none;
				}
				#main #main_content div.solucoes_content div.solucoes_aba .cases_relacionados ul li div.fade strong {display: block;}
			#main #main_content div.solucoes_content div.solucoes_aba .solucoes_aba_inf {
				clear: both;
				width: 629px;
				height: 22px;
				background: #495966 url(../images/background/solucoes-aba-inf.jpg) no-repeat;
			}

	/* NOTÍCIAS */
	#main #main_content h2.noticias {
		height: 67px;
		margin: 5px auto 0;
		background: url(../images/h/h2-noticias.jpg) no-repeat;
	}
	#main #main_content div.box_noticias {
		display:inline;
		float: left;
		width: 290px;
		margin: 22px 0 0 28px;
		padding-bottom:20px;
	}
		#main #main_content div.box_noticias .noticiasTopo{
			background:url(../images/background/box-noticias-topo.gif) no-repeat 0 0;
			height:24px;
			overflow:hidden;
			width:290px;
		}
		#main #main_content div.box_noticias .noticiasFim{
			background:url(../images/background/box-noticias-fim.gif) no-repeat 0 0;
			height:24px;
			overflow:hidden;
			width:290px;
		}
		#main #main_content div.box_noticias .noticiasConteudo{
			background-color:#4c5c6a;
			height:280px;
		}
		#main #main_content div.box_noticias h1 {
			float: left;
			font-size: 16px;
			padding: 0 0 20px 22px;
			color: #d5f4fa;
			line-height:20px;
			text-indent:inherit;
			margin-top: 5px;
		}
		#main #main_content div.box_noticias img {
			float: left;
			padding: 16px 0 0 22px;
		}
		#main #main_content div.box_noticias p.data {
			padding: 22px 22px 4px;
			line-height: 1.3em;
		}
		#main #main_content div.box_noticias p {
			font-size:11px;
			padding: 0 22px;
			line-height: 14px;
		}
			#main #main_content div.box_noticias p a {
				color: #b0cbe0;
			}
			#main #main_content div.box_noticias p a:hover {
				text-decoration: underline;
			}
		span.link a {color: #FFF;}
		span.link:hover a {
			text-decoration: underline;
			color: #FFF;
		}
	#main #main_content div.paginacao {
			clear: both;
			width: 960px;
			line-height: 12px;
			margin: 0 auto;
			padding: 32px 0;
			text-align: center;
	}
		#main #main_content div.paginacao a {
			padding: 6px;
			margin: 0 1px 0 0;
			line-size: 1.3em;
			color: #b0cbe0;
			background: #3c4b58;
		}
		#main #main_content div.paginacao a:hover {
			color: #FFF;
			background: none;
		}
	/* A AGÊNCIA RS */
	#main #main_content h1.empresa {
		height: 82px;
		margin: 5px auto 0;
		background: url(../images/h/h2-empresa.jpg) no-repeat;
	}
	#main #main_content div.perfil {
		width: 373px;
		height: 675px;
		padding: 0 0 0;
		margin: 23px 0 0;
		float: left;
		background: url(../images/background/empresa-perfil.gif) no-repeat 0 0;
	}
		#main #main_content div.perfil img {
			margin: 0 12px 0 23px;
			float: left;
		}
		#main #main_content div.perfil h3 {text-indent: -9990px;}
		#main #main_content div.perfil h3.perfil {
			float: left;
			width: 247px;
			height: 61px;
			text-indent: -9990px;
			background: url(../images/h/h3-perfil.jpg) no-repeat;
		}
		#main #main_content div.perfil h3.mais_vistos {
			margin: 50px 0 0;
			height: 17px;
			background: url(../images/h/h3-mais-vistos.gif) no-repeat center 0;
		}
		#main #main_content div.perfil p {
			margin: 0 23px 14px 23px;
			line-height: 1.3em;
		}
		#main #main_content div.perfil ul {
			text-align: center;
			padding: 0 48px;
		}
			#main #main_content div.perfil ul li {display: inline;}
				#main #main_content div.perfil ul li a {
					font-size: 1.2em;
					color: #a1bacd;
					line-height: 1.4em;
					font-weight: bold;
				}
				#main #main_content div.perfil ul li a:hover {color: #FFF;}
				#main #main_content div.perfil ul li a.grande {font-size: 2.3em;}
				#main #main_content div.perfil ul li a.media {font-size: 2em;}
				#main #main_content div.perfil ul li a.pequena {font-size: 1.7em;}
	#main #main_content div.abas {
		margin: 23px 0 50px;
		float: left;
		width: 541px;
		height: 675px;
		background: url(../images/background/aba.gif) no-repeat 22px 27px;
	}
		#main #main_content div.abas ul {
			position: relative;
			display:block;
			height: 27px;
			padding: 0 0 0 22px;
		}
			.ui-state-default, .ui-widget-content .ui-state-default { background-position: 0 -54px;}
			.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {background-position: 0 -27px; }
			.ui-state-active, .ui-widget-content .ui-state-active {background-position: 0 0;}
			.ui-tabs .ui-tabs-panel {display:block;}
			.ui-tabs .ui-tabs-hide {display:none !important;}
			#main #main_content div.abas ul li {
				display: block;
				position: relative;
				float: left;
				height: 27px;
				width: 172px;
			}
			#main #main_content div.abas ul li.motivos {
				margin: 0 7px 0 0;
				background-image: url(../images/agencia-rs-menu/top-12.jpg);
				background-repeat: no-repeat;
			}
			#main #main_content div.abas ul li.equipe {
				background-image: url(../images/agencia-rs-menu/equipe.jpg);
				background-repeat: no-repeat;
			}
				#main #main_content div.abas ul li a {
					display: block;
					width: 172px;
					height: 27px;
					text-indent: -9990px;
				}
		#main #main_content div.abas #equipe,
		#main #main_content div.abas #motivos {
			padding: 0 0 0 22px;			
		}
		#main #main_content div.abas #motivos {
			padding: 0 0 0 22px;	
		}
		#main #main_content div.abas #motivos .boxes_mot {
			width: 474px;
			margin: 0 0 2px 24px;
			background-color: #3c4b58;
			background-repeat: no-repeat;
			background-position: 8px 0;
		}
		#main #main_content div.abas #motivos .um {
			margin: 20px 0 2px 24px;
			background-image: url(../images/12-motivos/1.gif);
		}
		#main #main_content div.abas #motivos .dois {background-image: url(../images/12-motivos/2.gif);}
		#main #main_content div.abas #motivos .tres {background-image: url(../images/12-motivos/3.gif);}
		#main #main_content div.abas #motivos .quatro {background-image: url(../images/12-motivos/4.gif);}
		#main #main_content div.abas #motivos .cinco {background-image: url(../images/12-motivos/5.gif);}
		#main #main_content div.abas #motivos .seis {background-image: url(../images/12-motivos/6.gif);}
		#main #main_content div.abas #motivos .sete {background-image: url(../images/12-motivos/7.gif);}
		#main #main_content div.abas #motivos .oito {background-image: url(../images/12-motivos/8.gif);}
		#main #main_content div.abas #motivos .nove {background-image: url(../images/12-motivos/9.gif);}
		#main #main_content div.abas #motivos .dez {background-image: url(../images/12-motivos/10.gif);}
		#main #main_content div.abas #motivos .onze {background-image: url(../images/12-motivos/11.gif);}
		#main #main_content div.abas #motivos .doze {background-image: url(../images/12-motivos/12.gif);}
			#main #main_content div.abas #motivos .boxes_mot p {
				font-size: 1.1em;
				padding: 4px 28px 4px 65px;
				line-height:115%;
			}
			#main #main_content div.abas #motivos .boxes_mot p.maior {
				font-size: 1.1em;
				padding: 7px 28px 7px 65px;
			}
			#main #main_content div.abas #motivos .boxes_mot .sup {
				height: 8px;
				font-size: 0.1em;
				background: url(../images/12-motivos/box-sup.jpg) no-repeat;
			}
			#main #main_content div.abas #motivos .boxes_mot .inf {
				height: 8px;
				font-size: 0.1em;
				background: url(../images/12-motivos/box-inf.jpg) no-repeat;
			}
	#main #main_content div.clear_empresa {clear: both;}
		#main #main_content div.abas #equipe p {
			font-size: 1.1em;
			line-height: 1.3em;
			padding: 28px 35px 0 35px;	
		}
	/* CASE */
	#main #main_content h1.cases {
		height: 69px;
		margin: 5px auto 0;
		background: url(../images/h/h2-cases.jpg) no-repeat;
	}
	#main #main_content div.outros {
		background:url(../images/background/outros-cases.gif) no-repeat 0 0;
		float:right;
		height:28px;
		margin:-27px 148px 0 0 !important;
		padding:0 0 0 14px;
		position:relative;
		width:211px;
		z-index:2;
	}
		#main #main_content div.outros a {
			color: #b0cbe0;
			font-size: 1.1em;
		}
		#main #main_content div.outros select.cases {
			width:205px;
			margin:4px 0 0;
			color:#FFF;
			font-size:1.3em;
			border:none;
			background-color:transparent;
			margin:-5px 0 0 0;
		}
		#main #main_content div.outros select.cases option {
			border: 0;
		}
		
	#main #main_content div.case_layout {
		float: left;
		width: 455px;
		margin: 20px 0 0;
	}
		#main #main_content div.case_layout div.case_do_mes {
			width: 421px;
			height: 62px;
			background: url(../images/background/case_do_mes.jpg) no-repeat;
		}
			#main #main_content div.case_layout div.case_do_mes .tituloCase {
				font-size: 1.2em;
				color: #b0cbe0;
				font-weight: normal;
				padding: 41px 0 0 60px;
				text-indent:inherit;
			}
		#main #main_content div.case_layout div.cont_layout {
			width: 383px;
			height: 425px;
			margin: 0 0 0 38px;
			background: #4c5c6b;
		}
		#main #main_content div.case_layout div.testemunhal {
			padding: 0 30px 0 43px;
			line-height: 1.3em;
			font-size: 1.1em;
		}
			#main #main_content div.case_layout div.testemunhal h3 {
				font-size: 1.8em;
				padding: 25px 0 14px 0;
			}
			#main #main_content div.case_layout div.testemunhal img {
				float: left;
				margin: 0 18px 18px 0;
			}
			#main #main_content div.case_layout div.testemunhal p {
				padding: 0 0 14px 0;
			}
			#main #main_content div.case_layout div.testemunhal p.assinatura {
				font-style: italic;
			}
	#main #main_content div.case_descricao {
		float: left;
		width: 443px;
		height: 772px;
		margin: 20px 0 0 24px;
		padding: 0 0 0 30px;
		font-size: 1.1em;
		line-height: 1.2em;
		background: url(../images/background/case-descricao.gif) no-repeat;
	}
			#main #main_content div.case_descricao h3 {
				font-size: 1.8em;
				color: #d5f4f9;
			}
			#main #main_content div.case_descricao h4 {
				color: #d5f4f9;
				font-size: 1.1em;
				padding: 14px 0 4px 0;
			}
			#main #main_content div.case_descricao p {padding: 0 30px 8px 0;}
			#main #main_content div.case_descricao img.abrir {
				display: block;
				margin: 24px auto 0;
			}
