@font-face {
	font-family: "Maiandra GD";
	src: url('/inc/fonts/maiandra-gd-regular.eot');
	src: url('/inc/fonts/maiandra-gd-regular.eot?#iefix') format('embedded-opentype'),
		url('/inc/fonts/maiandra-gd-regular.woff') format('woff'),
		url('/inc/fonts/maiandra-gd-regular.ttf') format('truetype'),
		url('/inc/fonts/maiandra-gd-regular.svg#adlerRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Cooper black";
	src: url('/inc/fonts/Cooper Black Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

div.aviso_remocion { background-color: white; color: darkgray; }
div.aviso_remocion p { 
	font-size: small;
    margin: 0 0 4pt 0;
}

div#accordion div.card {
	background-color: white;
	border-radius: 1rem;
    margin-bottom: 2px;
}

div#accordion div.card div.card-body {
	padding-top: 0;
	border-radius: 1rem;
}

div#accordion div.card-header {
	background-color: initial;
	border-bottom: none;
}

div#accordion h5 {
	font-family: "Cooper black";
}

div.lista_videos { 
	height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
	background-color: #f8f9fa;
    border: thin solid #edf5fd;
    padding: 10px;
}

div.como_funciona {
    background-color: white;
	color: black;
	margin-bottom: 200px;
}

div.como_funciona h1, div.como_funciona h2 { text-align:left; }

div.como_funciona.first {
	margin-top: 60px;
	margin-bottom: 0px;
}

div.como_funciona ol li { font-weight: bold; margin-top: 6pt; }
div.como_funciona ul li {
	font-weight: initial;
}


div.como_funciona ul {
	list-style: none;
	margin-left: 0;
    text-indent: -0.8em;
}


div.como_funciona li div {
	font-weight: initial;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.dn { display: none; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

div.show_ids { display: none; }
div.show_ids, div.show_ids a { font-size: 10pt; font-weight: bold; color: orange; }
div.content_jhh div.demasiadas_entradas { color: red; }

div.show_ids.updatable { cursor: pointer; }
div.textareas textarea { width: 100%; }
.resultado p.souvenir { font-weight: bold; color: #c9c8c8; }
.resultado p.souvenir a { color: #EE961B; }

div.aviso_no_registrado, div.colaboracion {
	border-style: solid;
	border-width: thin;
	text-align: center; font-size: 14pt; color: indianred; font-weight: bold;
	background-color: ivory;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 0;
}

div.aviso_no_registrado div.chico { font-size: 10pt; font-weight: initial; }

div.content_jhh div.colaboracion {
	border-color: #cc994e;
	background-color: ivory;
	font-size: 10pt;
	width: 70%;
	margin-bottom: 6px;
}

div.content_jhh div.colaboracion p {
	margin-bottom: 0;
}

div.collaborations_window { 
	position: fixed;
    top: 100px;
    left: 300px;
	padding: 20px;
	width: 600px; border: solid medium darkgray; background-color: #d4cae8;
	color: #49209a;
	z-index: 1000;
}

div.collaborations_text { margin-bottom: 0; margin-top: 3px; }
div.collaborations_text h2 { font-weight: bold; }
div.collaborations_text p { margin: 0 }
div.collaborations_text p.lema { font-weight: bold; margin: 0; }
div.collaborations_text p.acepcion { margin: 2px 10px; border-top: thin solid violet }
div.collaborations_text div.texto { margin-left: 20px; color: black; width: 400px; }

div.icon_attribution, div.icon_attribution a { font-size: small }

div.icon_collaboration {
	position: fixed; top: 100px; left: 10px; text-align: center;
	background-color: ivory;
	border-color: #cc994e;
	border-style: solid;
	border-width: thin;
}

div.separador_edicion { border-top: solid thin darkgray; margin-top: 6px; }

.myrounded {
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 10px;
}

div.flag_buttons { float: right; width: 200px; margin-left: 4px; }
img.ilustracion { width: 100%; border: solid thin black; margin-bottom: 6px; }
img.ilustracion.thumb { width: 45px; float: left; margin-right: 6px; }
img.imgbtn { cursor: pointer; height: 24px; }
img.imgbtn.big { height: 48px; }

a.buscar_en_este_pais { color: darkgreen; }
li.nav-item a.nav-link { font-size: large; }
li.nav-item a.nav-link.anchor_session { color: white; }

.social-media-top li:last-child {
    margin-top: 0;
}

div.documentacion {
	border: medium solid black;
	padding: 15px;
	background-color: #EAFEEA;
	color: black;
	font-size: 10pt;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div.documentacion h3 {
	text-transform: initial;
	font-weight: bold;
	color: #00572d;
}

div.documentacion h6 {
	font-size: 10pt;
	font-weight: bold;
	color: #00572d;
}

ul.dialogue {
	margin-left: -5px; 
	list-style: none;
}

li.dialogue {
	text-indent: -1.6em;
	margin-left: 1.6em;
	font-size: 10pt;
}

li.dialogue::before {
	content: "\2014";
	padding-right: 0.6em;
	font-size: 8pt;
}

div.resultados.descripcion div.acepcion {
	border-top: thin solid #ddd;
}

div.resultados.descripcion span.acepcion {
    color: black;
}

div.resultados.descripcion span.acep_observaciones {
    color: #F28D2D;
	font-weight: bold;
}

div.resultados.descripcion span.aclaraciones {
    color: #941114;
}

div.resultados.definicion div.ejemplos {
    text-indent: -20px;
    padding-left: 40px;
    margin-bottom: 4px;
	padding-bottom: 0;
}

div.content_jhh span.forma_canonica { font-weight: bold; color: black; }
div.content_jhh span.forma_canonica_opcional { font-weight: initial; color: black; }
div.resultados div.ejemplos span.ejemplo { color: black; }
div.ejemplos span.pais span.region { font-weight: initial; color: #00572D; }

div.documentacion h1, div.documentacion h2 { font-weight: bold; text-align: left; color: #00572d }
div.documentacion h1 { font-size: 14pt; }
div.documentacion h2 { font-size: 12pt;  text-transform: none; }
div.documentacion p.texto { font-style: italic; }
div.documentacion span.autor { font-style: initial; font-weight: bold; }
div.documentacion span.medio { font-style: initial; }
div.documentacion a { text-decoration: underline; color: #941114; font-weight: bold; }

div.textareas input { margin-bottom: 5px; }
div.textareas input, div.textareas textarea { background-color: ivory; }

div.content_jhh h6.card-title { font-size: 0.75rem; font-weight: bold; margin: 0; text-align: center; }
div.content_jhh div.card-text { font-size: 0.8rem; line-height: 1rem; margin-top: 5px; }

img.flags { float: right; width: 75px; margin-top: 5px; margin-left: 5px; }
img.flags.chico { width: initial; }
img.flags.anglicismo { height: 21px; }
div.vocabulario img { float: left; width: initial; margin: 0; margin-right: 10px; margin-top: 5px; }
div.vocabulario td { width: 19%; }
div.vocabulario td div { margin-top: 2px; margin-bottom: 2px; padding-left: 2px; border-top: thin solid #e2e2e2; }
div.vocabulario td div a:hover { text-decoration: none; }

section#banner h2 span.entradas_listadas { font-size: 1.5rem }
h2.chico { font-size: 16px; text-transform: none; }

/* select:disabled, input.busqueda:disabled { background-color: white; } */

section.busqueda aside form .first { visibility: hidden; }
section.busquedaSecundaria .form-inline .row button,
section.busqueda aside form .form-group .boton-busqueda button.busqueda {
    background-color: #EE961B;
	border-color: #EE961B;
}

section.busqueda button.busqueda.por_pais { width: 99px; height: 57px; }
section.busqueda aside form {
    width: 85%;
    margin: 0 auto;
}

section.busqueda aside form .form-group select[name="tipobusqueda"] {
    width: 250px;
}

section.busquedaSecundaria .search-wrapper {
    margin-top: 0.5rem;
}

section.busquedaSecundaria select { font-size: 14px; }
td { vertical-align: top; }
div.inicial { line-height: 72px; }
div.inicial a { font-family: 'Maiandra GD', cursive; font-size: 40px; font-weight: bold; }
div.inicial a:hover { text-decoration: none; }

div.overlay_tit { float: left; }
div.overlay_btn { float: right; }
div.overlay_txt { overflow-y: scroll; height: 280px; padding-right: 8px; }
div.separador { padding-top: 6px; clear: both; }

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:999;
}

.modal {
	position:fixed;
	width: 600px;
	top: 15%;
	left: 25%;
	margin: -250px auto auto -280px;
	z-index:999;
	background-color: white;
}

div.como_funciona p, div.como_funciona li { text-align: justify; }
table#marcas_gramaticales { border: thin solid gray; width: 70%; }
table#marcas_gramaticales th { width: 20%; }
table#marcas_gramaticales td { width: 75%; }

table#marcas_gramaticales th, table#marcas_gramaticales td {
	border: thin solid gray;
	padding: 3px;
	vertical-align: top;
	font-weight: initial;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 480px) and (max-device-height: 640px) {  
	div.lema { text-align: left; }
	.modal {
		width: 70%;
		top: 15%;
		left: 14%;
	}
	
	table#marcas_gramaticales { width: 100%; }
	div.como_funciona p, div.como_funciona li { text-align: left; }
}

.modal.free {
	width: initial;
	margin: -20px auto auto -20px;
}

.modal.p10 {
	top: 10%;
}

.box {
	background-color: white;
	margin: 14px 4px;
	padding: 15px 15px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	height: 400px;
}

.overlay_doc { height: 300px; }
h3.overlay_title { color:#FF8040 }
#overlay_text { padding:10px 10px; font-size:12pt; text-align:center; }
#overlay_text p { margin-top: 0; }
.errorText { color:red; font-weight:bold; }

button.manage_flags, div.approve_reject button {
	font-size: 0.7rem;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	width: 95px;
	margin-left: 4px;
	color: white;
}

button.manage_flags { 
	background-color: indianred;
	float: right;
}

div.approve_reject button { 
	background-color: purple;
}

.blink_me { animation: blinker 1s linear 4; }

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

span.boldi { font-weight: bold; font-style: italic; color: indigo; }
span.underi { font-weight: initial; font-style: italic; }

section.heroBanner.guia {
	background-image: url("/assets/img/1-guia-de-uso-JH.jpg");
}
section.heroBanner.servicio {
	background-image: url("/assets/img/2-servicios-JH.jpg");
}
section.comoFunciona a,
section.comoFunciona a:visited,
section.comoFunciona a:hover
{
	color: orange;
	text-decoration: underline;
}
section.comoFunciona a:hover {
	color: yellow;
}

div.icon_meaning {
	border: thin solid lightgray;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
	width: 177px;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
}

div.icon_meaning img {
	height: 21px;
}

h3.icon_meaning {
	line-height: 40px;
	float: left;
	margin-right: 4px;
}

span.big-quote {
	font-family: "Times New Roman";
	font-size: 72pt;
	line-height: initial;
	color: gray;
}


div.canciones h1 {
	font-weight: bold;
}

div.canciones h2 {
	text-transform: none;
	font-size: 1em;
	margin-bottom: 2em;
	font-weight: bold;
}

img.carousel_zazzle { width: 320px; height: 320px; }
div#carousel_zazzle {
	height: 550px;
	padding-top: 10px;
}
div#carousel_zazzle p, div#carousel_zazzle i { font-size: small; }
div#carousel_zazzle h3 div#carousel_zazzle p { margin-bottom: 10pt; }
div#carousel_zazzle h3 {
	border-top: solid medium green;
	line-height: 2rem;
}

.avisoDePrivacidad p { 
	font-size: small;
	margin-bottom: 3pt; 
	text-align: justify;
}
.avisoDePrivacidad a.simple_link { 
	font-size: small;
	text-decoration: none;
}

p.paypal_at_beginning {
    font-family: Times New Roman;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

p.paypal_at_beginning img {
	width: 75px;
}

h2.chico .ejemplos {
    padding-bottom: 0;
}