/* GLOSSARIO.VH1 - scrolled version */
#alphabet_L { top: 218px; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
#search-section { top: 155px; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }

#search-section.vh1 { top: 74px; }
#alphabet_L.vh1 { top: 137px; }

.content {
    padding-top: 185px;
}

.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.jigsaw2 {
	position: relative;
	text-align: justify;
}
.content h1 {
	padding: 30px 0 30px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	color: #1b71b9;
}
#alphabet_L {
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    border-bottom: 1px solid #1b71b9;
	z-index: 1;
}
.alphabet_btn {
	text-shadow: rgb(0, 0, 0) 1px 1px 2px;
	margin: 0;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	color: #FFF;
	font-weight: bold;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.alphabet_btn:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-size: 24px;
    line-height: 36px;
}
#search-section {
    border-bottom: 1px solid #1b71b9;
    -webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
    z-index: 1;
}

#information {
	margin: 0px 0 0px 55px;
	padding-right: 20px;
}

.information_title {
	font-size: 40px;
	color: #ffb754;
	font-family: lato-bold;
	text-shadow: rgb(0, 0, 0) 1px 1px 2px;
}

.information_title:hover {
	color: #ffb754;
	text-decoration: none;
}

.glossario-btn {
	background-color: #1b71b9;
    border-color: #269abc;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.glossario-btn:hover {
	background-color: #f89b1c;
	border-color: #f89b1c;
}

#searchtext span{
    background-color:#FF9;
    color:#555;
}

.information_hr {
	margin: 0 0 20px 0;
	border-top: 2px dotted #b5b5b5;
}

#information p {
	margin-right: 30px;
	margin-left: 20px;
	padding: 20px 0;
}

.information_subtitle {
	color: #666;
	font-family: lato-bold;
}

.information_subtitle:hover {
	text-decoration: none;
}

.ol_main {
	list-style-type: upper-roman;
}

.ol_sub {
	list-style-type: lower-alpha;
}

.short {
	height: 48px;
	overflow-y: hidden;
}

.short2 {
	display: block;
	width: 100%;
	height: 50px;
	overflow-y: hidden;
}

.view_more, .view_more2, .view_more3, .view_more4 {
	display: block;
	margin: 20px 0 20px 20px;
	cursor: pointer;
}

#sped {
	position: relative;
	background-image: url(../imgs/dicionario/sped.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
	width:0;
	overflow: visible;
}

.my-inner-content {
	position: relative;
}

#EFD {
	position: absolute;
	width: 70px;
	height: 70px;
	font-size: 12px;
	//background-color: yellow;
	border-radius: 35px;
}

#ECD {
	position: absolute;
	width: 50px;
	height: 50px;
	font-size: 12px;
	//background-color: yellow;
	border-radius: 25px;
}

#searchResult {
    margin-top: 10px;
    float: right;
    margin-right: 30px;
    line-height: 2;
}

.a_bold {
	font-family: lato-bold;
}

.match_word {
    background-color: #ffb754;
    border-radius: 3px;
}

@media (min-width: 1200px) {
	.alphabet_btn { width: 38px; height: 40px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#alphabet_L > .container-fluid { padding: 0px; }
	.alphabet_btn { width: 32px; height: 40px; }
}
@media (min-width: 992px) {
	#alphabet-toggler { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 991px) {
	#alphabet_L { height: 0px; overflow: hidden; }
	#alphabet_L.Active { height: 41px; }
	#alphabet-toggler { height: 32px; color: #FFFFFF; background: #337ab7; border-radius: 6px; border: 1px solid #337ab7; }
	#alphabet-toggler:hover { background-color: #286090; border-color: #204d74; }
}
@media (max-width: 767px) {
	#search-section.vh1 { top: 66px; }
	#alphabet_L { top: 310px; }
	#alphabet_L.vh1 { top: 221px; }
	#alphabet-toggler { position: absolute; top: 56px; right: 248px; }
	#mySearchButtons { width: 50px; padding: 0px 5px; text-align: center; }
	#mySearchButtons a { margin: 0px 0px 8px 0px; }
	#imaginary_container { width: 260px; }
}
@media (min-width: 522px) and (max-width: 767px) {
	#alphabet_L.Active { height: 41px; }
}
@media (max-width: 521px) {
	#alphabet_L.Active { height: 82px; }
}