/**
 * 	2014 version
 verde escuro:#437035 ou #030 em web safe
 verde clarinho:#d5e14d
 verde pastel: #ECF3D2
 laranja:#f29b3a

 TODO: clean up before upload
 */

@font-face {
	font-family: body_font;
	src: url('fonts/century.ttf');
}

body {
    	color: #339933;
    		background-color:#e0e0eb;
/*
b3ffb3
ccffcc
e0e0eb

color: #339933;
	background:#030 url(../../img/bg.jpg) center top no-repeat;
	*/
	line-height: 18px;
	font-size: 13px;
}

body, h1,h2, h3{ font-family: body_font, "verdana", sans-serif }

/*HEADINGS*************************************************/
h1 {
	font-size: 16px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #f29b3a;/*#437035;*/
	padding: 4px;
}

h2 {
	font-size: 14px;
	color: #437035;
	margin-top: 0;
	margin-bottom: 5px;
	background: #ECF3D2;
	padding: 4px;
}

h3{
	color:#437035;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 5px;
	background: #d5e14d;
	padding: 4px;
}

h1,h2,h3{font-weight:bold}

/*isto ainda é usado? se sim n deve ser pois os spam bots topam o esquema..*/
.mel{ display:none }

/*LINKS*************************************************/
a:hover {
	color: red;
	font-size: 12px;
}
a:visited {
	text-decoration: line-through;
}
a:link, a:visited, a:hover, a:active {
	font-size: 11px;
	text-decoration: none;
	color: #333;
}

/**************************************************/

#header{
	margin:0 auto;
	width:100%;
	height: 300px;
}

#header #logo a{
	position:fixed;
	width: 184px;
    margin-left:-15px;
	height:250px;
	display: block;
	z-index:99;
}

@media screen and (min-width: 960px){

    #header #logo a{margin-left:-30px;}
    #header #unit-select{ margin-left:-15px;}

}

#header #flash{
    display:none;
	margin-left: 180px;
    height: 300px;
    width: 100%;
}

#header #unit-select{ margin-top:-50px; /*margin-left:-15px;*/ width:150px }

/*overwrite bootstrap*/
.container{ max-width:960px; /*border:1px solid #fc0*/ }
.main{ background: #fff; border-radius: 5px; padding:15px; margin-left: -15px; margin-right: 15px; width:960px}
@media screen and ( max-width: 959px){ .main{ width:100%; margin-left: auto; } }
.tooltip .tooltip-inner{ color: #f29b3a; background: #030 }
body.modal-open { overflow: visible }

/*.row{ border: 1px solid #ccc }*/

/**************************************************/
/*main_menu*/

.navbar{ background: #063; }
.navbar-default{border:1px solid #f29b3a}
/*.navbar li a{ border-right: 1px solid #f29b3a }*/

/*fat menu selected li*/
.navbar-default .navbar-nav>.open>a:focus { background: #fff }

/*.navbar-brand{ color:#d5e14d }*/
.navbar-default .navbar-brand{ color:#f29b3a; font-size: 14px; border-right: 1px solid #f29b3a }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background: #d5e14d; color:#030 }
.navbar-default .navbar-brand.active{ background:#f29b3a; color:#fff  }

/*bootstrap menu customized min-width 960px*/
@media screen and (min-width: 960px) { .navbar{ width:960px; margin-left:-15px } }

/*normal*/
.navbar-default .navbar-nav>li>a{ text-transform:uppercase; color:#d5e14d; font-size: 11px }
.navbar-default .navbar-nav>li>a:hover{ color:#030; background:#d5e14d}
/*active*/
.navbar-default .navbar-nav>.active>a{ background: #f29b3a }
.navbar-default .navbar-nav>.active>a:hover{ background: #d5e14d }

@media screen and (max-width: 959px){
    .nav>li>a{ padding-left: 5px; padding-right: 5px}
    .img-logo-shaped { width:180px; }
}

.img-logo-shaped {
    width:100%;
	/*height:200px;*/
	margin-right:5px;
	border:12px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
	overflow: hidden;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

/*CALENDAR*/
.course {
	float: left;
	padding: 2px;
	vertical-align: top;
	background: #ECF3D2;
	width: 100%;
	height: 70px;
	display: block;
	overflow: hidden;
}

.course:hover{background:#d5e14d}

/*mobile*/
@media screen and (max-width: 960px) { .course{ margin-bottom: 5px } }

/*.lista-cursos*/
.data {
	background: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #999;
	box-shadow: 0 0 5px #999;
	background: url("../../img/calendar_bkgr.jpg");
	margin:5px 5px 0 5px;
}

.data .mes {
	font-size: 10px;
	color: #fff;
	height: 20px;
}

.dia {
	font-size: 22px;
	font-weight: bolder;
}
.ano {
	font-size: 8px;
	line-height: 8px;
	color: #666;
}
/*END CALENDAR*/

/*listagem de cursos*/
.course-header{ /*background:#eaeaea;*/ width:100%; height:120px; overflow: hidden }
.course-poster{ width:40%; float: left; display: block }
.course-poster img{ width:100% }
.course-header .description{ padding:5px; float: left; width:60% }

/*bootstrap btn´s overwrite**************************************/
.btn-success:link, .btn-success:visited{ background-color:#437035; color:#d5e14d }
.btn-success:hover{ background-color:#f29b3a; color:#000 }

/*bootstrap btn´s**************************************/

/*FOOTER********************************************************/

/*TODO: optimize footer image*/
#footer{ background:url('../../img/footer-bkgr.png'); height:200px }

/*END-FOOTER********************************************************/

/*RESPONSIVE********************************************************/
@media screen and (max-width:959px){

    .course-header{ height:200px}

}

/*EMPRESAS*/
.empresas{ font-size:14px }
.empresas p{ font-size:18px; text-align: center }
.empresas ul{ display:table; margin:0 auto }
.empresas h1{ text-align: center; background:none; color:inherit; font-size: 24px }
.empresas h2{ text-align: center; background:none; color:inherit; font-size: 18px }