@charset "utf-8";
/* CSS Document */

.caixa-conceito {
    background: 
		
					

		url("media/caixa-conceito/topo-direito.jpg") right top no-repeat,
		url("media/caixa-conceito/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-conceito/topo-meio.jpg") top no-repeat,
		url("media/caixa-conceito/topo.jpg") top repeat-x,
		url("media/caixa-conceito/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-conceito/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-conceito/rodape.jpg") bottom repeat-x,
		url("media/caixa-conceito/lateral-direita.jpg") right repeat-y,
		
		url("media/caixa-conceito/lateral-esquerda.jpg") left repeat-y,
			url("media/caixa-conceito/meio.jpg") repeat;


    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.titulo-conceito {
	font-family: "Roboto";
	font-weight: 500;
	font-size: 1.6rem;
}
.caixaimportante {
    background: 
		
		url("media/caixa-importante/topo-direito.jpg") right top no-repeat,
		url("media/caixa-importante/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-importante/topo-meio.jpg") top no-repeat,
		url("media/caixa-importante/topo.jpg") top repeat-x,
		url("media/caixa-importante/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-importante/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-importante/rodape.jpg") bottom repeat-x,
		url("media/caixa-importante/lateral-direita.jpg") right repeat-y,
		url("media/caixa-importante/lateral-esquerda.jpg") left repeat-y,
					url("media/caixa-importante/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.caixa-pergunta {
    background: 
		
		url("media/caixa-pergunta/topo-direito.jpg") right top no-repeat,
		url("media/caixa-pergunta/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-pergunta/topo-meio.jpg") top no-repeat,
		url("media/caixa-pergunta/topo.jpg") top repeat-x,
		url("media/caixa-pergunta/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-pergunta/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-pergunta/rodape.jpg") bottom repeat-x,
		url("media/caixa-pergunta/lateral-direita.jpg") right repeat-y,
		url("media/caixa-pergunta/lateral-esquerda.jpg") left repeat-y,
					url("media/caixa-pergunta/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.caixa-exemplo {
    background: 
		
		url("media/caixa-exemplo/topo-direito.jpg") right top no-repeat,
		url("media/caixa-exemplo/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-exemplo/topo-meio.jpg") top no-repeat,
		url("media/caixa-exemplo/topo.jpg") top repeat-x,
		url("media/caixa-exemplo/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-exemplo/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-exemplo/rodape.jpg") bottom repeat-x,
		url("media/caixa-exemplo/lateral-direita.jpg") right repeat-y,
		url("media/caixa-exemplo/lateral-esquerda.jpg") left repeat-y,
					url("media/caixa-exemplo/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.caixalegislacao {
    background: 
		
		url("media/caixa-legislacao/topo-direito.jpg") right top no-repeat,
		url("media/caixa-legislacao/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-legislacao/topo-meio.jpg") top no-repeat,
		url("media/caixa-legislacao/topo.jpg") top repeat-x,
		url("media/caixa-legislacao/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-legislacao/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-legislacao/rodape.jpg") bottom repeat-x,
		url("media/caixa-legislacao/lateral-direita.jpg") right repeat-y,
		url("media/caixa-legislacao/lateral-esquerda.jpg") left repeat-y,
		url("media/caixa-conceito/meio.jpg") repeat;
    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.caixa-nota {
    background: 
		
		url("media/caixa-nota/topo-direito.jpg") right top no-repeat,
		url("media/caixa-nota/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-nota/topo-meio.jpg") top no-repeat,
		url("media/caixa-nota/topo.jpg") top repeat-x,
		url("media/caixa-nota/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-nota/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-nota/rodape.jpg") bottom repeat-x,
		url("media/caixa-nota/lateral-direita.jpg") right repeat-y,
		url("media/caixa-nota/lateral-esquerda.jpg") left repeat-y,
							url("media/caixa-importante/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.caixa-saibamais {
    background: 
		
		url("media/caixa-saibamais/topo-direito.jpg") right top no-repeat,
		url("media/caixa-saibamais/topo-esquerdo.jpg") left top no-repeat,
		url("media/caixa-saibamais/topo-meio.jpg") top no-repeat,
		url("media/caixa-saibamais/topo.jpg") top repeat-x,
		url("media/caixa-saibamais/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/caixa-saibamais/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/caixa-saibamais/rodape.jpg") bottom repeat-x,
		url("media/caixa-saibamais/lateral-direita.jpg") right repeat-y,
		url("media/caixa-saibamais/lateral-esquerda.jpg") left repeat-y,
									url("media/caixa-importante/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}
.dica {
    background: #fff url(
	"media/dicas/img-dicas.png") no-repeat top left;
    width: 80%;
	margin: 0 auto;
	padding: 80px 50px 20px 50px;
    border-left: 2px solid #00958E;
    border-bottom: 2px solid #00958E;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;

}
.caixa-importante {
    background: #efefef url( "media/caixa-importante/img-caixa-importante.fw.png") no-repeat top center;
    padding: 130px 50px 20px 50px;
	width: 80%;
	margin: 0 auto;
    border-bottom: 3px solid #00958E;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;

}
.caixa-destaque {
    padding: 20px 50px 20px 50px;
	width: 80%;
	margin: 0 auto;
    border-top: 2px dotted #00958E;
    border-bottom: 4px solid #00958E;
    color: #37474f;
    font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
}
.comentarios {
    padding: 30px 50px 30px 50px;
	width: 80%;
	margin: 0 auto;
	background-color: #fdd;
    overflow: hidden;
    font-style: italic;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;

}
.feedback_infografia {
    background-color: #EEEEEE;
    padding: 30px 50px 30px 50px;
	width: 80%;
	margin: 0 auto;
    overflow: hidden;
    border: 2px dotted #555555;
    font-style: italic;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
}
blockquote {
    min-height: 25px;
    border: none!important;
}
blockquote {
    background: 
		url("media/citacao/citacao-cima.fw.png") no-repeat left top,
		url( "media/citacao/citacao-baixo.fw.png") no-repeat right bottom;
	   padding: 10px 40px 10px 50px;
	width: 80%;
	margin: 0 auto;
    -webkit-background-size: 40px;
    background-size: 40px;
    color: #37474f;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
 

}
.caixa-borda {
    color: #006666;
    position: relative;
    border: solid 2px;
	border-bottom: solid 6px;
    width: 80%;
    margin: 0 auto;
    padding: 40px;
    text-align: justify;
    padding: 85px 50px 30px 50px;
	width: 70%;
	margin: 0 auto;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
}
.caixa-borda::before {
    content: "";
    background: url( "media/tome-nota/tome-nota.fw.png") center top no-repeat;
    width: 250px;
    height: 100px;
    display: block;
    right: 35%;
    display: block;
    top: -40px;
    position: absolute;
}
.instrucao {
    background: url("media/acesse-abaixo/hand.gif")  no-repeat scroll center top transparent;
    border-bottom: 1px dashed #E2E2E2; 
    color: #888;
	font-family: "Roboto";    
	font-size: 15px;
    letter-spacing: normal;
    line-height: normal;
    margin: 20px auto;
    overflow: hidden;
	  padding: 30px 58px 10px;
    text-align: center;
}

/*ESTILOS CURSO ISE*/

.curso-ise-caixa-atencao {
    background: 
				
		url("media/curso-ise/caixa-atencao/topo-direito.jpg") right top no-repeat,
		url("media/curso-ise/caixa-atencao/topo-esquerdo.jpg") left top no-repeat,
		url("media/curso-ise/caixa-atencao/topo-meio.jpg") top no-repeat,
		url("media/curso-ise/caixa-atencao/topo.jpg") top repeat-x,
		url("media/curso-ise/caixa-atencao/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/curso-ise/caixa-atencao/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/curso-ise/caixa-atencao/rodape.jpg") bottom repeat-x,
		url("media/curso-ise/caixa-atencao/lateral-direita.jpg") right repeat-y,
		url("media/curso-ise/caixa-atencao/lateral-esquerda.jpg") left repeat-y,
		url("media/curso-ise/caixa-atencao/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}

.curso-ise-caixa-dica {
    background: 
				
		url("media/curso-ise/caixa-dica/topo-direito.jpg") right top no-repeat,
		url("media/curso-ise/caixa-dica/topo-esquerdo.jpg") left top no-repeat,
		url("media/curso-ise/caixa-dica/topo-meio.jpg") top no-repeat,
		url("media/curso-ise/caixa-dica/topo.jpg") top repeat-x,
		url("media/curso-ise/caixa-dica/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/curso-ise/caixa-dica/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/curso-ise/caixa-dica/rodape.jpg") bottom repeat-x,
		url("media/curso-ise/caixa-dica/lateral-direita.jpg") right repeat-y,
		url("media/curso-ise/caixa-dica/lateral-esquerda.jpg") left repeat-y,
		url("media/curso-ise/caixa-dica/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}

.curso-ise-caixa-legislacao {
    background: 
				
		url("media/curso-ise/caixa-legislacao/topo-direito.jpg") right top no-repeat,
		url("media/curso-ise/caixa-legislacao/topo-esquerdo.jpg") left top no-repeat,
		url("media/curso-ise/caixa-legislacao/topo-meio.jpg") top no-repeat,
		url("media/curso-ise/caixa-legislacao/topo.jpg") top repeat-x,
		url("media/curso-ise/caixa-legislacao/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/curso-ise/caixa-legislacao/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/curso-ise/caixa-legislacao/rodape.jpg") bottom repeat-x,
		url("media/curso-ise/caixa-legislacao/lateral-direita.jpg") right repeat-y,
		url("media/curso-ise/caixa-legislacao/lateral-esquerda.jpg") left repeat-y,
		url("media/curso-ise/caixa-legislacao/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}

.curso-ise-caixa-observe {
    background: 
				
		url("media/curso-ise/caixa-observe/topo-direito.jpg") right top no-repeat,
		url("media/curso-ise/caixa-observe/topo-esquerdo.jpg") left top no-repeat,
		url("media/curso-ise/caixa-observe/topo-meio.jpg") top no-repeat,
		url("media/curso-ise/caixa-observe/topo.jpg") top repeat-x,
		url("media/curso-ise/caixa-observe/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/curso-ise/caixa-observe/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/curso-ise/caixa-observe/rodape.jpg") bottom repeat-x,
		url("media/curso-ise/caixa-observe/lateral-direita.jpg") right repeat-y,
		url("media/curso-ise/caixa-observe/lateral-esquerda.jpg") left repeat-y,
		url("media/curso-ise/caixa-observe/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}

.curso-ise-caixa-saibamais {
    background: 
				
		url("media/curso-ise/caixa-saibamais/topo-direito.jpg") right top no-repeat,
		url("media/curso-ise/caixa-saibamais/topo-esquerdo.jpg") left top no-repeat,
		url("media/curso-ise/caixa-saibamais/topo-meio.jpg") top no-repeat,
		url("media/curso-ise/caixa-saibamais/topo.jpg") top repeat-x,
		url("media/curso-ise/caixa-saibamais/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/curso-ise/caixa-saibamais/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/curso-ise/caixa-saibamais/rodape.jpg") bottom repeat-x,
		url("media/curso-ise/caixa-saibamais/lateral-direita.jpg") right repeat-y,
		url("media/curso-ise/caixa-saibamais/lateral-esquerda.jpg") left repeat-y,
		url("media/curso-ise/caixa-saibamais/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}

.curso-ise-caixa-tomenota {
    background: 
				
		url("media/curso-ise/caixa-tomenota/topo-direito.jpg") right top no-repeat,
		url("media/curso-ise/caixa-tomenota/topo-esquerdo.jpg") left top no-repeat,
		url("media/curso-ise/caixa-tomenota/topo-meio.jpg") top no-repeat,
		url("media/curso-ise/caixa-tomenota/topo.jpg") top repeat-x,
		url("media/curso-ise/caixa-tomenota/ponta-rodape-esquerdo.jpg") left bottom no-repeat,
		url("media/curso-ise/caixa-tomenota/ponta-rodape-direito.jpg") right bottom no-repeat,
		url("media/curso-ise/caixa-tomenota/rodape.jpg") bottom repeat-x,
		url("media/curso-ise/caixa-tomenota/lateral-direita.jpg") right repeat-y,
		url("media/curso-ise/caixa-tomenota/lateral-esquerda.jpg") left repeat-y,
		url("media/curso-ise/caixa-tomenota/meio.jpg") repeat;

    position: relative;
    width: 80%;
    margin: 0 auto;
	padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 30px;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 1.1rem;
    padding-left: 50px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}