@charset "utf-8";
/* CSS Document */
body{
	background-color:#f5f5f5;	
}
.legenda_imagem{
	font-size:10px;
	text-align:center;
	top:0;
	padding:0;	
	margin-bottom:3em;
}
.borda-abaixo{
	border-bottom:1px solid #efefef;
}
.zoom-imagem{
	cursor:url(../images/zoom.png), auto;	
}
.cor-padrao-curso-texto{
	color:rgba(84,184,170,1.00);
}
.cor-padrao-curso-fundo{
	color:rgba(84,184,170,1.00);
}
.mobile-only{
	display:none;
}
.desktop-only{
		display:block;
}
img.arredondar{
	border-radius:50%;
	border:8px solid #f5f5f5;
}
.acessivel{
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
	font-size:0;
	overflow:hidden;
}
h1,h2,h3,h4,h5{
	font-family:Arial,Verdana, Helvetica Neue, Helvetica;
}
h4{
	margin-top:1.5em;
	margin-bottom:2.5em;
}
p{
	font-size:1.2em;
	font-family:Arial,Verdana, Helvetica Neue, Helvetica;
	margin:2em 0 2em 0;
	line-height:1.5;	
}
ul,ol{
	font-size:1.2em;
	font-family:Arial,Verdana, Helvetica Neue, Helvetica;
	margin-bottom:2em;
}
li{
	margin-bottom:0.8em;
}
table.senac {
	margin:0 1.5em 2em;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border:6px solid #E8E8E8;
	margin-top:2em;
	margin-bottom:2em;
}
table.senac th{
	background-color:rgba(84,184,170,1.00);
	color:#fff;
	text-align:center;
	padding:0.5em;
	border:1px solid #dedede;		
}
table.senac td{
	background-color:#fefefe;
	color:#ccc;
	text-align:center;
	padding:0.5em;
	border:1px solid #dedede;	
	text-align:left;
	
}
header.senac{	
	background-color:#06415E;	
	height:80px;
	z-index:99;
	margin-top:0;
	top:0;
	padding-top:0;
	position:fixed;
	width:100%;	
	
}
.video-player{
	border:2em solid #000000;
	border-radius:10px;
	width:80%;
	margin:0 auto;

}
#baixo-tv{
	background-image:url(../images/tv_bottom.png);
	background-position:center bottom;
	height:50px;
	background-repeat:no-repeat;
}
#sombra{
	height:3px;
	background-color:rgba(0,0,0,0.15);
}
.header-tecnicos{
	background-color:#06415E;
	height:80px;
	background-image:url(../images/bg-topo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#logo-senac{
	position: relative;
    float: right;
    right: 2.7em;
    top: 1em;
}
#nome-curso{
	position: relative;
	display:block;
    float: left;
    top: 1.7em;
    left: 2.0em;
    color: #fff;
    font-size: 1.5em;
	font-family:'robotoregular',Arial,Verdana, Helvetica Neue, Helvetica;
}
.fundo-tecnicos{
	background-image:url(../images/bg-content.jpg);
	background-position:0;
	background-repeat:repeat-y;
	padding-left:69px;	
	background-color:#fff;
	padding-bottom:1em;
	border-radius:10px;
	margin-bottom:2em;
	border-bottom:3px solid #ccc;
}
.spacer{
	height:90px;
}
.footer-tecnicos{
	display:none;
}
.caixa-destaque{
	padding:2em;
	width:70%;
	margin:0 auto;	
	margin-top:0.9em;
	margin-bottom:0.9em;
	background-color:#fff4e1;
	border-radius:1em;	
	font-size:16px;
}
.caixa-destaque p{
	margin-top:0.9em;
	margin-bottom:0.9em;
}
.caixa-destaque.pequena{
	width:40%;
}
.caixa-destaque.media{
	width:60%;
}
.caixa-destaque.grande{
	width:90%;
}
.caixa-destaque-livre{
	padding:2em;	
	margin:0.9em;
	background-color:#fff4e1;
	border-radius:1em;	
	font-size:16px;
}
ul.caixa-destaque{
	padding-left:120px;
}
ol.caixa-destaque{	
	padding-left:120px;
}

/* Icones
Para utilizar com botoes, colocar o nome do icone primeiro
*/
.icone-saiba-mais{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/saiba_mais.png);
	background-repeat:no-repeat;
}
.icone-para-refletir{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/refletir.png);
	background-repeat:no-repeat;	
}
.icone-fundamental{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/fundamental.png);
	background-repeat:no-repeat;	
}
.icone-importante{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/atencao.png);
	background-repeat:no-repeat;	
}

.icone-transcricao{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/transcricao.png);
	background-repeat:no-repeat;	
}
.icone-atencao{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/icone_atencao.png);
	background-repeat:no-repeat;	
}
.icone-dica{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/dica.png);
	background-repeat:no-repeat;	
}
.icone-link{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/link.png);
	background-repeat:no-repeat;	
}
.icone-pergunta{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/pergunta.png);
	background-repeat:no-repeat;	
}
.icone-play{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/play.png);
	background-repeat:no-repeat;	
}
.icone-desafio{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/desafio.png);
	background-repeat:no-repeat;	
}
.icone-lampada{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/lightbulb.png);
	background-repeat:no-repeat;	
}
.icone-concluindo{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/concluindo.png);
	background-repeat:no-repeat;	
}
.icone-doc{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/doc.png);
	background-repeat:no-repeat;	
}
.icone-video{
	padding-left:100px;
	background-position:10px center;
	/*background-size:80px 54px;
	background-image:url(../images/tv_retro.png);*/
	background-size:80px 80px;
	background-image:url(../images/tv.png);
	background-repeat:no-repeat;	
}
.icone-podcast{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/radio_flat.png);
	background-repeat:no-repeat;	
}
.icone-curtir{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/curtir.png);
	background-repeat:no-repeat;	
}
.icone-nao-curtir{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/nao_curtir.png);
	background-repeat:no-repeat;	
}
.icone-pesquisa{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/pesquisa.png);
	background-repeat:no-repeat;	
}
.icone-pdf{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/link_pdf_normal.png);
	background-repeat:no-repeat;	
}
.icone-midia{
	padding-left:100px;
	background-position:10px center;
	background-size:80px 80px;
	background-image:url(../images/midia.png);
	background-repeat:no-repeat;	
}
.caixa-ta-na-midia{
	background-color:#32c0e1;
	background-image:url(../images/tanamidia.png);
	background-size:200px 200px;
	padding:4em;	
	padding-left:220px;
	background-position:10px center;
	color:#fff;
	background-repeat:no-repeat;
}
.icone-transcricao > a{
	display:block;
	padding:0.8em;
	width:100px;
	text-align:center;
	background-color:#CB6E70;
	color:#fff;
	margin:0 auto;
	margin-top:10px;
	text-decoration:none;
	border-radius:5px;
	/* animacao hover */
	-webkit-transition: all 200ms ease-in 100ms;
	-o-transition: all 200ms ease-in 100ms;
	transition: all 200ms ease-in 100ms;
}
.icone-transcricao > a:hover{
	background-color: rgba(255,38,38,1);
}
/* 
botões
*/
a.botao-transcricao{
	display:block;
	padding:0.8em;
	padding-left:2.6em;
	width:200px;
	text-align:center;
	background-color:#CB6E70;
	color:#fff;
	margin:0 auto;
	margin-top:10px;
	background-image:url(../images/transcricao_small.png);
	background-repeat:no-repeat;
	background-position:5px center;
	background-size:28px 35px;
	text-decoration:none;
	border-radius:5px;
	/* animacao hover */
	-webkit-transition: all 200ms ease-in 100ms;
	-o-transition: all 200ms ease-in 100ms;
	transition: all 200ms ease-in 100ms;
}
a.botao-transcricao:hover{
	background-color: rgba(255,38,38,1);
}

.botao{	
	background-color:#fff4e1;
	width:250px;
	border-radius:1em;
	margin-bottom:2em;
	text-decoration:none;
	color:#16A085;
	display:inline-block;
	padding:2em;
	margin-left:0.5em;
	margin-right:0.5em;
	
}
.botao:hover{
	text-decoration:none;
	background-color:#ffdfa6;
}
.botao.botao-com-icone{
	padding-left:90px;
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:62px 62px;
}
.botao.em-linha-centro{
	display:block;
	margin:0 auto;
}


a.botao-pdf{
	display:block;
	background-color:#fff4e1;
	width:280px;
	margin:0 auto;
	padding:2em;
	padding-left:90px;
	border-radius:1em;
	background-image:url(../images/link_pdf_normal.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:62px 62px;
	margin-bottom:2em;
	text-decoration:none;
	color:#16A085;	
	
}
a.botao-pdf:hover{	
	text-decoration:none;
	background-color:#ffdfa6;
	background-image:url(../images/link_pdf_hover.png);	
}
/* animaçoes em css */
.anim-pop{
	-webkit-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
.anim-pop:hover{
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1);
}
.anim-troca-cor{
	-webkit-transition: all 200ms ease-in 100ms;
	-o-transition: all 200ms ease-in 100ms;
	transition: all 200ms ease-in 100ms;
}
.anim-troca-cor.respiro{
	padding:0.9em
}
.anim-troca-cor.respiro-com-icone{
	padding-right:0.9em;
	padding-top:0.9em;
	padding-bottom:0.9em;
}
.anim-troca-cor:hover{
	background-color:rgba(84,179,127,1.00);
	
}

ul.senac{
	list-style-image:url(../images/mark-icon.png);
}
/* coloca um dos icones ao lado de um titulo */
.texto-com-icone{
	background-position:0 center;
	background-size:40px 40px;
	padding-left:50px;
	padding-top:12px;
	padding-bottom:12px;
}



.ico-div-loader,.ico-div-loader img{
	width:0;
	height:0;
	margin-top:-30000px;
	margin-left:-30000px;
}


/* dispositivos moveis */

@media screen and (max-width:550px){
	.caixa-destaque.icone-atencao,.caixa-destaque.icone-concluindo,
	.caixa-destaque.icone-desafio,.caixa-destaque.icone-dica,
	.caixa-destaque.icone-doc,.caixa-destaque.icone-fundamental,
	.caixa-destaque.icone-importante,.caixa-destaque.icone-lampada,
	.caixa-destaque.icone-link,.caixa-destaque.icone-para-refletir,
	.caixa-destaque.icone-pergunta,.caixa-destaque.icone-play,
	.caixa-destaque.icone-saiba-mais,.caixa-destaque.icone-transcricao,
	.caixa-destaque.icone-video,.caixa-destaque.icone-podcast,
	.caixa-destaque.icone-curtir,.caixa-destaque.icone-nao-curtir,
	.caixa-destaque.icone-pesquisa,.caixa-destaque.icone-pdf,
	.caixa-destaque.icone-midia{
		background-position:center 10px;
		padding-left:2em;
		padding-top:100px;
		line-height:1.2;		
	}
	.caixa-ta-na-midia{
		background-size:200px 200px;
		padding:2em;	
		padding-top:220px;
		background-position:center 10px;
	}
	
	.container{
		width:96%;
	}
	.caixa-destaque,.caixa-destaque.pequena,.caixa-destaque.media, .caixa-destaque.grande {
		width:90%;
	}
	ul.caixa-destaque{
		padding-left:inherit;
	}
	ol.caixa-destaque{	
		padding-left:inherit;
	}
	.fundo-tecnicos{
		padding-left:39px;
		background-size:29px 17px;	
		
	}
	.botao-pdf{
		width:230px !important;
		background-color:#453FD5;
	}
	
	#nome-curso{		
		        left: -0.2em;
    color: #fff;
    font-size: 0.8em;
    margin-top: 2.2em;	
	}
	#logo-senac{		
		right:1.2em;		
		width:20%;
	}
	.mobile-only{
		display:block;
	}
	.desktop-only{
		display:none;
	}
	.video-player{
		border:1em solid #000000;
		border-radius:4px;
	}
	.botao{
		display:block;
		margin:0 auto;
		margin-top:2em;
		margin-bottom:1em;
	}
}