/*
Curso de Anatomia 2016 - SBCD
@2016 R3 Com Mkt

Cores:


*/

@import url(//fonts.googleapis.com/css?family=Oxygen:300,400,700);
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600); */

html {
	font-size: 62.5%;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}

body {
	background: #fff;
	height: 100%;
}

.no-touch a:hover, .no-touch a:active {
	opacity: 0.7;
}

.wrapper {
	max-width: 1024px;
	margin: 0 auto;
	height: 100%;
}

.main-header {
	width: inherit;
	margin: 0;
}

	.main-header h1 {
		display: block;
		width: 1024px;
		max-height: 200px;
		margin: 0;
		font-size: 0;
		background: #444;
	}
	
		.main-header h1 img {
			max-width: 100%;
		}

.main-nav {
	display: block;
	width: inherit;
	text-align: center;
	margin: 0 0 2em 0;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	background: #666;
	background-image: linear-gradient(#666, #999);
}

	.main-nav ul {
		margin: 0 auto;
		padding: 0;
	}

		.main-nav ul li {
			display: inline-block;
			margin: 0;
			padding: 0.5em 0;
		}
		
			.main-nav ul li a {
				padding: 0.3em 1em;
				font-size: 2em;
				font-weight: 300;
				color: #fff;
				text-decoration: none;
			}
			
			.nav-selected {
				font-weight: 400 !important;
				color: #333 !important;
			}

.main-body {
	display: inline-block;
	width: 75%;
	padding: 1em 0.5em;
	margin: 0;
	vertical-align: top;
}

	.main-body h1 {
		font-size: 3em;
		font-weight: 300;
		line-height: 1.2em;
		color: #999;
		margin-top: 0;
	}

	.main-body h2 {
		font-size: 2em;
		font-weight: 300;
		line-height: 1.5em;
		color: #666;
	}

	.main-body h3 {
		font-size: 2em;
		line-height: 1.5em;
		color: #aaa;
		margin-bottom: 0.3em;
	}

	.main-body p {
		font-size: 1.6em;
		line-height: 2em;
		color: #333;
		margin-top: 0;
		margin-bottom: 1em;
	}

		.main-body p strong {
			color: #aaa;
			font-weight: 400;
		}
		
		.main-body p a {
			color: #aaa;
		}

	.main-body ul {
	
	}
	
	.main-body li {
		font-size: 1.6em;
		line-height: 2em;
		color: #333;
	}
	
		.main-body li strong {
			
		}
		
		.main-body li a {
			color: #aaa;	
		}

	.main-body table {
		font-size: 1.3em;
	}
	
		.main-body table thead {
			
		}
		
			.main-body table thead tr {
				border-bottom: 2px solid #aaa;
			}
			
			.main-body table thead th {
				padding: 0.7em 1em;
				font-size: 1.4em;
				font-weight: bold;
				text-align: left;
			}

		.main-body table tbody {
			
		}
		
			.main-body table tbody tr {
				border-bottom: 1px solid #ccc;
			}
			
			.main-body table tbody th {
				padding: 0.7em 1.2em 0.7em 0;
				font-size: 1.2em;
				font-weight: bold;
				line-height: 1.4em;
				text-align: left;
			}
			
			.main-body table tbody td {
				padding: 0.7em 1em;
				font-size: 1.2em;
				line-height: 1.4em;
				text-align: left;
			}

.sidebar {
	display: inline-block;
	width: 20%;
	margin-left: 1.5%;
	margin-top: 2em;
	padding: 0 0 0 1%;
	border-left: 1px solid #ccc;
}

	.sidebar h3 {
		font-size: 1.3em;
		font-style: italic;
		line-height: 1.4em;
		margin-top: 0;
		margin-bottom: 0.3em;
		color: #666;
	}
	
	.sidebar p {
		font-size: 1.2em;
		font-style: italic;
		line-height: 1.4em;
		margin-top: 0;
		color: #666;
	}
	
	.sidebar ul {
		padding-left: 2em;
		margin-top: 0;
	}
	
	.sidebar li {
		font-size: 1.2em;
		font-style: italic;
		line-height: 1.4em;
		margin-top: 0;
		color: #666;
	}
	
	.sidebar img {
		max-width: 100%;
		border: 1px solid #aaa;
		margin-bottom: 1em;
	}

.credit-box {
	margin-top: 2em;
	padding: 0.5em 0;
	border-top: 1px solid #ccc;
}

	.credit-item {
		display: inline-block;
		min-width: 250px;
		padding: 0;
		margin: 0 0.60em;
		text-align: center;
		vertical-align: top;
	}
	
		.credit-item h4 {
			font-size: 1.5em;
			font-weight: 700;
			color: #666;
			margin: 0;
			padding: 1em 0 1.4em 0.4em;
		}
		
		.credit-item p, .credit-item a {
			margin: 0;
			padding: 0;
			color: #999;
		}
		
	.credit-item33 {
		display: inline-block;
		width: 32%;
	}
	
	.credit-item50 {
		display: inline-block;
		width: 48%;
	}
	
	.credit-item66 {
		display: inline-block;
		width: 65%;
	}
	
	.credit-item100 {
		display: block;
		width: 100%;
	}

.tourism-box {
	margin-top: 2em;
	padding: 0.5em 1em;
	border-top: 1px solid #ccc;
}

	.tourism-item {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
		.tourism-item h4 {
			font-size: 1.5em;
			font-weight: 700;
			color: #666;
			margin: 0;
			padding: 1em 0 1.4em 0;
		}
		
		.tourism-item p, .tourism-item a {
			font-size: 1.1em;
			width: 100%;
			margin: 0;
			padding: 0.2em 0 0 0;
			color: #333;
			text-decoration: none;
		}

.main-footer {
	margin-top: 2em;
	padding: 0;
	border-top: 1px solid #ccc;
}

	.main-footer p {
		padding: 0.6em 0;
		margin: 0;
		font-size: 1em;
		font-weight: 700;
		color: #aaa;
	}

/* Utilities */

.img-left {
	float: left;
	max-width: 40%;
	margin: 0.5em 1em 1em 0;
}

.img-right {
	float: right;
	max-width: 40%;
	margin: 0.5em 0 1em 1em;
}

iframe {
	width: 100%;
}


@media screen and (min-width: 769px) and (max-width: 1024px) {

	.wrapper {
		width: 90%;
		margin: 0 5%;
	}
	
	.main-header {
		width: 100%;
		margin: 0;
	}
	
		.main-header h1 {
			width: 100%;
		}
	
	.main-nav {
		width: 100%;
	}
	
	.credit-box {
		margin-top: 1em;
		padding: 1em 0;
	}
	
		.credit-item {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		
			.credit-item h4 {
				padding: 2em 0 0.5em 0;
			}

}

@media screen and (min-width: 481px) and (max-width: 768px) {

	.wrapper {
		width: 94%;
		margin: 0 3%;
	}
	
	.main-header {
		width: 100%;
		margin: 0;
	}

		.main-header h1 {
			width: 100%;
		}
	
	.main-nav {
		width: 100%;
	}
	
	.main-body {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.sidebar {
		display: table;
		width: 100%;
		height: auto;
		padding: 1em 0;
		margin: 0;
		border-left: none;
		border-top: 1px solid #ccc;
	}
		
		.sidebar img {
			float: left;
			max-width: 100%;
			margin-right: 1em;
		}
		
		.ilustr {
			width: 100%;
		}
		
		.sidebar a {
			display: inline-block;
			vertical-align: top;
		}
	
	.credit-box {
		margin-top: 1em;
		padding: 1em 0;
	}
	
		.credit-item {
			display: block;
			width: 100%;
			margin: 1.5em auto 0 auto;
		}
		
			.credit-item h4 {
				padding: 2em 0 0.5em 0;
			}

		.credit-item33 {
			display: block;
			width: 100%;
		}
	
		.credit-item50 {
			display: block;
			width: 100%;
		}
	
		.credit-item66 {
			display: block;
			width: 100%;
		}
	
		.credit-item100 {
			display: block;
			width: 100%;
		}
	
	.tourism-box {
		padding: 1em 0;
	}
	
		.tourism-item {
			margin: 0 auto;
		}
		
			.tourism-item h4 {
				padding: 2em 0 0.5em 0;
			}

	iframe {
		width: 90%;
	}
}

@media screen and (max-width: 480px) {

	.wrapper {
		width: 96%;
		margin: 0 2%;
	}
	
	.main-header {
		width: 100%;
		margin: 0;
	}

		.main-header h1 {
			width: 100%;
		}
	
	.main-nav {
		width: 100%;
		text-align: left;
	}
	
		.main-nav ul {
			padding: 0.5em 0;
		}
		
		.main-nav ul li a {
			display: inline-block;
			width: 5.6em;
			padding: 0 1em;
			font-size: 2em;
			text-decoration: none;
		}
	
	.main-body {
		display: block;
		width: 100%;
		padding: 0;
	}
	
		.main-body table {
			font-size: 1.2em;
		}
	
			.main-body table thead th {
				font-size: 1.2em;
			}
			
			.main-body table tbody th {
				font-size: 1em;
			}
	
	.sidebar {
		display: block;
		width: 100%;
		padding: 1em 0;
		margin: 0;
		border-left: none;
		border-top: 1px solid #ccc;
	}
	
		.sidebar img {
			display: block;
			max-width: 100%;
			margin-right: 1em;
		}
	
	.credit-box {
		margin-top: 1em;
		padding: 1em 0;
	}
		
		.credit-item {
			display: block;
			width: 100%;
			margin: 1.5em auto 0 auto;
		}
		
			.credit-item h4 {
				padding: 2em 0 0.5em 0;
			}
			
			.credit-item p {
				margin-top: 2em;
			}

		.credit-item33 {
			display: block;
			width: 100%;
		}
	
		.credit-item50 {
			display: block;
			width: 100%;
		}
	
		.credit-item66 {
			display: block;
			width: 100%;
		}
	
		.credit-item100 {
			display: block;
			width: 100%;
		}
	
	.tourism-box {
		padding: 1em 0;
	}
	
		.tourism-item {
			margin: 0 auto;
		}
		
			.tourism-item h4 {
				padding: 2em 0 0.5em 0;
			}

	iframe {
		width: 80%;
	}

}