@charset "iso-8859-1";
/* CSS Document */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
a img, :link img, :visited img {
	border: 0;
}
a {text-decoration:none}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* end reset styles */
/* clearing technique */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end clearing technique */

/*************************************************************************************************/
html {overflow-y:scroll;	}
body {background-color:#fff; text-align:center; }

#page { width: 970px; margin: auto; text-align: left; padding:10px 0 0 0}

#header,
#conteudo,
#footer {width:970px; margin:0 auto}

body,.f1 {font:400 12px/12px arial, Geneva, sans-serif; color:#000}
.f2 {font:400 12px/14px arial, Geneva, sans-serif; color:#000}
.f3 {font:800 14px/16px arial, Geneva, sans-serif; color:#000}

a {color:#000; }
a:hover {color:#F60}
p { margin-top: 10px}

/* Header */
#header {height:80px; position:relative}
#header h1 {width:140px; height:73px; background-image: url(img/LogoExtrategy.gif); margin-left:10px}
#header h1 .linkHome {display:block; height:100%; text-indent:-1000px; overflow:hidden}

#header .nav {position:absolute; bottom:0; right:0; width:547px; height:21px}
#header .nav li {position:absolute; height:100%}
#header .nav a {display:block; height:100%; text-indent:-2000px; overflow:hidden}
#header .nav .l1 {width:215px}
#header .nav .l1 a {background:url(img/BtEstruturacao.gif)}
#header .nav .l2 {left:210px; width:215px}
#header .nav .l2 a {background:url(img/BtGerenciamento.gif)}
#header .nav .l3 {left:420px; width:127px}
#header .nav .l3 a {background:url(img/BtRh.gif)}
#header .nav a:hover {background-position:0 -21px}

#header form {position:absolute; width:320px; top:0; right:0; margin-right:10px}
#header form label {display:block; width:100%; padding-bottom:4px}
#header form select {width:100%}

/* Conteúdo */

body.home #bannFlash { margin-bottom: 7px; float: left; width: 970px; }
body.home #bannFlash img { float: left; }
body.home #conteudo { float: left; }
body.home #conteudo .boxes { float: left; }
body.home #conteudo .boxes .box { float: left; width: 253px; margin-right: 8px; font-size: 10px; background: url(img/RodapeBoxInfoHome.gif) no-repeat scroll 0 100%; }
body.home #conteudo .boxes .box h3 { background: url(img/CabecBoxInfoHome.gif) no-repeat; height: 20px; color: #FFF; font-size: 12px; line-height: 20px; padding-left: 10px; }
body.home #conteudo .boxes .box ul { border-left: 1px solid #9D9FA2; border-right: 1px solid #9D9FA2; padding: 6px 10px 20px 10px}
body.home #conteudo .boxes .box ul li { background: url(img/PontoInfo.gif) no-repeat 0 4px; margin-top: 5px; padding-left: 8px; }
body.home #conteudo .boxes .box .mais { float: right; position: relative; top: -10px; right: 10px;}

body.home #conteudo .topicos { float: left; width: 187px; font:400 10px/11px arial, Geneva, sans-serif; }
body.home #conteudo .topicos li { float: left; margin-bottom: 9px; height: 22px;}
body.home #conteudo .topicos li.universidade { margin-bottom: 0px; }
body.home #conteudo .topicos li a { float: left; height: 22px; padding-left: 30px; background: url(img/IconsTopicos.gif) 0 0 no-repeat; }

body.home #conteudo .topicos li a strong {display:block; font-weight:800}

body.home #conteudo .topicos li.melhoria a { background-position: 0 0; }
body.home #conteudo .topicos li.melhoria a:hover { background-position: 0 -66px; }
body.home #conteudo .topicos li.pmo a { background-position: 0 -22px; }
body.home #conteudo .topicos li.pmo a:hover { background-position: 0 -88px; }
body.home #conteudo .topicos li.universidade a { background-position: 0 -44px; }
body.home #conteudo .topicos li.universidade a:hover { background-position: 0 -110px; }

/* internas */

body.internas h2 { font-weight:800 ; font-size:14px }
body.internas h3 { font-weight:800 ; font-size:12px; margin: 10px 0 0 0 }
body.internas strong { font-weight:800; font-size:14px; margin-top:10px }
body.internas p {text-align:justify ; line-height:14px }
body.internas p.costume { color:#F00 }
body.internas a.visita { font-weight:800; color: #F60 }
body.internas a.seção { font-weight:800; color: #287d7b }
body.internas a.prh { display:block; position:absolute; overflow:hidden; bottom:60px; right:40px; width:220px; height:90px; text-indent:-9999px;  background:url(img/IconPRH.png) }
body.internas a.prh:hover { background-position:0 90px }
body.internas #conteudo ul {padding: 10px 10px 10px 10px;}
body.internas #conteudo ul li { background: url(img/PontoInfo.gif) no-repeat 0 4px; margin-top: 5px; padding-left: 8px; }

body.internas #conteudo { height:440px; position:relative }
body.internas #conteudo .boxes { float: right;  margin:10px 50px 0 0 }
body.internas #conteudo .box { width: 322px; margin-bottom: 15px; padding-bottom: 10px; font-size: 10px; background: url(img/RodapeBoxInfoInterna.png) no-repeat scroll 0 100%; }
body.internas #conteudo .box h2 {  background:#9d9fa2; height: 20px; color: #FFF; font-size: 12px; line-height: 20px; padding-left: 10px; }
body.internas #conteudo .box .top { background: url(img/CabecBoxInfoInterna.png) no-repeat}
body.internas #conteudo .box ul { border-left: 1px solid #9D9FA2; border-right: 1px solid #9D9FA2; padding: 6px 10px 10px 10px; background:#FFF}

body.estruturacao #conteudo { background:url(img/BoxImgExtruturacao.jpg) no-repeat; height:440px }
body.gerenciamento #conteudo { background: url(img/BoxImgGerenciamento.jpg) no-repeat; height:440px }
body.rh #conteudo,
body.prh #conteudo,
body.cursonegocios #conteudo{ background: url(img/BoxImgRh.jpg) no-repeat; height:440px }
body.clientes #conteudo {background: url(img/BoxImgClientes.jpg) no-repeat; height:440px}
body.casos #conteudo {background: url(img/BoxImgCasos.jpg) no-repeat; height:440px}
body.noticia #conteudo,
body.maisnoticias #conteudo,
body.maiseventos #conteudo,
body.evento #conteudo,
body.solucoes #conteudo{background: url(img/BoxImgSolucoes.jpg) no-repeat; height:440px}
body.empresa #conteudo {background: url(img/BoxImgEmpresa.jpg) no-repeat; height:440px}

body.clientes #conteudo .boxes,
body.casos #conteudo .boxes {clear: both; position:relative;  height:390px }

body.clientes #conteudo .boxes .box{ position: absolute; top:0; left:0; width: 280px; margin-bottom: 15px; padding-bottom: 10px; font-size: 10px; background: url(img/RodapeBoxInfoInternaclientes.png) no-repeat scroll 0 100%; }
body.clientes #conteudo .boxes .box h2 { background: url(img/CabecBoxInfoInternaClientes.png) no-repeat; height: 20px; color: #FFF; font-size: 12px; line-height: 20px; padding-left: 10px; }

body.casos #conteudo .box {  position: absolute; top:-20px; left:205px; width: 560px; margin-bottom: 15px; padding-bottom: 10px; font-size: 10px; background: url(img/RodapeBoxInfoInternaCasos.png) no-repeat 0 100% }
body.casos #conteudo .box h2 { background: url(img/CabecBoxInfoInternaCasos.png) no-repeat; height: 20px; color: #FFF; font-size: 12px; line-height: 20px; padding-left: 10px; }

body.clientes #conteudo .boxes .box ul,
body.casos #conteudo .box ul { border-left: 1px solid #9D9FA2; border-right: 1px solid #9D9FA2; padding: 6px 10px 0px 10px; background:#FFF}

body.clientes #conteudo .boxes .box ul li,
body.casos #conteudo .box ul li{ background: url(img/PontoInfo.gif) no-repeat 0 4px; margin-top: 5px; padding-left: 8px; }

body.clientes #conteudo .boxes #varejo { top: -5px; left:50px; }
body.clientes #conteudo .boxes #associacoes { top: -5px; left:345px; }
body.clientes #conteudo .boxes #financeiro { top: 235px; left:345px; }
body.clientes #conteudo .boxes #energia { top: -5px; left:640px; }
body.clientes #conteudo .boxes #seguros { top: 250px; left:640px; }

body.internas #conteudoWrapper{ clear:left; float:left; width:500px; margin:10px 0 0 50px; height:380px; overflow:auto; padding-right:20px }

body.noticia #conteudoWrapper,
body.maisnoticias #conteudoWrapper,
body.evento #conteudoWrapper,
body.maiseventos #conteudoWrapper{ clear:left; float:left; width:850px; margin:10px 0 0 50px; height:380px; overflow:auto; padding-right:20px;}

body.clientes #conteudoWrapper,
body.casos #conteudoWrapper,
body.programaRh #conteudoWrapper ,
body.solucoes #conteudoWrapper{ clear:left; float:left; margin-top:15px }

Body.maisnoticias #conteudoWrapper h3,
body.maiseventos #conteudoWrapper h3{ background: url(img/PontoInfo.gif) no-repeat 0 4px; padding-left: 8px;}

body.internas #conteudo .breadcrumb,
body.clientes #conteudo .breadcrumb,
body.casos #conteudo .breadcrumb,
body.solucoes #conteudo .breadcrumb,
body.empresa #conteudo .breadcrumb{ float:left; margin-top:10px; margin-left:50px; padding:0;}

body.internas #conteudo .breadcrumb li,
body.clientes #conteudo .breadcrumb li,
body.casos #conteudo .breadcrumb li,
body.solucoes #conteudo .breadcrumb li,
body.empresa #conteudo .breadcrumb li{ font:800 10px arial, Geneva, sans-serif; float:left; margin: 5px 3px 0 0 ; background:none; padding:0  }

body.internas #conteudo .breadcrumb li a,
body.clientes #conteudo .breadcrumb li a,
body.casos #conteudo .breadcrumb li a,
body.solucoes #conteudo .breadcrumb li a,
body.empresa #conteudo .breadcrumb li a{font-weight:400; color:#666; background: url(img/ImgBreadcrumb.gif) no-repeat right 4px;  padding-right: 8px; }

body.empresa #conteudo p {font:400 14px/16px arial, Geneva, sans-serif; color:#000; text-align:justify}
body.empresa #conteudo .foco li {font:400 14px/16px arial, Geneva, sans-serif; color:#000; text-align:justify; background: url(img/PontoInfo.gif) no-repeat 0 6px; margin-top: 5px; padding-left: 10px; }
body.empresa #conteudo #conteudoWrapper { float:left; text-align:center; margin: 40px 50px}

body.solucoes #conteudo #conteudoWrapper { text-align:center; padding-top: 15px; margin:0; width:100%}

#conteudo .breadcrumb li a:hover { color:#F60 }


/* Footer */
#footer {position:relative; height:30px; clear: both; padding-top: 13px;}
#footer .nav {text-align:center; margin:0 auto}
#footer .nav li{display:inline}
#footer .nav li a { border-left: 1px solid #000; padding:1px 7px 2px 10px}
#footer .nav li .ultima {border-right: 1px solid #000}

#footer .comunidades {float: right; width:40px; margin-right:10px}
#footer .comunidades li {float:right; padding-left:4px}
#footer .comunidades a {display:block; width:16px; height:16px; text-indent:-1000px; overflow:hidden}
#footer .tweeter {background-image:url(img/IconTwitter.gif)}
#footer .blogger {background-image:url(img/IconBlogger.gif)}