﻿/** ESTILOS PARA AS PÁGINAS DE APRENDA - CURSO **/

/* Padrão de cores e tamanhos */
.curso h5 a,
.curso  h5,
.curso .destaques-headline article#headline h1 a,
.curso .destaques-headline h5 a,
.curso .barra-lateral .mais-noticias span, 
.curso .barra-lateral .mais-noticias span, 
.curso .mais-noticias span,
.curso  ul.item-abas li.active a {color:#006599!important;}
.curso  .ver-mais{text-align:right;}
.curso  .ver-mais a span{background:url(/images/sprite.png) no-repeat 0px -8px;display:block; width:7px; height:9px; float:right; margin:0 0 0 5px;}

.curso .border {border-left: 6px solid #006599!important;}
.curso h1,
.curso h2,
.curso h3{
	color:#333;
	letter-spacing:-1px;
}

.glossario-aprenda h2{margin-bottom:30px;}


/* BARRA LATERAL */
/*.curso .barra-lateral{padding:15px 0 0 0;}
.curso .barra-lateral section{
	border:0;
	background:none;
}
.curso .barra-lateral .mais-noticias{margin-top:30px;}
.curso .barra-lateral .mais-noticias #ultimas li span, 
.curso .barra-lateral .mais-noticias #compartilhadas li span, 
.curso .barra-lateral .mais-noticias #lidas li span,
.curso .barra-lateral .mais-noticias li h5 {
	color:#006599;
}
*/

/*******************************
 HOME
*******************************/
.curso .conteudo{padding: 0;}
.curso .home .panelTitleName{margin-bottom:50px; font-size:16px;}
.curso .home .panelDisplayName{margin-bottom:30px; margin-left:0; font-size:24px; padding: 3px 0 2px 5px; text-align:left; background:none;}

/* Template titulo nivel */
.curso .home h4{
	width:113px; /* -29px */
	height:20px;
	margin:9px 0 0 9px;
	padding:0 5px 0 24px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	background-image: url(/images/sprite.png);
}
.curso .home h4.iniciante{color:#649632; background-position: 0 -515px;}
.curso .home h4.intermediario{color:#ffa200; background-position: 0 -536px;}
.curso .home h4.avancado{color:#fb5900; background-position: 0 -557px;}
.curso .home h4.preparatorio{color:#2ba8e3; background-position: 0 -578px;}

/* Template Article */
.curso .home article{display: inline-block; float: left; height: 230px; margin-left: 22px; width: 317px;}
.curso .home article:first-child{margin-left:0;}
.curso .home article figure{float: left; margin-bottom: 120px;}
.curso .home article h5{margin-bottom:5px; line-height:18px; color:#006599; font-size:15px; letter-spacing:-1px;}
.curso .home article p{line-height:15px; font-size:12px; margin-top:14px;}
.curso .home article p.descricao{height:80px;}
.curso .home article .saiba{display:block;	margin-top:5px;	font-size:10px; color:#006599;}
.curso .home article .preco span{color: #006599;	font-size: 17px; font-family: OpenSansBold, Arial; margin-top: 10px; margin-bottom: 20px;}

/*.curso .home article p.inscreva-se a{*/
.curso .home article a.inscreva-se{
	background: #006697; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjY5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ4NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #006697 0%, #004879 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006697), color-stop(100%,#004879)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #006697 0%,#004879 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #006697 0%,#004879 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #006697 0%,#004879 100%); /* IE10+ */
	background: linear-gradient(top,  #006697 0%,#004879 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006697', endColorstr='#004879', GradientType=0 ); /* IE6-8 */
	box-shadow: 0 1px 0 #000000;
    color: #FFFFFF;
    font-family: OpenSansBold, Arial;
    font-size: 14px;
    height: 18px;
    padding: 8px 17px;
    text-align: center;
    width: 130px;
}
/* Cursos presencias */
.curso .home .cursos-presenciais{position:relative;}

/* Template box nivel */
.curso .home .cursos-presenciais .nivel{
	width:100%;
	height:276px;
	border-top:1px solid #e0e0e0;
	
	background-image: linear-gradient(bottom, rgb(255,255,255) 29%, rgb(247,247,247) 80%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 29%, rgb(247,247,247) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 29%, rgb(247,247,247) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 29%, rgb(247,247,247) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 29%, rgb(247,247,247) 80%);
}
.curso .home .cursos-presenciais .nivel.border-bottom{border-bottom:1px solid #e0e0e0;}

.curso .home .cursos-presenciais h3{height:47px; /* -15px */ padding-top:15px; font-size:32px;}
.curso .home .cursos-presenciais > section{position: relative;}
.curso .home .cursos-presenciais > section.leandro{margin-top:58px;}
.curso .home .cursos-presenciais > section > figure{position:absolute; right:0; top:0;}
.curso .home .cursos-presenciais .leandro article figure{margin:0 9px 116px 0;}
.curso .home .cursos-presenciais .seta-esquerda,
.curso .home .cursos-presenciais .seta-direita{display:block; width:25px; height:51px; margin-top:73px;	background-image: url(/images/sprite.png); z-index:10;
}
.curso .home .cursos-presenciais .seta-esquerda{display:none; position: absolute; -2px; /*left:-10px;*/ background-position: 0 -600px;}
.curso .home .cursos-presenciais .seta-direita{position: absolute;	right: -2px; /*right:-14px;*/ background-position: -26px -600px;}
.curso .home .cursos-presenciais .mask{position:relative;width:652px; margin-top:34px;	overflow: hidden;}
.curso .home .cursos-presenciais .container{position:relative; z-index:9;}

/* BANNERS */
.curso .home aside.banners{height:57px;	padding:15px 0;	border-bottom:4px solid #eaeaea; clear:both;}
.curso .home aside.banners > div{float:left; margin-left: 30px;}
.curso .home aside.banners > div:first-child{margin-left:0;}

/* Cursos online */
.curso .home .cursos-online{margin-top:41px;}
.curso .home .cursos-online > figure{float:left; margin-right:12px;}
.curso .home .cursos-online h3{height:40px; /* -17px */	padding-top:17px; font-size:19px;}
.curso .home .cursos-online > section{float:left; /*width: 310px;*/ margin-top:23px;}
.curso .home .cursos-online > section article{float:left; margin:9px 0 0 0;	border-bottom:1px solid #d9d9d9; height:242px;}

.curso .home .cursos-online .margem-curso{margin-left:17px;}

/****************** ESTILOS PARA AS PÁGINAS DE APRENDA - DETALHES DO CURSO ***********************/

.curso .detalhes h1{font-size: 16px; margin-bottom: 50px;}
.curso .detalhes h3{font-size: 28px; height: 47px; padding-top: 15px; color:#666666;}
.curso .detalhes .informacoes {
    background-image: linear-gradient(bottom, rgb(252,252,252) 29%, rgb(247,247,247) 80%);
	background-image: -o-linear-gradient(bottom, rgb(252,252,252) 29%, rgb(247,247,247) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(252,252,252) 29%, rgb(247,247,247) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,252,252) 29%, rgb(247,247,247) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(252,252,252) 29%, rgb(247,247,247) 80%);
    border-top: 1px solid #E0E0E0;
    height: 104px;
    width: 100%;
}
.curso .detalhes .xp-investimentos{position: absolute; right: 0px; top: 0px;}
.curso .detalhes ol{float: left; list-style: decimal; margin-left: 35px;}
.curso .detalhes h4.iniciante{background-position: 0 -515px; color: #649632;}
.curso .detalhes .informacoes h4.iniciante {background-image: url("/images/sprite.png"); font-size: 12px; height: 20px; line-height: 20px; margin: 20px 0 16px 9px; padding: 0 5px 0 24px; text-align: center; width: 113px;}
.curso .detalhes h2 {margin-bottom: 25px; color: #333333; font-size: 24px;}
.curso .detalhes h4.mostra-itens{cursor: pointer; color: #333333; margin-bottom: 15px;}

.curso .detalhes .esconde-itens li{margin-bottom: 10px;	color:#666666;}
.curso .detalhes .esconde-itens li.last{margin-bottom: 30px;}
.curso .detalhes article{display: inline-block;	width: 310px; margin-bottom: 30px;}
.curso .detalhes article .preco{color: #006599;	font-size: 17px; font-family: OpenSansBold, Arial; margin-top: 20px; margin-bottom: 17px;}
.curso .detalhes article figure{float: left;}

.curso .descricao-curso, .curso .descricao-curso2, .curso .descricao-curso3, .curso .descricao-curso4{float:right; width:158px;}
.curso .descricao-curso{height: 141px;}
.curso .descricao-curso2{height: 204px;}
.curso .descricao-curso3{height: 237px;}
.curso .descricao-curso4{height: 192px;}
.altura1{height:338px !important;}
.margem-topo{margin-top:33px !important;}

/* Cursos em destaque na page "Aprenda" */
.curso-destaque .home .destaques{border-bottom: 1px solid #EDEDED; height: 262px; margin-bottom: 19px; width:652px;}
.curso-destaque .home .cursos-presenciais{float:left !important; }
.curso-destaque .home .cursos-online{float: left !important; margin: 0 0 8px 0; width: 652px; border-bottom: 1px solid #EDEDED;}
.curso-destaque .home .ver-mais{margin-bottom:50px;}
.curso-destaque .home .cursos-presenciais h3, .curso-destaque .home .cursos-online h3{font-size: 16px !important; height: auto !important; margin-bottom: 5px; padding-top:0 !important;}
/*.curso-destaque .home .cursos-online > section{margin-top:0 !important;}*/
.curso-destaque .home .cursos-online > section article{border-bottom:0 !important; margin-top:0 !important;}
.curso-destaque .home .cursos-presenciais section, .curso-destaque .home .cursos-online section{float:left; margin-bottom: 9px; margin-top: 0 !important; padding-bottom: 4px;}
.curso-destaque .home .cursos-presenciais figure{margin:0 0 60px 0;}
.curso-destaque .home .cursos-presenciais .descricao-curso{width: 158px; height: 154px; float:left;}

.curso-destaque .home .margem-bt{margin-top: 60px;}
.curso-destaque .home .margem-bt2{margin-top: 29px;}
/*.curso-destaque .home .destaques{margin-right:20px;}*/
.curso-destaque .home .destaques article{margin-left:0; width: 324px;}
.curso-destaque .home .destaques h4{margin-bottom:10px;}
.curso-destaque .home .online-destaques{padding-top: 10px;}
.curso-destaque .home .cursos-online > section article{height: 227px;}