@import url(login.css); /* Tela de Login do CAMPUS */
@import url(destaqueprincipal.css); /* Destaque das chamadas principais - HOME da apostila por exemplo */
@import url(artigosposts.css); /* Estilo para a tela de ARTIGOS E POSTS - aquela que vem do Feedburner */

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:0;
	vertical-align:middle;
}

body {
	background: #3F3F3F url(fundo-degrade.gif) repeat-X top;
	font:11px verdana, arial;
}

h3 {
	font:27px Lucida Grande, Trebuchet Ms, Tahoma, Verdana, Arial, Sans-Serif;
	text-transform:uppercase;
	color:black;
	padding:20px;
	color:#C91F26;
	border-bottom:1px solid #E4E4E4;
	margin-bottom:15px;
}

h4, legend {
	font:normal 16px Arial, Verdana, Tahoma, 'Trebuchet Ms', Sans-Serif;
	color:#ACACAC;
	margin:15px 0;
}
h4 a {color:#ACACAC;}

b, strong {
	vertical-align: top;
}




/*************************
ESTILO DE INPUTS E LABELS
*************************/
body#cadastro fieldset {
		clear:both;
		padding:0 0 0 10px;
}

fieldset legend {margin:0; padding:10px 0 0;}

label {
	font:bold 10px Verdana, Arial;
	color:black;
	position:relative;
	margin: 0 0 15px;
}

label input {
	padding:5px;
	border:1px solid #C8C8C8;
	margin:2px 0 0;
	color:#474747;
}

label input:focus {
	border:2px solid #7CB1E9;
	padding:4px;
}

body#cadastro label {
	float:left;
	padding:0 5px 0 0;
	color:#676767;
	font-weight:normal;
}

label span {vertical-align:bottom; position:absolute; right:10px; font-weight:bold;}

label.campog input {width:425px; display:block;}
label.campom input {width:208px; display:block;}
label.campom2 input {width:143px; display:block;}
label.campop input, label.campop select {width:41px; display:block;}

fieldset.certificado {position:relative; height:310px; width:100%;}
fieldset.certificado select {
	position:absolute;
	bottom:35px;
	padding:3px;
	border: 1px solid #C8C8C8;
	width:150px;
}

fieldset.certificado p img {
	float:left;
	margin-right:15px;
}

fieldset.certificado p {
	font:normal 13px/22px Lucida Grande, Trebuchet Ms, Arial, verdana, Tahoma, Sans-Serif;
	color:#939494;
	margin-right:10px;
}


/*************************
BOTOES
*************************/
.botao {
	padding:7px 15px 5px;
	margin:5px 10px 0;
	color:white;
	font:11px Verdana, Tahoma, Arial, Sans-Serif;
	border:0;
	background:#ACACAC;
	cursor:pointer;
	text-decoration:none;
}

.botao:hover {background:#6B94FF; color:white; text-decoration:none;}
.botao.botao-dir {float:right;}

.botao#botagendar {
	margin: 15px 0 !important;
}

/********************
GERAL
********************/
#geral {
	width:900px;
	background:white url(sombra-menu.gif) no-repeat center top;
	margin:0 auto;
}

#geral:after {
	content:".";
	color: white;
	display:block;
	clear:both;
	width:300px;
	height:1px;
	font:1px verdana;
}

body#cadastro #geral {padding:0 0 60px;}

/********************
ATALHOS HOME DA APOSTILA
********************/
div.atalhos-home {
	width: 745px;
	margin: 0 auto;
}

div.atalhos-home ul li a {
	display: block;
	padding: 90px 0 10px;
	width: 160px;
	font: 18px Trebuchet ms, Arial, Tahoma, Verdana, Sans-Serif;
	color: #858484;
	text-align: center;
	margin: 0 7px;
}

div.atalhos-home ul li {
	float:left;
	background: url(separador.png) no-repeat right;
	padding: 15px 0;
}

div.atalhos-home ul li.atalho-apostila a {background: url(ico-apostila.png) no-repeat center -153px;}
div.atalhos-home ul li.atalho-videos a {background: url(ico-videostutoriais.png) no-repeat center -153px;}
div.atalhos-home ul li.atalho-artigosposts a {background: url(ico-artigos-posts.png) no-repeat center -153px;}
div.atalhos-home ul li.atalho-materialextra a {background: url(ico-materialextra.png) no-repeat center -153px;}

div.atalhos-home ul li.atalho-apostila a:hover {color: black; background: url(ico-apostila.png) no-repeat center top;}
div.atalhos-home ul li.atalho-videos a:hover {color: black; background: url(ico-videostutoriais.png) no-repeat center top;}
div.atalhos-home ul li.atalho-artigosposts a:hover {color: black; background: url(ico-artigos-posts.png) no-repeat center top;}

div.atalhos-home ul li.atalho-materialextra {background-image: none;}
div.atalhos-home ul li.atalho-materialextra a:hover {color: black; background: url(ico-materialextra.png) no-repeat center top;}



/********************
TOPO
********************/
#topo {
	width:870px;
	margin:0 auto;
	display:table;
	padding:20px 0;
}

#topo h1 a {
	float:left;
	width:141px;
	height:51px;
	background:url(logo.gif) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

#topo h2 a {
	float:right;
	width:125px;
	height:50px;
	background:url(campus.gif) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

/********************
MENU PRINCIPAL
********************/
.menuprincipal {
	background:#202020;
	font:9px Lucida Grande, Trebuchet Ms, Tahoma, Arial, Verdana, Sans-Serif;
	text-transform:uppercase;
	display:table;
	width:100%;
}

.menuprincipal ul {width:900px; margin:0 auto;}

.menuprincipal ul li {display:inline;}
.menuprincipal ul li.menu-logout {float:right;}
.menuprincipal ul li a {
	padding:5px 15px;
	color:#6C6C6C;
	float:left;
}
.menuprincipal ul li a:hover {
	background:#6C6C6C;
	color:black;
}

/*************************
MENU DOS CURSOS
*************************/
.informacoes {
	float:right;
	width:211px;
	margin:0 10px 0 0;
	padding:30px 0 0;
}
.informacoes .menu-lateral {
	background:#F2F2F2 url(baixomenu.gif) no-repeat center bottom;
	padding:0 0 20px;
}

.informacoes .menu-lateral h2 {
	background: url(topmenu.gif) no-repeat center top;
	padding:10px 10px 7px;
	font: 12px Verdana, Arial, Tahoma, Sans-serif;
	color:white;
}

.informacoes .menu-lateral ul li {
	font:11px verdana, arial, tahoma, sans-serif;
	color:#848484;
	border-top:1px solid #D4D4D4;
}

.informacoes .menu-lateral ul li a {
	display:block;
	width:191px;
	padding:10px;
	border-top:1px solid white;
	color:#848484;
}

.informacoes .menu-lateral ul li a:hover, .informacoes .menu-lateral ul li.selecionado a {
	color:#CA2027;
}

.informacoes .menu-lateral ul li ul {position:relative; top:-10px;}
.informacoes .menu-lateral ul li ul li {border:0;}
.informacoes .menu-lateral ul li ul li a {
	color:#B3B3B3;
	padding:5px 0 0 23px;
	border:0;
}
.informacoes .menu-lateral ul li ul li a:hover {color:#CA2027;}

.informacoes .menu-lateral ul li span.sem-link-curso {
	display: block;
	padding: 10px;
	color: lightgrey;
}

/*************************
DIAS DE SUPORTE e Preview de IMpressão
*************************/
.informacoes .diassuporte {
	padding:0 0 20px;
	font:13px Lucida Grande, Trebuchet ms, Arial, Verdana, Sans-Serif;
	color:#848484;
}
html>body .informacoes .diassuporte b {
	position:relative;
	top:-5px;
}

.informacoes .diassuporte b {
	float:left;
	color:#848484;
	font: 36px Lucida Grande, Trebuchet ms, Arial, Verdana, Sans-Serif;
	margin:0 10px 0 0;
	_margin:10px 0 0;
}

.informacoes .preview-impressao {
	margin:25px 0;
	background:url(icoimpressao.gif) no-repeat 5px center;
	padding:15px 0;
}

.informacoes .preview-impressao a {
	padding:0 0 0 85px;
	display:block;
	font:16px Lucida grande, Trebuchet ms, Arial, Verdana, Sans-Serif;
	color:black;
}

.informacoes .assinefeed {
	margin:25px 0;
	background:url(icofeed.gif) no-repeat 5px center;
	padding:19px 0;
}

.informacoes .assinefeed a {
	padding:0 0 0 65px;
	display:block;
	font:16px Lucida grande, Trebuchet ms, Arial, Verdana, Sans-Serif;
	color:black;
}


/*************************
ONDE VAI O TEXTO DA APOSTILA
*************************/
.conteudo {
	float:left;
	width:640px;
}

.texto h4 {
	padding:0 0 0 20px;
}

.texto h5 {
	font:bold 14px Lucida Grande, Trebuchet Ms, Arial, Tahoma, Sans-serif;
	color:black;
	padding:0 0 0 20px;
	clear:both;
}
.texto h5 a:hover {color: black; text-decoration: none;}

.texto h6 {
	font:bold 13px Lucida Grande, Trebuchet Ms, Arial, Tahoma, Sans-serif;
	padding:10px 0 0 20px;
	color:#CA2027;
}

.texto p {
	font:12px/18px Lucida Grande, Trebuchet Ms, Arial, Tahoma, Sans-serif;
	color:#1C1C1B;
	padding:0 0 15px 20px;
}
.texto a:hover {color:red; text-decoration:underline;}

.texto img.img-left {
	float:left;
	margin:5px 10px 5px 0;
}

.texto ul, .texto ol {
	font:12px/18px Lucida Grande, Trebuchet Ms, Arial, Tahoma, Sans-serif;
	color:#1C1C1B;
	padding:0 0 15px 35px;
}

.texto ul li {list-style:disc;}
.texto ol li {list-style:decimal; padding:0 0 10px;}

.texto dl {
	font:12px/18px Lucida Grande, Trebuchet Ms, Arial, Tahoma, Sans-serif;
	color:#1C1C1B;
	padding:0 0 15px 30px;
}
.texto dl dt {font-weight:bold;}
.texto dl dd {margin: 0 0 15px 10px;}


.texto .dica {
	float:left;
	width:210px;
	padding:10px;
	color:#584426;
	background:#F1EDBB;
	border:1px solid #7EBB42;
	margin:5px 20px 5px 0;
}
.texto .dica {padding-left:0;}



.link-ancora {
	padding:35px 10px 60px;
}
.link-ancora:after {
	content:".";
	color: white;
	display:block;
	height:1px;
	width:100px;
	font:1px verdana;
	clear:both;
}

.link-ancora a {
	font:12px Lucida Grande, Trebuchet Ms, Arial, Verdana, Sans-Serif;
	color:#848484;
	float: right;
}
.link-ancora a.seta-esq {float:left;}
.link-ancora a:hover {color:black; text-decoration:none;}



.texto ol.code li {
	font:italic 12px 'Courier New', Courier, Sans-Serif;
	margin:5px 0 5px 30px;
	border-bottom:1px solid #DFE8CA;
	padding:0 0 5px;
}
.texto code {display:block;}
.texto ol.code, code {
	background:#FFFFDE;
	border:1px solid #D1D9C2;
	display:block;
	margin:0 0 15px;
	padding:10px 10px 10px 0;
}
.texto code {
	_width:95%;
	min-width:50%;
	max-width:95%;
	overflow:auto;
	padding:10px;
	font:11px 'Courier New', Monotype;
	border:1px solid #D1D9C2;
	background:#FFFFDE;
	margin:0 0 15px;
}

/* Tabela com valores de CSS usadas na Apositla */
table.valorescss {
	border-collapse:collapse;
	margin-left:20px;
	width:100%;
}

table.valorescss th {
	background:#EFEFEF;
	font:bold 10px Verdana;
	text-align:left;
	padding:3px 5px;
}

table.valorescss td {
	font:10px Verdana;
	border:1px solid #E9E9E9;
	padding:5px;
}

/* Tabela usada nos Agendamentos */
table.aulasagendadas {
	clear: both;
	margin: 15px 0 0 20px;
}

table.aulasagendadas th {
	background: #6A93FF;
	color: white;
}

table.aulasagendadas tr td {border: 1px solid #6A93FF;}

p.msg-alert-duvidas {
	background: #FBFAE5;
	padding: 10px;
	width: 405px;
	border: 1px solid #D2D0C0;
	margin: 10px 0 0 20px;
}

/*************************
TABELA DE ENCONDES - PEGUEI DO ANTIGO, ATUALIZAR DEPOIS
*************************/
table.tabela-encodes {
	width:500px !important;
	border:0 !important;
	margin:0 0 10px;
}
table.tabela-encodes.valorescss td {
	vertical-align:top;
	font:11px Verdana, Arial, Tahoma, Sans-Serif !important;
	width:90px;
	padding:0 !important;
	text-align:left;
	border:0 !important;
}

table.tabela-encodes ul li {
	list-style:none !important;
	width:90px;
	margin:0 !important; 
	padding:0 0 3px!important;
}

table.tabela-encodes ul {width:90px; margin:0 !important; padding:0 !important;}


/*************************
RODAPE
*************************/
#rodape {
	width:870px;
	margin:0 auto;
	padding:10px 15px;
	clear:both;
	border-top:1px solid #ACACAC;
}

#rodape a.visie-footer {
	float:left;
	width:141px;
	height:51px;
	background:url(logo-rodape.gif) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

#rodape a.campus-footer {
	float:right;
	width:125px;
	height:50px;
	background:url(campus-rodape.gif) no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

#rodape address {
	text-align:center;
	color:#6C6C6C;
	font:10px Verdana, Arial, Tahoma;
	width:475px;
	margin:0 auto;
}

#rodape strong {
	color:#6C6C6C;
	font:11px Verdana, Arial, Tahoma !important;
	display:block !important;
	padding:0 0 10px;
}
#rodape address strong a {color:#6C6C6C;}

/*************************
MATERAL EXTRA
*************************/
#materialextra h5 {
	border-bottom: 1px solid #CCC;
	padding:15px 0 5px 0;
	margin: 0 0 0 20px;
}

.icone-extra {
	padding:0;
	margin:10px 0 0;
}
.icone-extra li {
	display:block;
	width:115px;
	float:left;
	list-style: none;
	margin: 0 5px 10px 0;
	height:84px;
	text-align;center;
	font:10px Verdana, arial, tahoma;
}
.icone-extra li a {color:#848283; display:block; text-align: center; padding:45px 5px 0;}

.extra-apresentacoes li {background: url(ico-apresentacoes.gif) no-repeat center top;}
.extra-wallpapers li {background: url(ico-wallpapers.gif) no-repeat center top;}
.extra-pdf li {background: url(ico-pastavermelha.gif) no-repeat center top;}
.extra-icones li {background: url(ico-pastaroxa.gif) no-repeat center top;}
.extra-videos li {background: url(ico-videos.gif) no-repeat center top;}


/*************************
BOX DE DUVIDAS E ESCOLHA DE CERTIFICADO
*************************/
#box {
	border-top:2px dotted #ABABAB;
	width:100%;
	background:#D9D9D9 url(listras-box.gif) repeat-Y center top;
	font:11px/20px Verdana, Arial;
	color:#858484;
	padding:0 0 20px;
	clear:both;
}
#box:after {
	content:".";
	color: white;
	clear:both;
	width:100%;
	display:block;
	visibility:hidden;
	height:1px;
	font:1px verdana;
}

#box h3 {
	color:black; 
	border:0;
	font:15px Lucida grande, Trebuchet Ms, tahoma, Arial, Verdana, sans-Serif;
	margin:0;
	padding:20px 0 3px;
}

#box .boxduvida {
	width: 400px;
	padding:0 20px 20px;
	float:left;
}

#box .boxduvida h3 {float:left;}

#box .boxduvida select {
	float:right;
	border:1px solid #ABABAB;
	margin:15px 0 0;
	padding:3px;
}
#box .boxduvida select:focus {
	border:2px solid #6B94FF;
	padding:2px;
}

#box .boxduvida select option {
	font:11px verdana, Arial;
	padding:2px 2px 2px 10px;
}

#box .boxduvida textarea {
	width:390px;
	height:130px;
	padding:5px;
	border:1px solid #ABABAB;
	font:10px/17px Verdana, Arial, Tahoma;
	margin:5px 0 0;
	_position:relative;
	_top:-10px;
}
#box .boxduvida textarea:focus {
	border:2px solid #6B94FF;
	padding:4px;
}

#box .boxduvida p {
	width:200px;
	float:left;
	line-height:15px;
}

#box .boxcertificado {
	width:405px;
	padding:0 20px 20px 0;
	float:right;
}

#box .boxcertificado p {
	padding: 0;
	color:#858484;
}

#box .boxcertificado p img {
	float:left;
	margin:0 5px 0 0;
}

#box .boxcertificado select {
	float:right;
	border:1px solid #ABABAB;
	margin:5px 0 0;
	padding:3px;
	width:150px;
}


/* Listagem de Cursos na página de Cursos */
.cursos-desc {
	margin: 0 0 0 20px;
}
.cursos-desc div {
	float: left;
	width: 185px;
	min-height: 220px;
	padding-bottom: 35px;
	padding-right: 20px;
}
.cursos-desc div p {
	margin: 0;
	padding: 0;
	color: #6F6662;
	font: 11px Verdana, Arial, Tahoma, Sans-Serif;
}
.cursos-desc div p a, .cursos-desc div p a:hover {display: inline; color: #6F6662; text-decoration: none;}

.cursos-desc div a {
	display: block;
	text-align: right;
	color: black;
	font:10px Verdana, Sans-Serif;
	text-decoration: underline;
}

.cursos-desc div h6 {
	margin: 0;
	padding: 0;
	font: 13px Verdana, Arial, Tahoma;
	color: black;
}
.cursos-desc div h6 a, .cursos-desc div h6 a:hover {font:bold 13px Verdana, Arial, Tahoma; display: inline; color: black; text-decoration: none;}

/********************
Tira Dúvidas
********************/
body#tiraduvidas td.nomecurso {width: 220px;}

/*******************
Tela de Videos
*******************/
form#form-videotutoriais table {
	border-collapse: collapse;
	width: 95%;
	margin: 10px;
}

form#form-videotutoriais table tr {
	border-bottom: 1px solid #E2E6E7;
}

form#form-videotutoriais table th {
	background: #E2E6E7;
	font: 11px Verdana;
	text-align: left;
	padding: 7px;
	color: black;
}

form#form-videotutoriais table td {
	font: 10px Verdana, arial, tahoma, Sans-Serif;
	color: #848484;
	padding: 10px 7px;
}

form#form-videotutoriais table td input {
	background-color: white;
	background-image:none;
	border: none;
	font: 10px Verdana;
	color: #0000EF;
	cursor: pointer;
}

form#form-videotutoriais table td input:hover {
	color: red;
}