body, html {

	height: 100%;

	width: 100%;

}



body, h1, h2, h3, h4, h5, h6 {

	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 700;

}



.lead {

	font-size: 18px;

	font-weight: 400;

}



.page-content{

	padding-top: 5%;

	padding-bottom: 5%;

	color: #333;

}



.intro-header {

	padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */

	padding-bottom: 50px;

	color: #f8f8f8;

	text-align: center;

}

.confirmation-index{

	background: url(../images/bkg_reistration.jpg) no-repeat center center;

	background-size: cover;

}



.voluntariado-index{

	background: url(../images/voluntariado_bg.jpg) no-repeat center center;

	background-size: cover;

	background-position:right top;

}



.error_bg{

	background: url(../images/404_bg.gif) no-repeat center center;

	background-size: cover;

}

.intro-message {

	position: relative;

	padding-top: 10%;

	padding-bottom: 10%;

}



.intro-message > h1 {

	margin: 0;

	font-size: 5em;

	text-shadow: 2px 2px 3px rgba(10, 10, 10, 0.6);

}



.intro-divider {

	width: 400px;

	border-top: 1px solid #f8f8f8;

	border-bottom: 1px solid rgba(10, 10, 10, 0.2);

}



.intro-message > h3 {

	text-shadow: 2px 2px 3px rgba(10, 10, 10, 0.6);

}



@media (max-width: 767px) {

	.intro-message {

		padding-bottom: 15%;

	}



	.intro-message > h1 {

		font-size: 3em;

	}



	ul.intro-social-buttons > li {

		display: block;

		margin-bottom: 20px;

		padding: 0;

	}



	ul.intro-social-buttons > li:last-child {

		margin-bottom: 0;

	}



	.intro-divider {

		width: 100%;

	}

	.page-content{

		padding-top: 10%;

		padding-bottom: 10%;

		color: #333;

	}

}



.network-name {

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 400;

	letter-spacing: 2px;

}



.content-section-a {

	background-color: #f8f8f8;

	padding: 50px 0;

}



.content-section-b {

	border-top: 1px solid #e7e7e7;

	border-bottom: 1px solid #e7e7e7;

	padding: 50px 0;

}



.section-heading {

	margin-bottom: 30px;

}



.section-heading-spacer {

	border-top: 3px solid #e7e7e7;

	width: 200px;

	float: left;

}



.banner {

	padding: 100px 0;

	color: #f8f8f8;

	background: url(../img/banner-bg.jpg) no-repeat center center;

	background-size: cover;

}



.banner h2 {

	margin: 0;

	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);

	font-size: 3em;

}



.banner ul {

	margin-bottom: 0;

}



.banner-social-buttons {

	float: right;

	margin-top: 0;

}



@media (max-width: 1199px) {

	ul.banner-social-buttons {

		float: left;

		margin-top: 15px;

	}	

}



@media (max-width: 767px) {

	.banner h2 {

		margin: 0;

		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);

		font-size: 3em;

	}



	ul.banner-social-buttons > li {

		display: block;

		margin-bottom: 20px;

		padding: 0;

	}



	ul.banner-social-buttons > li:last-child {

		margin-bottom: 0;

	}	

}



footer {

	background-color: #f8f8f8;

	padding: 50px 0;

}



p.copyright {

	margin: 15px 0 0;

}



.btn-file {

    position: relative;

    overflow: hidden;

}

.btn-file input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    font-size: 999px;

    text-align: right;

    filter: alpha(opacity=0);

    opacity: 0;

    outline: none;

    background: white;

    cursor: inherit;

    display: block;

}

.required2:after { content:" *"; color: #a94442;}



.top10{

	padding-top: 10px;

}



.top15{

	padding-top: 15px;

}



.top20{

	padding-top: 20px;

}



.top25{

	padding-top: 25px;

}



.top30{

	padding-top: 30px;

}



.top35{

	padding-top: 35px;

}



.top40{

	padding-top: 40px;

}



.top45{

	padding-top: 45px;

}



.top75{

	padding-top: 75px;

}



.top100{

	padding-top: 100px;

}



.form-signin-heading{

	text-shadow: 1 -5px 28px rgba(0,0,0,1);

}



@media screen and (max-width: 80em) {

	.top100{

		padding-top: 15px;

	}

}



@media screen and (max-width: 60em) {

	.top100{

		padding-top: 10px;

	}

}



@media screen and (max-width: 35em) {

	.top100{

		padding-top: 5px;

	}

}



@media screen and (max-width: 24em) {

	.top100{

		padding-top: 0px;

	}

}





table.calendar {

    margin-bottom: 0;

}



table.calendar > thead > tr > th {

    text-align: center;

}



table.calendar > tbody > tr > td {

    height: 20px;

}



table.calendar > tbody > tr > td > div {

    //padding: 8px;

    height: 40px;

    overflow: hidden;

    display: inline-block;

    vertical-align: middle;

    float: left;

}



table.calendar > tbody > tr > td.has-events {

    color: white;

    cursor: pointer;

    padding: 0;

    border-radius: 4px;

}



table.calendar > tbody > tr > td.has-events > div {

    background-color: #08C;

    border-left: 1px solid white;

}



table.calendar > tbody > tr > td.has-events > div:first-child {

    border-left: 0;

    margin-left: 1px;

}



table.calendar > tbody > tr > td.has-events > div.practice {

    opacity: 0.7;

}

table.calendar > tbody > tr > td.conflicts > div > span.title {

    //color: red;

}

table.calendar > tbody > tr > td.max-conflicts > div {

    background-color: red;

    color: white;

}



table.calendar > tbody > tr > td.has-events > div > span {

    display: block;

    text-align: center;

}

table.calendar > tbody > tr > td.has-events > div > span a {

    color: white;

}



table.calendar > tbody > tr > td.has-events > div > span.title {

    font-weight: bold;

}



table.table-borderless > thead > tr > th, table.table-borderless > tbody > tr > td {

    border: 0;

}



.table tbody tr.hover td, .table tbody tr.hover th {

    background-color: whiteSmoke;

}



.no-events:hover{

	background-color: whiteSmoke;

	cursor: pointer;	

}