/* CSS Document */

html { background: #000 url(../img/bg-geral.jpg) repeat-x}
body { border:0; padding:0; margin:0; }
.corpo { width:963px; padding:10px; margin:0 auto; background:#fff url(../img/det-bg-corpo.gif) no-repeat bottom; }

h3 { margin:0;}
h4 { padding:0; margin:0 0 5px 0}

.conteudo { float:right; width:715px}

ol { list-style:decimal inside; padding-left:10px; margin-bottom:10px}


/**********************************************************************  Fontes  */

body { font-size:62.5%; line-height:16px; color:#000; font-weight:400; font-family:Verdana, Geneva, sans-serif}

h2 { font-size:1.6em; font-weight:800;}
h3 { font-size:1.4em; font-weight:800;}
h4 { font-size:1.2em; font-weight:800; color:#888}
.f1 { font-size:1.2em}

strong { font-weight:800}
em,
i { font-style:italic}

.header .listaBanners li { font-size:1.4em; line-height:1.3em; color:#fff;}
.header .listaBanners li h2 { font-size:240%; font-weight:400; letter-spacing:-1px}
.header .listaBanners li strong { font-size:55%; font-weight:800}
.header .listaBanners li .quotation { font-style:italic}
.header .listaBanners li em { font-size:70%}

.linha1 .textoHome p { font-size:1.6em; line-height:1.4em; font-weight:800; color:#048; letter-spacing:-1px}

a { color:#183884}
a:hover { color:#f83}

.listaCursos a { font-size:1.1em; line-height:1.1em; color:#fff}
.listaCursos a:hover { color:#f83;}

.a-bread,
.areaBread { color:#5c6f9a; font-weight:800; font-size:1.0em;}
.a-bread:hover { color:#000}

.conteudo p,
.conteudo ol,
.conteudo ul { font-size:13px; line-height:16px}

/* Cursos */
.oCurso .cont,
.wrapAgenda .agenda,
.wrapInscricoes .inscricoes { color:#fff}

.conteudo .agenda ul { font-size:1em}
.conteudo .agenda h3 { font-size:1.1em; line-height:1.2em }
.cursos { font-size:1.0em }
.cursos h4 { font-size:1.2em }
.conteudo .oCurso a { font-weight:800; color:#fff }
.conteudo .oCurso a:hover { color:#000;}

.conteudo .inscricoes a { font-size:0.9em; color:#fff}
.conteudo .inscricoes a:hover { text-decoration:underline}
.conteudo .programa { font-size:1.0em}

.textoPDCACursos { color:#fff}

.telefone { font-size:2.9em; font-weight:800; color:#fff; letter-spacing:-2px}
.telefone small { font-size:40%; letter-spacing:0}

.wrapInscricoes small { font-size:70%}
.wrapInscricoes .listaFormaPgto a,
.wrapInscricoes .listaFormaPgto input.submit { font-size:14px; color:#fff}
.wrapInscricoes .listaFormaPgto a:hover { text-decoration:none}

.investimento h2 { color:#9C9C9E}
.investimento .colDir p { font-size:1em; font-weight:800}
.investimento .preco { font-size:1.9em; font-weight:800}

.conteudo .programa a.leiaMais { font-size:1.3em; font-weight:800; color:#fff}

.artigoIndex h2 { font-size:1.0em; color:#183884 }
.artigoIndex h3 { font-size:1.4em; }
.artigoIndex .data { font-size:0.8em; }
.artigoIndex p { font-size:1.0em }
.artigoIndex i { font-size:0.9em; font-style:italic }
.clientesIndex h2 { font-size:1.0em; color:#183884; }
.artigoIndex a { color:#183884}
.artigoIndex a:hover { color:#f83}

/* Tabs */
.conteudo ul.tabs-nav a { font-size:1.0em; line-height:1.5em; color:#fff }

.conteudo ul.tabs-nav .tabs-selected a,
.conteudo ul.tabs-nav a:hover,
.conteudo ul.tabs-nav a:focus,
.conteudo ul.tabs-nav a:active { color:#777;}

/* Forms */
input,
textarea,
select { font-size:1.5em;}

.fForm { font-size:1.0em;}

label,
.compLabel { font-size:1.2em; font-weight:800; color:#888}

fieldset legend { font-size:1.0em; font-weight:800;}
input.enviar { font-size:1.5em; color:#fff}

/* Footer */
.footer { font-size:0.9em; color:#fff;}
.footer a { font-size:1.0em; color:#fff;}
.footer a:hover { color:#05f;}

/********************************************************************** Header */
.header { margin-bottom:10px}
h1 { float:left; margin:0 0 40px 0; width:223px; height:114px; background: url(../img/logotipoGrupoPDCA.gif) no-repeat bottom right;}
h1 a { display:block; width:230px; height:90px; margin-top:30px; text-indent:-999em; overflow:hidden}

.header .listaBanners { position:relative; width:734px; height:158px; overflow:hidden; margin-left:229px;}
.header .listaBanners li { display: none; position:absolute; top:0; left:0; width:714px; height:138px; padding:20px 20px 0 0; text-align:right; z-index:50}
.header .bannConsultoria { background-image:url(../banners/banConsultoria.jpg)}
.header .bannRH { background-image:url(../banners/banRH.jpg)}
.header .bannCursos { background-image:url(../banners/banCursos.jpg)}

.header .listaBanners h2 { margin-bottom:5px}
.header .listaBanners .quotation,
.header .listaBanners em { display:block; margin-left:410px}
.header .listaBanners a { position:absolute; top:0; left:0; display:block; width:100%; height:100%; text-align:left; overflow:hidden; text-indent:-999em; z-index:100}

/*********************************************************************** Aside */

.aside { float:left; width:233px; clear:both}

.menuPrincipal { margin-bottom:10px}
.menuPrincipal li { margin-bottom:2px}
.menuPrincipal a { display:block; width:233px; height:31px; text-indent:-999em; overflow:hidden}
.menuPrincipal .aConsultoria a { background-image: url(../img/btConsultoriaPDCA.gif)}
.menuPrincipal .aRH a { background-image: url(../img/btRecursosHumanosPDCA.gif)}
.menuPrincipal .aLocalizacao a { background-image:url(../img/btLocalizacao.gif)}
.menuPrincipal .aBlog a { background-image:url(../img/btBlog.gif)}
.menuPrincipal .aConsultoria a:hover,
.menuPrincipal .aRH a:hover,
.menuPrincipal .aLocalizacao a:hover { background-position:0 -33px}
.menuPrincipal .aBlog a:hover { background-position:0 -33px}

.aside .wrapCursos { background:url(../img/det-bg-cursos.gif) no-repeat bottom; padding-bottom:10px}
.listaCursos { width:233px; background:#6577a1 url(../img/bgConhecaNossosCursos.gif) no-repeat; padding-top:30px}
.listaCursos h2 { text-indent:-999em}

.listaCursos menu { padding-top:10px; }
.listaCursos li { margin:0 12px 0 10px}
.listaCursos li a { display:block; padding:0 0 10px 20px; background:url(../img/bullet-cursos.png) no-repeat left top; -moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out; }
.listaCursos .Dp a  { background-image:url(../img/bullet-cursos1.png)}
.listaCursos .Comp a { background-image:url(../img/bullet-cursos5.png)}
.listaCursos .Gestao a { background-image:url(../img/bullet-cursos2.png)}
.listaCursos li a:hover { background-position:3px top}

/********************************************************************** Bread crumb */

.breadCrumb { padding:0; margin-bottom:18px; text-align:right; clear:both}
.breadCrumb2 { padding:0 5px 8px 0; margin-bottom:12px; border-bottom:1px solid #000; text-align:right; clear:both}


/************************************************************************ index */

.linha1,
.linha2 { margin-bottom:20px}

.linha1 { border-bottom:1px solid #cacaca; padding-bottom:5px}
.linha1 .textoHome { float:left; padding:15px 10px 0 10px; width:582px; }
.linha1 a { display:block; float:right;}

.linha2 .artigoIndex { float:left; width:520px; border-right:1px dotted #cacaca; padding-right:20px}
.linha2 .artigoIndex h2 { padding:0; margin-bottom:0px;}
.linha2 .artigoIndex .data { display:block; margin-bottom:4px;}
.linha2 h3 { padding:0;}
.linha2 .artigoIndex p { margin-top:15px}

.clientesIndex {float:right; width:168px; padding:0; margin:0; text-align:center}
.clientesIndex h2 {width:168px; padding:0; margin-bottom:15px}
.clientesIndex img { display:block; margin:0 auto 20px auto; clear:both}


iframe.facebook { height:67px; padding-top:20px; width:100%; border-top:1px solid #cacaca}


/*********************************************************************** Internas */

.conteudo h2 { display:block; margin-bottom:10px}

.conteudo p,
.conteudo ul { margin-bottom:15px}

.conteudo ul li { background:url(../img/right-red.gif) no-repeat left 8px; padding-left:10px; margin-bottom:5px}

/***********************************************************************  Cursos  */

.conteudoInt2 H2 { float:none; margin:8px 0;}
.conteudoInt2 H3 { float:none; }

.oCurso { float:left; width:522px; background:#9c9c9e url(../img/canto-sup-cinza.gif) no-repeat top;}
.oCurso .cont { background:url(../img/canto-inf-cinza.gif) no-repeat 0 bottom }

.oCurso .cont,
.inscricoes .cont { padding:10px;}
.inscricoes .cont { margin:10px 10px 0 10px; }

.wrapAgenda { float:right; width:185px; background:#de9801 url(../img/canto-sup-amarelo.gif) no-repeat 0 top;}
.wrapAgenda .agenda { background:url(../img/canto-inf-amarelo.gif) no-repeat 0 bottom; padding:10px}
.conteudo .agenda ul { list-style-type:none; padding:0; margin:0;}
.conteudo .agenda li,
.conteudo .oCurso li { background:url(../img/seta-branca-p.gif) no-repeat 0 5px; padding-left:6px; margin-bottom:15px}
.conteudo .agenda h3 { margin-bottom:5px}

/* telefone */
.wrapTelefone1 { float:right; width:185px; background:url(../img/canto-sup-rosa.gif) no-repeat 0 top; margin-top:10px; padding-top:10px;}
.wrapTelefone1 .telefone { background:#F06 url(../img/canto-inf-rosa.gif) no-repeat 0 bottom; padding:0 10px 15px 10px}
.wrapTelefone1 .telefone small { display:block; margin-bottom:5px}

.cursos { margin:10px 0; }
.cursos h4 { margin-bottom:15px; }

/* Inscricoes */
.wrapInscricoes { float:right; width:185px; background:#183885 url(../img/canto-sup-azul.gif) no-repeat 0 top; margin-top:10px; padding-top:10px;}
.wrapInscricoes .inscricoes { background:url(../img/canto-inf-azul.gif) no-repeat 0 bottom; padding:0 10px 15px 10px;}
.wrapInscricoes p { margin-bottom:5px;}
.wrapInscricoes  .listaFormaPgto { margin-bottom:0}
.wrapInscricoes  .listaFormaPgto li { padding-left:0; margin:5px 0 0 0; background:none; width:145px}
.conteudo .wrapInscricoes .listaFormaPgto form { width:167px;}
.conteudo .wrapInscricoes .listaFormaPgto a,
.conteudo .wrapInscricoes .listaFormaPgto input.submit { display:block; width:100%; padding:5px 10px; margin-bottom:0; background:#183883; border:1px solid #cacaca; text-align:center;
    background:-moz-linear-gradient(top, #183883, #6577a1);
    background:-webkit-gradient(linear, left top, left bottom, from(#183883), to(#6577a1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#183883', EndColorStr='#6577a1', GradientType=0);
	cursor:pointer; }
.wrapInscricoes .listaFormaPgto a:hover,
.wrapInscricoes .listaFormaPgto input.submit:hover { background:#6577a1;}

/* Investimento */
.investimento { margin-bottom:10px; padding:10px; border-top:1px solid #183885}
.investimento .colEsq,
.investimento .colDir { margin-right:15px}
.investimento .colEsq { float:left}
.investimento .preco { margin-bottom:15px}
.investimento .colEsq p { }
.investimento .colDir { float:right; width:330px;}
.investimento .colDir p,
.investimento .colDir li,
.investimento .colEsq li { margin-bottom:0; }

/* Programa */
.conteudo .programa { clear:both; padding:20px 10px 10px 10px;}
.conteudo .programa a.leiaMais { display:block; position:relative; width:100%; padding:5px 0; background:#183883; border:1px solid #cacaca; text-align:center;
    background:-moz-linear-gradient(top, #183883, #6577a1);
    background:-webkit-gradient(linear, left top, left bottom, from(#183883), to(#6577a1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#183883', EndColorStr='#6577a1', GradientType=0)}
.conteudo .programa a.leiaMais:hover { background:#6577a1;}
.conteudo .programa a.leiaMais:before { content:""; position:absolute; top:10px; right:10px; display:block; width:24px; height:24px; background-image:url(../img/cursorPointer.png); }
.conteudo .programa div.leiaMais { margin-top:20px}

.aPDCA { clear:both; border-top:1px solid #aaa}

.textoPDCACursos { clear:both; padding:10px 10px 0 10px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	background:#183883;
    background:-moz-linear-gradient(top, #183883, #6577a1);
    background:-webkit-gradient(linear, left top, left bottom, from(#183883), to(#6577a1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#183883', EndColorStr='#6577a1', GradientType=0);}
	
/************************************************************************* footer */

.footer { position:relative; width:919px; margin:15px auto 30px auto;}
.footer a { display:block; background:url(../img/seta-azul.gif) no-repeat left; padding-left:10px;}
.footer .address { margin-right:630px}
.footer .otherLinks { position:absolute; top:0; right:0}
.footer .address .localizacao { margin-bottom:15px}
.footer .type { display:none}

.footer a.CQ { position:absolute; bottom:0; right:0; background:none}

/***************************************************************************  Forms   */

input,
textarea,
select { display:block; margin-bottom:10px; padding:4px; border:1px solid #cacaca;}

textarea { width:700px}
select { max-width:700px}

#nomepartic,
#nomeresp { width:500px}

.inputSB { display:inline; border:0; line-height:10px; margin-bottom:0}
.inline { display:inline;}

label {	display:block; padding:0; margin:0 0 5px 0;}

fieldset { margin-top:20px}
fieldset legend { width:100%; margin-bottom:10px; padding-top:10px; border-top:1px dotted #cacaca}
fieldset .linha { margin-top:20px}

input.enviar { margin-top:20px; padding:10px 40px; background:#183883;
    background:-moz-linear-gradient(top, #183883, #6577a1);
    background:-webkit-gradient(linear, left top, left bottom, from(#183883), to(#6577a1));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#183883', EndColorStr='#6577a1', GradientType=0);
	cursor:pointer; }
input.enviar:hover { background:#6577a1;}

