/***************************************************************************************************
*************** GENERAL ****************************************************************************
***************************************************************************************************/
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	background: #fff;
	color: #3a3a3a;
	padding: 0 0 40px 0;
	margin: 0;

	background: #91E9FF;
	background: -moz-linear-gradient(left,  #91E9FF 0%, #ffffff 15%, #ffffff 85%, #91E9FF 99%);
	background: -webkit-linear-gradient(left,  #91E9FF 0%,#ffffff 15%,#ffffff 85%,#91E9FF 99%);
	background: linear-gradient(to right,  #91E9FF 0%,#ffffff 15%,#ffffff 85%,#91E9FF 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91E9FF', endColorstr='#91E9FF',GradientType=1 );

}
/*******************************************************************************************************************
*************** CUSTOM CONTAINERS **********************************************************************************
********************************************************************************************************************/
[class^="container-"] { padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.container-820 { max-width: 820px; }

/***************************************************************************************************
*************** MAIN MENU **************************************************************************
***************************************************************************************************/
#main-menu {
	border-radius: 0;
	padding: 10px 0;
	margin-bottom: 30px;
}

#main-menu.sub-page {
	background: #ececec;
}

#main-menu .navbar-nav {
	margin-top: 17px;
}

#main-menu .navbar-nav > li > a {
	font-size: 18px;
	line-height: 27px;
	color: #9b9b9b;
}

#main-menu .navbar-nav > li > a:hover {
	background: transparent;
	text-decoration: underline;
	color: #1b1b1b;
}

#main-menu .search-box {
	float: left;
	margin: 17px 0 0 50px;
	width: 550px;
}

#main-menu .search-box form {
	width: auto;
}

#main-menu .navbar-brand {
	height: auto;
	color: #212121;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
	padding: 0;
}

/**************************************************************************************************
*************** ALPHABET ************************************************************************
**************************************************************************************************/
.alphabet {
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.alphabet ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.alphabet ul li {
	display: inline-block;
	margin-left: 5px;
}

.alphabet ul li a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #777;
	text-decoration: none;
	display: block;
	padding: 4px 10px;
	text-transform: uppercase;
}

.alphabet ul li a:hover, .alphabet ul li a.active  {
	text-decoration: none;
	background: #ec1f27;
	color: #fff;
}

/**************************************************************************************************
*************** WORD TABLE ************************************************************************
**************************************************************************************************/
.word-table .word {
	font-size: 18px;
	line-height: 27px;
	color: #ec1f27;
	font-weight: 600;
	letter-spacing: 0.3px;
}

.word-table > thead > tr > th, 
.word-table > tbody > tr > th, 
.word-table > tfoot > tr > th, 
.word-table > thead > tr > td, 
.word-table > tbody > tr > td, 
.word-table > tfoot > tr > td {
	border-top: none;
	border-bottom: 1px solid #dfdfdf;
	padding: 20px 10px 10px 0;
}

.word-table .description {
	font-size: 16px;
	line-height: 24px;
}

/**************************************************************************************************
*************** SEARCH BOX ************************************************************************
**************************************************************************************************/
.search-box .form-group {
	position: relative;
	margin-bottom: 0;
}

.search-box .form-control {
	border: 1px solid #dfdfdf;
	height: 55px;
	background: #fff;
	color: #7e7e7e;
	font-size: 18px;
	line-height: 27px;
	border-radius: 2px;
	box-shadow: none;
}

.search-box .form-control:focus {
	box-shadow: none;
	border: 1px solid #ec1f27;
	color: #1b1b1b;
}

.search-box .btn-submit {
	position: absolute;
	right: 1px;
	top: 1px;
	background: #ec1f27;
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 45px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.search-box .btn-submit:hover {
	background: #d51820;
}

.search-box label {
	display:none;
}

/***************************************************************************************************
************** SEARCH PAGE *************************************************************************
***************************************************************************************************/
.search-page {
	overflow: hidden;
}

.search-page .results .header {
	overflow: hidden;
	margin-bottom: 20px;
}

.search-page .results .header h3 {
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	margin: 0;
	color: #1b1b1b;
}

.search-page .results .header h3 span {
	color: #ec1f27;
}

.search-page .results ul {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 650px;
}

.search-page .results ul li {
	margin-bottom: 20px;
	position: relative;
	padding: 20px 0;
}

.search-page .results ul li .title {
	overflow: hidden;
	margin-bottom: 10px;
}

.search-page .results ul li h3 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	margin: 0;
	color: #ec1f27;
	float: left;
	font-weight: 600;
}

.search-page .results ul li h3 a {
	color: #ec1f27;
}

.search-page .results ul li h4 {
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	margin: 4px 8px 0 0;
	color: #1b1b1b;
	float: right;
	font-style: italic;
}

.search-page .results ul li .layer {
	display: inline-block;
	padding: 4px 10px;
	background: #009933;
	color: #fff;
}

.search-page .results ul li .layer:hover {
	text-decoration: none;
	background: #03832e;
}

.search-page .results ul li p {
	color: #9b9b9b;
	margin: 0 0 15px 0;
	font-size: 18px;
	line-height: 27px;
}

.search-page .results .no-results {
	font-size: 18px;
	line-height: 27px;
	margin: 0;
}

.pagination > li > a, .pagination > li > span {
	border: 1px solid #dfdfdf;
	border-radius: 0;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 16px;
	color: #777;
	padding: 5px 14px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background: #ec1f27;
	color: #fff;
}


/**************************************************************************************************
*************** TEXT PAGE *************************************************************************
**************************************************************************************************/
.text-page .content {
	overflow: hidden;
}

.text-page .content h2 {
	font-size: 36px;
	line-height: 54px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #2c99ed;
}

.text-page .content .cms-text {
	font-size: 18px;
	line-height: 27px;
	margin: 0;
	color: #1b1b1b;
}

.text-page .content .cms-text h1 {
	font-size: 24px;
	line-height: 36px;
}

.text-page .content .cms-text h2 {
	font-size: 20px;
	line-height: 30px;
}

.text-page .content .cms-text h3 {
	font-size: 18px;
	line-height: 27px;
}

.text-page .content .cms-text img {
	padding: 5px;
}

/**************************************************************************************************
*************** FOOTER LOGOS **********************************************************************
**************************************************************************************************/
.footer-logos {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.footer-logos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-logos ul li {
	float: left;
	margin-right: 10px;
}

.footer-logos ul li:last-child {
	margin-right: 0;
}

.footer-logos ul li a .img-responsive {
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.footer-logos ul li a:hover .img-responsive {
	 -webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.logo-left {
	position: fixed;
	bottom: 20px;
	left: 20px;
}

.logo-right {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.Odrgram {
	font-style: italic;
}

.GramBlok {
}

.Polisemijabroj {
	font-weight: 600;
}

.Podnatuknica {
	font-weight: 600;
}

/*.Usporedi {
	color: #ec1f27;
}*/

.Odrstruka {
	font-style: italic;
}

.GramBlokI {
	font-style: italic;
}

.word-link {
	color: #ec1f27;
}

.smallcaps {
	font-variant: small-caps;
}

.outer-table {
	padding: 0 40px;
}

/**************************************************************************************************
*************** RESPONSIVE **********************************************************************
**************************************************************************************************/
@media (min-width: 992px) and (max-width: 1200px) {
	#main-menu .search-box {
		width: 485px;
		margin: 5px 0 0 15px;
	}
}

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

	#main-menu .search-box {
		margin: 5px 0 0 10px;
    	width: 340px;
	}

	.search-box .form-control {
		font-size: 16px;
    	height: 50px;
    	line-height: 24px;
	}

	.search-box .btn-submit {
		font-size: 16px;
		line-height: 24px;
		padding: 11px 25px;
	}

	#main-menu .navbar-nav > li > a {
		font-size: 16px;
		line-height: 24px;
		padding: 15px 7px;
	}

}

@media (max-width: 767px) {

	.footer-logos {
		display: none;
	}

	.navbar-toggle {
		border: 1px solid #000;
		margin-top: 14px;
	}

	.navbar-toggle .icon-bar {
		background: #000;
	}

	#main-menu .search-box {
		width: 450px;
		margin: 5px 0 0 0;
	}

	.search-box.home {
		padding: 0 15px;
	}

	.term-page .content {
		margin-bottom: 20px;
	}

	#main-menu .navbar-brand {
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
		padding: 15px;
	}

	#main-menu .navbar-brand > img {
		display: inline-block;
	}

	.word-table > thead > tr > th, 
	.word-table > tbody > tr > th, 
	.word-table > tfoot > tr > th, 
	.word-table > thead > tr > td, 
	.word-table > tbody > tr > td, 
	.word-table > tfoot > tr > td {
		display: block;
		border-bottom: none;
		padding: 10px 10px 5px 0;
	}

	.word-table tr {
		border-bottom: 1px solid #dfdfdf;
	}

	.scrollable {
		width: 100%;
		overflow: hidden;
		height: 33px;
	}

	.scrollable ul {
		overflow-x: auto;
		white-space: nowrap;
	}

	.alphabet ul li {
		margin-right: 0;
	}

	.logo-left,
	.logo-right {
		display: none;
	}

	.outer-table {
		padding: 0 10px;
	}

	#main-menu .search-box {
		width: 320px;
		margin: 5px auto 0 auto;
		float: none !important;
	}

	.search-box .btn-submit {
		padding: 12px 25px;
	}

	#main-menu .navbar-nav {
		display: none;
	}

}

@media (max-width: 480px) {

	.footer-logos {
		display: none;
	}

	.navbar-toggle {
		border: 1px solid #000;
		margin-top: 14px;
	}

	.navbar-toggle .icon-bar {
		background: #000;
	}



	.search-box.home {
		padding: 0 15px;
	}

	.search-box .btn-submit {
		padding: 11px 20px;
		font-size: 16px;
		line-height: 24px;
	}

	.search-box .form-control {
		font-size: 16px;
		line-height: 24px;
		height: 50px;
	}

	.search-page .results ul li h3 {
		font-size: 20px;
		line-height: 30px;
		float: none;
	}

	.search-page .results ul li h4 {
		font-size: 16px;
		line-height: 24px;
		float: none;
	}

	.search-page .results ul li p {
		font-size: 16px;
		line-height: 24px;
	}

	.term-page .content {
		margin-bottom: 20px;
	}

	.term-page .widget h4 {
		font-size: 18px;
		line-height: 27px;
	}

	.term-page .content p {
		font-size: 16px;
		line-height: 24px;
	}

	.text-page .content .cms-text {
		font-size: 16px;
		line-height: 24px;
	}

	.text-page .content h2 {
		font-size: 28px;
		line-height: 42px;
	}

	#main-menu .search-box {
		width: 290px;
	}
}