@charset "utf-8";

/* CSS Desenvolvido Por SPN WEB - www.spnweb.com.br */



/* ------------------------------------------------------------- Geral -- */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	/*background: #fff url(../imagens/bg.jpg) repeat-x;*/
}

.bg-home {
	background: #fff url(../imagens/bg.jpg) repeat-x;
}

.bg-interna{
	background: #fff url(../imagens/bg-interna.jpg) repeat-x;
}
.seccli{
	width: 800px;
	background-color: #f50;
	margin: 0 auto;
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.maiscli{
}
.maiscli:hover{
	-webkit-box-shadow: 4px 4px 7px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 7px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 7px 0px rgba(50, 50, 50, 0.75);
}

.msdpt{
	width: auto;
	float: left;
	margin-right:5px;
	font-size: 13px;
	text-align: justify;
}
.msdpt a:hover{
	color: #666;
}
.menudotopo{
	padding-top: 10px;
}
.menudotopo2{
	padding-top: 65px;
}
.clear-top {
	margin-top: 0;
}
.clear-right {
	margin-right: 0;
}
.clear-left {
	margin-left: 0;
}
.clear-bottom {
	margin-bottom: 0;
}
.margin-top {
	margin-top: 20px;
}
.margin-bottom {
	margin-bottom: 20px;
}
#geral {
	width: 100%;
	margin: 0 auto;
}
#geral .margin-site {
  width: 960px;
  margin: 0 auto;
}



/* ------------------------------------------------------- Grid System -- */

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16 {
	display: inline;
	float: left;
	margin: 0 15px 20px;
}
.margin-site .grid-1 {
	width: 30px;
}
.margin-site .grid-2 {
	width: 90px;
}
.margin-site .grid-3 {
	width: 150px;
}
.margin-site .grid-4 {
	width: 200px;
}
.margin-site .grid-5 {
	width: 270px;
}
.margin-site .grid-6 {
	width: 330px;
}
.margin-site .grid-7 {
	width: 390px;
}
.margin-site .grid-8 {
	width: 450px;
}
.margin-site .grid-9 {
	width: 510px;
}
.margin-site .grid-10 {
	width: 570px;
}
.margin-site .grid-11 {
	width: 630px;
}
.margin-site .grid-12 {
	width: 690px;
}
.margin-site .grid-13 {
	width: 750px;
}
.margin-site .grid-14 {
	width: 810px;
}
.margin-site .grid-15 {
	width: 870px;
}
.margin-site .grid-16 {
	width: 930px;
}



/* -------------------------------------------------------------- Topo -- */

#topo {
	margin: 20px 0 35px 0;
}
#topo .logo {
	float: left;
}
#topo #menu {
	float: right;
	font-size: 16px;
	color: #333;
}
#menu ul{
	margin: 70px 0 30px 0
}
#menudotopo li{
	display: inline;
	margin-left: 8px;
}
#menu p {
	text-align: right;
}
#menu a {
	color: #333;
}
#menu a:hover {
	color: #33A9B3;
}

#menu .ativo {
	color: #33A9B3;
	border-bottom: 1px solid #33A9B3;
}


/* ------------------------------------------------------------ Banner -- */

.margin-site .banner {
}



/* --------------------------------------------------------- Principal -- */

.margin-site #principal {
}
#principal p {
	text-align: justify;
}
.margin-site #principal a {
}
.margin-site #principal a:hover {
}

#geral .destaques {
	margin-bottom: 30px;
}
.header .mais-info{
    float: right;
    margin: 10px 0;
    color: #333333;
    text-decoration: none;
}
.destaques ul li {
	width: 215px;
	float: left;
	text-align: center;
	background: url(../imagens/bg-destaque.png) no-repeat top center;
	padding: 10px 0 0 0;
	margin: 0 0 0 20px;
}
.destaques p {
	width: 215px;
	margin: 0 auto;
	height: 70px;
	padding:10px 0; 
	font-size: 20px;
	text-align: center;
	background: #eee;
	border-bottom: 2px solid #ddd;
}	

.container-topo {
    position: relative;        
}

.destaque-topo {
    position: absolute;
    z-index: 100;
    right: 0;
    /*bottom: -15px;*/
    bottom: 70px;
    width: 730px;    
}
.destaque-item {
     box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    width: 100px;
    margin: 0 10px;        
}
.destaque-topo .descricao {
	/*
	display: none;
    height: 50px;
    padding: 5px;
    background-color: #EEEEEE;
    border-bottom:2px solid #CCCCCC;
    text-align: center;
   
    position: absolute;
    top: 10px;
    width: 125px; */
    font-size: 12px;
    text-align: justify;
}
	.despro{background: url('../imagens/sibolo-organizacao-empresarial.png') no-repeat -17px 1px;}
	.gpt{background: url('../imagens/sibolo-gerenciamento-de-projeto.png') no-repeat -17px 1px;}
	.manu{background: url('../imagens/sibolo-manutencao-parada-de-planta.png') no-repeat -17px 1px;}
	.pesso{background: url('../imagens/sibolo-capacitacao-pesssoal.png') no-repeat -17px 1px;}
	.curs{background: url('../imagens/cursos-2014.png') no-repeat -17px 1px;}
	.minc{background: url('../imagens/minicursos.png') no-repeat -17px 1px;}


	.imgsdaskj{
		z-index: 1000;
		width: 150px;
		height: 76px;
	}

	.descricao{	
		text-align: center;
		padding: 5px;
		padding-left: 12px;
		width: 76px;
		color: #FFFFFF;
		text-shadow:1px 1px 1px #000000;
		font-size: 11px;
	}
	.descricao a{		
		color: #FFFFFF;
		text-shadow:1px 1px 1px #000000;
		font-size: 11px;
	}
.destaque-topo img {
    width: 100%;
    height: 75px;
    opacity: 0.5; 
}
	.destaque-topo img:hover,
	.ativo img {	
		opacity: 1;
	}

#principal .intro {
	background-color: #fff;
    padding: 5px;
	margin-bottom: 30px;
}

.servicos ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}			
#principal .interna {
	padding: 15px;
	background: #fff;
}

.interna p {
	margin: 10px 0;
	text-align: justify;
}
.interna li {
	margin: 7px 0;
}

.interna-inverse .linha{
	background-color: rgba(255, 255, 255, 0.3);
}
.interna-inverse h1{
	border-top:4px solid #fff;
	color: #fff;
}


.interna .servicos {
}
.servicos ul {
	margin-top: 20px;
}
.servicos ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.interna .lista-clientes {
}
.lista-clientes ul li {	
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin-left: 20px;
}
.lista-clientes a {
	color: #333;
}
.lista-clientes a:hover {
	color: #33A9B3;
}
.interna .logos li {
	width: 150px;
	float: left;
	margin-left: 25px;
}

.list-item-clientes{                
	border:1px solid #ddd;
}

.list-item-clientes img {	
}

.lista-clientes .marcador{
	margin: 10px 0;
	padding: 5px;
	font-size: 20px;
	border-left: 3px solid #333333;
}
.nav-clientes{}

.nav-clientes-link{
    display: inline-block;                    
    border: 1px solid #ccc;
    width: 28px;
    height: 28px;
    padding: 2.8px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}            
.nav-ativo{
    color: #fff;
    background: #5CC6D0;

}
.nav-inativo{
    cursor:not-allowed;
    color: #ccc;
}


/* ------------------------------------------------------------ Rodapé -- */

#rodape {
	width: 100%;
	padding: 20px 0;
	background: #BBCFE8;
	font-size: 16px;
}
#rodape .bloco01 {
	float: left;
	width: 300px;
}
#rodape .bloco02 {
	float: left;
	width: 300px;
	margin-left: 50px;
}
#rodape .bloco03 {
	float: right;
	width: 300px;
}
#rodape a {
	color: #3F77BC;
}
#rodape a:hover {
	color: #222;
}
#copy {
	width: 100%;
	background: #3F77BC;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
}
#fim {
	width: 980px;
	margin: 10px auto;
	text-align: center;
}
h1 {
	font-size: 26px;
	letter-spacing: -2px;
	color: #333;
	border-top: 4px solid #333;
	display: table;
	padding: 5px 30px 0 0;
	margin-bottom: 10px;
}
h2 {
	font-size: 26px;
	letter-spacing: -2px;
	color: #333;
	margin-bottom: 10px;
}
img { 
	border: none;
}
ul {
	list-style: none;
}
.espaco {
	height: 0px;
	clear: both;
}
.linha {
	height: 1px;
	width: 100%;
	background: #ccc;
}

.list-inline{}
.list-inline .list-item{
    float: left;
}

 .titulo{
        color: #FFF;
        text-align:center; 
        padding: 5px; 
        border: 1px solid #DDD; 
        background: #33A9B3;
    }
    /*
        CURSOS
    */
    .curso-envia-form {
        width: 30%;
        margin: 0 auto;
    }

    .periodo > ol{
        margin: 0 40px;
    }

    
    /*
    FORM
*/
.form{}

.form fieldset{
    margin: 10px;
    border: 1px solid #ccc;
}
 .form legend{
    padding: 10px;
    font-size: 1.2em;
    text-transform: uppercase;
 }

.form-group{
    float: left;        
}
.input{
    width: 100%;
    padding: 5px; 
    border: 1px solid #CCCCCC;
}
    .input:hover, .input:focus{
        border: 1px solid #333333;
    }
.textarea{
    width: 100%;
    height: 50px;
    padding: 5px;
    border: 1px solid #CCCCCC;
}
    .textarea:hover, .textarea:focus{
        border: 1px solid #333333;
    }

/*
    BOTÕES
*/    
.btn{
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #ddd;
    color:#000;
    text-decoration: none;
}
    .btn:hover{
        border: 1px solid #ddd;
        background: #ccc;            
    }
.btn-full{
    width: 100%;
    height: 60px;
    font-size: 1.6em;        
}

.box{
border: 1px solid #ccc;
margin: 10px;                    
padding: 5px;                    
}

.box-small {
	min-height: 90px;
}




/* ICONES */
.icon-inscricao,
.icon.inscricao:hover{
	background: url(../imagens/inscricao.png) no-repeat center center;                        
}

.icon-info,
.icon.info:hover{
	background: url(../imagens/informacao.png) no-repeat center center;                        
}

.icon-pagamento,
.icon.pagamento:hover{
	background: url(../imagens/pagamento.png) no-repeat center center;                        
}

.icon-servicos, 
.icon-servicos:hover {        
    background: url(../imagens/icon-servicos.png) no-repeat center center;
}

.icon-negocios, 
.icon-negocios:hover {        
    background: url(../imagens/icon-segmento-de-negocios.png) no-repeat center center;
}

.icon-ordem-alfabetica, 
.icon-ordem-alfabetica:hover {        
    background: url(../imagens/icon-orderAZ.png) no-repeat center center;
}

.link-full{                        
	display: inline-block;
	width: 100%;
	max-height: 80px;
	line-height: 180px;
	text-align: center;
	background-color: #BBCFE8;
	color: #3F77BC;                                                                       
}
.link-full:hover,
.link-full-ativo{
	background-color: #3F77BC;
	color: #000;
}

/* ------------------------------------------------------------ Minicursos -- */


.minicurso{
    position: relative;
    width: 140px;
    height: 100px;  
    background-color:  cadetblue;
}
.minicurso p{
    margin-top: 80px;
    font-size: 14px;
}
.minicurso .m1{
    background-image: url('imagens/m1.png');
}