﻿@charset "iso-8859-1";
/* File Description: Place here your custom CSS styles */
/* ----- INDICE --------------------------------------
1. Gerais
	1.1 Header
	1.2 Header-Top
	1.3 table login
	1.4 Parcerias
	1.5 footer link
	1.6 Menu (altura)
2. Default
	2.1 Noticias
	2.2 accoes
	2.3 Nav-pills outros cursos em destaque
3. Accoes
	3.1 Icone calendario
4. Tabela
	4.1 table td.name
	4.2 table black
5. Botões
	5.1 Loading button
	5.2 delete Button
6. tabs cursos.asp
7. area privada perfil_cursos.asp
8. Panels
	8.1 panel black 
9. Ligue gratis
----------------------------------------------------- */

/* ----- 1.1 Header ----- */
.header {
	padding:0px 0px 5px 0px;
	border-bottom: 4px solid #a6ce38;
}
.logo img {
	margin-top: -2px;
}

/* ----- 1.2 Header Top ----- */
.header-top.dark {
	background-color: #a6ce38;
	border-bottom: 1px solid #779525;
	color: #fff;
}
.dark.header-top .social-links li a {
	color: #000;
}
.header-top-dropdown .dropdown>button {
	padding: 8px 10px;
	margin: 0;
	font-size: 12px;
	color: #000;
	text-align: center;
	min-width: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: none;
}
.dark.header-top .header-top-dropdown .dropdown>button {
	border-right: 1px solid #000;
}

/* ----- 1.3 table login ----- */
.amount a {
	color:#fff;
	font-size: 13px;
	font-weight:normal;
}

/* ----- 1.4 Parcerias ----- */
.parcerias {
	text-align:center;
	display:inline;
}

.parcerias img {
    border: 0px solid #eaeaea;
	padding:20px 20px 20px 0;
	display:inline;
}

.parcerias a:hover {
    opacity: 0.7;
}

/* ----- 1.5 footer link ----- */
.link {
	color:#a6ce38;
}
.link:hover { 
	color: #fff;
}

.linkfooter {
	color:#a6ce38;
}
.linkfooter:hover { 
	text-decoration: none;
	color: #fff;
}

/* ----- 1.6 Menu (altura) ----- */
.header-right {
	padding-top:10px;
}

/* ----- 2. Default ----------------------------------------------------- */
/* ----- 2.1 Noticias ----- */
.halfn-txt {
	height: 90px;
	overflow:hidden;
	}
.image-box-noticias {
	height: 220px;
	overflow:hidden;
}
.image-box-noticias img {
	text-align:center;
	align:center;
	width: 100%;
	height:100%;
	overflow: hidden;
}

/* ----- 2.2 Caixa de accoes Default.asp ----- */
.image-box-accoes {
	text-align:center;
    padding: 0px;
}

.image-box-accoes h5 a {
	text-decoration:none;
}

/* ----- 2.3 Nav-pills outros cursos em destaque ----- */
.cursos-content .nav-pills > li > a {
	padding: 4px 25px 10px 0px;
	border-color: transparent;
	color: #999;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.50;
}
.cursos-content .nav-pills > li:last-child > a {
	border-bottom: none;
}
.cursos-content .nav-pills > li.active > a,
.cursos-content .nav-pills > li.active > a:focus,
.cursos-content .nav-pills > li > a:focus {
	color: #999;
	background-color: transparent;
	border-color: transparent;
}
.cursos-content .nav-pills > li.active > a:hover,
.cursos-content .nav-pills > li > a:hover {
	color: #fff;
	background-color: transparent;
	border-color: transparent;
}
.cursos-content .nav-pills.nav-stacked > li > a:after {
	top: 3px;
}
.cursos-content .nav-pills.nav-stacked > li > a:after,
.cursos-content .nav-pills > li.active > a:after,
.cursos-content .nav-pills > li.active > a:hover:after,
.cursos-content .nav-pills > li.active > a:focus:after,
.cursos-content .nav-pills > li > a:hover:after,
.cursos-content .nav-pills > li > a:focus:after {
	color: #999
}

/* ----- 3. Página accoes / perfil_inscricoes.asp ----- */
.accoes {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
	margin: 0 0 50px;
	position: relative;
}
.accoes .accao-body {
	padding: 20px 20px 0 20px;
	min-height: 140px;
}
.accoes h3.title a {
	margin-bottom: 15px;
	color: #4c8606;
	font-weight:bold;
}
.accoes .submitted {
	font-size: 12px;
	margin-bottom: 5px;
}
.accoes .accao-info {
	top: -10px;
	text-align: center;
	z-index: 3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.accoes .accao-content {
	padding: 0 0 10px;
}
.accoes .accao-selecao {
	text-align: center;
}
.accoes ul.links {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.accoes ul.links li {
	display: inline-block;
}
.accoes ul.links li a {
	color: #666666;
	display: inline-block;
}
.accoes ul.links li a:hover {
	color: #e84c3d;
}
.accoes footer {
	background-color: #f1f1f1;
	padding: 12px 20px;
	border-top: 1px solid #e8e8e8;
	font-size: 14px;
	line-height: 2;
	clear: both;
}
.accoes ul.links-list {
	list-style-type: none;
}
.accoes ul.links-list li {
	padding-bottom:5px;
}
/* ----- 3.1 Icone calendario ----- */
time.icon
{
  font-size: 0.9em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #d61d23;
  border-bottom: 1px dashed #e8575c;
  box-shadow: 0 2px 0 #d61d23;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

/* ----- desactivei o efeito swing 
time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}
----- */

/* ----- 4. Tabela---------------------------------------------------- */
/* ----- 4.1 table td.name ----- */
.table > tbody > tr > td.name {
	border-bottom: 1px solid #fff;
	background-color: #a6ce38;
	color: #fff;
}

/* ----- 4.2 table black ----- */
.black .table > thead > tr > th {
	background-color: #36373c;
	color: #fff;
	border-bottom: 2px solid #515151;
}
.black tbody {
	background-color: #27272a;
	color: #cdcdcd;
}
.black .table > tbody> tr {
	border-bottom: 2px solid #515151;
}

.black .table-hover > tbody > tr:hover {
	background-color: #000;

}

/* ----- 5. Botões ----------------------------------------------------- */
/* ----- 5.1 Loading button----- */
.btn-loading {
	color: #fff;
	background-color: #666666;
	border-color: #666666;
}
.btn-loading:hover,
.btn-loading:focus,
.btn-loading:active,
.btn-loading.active,
.open .dropdown-toggle.btn-loading {
	color: #fff;
	background-color: #666666;
	border-color: #666666;
}

/* ----- 5.2 delete Button ----- */
.btndelete {
	padding: 3px 3px 3px 3px;
	width: 35px;
	height: 35px;
	display: block;
	text-align: center;
	font-size: 18px;
	background: #e84c3d;
	border: 0px solid #e84c3d;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* ----- 6. tabs cursos.asp ----- */
.tabs-style-2 .nav-tabs {
	border-bottom: 0px solid #e84c3d;
}
.tabs-style-2 .nav-tabs > li.active > a,
.tabs-style-2 .nav-tabs > li.active > a:hover,
.tabs-style-2 .nav-tabs > li.active > a:focus,
.tabs-style-2 .nav-tabs > li > a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #a6ce38;
	background-color: #a6ce38;
	color: #fff;
}
.tabs-style-2 .tab-content {
	border: 2px solid #a6ce38;
	padding: 20px 10px 20px 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}


/* ----- 7. area privada perfil_cursos.asp ----- */
.media span.alerta {
    position: relative;
    top: -30px;
    left: -10px;
}

/* ----- 8. Panels ----------------------------------------------------- */
/* ----- 8.1 panel black ----- */
.black .list-group > li.active {
	background-color: #36373c;
	color: #fff;
	border-bottom: 1px solid #515151;
}

.black .list-group > li {
	background-color: #27272a;
	color: #cdcdcd;
	border: 1px solid #515151;
}
.black .list-group > li > a {
	color: #cdcdcd;
}
.black .list-group > li:hover {
	background-color: #000;
}


/* ----- 9. Ligue gratis ----------------------------------------------------- */
.liguegratis {
	position: fixed;
	top: 15%;
	left: -7px;
	width: 60px;
	height: 60px;
	text-align: center;
	cursor: pointer;
	z-index: 1010;
	text-align:center;
}
/* Small devices (tablets, 768px and up) */
@media (max-width:768px) {
.liguegratis {
	visibility:hidden;
	}
} 

/* ----- 10. Cursos de formação ----------------------------------------------------- */
.social-links.small li a {
	width: 30px;
	height: 30px;
	font-size: 15px;
}
.social-links.small li a i {
	line-height: 28px;
}

.cursosdestaque {
  border-top: 1px solid #4c8606;
  border-bottom: 1px solid #4c8606;
}

<!----- 11. calendario cronograma -->
		.cal a {
		  text-decoration: none;
		}
		.cal tr:first-child td {
		  border-top: 0;
		}
		.cal td:first-child {
		  border-left: 0;
		}
		.cal tr:first-child a {
		  border-top: 0;
		  margin-top: 0;
		}
		.cal tr:last-child a {
		  border-bottom: 0;
		  margin-bottom: 0;
		}
		.cal td:first-child a {
		  border-left: 0;
		  margin-left: 0;
		}
		.cal td:last-child a {
		  border-right: 0;
		  margin-right: 0;
		}
		.cal tr:last-child td:first-child a {
		  border-radius: 0 0 0 3px;
		}
		.cal tr:last-child td:last-child a {
		  border-radius: 0 0 3px 0;
		}
		
		.cal-table {
		  position: relative;
		  margin: 0 0 1px;
		  border-collapse: separate;
		  border-left: 1px solid #979797;
		  border-right: 1px solid #979797;
		  border-bottom: 1px solid #bbb;
		  border-radius: 0 0 3px 3px;
		}
		
		.cal-caption {
		  width: 100%;
		  padding-bottom: 8px;
		  line-height: 32px;
		  color: white;
		  font-size:18px;
		  font-weight:bold;
		  text-align: center;
		  background: #629c2e;
		  border-radius: 3px 3px 0 0;
		}
		
		.cal-body td {
		  width: 30px;
		  font-size: 14px;
		  border-top: 1px solid #eaeaea;
		  border-left: 1px solid #eaeaea;
		  border-right: 1px solid #eaeaea;
		  border-bottom: 1px solid #eaeaea;
		}
		.cal-body a {
		  display: block;
		  position: relative;
		  line-height: 28px;
		  color: #555;
		  text-align: center;
		}
		.cal-body a:hover {
		  background: #fafafa;
		}
		
		td.cal-off {
		  color: #555;
		  font-weight: normal;
		  line-height: 28px;
		}
		
		td.cal-dias {
		  color: #000;
		  font-weight: bold;
		  text-align:center;
		  width:70px;
		  line-height: 28px;
		  background-color:#efefef;
		}
		
		td.cal-check {
		 background-color: #d2e69b;
		}
		
		.cal-check a {
		  color: #666;
		  overflow: hidden;
		  font-weight:bold;
		}
		
		.cal-check a:before {
		  content: '';
		  position: absolute;
		  top: -6px;
		  right: -6px;
		  width: 12px;
		  height: 12px;
		  background: #a6ce38;
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}
		
		.cal-check a:hover {
		  margin: -1px;
		  color: #fff;
		  background: #a6ce38;
		  text-decoration:none;
		}
		
		.lt-ie8 .cal-table {
		  *border-collapse: collapse;
		}
		.lt-ie8 .cal-body a {
		  zoom: 1;
		}


h4 {
    color: #666;
}

h3.subtitle {
    color: #4c8606;
	padding-top:15px;
}

h1.page-title {
    color: #666;
}

.separator-sidebar {
	display: block;
	width: 100%;
	height: 1px;
	margin: 15px 0 15px;
	background-color: #cccccc;
	position: relative;
}

#toprint {
	display: none;
}