/************************************
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 {
    width:100%;
    height:100%;	
/*    background:#333;	*/
}
* {
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 10.5px;
    color:#666;	
}

#ag {
    margin-left:40px;
}

span {
    text-shadow:0 1px 0 #fff;
}

#hidden {display:none;}

/*#jmodal {
    display:none;
} */
#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:auto;
}
#clientes .box-interno a {
    display:block;
}
#clientes.portfolio{
    height:425px;
    margin-top:15px;
}
#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;*/
}

    .seta {
        background: url(http://www.betonico.com.br/images/setas.png);
        display: block;
        height: 40px;
        width: 30px;
        cursor: pointer;
        margin-top: 192px;
        position: absolute;
    }
    .left {
        background-position: 0px 0px;
    }
    .right {
        background-position: 30px 0px;
    }
    .left.inativo {
        background-position: 0px 40px;
    }
    .right.inativo {
        background-position: 30px 40px;
    }

#bseta{
    background: url('http://www.betonico.com.br/images/setash.png') repeat scroll -40px 26px transparent;
    float: right;
    height: 26px;
    width: 38px;
    display: block;
    cursor: pointer;
}
#cseta{
    background: url('http://www.betonico.com.br/images/setash.png') repeat scroll -40px 0px transparent;
    float: right;
    height: 26px;
    width: 38px;
    display: block;
    cursor: pointer;
}

#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-color:#000;
	display: none;
	z-index: 80;
}

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

#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;
}