/* GERAL
*****************************************************************************************/
* { margin: 0; padding: 0; text-decoration: none; }
body { height: 100%; width: 100%; background: #fff; font-family: Arial, Helvetica, Tahoma, "Lucida Grande"; color: #999; font-size: 78%; /* Reseta 1em para 12px */ }
.centerwrap { width: 956px; margin: 0 auto; }


/*CONFIGURA TAGS
*****************************************************************************************/
/*gerais*/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label, table, tr, th, td { position: relative; }
img { border: 0; }
hr { display: none; height: 1px; font-size: 1px; }
ul { list-style: none; }
address { font-style: normal; }

/*tipografia*/
h1, h2, h3, h4, h5, h6 { color: #606060; font-weight:normal;  }
h2 { font-size: 2.2em; margin-bottom: 0.4em; }
p { line-height: 1.4em; margin-bottom: 1.7em; }   
a { text-decoration: none; color: #4BCDBD; outline: none; }
a:hover { color: #B8EFE4; cursor:pointer; }


/*CABECALHO
*****************************************************************************************/
.header { width: 956px; height: 100px; margin: 0 auto; }
.header h1 a { display: block; position: absolute; left: 2px; top: 30px; width: 387px; height: 39px; background: url(/images/cammino_logo.gif) no-repeat; text-indent: -9000px; overflow: hidden; }


/*NAVEGACAO
*****************************************************************************************/
/*navegacao menu*/
.header .nav { position: absolute; top: 37px; right: 0px; font-weight: bolder; }
.header .nav li { float: left; display: inline; padding: 0 32px; border-right: 1px solid #eee; }
.header .nav a { font-size: 18px; font-weight: bolder; color:#4BCDBD; }

.header .sup_nav { position: absolute; top: 0px; right: 0px; font-weight: bolder; }
.header .sup_nav li.clientes a { display: block; width: 122px; height: 27px; text-indent: -9000px; background: url(/images/customer_link.gif) no-repeat; overflow: hidden; }


/*RODAPE
*****************************************************************************************/
.footer_bg { background: #333; margin-top: 80px; }

.footer { clear: both; padding: 50px 0 50px 0; }
.footer p { margin: 0; font-size: 1.1em; color: #858585; }

.contact { clear: both; font-size: 0.9em; }
.contact h2 { margin-bottom: 0.1em; }
.contact h3 { margin-bottom: 35px; font-size: 1.6em; }
.contact .vcard { float: left; width: 370px; }
.contact .adr { margin-bottom: 20px; }
.contact .org, .contact .adr, .fone_mail { font-size: 1.1em; }
.contact .tel, .contact .email { font-size: 1.1em; }
.contact .tel {  }
.contact .email { padding-top: 0; }

.footer_links { position: absolute; width: 220px; right: 0; top: 70px; }


/*BARRAS  *JANELAS  *BOX
*****************************************************************************************/
.box ul.bullets { margin-bottom: 30px; }


/*FORMULARIOS	
*****************************************************************************************/
.form { width: 800px; margin: -50px 0 0 85px; }
.form label { display: block; margin: 0 0 5px 15px; font-size: 16px; color: #333; }
.form input, .form textarea { height: 32px; padding: 15px 0 0 15px; font-family: Arial, Helvetica, Tahoma, "Lucida Grande"; background: #F7F7F7 url(/images/input_bg.gif) no-repeat; width: 370px; font-size: 16px; color: #333; }
.form li.input_text input, .form textarea { border: 1px solid #D1D1D1; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
.form textarea { height: 80px; width: 770px; }
.form li { float: left; margin-bottom: 10px; width: 400px; }
.form li.linha { clear: both; float: none; width: 800px; }
.form .envia { float: right; border: none; padding: 0; width: 248px; height: 51px; background: url(/images/bt_enviamsg.gif) no-repeat top; cursor: pointer; margin: 10px 12px 0 0; display: inline; }
.form .envia:hover { background-position: 0 -51px; }
.form .msgerro, .form .msgconf { float: left; color: #A68110; padding: 16px 0 18px 63px; background: url(/images/ico_alert.jpg) no-repeat; margin-top: 10px; }
.form .msgconf { color: #4BCCBD; background: url(/images/ico_check.jpg) no-repeat; }


/*LISTAS
*****************************************************************************************/
ul.bullets {margin:0; padding:5px 0;}
ul.bullets li { background: url(/images/bullet.gif) no-repeat 0 5px; padding-left: 12px; margin-bottom: 2px; }


/*TABELAS
*****************************************************************************************/



/*EFEITOS
*****************************************************************************************/
.clear { position: relative; clear: both; height: 1px; font-size: 1px; }
.center { text-align: center; }
.floatleft { float: left; }
.nounderline { text-decoration: none; }
.nodisplay { display: none; }
.small { font-size: 0.9em; }
.big { font-size: 1.4em; }
.branco { color: #fff; }
.margin-left {margin-left:30px;}


/*ELEMENTOS DIVERSOS
*****************************************************************************************/
/*botoes*/
.bt_inkover { display: block; background: transparent url(/images/bt_inkover.jpg) no-repeat; color: #fff; font-size: 1.1em; width: 189px; height: 55px; line-height: 55px; text-align: center; }




/*CONTEUDO
*****************************************************************************************/
/*HOME*/
.destaque { height: 380px; margin: 0 0 40px 0; }
.about, .services, .twitter { padding-bottm: 10px; }
.about p, .services p, .twitter p { font-size: 1.1em; line-height: 1.7em; }
.about { float: left; width: 300px; }
.services { float: left; width: 300px; padding-left: 26px; }
.services ul li { float: left; margin: 8px 0; width: 170px; }
.twitter { float: left; width: 293px; padding-left: 33px; }
a.perfil { position: absolute; left: 33px; top: 210px; }
#extensoes { width:956px; float:left; clear:both; line-height:18px; margin-bottom: 40px; }
#extensoes h3 {font-size: 1.5em; margin-bottom: 5px; font-weight: normal; color: #727272;}
.txtdestaq {font-size:1.6em; font-weight: normal; color: #fff; margin:0; padding:0;}
ul.ext { width:956px; height:51px; clear: both; display: block; float:left;}
ul.ext li { float:left; width:298px; height:51px; display:inline;}
ul.ext li a { width: 298px; height:23px; background:url(/images/bg_bot.gif) no-repeat 0 0; display:block; padding:15px 0 13px 16px; color: #727272; font-size:22px; }
ul.ext li a:hover { background:url(/images/bg_bot.gif) no-repeat 0 -51px; }
ul.ext li.ativo a { background:url(/images/bg_bot_atual.gif) no-repeat 0 0; }
ul.ext li.ativo a:hover { background:url(/images/bg_bot_atual.gif) no-repeat 0 -51px; }

.wrappainel { position: relative; padding: 35px 0 0 0; width: 956px; background:url(/images/painel_bg.gif) no-repeat; float: left; margin-top: 30px; }
.wrappainel .base { position: absolute; left: 0; bottom: 0; width: 956px; height: 10px; background: url(/images/painel_base.gif) no-repeat; }
.box { width: 287px; float:left; padding-left:30px;}
.box h4 { font-weight: bolder; font-size: 1em; }

.tp1, .tp2, .tp3{ position: absolute; height: 48px; top: -37px; display: block; z-index: 100; }
.tp1 { left: 0px; width: 302px; background: transparent url(/images/tp1.gif) no-repeat; }
.tp2 { left: 318px; width: 316px; background: transparent url(/images/tp2.gif) no-repeat; }
.tp3 { left: 648px; width: 308px; background: transparent url(/images/tp3.gif) no-repeat; }

a.link_projetos { display: block; width: 307px; height: 64px; position: absolute; left: 480px; bottom: -45px; text-indent: -9000px; overflow: hidden; background: url(/images/link_projetos.gif) no-repeat 0 0; z-index: 999; }
a.link_projetos:hover { background: url(/images/link_projetos.gif) no-repeat -307px 0; }

.contrata { width: 956px; height: 54px; background: url(/images/trabalhe_bg.jpg) no-repeat; margin: 0 auto 30px auto; }
.contrata h2 { float: left; font-size: 1.8em; margin: 12px 0 0 20px; font-weight: bolder; }
.contrata p  { float: left; font-size: 15px; margin: 0; }
.contrata h2 a { color: #669900; }
.contrata p a { display: block; color: #333; width: 758px; height: 39px; padding: 15px 0 0 37px; }


/*PORTFOLIO*/
.internas_destaque { height: 380px; background: #F3F3F3 url(/images/destaqueportf_bg.jpg) no-repeat center; }
.internas_destaque .portf_img { width: 956px; margin: 0 auto; }
.internas_destaque h2 { position: absolute; right: 40px; top: -5px; font-size: 4.4em; color: #333; z-index: 1000; }
.internas_destaque h3 { position: absolute; right: 42px; top: 55px; font-size: 2.5em; color: #333; z-index: 1000; }

ul.lista_projetos { padding-top: 40px; }
ul.lista_projetos li { padding-bottom: 65px; }
ul.lista_projetos li .thumbs { width: 956px; overflow: hidden; }
ul.lista_projetos li .thumbs a { float: left; width: 298px; height: 190px; margin-right: 30px; } 
ul.lista_projetos li .thumbs a.last { margin-right: 0; }
ul.lista_projetos li ul.servicos { float: left; width: 268px; text-align: right; padding: 86px 30px 0 0; }
ul.lista_projetos li ul.servicos li { padding-bottom: 11px; }
ul.lista_projetos li .infos { float: left; width: 640px; padding-top: 10px; }
ul.lista_projetos li .infos h3.title { font-size: 2.2em; margin-bottom: 10px; padding-left: 30px; }
ul.lista_projetos li .infos span.projdate { display: block; margin-bottom: 5px; }
ul.lista_projetos li .infos p.desc { width: 600px; border-left: 1px solid #ccc; padding-left: 30px; font-size: 1.1em; line-height: 1.7em; text-align: justify; }


/*CONTATO*/
.internas_destaque .contato_img { width: 956px; height: 380px; margin: 0 auto; background: url(/images/contato_bg.jpg) 0 120px no-repeat; }
.internas_destaque .vcard { position: absolute; left: 370px; top: 150px; font-size: 1.1em; line-height: 1.5em; }
.internas_destaque .vcard .fone_mail { margin: 15px 0; }