* {outline:none}

body {
	font:normal 11px Arial, Helvetica, sans-serif;
	background:#fff;
	padding:0; margin:0;
}

a {text-decoration:none; color:#b8b8b8}
a:hover {text-decoration:underline;}

.logo {left:36px; top:23px; position:absolute; z-index:4;}

.container {width:814px; height:520px; margin:50px auto 0 auto; position:relative; font:normal 12px Arial, Helvetica, sans-serif; color:#b8b8b8}
.corners {position:absolute; height:38px; width:38px; z-index:3; background:url(imgs/corners.gif) no-repeat;}
.cornerTL {top:0; left:0;}
.cornerTR {top:0; right:0; background-position:right top;}
.cornerBL {bottom:14px; height:37px; left:0; background-position:bottom left;}
.cornerBR {bottom:14px; right:0; background-position:bottom right;}

.borderT {z-index:2; position:absolute; top:0; left:35px; height:6px; width:742px; background:url(imgs/border-top.gif);}
.borderR {z-index:2; position:absolute; top:35px; right:1px; height:440px; width:6px; background:url(imgs/border-right.gif);}
.borderB {z-index:2; position:absolute; bottom:14px; left:35px; height:6px; width:742px; background:url(imgs/border-bottom.gif);}
.borderL {z-index:2; position:absolute; top:35px; left:0px; height:440px; width:7px; background:url(imgs/border-left.gif);}

#menuWrapper {width:300px; height:500px; position:absolute; z-index:1; top:0; left:0;}

.scroll-pane {width: 380px;	height: 210px;	overflow: auto;	float:left; color:#b8b8b8; padding-right:15px;}
.scroll-pane p {font:normal 11px Arial, Helvetica, sans-serif; line-height:20px;}
.scroll-pane h2 {font:bolder 13px Arial, Helvetica, sans-serif; padding:10px 0; margin:0;}
.jScrollPaneTrack {background-color:#d2d2d2}

.contato .container {background:url(imgs/bg-contato.gif) no-repeat 220px 0;}
.contato .jScrollPaneDrag {background-color:#f4af13}
.contato form div {float:left; clear:both; text-align:right; width:80px; margin-bottom:10px;}
.contato form input, select, textarea {float:right; width:270px; border:1px solid #d2d2d2; font:normal 11px Arial, Helvetica, sans-serif;margin-bottom:7px;}
.contato form textarea {height:70px}
.contato form .enviar {margin-top:10px; display:block; clear:both; float:right; width:54px; height:21px; background:url(imgs/bt-enviar.gif)}
.contato .endereco {position:absolute; left:315px; top:350px; text-align:right; width:400px; line-height:20px;}
.contato .endereco a {color:#f4af13}

.insights .container {background:url(imgs/bg-insights.gif) no-repeat 220px 0;}
.insights #baloes {width:260px;height:104px;position:absolute;top:25px;left:315px;display:none;}
.insights #showBaloes {position:absolute;top:110px;left:330px;width:120px;height:35px;display:block;}
.insights .jScrollPaneDrag {background-color:#a7a2cc}
.insights .scroll-pane ul, .insights .scroll-pane ul li {list-style:none; margin:0; padding:0;}
.insights .scroll-pane ul li {padding-bottom:20px; line-height:18px; position:relative; padding-left:70px;}
.insights .scroll-pane ul li img {position:absolute; top:0; left:0; }
.insights .scroll-pane ul li a {color:#a7a2cc; }
.insights .zoom img {float:left; margin:0 10px 0 0; width:140px;}
.insights .zoom h2 {font:normal 14px Arial, Helvetica, sans-serif;padding:0 0 10px 0; margin:0;}
.insights .zoom p {padding:0; margin:0;}
.insights .linksRodape {position:absolute; left:315px; top:400px; text-align:right; width:400px}
.insights .linksRodape a {padding:0 5px 5px 0;}
.insights .linksRodape a.sel {color:#a7a2cc}


.noticerias .container {background:url(imgs/bg-noticerias.gif) no-repeat 220px 0;}
.noticerias .jScrollPaneDrag {background-color:#00a4e6}
.noticerias .twitter {position:absolute; top:115px; left:472px; width:17px; height:22px; background:url(/imgs/ico-twitter.gif)}
.noticerias .scroll-pane ul, .noticerias .scroll-pane ul li {list-style:none; margin:0; padding:0;}
.noticerias .scroll-pane ul li {padding-bottom:20px;}
.noticerias .scroll-pane ul li h2 {color:#00a4e6; padding:0 0 5px 0; margin:0; }
.noticerias .linksRodape {position:absolute; left:555px; top:400px}
.noticerias .linksRodape a.sel {color:#00a4e6}

.clientes .container {background:url(imgs/bg-clientes.gif) no-repeat 220px 0;}
.clientes .jScrollPaneDrag {background-color:#eb801f}
.clientes .lista *,
.clientes .submenu * {color:#eb801f;font:bolder 12px Arial, Helvetica, sans-serif;}
.clientes .lista a {text-decoration:none; float:left; width:120px; text-align:center}
.clientes .lista a img {max-width:110px; margin-bottom:10px;}
.clientes .lista a:hover,
.clientes .submenu a:hover {text-decoration:underline;}
.clientes .zoom .logoCliente {max-width:180px; margin-bottom:10px;}
.clientes .zoom,
.clientes .zoom * {font:bolder 12px Arial, Helvetica, sans-serif;color:#b8b8b8;}
.clientes .zoom a {text-decoration:none;}
.clientes .zoom a:hover {text-decoration:underline;}
.clientes .zoom strong {color:#eb801f}
.clientes .zoom ul, .clientes .zoom ul li {list-style:none; margin:0; padding:0;}
.clientes .zoom ul {padding-top:10px;}
.clientes .zoom ul li {height:80px;}
.clientes .zoom ul li img {float:left; margin-right:10px; border:none}
.clientes .submenu {position:absolute; right:110px; top:380px; text-align:right;}
.clientes .submenu a {text-decoration:none;}
.clientes .submenu a:hover {text-decoration:underline;}

.oquefazemos .container {background:url(imgs/bg-oquefazemos.gif) no-repeat 220px 0;}
.oquefazemos .jScrollPaneDrag {background-color:#d2521f}
.oquefazemos #imgs {position:absolute;top:0;right:0;}
.oquefazemos .scroll-pane #accordion {width:200px; float:left; top:0; left:0; }
.oquefazemos .scroll-pane #accordion h3 {color:#d2521f;cursor:pointer;}

.nossaequipe .container {background:url(imgs/bg-nossaequipe.gif) no-repeat 220px 0;}
.nossaequipe .container * {font:bolder 12px Arial, Helvetica, sans-serif;}
.nossaequipe .jScrollPaneDrag {background-color:#bd6ba0}
.nossaequipe #toyart {float:right; width:170px; text-align:right;}
.nossaequipe #toyart * {line-height:20px}
.nossaequipe #toyart .show {font-weight:normal;}
.nossaequipe #toyart a {color:#bd6ba0;}
.nossaequipe #toyart img,
.oquefazemos #imgs img {width:88px;}
.nossaequipe #toyart div.hide,
.oquefazemos #imgs div.hide {display:none;}
.nossaequipe .scroll-pane #accordion {width:200px; float:left; top:0; left:0; }
.nossaequipe .scroll-pane #accordion h3 {margin:0; padding:0; color:#bd6ba0; cursor:pointer; padding-bottom:10px;}
.nossaequipe .scroll-pane #accordion div {padding-bottom:10px;}
.nossaequipe .scroll-pane #accordion div a {line-height:20px; color:#b8b8b8; text-decoration:none; cursor:pointer; }

.quemsomos .container {background:url(imgs/bg-quemsomos.gif) no-repeat 220px 0;}
.quemsomos .jScrollPaneDrag {background-color:#92b939}
.quemsomos .scroll-pane #toyfoto {float:right; margin-left:10px;width:140px;height:330px;}

.rodape {font-size:10px; position:absolute; bottom:0; right:10px;}