@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,700,800|Open+Sans:400,700");


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

/* Box Model */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* Basic */

@-ms-viewport {
	width: device-width;
}

body {
	-ms-overflow-style: scrollbar;
}

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

	html, body {
		min-width: 320px;
	}

}




/* Type */

body, input, select, textarea {
	color: #646464;
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 400;
	line-height: 1.75;
}

a {
	color: red;
	text-decoration: none;
}

strong, b {
	color: #3c3b3b;
	font-weight: 700;
}

em, i {
	font-style: italic;
}

p {
	margin: 0 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #3c3b3b;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 0.9em;
}

h4 {
	font-size: 0.7em;
}

h5 {
	font-size: 0.7em;
}

h6 {
	font-size: 0.7em;
}


	
	
	
	
	
	
	
	
	
	
	
	
	


	

	

	
	
	


/* Estructura */

/* ...mobile styles here... */
#header .desplazable { display: none !important; }

/* ...intermedio (desktop pero con poco espacio)... */
@media screen and (min-width: 600px) and (max-width: 800px){
	#header .cont-o, #header .cont-suggest {
		display: none !important;
	}
	#header .cont-busqueda {
		padding-right: 15px !important;
	}
}

/* ...desktop styles here... */
@media screen and (min-width: 600px){

	/* deshabilito el scroll en toda la pagina */
	html, body {margin: 0; height: 100%; overflow: hidden}

	/* Columnas */

	#row-main {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}

	#left-column-main, #right-column-main {
		float: left;
		display: inline;
		overflow: auto;
	}

	#left-column-main {
		width: 25%;
		/*background-color: red;*/
	}

	#right-column-main {
		width: 75%;
		/*background-color: green;*/
	}

	
	#menu .desplazable { display: none; }
	#header .desplazable { display: table-cell !important; }
	
}











/* ADS BY CARBON */

/* mobile */

#carbon-ads-container-bg {
	margin-bottom: 10px;
	background: repeating-linear-gradient(135deg,transparent,transparent 5px,hsla(0,0%,70%,.06) 0,hsla(0,0%,70%,.06) 10px) hsla(0,0%,70%,.06);
	/*background: repeating-linear-gradient(135deg,#F4F4F4,#F4F4F4 5px,#EDEDED 0,#EDEDED 10px) #EDEDED;*/
}
 
#carbonads {
	margin: 10px 0;
	display: inline-block; /* this fixes margin not working because of collapsing margins */
	position: relative;
	text-align: center;
	font-size: 14px;
}
 
#carbonads a:hover {
	color: #06C;
}

.carbon-wrap {
	display: inline-block;
	margin-bottom: .5rem;
	text-align: center;
}

.carbon-img {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: .5rem;
}

.carbon-img > img {
	border: .25rem solid #fff;
	border-radius: .125rem;
	background-color: #fff;
}

.carbon-text {
	line-height: 1.25;
	display: block;
	-webkit-transition: color .15s ease-in;
	transition: color .15s ease-in;
}

.carbon-poweredby, .carbon-text {
	color: inherit;
	text-decoration: none;
}

.carbon-poweredby {
	opacity: .65;
	display: inline-block;
}

/* desktop */

@media screen and (min-width: 600px){

	#carbon-ads-container-bg {
		text-align: center;
	}

	.carbon-wrap {
		display: inline-block;
		margin-bottom: 0;
	}

	.carbon-img {
		margin-bottom: 0;
	}

	.carbon-img > img {
		vertical-align: middle;
	}

	.carbon-text {
		display: inline-block;
		margin: .5rem 1rem;
	}
}


	
	
	
	
	
	
	
	
	
body {
	background: #F4F4F4;
}

@media screen and (min-width: 600px){
	body {
		background-image: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(244,244,244,0) 50%), url('background.png');
	}
}
	
	



	
/* Header (color, estructura y medidas) */

#header {
	color: #FFF;
	display: table;
	width: 100%;
	/* background en <head> */
}

#header * {
	vertical-align: top !important;
}

#header a, #header button {
	color: #FFF;
}

#header a:hover, #header button:hover {
	color: rgba(255, 255, 255, 0.7) !important;
}

#header #logo, #header #boton-menu, #header #desde-42 {
	display: table-cell;
	overflow: hidden;
}

#header #logo { /* <==== mobile */
	width: auto;
}

@media screen and (min-width: 600px){ /* <==== desktop */
	#header #logo {
		width: 200px;
	}
}

#header #boton-menu {
	width: 60px;
}

#header .tab-tab{
	display: table;
	width: 100%;
}

#header .cont-lang-select, #header .cont-dark-mode-switch, #header .cont-busqueda, #header .cont-o, #header .cont-suggest {
	display: table-cell;
	overflow: hidden;
	padding: 0 5px;
}

#header .cont-lang-select {
	width: 80px;
}

#header .cont-dark-mode-switch {
	width: 40px;
	padding: 18px 23px 0 7px;
}

#header .cont-dark-mode-switch label {
    display: none;
}

#header .dark-mode-switch {
	/*box-shadow: 0px 1px 1px 0px #ffffffb0;
	box-shadow: 0px 1px 1px 0px #ffffff;*/
	box-shadow: inset 4px -4px 1px 0px #0000001f, 0px 1px 1px 0px #ffffffb0;
}

body.dark_mode #header .dark-mode-switch {
	/*background-color: #1b1b4e;
	box-shadow: 0px 1px 1px 0px #ffffff73;*/
	background-color: #27276f;
    box-shadow: inset -4px -4px 1px 0px #00000085, 0px 1px 1px 0px #ffffff73;
}

#header .cont-busqueda {
	/*width: px;*/
}

#header .cont-o {
	width: 32px;
}
#header .cont-suggest {
	width: 160px;
}

/* elementos del header */

/* logo */

#header #logo h1 {
	margin: 0;
}

#header #logo h1 a {
	display: block;
	width: 100%;
	height: 60px;
	padding-top: 15px;
	text-align: center;
	background: rgba(0, 0, 0, 0.04) url('elements-design.png') center -28px;
	text-indent: -9999px;
}

/* boton menu */

#header #boton-menu button {
	display: block;
	width: 100%;
	height: 60px;
	border: none;
	background: transparent url('elements-design.png') center -139px;
	text-indent: -9999px;
}

#header #boton-menu button:hover {
	background-color: rgba(0, 0, 0, 0.07);
}

/* idioma */

#header .cont-lang-select {
	padding-top: 12px;
}

#header .lang-select li a, #header .lang-select li span {
	background-image: url('elements-design.png');
	display: block;
	padding: 3px 15px 4px 37px;
}

#header .lang-select li a {
	color: #555 !important;
	background-color: #FFF;
}

#header .lang-select li span {
	font-weight: bold;
}

#header .lang-select li a:hover {
	background-color: #EEE;
}

#header .lang-select li .lang_en { background-position: -282px -370px; } /* a o span */
#header .lang-select li .lang_es { background-position: -282px -483px; } /* a o span */

#header .lang-select li a.lang_sel {
	font-weight: bold;
}

#header .lang-select li ul {
	position: absolute;
	left: -1000em;
	z-index: 9999999;
}

#header .lang-select li:hover ul {
	left: auto;
}

#header .lang-select li ul li a {
	background-color: #FFF;
}

/* dark mode switch */

.dark-mode-switch, .dark-mode-switch span {
	display: block;
}

.dark-mode-switch {
	overflow: hidden;
	width: 40px;
	height: 22px;
	border-radius: 11px;
	transition: background-color 250ms;
}

.dark-mode-switch {
	/*background-color: #ffa500;
	background-color: #f3cb20;
	background-color: #25d366;
	background-color: #fecf22;*/
	background-color: #5ed75e;
}

body.dark_mode .dark-mode-switch {
	background-color: #343275;
}

.dark-mode-switch span {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	margin-top: 2px;
	box-shadow: -1px 0px 2px 1px rgba(0, 0, 0, 0.1);
	transition: all 250ms;
}

.dark-mode-switch span {
	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAMAAACDd7esAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJBQTFRF////ra2t/v7+////6+vrhoaG/f397Ozsw8PDu7u7+/v71NTUsrKyzMzM0NDQ2traoKCgp6en3NzcioqK/fz9lJSU+fn52NjY5ubmrq6u7u7uwsLC4eHh2dnZ29vbsLCwysrKxsbG19fX6enp9PT0mZmZ9/f3n5+f1tbWtLS0sbGx8fHxhYWF8vLytra2////DEPpwQAAADB0Uk5T////z//////////////////////////////////////////////////////////QriPnfgAAAF9JREFUCB0FwQkCgUAAAMCxqMhSyH0kua///84M0Ano0kOfJEU2MMyHYRRhPCnKYpqBdDanWmC5Wm8Qt7u9eDimqE9NxLlqtZcraPKivN1ryB7CKnhGvAJvkg8QvgG/P0kYBaZEopBWAAAAAElFTkSuQmCC') no-repeat 4px 3px;
	margin-left: 20px;
}

body.dark_mode .dark-mode-switch span {
	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHVQTFRF/////v7/4+P/o6P/qan//f3/zc3/cXH/Skq7ysr/4OD/TU27Tk676Oj/oaH/6en/hYX/y8v/iYn/jIz/9fX/srL/gYH/zs7/8fH/8/P/8PD/e3v/S0u7dHT/hob/7Oz/iIj/ior/+Pj/1tb/sLD/1NT/+fn//8q1TwAAAEtJREFUCB0VwQcCQDAQBMCNugjRa/Tw/yc6M4Dy/CDEL4qZKIg0o84VREFqoyBKkhV+Ncmmhego+mGcMC8Udt2A/bAkTwPgup17Xnx86wPkTJ+FcgAAAABJRU5ErkJggg==') no-repeat 4px 4px;
	margin-left: 2px;
}




/* busqueda */

#header .cont-busqueda {
	padding-top: 12px;
}

#header .cont-busqueda .busqueda {
	display: table;
	width: 100%;
}

#header .cont-busqueda .busqueda .busq-cell-a, #header .cont-busqueda .busqueda .busq-cell-b {
	display: table-cell;
}

#header .cont-busqueda .busqueda .busq-cell-b {
	width: 36px;
}

#header .cont-busqueda .busqueda input {
	display: block;
	border: none;
	width: 100%;
	height: 36px;
}

#header .cont-busqueda .busqueda input[type="text"] {
	padding: 0 10px;
}

#header .cont-busqueda .busqueda input[type="submit"] {
	text-indent: -9999px;
	background: #F3F3F3 url('elements-design.png') center -262px no-repeat;
}

/* or */

#header .cont-o {
	padding-top: 15px;
	text-align: center;
	font-weight: bold;
}

/* sugerir */

#header .cont-suggest {
	padding-top: 12px;
	padding-right: 15px; /* para separarlo del costado de la pantalla */
}

#header .cont-suggest a {
	border: 2px #FFF solid;
	display: block;
	width: 100%;
	height: 36px;
	padding-top: 2px;
	text-align: center;
	border-radius: 5px;
	font-weight: 500;
}

#header .cont-suggest a:hover {
	color: #BBB !important;
	background-color: #FFF;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15); margin-bottom: 3px;
}

#header .cont-suggest a span {
	display: none;
}


	
	
	
	
/* ### EMPIEZAN... LAS COSAS DEL HEADER QUE SE MUEVEN AL SIDEBAR (MOBILE) ### */
	
#menu .tab-tab {
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	padding: 0 10px 5px 10px;
	margin-bottom: 5px;
}

/* idioma */
	
#menu .cont-lang-select {
	padding-top: 5px;
}

#menu .lang-select li span {
	display: none;
}

#menu .lang-select li ul {
	text-align: center;
}

#menu .lang-select li ul li {
	display: inline-block;
}

#menu .lang-select li ul li a {
	background-image: url('elements-design.png');
	display: block;
	padding: 3px 15px 4px 37px;
	color: #555;
	border: 1px #EEE solid;
	margin-right: -1px; /* fixes double side borders */
}

#menu .lang-select li ul li a:hover {
	text-decoration: underline;
}

#menu .lang-select li ul li a.lang_sel {
	background-color: #EEE;
	font-weight: bold;
}

#menu .lang-select li ul li .lang_en { background-position: -282px -370px; } /* a o span */
#menu .lang-select li ul li .lang_es { background-position: -282px -483px; } /* a o span */

/* dark mode */

#menu .cont-dark-mode-switch {
	text-align: center;
	margin: 14px 0 2px 1px;
}

#menu .cont-dark-mode-switch label {
	display: inline-block;
	vertical-align: top;
    font-size: 12px;
    margin-top: 1px;
	text-transform: uppercase;
	font-weight: bold;
}

#menu .cont-dark-mode-switch label:first-child {
    color: #aaa;
    cursor: pointer;
}

#menu .cont-dark-mode-switch label:last-child {
    color: #666;
}

.dark_mode #menu .cont-dark-mode-switch label:first-child {
    color: #ffffffdb;
    cursor: default;
}

.dark_mode #menu .cont-dark-mode-switch label:last-child {
    color: #ffffff6b;
    cursor: pointer;
}

#menu .cont-dark-mode-switch .dark-mode-switch {
	display: inline-block;
	vertical-align: top;
	margin-right: 17px;
	margin-left: 17px;
}

/* busqueda */

#menu .cont-busqueda {
	padding-top: 5px;
}

#menu .cont-busqueda .busqueda {
	display: table;
	width: 100%;
	border: 1px #AAA solid;
}

#menu .cont-busqueda .busqueda .busq-cell-a, #menu .cont-busqueda .busqueda .busq-cell-b {
	display: table-cell;
}

#menu .cont-busqueda .busqueda .busq-cell-b {
	width: 36px;
}

#menu .cont-busqueda .busqueda input {
	display: block;
	border: none;
	width: 100%;
	height: 36px;
	display: inline-block;
	vertical-align: bottom;
}

#menu .cont-busqueda .busqueda input[type="text"] {
	padding: 0 10px;
}

#menu .cont-busqueda .busqueda input[type="submit"] {
	text-indent: -9999px;
	background: #F3F3F3 url('elements-design.png') center -262px no-repeat;
}

/* or */

#menu .cont-o {
	display: none;
}

/* sugerir */

#menu .cont-suggest {
	padding-top: 5px;
}

#menu .cont-suggest a {
	display: block;
	height: 36px;
	padding-top: 4px;
	text-align: center;
	border-radius: 5px;
	background-color: #EEE;
	color: #777;
	margin: 5px 0;
}

#menu .cont-suggest a:hover {
	text-decoration: underline;
}

/* ### TERMINAN... LAS COSAS DEL HEADER QUE SE MUEVEN AL SIDEBAR (MOBILE) ### */
		


#menu {
	background-color: #FFF;
	border-right: 1px #E5E5E5 solid;
	height: 100%;
}

#menu #social-icons {
	text-align: center;
	height: 59px;
	padding: 14px 0;
	width: 85%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-bottom: 1px #E5E5DF solid;
}

#menu #social-icons a {
	width: 31px;
	height: 31px;
	display: inline-block;
	background-image: url('elements-design.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#menu #social-icons a.botFA { background-position: -233px -2097px; }
#menu #social-icons a.botTW { background-position: -302px -2097px; }
#menu #social-icons a.botYO { background-position: -336px -2097px; }

#menu #social-icons a.botFA:hover { background-position: -233px -2047px; }
#menu #social-icons a.botTW:hover { background-position: -302px -2047px; }
#menu #social-icons a.botYO:hover { background-position: -336px -2047px; }

#menu #categorias {
	font-size: 13px;
}

#menu #categorias ul {
	margin: 8px 0;
}

#menu #categorias ul li a {
	color: #888;
	display: block;
	padding: 8px 10px 8px 20px;
}

#menu #categorias ul li a:hover {
	text-decoration: underline;
}

#menu #categorias ul li.cat-highlight > a {
	background-color: #F7F7F7;
	border-left: 5px #555 solid;
	padding-left: 15px; /* 20px - 5px */
	font-weight: bold;
}

#menu #categorias ul li ul {
	margin-top: 0; /* #menu #categorias ul -> tiene margin: 8px 0; */
}

#menu #categorias ul li ul li {
	background-color: #FCFCFC;
}

#menu #categorias ul li ul li a {
	color: #06C;
	padding-left: 40px;
	background: transparent url('elements-design.png') no-repeat -272px -591px;
}

#menu #categorias ul li ul li a.tool-highlight {
	color: #888;
	font-weight: bold;
}



#menu #links-bottom {
	/*background-color: #333;*/
	background: linear-gradient(to bottom, transparent 28px, #F0F0E3 29px);
	font-size: 13px;
}

#menu #links-bottom #icons-footer {
	margin-top: 30px;
	height: 56px;
	background: url('elements-design.png') no-repeat center -1761px;
	/*background: red url('elements-design.png') no-repeat center -1761px;*/
}

#menu #links-bottom ul {
	padding: 10px 10px;
	margin: 0 auto;
	width: 154px;
}

#menu #links-bottom ul li {
	padding: 2px 0;
}

#menu #links-bottom ul li a {
	/*color: #CCC;*/
	color: #4985B8;
}

#menu #links-bottom ul li a:hover {
	text-decoration: underline;
}

#menu #links-bottom #logo-footer {
	height: 44px;
	width: 85%;
	margin: 0 auto;
	margin-top: 3px;
	border-top: 1px #DADAD1 solid;
	background: transparent url('elements-design.png') no-repeat center -1909px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#informacion-body {
	font-family: "Open Sans", Helvetica, sans-serif;
	padding: 10px 20px 0 20px;
}
	
#informacion-body h1 {
	font-size: 20px;
}

.social-widgets {
	margin-top: 3px;
	margin-bottom: 0;
}

/*.social-widgets *, .social-widgets *:before, .social-widgets *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}*/

.social-widgets .social-container {
	display: inline-block;
	width: 100px;
	height: 24px;
	overflow: hidden;
	margin-right: 3px;
}

.social-widgets .social-container {
	border-radius: 2px;
}

.social-widgets .facebook-like-container,
.social-widgets .facebook-share-container {
	background-color: #507BBE;
}

.social-widgets .twitter-container {
	background-color: #64CCEF;
}

.social-widgets .whatsapp-container {
	background-color: #25d366;
}

.social-widgets .reddit-container {
	background-color: #ff4500;
}

.social-widgets .linkedin-container {
	background-color: #0a66c2;
}

.social-widgets .pinterest-container {
	background-color: #e60023;
}

.social-widgets .social-container .placeholder {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5OTE1LjM2MiAxMzcuMzc0IiBoZWlnaHQ9IjUxOS4yMDkiIHdpZHRoPSIzNzQ3NS4zODUiIGZpbGw9IiNmZmYiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTU0LjcwOCAxLjA3Yy0xOS40MjMgMC0zMi4xMTggMTEuNzcxLTMyLjExOCAzMy4wODN2MTguNzM0SDF2MjQuNTc5aDIxLjU5djU4LjgzN2gyNi41NzNWNzcuNDY3aDE5LjgxM2wzLjc3LTI0LjU3OUg0OS4xNjNWMzYuOTM2YzAtNi43MjQgMy4yOTQtMTMuMjc5IDEzLjg1OC0xMy4yNzloMTAuNzIyVjIuNzMxUzY0LjAxMiAxLjA3IDU0LjcwOCAxLjA3ek05Nzg5LjkxNiAxYy0xMC4zODkgMC0xNy4xNzYgNi44My0xNy4xNzYgMTUuNzgyIDAgOC43NjQgNi41ODEgMTUuNzgyIDE2Ljc3NCAxNS43ODJoLjE5NmMxMC41ODcgMCAxNy4xNzctNy4wMTggMTcuMTc3LTE1Ljc4Mi0uMTk2LTguOTM5LTYuNTcyLTE1Ljc2Mi0xNi45NzItMTUuNzgyem04OS40OTQgNDEuODkyYy0xNi4xMDYgMC0yMy4zMjEgOC44NTgtMjcuMzYgMTUuMDc5VjQ1LjA0aC0zMC4zNTZjLjQwMyA4LjU3MSAwIDkxLjMzNCAwIDkxLjMzNGgzMC4zNTZWODUuMzY3YzAtMi43My4xOTctNS40NTkgMS4wMDEtNy40MTEgMi4xOTEtNS40NTIgNy4xODktMTEuMTAxIDE1LjU3Ni0xMS4xMDEgMTAuOTggMCAxNS4zNzkgOC4zNzkgMTUuMzc5IDIwLjY1MXY0OC44NjhoMzAuMzU3VjgzLjk5OGMwLTI4LjA1NS0xNC45NzktNDEuMTA1LTM0Ljk1My00MS4xMDV6bS0xMDQuODgxIDIuMTQ3djkxLjMzNGgzMC4zNjRWNDUuMDR6TTc4OTIuNjc0IDEuMTM2Yy0zNi44NjMgMC01Ni40NCAyNC43NDYtNTYuNDQgNTEuNjkxIDAgMTIuNTI4IDYuNjcgMjguMTI1IDE3LjMzOSAzMy4wOTIgMS42MTguNzUzIDIuNDg0LjQyMSAyLjg1Ny0xLjE0M2wyLjM3My05LjY4N2MuMjA3LS44NjMuMTA1LTEuNjA1LS41OTItMi40NS0zLjUzLTQuMjgtNi4zNTctMTIuMTUxLTYuMzU3LTE5LjQ5MyAwLTE4LjgzOSAxNC4yNjctMzcuMDcgMzguNTcyLTM3LjA3IDIwLjk4NCAwIDM1LjY4IDE0LjMgMzUuNjggMzQuNzUyIDAgMjMuMTA4LTExLjY3IDM5LjExNi0yNi44NTMgMzkuMTE2LTguMzg1IDAtMTQuNjYxLTYuOTMzLTEyLjY0OS0xNS40MzYgMi40MDktMTAuMTU0IDcuMDc0LTIxLjExMiA3LjA3NC0yOC40NDEgMC02LjU2MS0zLjUyMS0xMi4wMzItMTAuODA4LTEyLjAzMi04LjU3MiAwLTE1LjQ1NiA4Ljg2OC0xNS40NTYgMjAuNzQ1IDAgNy41NjUgMi41NTUgMTIuNjgyIDIuNTU1IDEyLjY4MmwtMTAuMDE2IDQyLjQ1OWMtMS43MTggNy4zNzUtMS4wNDUgMTcuNzYyLS4yOTggMjQuNTIxbC4wMDQuMDA0Yy4zMDQgMy4zMTggNi4yMjIgMS4yNTEgNy4wNzEgMCAzLjM3OC01LjY5NyA3LjY2OS0xMy43NjEgOS4zODEtMjAuMzQ0bDUuMzIyLTIwLjMwNmMyLjc4NSA1LjMxMiAxMC45MjIgOS44MDggMTkuNTc4IDkuODA4IDI1Ljc2NCAwIDQ0LjMyNi0yMy42OTIgNDQuMzI2LTUzLjEzMSAwLTI4LjIxOS0yMy4wMjgtNDkuMzM0LTUyLjY2LTQ5LjMzNHptLTE5MTIuMzA1LS4wOGMtNC42NiAwLTguNjUyIDIuNzEzLTEwLjU5MiA2LjYyM2wtMjcuNjA2LTUuODY4Yy0uNzY4LS4xNjctMS41NzMtLjAxNy0yLjIzMS40MTRhMi45NyAyLjk3IDAgMCAwLTEuMjg4IDEuODczbC04LjQ1IDM5LjcyM2MtMTcuNjguNDkxLTMzLjU3NCA1Ljc5LTQ1LjA3NSAxNC4wNzQtMi45ODMtMi44NjItNy4wMjctNC42MzEtMTEuNDg4LTQuNjMxLTkuMTc0IDAtMTYuNjEyIDcuNDM3LTE2LjYxMiAxNi42MSAwIDYuNzUgNC4wMzIgMTIuNTQ4IDkuODE0IDE1LjE0Ny0uMjU1IDEuNjUyLS4zOTYgMy4zMjctLjM5NiA1LjAyNCAwIDI1LjU1NyAyOS43NDkgNDYuMjc0IDY2LjQ0NSA0Ni4yNzRzNjYuNDQ2LTIwLjcxNiA2Ni40NDYtNDYuMjc0YTMyLjg4IDMyLjg4IDAgMCAwLS4zOS00Ljk5YzUuODE4LTIuNTg1IDkuODgyLTguNDAzIDkuODgyLTE1LjE4MSAwLTkuMTc0LTcuNDM3LTE2LjYxLTE2LjYxLTE2LjYxLTQuNDc5IDAtOC41MzQgMS43OC0xMS41MjIgNC42Ni0xMS4zNTUtOC4xOTItMjYuOTk5LTEzLjQ4NS00NC40MjMtMTQuMDkybDcuNTY2LTM1LjYwMiAyNC43MjEgNS4yNTZjLjMwMiA2LjI4NSA1LjQ1IDExLjMwMiAxMS44MDkgMTEuMzAyYTExLjg3IDExLjg3IDAgMCAwIDExLjg2Ni0xMS44NjUgMTEuODcgMTEuODcgMCAwIDAtMTEuODY2LTExLjg2NnptLTczLjU1OCA2OC44MTdjNi41MzkgMCAxMS44NiA1LjMyNSAxMS44NiAxMS44NjlzLTUuMzIxIDExLjg2MS0xMS44NiAxMS44NjFjLTYuNTQ2IDAtMTEuODctNS4zMi0xMS44Ny0xMS44NjFhMTEuODkgMTEuODkgMCAwIDEgMTEuODctMTEuODY5em01Mi4yIDBjNi41NDMgMCAxMS44NjcgNS4zMjcgMTEuODY3IDExLjg3cy01LjMyNSAxMS44NjMtMTEuODY3IDExLjg2M2ExMS44OCAxMS44OCAwIDAgMS0xMS44NjUtMTEuODYzYzAtNi41NDEgNS4zMjQtMTEuODcgMTEuODY1LTExLjg3em0tNTIuMDg1IDM3Ljk3Yy43ODcgMCAxLjU3NC4zIDIuMTc0LjkgNS4xMDQgNS4xMDYgMTYuMDIzIDYuOTE3IDIzLjgyMyA2LjkxN3MxOC43Mi0xLjgxMiAyMy44MzItNi45MTlhMy4wOCAzLjA4IDAgMCAxIDQuMzQ4LjAwM2MxLjIwMiAxLjIwMyAxLjIgMy4xNDktLjAwMyA0LjM1LTguMDk3IDguMDg2LTIzLjYxNSA4LjcxNS0yOC4xNzcgOC43MTVzLTIwLjA4NC0uNjI5LTI4LjE3Mi04LjcxN2MtMS4yMDEtMS4yMDItMS4yMDEtMy4xNDkgMC00LjM1YTMuMDcgMy4wNyAwIDAgMSAyLjE3NC0uOXpNMzk3OC4zOTUgMS4wMjNjLTE4Ljg0NyAwLTM0LjE1MiAxNS4zMDQtMzQuMTUyIDM0LjE1MSAwIDIuNjkzLjI4NCA1LjMxNC45MjEgNy43OTQtMjguNDEyLTEuNDE3LTUzLjU2NC0xNS4wMjEtNzAuNDI3LTM1LjcxYTM0LjI3IDM0LjI3IDAgMCAwLTQuNjA2IDE3LjE0NmMwIDExLjgzMyA2LjAyMiAyMi4zMTkgMTUuMjMzIDI4LjQxMy01LjU5Ny0uMTQyLTEwLjg0LTEuNzAxLTE1LjQ0NS00LjI1MnYuNDI1YzAgMTYuNTggMTEuNzYyIDMwLjMyNSAyNy40MiAzMy41MTMtMi44MzQuNzc5LTUuODgxIDEuMjA1LTguOTk5IDEuMjA1YTMyLjYgMzIuNiAwIDAgMS02LjQ0Ny0uNjM4YzQuMzIyIDEzLjYwNCAxNi45MzQgMjMuNDUzIDMxLjg4NCAyMy43MzYtMTEuNjkxIDkuMTQtMjYuNDI4IDE0LjU5NS00Mi40NDEgMTQuNTk1LTIuNzYzIDAtNS40NTYtLjE0MS04LjE0OC0uNDk2IDE0Ljk1IDkuNzc4IDMyLjk0NyAxNS40NDUgNTIuMjE5IDE1LjQ0NSA2Mi44NDcgMCA5Ny4yMS01Mi4wNzcgOTcuMjEtOTcuMjEgMC0xLjQ4OCAwLTIuOTc2LS4wNy00LjM5MyA2LjY2LTQuODE4IDEyLjQ2OS0xMC44NDEgMTcuMDc1LTE3LjcxMy02LjA5MyAyLjY5My0xMi42ODIgNC41MzUtMTkuNjI2IDUuMzg1IDcuMDg1LTQuMjUxIDEyLjQ3LTEwLjkxMiAxNS4wMjEtMTguOTE4YTY5LjE2IDY5LjE2IDAgMCAxLTIxLjY4MSA4LjI5Yy02LjIzNS02LjY2LTE1LjA5Mi0xMC43Ny0yNC45NC0xMC43N3ptLTIwMDkuNjQ5LjAyNGMtMzYuOTQ5IDAtNjcuMDIxIDMwLjA3LTY3LjAzNSA2Ny4wMy0uMDA0IDExLjgxNSAzLjA4MiAyMy4zNDcgOC45NDggMzMuNTEzbC05LjUxIDM0LjczNiAzNS41MzYtOS4zMjFhNjYuOTcgNjYuOTcgMCAwIDAgMzIuMDM0IDguMTU4aC4wMjhjMzYuOTQ1IDAgNjcuMDE5LTMwLjA3MiA2Ny4wMzQtNjcuMDMzLjAwNy0xNy45MTItNi45Ni0zNC43NTQtMTkuNjE2LTQ3LjQyNHMtMjkuNDg3LTE5LjY1Mi00Ny40MTktMTkuNjU5em0uMDIzIDExLjMyMmMxNC44ODIuMDA2IDI4Ljg3IDUuODA4IDM5LjM5IDE2LjM0czE2LjMwOSAyNC41MyAxNi4zMDMgMzkuNDE3Yy0uMDEzIDMwLjcyMi0yNS4wMDYgNTUuNzE2LTU1LjcxNiA1NS43MTdoLS4wMjNjLTkuOTk4LS4wMDQtMTkuODA0LTIuNjktMjguMzU4LTcuNzY3bC0yLjAzNC0xLjIwNy0yMS4wODcgNS41MzIgNS42MjktMjAuNTYtMS4zMjUtMi4xMDhhNTUuNTkgNTUuNTkgMCAwIDEtOC41MTktMjkuNjUyYy4wMTMtMzAuNzE5IDI1LjAwNy01NS43MTIgNTUuNzQtNTUuNzEyem0tMjMuNzU1IDI0Ljc1MWMtMS4xMTcgMC0yLjkzMi40MTktNC40NjcgMi4wOTZzLTUuODYyIDUuNzMtNS44NjIgMTMuOTc0IDYuMDAyIDE2LjIwOSA2LjgzOSAxNy4zMjcgMTEuODEgMTguMDM2IDI4LjYxMyAyNS4yOTFjMy45OTYgMS43MjYgNy4xMTYgMi43NTYgOS41NDkgMy41MjggNC4wMTIgMS4yNzUgNy42NjQgMS4wOTYgMTAuNTUuNjY0IDMuMjE4LS40ODEgOS45MS00LjA1MSAxMS4zMDYtNy45NjRzMS4zOTYtNy4yNjcuOTc3LTcuOTY1LTEuNTM2LTEuMTE4LTMuMjEtMS45NTctOS45MS00Ljg4OS0xMS40NDUtNS40NDktMi42NTItLjgzOC0zLjc2OC44MzgtNC4zMjcgNS40NS01LjMwNCA2LjU2OC0xLjk1NCAxLjI1OC0zLjYyOS40MTktNy4wNzEtMi42MDYtMTMuNDY5LTguMzEzYy00Ljk3OS00LjQ0MS04LjM0MS05LjkyNy05LjMxOC0xMS42MDRzLS4xMDQtMi41ODMuNzM0LTMuNDE4Yy43NTQtLjc1MSAxLjY3NS0xLjk1NyAyLjUxMy0yLjkzNXMxLjExNy0xLjY3NyAxLjY3NS0yLjc5NS4yOC0yLjA5Ni0uMTQtMi45MzQtMy43NjgtOS4wODMtNS4xNjQtMTIuNDM3Yy0xLjM1OS0zLjI2Ni0yLjc0MS0yLjgyMy0zLjc2OS0yLjg3NS0uOTc2LS4wNDktMi4wOTMtLjA1OS0zLjIwOS0uMDU5eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.1);
}

.social-widgets .facebook-like-container .placeholder,
.social-widgets .facebook-share-container .placeholder{
	background-size: auto 14px;
	background-position: 10px center;
}

.social-widgets .twitter-container .placeholder {
	background-size: auto 12px;
	background-position: -329px center;
}

.social-widgets .whatsapp-container .placeholder {
	background-size: auto 14px;
	background-position: -185px center;
}

.social-widgets .reddit-container .placeholder {
	background-size: auto 14px;
	background-position: -589px center;
}

.social-widgets .linkedin-container .placeholder {
	background-size: auto 12px;
	background-position: -844px center;
}

.social-widgets .pinterest-container .placeholder {
	background-size: auto 14px;
	background-position: -788px center;
}

.social-widgets .social-container .placeholder span {
	color: #FFF;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "sans-serif";
	display: block;
	padding-left: 18px;
	padding-top: 2px;
	text-align: center;
	font-size: 13px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	letter-spacing: -0.5px;
	/*display: none;*/
}


.social-widgets .social-container .placeholder {
	transition: margin-top 350ms; /* 350ms */
}

.social-widgets .social-container:hover .placeholder {
	/*display: none;*/
	margin-top: -24px;
}


.social-widgets .facebook-like-container > div {
	margin-top: 2px;
}

.social-widgets .facebook-like-container > div > span, 
.social-widgets .facebook-share-container > div > span, 
.social-widgets .linkedin-container > span:nth-child(2), 
.social-widgets .pinterest-container > span:nth-child(2), 
.social-widgets .social-container > div, 
.social-widgets .social-container > iframe {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.social-widgets .facebook-like-container > div {
	margin-top: 2px;
}

.social-widgets .facebook-share-container > div {
	margin-top: 2px;
}

.social-widgets .twitter-container > iframe {
	margin-top: 2px;
}

.social-widgets .linkedin-container > span:nth-child(2) {
	margin-top: 2px !important;
}

.social-widgets .pinterest-container > span:nth-child(2) {
	margin-top: 2px !important;
}

.social-widgets .reddit-container > a,
.social-widgets .whatsapp-container > a {
	font: bold 11px "Arial";
	text-decoration: none !important;
	color: #FFF !important;
	display: block;
	width: 70%;
	margin: 2px auto 0 auto;
	text-align: center;
	padding: 4px 0;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.15);
}

.social-widgets .reddit-container > a:hover,
.social-widgets .whatsapp-container > a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}


	
#informacion-body p {
	font-size: 14px;
}
	
#informacion-body p.nombre-categoria {
	font-size: 13px;
}
	
#informacion-body a {
	color: #06C;
	text-decoration: underline;
}
	
#informacion-body a:hover {
	text-decoration: none;
}
	
	
	
	




	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


/* ---- grid ---- */

.grid {

}

/* clearfix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- grid-item ---- */

.grid-sizer, .grid-item {
	width: 100%;
}

@media screen and (min-width: 750px){
	.grid-sizer.tam13, .grid-item.tam13 {
		width: 50%;
	}
}

@media screen and (min-width: 1000px){
	.grid-sizer.tam13, .grid-item.tam13 {
		width: 33.333%;
	}
	.grid-sizer.tam12, .grid-item.tam12 {
		width: 50%;
	}
}

.grid-item {
	float: left;
	/*border: 1px solid #D1DEE2;
	background-color: #E1EEF2;*/
}

/* ---- columnas dentro de grid-item, se garantiza al menos 440px de ancho a cada columna ---- */

.rowWidgJsTools {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.colWidgJsTools {
	overflow: hidden;
	float: left;
	display: inline;
	
	width: 100%;
}

/* los siguientes nros fueron medidos con un browser, y calculados para que cada columna tenga siempre al menos 440px de ancho */
@media screen and (min-width: 440px){ 	.colWidgJsTools { width: 50%; } }
@media screen and (min-width: 600px){ 	.colWidgJsTools { width: 100%; } }
@media screen and (min-width: 658px){ 	.colWidgJsTools { width: 50%; } }
@media screen and (min-width: 1000px){ 	.colWidgJsTools { width: 100%; } }
@media screen and (min-width: 1102px){ 	.colWidgJsTools { width: 50%; } }

/* especial para las columnas del color picker */
.cont-col1-widg-color, .cont-col2-widg-color { margin: 0 auto; }
.cont-col1-widg-color { width: 175px; }
.cont-col2-widg-color { width: 225px; }













#grid-page-index .grid-item, #grid-page-category .grid-item, #grid-page-tool .grid-item {

}

#grid-page-index .grid-item > div, #grid-page-category .grid-item > div, #grid-page-tool .grid-item > div {
	margin: 5px;
	padding: 5px 20px;
	background-color: #FFF;
	box-shadow: 1px 1px 0px 0px #EEE;
}

#grid-page-index .grid-item > div, #grid-page-category .grid-item > div {
	border-radius: 0 0 5px 5px;
}

#grid-page-tool .grid-item > div {
	padding: 5px 15px;
}






#grid-page-index .grid-item h3, #grid-page-category .grid-item h3 {
	background-color: #FCFCFC;
	margin: -5px -20px 5px -20px;
	padding: 8px 15px 6px 15px;
	border-left: 5px red solid;
}

#grid-page-index .grid-item h3 a:hover, #grid-page-category .grid-item h3 a:hover {
	text-decoration: underline;
}

#grid-page-index .grid-item p, #grid-page-category .grid-item p {
	margin: 15px 0 10px 0;
}

#grid-page-index .grid-item p {
	font-weight: 500;
}

#grid-page-index .grid-item ul {
	margin-bottom: 10px;
}

#grid-page-index .grid-item ul li {
	border-top: 1px #F3F3F3 solid;
	padding: 2px 0;
}

#grid-page-index .grid-item ul li a {
	color: #777;
	font-size: 14px;
}

#grid-page-index .grid-item ul li a:hover {
	color: #06C;
	/*text-decoration: underline;*/
}













#grid-page-index .grid-item p.link-mas {
	text-align: center;
	margin: 0 0 5px 0;
}

#grid-page-index .grid-item p.link-mas a {
	color: #555;
	font-size: 13px;
	display: inline-block;
	background-color: #F5F5F5;
	padding: 2px 7px;
	text-decoration: none;
}

#grid-page-index .grid-item p.link-mas a:hover span {
	text-decoration: underline;
}









#grid-page-category .grid-item > div {
	cursor: pointer;
}

#grid-page-category .grid-item > div:hover h3 a {
	text-decoration: underline;
}









#grid-page-tool .grid-item .div-elemento {
	box-shadow: inset 0 0 0 2px transparent, 1px 1px 2px 0 transparent;
	transition: box-shadow 100ms;
}

#grid-page-tool .grid-item .div-elemento.error_incompleto {
	box-shadow: inset 0 0 0 2px #FF7171, 1px 1px 2px 0 rgba(0,0,0,0.1);
	border-radius: 3px;
}

@keyframes error_incompleto_highlighted_pulse {
	50% {
		box-shadow: inset 0 0 0 5px #FF7171, 1px 1px 2px 0 rgba(0,0,0,0.1);
	}
}

#grid-page-tool .grid-item .div-elemento.error_incompleto.highlighted {
	animation: error_incompleto_highlighted_pulse 500ms infinite;
}

@keyframes ok_salida_pulse {
	50% {
		box-shadow: inset 0 0 0 3px #88FF71, 1px 1px 2px 0 rgba(0,0,0,0.1);
		border-radius: 3px;
	}
}

#grid-page-tool .grid-item .div-elemento.ok_salida {
	animation: ok_salida_pulse 500ms infinite;
}

#grid-page-tool .grid-item h4 {
	display: inline-block;
	padding: 2px 6px;
	margin: 0 -3px;
	background-color: #F0F8FF;
	margin-bottom: 7px;
}

#grid-page-tool .grid-item p.descripcion {
	margin-bottom: 7px;
}

#grid-page-tool .grid-item p.descripcion, #grid-page-tool .grid-item div.tool-html {
	font-size: 14px;
}









input:focus, textarea:focus, select:focus { /* this removes the black outline on focused elements "recently added" by browsers... */
	outline: none;
}

.ul-settings li.settings-li { border-bottom: 1px #E5E5E5 solid; padding: 2px 0 10px 0; }
/*.ul-settings li.settings-li:last-child { border-bottom: 0px black solid; }*/
.ul-settings li.settings-li.ultimo { border-bottom: 0px black solid; }
.ul-settings li.settings-li.settings-select { padding-bottom: 3px; }
.ul-settings li.settings-li.settings-select-autocompletar { padding-bottom: 10px !important; }
.ul-settings li.settings-li.settings-checkbox { padding-top: 8px; padding-bottom: 5px; }

.ul-settings .settings-title { font-weight: bold; padding: 4px 0; }

.ul-settings .settings-hint-description {
	margin-bottom: 10px;
	background-color: #f8f8f8;
}
.ul-settings .settings-hint-description.collapsable {
	display: flex;
	flex-direction: row;
}
.ul-settings .settings-checkbox .settings-hint-description { margin-top: 8px; } /* only checkboxes need this */
.settings-hint-description > div:first-child {
	padding: 4px 8px;
}
.settings-hint-description.collapsable > div:first-child {
	flex: 1;
}
.settings-hint-description > div:last-child {
	display: none;
}
.settings-hint-description.collapsable > div:last-child {
	display: block; /* default value, to override "display: none" */
	width: 30px;
	flex-shrink: 0;
	position: relative;
}
.settings-hint-description.collapsable > div:last-child a {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #66b7ff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAMAAAAGcixRAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNQTFRFAAAA////////////////////////////////////////////////////////////////t5XiggAAABF0Uk5TAAkQH9BC7P90/MCjgwNo5z+AgtGtAAAANUlEQVQIHQXBhwGAIAwAsDCkAjL+v9YEpARkpdYiw9Mi2gNvjzGiv8zo31pfj2mfC/dsMpD9J1wBQy//yNQAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: center 6px;
	border-radius: 4px;
}
.settings-hint-description.collapsable.closed > div:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.settings-hint-description.collapsable.closed > div:last-child a {
	transform: rotate(180deg);
}

.ul-settings .simil-table { display: table; width: 100%; }
.ul-settings .simil-table-row { display: table-row; }
.ul-settings .simil-table-cell { display: table-cell; padding-right: 20px; }

.ul-settings .settings-string input { width: 100%; border: 2px #CCC solid; padding: 2px 6px; }
.ul-settings .settings-string input:focus { border-color: #4796E5; }
.ul-settings.obligatorio .settings-string input.input_validation_error { border-color: red; background-color: #FFD5D5; }

.ul-settings .settings-select select { width: 200px; }
.ul-settings .settings-select .ui-selectmenu-button { background-image: none; border-color: #C6C6C6; background-color: #F4F4F4; color: #6B6B6B; }

/* select + autocompletar */
.ul-settings .settings-select .custom-combobox { position: relative; display: inline-block; }
.ul-settings .settings-select .custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; background-image: none; border-color: #C6C6C6; background-color: #F4F4F4; color: #6B6B6B; }
.ul-settings .settings-select .custom-combobox-input { margin: 0; padding: 5px 10px; background-image: none; border-color: #C6C6C6; background-color: #F4F4F4; color: #6B6B6B; }
/* (se agrega en el body) */  .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar: */ overflow-x: hidden; }
.ul-settings.obligatorio .settings-select input.input_validation_error { border-color: red; background-color: #FFD5D5; }

/* se aplica a selectify y autocompletar */
.ui-autocomplete li, .ui-selectmenu-menu li {
	background-image: none !important;
	background-color: #FFF !important;
	border: 0 black solid !important;
	color: #6B6B6B;
	padding: 3px 1em !important;
	margin: 0 !important;
	font-size: 14px;
}
.ui-autocomplete li.ui-state-focus, .ui-selectmenu-menu li.ui-state-focus {
	background-color: #4796E5 !important;
	color: #FFF;
}

.ul-settings .settings-radio .ui-button { background-image: none; border-color: #E8E8E8; background-color: #F9F9F9; color: #A0A0A0; }
.ul-settings .settings-radio .ui-button.ui-state-hover { border-color: #C6C6C6; color: #6B6B6B; }
.ul-settings .settings-radio .ui-button.ui-state-active { border-color: #C6C6C6; background-color: #F4F4F4; box-shadow: inset 1px 1px 2px #AAA; color: #6B6B6B; }

.ul-settings .settings-radio .ui-button { /* without this, when the user selects text inside the button, the text is selected, the button changes state, but onChange is not triggered! (latest jquery-ui has this property!) */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ul-settings .settings-checkbox .checkbox_span { display: inline-block; background-image: url('elements-design.png'); background-repeat: no-repeat; padding-left: 25px; }
.ul-settings .settings-checkbox .checkbox_span { background-position: -292px -1348px; }
.ul-settings .settings-checkbox .checkbox_span:hover { background-position: -292px -1488px; }
.ul-settings .settings-checkbox .cb_checked { background-position: -292px -1628px !important; } /* anti-hover */

.ul-settings .settings-checkbox .checkbox_span { /* without this, when the user selects text, the checkbox doesn't change state */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ul-settings .settings-entero input, .ul-settings .settings-flotante input { width: 100%; }
.ul-settings .settings-entero .ui-spinner input, .ul-settings .settings-flotante .ui-spinner input { width: 85px; } /* ESTO ARREGLA LA LINEA DE ARRIBA (para que no se desfase el spinner luego de hacerle click) */
.ul-settings .settings-entero .simil-table-cell > input, .ul-settings .settings-flotante .simil-table-cell > input { border: 2px #CCC solid; padding: 2px 6px; }
.ul-settings .settings-entero .simil-table-cell > input:focus, .ul-settings .settings-flotante .simil-table-cell > input:focus { border-color: #4796E5; }

.ul-settings .ui-spinner input { color: #646464; }

.ul-settings .ui-slider .ui-state-default {
	border-color: #c3c3c3;
	background-image: none;
	background-color: #fff;
}

.ul-settings .ui-slider .ui-state-focus {
	outline: none;
	border-color: #777;
}

.ul-settings .ui-slider .ui-state-hover, .ul-settings .ui-slider .ui-state-active {
	border-color: transparent;
	background-color: #66b1ff;
}

.ul-settings .ui-slider {
	background-image: none;
	background-color: #f0f0f0;
	border-color: #e8e8e8;
}

input::file-selector-button {
	background-color: #43CC7B;
	color: #FFF;
	border-width: 0;
	padding: 7px 10px;
	line-height: 16px;
	margin-right: 15px;
}










/* body.ejecutando, body.ejecutando input, body.ejecutando a { cursor: wait; } no anda */
body.ejecutando * { cursor: wait !important; }
#contBotEjec .boton { display: block; }
body.ejecutando #contBotEjec .boton { display: none; }
#contBotEjec .noBoton { display: none; }
body.ejecutando #contBotEjec .noBoton { display: block; }


#contBotEjec .boton, #contBotEjec .noBoton {
	/*display: block; se maneja desde las reglas de arriba, a fines practicos es siempre block */
	color: #FFF;
	text-transform: uppercase;
	border-radius: 4px;
	font-weight: 800;
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 3px;
	padding-left: 25px;
	text-align: center;
	width: 190px;
	height: 33px;
	margin: 0 auto;
	background-image: url('elements-design.png');
	background-repeat: no-repeat;
	box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.1);
}

@keyframes boton_ejecutar_pulse {
	12.5% {
		background-color: #6EE96E;
	}
	25% {
		background-color: #50C750;
	}
}

#contBotEjec .boton {
	cursor: pointer;
	background-color: #50C750;
	background-position: -278px -1091px;
	transition: background-color 250ms;
	animation: boton_ejecutar_pulse 2000ms infinite;
}

#contBotEjec .boton:hover {
	background-color: #6EE96E;
}

#contBotEjec .noBoton {
	cursor: wait;
	background-color: #8B8B8B;
	background-position: -278px -1215px;
}

/* MOBILE */
#contBotEjec {
	height: 58px;
	padding-top: 10px;
}

/* DESKTOP */
@media screen and (min-width: 600px){
	#contBotEjec .boton, #contBotEjec .noBoton {
		position: fixed;
		bottom: 14px;
		right: 35px;
		z-index: 999;
	}
}







ul.lista-gracias {
	margin-top: 5px;
}

ul.lista-gracias li {
	padding-left: 15px;
	background: transparent url('elements-design.png') no-repeat -297px -596px;
}

ul.lista-gracias li a {
	color: #06C;
}

ul.lista-gracias li a:hover {
	text-decoration: underline;
}







.container-static .tab {
	margin-bottom: 30px;
}

.container-static .tab h1 {
	margin-bottom: 15px;
}

.container-static .tab strong {
	display: block;
	margin-top: 10px;
}

.container-static .tab p, .container-static .tab ul, .container-static .tab li, .container-static .tab div {
	font-size: 14px;
}

.container-static .tab p, .container-static .tab div {
	margin: 0;
}

.container-static .tab ol {
	padding: 0 0 0 20px;
	list-style-type: circle;
}

.container-static .tab ol li {
	padding: 0 0 0 5px;
}






@media screen and (min-width: 700px){
	/* las dos paginas con formularios */
	.with-form {
		width: 70%;
	}
}

@media screen and (min-width: 1000px){
	/* las dos paginas con formularios */
	.with-form {
		width: 50%;
	}
}

.with-form input,
.with-form textarea {
	width: 100%;
	padding: 2px 10px;
	border: 2px #E6E6E6 solid;
}

.with-form input:focus,
.with-form textarea:focus {
	border-color: #A5D6E3;
}

.with-form fieldset, .with-form .mje_error, .with-form .mje_ok, .with-form .mje_neutral {
	margin-bottom: 15px !important;
}

.with-form .mje_error, .with-form .mje_ok, .with-form .mje_neutral {
	padding: 10px 20px;
}

.with-form .mje_error {
	background-color: #FFC3C3;
}

.with-form .mje_ok {
	background-color: #C3FFC3;
}

.with-form .mje_neutral {
	background-color: #E3E3E3;
}

.with-form input[type="submit"] {
	background-color: #4985B8;
	color: #FFF;
	border: none;
	padding: 10px 0;
}

.with-form input[type="submit"]:hover {
	background-color: #3F73A0;
}






#aviso_cookies {
	display: none;
	position: fixed;
	z-index: 10000001;
	width: 96%;
	bottom: 5px;
	right: 2%;
}

@media screen and (min-width: 600px){
	#aviso_cookies {
		width: 350px;
		bottom: 10px;
		right: 30px;
	}
}

#aviso_cookies div {
	font-family: "Open Sans";
	background: #000;
	color: #FFF;
	opacity: 0.9;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 5px;
}

#aviso_cookies div p {
	padding: 0 0 5px 0;
}

#aviso_cookies div .a_boton_cerrar {
	background-color: #F1D600;
	border-radius: 3px;
	color: #000;
	font-weight: bold;
	padding: 4px 9px;
	text-align: center;
	transition: background-color 0.1s linear;
	margin-right: 10px;
}

#aviso_cookies div .a_boton_cerrar:hover {
	background-color: #DDD;
}

#aviso_cookies div .a_boton_info {
	color: #148DCC;
}

#aviso_cookies div .a_boton_info:hover {
	text-decoration: underline;
}


/* ##### # # # # # ##### */
/* ##### DARK MODE ##### */
/* ##### # # # # # ##### */

:root {
	--wid-elem-color: #ffffffad;
	--wid-elem-bg-color: #00000047;
	--wid-elem-border-color: #0000004d;

	--wid-elem-err-bg-color: #210000;
	--wid-elem-err-border-color: #F00;

	--highlighted-button-color: #fff;
	--highlighted-button-bg-color: #5454e0; /* royal blue */

	--links-color: #5d94ff; /* #757fff (violeta) */
	--links-color-footer: #45aaff;
}

body.dark_mode {
	background: #010031;
	/* background: #000329; */
}
body.dark_mode #menu {
	background-color: #ffffff14;
	border-color: transparent;
}
body.dark_mode #menu #categorias ul li.cat-highlight > a {
	background-color: #ffffff14;
	border-left-color: #ffffff59;
}
body.dark_mode #menu #categorias ul li a {
	color: #ffffffc7;
}
body.dark_mode #menu #social-icons {
	border-bottom-color: #ffffff45;
}
body.dark_mode h1, body.dark_mode h2, body.dark_mode h3, body.dark_mode h4, body.dark_mode h5, body.dark_mode h6 {
	color: #fff;
}
body.dark_mode #grid-page-index .grid-item > div, body.dark_mode #grid-page-category .grid-item > div, body.dark_mode #grid-page-tool .grid-item > div {
	background-color: #ffffff1a;
	box-shadow: none;
}
body.dark_mode #grid-page-index .grid-item h3, body.dark_mode #grid-page-category .grid-item h3 {
	background-color: #ffffff0f;
}
body.dark_mode #grid-page-category .grid-item h3 {
	color: #ffffffeb;
}


body.dark_mode, body.dark_mode #row-main input, body.dark_mode select, body.dark_mode textarea {
	color: var(--wid-elem-color);
	/*color: #ffffffa3;*/
}

body.dark_mode input::file-selector-button {
	background-color: var(--highlighted-button-bg-color);
	color: var(--highlighted-button-color);
}

body.dark_mode .jspDrag {
	background: #ffffff2e;
}

body.dark_mode #menu #categorias ul li ul li {
	background-color: #ffffff0d;
}

body.dark_mode #menu #categorias ul li ul li a {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFBAMAAAB/QTvWAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRF////////////////////kXdTFQAAAAV0Uk5TEK//wLAJgMhPAAAAGElEQVR4nGNgVGRgMFJyYFBSUgDTLCoMABIrAdd9SNF0AAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: 25px 17px;
}

body.dark_mode #menu #categorias ul li ul li a.tool-highlight {
	color: #fff;
}

body.dark_mode #menu #links-bottom {
	background: linear-gradient(to bottom, transparent 28px, #00000059 29px);
}

body.dark_mode #menu #links-bottom #icons-footer {
	background: url('/files/elements-design.png') no-repeat center -1761px;
}

body.dark_mode #menu #links-bottom ul li a {
	color: var(--links-color-footer);
}

body.dark_mode #menu #links-bottom #logo-footer {
	border-top-color: #ffffff45;
	background-position: center -36px;
}


body.dark_mode #grid-page-tool .grid-item h4 {
	background-color: #ffffff1c;
}

body.dark_mode #informacion-body a {
	color: var(--links-color);
}

body.dark_mode strong, body.dark_mode b {
	color: #fff;
}


body.dark_mode .widg-output-niceresult .fuerte {
	background-color: #bcff63;
	color: #333;
	/*
	background-color: #4e5bff;
	color: #fff;
	*/
}

body.dark_mode #grid-page-index .grid-item p.link-mas a {
	color: #fff;
	background-color: #ffffff1c;
}

body.dark_mode #grid-page-index .grid-item ul li {
	border-top-color: #ffffff12;
}

body.dark_mode #grid-page-index .grid-item ul li a {
	color: #fff;
}

body.dark_mode #grid-page-index .grid-item ul li a:hover {
	color: var(--links-color);
}

/*color selector*/
body.dark_mode .sp-color, .sp-hue, .sp-clear {
	border-color: #000;
}

body.dark_mode .cp-hex input {
	background-color: #00000099;
	border-color: transparent;
}

body.dark_mode .cp-values li {
	border-color: #ffffff0f;
	background-color: #ffffff0a;
}

body.dark_mode .cp-values {
	border-color: #ffffff1f; /*se ve oscuro si es igual al de arriba...*/
}

body.dark_mode .cp-values input {
	background-color: #ffffff1f;
	border-color: #ffffff1f;
}

/*image selector*/
body.dark_mode .botjqimg {
	background-color: #5454e0;
	border-color: transparent;
}

body.dark_mode .botjqimg.aprtdo {
	box-shadow: 0 0 0 2px #fff;
	border-radius: 1px;
}


body.dark_mode .botjqimgZI { background-position: -336px center; }
body.dark_mode .botjqimgZO { background-position: -379px center; }
body.dark_mode .botjqimgZAJ { background-position: -422px center; }
body.dark_mode .botjqimgZRE { background-position: -466px center; }
body.dark_mode .botjqimgM { background-position: -508px center; }
body.dark_mode .botjqimgP { background-position: -551px center; }

body.dark_mode .contBotsDown button {
	background-color: #bcff63;
}

body.dark_mode .contBotCopy button span.icon-normal {
	background-color: #88edff;
}

body.dark_mode .contBotCopy button span.icon-copying {
	background-color: #ff5a5a;
}

body.dark_mode .contBotCopy button span.icon-copied {
	/* same background-color */
}

body.dark_mode .widget-div-image .divCont {
	background-color: #ffffff21 !important; /* must overwrite inline */
}

/*date selector*/
body.dark_mode .xdsoft_datetimepicker {
	background-color: #ffffff0a;
	border-color: #ffffff1f;
	color: #FFF;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td, body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar th {
	background-color: #00000099;
	border-color: #ffffff38;
	color: #b7b7b7;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background-color: #51c851;
	box-shadow: none;
	color: #fff;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	background-color: #ff9933 !important;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_label {
	background-color: transparent;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	background-color: #00000099;
	border-color: #ffffff38;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #51c851;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	background: #ff9933;
	box-shadow: none;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background-color: #00000099;
	border-color: #ffffff38;
	color: #b7b7b7;
}

body.dark_mode .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	border-bottom-color: #ffffff38;
}

body.dark_mode .xdsoft_time_box {
	border-color: #ffffff38;
}

/*input/output text*/
body.dark_mode .input-textbox-textarea textarea,
body.dark_mode .output-textbox-textarea textarea {
	background-color: var(--wid-elem-bg-color);
	border-color: var(--wid-elem-border-color);
}

body.dark_mode .input-textbox-botones button,
body.dark_mode .output-textbox-botones button,
body.dark_mode .output-html-botones button {
	background-color: var(--highlighted-button-bg-color);
	color: var(--highlighted-button-color);
}


body.dark_mode .social-widgets .facebook-like-container {
	/* same color */
}


body.dark_mode .social-widgets .twitter-container {
	background-color: #6bb9d3;
}


body.dark_mode .social-widgets .linkedin-container {
	ackground-color: #1c6ab8;
}


body.dark_mode .social-widgets .reddit-container {
	background-color: #df5420;
}


body.dark_mode .social-widgets .whatsapp-container {
	background-color: #32d86f;
}


body.dark_mode .social-widgets .pinterest-container {
	background-color: #cc203a;
}

/* ##### SETTINGS WIDGET ##### */

body.dark_mode .ul-settings li.settings-li { border-bottom: 1px #ffffff12 solid; }
body.dark_mode .ul-settings li.settings-li.ultimo { border-bottom: 0px black solid; }

body.dark_mode .ul-settings .settings-string input { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); }
body.dark_mode .ul-settings.obligatorio .settings-string input.input_validation_error { border-color: var(--wid-elem-err-border-color); background-color: var(--wid-elem-err-bg-color); }

body.dark_mode .ul-settings .settings-hint-description { background-color: #2d2d5f; }
body.dark_mode .ul-settings .settings-hint-description > div:last-child a { background-color: #40b0db; }

body.dark_mode .ul-settings .settings-select .ui-selectmenu-button { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); color: var(--wid-elem-color); }

body.dark_mode .ui-widget-content { background-image: none; background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); }

body.dark_mode .ui-slider .ui-state-default {
	border-color: #000;
	background-color: #323159;
}

body.dark_mode .ul-settings .ui-slider .ui-state-focus {
	border-color: #fff5;
}

body.dark_mode .ui-slider .ui-state-hover, body.dark_mode .ui-slider .ui-state-active {
	background-color: #504e88;
}

body.dark_mode .ui-spinner .ui-state-default {
	border-color: #000;
	background-image: none;
	background-color: #00000063;
}

body.dark_mode .ui-spinner .ui-state-hover {
	background-color: black;
}

/* select + autocompletar */
body.dark_mode .ul-settings .settings-select .custom-combobox-toggle { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); }
body.dark_mode .ul-settings .settings-select .custom-combobox-input { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); }
body.dark_mode .ul-settings.obligatorio .settings-select input.input_validation_error { border-color: var(--wid-elem-err-border-color); background-color: var(--wid-elem-err-bg-color); }

/* se aplica a selectify y autocompletar */
body.dark_mode .ui-autocomplete, body.dark_mode .ui-selectmenu-menu {
	background: none;
}
body.dark_mode .ui-autocomplete li, body.dark_mode .ui-selectmenu-menu li {
	background-color: #000000e0 !important;
	color: var(--wid-elem-color);
}
body.dark_mode .ui-autocomplete li.ui-state-focus, body.dark_mode .ui-selectmenu-menu li.ui-state-focus {
	background-color: #51c851 !important;
	color: #fff;
}

body.dark_mode .ul-settings .settings-radio .ui-button { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); color: var(--wid-elem-color) }
body.dark_mode .ul-settings .settings-radio .ui-button.ui-state-hover { background-color: #00000023; border-color: black; color: #ffffff; }
body.dark_mode .ul-settings .settings-radio .ui-button.ui-state-active { background-color: #ffffff1a; border-color: black; box-shadow: none; color: #ffffff; }

body.dark_mode .ul-settings .settings-checkbox .cb_checked {
	background-position: 0px 3px !important;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFQ8x7AAAAOspzOMp1Ocp09tkWfwAAAAR0Uk5T/wBzjI2KhVUAAABASURBVAjXY2DABgTBQACDJWQIY6k4Q1lCLhCWsqCKC1hW2MXIxRmsQ8jFxcUQolcFKARhCQGFoOYpY7UDwsIEACvqCZYWCoz7AAAAAElFTkSuQmCC');
}

body.dark_mode .ul-settings .settings-entero .simil-table-cell > input, body.dark_mode .ul-settings .settings-flotante .simil-table-cell > input { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); }
body.dark_mode .ul-settings .settings-entero .simil-table-cell > input:focus, body.dark_mode .ul-settings .settings-flotante .simil-table-cell > input:focus { border-color: #4796E5; }

body.dark_mode .ul-settings .ui-spinner input { color: #646464; }

body.dark_mode .input-textline-input input, body.dark_mode .output-textline-input input { background-color: var(--wid-elem-bg-color); border-color: var(--wid-elem-border-color); }

body.dark_mode .input-textline-botones button,
body.dark_mode .output-textline-botones button {
	background-color: var(--highlighted-button-bg-color);
	color: var(--highlighted-button-color);
}

/* ##### INPUT IMAGE WIDGET ##### */

body.dark_mode .ii-drop-paste-area {
	background-color: #0100317a;
	border-color: #4a3b8c;
}

body.dark_mode .ii-drop-paste-area.highlight {
	border-color: #704fff;
	background-color: #2623977a;
}

body.dark_mode .ii-drop-paste-area input[type="text"] {
	border-color: #000;
	background-color: #0000003d;
	color: #fff !important;
}

body.dark_mode .ii-drop-paste-area input[type="text"]::placeholder { color: var(--wid-elem-color); opacity: 1; } /* Chrome, Firefox (opacity), Opera, Safari 10.1+ */
body.dark_mode .ii-drop-paste-area input[type="text"]:-ms-input-placeholder { color: var(--wid-elem-color); } /* Internet Explorer 10-11 */
body.dark_mode .ii-drop-paste-area input[type="text"]::-ms-input-placeholder { color: var(--wid-elem-color); }/* Microsoft Edge */

body.dark_mode .ii-drop-paste-area input[type="text"]:focus {
	outline-color: #474bff;
}

body.dark_mode .ii-drop-paste-area svg {
	fill: #b34dc1;
}

body.dark_mode .widget-ii-error-msg {
    background-color: #fb5151;
    color: #fff;
    box-shadow: none;
}





body.dark_mode .widg-output-downloads button.state-1, body.dark_mode .widg-output-downloads button.state-3 {
	background-color: var(--wid-elem-bg-color);
	border-color: black;
	color: var(--wid-elem-color);
}


body.dark_mode .widg-output-buttons li button {
	/* the same as light mode */
}

body.dark_mode .widg-output-downloads button.state-2 {
	background-color: #ffffff26;
	color: #fff;
	border-color: transparent !important;
	padding-bottom: 4px !important;
}

body.dark_mode .widg-output-downloads button.state-1:hover, body.dark_mode .widg-output-downloads button.state-3:hover {
	background-color: #ffffff1a;
	color: #ffffff;
}

body.dark_mode .widg-output-buttons li button:hover {
	/* the same as light mode */
}

body.dark_mode .widg-output-downloads button span {
	opacity: 0.85;
}

body.dark_mode .widg-output-downloads button:hover span {
	opacity: 1;
}

body.dark_mode .widg-output-downloads button.state-1 span {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHhQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////xqjkrAAAACh0Uk5TAFGFJ+L/f46+++tJO+8SQPEUQxVF8xajiTECxaB0AQWr/WF49xwzptnEkssAAABoSURBVAgdVcEJEoIwFETBEfNi3AH3FRWB+99QJFbq261olGVjWQ68LAdelgMvy4FXMglhCrMQ5ooWRMuVftZ85YWSEsg3Mrbs9ooO9I46FecLvasY3O7Vg4GInsCLukYk74a2RR1/ug+dQQV1MR42IQAAAABJRU5ErkJggg==');
}

body.dark_mode .widg-output-downloads button.state-2 span {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAALFQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////t5hynAAAADt0Uk5TAAEDBAoSKQLK/1c6I3ibHRH7FMFfUFs/viWj6Kga7eKAK/mXfEPvb/U5FVWMbU0FzDv3z7nxiUHrzmz09W79AAAAiElEQVQYGQXBiSICUQAF0PNemG4xzNgJqSTZ9+X/P8w5AKUOAJQNUDa3BqAZZgQYb8NO0gKMdtlLuh6g7BcHySEAR8dO0jUAnJ45zwQAF5euMgXA9UybOQAWQzdZAlCXt+oqdwCmWTPOag24zwM8pnt6Rt/mpYLXt+T94zP5agD1e/Iz+/3r4R8GvQjf7NP6CAAAAABJRU5ErkJggg==');
}

body.dark_mode .widg-output-downloads button.state-3 span {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFFQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////CDfnXgAAABt0Uk5TAEX7L0b/J3klAUS1ApGoQ7dnpkFKV7lYA0mM8Uk+jwAAAFpJREFUeJyVzssWQDAMBNDxCEpR9fb/Hyqp6lErZtPcySIFfiVJs8g5ERXPPZtKHirlXIsbDbTUSdOLDXvg1yqMt6/JTsHATD7eoVl0uLe+7BqzRX/cD43POQGhsQNo6pmWhAAAAABJRU5ErkJggg==');
}


body.dark_mode #grid-page-tool .grid-item .div-elemento.error_incompleto {
	box-shadow: inset 0 0 0 2px #F00, 1px 1px 2px 0 rgba(0,0,0,0.1);
}

body.dark_mode #grid-page-tool .grid-item .div-elemento.error_incompleto.highlighted {
	box-shadow: inset 0 0 0 5px #F00, 1px 1px 2px 0 rgba(0,0,0,0.1);
}

body.dark_mode .with-form input, body.dark_mode .with-form textarea {
	background-color: #ffffff26;
	border-color: #ffffff00;
}

body.dark_mode .with-form input:focus, body.dark_mode .with-form textarea:focus {
	border-color: #4796E5;
}

body.dark_mode .with-form input[type="submit"] {
	background-color: #105ba9;
	color: #fff !important;
}

body.dark_mode .with-form input[type="submit"]:hover {
	background-color: #0e6aca;
}

body.dark_mode .with-form .mje_error {
	background-color: #ff4a4a;
	color: #fff;
}



body.dark_mode #menu #social-icons a.botFA { background-position: -233px -2047px; }
body.dark_mode #menu #social-icons a.botTW { background-position: -302px -2047px; }
body.dark_mode #menu #social-icons a.botYO { background-position: -336px -2047px; }
body.dark_mode #menu #social-icons a { opacity: 0.8; }
body.dark_mode #menu #social-icons a:hover { opacity: 1; }



/* ### popup ### */

body.dark_mode .splendid_popup {
	background-color: #000000e6 !important;
}

body.dark_mode .splendid_popup div:first-child {
	background-color: transparent !important;
}

body.dark_mode ul.lista-gracias li a {
	color: var(--links-color);
}

body.dark_mode .input-textline-input input:focus,
body.dark_mode .input-textbox-textarea textarea:focus,
body.dark_mode .output-textline-input input:focus,
body.dark_mode .output-textbox-textarea textarea:focus,
body.dark_mode .ul-settings .settings-string input:focus {
	border-color: #4796E5;
}

/* ### mobile sidebar ### */

body.dark_mode #menu .tab-tab {
	box-shadow: 0px 2px 3px 0px #000;
	box-shadow: 0px 6px 3px 0px #000;
}

body.dark_mode #menu .lang-select li ul li a {
	color: #ffffffb5;
	background-color: transparent;
	border-color: #000;
}

body.dark_mode #menu .lang-select li ul li a:hover {
	color: #ffffff;
}

body.dark_mode #menu .lang-select li ul li a.lang_sel {
	color: #ffffff;
	background-color: #0000007a;
}

body.dark_mode #menu .cont-busqueda .busqueda {
	border-color: transparent;
}

body.dark_mode #menu .cont-busqueda .busqueda input[type="text"] {
	background-color: #ffffff24;
}

body.dark_mode #menu .cont-busqueda .busqueda input[type="text"]::placeholder {
	color: var(--wid-elem-color);
	opacity: 1;
}

body.dark_mode #menu .cont-busqueda .busqueda input[type="submit"] {
	background-color: #ffffffb8
}

body.dark_mode #menu .cont-suggest a {
	background-color: #bcff63;
	color: #333;
}