@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.ttf');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Italic.ttf');
	font-style:  italic;
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-BoldItalic.ttf');
	font-style: italic;
	font-weight: bold;
}

@font-face
{
	font-family: GillSans;
	src:url(../fonts/GillSans.ttf);
	font-style: italic;
	font-weight: bold;
}

@font-face
{
	font-family: GillSans_Light;
	src:url(../fonts/GillSans_light.ttf);
}

/*
Folha de estilos do curso Pré-Universitário da EVESP
Desenvolvido na MStech Educação e Tecnologia
*/

/*================== CSS RESET ==================*/
* { border: 0; margin: 0; padding: 0; }

/*================== TIPOGRAFIA ==================*/
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #29344d; }

h1, h2, h3, .navCurso li, .aulasLista li { font-family: "Roboto", Arial, Helvetica, sans-serif; }
h1,h1 em { font-size: 24px; color: #e29928; font-weight:normal; margin-bottom:30px; }
h2,h2 em { font-size: 20px; color: #c43e37; font-weight:700; margin-bottom:15px; }
h3,h3 em { font-size: 16px; color: #1443b3; font-weight:lighter; margin-bottom:20px; }
h4,h4 em { font-size: 16px; color: #e29928; margin-bottom:10px; }
h5 { font-size: 17px; margin-bottom:4px; margin-top:3px; color: #929191; float:right; font-weight: normal; font-family: "Roboto", Arial, Helvetica, sans-serif; }
	h5 em{ font-size: 17px; margin-bottom:4px; margin-top:3px; color: #929191; font-weight: normal; font-style:italic; font-family: "Roboto", Arial, Helvetica, sans-serif; }
h6 { font-size: 13px; margin-bottom:20px;color: #929191; font-weight:normal; float:right; text-transform:uppercase; font-family: "Roboto", Arial, Helvetica, sans-serif; }
	h6 em { font-size: 13px; margin-bottom:20px;color: #929191; font-weight:normal; text-transform:uppercase; font-family: "Roboto", Arial, Helvetica, sans-serif; }
h5 strong { font-size: 17px; margin-bottom:4px; color: #929191; font-weight: bold; font-family: "Roboto", Arial, Helvetica, sans-serif; }

p { font-size: 12px; line-height:18px; margin-bottom: 10px; text-align:justify; }
a { color: #c43e37; text-decoration: underline; cursor: pointer; }
.aulasLista a, .aulasLista li:hover { text-decoration: none; }
a:hover {color:#ec8782;}
a[target="_blank"] { padding-right: 15px; background-image:url(../img/design/icoLink.png); background-position: right; background-repeat: no-repeat; }
a.abreJanela:hover { text-decoration: none; }
.creditoImg span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; }
figcaption { text-align: center; font-size: 12px; font-style:italic; }
li { list-style: none; }
	li.navGeral { color: #40044b; font-size: 10px; }
		li.navGeral:hover, .mnCurso.aberto { background-color: #40044b; color: #ffffff; }
.navCurso li { color: #636363; font-size: 18px; text-align: left; }
.aulasLista li  { color: #636363; font-size: 16px; text-align: left; line-height: 24px; /* margin-left: 15px; */ }
.aulasLista li:hover { /* font-weight: bold; */ }

/*================== COR ==================*/
body { background-color: #636363; }
#geral nav { background-color: #ececeb; }
#conteudo { background-color: #f2f2f2; }

/*================== ESTRUTURA ==================*/
body, html { height: 100%; width: 100%; background-image:url(../img/design/bg.png); }
.wrapper { margin: 0 auto; width: 900px; }
header#geral { width: 100%; }
#geral nav { height: 53px; /* width: 100%; */ position: fixed; z-index: 999; top: 0; left: 0; }
#geral .wrapper { padding-top: 0; }
li.navGeral { background-image: url(../img/design/mnIcones.png); cursor: pointer; /* display: inline; */ /* float: left; */ height: 20px; padding-top: 33px; text-align: center; width: 70px; }
.mnDivide { background-image: url(../img/design/mnDiv.png); float: left; height: 41px; width: 1px; }
.mnHome { background-position: 0px -7px; }
	.mnHome:hover { background-position: 0px -60px; }
.mnCurso { background-position: -70px -7px; position: relative; }
	.mnCurso:hover, .mnCurso.aberto { background-position: -70px -60px; }
.hitCursos { height: 53px; position: absolute; top: 0; width: 70px; }
.mnAjuda { background-position: -100px top; }
	.mnAjuda:hover { background-position: -100px bottom; }
.mnSair { background-position: -150px top; }
	.mnSair:hover { background-position: -150px bottom; }
	
	#tpBG { background-color:#1D1E1C; height: 77px; text-indent: -9999px; width: 100%; border-bottom-left-radius:10px;border-bottom-right-radius:10px; }
	.tpDetalhe{ background-image: url(../img/design/tpBgDetalhes.png); background-position: top left; float:left; background-repeat: no-repeat; height: 77px; width: 100%; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}


.tpNomeCurso{ font-family:"GillSans_Light"; margin:25px 0 0 40px; float:left; background-repeat: no-repeat; height: 31px; width:310px; color:#e7e020; text-transform:uppercase; font-size:15px; line-height:14px; }
	.tpNomeCurso span { font-family:"GillSans"; color:#F39207; font-size:15px; }
	
.tpLogos{ background-image: url(../img/design/tpLogos.png); margin:18px 20px 0 20px; float:right; background-repeat: no-repeat; height: 38px; width:500px; }

#conteudo { border-top-style: solid; border-top-width: 5px; border-bottom:8px solid #c43e37; position: relative; min-height: 300px; padding-bottom: 50px; }
	#conteudo article { padding: 7px 40px 20px; }
.label { background-image: url(../img/design/tpLabels.png); float: left; height: 79px; margin: -26px 17px 0 -10px; width: 96px; }
	.label .ico { background-image: url(../img/design/tpLabelcones.png); height: 51px; margin: 13px 0 0 19px; width: 66px; }
	
.setaVolta, .setaAvanca { width: 30px; height: 108px; top:75px; position: absolute; bottom: 15px; z-index: 10; text-indent: -9999px; cursor: pointer; }

.setaVolta { background-image:url(../img/design/ctSetasEsq.png); background-position:-30px; left: -9px; }
	.setaVolta:hover { background-position:0px; }
	
.setaAvanca { background-image:url(../img/design/ctSetasDir.png); right: -9px; }
	.setaAvanca:hover { background-position:-30px; }

/* IMAGENS */
figure { margin-bottom: 15px; position: relative; width: 280px; }
figcaption { width: 260px; margin-left: 20px; }
figure img { width: 260px; height: auto; }

figure.porc50 { margin-bottom: 15px; position: relative; width: 50%; }

figure.fig200 { margin-bottom: 15px; position: relative; width: 200px; }
figure.fig200 figcaption { width: 180px; margin-left: 20px; }
figure.fig200 img { width: 180px; height: auto; }

figure.fig300 { margin-bottom: 15px; position: relative; width: 300px; }
figure.fig300 figcaption { width: 280px; margin-left: 20px; }
figure.fig300 img { width: 280px; height: auto; }

figure.fig400 { margin-bottom: 15px; position: relative; width: 400px; }
figure.fig400 figcaption { width: 380px; margin-left: 20px; }
figure.fig400 img { width: 380px; height: auto; }

figure.fig540 { margin-bottom: 15px; position: relative; width: 540px; }
figure.fig540 figcaption { width: 520px; margin-left: 20px; }
figure.fig540 img { width: 520px; height: auto; }

figure.fig820 { margin-bottom: 15px; position: relative; width: 820px; }
figure.fig820 figcaption { width: 800px; margin-left: 20px; }
figure.fig820 img { width: 800px; height: auto; }

.creditoImg { width:20px; height: 20px; float: left; position: relative; -webkit-transform:rotate(90deg); -webkit-transform-origin: 50% 50%;  -moz-transform:rotate(90deg); -moz-transform-origin: 50% 50%;  -ms-transform:rotate(90deg); -ms-transform-origin: 50% 50%;  -o-transform:rotate(90deg); -o-transform-origin: 50% 50%;  transform:rotate(90deg); transform-origin: 50% 50%; }

*+html div.creditoImg { height:200px; writing-mode: tb-rl; }/* IE7 HACK */
*+html div.creditoImg span { width: auto; }
@media \0screen {
div.creditoImg { height:200px; writing-mode: tb-rl; }/* IE8 HACK */
div.creditoImg span { width: auto; }
}

.creditoImg span { width: 300px; position: absolute; }
.zoom { cursor: pointer; }
.zoomImg { width: 25px; height: 25px; position: absolute; top: 10px; right: 10px; background-image:url(../img/design/icoLupa.png); }

.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }

.bgTotalImg { position: fixed; width: 100%; height: 100%; background-image:url(../img/design/bgPretoTransparente.png); background-repeat:repeat; z-index: 998; top: 0; left: 0; }
.zoomContent { margin: 150px auto; height: 0; overflow: hidden; }
.zoomLegenda { float: left; margin-top: 5px; color: #ffffff; width: 350px; }
	
/*================== ESTILO DOS ELEMENTOS DO CONTEÚDO ==================*/

/* LISTA NÃO NUMERADA */
article ul { margin: 20px 0; }
article ul li { list-style-image: url(../img/design/liBulletGeral.png); margin: 0 0 10px 30px; line-height: 18px; }

.ulNum li { list-style: decimal; }

/* LISTA NUMÉRICA BASICA */
.olNumBas{ font-size:14px; font-style:italic; font-weight:bold; color:#1443b3; float:left; margin: 0 15px 0 30px; vertical-align:middle; height:100%; width:30px; text-align:right; }
.olNumBasSub{ font-size:14px; font-style:italic; font-weight:bold; color:#4669bd; float:left; margin: 0 15px 0 60px; vertical-align:middle; height:100%; width:30px; text-align:right; }
.olBasSub{ width:710px; float:right; margin-bottom:10px;}

.olBas{ width:745px; float:right; margin-bottom:10px;}

/* LISTA NUMÉRICA */
ol { margin: 20px 0; width: 820px; overflow: hidden; }
ol li { padding: 12px 12px 0 0; background-color: #ebebec; margin-bottom: 15px; min-height: 38px; width: 808px; }
	.olNum { color: #c43e37; font-size: 24px; font-style:italic; text-align:center; width: 70px; padding: 10px 0 0; float: left; margin: -12px 15px 0 0; border-right:3px solid #c43e37; background-color:#eeeeee; }
	.olContent { padding: 0 0 12px 0;}
	
	.olText { color: #c43e37; font-size: 24px; font-style:italic; text-align:center; width: 70px; padding: 10px 0 0; float: left; margin: -12px 15px 0 0; border-right:3px solid #c43e37; background-color:#eeeeee; }
	.olTextContent { padding: 0 0 12px 0;}
	
/* BOXES */
.box { padding: 0 25px 12px 25px; margin: 20px 0; background-color:#ebebec; border:1px solid #dbdbdd; }
	.box .topo { width: 100%; margin: 0 0 12px -25px; padding: 10px 0 10px 50px; background-image:url(../img/design/bxIcones.png); background-position: -100px -100px; background-repeat: no-repeat; background-color: #282828; }
		.box .topo span, span em { font-size: 16px; color: #fff; padding-left:15px; }
		.box .topo div{ font-size: 16px; color: #fff; margin-left: -37px;}
		.box .topo div em{ font-size: 16px; color: #fff; }
	.bAtencao .topo { background-position: 25px 5px; background-color: #e29928; }
	.bSaibaMais .topo { background-position: 25px -35px; background-color: #1443b3; }
	.bDica .topo { background-position: 25px -75px; background-color: #c43e37; }
	
.box.destaque{ background-color:#f8e6c9; border:1px solid #e29928; }
	
/* ACCORDION */
div.accordion { width: 100%; margin: 20px 0; }
	.accItem { width:100%; margin: 0 0 5px; }
		.accTopo { width: 100%; margin: 0; padding: 10px 0 10px 0px; background-image:url(../img/design/accSeta.png); background-repeat: no-repeat; font-size: 16px; color: #ffffff; background-color: #282828; background-position: 25px 4px; cursor: pointer; font-weight:400; }
		.accTopo span{font-size: 16px; color: #ffffff; margin-left:55px;}
		.accTopo:hover { color: #cacaca; background-color: #464545; background-position: 25px -90px; }
		.accTopo.ativo { color: #fff; background-color: #c43e37; background-position: 25px -43px; }
		.accConteudo { padding: 12px 25px 12px 25px; background-color: #ebebec; }
		
/* ABAS HORIZONTAIS */
div.abasHor { height: auto; }
	.abasHor ul.abasMenu { width: 100%; margin: 35px 0 0; height: 40px; }
		.abasHor ul.abasMenu li { padding: 11px 18px; background-color:#282828; color:#fff; font-size: 16px; display: inline-block; margin: 0 5px 0 0; border: 1px solid #f1f1f1; border-bottom: none; cursor: pointer; height: 42px; float: left; list-style: none; }
		.abasHor ul.abasMenu li.ativo, .abasHor ul.abasMenu li:hover { padding: 12px 19px; background-color:#e29928; color:#ffffff; border: none; }
	.abasHor div.abasContainer { width: 100%; position: relative; }
		.abasHor div.abasContent { width: 100%; background-color: #ebebec; min-height: 100px; border-top: 8px solid #e29928; }
			.abasHor div.abasContent p { padding: 20px 25px 12px 25px; }
						
/* ESTILOS DE SLIDER */
.slider { margin: 20px 0; }
.slider ul, .slider li { margin: 0; }
	.galeria img { width: 100%; }
	.carrossel li { min-height: 200px; padding: 25px 40px; }
		.galeria, .carrossel { width: 400px; }
		.gal540, .car540 { width: 540px; }
		.gal820, .car820 { width: 820px; }
	
/* TIMELINE */
.timeline { width: 100%; margin: 20px 0; }
	.timeline .pontos { width: 100%; height: 100px; background-image:url(../img/design/tlFundo.png); position: relative; }
		.timeline .marco { position: absolute; height: 85px; background-image:url(../img/design/tlMarco.png); background-position: center top; background-repeat:no-repeat; padding: 15px 10px 0; width: 60px; text-align: center; font-size: 14px; color: #464545; cursor: pointer; }
		.marco .ponto { width: 23px; height: 23px; background-image:url(../img/design/tlPonto.png); background-position: 0 -23px; margin: 42px auto 0; }
		.marco:hover, .marco.ativo { margin-top: -5px; }
		.marco:hover .ponto, .marco.ativo .ponto { margin-top: 47px; background-position: 0 0; }
	.timeline .infoContainer { width: 100%; border-top: 8px solid #e29928; background-color:#ebebec; min-height: 100px; margin: 15px 0 0; }
	.timeline .info { padding: 20px 25px; }
	
/* TABELAS */
table{ margin-bottom:10px;}
	th[scope=col]{ background-color:#1443b3; font-size:16px; color:#fff; width:auto; padding:10px 20px; font-weight:lighter; }
	th[scope=row]{ background-color:#3461ca; font-size:14px; color:#fff; width:auto; padding:10px 20px; font-weight:lighter; }
	td{ background-color:#dddde0; width:auto; padding:10px 20px;}

/* CITAÇÃO */
blockquote { background-image:url(../img/design/citacaoAbre.png); background-repeat:no-repeat; min-width:19px; min-height:16px; padding: 3px 30px 0 30px;}
blockquote span { color:#999; float:right;}
blockquote p:after {content: ' 'url(../img/design/citacaoFecha.png); background-repeat:no-repeat; }


/* POP UPS E JANELAS */
.janela { background-color: #e0e0e0; border: 1px solid #c0c0c0; width: 400px; left: 50%; margin-left: -200px; position: fixed; z-index: 9999; top: 30px; overflow: hidden; display: none; }
	.janela .topoJanela { width: 340px; padding: 10px 30px; background-color: #282828; float: left; margin: 0 0 30px 0; }
	.janela.popUpSaibaMais .topoJanela { background-color:#1443b3; width: 305px; background-image:url(../img/design/bxIcones.png); background-repeat: no-repeat; padding: 10px 30px 10px 65px; background-position: 25px -35px; }
	.janela.popUpDica .topoJanela {  background-color:#c43e37; width: 305px; background-image:url(../img/design/bxIcones.png); background-repeat: no-repeat; padding: 10px 30px 10px 65px; background-position: 25px -75px; }
	.janela.popUpAlerta .topoJanela { width: 305px; background-color: #40044b; background-image:url(../img/design/bxIcones.png); background-repeat: no-repeat; padding: 10px 30px 10px 65px; background-position: 25px 5px; }
	
	.janela.jn300 { width: 300px; margin-left: -150px; }
	.janela.jn300 .topoJanela { width: 240px; }
	.janela.jn300.popUpSaibaMais .topoJanela, .janela.jn300.popUpDica .topoJanela, .janela.jn300.popUpAlerta .topoJanela { width: 205px; }
	
	.janela.jn600 { width: 600px; margin-left: -300px; }
	.janela.jn600 .topoJanela { width: 540px; }
	.janela.jn600.popUpSaibaMais .topoJanela, .janela.jn600.popUpDica .topoJanela, .janela.jn600.popUpAlerta .topoJanela  { width: 505px; }
	
	.janela.jn800 { width: 800px; margin-left: -400px; }
	.janela.jn800 .topoJanela { width: 740px; }
	.janela.jn800.popUpSaibaMais .topoJanela, .janela.jn800.popUpDica .topoJanela, .janela.jn800.popUpAlerta .topoJanela  { width: 705px; }
	
	.janela .topoJanela h4 { color: #fff; font-size: 16px; float: left; margin: 2px 0 0; }
	.btFecharJanela, .btFecharImg { width: 21px; height: 22px; background-image: url(../img/design/jnBtFechar.png); float: right; cursor: pointer; }
	.btFecharImg { margin-top: 5px; }
	
	.janela .conteudo { padding: 0 30px 20px; max-height:300px; overflow-y: auto; !important }
	
/* BOTOES NO CONTEUDO */
.bt {background-color: #282828; cursor: pointer; padding:10px 0;}
.bt span { font-family: "Roboto", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; text-align: center; padding:0 20px; }

.bt:hover { opacity: 0.9; }
	.bt.btSaibaMais span  {background-color: #1443b3; padding: 10px 22px 10px 55px; background-image:url(../img/design/bxIcones.png); background-repeat: no-repeat; background-position: 15px -35px; }
	.bt.btDica span 			{background-color: #c43e37; padding: 10px 20px 10px 55px; background-image:url(../img/design/bxIcones.png); background-repeat: no-repeat; background-position: 15px -75px; }


/*================== ESTILO GERAL ==================*/

#conteudo { border-top-color: #c43e37; }
#pag{ font-size: 14px; margin-bottom:4px; margin-top:3px; color: #929191; float:left; font-weight: normal; font-family: "Roboto", Arial, Helvetica, sans-serif;}


.centralAtv_d01_a01_t03{ margin-left:100px; }
.centralAtv_d01_a03_t06{ width:100%; margin-left:0px; }
.width{ width:56%;}

@media screen and (max-width: 1024px){
	.wrapper { width: 750px; }
	.centralAtv_d01_a01_t03{ margin-left:30px; }
	.width{ width:46%;}
	
	/* LISTA NUMÉRICA BASICA */
	.olBasSub{ width:565px; }
	.olBas{ width:595px; }

	/* LISTA NUMÉRICA */
	ol { margin: 20px 0; width: 100%; overflow: hidden; }
	ol li { padding: 12px 12px 0 0; background-color: #ebebec; margin-bottom: 15px; min-height: 38px; width: 95%; }
	
}