/* 
    Document   : css
    Created on : 09/01/2012, 14:42:46
    Author     : JULIO
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* font-face */

@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('fontes/futura_bold_bt-webfont.eot');
    src: url('fontes/futura_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
        url('fontes/futura_bold_bt-webfont.woff') format('woff'),
        url('fontes/futura_bold_bt-webfont.ttf') format('truetype'),
        url('fontes/futura_bold_bt-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* RESET - HTML 5 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul {margin:0;padding:0;list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
:focus {
    outline: 0;
}
body {
    color: #333;
    font-family:arial, Helvetica, Sans-Serif;
    font-size:12px;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

.clear {
    clear:both;
}
a{ cursor: pointer;}

h1, h2, h3, h4, h5, h6{
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    text-transform: uppercase;
}
#prompt{ z-index: 9999;}
#bg{
    z-index: 9998;
    background-color: #000;
    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}
.left{ float: left; z-index: 2; position: relative;}
.right{ float: right;}
.laranja{ color:#dc7404;}
.hidded { display: none;}
.dotline{ border-top:1px #686868 dotted; height: 5px; margin-top: 9px}
.ico{
    background: url(images/ico-logo.png) no-repeat transparent 0 0;
    padding-left: 50px;
    height: 43px;
    line-height: 43px;
}
.tit{
    color:#f7941e;
    font-size:26px;

}
header{
    background: url(images/bg-header.png) repeat-x transparent 0 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 50;
}
.wrapper{
      background: #ececec url(images/degrad.png) repeat 0 70px scroll;
    padding-top: 70px;
}
.content{
    width: 990px; 
    margin: 0 auto;
    position: relative;
    padding-top: 25px;
}
.wrapper #servicos {
        min-height: 463px
}
h1{
    background: url(images/logo.png) no-repeat transparent 0 0;
    text-indent: -999em;
    width: 223px;
    height: 44px;
    position: absolute;
    top:0;
    left:0;
}
nav{
    position: absolute;
    top:0;
    right:0;
}
nav li{ 
    display: block; 
    float:left;
    border-left:1px solid rgba(0,0,0,0.2);
    margin: 0px;
    padding: 0px;
}
nav li.first{
    border-left:1px solid rgba(255,255,255,0.2);
}
nav li.first a{
    border-left:1px solid rgba(0,0,0,0.2);
}
nav li.last{
    border-right:1px solid rgba(0,0,0,0.2);
}
nav li a, nav li a:hover{ 
    display:block;
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    color:white;
    padding: 14px 20px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 2px 2px 2px #000;
    font-size: 13px;
    border-right:1px solid rgba(255,255,255,0.2);
}
#extranet{
    height: 34px;
    padding-top: 22px;
    position: relative;
    color:#424242;
    float: right;
    line-height: 19px;
    font-size:11px;
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    text-transform: uppercase;
    text-align: right;
}
#extranet h2{ 
    display: inline-block;
    float:left;
    padding-top:2px;
    background: url(images/ico-cadeado.png) no-repeat transparent 0 3px;
    padding-left: 20px;
    font-size:11px;
}
#extranet form{ display: inline-block; *float:left;}
#extranet span{ font-size: 16px;}
#extranet a.recsenha, 
#extranet a.recsenha:hover{ 
    font-family: arial, verdana, sans-serif;
    font-size: 9px; 
    text-transform: none; 
    font-weight: bold; 
    color:#424242;
}
#extranet .inputs{
    height: 14px;
    width: 158px;
    margin-left: 5px;
        float:left;
    display: block;
}
#extranet label {
    margin-left: 10px;
    float:left;
    display: block;
    
}
#extranet .inputbt{
      float:left;
    display: block;
    margin-left:5px;
    top: 2px;
    position: relative;
}


#prod h2{ 
    font-size: 62px;
    line-height: 58px;
    margin: 20px 0;
}

#servicos{ /*height:457px;*/}
.listprodutos{
    position: absolute;
    bottom: -4px;
    left: 0px;
    background: url(images/bg-produtos.png) no-repeat transparent 0 0;
    width: 100%;
    z-index: 10;
    height: 78px;
}
.listprodutos ul{}
.listprodutos li {
    display: inline-block; 
    *float: left;
    padding: 10px 7px 10px 1px; 
    *padding: 10px 3px 10px 3px; 
    border-right:1px solid #7a7a7a;  
    margin-top: 2px; 
    height: 53px;
}
.listprodutos li#btMonitoramento{ border: 0 none; }
.listprodutos li#btSolucao{ margin-left: -5px; padding-left: 12px; *padding-left: 10px;}
.listprodutos li#btSolucao.current{ margin-left: -5px; padding-left: 12px; *padding-left: 10px;}
.listprodutos li.current { margin-left: -11px; *margin-left:-7px; padding-left: 12px; *padding-left: 10px; background: url(images/hover-banner.png) no-repeat transparent; height: 53px;}
.listprodutos li a, .listprodutos li a:hover{ color: white; text-decoration: none;}
.listprodutos li a h4{ font-size: 15px; text-shadow: 1px 1px 2px #000; }
.listprodutos li.current h4 {color:#f7941e;}
.listprodutos li a p { 
    font-size: 11px;
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000;
}
.listprodutos li#btMonitoramento.current{padding-right: 8px; border: 0 none;}
.desc{
    border-top:1px #686868 dotted;
    background: url(images/bg-desc.png) no-repeat transparent 0 2px;
    height: 196px
}
.desc h3{
    font-size: 20px;
    color: #29515c;
    margin-top: 20px;
}
.desc p{
    font-size: 14px;
    color: #29515c;
    font-family: arial, verdana, tahoma;
    margin-top: 20px;
}
#solucao{ 
    width: 469px;
    display: none;
}
#imgSolucao{
    position: absolute;
    top:74px; /*110px*/
    z-index: 1;
    right: 0px;
}
#midias{ 
    width: 469px;    
}
#imgMidias{
    position: absolute;
    right: 20px;
    top:50px; /*110px*/
    z-index: 1;
}
#acoes{ 
    width: 550px;    
}
#imgacoes{
    position: absolute;
    right: 60px;
    top: 74px;
    z-index: 1;
}
#campanhas{ 
    width: 469px;    
}
#imgcampanha{
    position: absolute;
    right: 50px;
    top: 75px;  
    z-index: 1;
}
#monitoramento{ 
    width: 580px;    
}
#imgmonitoramento{
    position: absolute;
    right: 20px;
    top:120px; /*110px*/
    z-index: 1;
}
.bgcenter{
    background: url(images/bg-section.png) repeat-x transparent center top;
    position: relative;
}
.esconde{ 
    background: transparent;
    border:0 none;
    color:white;
    text-shadow: 2px 2px 2px #000;
    font-size:14px;
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    text-transform: uppercase;
    width: 210px;
}
.jobdesc{
    position: absolute;
    right: 0;
    top: 45px;
}
.jobdesc label{
    font-size:14px;
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    text-transform: uppercase;
    color:#ffab3d;
}
#carrossel{   
    height: 0;
    width: 920px;
    margin-top: 20px;
}


/*#carr li img{
  -webkit-box-reflect: below 1px
  -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); 
}*/

#portfolio{
    height: 395px;
}
/* Carrossel */

.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    width: 920px;
    padding: 20px 30px;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width:  920px;
    height: 240px;
}

.jcarousel-item {
    width: 215px;
    text-align:center;
    vertical-align: top;
    position: relative;
    margin-top: 20px;
    z-index: 0;
    height: 200px;
}


.jcarousel-item-horizontal {
    margin-left: 8px;
    margin-right: 8px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 28px;
    right: 5px;
    width: 18px;
    height: 195px;
    cursor: pointer;
    background: transparent url(images/next-horizontal-hover.png) no-repeat 0 0;
}
.jcarousel-next-disabled{
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/prev-horizontal.png);
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 28px;
    left: 5px;
    width: 18px;
    height: 195px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal-hover.png) no-repeat 0 0;
}
.jcarousel-prev-disabled{
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/next-horizontal.png);
}

#ofi h2{ margin-bottom: 20px;}
#ofi h3{ color:#29515c; font-size: 16px;}
#ofi p{ padding: 20px 0; clear: both; color:#686868; font-size: 14px;}
#ofi .fundoImoveis{
    background:url(images/fundoImoveis.png) no-repeat right top;
    height: 300px;    
}
#ofi .fundoImoveis .lista{ 
    display: block; 
    padding: 20px; 
    background:url(images/bg-produtos.gif);
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    font-size: 13px;
    color:#507079;
    border:1px solid white;
    width: 628px;
    height: 112px;
}
#ofi .fundoImoveis ul{
    margin-right: 10px;
    display: block;
    float: left;
}
#ofi .fundoImoveis ul:last-child{
    margin-right: 0;
}
#ofi .fundoImoveis ul li{
    min-height: 19px;
    width: 200px;
}

#clientes p{ padding: 20px 0; font-size: 14px; }
#clientes .logos img{ margin-right: 25px;}
#clientes .logos { margin-top: 20px; line-height: 50px; vertical-align: middle; text-align: center;}
footer{background:url(images/bg-fale-conosco.png) no-repeat center top;}
#fale-conosco{height: 369px; padding-top: 130px; color:#686868;}
#fale-conosco .contato{ width: 590px; display: inline-block;  *float: left;}
#fale-conosco .dotline{ width: 315px; *width:290px; font-size: 14px;}
#fale-conosco .form{ margin: 20px 0;}
#fale-conosco .form select, 
#fale-conosco .form input[type=text], 
#fale-conosco .form input[type=email],
#fale-conosco .form textarea{ width: 98%; border: 0 none;}
#fale-conosco .form textarea{ height: 165px;}
#fale-conosco .form select{ margin-bottom: 23px;}
#fale-conosco .form label{
    font-family: 'FuturaMdBTBold','Futura Medium', verdana;
    font-size: 11px;
    text-transform: uppercase;

}
#fale-conosco .form .legenda { font-size: 11px; float: left; margin-top: 10px;}
#fale-conosco .form input[type=image]{ float: right; margin-top: 10px; }
#fale-conosco .enderecos{ display: inline-block; *float: left; width: 290px; float:right;}
#fale-conosco .enderecos h3 {font-size: 16px; margin-bottom: 20px;}
#fale-conosco .enderecos address{ font-size: 14px; padding-bottom: 20px; margin-bottom: 20px;}
.navfooter{ background:url(images/bg-nav-footer.gif) repeat-x center top; height: 120px; }
/*@media only screen and ( max-width : 999px ) {  rules that only apply for canvases narrower than 1000px  }*/
@media only screen and ( device-width:768px ) and ( orientation:landscape ) { 
    .navfooter{ height: 210px; margin-bottom: 90px; } 
} 
@media only screen and ( min-device-width:320px ) and ( max-device-width:480px ) { 
    .navfooter{ height: 210px; margin-bottom: 80px; } 
}

.navfooter .content{ padding-top: 3px; height: 70px;}
.logorodape { 
    width: 167px; 
    height: 44px; 
    background:url(images/logo-rodape.png) no-repeat center top; 
    text-indent: -999em;
    margin-top: 2px;
    padding: 0 21px
}
.navfooter nav li{ border: 0px none;}
.navfooter nav li a{ padding: 15px 30px }
.navfooter nav li.fist{ background: url(images/separador.gif) no-repeat right center transparent; border:0px none;}
.navfooter nav li.last a{  background: none transparent; border:0px none; padding-right: 0px;}
.navfooter nav li a, .navfooter nav li.lrodape{ background: url(images/separador.gif) no-repeat right center transparent; border:0px none;}
.navfooter .legenda{color:#ececec; text-align: center; display: block;}