/*

// -------------------------------------------------------------------
// Source: /movies/css/movies_style.css
// -------------------------------------------------------------------

*/

html, body {
	background-color: #F5F5F5;
	color: #000000;
	margin: 0px 5px;
	font-family: "Roboto Condensed", serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

#portuguese_wrapper {
	margin: 10px;
}

.pt {
	font-weight: bold;
}

.en {
	background-color: #FFD700;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

a, a:link, a:visited {
	color: #4B0082;
}

h1 {
	text-align: center;
	margin: 15px 0 10px;
}

h2,
h3,
h4 {
	margin: 25px 0 20px;
}

section {
	padding: 40px 5px;
}

section:nth-child(odd) {
	background-color: #D8BFD8;
}

ul.jump_menu {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 10px;
	text-align: center;
}

ul.jump_menu > li {
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #4B0082;
	border-radius: 5px;
	margin: 5px;
}

ul.list_menu {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 10px;
	border-top: 1px solid #4B0082;
}

ul.list_menu > li {
	display: block;
	padding: 5px 8px;
	border-bottom: 1px solid #4B0082;
	margin: 0;
}

ul.two_column_ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

ul.three_column_ul {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

ul.four_column_ul {
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
}

li.indent,
ul.list_menu > li.indent {
	padding-left: 30px;
}

.overflow_content {
	overflow-x: scroll;
}

.word_bank_container {
	padding: 5px 0;
}

table.data_table {
	border-collapse: collapse;
}

table.data_table th,
table.data_table td {
	padding: 5px 7px;
	border: 1px solid #000000;
}

#portuguese_notes_main_menu {
	background-color: #4B0082;
	color: #FFFFFF;
	margin-bottom: 10px;
	text-align: center;
}

#portuguese_notes_main_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#portuguese_notes_main_menu ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#portuguese_notes_main_menu ul li a,
#portuguese_notes_main_menu ul li a:link,
#portuguese_notes_main_menu ul li a:visited {
	padding: 4px;
	margin: 5px;
	display: inline-block;
	color: #FFFFFF;
}



#word_search {
	text-align: center;
	margin: 15px 0;
}

#word_search form {
	display: inline-block;
	padding: 20px;
	background-color: #4B0082;
}

#word_search form input[type=text] {
	height: 30px;
	padding: 0 7px;
	border-radius: 5px 0 0 5px;
	border: 0;
}

#word_search form select {
	height: 30px;
	padding: 0 7px;
	border-radius: 0;
	border: 0;
}

#word_search form input[type=submit] {
	height: 30px;
	padding: 0 7px;
	border-radius: 0 5px 5px 0;
	border: 0;
}

.portuguese_word_teste {
	text-align: center;
}

.portuguese_word_teste img {
	display: inline-block;
	margin: 10px 0;
}

.correct_guess {
	display: inline-block;
	margin: 15px;
	font-size: 25px;
	color: #32CD32;
	font-weight: bold;
}

.incorrect_guess {
	display: inline-block;
	margin: 15px;
	font-size: 25px;
	color: #B22222;
	font-weight: bold;
}

.correct_guess_inline {
	display: inline;
	color: #32CD32;
}

.incorrect_guess_inline {
	display: inline;
	color: #B22222;
	text-decoration: line-through;
}

input.small {
	width: 50px;
}

input.medium {
	width: 130px;
}

#crossword_board {
	display: inline-block;
	border: 1px solid #4B0082;
	margin: 0 auto;
}

#crossword_board .space,
#crossword_board .empty_space {
	display: inline-block;
	padding: 3px 0;
	height: 30px;
	max-height: 30px;
	width: 30px;
	max-width: 30px;
	font-weight: bold;
	border: 1px solid #4B0082;
	font-size: 18px;
	vertical-align: middle;
}

#crossword_board .empty_space {
	background-color: #4B0082;
	color: #4B0082;
}


/*
// *******************************************************************
// LESS THAN 576PX
// *******************************************************************
*/

@media all and (max-width: 576px) {
	html, body {
		font-size: 15px;
	}

	#portuguese_wrapper {
		margin: 0;
	}

	.two_container {
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: auto;
	}
	
	.three_container {
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: auto;
	}
	
	.four_container {
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: auto;
	}
	
	.five_container {
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: auto;
	}
	
	.six_container {
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: auto;
	}

	#word_search form {
		text-align: center;
		display: block;
		padding: 5px 0;
	}

	#word_search form input[type=text] {
		height: 30px;
		padding: 0 7px;
		border-radius: 5px;
		border: 0;
		display: block;
		margin: 5px auto;
	}
	
	#word_search form select {
		height: 30px;
		padding: 0 7px;
		border-radius: 5px;
		border: 0;
		display: block;
		margin: 5px auto;
	}
	
	#word_search form input[type=submit] {
		height: 30px;
		padding: 0 7px;
		border-radius: 5px;
		border: 0;
		display: block;
		margin: 5px auto;
	}
}