/************************************
Agência Betônico de Comunicação - todos os direitos reservados // 2009
Desenvolvedor(es): Gustavo Britto (Web Master)
				   Flávio Gual (Web Master)				   
************************************/
html, body {
	height:100%;	
	/*background:#333;*/	
}
* {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 10.5px;
	color:#666;	
}

span {
	text-shadow:0 1px 0 #fff;
}
#noticia_integra {	
	text-shadow:0 1px 0 #fff;	
	height:300px;
}
p {
	line-height:15px;
	text-shadow:0 1px 0 #fff;
}
a {
	text-decoration:none;
	color:#EF7300;
}
a img {
	border:none;
}
h2 a {
	font-size: 25px;
	text-transform:lowercase;
	margin-bottom:20px;
}
h3 a {
	display:block;
	color:#333;
	text-shadow:0 1px 0 #FFFFFF;
}
h2 a, h3 {
	color:#333;
	font-family: Georgia;	
}
h2 a:hover {
	color:#EF7300 !important;
}
.box.marg h2 a{
	left:12px;
}
.loading{
	display: none;
}
h3 {
	font-weight:normal;	
}
h4 {
	font-weight:normal;
	font-size:9px;
	color:#333;
	margin-bottom:10px;
	text-shadow:0 1px 0 #FFFFFF;
}
input[type=text], .text {
	width:300px;
	height:15px;	
	border:solid 1px #fad2a3;		
}
input[type=password]{
	width:150px;
	height:15px;	
	border:solid 1px #fad2a3;	
}
input[type=submit], .submit, .botao {
	border:solid 1px #ccc;
	padding:3px;
	background:#EE7401;
	color:#fff;
}
select, textarea {
	
	border:solid 1px #fad2a3;
}
select:focus, input:focus, textarea:focus {
	border:solid 1px #EC880E;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
textarea {
	
	width:300px; height:150px;
}
.midias {
	float:left; display:inline; width:30px;
	position: relative;
}
.midias span {
	height:18px;
}
.midias span img {
	position:absolute; bottom:18px;
	}
/* Formularios padrão */
fieldset {
	border:none;
}
legend {
	display:none;
}
fieldset label {
	display:block;
	margin-bottom:10px;
}
fieldset label span {
	margin-bottom:0 !important;
	display:block;	
}
#topo, #baixo {	
	background-color:#333;
	padding:15px 0 15px 20px;
	height:14px;	
	overflow:hidden;
}
#topo {
	padding:0;
	height:46px;
}
#wrapper {
	height:100%;
	background:#fff;
}
#conteudo {	
	position:relative;
	height:94%;
	background:url('../images/arvore.gif') no-repeat right bottom;	
	min-height:720px; /* Evita sobreposição dos conteúdos / -IE6 */	
	min-width:999px; 
}
div#menu {	
	height:46px;	
	float:left;	
}
div#menu ul {
	height:46px;	
}
div#menu ul li {	
	float:left;
	height:46px;	
	
	list-style: none;
	line-height:46px;
}
div#menu ul li a {	
	padding:0 20px;
	display:block;
	height:46px;
	text-align:center;
	text-decoration: none;
	color:#777;
}
label.error {
	color:#EF7300;
}
#fancyEmail{
	cursor: pointer;
}
div#menu li a:active {
	color:#EF7300;
}
div#menu li:hover {
	
}
div#menu li a:hover {
	color: #EF7300;
}
.grade {
	border-right:dashed 1px #ccc;
}
.box {
	padding:26px 15px 10px 15px;
	background:#EFEEEE;
	width:150px;
	float:left;
	margin-right:10px;
	height:470px;
	position:relative;
}
.total {
	width:550px;		
}
.box .box-interno {
	float:left;
}
.box .box-interno a img.first {	
	position:absolute;
	opacity:0;
}

.box .box-interno {
	margin:0 2px 2px 2px;		 
}
.box.marg .box-interno {
	
}
.box.marg {
	width:173px;
	padding: 26px 4px 0 7px;
	
}
.box span {
	margin-bottom:5px;
}
.box h2 a {
	color:#cccaca;
	top:-23px;
	position:absolute;
	margin-top:0 !important;	
}
.box .not p {
	margin-bottom:20px;
}

.box .not p a {
	display:block;
	color:#666;
}
.box .not p a img {
	border:none;
	margin-bottom:0px !important;
}
.box .not p a:hover {
	color:#EE7401;
}
.box .mais-box {
	background:url('../images/mais.gif') no-repeat 0 2px;
	text-indent:15px;
	position:absolute;
	bottom:20px; left:15px;
}
.boxmais {
	display:none;
}
.boxmais ul {
	margin-top:0 !important;
}
.box.total.agencia h3 {
	margin:10px 0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.agencia > .mais-box {
	position:relative;
}
.mais {
	margin-top:-10px;
	margin-bottom:15px;
	display:block;	
}
#msg-contato {	
	-moz-border-radius:10px;
	-moz-border-radius-top:10px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;			
	-webkit-border-radius: 10px;
	-webkit-border-top-radius:0;
	-webkit-border-top-radius-bottom-left:0;
	-webkit-border-top-radius-bottom-right:0;				
	border:solid 1px #fff;	
	background:#EB870E;	
	position:absolute;
	right:20px;
	top:-26px;		
}
#msg-contato img {
	float:left;
	display:none;
}
#msg-contato ul {
	margin-left:5px;
}
#msg-contato ul li {
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;	
	-webkit-border-top-radius-bottom-left:0;
	-webkit-border-top-radius-bottom-right:0;		
	background:#fd9c28;
	color:#fff;
	line-height:24px;
	margin-right:5px;
	display:inline;
	list-style:none; 	
}
#msg-contato a {
	color:#fff;
}

/* Box páginas internas */
/* Portfolio */
#loader {
	text-align:center;
	margin:210px auto;	
}
#clientes {
	display:none;
	overflow:hidden;
}
#clientes .box-interno a {
	display:block;
}
#clientes.portfolio {
	height:450px;
}
#lateral {
	float:left;
}
#bloco-dir {
	margin-left:170px;
}
#bloco-dir h2 {
	margin-bottom:25px;
}
/* Marcação ajax */

#bloco-dir a img {
	/*width:155px; height:80px;*/
	border:none;
}
#box-contato {
	width:230px;
	float:right;
	position:absolute;
	bottom:77px; right:20px;
}
#box-contato p {
	margin-bottom:10px;
}
#box-contato address, #box-contato p {
	font-style:normal;
	line-height:14px;
	
}
.box-interno.peca {
	
	overflow:hidden;
}
.box-interno.peca h2 {	
	cursor:pointer;
}
.degrade-box {
	background: transparent url(../images/home_degrade.png) repeat-y scroll 0 0;
}
#ancoras {
	margin-bottom:15px;
}
#ancoras ul li {
	display:inline;
	
}
#ancoras ul li a {
	color:#333;
}

#container {
	padding:80px 0px 10px 30px;
	float:left;
}
#chao {	
	position:absolute;	
	bottom:30px;
	left:0px;
	background: url('../images/chao.png') repeat-x;
	height:126px;
	width:100%;	
}
#midia-social {
	position:absolute;
	right:30px;
	bottom:30px;
}
#baixo {
	height:50px;
	padding:0px;
	width:100%;		
	position:absolute;
	bottom:0px;
	left:0px;
}
#baixo h1 {	
	float:left;
	background:url('../images/home_logo.gif');
	margin-left:31px;
}
#baixo h1 a {	
	display:block;
	text-indent:-20000px;
	height:60px; width:281px;
}
#baixo address {
	text-align:right;
	color:#777;
	float:right;
	font-style:normal;
	margin:10px 31px 0 0;
}
/* Portfolio cliente */
#clientes {
	margin-left:-15px;
}
#lateral {
	border-right:solid 1px #fff;
	height:470px;	
}
#lateral {	
	text-align:center;
	width:150px;
}
#lateral img {
	margin-bottom:15px;
}
#lateral h2 {
	text-align:right;
	margin-bottom:10px;
}
#lateral h2, #lateral ul li a{
	padding-right:10px;
}
#lateral ul li {	
	text-align:right;
	list-style:none;	
}
#lateral ul li a {
	display:block;	
	font-weight:normal;	
	line-height:25px;
	
}
#lateral ul li a:hover {
	background:#ee7401;	
	color:#fff;		
}
#bloco-dir.portfolio {
	margin-left:154px;
}
#bloco-dir.portfolio a {
	float:left;	
	
}#noticia_integra_fancy{		position:relative;	width:500px;	height:auto;	background:#efedee;	padding:30px;		display: none;}#noticia_integra_fancy h2 {	top:-30px;	z-index:999;	position:absolute;}
#cliente-integra {
	
	position:relative;
	width:500px;
	height:auto;
	background:#efedee;
	padding:30px;
}
#cliente-integra h2 {
	top:-30px;
	z-index:999;
	position:absolute;
}
#cliente-integra #portfolio {
	margin-top:40px;
	margin-bottom:-20px;
	clear:both;
}

#cliente-integra #portfolio img {
	margin-right:8px;
}
#logo {
	width:250px;
	height:136px;
	float:left;
}
#info {
	margin-top:10px;
	border-left:solid 1px #ccc;
	margin-left:260px;
	padding:15px 0 15px 30px;
}
dl#info dt {
	float:left;	
}
dl#info dd, dl#info dt, #cliente-integra #portfolio h3 {
	font-family:Verdana;
	font-size:15px;
	line-height:20px;
}
#cliente-integra #portfolio h3 {
	margin-bottom:10px;
}
dl#info dd {
	text-indent:10px;
}
/* Noticias */
#lateral.noticias {
	width:150px;
	margin-left:0px;
	text-align:left; 
	padding-right:10px;
}
#bloco-dir.noticias h2 {
	font-family:Georgia;
	line-height:23px;
	font-size:25px;
	color:#ee7401;
	margin-bottom:0px;
}
#bloco-dir.noticias span {
	color:#7f7f7f; 
	display:block;
	margin-bottom:20px;
}
.not p:hover {
	color:#EF7300; 
}
/* Notícia integra */
#lateral.noticia {
	width:550px;
	height:450px;	
	border:none;
}
#lateral.noticia .not p{
	margin-bottom:10px;
}
#lateral.noticia .not {	
	text-align:left;	
	overflow:hidden;	
	border-bottom:dashed 1px #ccc;
	margin-bottom:10px;
}
#lateral.noticia .not a img {
	border:none;
	margin-bottom:-1px !important;
}

/* Serviços */
.servicos ul {
	float:left;
	width:100px;
	padding:2px 10px 0 0;
	margin-right:10px;
	border-right:solid 1px #fff;
}
.box.total.servicos ul li {
	list-style:none;
	margin-bottom:5px;	
}
.box.total.servicos ul li a {
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

.ct {
	text-shadow:0 1px 0 #fff;
	height:460px;
}
.ct strong {
	text-shadow:0 1px 0 #fff;	
}
.ct h2 a {
	text-shadow:0 1px 0 #fff;
	text-transform:none;
	color:#666666;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10.5px;
	margin:0;
	position:relative;
	margin-bottom:20px;
	display:block;
	top:0;
}
.ct p {
	margin-bottom:20px;
}
.ct ul {
	margin:14px 0;
	border:none;
	float:none;
	width:100%;
}
.mais {
	text-indent:15px;
	background:transparent url(../images/mais.gif) no-repeat scroll 0 2px;
}
/* Dica */
#tweet {
	right:20px;
	top:19px;
	position:absolute;
}
#tweet h2 {
	display:none;
	font-family:Georgia;
	font-size:15px;	
	color:#EC880F;	
}
#portfolio {
	text-align:center;	
}
.bt-portfolio {	
clear:both;
	margin:10px auto;
	padding:10px;
	-moz-border-radius:10px;	
	-webkit-border-radius: 10px;	
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	background:#fff;
	border:solid 1px #EC880F;
}
.bt-portfolio:hover {
	background:#EC880F;
	border:solid 1px #fff;
	color:#fff;
}
#tweet {
	width:230px;
	max-height:500px;
}
#tweet p {	
	overflow:hidden;
	text-align:center;
	border:solid 1px #EC880F;
	position:relative;
	left:-50px;
	bottom:-10px;
	-moz-border-radius:10px;
	-moz-border-radius-topright:0;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius:0;		
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	background:#fff;
	max-width:230px;
	padding:5px;	
	z-index:2;
}
#tweet span {
	text-align:center;
	background:#EC880F none repeat scroll 0 0;
	right:-28px;
	bottom:-3px;
	display:block;
	z-index:1;
	padding:5px;
	padding-top:10px;
	position:relative;
	-moz-border-radius:10px;
	-moz-border-radius-topright:0;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius:0;		
	width:170px;
	text-shadow:none;
	color:#fff;
	overflow:hidden;
	display:none;
}
#tweet span a {
	color:#fff;
}
#tweet img {
	position:absolute;
	top:-4px;
	right:0;
}
#tooltip {
	display:none;
}
#tooltip, #imgPreviewWithStyles {
	z-index:9999999;
	position:absolute;
	background:#fff;
	border:solid 1px #EC880F;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-moz-border-radius-bottomleft:0;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius:0;		
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);		
}
#imgPreviewWithStyles {
	padding:0;
}
#imgPreviewWithStyles img {	
	max-height:400px;
}

/* Scroller */

.jScrollPaneContainer {	
	position: relative;
	overflow: hidden;
	z-index: 1;	
	height:300px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #e4e4e4;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ee7401;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0px;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #cb6200;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 00px;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #cb6200;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



#transp {
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
}
#transp #cont {
	/* alterar caso container tiver tamanho diferente */
	
}


/*

	FancyBox playground - just playing
	v.1.3.0 - RC2 02.01.10

*/
#fancybox-loading {
	position: fixed;
	height: 40px;
	width: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 200;
}

* html #fancybox-loading {  /* for IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	display: none;
	z-index: 80;
}

* html #fancybox-overlay { /* for IE6 */
     position: absolute;
     width: 100%;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	margin: 0;
	z-index: 90;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	outline: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 165;
	display: none;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-ms-interpolation-mode: bicubic;
	outline: none;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
}

#fancybox-tmp {
	display: none;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: top;
	overflow: auto;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	z-index: 112;
}

.fancybox-title-inside {
    padding: 10px 0;
	padding-top: 10px;
	color: #333;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #FFF;
    font-weight: bold;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	line-height: 29px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	z-index: 111;
	display: none;
 	background-image: url("../images/data:image/gif;base64,AAAA");
	outline: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112;
	cursor: pointer;
	display: block;
}

#fancybox-left-ico {
	left: -9999px;
	background: transparent url('../images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	left: -9999px;
	background: transparent url('../images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover {
	visibility: visible;
}

#fancybox-right:hover {
	visibility: visible;
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy-bg-n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}