*{margin:0; padding:0;}
.radius{-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(ie-css3.htc);}
.both{clear: both;}
body{background: no-repeat top center url(../images/site/bg.jpg);}
a img{border: none;}
a{color:#000; text-decoration:none;}
/*--- nav ---------------------------------------------------------*/

#nav{width:100%; height:50px; background:#000; text-align: center; color: #FFF; position: absolute; top: 0; left: 0; }
#nav ul li{display: inline; margin: 60px; font-size: 18px; color: #FFF; line-height: 40px; cursor: pointer;}
#nav li:hover{color: #F58634;}
#divisao{width:955px; height:2px; background:url(../images/divisao.png); margin:0 auto;}
#hidden{width:1px; height:500px; float: left;}
/*--- features ---------------------------------------------------------*/
.imagem{width: 330px; height: 420px; float: left;}
    .imagem img{width: 300px; height: 300px; float: left; margin: 60px 0 0 15px;}
.conteudo{width: 630px; height: 420px; float: right;}
h1{text-align: center; margin: 10px 0; font-size: 24px; text-shadow:1px 1px 1px #fef7a9;}
    #conteudo p{width: 600px; float: left; line-height: 25px; margin-right: 10px; font-size: 15px; text-align: justify;}
#aba0,#aba1,#aba2,#aba3,#aba4,#aba5,#aba6,#aba7,#aba8,#aba9,#aba10{width:960px; height:420px; background-color: #FFF; color: #000; position: absolute; top: 0; left: 50%; margin-top: 350px; margin-left: -480px; box-shadow: 4px 4px 11px #333; -webkit-box-shadow: 4px 4px 11px #333; -moz-box-shadow: 4px 4px 11px #333; padding-top: 15px;}
#aba3 h3{text-align: center; margin: 10px 0; font-size: 24px; padding-top: 30px;}

/*--- footer ---------------------------------------------------------*/

#footer{width:100%; height:69px; background-color: #999999; float: left;}
    #footer{text-align: center; line-height: 65px; color: #FFF;}

.balls{width:100%; overflow:hidden; height:263px; z-index:1; margin: 0 auto; margin-top: 65px;}
    .balls a{position:absolute; text-indent:-9999px;}
    .ball1{ left: 25%; top:-200px; margin-top: 30px; width:132px; height:132px; background:url(../images/bolas/seo.png) 0 0 no-repeat;}
    .ball2{ right: 25%; top:-200px; margin-top: 40px; width:132px; height:132px; background: url(../images/bolas/marketing.png) 0 0 no-repeat;}
    .ball3{ right: 15%; top:-220px; margin-top: 40px; width:110px; height:110px; background: url(../images/bolas/tecnologia.png) 0 0 no-repeat;}
    .ball4{ right: 1%; top:-220px; margin-top: 40px; width:110px; height:110px; background: url(../images/bolas/security.png) 0 0 no-repeat;}
    .ball5{ left:1%; top: -400px; margin-top: 45px; width:74px; height:74px; background: url(../images/bolas/consultoria.png) 0 0 no-repeat;}
    .ball6{ left: 15%; top:-200px; margin-top: 100px; width:96px; height:96px; background: url(../images/bolas/software.png) 0 0 no-repeat;}
    .ball7{ width:188px; height:283px; top: -400px; left:50%; margin-left: -94px; margin-top: 70px;  background: url(../images/bolas/logo.png) 0 0 no-repeat;}

/*--- portifolio -------------------------------------------------------------*/

#seguimentos{width: 315px; height: 250px; float: left; margin: 40px 0 0 30px;}
.trabalhos{float: right; margin: 10px 180px 10px 0; font-weight: bold;}
#aba2 ul{list-style: none;}
#aba2 ul li{margin-bottom: 7px}


/*--- contato -------------------------------------------------------------*/

#form, #form2{color: #fff;border-radius: 10px;width: 430px;}
    #form a, #form2 a{ color: #8c910b; text-shadow: 0px -1px 0px #000;}	  
    #form fieldset{width: 950px; height: 350px; float: left; border: none;}
    #form2 fieldset{width: 630px; height: 200px; margin: 0 auto; border: none;}
    #form p, #form2 p {position: relative;width: 300px;}
    #form h2, #form h2{color: #000; text-align: center; width: 960px; float: left; margin-top: 10px;}
    input.text, textarea.text{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;border:solid 1px #444; font-size: 14px; width: 400px; height: 28px; padding: 0 8px 7px 30px; -moz-box-shadow: 0px 1px 0px #777; -webkit-box-shadow: 0px 1px 0px #777; background: #ddd url('../images/site/inputSprite.png') no-repeat 4px 5px; background: url('../images/site/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(center bottom, rgb(225,225,225) 0%, rgb(215,215,215) 54%, rgb(173,173,173) 100%); background: url('../images/site/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(225,225,225)), color-stop(0.54, rgb(215,215,215)), color-stop(1, rgb(173,173,173))); color:#333; text-shadow:0px 1px 0px #FFF;}	  
    input#name{background-position: 4px -46px; background-position: 4px -46px, 0px 0px; margin: 0 0 30px 15px;}
    input#tel {background-position: 4px -76px; background-position: 4px -76px, 0px 0px; margin: 0 0 30px 15px}
    input#email{background-position: 4px 5px; background-position: 4px 7px, 0px 0px; margin: 0 0 15px 15px}
    input#login{background-position: 4px -46px; background-position: 4px -46px, 0px 0px; margin: 0 0 30px 15px; width: 300px; }
    input#senha{background-position: 4px -46px; background-position: 4px -18px, 0px 0px; margin: 0 0 30px 15px; width: 300px;}
    textarea#mensagem{ width: 400px; height: 250px; background-position: -400px -500px; background-position: -500px -500px, -500px -500px;}		
    #registerNew{width: 203px; height: 40px; margin: 10px 0 0 115px; border: none; text-indent: -9999px; background: url('../images/site/createAccountButton.png') no-repeat; cursor: pointer; float: left;}
        #registerNew:hover {background-position: 0px -41px;}
        #registerNew:active {background-position: 0px -82px;}
    fieldset label.infield{color: #333; text-shadow: 0px 1px 0px #fff; position: absolute; text-align: left; top: 3px !important;left: 50px !important; line-height: 29px;}
#input{width: 450px; height: 400px; float: left; padding-top: 30px;}
#textearea{width:450px; height: 400px; float: right;padding-top: 30px;}
.restrita{width: 200px; padding: 50px 0 0 315px;}
#logar{width: 100px; height: 35px; margin: 15px 0 0 110px;}
.acesso{text-align: center;}
#form ul{margin: 50px; 0 0 80px;}
#form ul li{display: inline; color: #000; margin-right: 10px; float: left;}
#form ul p{float: right; width: 100px; margin: 5px 15px;}