@charset "utf-8";
/* CSS Resposável por todo conteúdo da Seção PORTFOLIO */
	/* MAIN CONTENT PORTFOLIO - Classe exclusiva da página PORTFÓLIO.PHP */
	#main-port #header-port {
	position: relative;
	width: 990px;
	height: 114px;
	margin: 0 auto;
	background: url(../images/background/header-port.jpg) no-repeat;
}
	#main-port #header-port h1 {
		position: absolute;
		width: 153px;
		height: 116px;
		margin: 0 0 0 418px;
		background: url(../images/h/h1-header-agencia-rs-logo.jpg) no-repeat 0 0;
		text-indent: -1400px;
	}
	#main-port #header-port a {color: #a1bacd;}
		#main-port #header-port h1 a {
			display:block;
			width: 153px;
			height: 116px;
		}
	/* MAIN MENU BAR - Menu Princiapal */
		#main-port #header-port #main_menu_bar-port a {
			color: #a1bacd;
			font-size: 1.1em;
		}
		#main-port #header-port #main_menu_bar-port a:hover {color: #FFF;}
		#main-port #header-port #main_menu_bar-port ul {
			float: left;
			display: block;
			font-weight: bold;
		}
		#main-port #header-port #main_menu_bar-port ul.menu_left {padding: 13px 0 8px 40px;}
		#main-port #header-port #main_menu_bar-port ul.menu_right {padding: 13px 0 8px 314px;}
			#main-port #header-port #main_menu_bar-port ul li {
				display: inline;
				padding: 0 20px 4px 10px;
				background: url(../images/list-style-images/li-main-menu.jpg) no-repeat right 0;
			}
			#main-port #header-port #main_menu_bar-port ul li.list_none {background: none;}
	/* FLASH MENU - Menu em Flash - 289 X 82 */
	#main-port #header-port #flash_menu-port {
		float: left;
		width: 289px;
		height: 82px;
		padding: 0 0 0 30px;
	}
		#main-port #header-port #flash_menu-port img {margin: 0 0 -2px 0;} /* IE 6 Bug */
	/* LANÇAMENTOS */
	#main-port #header-port .lancamentos {
		float: left;
		width: 289px;
		height: 82px;
		padding: 0 0 0 30px;
	}
		#main-port #header-port .lancamentos p {
			width: 250px;
			height: 22px;
			margin: 45px 0 0;
			padding: 8px 0 0 14px;
			background: url(../images/background/lancamento.jpg) no-repeat;
		}
			#main-port #header-port .lancamentos p a {
				color: #00d8ff;
				padding: 0 8px;
				background: url(../images/setas/verde-agua.jpg) no-repeat 35px 4px;
			}
	/* Link Marketing Social */
	#main-port #header-port .mktDigital {
		float:left;
		padding:10px 0 0 50px;
		width:264px;
	}
		#main-port #header-port .mktDigital a{
			color:#A1BACD;
		}
		#main-port #header-port .mktDigital a:hover{
			color:#fff;
		}
		
	/* SEARCH FIELD - NOVA VERSÃO */
	#main-port #header-port #search_field-port {
		float: right;
		margin: 0 40px 0 0;
		width: 140px !important;
	}
	#main-port #header-port #search_field-port  ul {}
	#main-port #header-port #search_field-port  ul li {}
		#main-port #header-port #search_field-port a {
			opacity: 1.0 !important;
			display: block;
			float: right;
			font-size: 1em;
			margin: 0;
			white-space:nowrap;
			height: 25px !important;
			text-indent: -9999px;
			width: 140px;
		}
	#main-port #header-port #search_field-port .wordpress {background: url("../images/icons/home-icones.png") no-repeat scroll -2px -10px transparent !important;}
	#main-port #header-port #search_field-port .wordpress:hover {background: url("../images/icons/home-icones.png") no-repeat scroll -142px -10px transparent !important;}
	
	#main-port #header-port #search_field-port .facebook {background: url("../images/icons/home-icones.png") no-repeat scroll -2px -36px transparent !important;margin: 3px 0 0 0;}
	#main-port #header-port #search_field-port .facebook:hover {background: url("../images/icons/home-icones.png") no-repeat scroll -142px -36px transparent !important;}
	
	#main-port #header-port #search_field-port .twitter {background: url("../images/icons/home-icones.png") no-repeat scroll -3px -60px transparent !important;}
	#main-port #header-port #search_field-port .twitter:hover {background: url("../images/icons/home-icones.png") no-repeat scroll -143px -60px transparent !important;}

/* MAIN CONTENT PORTFOLIO - Classe exclusiva da página PORTFÓLIO.PHP */
	#main-port #main_content-port #menu-portifolio ul {
		float: left;
		width: 146px;
		height: 76px;
		padding: 32px 0 0 11px
	}
	#main-port #main_content-port #menu-portifolio ul li {
		display: block;
		width: 130px;
		height: 28px;
	}
			#main-port #main_content-port #menu-portifolio ul li  a.destaques {
				background: url(../images/agencia-rs-menu/port-ecom-destaque.jpg) no-repeat 0 -28px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.destaques:hover {
				background-position: 0 -28px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.websites {
				background: url(../images/agencia-rs-menu/port-ecom-websites.jpg) no-repeat 0 1px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.websites:hover {
				background-position: 0 -26px;
			}			
			#main-port #main_content-port #menu-portifolio ul li  a.portais {
				background: url(../images/agencia-rs-menu/port-ecom-portais.jpg) no-repeat 0 2px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.portais:hover {
				background-position: 0 -24px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.ecommerce {
				background: url(../images/agencia-rs-menu/port-ecom-ecommerce.jpg) no-repeat 0 0;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.ecommerce:hover {
				background-position: 0 -28px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.sistemas {
				background: url(../images/agencia-rs-menu/port-ecom-sistema.jpg) no-repeat left bottom;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.sistemas:hover {
				background-position: left top;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.multimidias {
				background: url(../images/agencia-rs-menu/port-ecom-multimidia.jpg) no-repeat 0 1px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.multimidias:hover{
				background-position: 0 -26px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.idvisual {
				background: url(../images/agencia-rs-menu/port-ecom-idvisual.jpg) no-repeat 0 2px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.idvisual:hover {
				background-position: 0 -24px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.intranet {
				background: url(../images/agencia-rs-menu/port-intranet.jpg) no-repeat left top;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main-port #main_content-port #menu-portifolio ul li  a.intranet:hover {
				background-position: left bottom;
			}
			
	/* MAIN CONTENT PORTFOLIO ECOMMERCE - Classe exclusiva da página PORTFÓLIO-E-COMMERCE.PHP */
	#main #main_content_portfolio {
		width: 100%;
		padding: 2px 0 0;
	}
		#main #main_content #dados_right #menu-areas {
			background:url(../images/background/portfolio-ecommerce-menu-la.gif) no-repeat 0 0;
			display:inline;
			float:left;
			height:138px;
			margin:62px 0 48px 33px;
			width:340px;
		}
			#main #main_content #dados_right #menu-areas ul {
				display:inline;
				float: left;
				width: 130px;
				height: 85px;
				margin:15px 25px 0 10px;
			}
			#main #main_content #dados_right #menu-areas ul.semMargin{
				margin:15px 0 0 10px;
			}
			#main #main_content #dados_right #menu-areas ul li {
				display: block;
				width: 130px;
				height: 28px;
			}
			#main #main_content #dados_right #menu-areas ul li a.destaques {
				background: url(../images/agencia-rs-menu/port-ecom-destaque.jpg) no-repeat 0 0;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.destaques:hover, #main #main_content #dados_right #menu-areas ul li  a.destaques.ativo {
				background-position: 0 -28px;
			}
			#main #main_content #dados_right #menu-areas ul li a.websites {
				background: url(../images/agencia-rs-menu/port-ecom-websites.jpg) no-repeat 0 1px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.websites:hover, #main #main_content #dados_right #menu-areas ul li  a.websites.ativo {
				background-position: 0 -26px !important;
			}			
			#main #main_content #dados_right #menu-areas ul li a.portais {
				background: url(../images/agencia-rs-menu/port-ecom-portais.jpg) no-repeat 0 2px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.portais:hover, #main #main_content #dados_right #menu-areas ul li  a.portais.ativo {
				background-position: 0 -24px;
			}
			#main #main_content #dados_right #menu-areas ul li a.ecommerce {
				background: url(../images/agencia-rs-menu/port-ecom-ecommerce.jpg) no-repeat 0 0;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.ecommerce:hover, #main #main_content #dados_right #menu-areas ul li  a.ecommerce.ativo {
				background-position: 0 -28px;
			}
			#main #main_content #dados_right #menu-areas ul li a.multimidias {
				background: url(../images/agencia-rs-menu/port-ecom-multimidia.jpg) no-repeat 0 1px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.multimidias:hover, #main #main_content #dados_right #menu-areas ul li  a.multimidias.ativo{
				background-position: 0 -26px;
			}
			#main #main_content #dados_right #menu-areas ul li a.idvisual {
				background: url(../images/agencia-rs-menu/port-ecom-idvisual.jpg) no-repeat 0 2px;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.idvisual:hover, #main #main_content #dados_right #menu-areas ul li  a.idvisual.ativo {
				background-position: 0 -24px;
			}
			#main #main_content #dados_right #menu-areas ul li a.intranet {
				background: url(../images/agencia-rs-menu/port-intranet.jpg) no-repeat left top;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.intranet:hover, #main #main_content #dados_right #menu-areas ul li  a.intranet.ativo {
				background-position: left bottom;
			}
			#main #main_content #dados_right #menu-areas ul li a.sistemas {
				background: url(../images/agencia-rs-menu/port-ecom-sistema.jpg) no-repeat left bottom;
				display: block;
				height: 28px;
				text-indent: -1400px;
			}
			#main #main_content #dados_right #menu-areas ul li a.sistemas:hover, #main #main_content #dados_right #menu-areas ul li a.sistemas.ativo {
				background-position: left top;
			}
			
#layouts_left {
	overflow: hidden;
	float: left;
	width: 574px;
	padding:2px 0 120px 38px;
	background: none;
}
	#layouts_left h2 {
		width: 300px;
		height: 51px;
		padding: 55px 0 0 210px;
		text-indent: 0px;
		font-size: 2.1em;
		color: #b0cbe0;
		background: url(../images/h/h2-portfolio3.jpg) no-repeat 0 0;
	}
		#layouts_left h2 strong {
			color: #00d8ff;
		}
	#layouts_left p {
		padding: 0 0 0 4px;
		width: 536px;
		display: block;
	}
	
	#compartilhe {
		padding-left:8px;
		width:601px;
		height:auto;
		position:absolute;
	}
		#compartilhe h3 {
			color:#00D8FF;
			padding-bottom:10px;
		}
		#compartilhe ul {
			list-style:none;
		}
			#compartilhe ul .googleplus {
				margin:14px 0 0 14px !important;
				float:left;
			}
			#compartilhe ul .twitter {
				margin:14px 0 0 14px !important;
				float:left;
			}
			#compartilhe ul .facebook {
				margin:14px 0 0 14px !important;
				float:left;
			}
		#compartilhe .fb_send_button_form_widget {
			position:relative;
			display:block;
			float:left;
		}
		.fb_iframe_widget iframe {
			position:relative;
			display:block;
		}
			
		#compartilhe #I1_1309554636015 {
			width:70px;
		}
	
#dados_right {
	display: inline;
	float: left;
	width: 374px;
	overflow:hidden;
	padding: 2px 0 30px;
	background: none;
}
	#dados_right a.soliciteOrcamento{
		background:url(../images/buttons/solicitar-orcamento2.gif) no-repeat left top;
		display:block;
		height:27px;
		margin:0 0 15px 33px;
		overflow:hidden;
		text-indent:-9999px;
		width:196px;
	}
	#dados_right a.soliciteOrcamento:hover{
		background:url(../images/buttons/solicitar-orcamento2.gif) no-repeat left bottom;
	}
	#dados_right .abrir_site {
		display: block;
		width: 340px;
		height: 92px;
		margin: 0 0 0 33px;
		background: url(../images/background/dados-case.gif) no-repeat;
	}
		#dados_right .abrir_site img {
			float: left;
			padding: 0 18px;
		}
		#dados_right .abrir_site ul {
			padding: 14px 0 0 0;
			font-size: 1.2em;
		}
			#dados_right .abrir_site ul li strong {
				font-size: 1.3em;
			}
			#dados_right .abrir_site ul li img {
				float: none;
				padding: 0 0 0;
				margin: 18px 0 0;
			}
	#dados_right .feito {
		float: left;
		padding: 16px 0 16px 33px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
		#dados_right .feito .voltar {
			position: absolute;
			background: none;
			padding: 0 0 0 286px;
		}
			#dados_right .feito .voltar a {
				font-size: 0.9em;
				padding: 0 0 0 11px;
				background: url(../images/setas/voltar.gif) no-repeat left 3px;
			}
		#dados_right .feito a {
			padding: 0 9px 0 0;
			color: #00d8ff;
			background: url(../images/setas/seta-azul.gif) no-repeat right 4px;
		}
	#dados_right p {
		display: inline;
		float: left;
		width: 307px;
		padding: 6px 0 0 33px;
		font-size: 1em;
		line-height: 1.2em;
	}
		#dados_right p a {
			color: #00d8ff;
			text-decoration: underline;
		}
		#dados_right a.linkOrcamento{
			background:url(../images/setas/seta-azul.gif) no-repeat right center;
			clear:both;
			float:left;
			color:#00D8FF;
			font-size:12px;
			font-weight:bold;
			margin:15px 0 0 33px;
			padding-right:7px;
		}
		#dados_right a.linkOrcamento:hover{
			background:url(../images/setas/seta-branca-right.gif) no-repeat right center;
			color:#fff;
		}
.port_clear {
	clear: both;
}

/* Galeria de Destaques */

.slide { 
	width:990px;
	margin:0 auto;
}
.slide .galleryMask{
	float:left;
	height:327px;
	overflow:hidden;
	position:relative;
	width:935px;
}
.slide .galleryMask ul{
	position:relative;
	margin-left:-70px;
}
.slide ul li { 
	color:#d5e3ee;
	position:absolute;
	right:0;
	top:102px;
}
.slide .slide a { 
	color:#d5e3ee;
	display:block;
	text-decoration:none;
}
.slide .slide p {
	color:#d5e3ee;
	float:right;
	font-size:15px;
	padding:3px 20px 0 0;
	position:relative;
	z-index:2;
}
.slide .slide_3 p, .slide .slide_3 span{
	display:block;
}
.slide .slide_3 p.hide, .slide .slide_3 span.hide{
	display:none!important;
}
.slide .ampliar{
	height:13px;
}
.slide .slide_6, .slide .slide_0{
	width:190px;
	top:102px;
	z-index:1;
}
.slide li.slide_1, .slide li.slide_5{
	width:190px;
	top:102px;
	z-index:2;
}
.slide li.slide_2, .slide li.slide_4{
	width:378px;
	top:60px;
	z-index:3;
}
.slide .slide_1{left:70px;}
.slide .slide_2{left:130px;}
.slide .slide_3{
	width:635px;
	top:0;
	left:220px;
	z-index:4;
}
.slide .slide_4{left:567px;}
.slide .slide_5{left:815px;}
.slide .slide_6{left:815px;}
.slide .slide_0{left:70px;}
.slide .reflexo{
	background:url(../images/portfolio/sombra-destaque.png) repeat-x left top;
	height:40px;
	overflow:hidden;
	margin:-1px 0 0;
	position:relative;
}
.slide .galleryButtom{
	float:left;
	height:54px;
	margin-top:116px;
	overflow:hidden;
	text-indent:-2000px;
	width:26px;
}
.slide .setaLeft{
	background:url(../images/setas/seta-port-galeria-left.gif) no-repeat 0 0;
}
.slide .setaRight{
	background:url(../images/setas/seta-port-galeria-right.gif) no-repeat 0 0;
}



/* Galeria de Logos */

.slide2 {
	background:url(../images/portfolio/bg-galeria.jpg) no-repeat 0 0;
	height:92px; 
	width:568px;
	margin:0 auto;
}
.slide2 .scrollMask{
	float:left;
	height:92px;
	overflow:hidden;
	width:532px;
}
.slide2 .scrollMask ul li {
	float:left;
	height:92px;
	width:133px;
}
.slide2 .scrollMask ul li a{
	display:block;
	height:92px;
	margin:0 auto;
	overflow:hidden;
	width:110px;
}
.slide2 .scrollButtom{
	display:inline;
	float:left;
	height:19px;
	margin-top:35px;
	overflow:hidden;
	text-indent:-2000px;
	width:10px;
}
.slide2 .setaLeft{
	background:url(../images/setas/seta-galeria-left.gif) no-repeat 0 0;
	margin-left:8px;
}
.slide2 .setaRight{
	background:url(../images/setas/seta-galeria-right.gif) no-repeat 0 0;
}
.slide2 .slide a { 
	color:#d5e3ee;
	display:block;
	text-decoration:none;
}