/*	Conteúdo protegido pela lei Nº 9.610/98 de Direitos Autorais. Proibida a cópia ou reprodução sem autorização.	
---------------------------------------------------------------------------------------------------------------*/
	
/*	RESET
---------------------------------------------------------------------------------------------------------------*/	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align:baseline; background: transparent; font-weight: normal; list-style: none;}
	img { display:block; border:none; }
	strong, b { font-weight: bold;}


/*	HTML
---------------------------------------------------------------------------------------------------------------*/
	html, body { height:100%; font-family:"Ubuntu", Arial, sans-serif; font-size:13px; color:#94B1A8; line-height:20px; }
	body { background:#FFF url(../img/bg.png); }
	
	a:visited, a:link	{ color:#096; text-decoration:none; }
	a:hover, a:active 	{ color:#FFF; text-decoration:none; }	
	
	h1 { color:#D8E5E5; font-size:45px; font-style:italic; margin:125px 85px 5px 0; letter-spacing:1px; }
	h2 { color:#999999; font-size:20px; font-style:italic; text-transform:lowercase; letter-spacing:1px; margin-bottom:10px;  }
	h3 { color:#FFFFFF; font-size:30px; }
	h4 { color:#999999; font-size:15px; text-transform:uppercase; }
	h5 { color:#CC6; font-size:15px; margin-bottom:3px; text-transform:none; }


/*	LAYOUT
---------------------------------------------------------------------------------------------------------------*/
	#bg						{ width:auto; background:url(../img/bg_site.png) top center no-repeat; }
	#site 					{ width:1000px; height:600px; margin:0 auto; position:relative; }
	#site .logotipo			{ width:290px; height:55px; top:100px; left:0; position:absolute; z-index:1; }
	
	#pg_home #site, #pg_port #site	{ background:url(../img/bg_faixa.png) 191px 259px no-repeat; }

	#site .menu 			{ width:710px; height:100px; margin-left:290px; overflow:hidden; }
	#site .menu ul			{ margin:59px 0 0 120px; list-style:none; display:inline-block; font-size:12px; letter-spacing:.5pt; text-transform:uppercase; }
	#site .menu li 			{ padding:12px 0; margin:0 20px; float:left; }
	#site .menu li a		{ position:relative; z-index:4; padding:16px 0; }
	#site .menu li a:visited, #menu li a:link { color:#28A497; text-decoration:none; }
	#site .menu li a:hover, #menu li a:active { color:#000000; text-decoration:none; }
	#site .menu li.backLava { height:1px; border-top:#096 solid 1px; z-index:3; position:absolute;	}
	
	#site .lado				{ width:290px; float:left; text-align:right; }
	#site .lado h2 a:visited, #site .lado h2 a:link	{ color:#6AA1A5; text-decoration:none; } 
	#site .lado h2 a:hover, #site .lado h2 a:active	{ color:#4E7C81; text-decoration:none; } 

	#site .txt				{ width:570px; height:300px; padding:25px 0; margin-left:5px; float:left; overflow:hidden; }
	
	#site .rodape			{ width:565px; float:left; margin:99px 0 0 258px; padding-top:22px; clear:both; }
	#site .rodape i			{ display:block; float:left; color:#999; font-size:14px; margin:-2px 18px 0 0; }
	#site .rodape a			{ display:block; float:left; margin-left:20px; font-size:11px; text-transform:uppercase; }
	#site .rodape a:visited, #site .rodape a:link	{ color:#28A497; text-decoration:none; } 
	#site .rodape a:hover, #site .rodape a:active	{ color:#000000; text-decoration:none; } 


/*	HOME
---------------------------------------------------------------------------------------------------------------*/
	.slogan					{ margin-top:195px;}
	#pg_home .txt			{ width:615px; height:350px; padding:0; float:left; overflow:hidden; }
	
	#pg_home .qdr_esq 		{ width:245px; float:left; background:none; }
	#pg_home .qdr_dir		{ width:370px; float:left; padding-top:40px; }
	#pg_home .txt h3		{ margin:90px 0 5px -1px; font-size:32px; letter-spacing:-1px; white-space:nowrap; }
	#pg_home .txt h4		{ color:#6AA1A5; margin-bottom:30px; letter-spacing:1px; }
	#pg_home .txt p			{ display:block; width:90%; height:97px; margin-bottom:10px; clear:both; overflow:hidden; }
	#pg_home .lnk_site		{ display:block; margin-bottom:20px; letter-spacing:1px; }
	#pg_home .lnk_port		{ display:block; padding-left:12px; font-size:10px; text-transform:uppercase; color:#555; letter-spacing:1px; background:url(../img/marcador.png) 0 7px no-repeat; opacity:0.7; filter:alpha(opacity=70); }
	#pg_home .lnk_port:hover{ color:#CCC; opacity:1.0; filter:alpha(opacity=100); }
	
	#home_nav				{ top:110px; left:837px; position:absolute; z-index:8; }
	#home_nav a 			{ display:block; float:left; padding:0 7px; margin:0 3px; font-size:10px; background:url(../img/bg_alpha.png) ;  }
	#home_nav a:hover		{  }
	#home_nav a.activeSlide { color:#fff; }


/*	PORTFOLIO
---------------------------------------------------------------------------------------------------------------*/
	#pg_port #site .txt	{ width:570px; height:350px; padding:0; margin:0; float:left; overflow:hidden; }
	#pg_port .lado h1	{ margin-bottom:25px; }
	#pg_port .lado .web	{ margin-right:100px; }
	#pg_port .lado .logo{ margin-right:110px; }
	#pg_port .lado .foto{ margin-right:120px; }
	
	/* paginação */
	#port_pag	{ width:95%; height:30px; padding-left:8px; margin-left:3px; background:url(../img/bg_alpha.png) bottom repeat-x; }
	#port_pag a	{ padding:5px 6px; display:block; float:left; text-align:center; }
	#port_pag b	{ padding:5px 6px; display:block; float:left; color:#FFF; font-weight:normal; }
	#port_pag a.activeSlide { color:#FFF; }
	#port_pag_controls { width:60px; height:30px; top:101px; left:785px; overflow:hidden; position:absolute; z-index:7; background:url(../img/dotted_white.png) top center no-repeat; }
	#port_pag_controls img { float:left; opacity:0.4; filter:alpha(opacity=40); }
	#port_pag_controls img:hover { float:left; opacity:1.0; filter:alpha(opacity=100); }
	
	/* websites */
	#port_web				{ width:100%; display:block; }
	#port_web .col_1		{ width:47%; display:block; float:left; }
	#port_web .col_1 p		{ display:block; height:137px; margin-bottom:10px; clear:both; overflow:hidden; }
	#port_web .col_1 i		{ color:#CCC; display:block; line-height:30px; }
	#port_web .col_1 a		{ letter-spacing:1px; }
	#port_web .col_2		{ width:53%; float:left; }
	#port_web .col_1 h3		{ margin:60px 0 5px -1px; font-size:32px; letter-spacing:-1px; white-space:nowrap; }
	#port_web .col_1 h4		{ color:#6AA1A5; margin-bottom:30px; letter-spacing:1px; }

	.port_thumbs			{ width:100%; margin-top:90px; }
	.port_thumbs li			{ overflow:hidden; float:left; display:block; margin:0 0 20px 20px; }
	.port_thumbs img		{ width:120px; height:96px; opacity:0.8; filter:alpha(opacity=80); }
	.port_thumbs img:hover	{ opacity:1.0; filter:alpha(opacity=100); cursor:-moz-zoom-in; }

	/* logotipos */
	#port_logo		{ width:550px; }
	#port_logo span	{ width:220px; padding-top:190px; float:left; }
	#port_logo h3	{ font-size:22px; text-transform:capitalize; letter-spacing:-0.5pt; }
	#port_logo img	{ float:left; margin-top:85px; border:#FFF solid 1px; padding:1px; }
	
	/* fotografia */
	#port_foto		{ width:550px; }
	#port_foto span	{ width:220px; padding-top:220px; float:left; overflow:hidden; }
	#port_logo h3	{ font-size:33px; text-transform:capitalize; letter-spacing:-0.5pt; }
	#port_foto .pic	{ width:325px; height:215px; margin-top:80px; float:left; border:#000 solid 2px; overflow:hidden; background-repeat:no-repeat; }
	#port_foto img	{ opacity:0.0; filter:alpha(opacity=0); }
	#port_foto img:hover { opacity:1.0; filter:alpha(opacity=100); }


/*	CLIENTES
---------------------------------------------------------------------------------------------------------------*/
	#pg_clientes .qdr_login { width:185px; margin-left:30px; text-align:left; color:#6AA1A5; font-size:10px; text-transform:uppercase; }
	#pg_clientes .txt		{ width:590px; height:300px; float:left; overflow:hidden; }
	
	#qdr_clientes			{ width:100%; margin:20px 0 0 -25px; display:block; }
	#qdr_clientes li		{ width:120px; height:60px; margin:0 0 35px 25px; overflow:hidden; float:left; opacity:0.3; filter:alpha(opacity=30); }
	#qdr_clientes li:hover	{ opacity:1.0; filter:alpha(opacity=100); }


/*	SERVIÇOS
---------------------------------------------------------------------------------------------------------------*/
	#pg_servicos .col_1		{ width:47%; float:left; padding-right:3%; background:url(../img/dotted_white.png) top right repeat-y; }
	#pg_servicos .col_2		{ width:47%; float:left; padding-left:3%; }
	#pg_servicos .lista		{ margin-top:20px; }
	#pg_servicos .lista	li	{ margin-bottom:3px; list-style:inside; list-style-image:url(../img/marcador.png); }


/*	PERFIL
---------------------------------------------------------------------------------------------------------------*/
	#pg_perfil .col_1		{ width:47%; float:left; padding-right:3%; margin-top:5px; background:url(../img/dotted_white.png) top right repeat-y; }
	#pg_perfil .col_2		{ width:47%; float:left; padding-left:3%; margin-top:22px; }


/*	CONTATO
---------------------------------------------------------------------------------------------------------------*/
	#pg_contato .lado ul	{ text-align:left; float:left; margin:30px 0 0 50px; }
	#pg_contato .lado ul li	{ margin-bottom:35px; }
	#pg_contato .lado h2	{ float:left; font-size:15px; }
	#pg_contato .lado img	{ float:left; }
	#pg_contato .txt		{ background:url(../img/mundi.png) 290px 40px no-repeat; }
	#pg_contato .col_1		{ width:50%; float:left; font-size:10px; text-transform:uppercase; }
	#pg_contato .col_1 span	{ float:left; width:200px; margin:5px 0 0 5px; font-size:11px; color:#777; font-style:italic; text-transform:none; }
	#pg_contato .col_2		{ width:40%; margin:200px 0 0 20px; float:left; line-height:40px; }
	

/*	UTILIDADES
---------------------------------------------------------------------------------------------------------------*/
	.txt_seo:visited, .txt_seo:link, .txt_seo:hover, .txt_seo:active { color:#94B1A8; text-decoration:none; }
	.txt_info	{ color:#CC6; font-weight:normal; line-height:25px; padding-left:20px; background:url(../img/ico_info.png) no-repeat; }
	.marcador	{ width:12px; height:19px; float:left; background:url(../img/marcador.png) 0 7px no-repeat; }


/*	FORMULARIOS
---------------------------------------------------------------------------------------------------------------*/
	
	<!-- padrão -->
	.frm_default {}
	.frm_default input[type=text], .frm_default input[type=password], .frm_default textarea, .frm_default select, .frm_default file { 
	font-family:"Ubuntu", Arial, Helvetica, sans-serif; color:#000; font-size:14px; width:250px; padding:0 0 1px 5px; margin:-3px 0 5px 0; background-color:#FFF; border:#FFF solid 1px; opacity:0.2; filter:alpha(opacity=20); }

	.frm_default input[type=text]:hover, .frm_default input[type=password]:hover, .frm_default textarea:hover, .frm_default select:hover, .frm_default file:hover, .frm_default input[type=text]:focus, .frm_default input[type=password]:focus, .frm_default textarea:focus, .frm_default select:focus, .frm_default file:focus { 
	border-bottom:#096 solid 1px; opacity:1.0; filter:alpha(opacity=100); }
	
	.frm_default input[type=submit], .frm_default input[type=reset], .frm_default input[type=button] { 
	font-family:"Ubuntu", Arial, Helvetica, sans-serif; float:left; padding:2px 10px 3px 10px; margin:3px 10px 0 0; font-size:12px; border:none; color:#FFF; background-color:#096; opacity:0.5; filter:alpha(opacity=50); }
	
	.frm_default input[type=submit]:hover, .frm_default input[type=reset]:hover, .frm_default input[type=button]:hover {  
	opacity:1.0; filter:alpha(opacity=100); }
	
	<!-- login de clientes -->
	.frm_clientes { }
	.frm_clientes input[type=text], .frm_clientes input[type=password] { font-family:"Ubuntu", Arial, Helvetica, sans-serif; color:#000; width:100px; font-size:14px; padding:1px 0 2px 5px; margin:-3px 0 5px 0; background-color:#FFF; border:0; opacity:0.5; filter:alpha(opacity=50); }
	.frm_clientes input[type=text]:hover, .frm_clientes input[type=password]:hover, .frm_clientes input[type=text]:focus, .frm_clientes input[type=password]:focus { opacity:1.0; filter:alpha(opacity=100); }
	.frm_clientes input[type=submit], .frm_clientes input[type=button] { font-family:"Ubuntu", Arial, Helvetica, sans-serif; padding:1px 3px 2px 3px; margin:2px 10px 0 0; font-size:12px; border:none; color:#FFF; background-color:#6AA1A5; opacity:0.5; filter:alpha(opacity=50); }
	.frm_clientes input[type=submit]:hover, .frm_clientes input[type=button]:hover {  opacity:1.0; filter:alpha(opacity=100); }
	
	
/*	HACKS
---------------------------------------------------------------------------------------------------------------*/
	/* IE (inhaca) HACKS */
	#site .menu li			{ padding:16px 0 \9 }
	#site .menu li a		{ letter-spacing:normal \9 }
	.frm_default textarea 	{ height:100px \9 }
	
	/* CHROME HACKS */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#site .menu li a 		{ letter-spacing:normal; }
		.frm_default textarea 	{ height:100px; }
	}