@charset"utf-8";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, sub, sup, 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;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
html, body, #main{height:100%;}
body{text-align:center;background:fixed #cdcdcd url(imagens/fundo.jpg);}
#main{width:974px;margin:0 auto;position:relative;text-align:left;}
#conteudo{position:relative;background:url(imagens/fundobranco.png);}
#header{height:288px;}
#nav{background:none;color:#3065c9;width:550px;margin:10px 0px 0px 25px;display:block;}
#nav ul{}
#nav ul li.nav-first{background:left no-repeat url(imagens/simboloazul.png);padding-left:25px;}
#nav ul li.nav-last{background:right no-repeat url(imagens/simboloazul.png);padding-right:25px;}
#nav ul li{display:inline;font:bold 1.0em"Trebuchet MS", Arial, Helvetica, sans-serif;vertical-align:super;}
#nav ul li a{color:#2e63c7;text-decoration:none;padding:0px 5px 2px 5px;border-bottom:3px solid #fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#nav ul li a:hover{}
#principaltopo{background:url(imagens/topofundopreto.png) no-repeat center;height:35px;}
#principal{background:url(imagens/fundopreto.png) repeat-y center;color:#fff;padding:5px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#principal h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;letter-spacing:2px;font-size:1.4em;text-transform:uppercase;margin-left:55px;background:left no-repeat url(imagens/simbolocruz.png);text-indent:30px;}
#principal h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;letter-spacing:2px;font-size:1.2em;text-transform:uppercase;padding:10px 0;width:500px;border-width:1px 0;border-color:#fff;border-style:solid;margin:20px 0px;text-align:center;}
#principal h2:before{content:url(imagens/simbolobranco.png);padding-right:10px;}
#principal h2:after{content:url(imagens/simbolobranco.png);padding-left:10px;}
#principal ul{margin:10px 0px;}
#principal h3{font-weight:bold;margin:25px 0 12px 0;background:url(imagens/simbolocruzpq.gif) left no-repeat;padding-left:15px;}
#principal ul li a{font:1.2em bold"Trebuchet MS",Arial,Helvetica,sans-serif;text-decoration:none;display:block;font-weight:bold;color:#fff;}
#principal ul li a:hover{text-decoration:underline;}
#principal-texto{padding:15px 55px;width:500px;}
#principal p{line-height:20px;text-align:justify;padding-bottom:5px;}
#principal p br{margin-top:3px;display:block;}
#principal-texto p.error{background:#ccc;border:1px solid #FFFFFF;color:#E00;padding:15px;width:300px;margin-bottom:15px;}
#principal-texto p.success{background:#ccc;border:1px solid #FFFFFF;color:#2E63C7;padding:15px;width:300px;margin-bottom:15px;}
#principal-texto blockquote{margin:10px 30px;font-size:0.8em;font-style:italic;font-weight:bold;line-height:20px;}
#principal-texto blockquote span{text-align:right;display:block;margin-right:60px;}
#principal-texto form fieldset label{padding:2px 0;}
#principal-texto form fieldset input[type=text]{width:330px;margin:2px 0 5px;}
#principal-texto form fieldset textarea{height:120px;width:330px;}
#principal-texto form input[type=submit]{background:#fff;border:1px solid #CCC;margin:5px 0;cursor:pointer;color:#000;}
#principal-texto form input[type=submit]:hover{background:#666;border:1px solid #CCC;margin:5px 0;cursor:pointer;color:#fff;}
#principal #principal-img{background:no-repeat center;height:320px;position:absolute;right:40px;top:320px;width:344px;}
#principal .home#principal-img{background-image:url(imagens/ilustracaravela.gif);}
#principal .quemsomos#principal-img{background-image:url(imagens/ilustratimao.gif);}
#principal .oquefazemos#principal-img{background-image:url(imagens/ilustracorda.gif);}
#principal .portfolio#principal-img{background-image:url(imagens/ilustrabau.gif);}
#principal .contato#principal-img{background-image:url(imagens/ilustracaravela.gif);}
#principal-rodape{height:138px;background:no-repeat center;}
#principal-rodape p{margin:55px auto 0;width:100%;text-align:center;font-size:1.4em;padding-top:55px;text-indent:-9000px;background:url(imagens/textoinicial.png) center no-repeat;}
a.voltar{color:#fff;display:block;text-align:center;font-size:0.8em;text-decoration:none;padding:4px;border:1px solid #fff;background:#333;margin:15px 0;}
a:hover.voltar{color:#099bef;}
#principal .home#principal-rodape{background-image:none;}
#principal .quemsomos#principal-rodape{background-image:url(imagens/ilustrapqtimao.gif);}
#principal .oquefazemos#principal-rodape{background-image:url(imagens/ilustrapqcorda.gif);}
#principal .portfolio#principal-rodape{background-image:url(imagens/ilustrapqbau.gif);}
#principal .contato#principal-rodape{background-image:url(imagens/ilustrapqcaravela.gif);}
#principalbase{background:url(imagens/basefundopreto.png) no-repeat center;height:49px;}
#principalbase p{font:bold 0.8em"Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;text-align:center;padding:1px;}
.contato{}
.contato li{margin-bottom:10px;}
.contato li a{text-decoration:none;font-weight:normal!important;display:inline!important;font-size:1em;}
.contato li a:hover{text-decoration:underline;}
#headerfix{height:36px;background:bottom no-repeat url(imagens/bordertop.png);}
#rodape{height:36px;background:top no-repeat url(imagens/borderbottom.png);}
#menu{width:100%;}
.clear{clear:both;}
p.linha{line-height:30px;margin-bottom:10px;}
a#logo{background:url(imagens/logo.png);width:243px;height:243px;display:block;margin-left:25px;}
#icons{display:block;position:absolute;left:275px;top:170px;}
#icons ul{}
#icons ul li{display:inline;float:left;height:69px;width:68px;padding-right:5px;}
#icons ul li a{display:block;width:68px;height:69px;}
#icons ul li a.twitter{background:url(imagens/botaotwitter.png) top;}
#icons ul li a.email{background:url(imagens/botaoemail.png) top;}
#icons ul li a.rss{background:url(imagens/botaorss.png) top;}
#icons ul li a:hover.twitter{background-position:bottom;}
#icons ul li a:hover.email{background-position:bottom;}
#icons ul li a:hover.rss{background-position:bottom;}
#desenvolvimento, #marketing, #comercio, #intranets{margin:0 55px;}
#desenvolvimento h2, #marketing h2, #comercio h2, #intranets h2{width:100%;}
#desenvolvimento p, #marketing p, #comercio p, #intranets p{}
#des, #mar, #com, #int{cursor:pointer;font-weight:bold;margin-top:5px;padding:2px 0;background:url(imagens/simbolocruzpq.gif) left no-repeat;padding-left:15px;color:#fff;}
#des:hover, #mar:hover, #com:hover, #int:hover{cursor:pointer;font-weight:bold;background:#fff;color:#2E63C7;text-decoration:none!important;}
#links-home{margin:0px auto!important;height:160px;width:700px;margin-top:50px;}
#links-home li{display:inline;float:left;width:25%;}
#links-home li a{width:142px;display:block;height:131px;margin:0px auto;position:relative;}
#links-home li a span{bottom:-25px;display:block;position:absolute;text-align:center;width:100%;}
#links-home li a:link, #links-home li a:visited, #links-home li a:active{color:#fff;}
#links-home li a:hover{color:#099bef;text-decoration:none!important;}
#links-home li a.quemsomos{background:url(imagens/botaotimaoover.png) right;}
#links-home li a.oquefazemos{background:url(imagens/botaocordaover.png) right;}
#links-home li a.portfolio{background:url(imagens/botaobauover.png) right;}
#links-home li a.contato{background:url(imagens/botaocaravelaover.png) right;}
#links-home li a:hover.quemsomos{background:url(imagens/botaotimaoover.png) left;}
#links-home li a:hover.oquefazemos{background:url(imagens/botaocordaover.png) left;}
#links-home li a:hover.portfolio{background:url(imagens/botaobauover.png) left;}
#links-home li a:hover.contato{background:url(imagens/botaocaravelaover.png) left;}
#tweet-container{background:no-repeat url(imagens/twitterfundo.png);color:#333;list-style:none;width:371px;height:273px;position:absolute;top:0;right:25px;}
#tweet-container p, #tweet-container p a{color:#333;font:bold 0.9em"Trebuchet MS", Arial, Helvetica, sans-serif;}
#tweet-container h2{color:#2f65c9;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;letter-spacing:2px;font-size:1.4em;text-transform:uppercase;width:320px;margin:15px auto 0 auto;background:left no-repeat url(imagens/simboloazul.png);text-indent:30px;}
#tweets{overflow:auto;height:195px;width:320px;margin:15px auto 0px auto;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;}
#tweets ul a{color:#666;text-decoration:none;}
#tweets ul a:hover{color:#000;}
#tweets ul{color:#333;}
#tweets .time{font-size:0.8em;display:block;text-align:left;margin:5px 5px 0 0;}
#tweets .texto{color:#000;line-height:21px;}
#tweets img{display:block;margin:0 auto;}
#tweets li{min-height:40px;clear:both;border-bottom:1px solid #ccc;padding:5px;margin:4px 0;font-size:0.8em;}
#tweets li:hover{background:#E6E6E6;}
#peixegrande, #box-top-middle {color:#DE3021;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;left:292px;line-height:1.2;position:absolute;text-align:center;top:0;width:260px;height:148px;padding-top:12px;background:url(imagens/fundobranco2.png) no-repeat;}
.site-portfolio {float:left;margin-bottom:20px;width:250px;height: 220px;}
.site-portfolio a {border:10px solid #666666;display:block;height:132px;overflow:hidden;width:220px;z-index:10;}
.site-portfolio a:hover {border-color:#099BEF;}
.site-portfolio p {font-size:0.8em;text-align:left !important;}