/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =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%;
	vertical-align: baseline;
}

html#facebook{ border-radius: none 0;}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html, body{height:100%; background:#E5E5E5}
body.page-id-553{height:100%; background:#FFF;}
body.page-id-1527{height:100%; background:#FFF;}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {infoBannerHeader
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}


/**/



/* Fonts */


@font-face {
    font-family: 'oswaldregular';
    src: url('font/oswald-regular.eot');
    src: url('font/oswald-regular.eot#iefix') format('embedded-opentype'),
         url('font/oswald-regular.woff') format('woff'),
         url('font/oswald-regular.ttf') format('truetype'),
         url('font/oswald-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldlight';
    src: url('font/oswald-light.eot');
    src: url('font/oswald-light.eot#iefix') format('embedded-opentype'),
         url('font/oswald-light.woff') format('woff'),
         url('font/oswald-light.ttf') format('truetype'),
         url('font/oswald-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('font/oswald-bold-webfont.eot');
    src: url('font/oswald-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('font/oswald-bold-webfont.woff') format('woff2'),
         url('font/oswald-bold-webfont.woff') format('woff'),
         url('font/oswald-bold-webfont.ttf') format('truetype'),
         url('font/oswald-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbook';
    src: url('font/oswald-book-webfont.eot');
    src: url('font/oswald-book-webfont.eot#iefix') format('embedded-opentype'),
         url('font/oswald-book-webfont.woff') format('woff2'),
         url('font/oswald-book-webfont.woff') format('woff'),
         url('font/oswald-book-webfont.ttf') format('truetype'),
         url('font/oswald-book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.ttf') format('truetype'),
         url('font/roboto-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('font/roboto-bold-webfont.eot');
    src: url('font/roboto-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('font/roboto-bold-webfont.woff') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.ttf') format('truetype'),
         url('font/roboto-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('font/roboto-black-webfont.eot');
    src: url('font/roboto-black-webfont.eot#iefix') format('embedded-opentype'),
         url('font/roboto-black-webfont.woff') format('woff2'),
         url('font/roboto-black-webfont.woff') format('woff'),
         url('font/roboto-black-webfont.ttf') format('truetype'),
         url('font/roboto-black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.wrapper {max-width: 1024px; margin: 0 auto; padding: 0 5px; box-sizing:border-box;}


/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
    color: #2B3990;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    text-transform: uppercase;
}
h1.archive-title { margin:0 0 0px 10px;}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
select,
textarea,
div.selectContainer {
	border: 0px  none;
	border-radius: 5px;
	font-family: inherit;
	padding: 7px;
}
.searchCuston .searchandfilter label{font-size:10px;}
.searchCuston .searchandfilter select,
.searchCuston .searchandfilter input{ padding:2px; font-size:10px;}

button,input {line-height: normal;}
textarea {font-size: 100%;overflow: auto;vertical-align: top;}
.contentCheckbox{background: #fff; border: 1px solid #666;border-radius: 5px;display: inline-block;margin: 4px;padding: 2px 4px;vertical-align: top;width: 28%;}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.74;
	font-weight: normal;
	color: #fff;
	background:#165c91;
	border: 1px solid #135688;
	top: -1px;
	position: relative;
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}

form#searchform div{ background: #FFFFFF; border-radius: 5px; padding: 0; width: 99%; padding:0 1% 0 0text-align: right; border:1px solid #E0E0E0; text-align:right}
input#s{ width:70% !important;}
.widget_search input[type="submit"]{ background: url("images/boton_fondos.png") no-repeat -240px -281px #FFFFFF; height: 28px; text-indent: -999em; width: 30px;}
.widget_search input[type="submit"]:hover{ background: url("images/boton_fondos.png") no-repeat -240px -313px #FFFFFF !important;}

button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #165b8f;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	/*border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
	margin:18px 0;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {font-size: 87.5%;}
body {font-size: 14px;font-size: 1rem;font-family: Helvetica, Arial, sans-serif;text-rendering: optimizeLegibility;color: #444;}
body.custom-font-enabled {font-family: 'oswaldregular', Arial, sans-serif;}
div.addthis{bottom: 15px; position: absolute; right: 15px;}
div.addthiscapitulos{bottom: 0px; position: absolute; right: 35%;}
div.addthiscapitulos span{position: relative !important;  background-image: none !important;}

#content {font-family: 'robotoregular', Arial, sans-serif;}
#content h1, #content h2, #content h3, #content h4 {font-family: 'oswaldregular', Arial, sans-serif;}

#main{min-width:320px; position: relative; z-index: 0;}
.page-id-604 #main {
    background: url("images/patrones_registro.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a {outline: 0 none; color: #21759b;  text-decoration: none;}
a:hover {color: #0f3647;}



/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/*  buscador */
.searchCuston{background: #ccc;border: 0 none; border-radius: 10px; box-shadow: 0 2px 3px #333; display: block; height: auto; margin: 0 auto 20px; padding: 10px; width: 88%;text-align:center;}
.searchCuston section{border-radius: 8px; background:#fff; padding:2px; text-align: left;}
.searchCuston section input[type="text"]{ border:1px solid #CCC; border-radius: 4px; width:80%; }

.buscadorCustom .searchWrapper article{background: #F1F2F2;  border-bottom: 4px solid #D1D3D4; border-radius: 20px; padding:10px; position:relative;}
.buscadorCustom .searchWrapper article .entry-header{ margin:0 0 10px;}
.buscadorCustom .searchWrapper article .entry-header .entry-title{font: normal 14px/16px 'oswaldregular',Arial,sans-serif;}
.buscadorCustom .searchWrapper article .entry-header .entry-title span{ font: normal 10px/12px 'oswaldregular',Arial,sans-serif;}

.buscadorCustom .searchWrapper article.consejo { float: left; max-width:42%; margin:0 1% 10px;min-height: 226px;}
.buscadorCustom .searchWrapper article.video{float: left; max-width:44%; min-height: 230px; margin: 0 1% 10px !important;}
.buscadorCustom .searchWrapper article.video h1, .buscadorCustom article.video p{ text-align:center;}
.buscadorCustom .searchWrapper article.video h1{ font: Bold 12px/14px 'oswaldregular',Arial,sans-serif;}
.buscadorCustom .searchWrapper article.video a img{display: block; margin: 6px auto; width:80%;}
.buscadorCustom .searchWrapper article.explicacion{float: left; margin: 0 1% 35px; max-width: 47%;padding: 0 0 34px!important; min-height:300px;}
.buscadorCustom .searchWrapper article.explicacion h1 { border-radius: 10px 10px 0 0; display: block;font: 14px/16px Arial,sans-serif !important; height: 24px; padding: 10px !important; text-align: right;background:#666;margin:0 0 20px;}
.buscadorCustom .searchWrapper article.explicacion h1 a{ color: #ffffff !important;}
.buscadorCustom .searchWrapper article.explicacion p{ margin:0 10px 14px;}
.buscadorCustom .searchWrapper article.explicacion a img{display: block; margin: 0 auto; width:80%;}
.buscadorCustom .searchWrapper article.consejo .entry-summary img{ float:left; margin:0 4px 0 0; width:40px;}
.buscadorCustom .searchWrapper article .entry-summary p{font: normal 12px/16px 'oswaldregular',Arial,sans-serif;}
.buscadorCustom .searchWrapper { display: table; width: 100%;}
.buscadorCustom .searchWrapper .column{ display:block;padding: 0 6px;}
.buscadorCustom .searchWrapper .column h2{ font: normal 18px/22px 'oswaldregular', Arial, sans-serif; color:#202b6c; padding:10px 0 20px; text-transform:uppercase;}
.buscadorCustom .searchWrapper h1 a{ text-transform:uppercase; text-decoration:none; color:#414042;}
.buscadorCustom .searchWrapper.columns-1 .column{ width:100%;}



/* Page structure */
.site {
	min-width:320px;
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

/* Header */
.site-header {background:url("images/bkgHeader2.jpg") repeat-x center top #155B94;padding:0; display:block; width:100%; overflow:hidden; min-width:320px}
.site-header section{  min-height:50px;}
div.bannerLogo{ background: #FFFFFF;  border: 0 solid #000000;  border-radius: 0 0 6px 6px; margin: 0 2%; min-width: 300px; position: absolute; top: 0; width: 96%;}
div.bannerLogo a{ background: url("images/responsive.png") no-repeat -240px 8px ; display: block; float: left; height: 67px;  margin: 0 0 0 3%;   width: 58px;}
div.bannerLogo p{ display:none;}	
div.infoBannerHeader{ display:none;}

.widget.widget_search { position: absolute; right: 3%; top: 20px; width: 64%;}
.widget.widget_search.responsiveSearch { display:block;}


.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {display: none;}
.header-image {margin-top: 24px;margin-top: 1.714285714rem;}

div.juegoMovil { background:#414042; border: 0 ;border-radius: 10px; display: block; width: 90%; box-shadow: 0 2px 3px #333; color: #ffffff; float: none; font: 13px/20px "oswaldregular",arial; margin: 76px auto 10px;  text-align: left; text-transform: uppercase; line-height: 14px; padding-top: 6px; padding-bottom: 3px;}
div.glosario { background:#202b6c; border: 0 ;border-radius: 10px; display: block;height: 50px; margin: 10px auto 0; width: 90%; box-shadow: 0 2px 3px #333;}
div.glosario p, div.glosario a{ display:none;}
div.glosario.movil{ text-align:center;  margin: 0px auto; clear: both;}
div.glosario.movil a[title="Videos"]{background: url("images/boton_fondos.png") no-repeat -843px -225px; display:inline-block; height: 33px; margin: 8px 1px 0 0; width: 81px;}
div.glosario.movil a[title="Videos"]:hover{ background-position: -843px -258px}
div.glosario.movil a[title="Consejos"]{background: url("images/boton_fondos.png") no-repeat -756px -225px; display: inline-block;  height: 33px;  width: 87px;}
div.glosario.movil a[title="Consejos"]:hover{background-position: -756px -258px}
div.glosario.movil a[title="CentroDatos"]{background: url("images/boton_fondos.png") no-repeat -631px -225px; display: inline-block;  height: 33px;  width: 124px; margin-left:1px;}
div.glosario.movil a[title="CentroDatos"]:hover{background-position: -631px -258px}

div.glosario span {
    color: #fff;
    display: table-cell;
    float: left;
    font: 13px/20px 'oswaldregular',arial;
    padding: 15px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
div.glosario #loginFB .inFB{ overflow:hidden;}
div.glosario #loginFB .inFB p {margin: 6px 0 0 10px; display:block; color:#fff; font-size:10px;}
div.glosario #loginFB .inFB img{  margin:8px 6px 0 0; float:left;width: 35px;}
div.glosario #loginFB  span{padding: 4px 0 0;}
div.glosario #loginFB .outFB span{padding: 14px 0 0;}
div.glosario #loginFB { background: #1c75bc;  border: 0; border-radius: 0 10px 10px 0; display: block; float: right; height: 50px; padding: 0 0 0 4%; width: 46%;}
div.glosario #loginFB iframe{ position:relative;}
.fb_iframe_widget { margin: auto; text-align:center;}

.site-content.oneCol {  float: none; margin: 0 auto; width: 90%;padding: 0 0 40px;}
section.ConsejosHome{ padding:10px 0 20px; border-bottom:1px solid #BCBEC0;}
.site-content.oneCol h2{ font:normal 20px/24px 'oswaldregular', Arial, sans-serif; color:#2B3990; padding:8px 0;}
.consejo li{    background: none repeat scroll 0 0 #F1F2F2;border-bottom: 3px solid #D1D3D4;border-radius: 10px;display: inline-block;margin: 0 0 14px;min-height: 164px;overflow: hidden;padding: 12px 5%;vertical-align: top;width: 90%;position:relative;}

.consejo li article{margin:0;border: medium none;}
.consejo li article img{ float: left; margin: 0 2% 0 0; min-width: 30px; width: 8%;}
.consejo li article div.infoSindi {float: left;  max-width: 100%;  min-width: 80px;}
.consejo li h3{font: bold 15px/18px 'oswaldregular', Arial, sans-serif; text-transform:uppercase;margin: 8px 0 4px;}
.consejo li h3 a{ color:#414042; text-decoration:none;}
.consejo li h3 a:hover{ color:#2298CA}
.consejo li h4 { color:#414042; font: normal 15px/18px 'oswaldregular', Arial, sans-serif; margin:0 0 8px; }
.consejo li p{ font: normal 12px/14px Arial, sans-serif; color:#666666;}

a[title~=Todos]{ background: url("images/boton_fondos.png") no-repeat -271px -279px; display: block; height: 30px; margin: 0; width: 96px; }
a[title~=Todos]:hover{ background-position:-271px -309px;}
a[title~="Ver"] { background: url("images/boton_fondos.png") no-repeat -271px -279px; color: #666; display: block; height: 22px; margin: 28px 0 0; padding: 8px 0 0; text-align: center;  text-decoration: none;  text-transform: uppercase;  width: 96px;}
a[title~="Ver"]:hover{ color:#fff;background-position:-271px -309px;}


.videoDestacados li{ background:#f1f2f2;border-bottom: 4px solid #d1d3d4;border-radius: 20px;display: inline-block;margin: 0 0 10px 3%;min-height: 278px;overflow: hidden;padding: 16px 2% 36px;position: relative;vertical-align: top;width: 42%;}
/*.videoDestacados li:first-child{ margin-left:0;}
.videoDestacados li+li+li{margin-left:0;}
.videoDestacados li+li+li+li{margin:0 0 10px 3%;}*/
.videoDestacados li article{margin:0;}
.videoDestacados li article img{ float:left; width:auto; margin:0 20px 0 0; }
.videoDestacados li article div.infoSindi { width:360px; float:left;}
.videoDestacados li h3{
display: block;
font: bold 15px/18px 'oswaldregular',Arial,sans-serif;
min-height: 55px;
padding: 12px 0 4px;
text-align: center;
text-transform: uppercase;
}
.videoDestacados li h3 a{ color:#414042; text-decoration:none;}
.videoDestacados li h3 a:hover{ color:#2298CA}
.videoDestacados li h4 { color:#414042; font: normal 15px/18px 'oswaldregular', Arial, sans-serif; margin:0 0 8px; }
.videoDestacados li p{ font: normal 12px/14px Arial, sans-serif; color:#666666;text-align:center; }

.imagenCategoriaSumario {text-align: center; position:relative; max-width:184px; margin: 0 auto;}
.imagenCategoriaSumario span{background: url("images/boton_sombras_trans.png") no-repeat -826px -58px; bottom: 1px; height: 19px; padding: 0; position: absolute;  right: 0; width: 62px;}



/* Navigation Menu */

.main-navigation {text-align: center; margin:0 auto; padding: 10px 0;}

.main-navigation li {
	margin-top: 24px;
	display: inline-block;
}
.main-navigation a {
	display:block;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #000;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: display;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.main-navigation li {margin:0;  width: 15%; vertical-align:top;}
#temasContainer .main-navigation li a, .main-navigation li a { font: 8px/12px "oswaldregular",arial; text-decoration: none; color:#FFF; outline:none; border:0 none;}
#temasContainer .main-navigation li a span, .main-navigation li a span {display: block;  height: 30px; }

.main-navigation li a div{ margin: 0 auto;width:40px; height:40px; background:url(images/responsive.png)}

.main-navigation li a[title~=Presupuesto] div{ background-position:0px 0px; }
.main-navigation li a[title~=Presupuesto]:hover div{ background-position:0px -40px; }

.main-navigation li a[title~=Ahorro] div{ background-position:-40px 0px; }
.main-navigation li a[title~=Ahorro]:hover div{ background-position:-40px -40px; }

.main-navigation li a[title~=Créditos] div{ background-position:-80px 0px; }
.main-navigation li a[title~=Créditos]:hover div{ background-position:-80px -40px; }

.main-navigation li a[title~=Tarjeta] div{ background-position:-120px 0px; }
.main-navigation li a[title~=Tarjeta]:hover div{ background-position:-120px -40px; }

.main-navigation li a[title~=Servicios] div{ background-position:-160px 0px; }
.main-navigation li a[title~=Servicios]:hover div{ background-position:-160px -40px; }

.main-navigation li a[title~=General] div{ background-position:-200px 0px; }
.main-navigation li a[title~=General]:hover div{ background-position:-200px -40px; }

/* mantiene menu seleccionado*/
.main-navigation .current-menu-item > a[title~=Presupuesto] div,
.main-navigation .current-menu-ancestor > a[title~=Presupuesto] div,
.main-navigation .current-video-ancestor > a[title~=Presupuesto] div,
.main-navigation .current-consejo-ancestor > a[title~=Presupuesto] div,
.main-navigation .current-capitulo-ancestor > a[title~=Presupuesto] div {
  background-position: 0px -40px;
}

.main-navigation .current-menu-item > a[title~=Ahorro] div,
.main-navigation .current-menu-ancestor > a[title~=Ahorro] div,
.main-navigation .current-video-ancestor > a[title~=Ahorro] div,
.main-navigation .current-consejo-ancestor > a[title~=Ahorro] div,
.main-navigation .current-capitulo-ancestor > a[title~=Ahorro] div {
  background-position: -40px -40px;
}

.main-navigation .current-menu-item > a[title~=Créditos] div,
.main-navigation .current-menu-ancestor > a[title~=Créditos] div,
.main-navigation .current-video-ancestor > a[title~=Créditos] div,
.main-navigation .current-consejo-ancestor > a[title~=Créditos] div,
.main-navigation .current-capitulo-ancestor > a[title~=Créditos] div {
  background-position: -80px -40px;
}

.main-navigation .current-menu-item > a[title~=Tarjeta] div,
.main-navigation .current-menu-ancestor > a[title~=Tarjeta] div,
.main-navigation .current-video-ancestor > a[title~=Tarjeta] div,
.main-navigation .current-consejo-ancestor > a[title~=Tarjeta] div,
.main-navigation .current-capitulo-ancestor > a[title~=Tarjeta] div {
  background-position: -120px -40px;
}

.main-navigation .current-menu-item > a[title~=Servicios] div,
.main-navigation .current-menu-ancestor > a[title~=Servicios] div,
.main-navigation .current-video-ancestor > a[title~=Servicios] div,
.main-navigation .current-consejo-ancestor > a[title~=Servicios] div,
.main-navigation .current-capitulo-ancestor > a[title~=Servicios] div {
  background-position: -160px -40px;
}	
  
.main-navigation .current-menu-item > a[title~=General] div,
.main-navigation .current-menu-ancestor > a[title~=General] div,
.main-navigation .current-video-ancestor > a[title~=General] div,
.main-navigation .current-consejo-ancestor > a[title~=General] div,
.main-navigation .current-capitulo-ancestor > a[title~=General] div {
  background-position: -200px -40px;
}

article #thumbInterna{ display:none;}
article.type-consejo{ background: none repeat scroll 0 0 #F1F2F2; border-bottom: 3px solid #D1D3D4; border-radius: 10px; margin: 0 1% 18px !important; padding: 24px 2% 36px !important; width: 94%;}
article.type-consejo #thumbInterna{ display:block; float:left; width:60px; margin:0 8px 0 0;}
.buscadorCustom article.type-consejo #thumbInterna{ display:none;}
article.type-consejo #thumbInterna img{margin:0;}
article.type-video{ background: none repeat scroll 0 0 #F1F2F2; border-bottom: 3px solid #D1D3D4; border-radius: 10px; margin:0 1% 18px !important; padding:24px 2% 36px !important; width:94%;}
article.type-video iframe{ text-align:center; display:block; margin:0 auto;border-bottom: 6px solid #ccc; border-radius: 16px;}

article.type-video .addthis iframe{ border-radius:0 !important;}

.clasificacion, .aJugar{ display:none; }
article.type-explicacion{ background: none repeat scroll 0 0 #F1F2F2; border-bottom: 3px solid #D1D3D4; border-radius: 10px; margin:0 1% 18px !important; padding:24px 2% !important; width:94%;}


.sumarSeach .explicacion > p{ display:none;}
#consejosVideos .explicaciones { position: relative;}
#consejosVideos .explicaciones .explicacion{ background:none repeat scroll 0 0 #f4f4f4; overflow:hidden; min-height: 286px;}
#consejosVideos .explicaciones .sumarSeach {position: relative;}


/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {clear: both; font: normal 13px/16px 'oswaldregular', Arial, sans-serif; text-transform:uppercase; color:#FFF; background-color: #4F4F51;}
footer[role="contentinfo"] .wrapper {padding-top: 8px;}
footer[role="contentinfo"] nav{ text-align:center; margin-top: 10px;}
footer[role="contentinfo"] a {color: #fff; text-decoration:none; margin: 0 20px; font-size: 12px;}
footer[role="contentinfo"] a:hover {color: #2298CA;}
footer[role="contentinfo"] span{ background: url("images/boton_sombras_trans.png") no-repeat 0 -471px; display: block; height: 24px; margin: 0 auto; width: 248px;}
footer[role="contentinfo"] p{font: normal 13px/16px 'oswaldregular', Arial, sans-serif; text-transform:none;text-align:center;}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;	
}
.twoCols .entry-header .entry-title{ text-transform:uppercase;font: normal 30px/34px 'oswaldregular', Arial, sans-serif; }
.allContent .listaCapitulos { display:none;}

/* titulo h1 del capitulo */
.explicaciones h1 { font: 26px/30px 'oswaldregular',Arial,sans-serif; text-transform: uppercase; text-align:center; margin:0 0 10px;}
body.seccion_planificacion-y-presupuesto .explicaciones h1{ color:#00A6C0;}
body.seccion_ahorro-e-inversion .explicaciones h1{color:#B72C5A;}
body.seccion_creditos .explicaciones h1{ color:#C34921;}
body.seccion_tarjeta-de-credito .explicaciones h1{color:#FF9D00;}
body.seccion_servicios-bancarios .explicaciones h1{color:#388833;}
body.seccion_economia-general .explicaciones h1{color:#30276B;}

body.seccion_planificacion-y-presupuesto .explicaciones p { color:#00A6C0; border-bottom:2px dotted #00A6C0;}
body.seccion_ahorro-e-inversion .explicaciones p{color:#B72C5A; border-bottom:2px dotted #B72C5A;}
body.seccion_creditos .explicaciones p{ color:#C34921; border-bottom:2px dotted #C34921;}
body.seccion_tarjeta-de-credito .explicaciones p{color:#FF9D00; border-bottom:2px dotted #FF9D00;}
body.seccion_servicios-bancarios .explicaciones p{color:#388833; border-bottom:2px dotted #388833;}
body.seccion_economia-general .explicaciones p{color:#30276B; border-bottom:2px dotted #30276B;}

/* subtitulo h2 del capitulo */
#consejosVideos h2 { font: 20px/24px 'oswaldregular',Arial,sans-serif; padding: 0 0 20px; text-transform: uppercase;}
#consejosVideos .explicaciones h2 {display:none;}

body.seccion_planificacion-y-presupuesto #consejosVideos h2 { color:#00A6C0;}
body.seccion_ahorro-e-inversion #consejosVideos h2{color:#B72C5A;}
body.seccion_creditos #consejosVideos h2{ color:#C34921;}
body.seccion_tarjeta-de-credito #consejosVideos h2{color:#FF9D00;}
body.seccion_servicios-bancarios #consejosVideos h2{color:#388833;}
body.seccion_economia-general #consejosVideos h2{color:#30276B;}

/* numeracion del Slider en capitulo */
body.seccion_planificacion-y-presupuesto .slides li div.numeroSlides { background-color:#00A6C0;}
body.seccion_ahorro-e-inversion .slides li div.numeroSlides{background-color:#B72C5A;}
body.seccion_creditos .slides li div.numeroSlides{ background-color:#C34921;}
body.seccion_tarjeta-de-credito .slides li div.numeroSlides{background-color:#FF9D00;}
body.seccion_servicios-bancarios .slides li div.numeroSlides{background-color:#388833;}
body.seccion_economia-general .slides li div.numeroSlides{background-color:#30276B;}

body.seccion_planificacion-y-presupuesto .flex-prev { background-position: -238px -339px;}
body.seccion_planificacion-y-presupuesto .flex-prev:hover { background-position: -238px -374px;}
body.seccion_ahorro-e-inversion .flex-prev { background-position: -308px -339px;}
body.seccion_ahorro-e-inversion .flex-prev:hover { background-position: -308px -374px;}
body.seccion_creditos .flex-prev { background-position: -378px -339px;}
body.seccion_creditos .flex-prev:hover { background-position: -378px -374px;}
body.seccion_tarjeta-de-credito .flex-prev { background-position: -448px -339px;}
body.seccion_tarjeta-de-credito .flex-prev:hover { background-position: -448px -374px;}
body.seccion_servicios-bancarios .flex-prev { background-position: -518px -339px;}
body.seccion_servicios-bancarios .flex-prev:hover { background-position: -518px -374px;}
body.seccion_economia-general .flex-prev { background-position: -588px -339px;}
body.seccion_economia-general .flex-prev:hover { background-position: -588px -374px;}

body.seccion_planificacion-y-presupuesto .flex-next { background-position: -273px -339px;}
body.seccion_planificacion-y-presupuesto .flex-next:hover { background-position: -273px -374px;}
body.seccion_ahorro-e-inversion .flex-next { background-position: -343px -339px;}
body.seccion_ahorro-e-inversion .flex-next:hover { background-position: -343px -374px;}
body.seccion_creditos .flex-next { background-position: -413px -339px;}
body.seccion_creditos .flex-next:hover { background-position: -413px -374px;}
body.seccion_tarjeta-de-credito .flex-next { background-position: -483px -339px;}
body.seccion_tarjeta-de-credito .flex-next:hover { background-position: -483px -374px;}
body.seccion_servicios-bancarios .flex-next { background-position: -553px -339px;}
body.seccion_servicios-bancarios .flex-next:hover { background-position: -553px -374px;}
body.seccion_economia-general .flex-next { background-position: -623px -339px;}
body.seccion_economia-general .flex-next:hover { background-position: -623px -374px;}

body.seccion_planificacion-y-presupuesto li a.flex-active, body.seccion_planificacion-y-presupuesto li a:hover  { background-position:-257px -410px;}
body.seccion_ahorro-e-inversion li a.flex-active, body.seccion_ahorro-e-inversion li a:hover  { background-position:-276px -410px;}
body.seccion_creditos li a.flex-active, body.seccion_creditos li a:hover  { background-position:-295px -410px;}
body.seccion_tarjeta-de-credito li a.flex-active, body.seccion_tarjeta-de-credito li a:hover  { background-position:-314px -410px;}
body.seccion_servicios-bancarios li a.flex-active, body.seccion_servicios-bancarios li a:hover  { background-position:-333px -410px;}
body.seccion_economia-general li a.flex-active, body.seccion_economia-general li a:hover  { background-position:-352px -410px;}

ul.sumarioCategoria li { width:33.33%; float:left; box-sizing: border-box; padding: 12px;}

ul.sumarioCategoria li h2{ border-radius:10px 10px 0 0; color: #FFFFFF !important;  display: block; font: 14px/16px Arial,sans-serif !important; height: 24px; padding: 10px !important;  text-align: right;}
ul.sumarioCategoria li img{ width: 100%; height: auto; display: block; background:#f1f2f2;}

ul.sumarioCategoria li .thumbSumerio { position:relative; background: #f1f2f2; height: 0; padding-bottom: 70.45%;}
ul.sumarioCategoria li .thumbSumerio .thumbContainer {position:absolute; left: 0; top: 0; width: 100%; height: 100%;}
ul.sumarioCategoria li .thumbSumerio .thumbContainer img {display: block; width: 80%; height: auto; margin: 0 auto; padding: 12px 0 0;}
ul.sumarioCategoria li .thumbSumerio span{ position:absolute; bottom:24px; right:7%; padding:00; background:url("images/boton_sombras_trans.png") no-repeat -810px -34px; width:77px; height:24px;}


body.term-planificacion-y-presupuesto ul.sumarioCategoria li h2, ul.sumarioCategoria li.term-2 h2{ background:#00A6C0;}

body.term-ahorro-e-inversion ul.sumarioCategoria li h2, ul.sumarioCategoria li.term-3 h2{ background:#B72C5A;}
body.term-ahorro-e-inversion ul.sumarioCategoria li a:hover, ul.sumarioCategoria li.term-3 a:hover{ background:#F97791; border-bottom:3px solid #DB5C75;}
body.term-creditos ul.sumarioCategoria li h2, ul.sumarioCategoria li.term-4 h2{ background:#C34921;}
body.term-creditos ul.sumarioCategoria li a:hover, ul.sumarioCategoria li.term-4 a:hover{ background:#F7A46C; border-bottom:3px solid #EA8F52;}
body.term-tarjeta-de-credito ul.sumarioCategoria li h2, ul.sumarioCategoria li.term-5 h2{ background:#FF9D00;}
body.term-tarjeta-de-credito ul.sumarioCategoria li a:hover, ul.sumarioCategoria li.term-5 a:hover{ background:#f7d569;border-bottom:3px solid #ffc200;}
body.term-servicios-bancarios ul.sumarioCategoria li h2, ul.sumarioCategoria li.term-6 h2{ background:#388833;}
body.term-servicios-bancarios ul.sumarioCategoria li a:hover, ul.sumarioCategoria li.term-6 a:hover{ background:#8AF783;border-bottom:3px solid #5CAF56;}
body.term-economia-general ul.sumarioCategoria li h2, ul.sumarioCategoria li.term-7 h2{ background:#30276B;}
body.term-economia-general ul.sumarioCategoria li a:hover, ul.sumarioCategoria li.term-7 a:hover{ background:#A785FC; border-bottom:3px solid #7057AF;}


div.formContact{background: none repeat scroll 0 0 #ccc; border-radius: 10px; padding: 20px;min-width: 280px; width: 97%; margin:auto; box-sizing: border-box;}
div.formContact table{ max-width:80%; margin:0 auto;}
div.formContact table tr,div.formContact table td{ border:0px; }
div.formContact table td i{ color:#F00;}
div.formContact table td input[type=text], div.formContact table td input[type=email], div.formContact table td textarea { border:1px solid #666;  box-sizing: border-box; width: 52%; max-width: 235px; }
div.formContact table td textarea{ width:86%; max-width: none;}
div.formContact table td input[type=submit]{  text-indent:1px; text-align:center; width:100px; padding:2px 4px;}
div.formContact table td input[type=submit]:hover{ color:#FFF; background: none #FBA219 !important;}


div.empiezaJugar{ width:70%; padding:16px; background:#414042; margin:10px auto;border-radius: 14px;}

div.empiezaJugar a{
    background: url("images/boton_fondos.png") no-repeat scroll -239px -225px rgba(0, 0, 0, 0);
    display: block;
    height: 27px;
	left:50%;
	margin: 0px 0 0 -70px;
	position:relative;
    text-align: center;
    width: 141px;
}
div.empiezaJugar a:hover {
    background: url("images/boton_fondos.png") no-repeat scroll -239px -252px rgba(0, 0, 0, 0);
}


.entry-header .entry-title a {
	display: inline-block;
    text-decoration: none;
    width: 60%;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
	
}

span.orange {
    color: #ee4621;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
.entry-content{ overflow:hidden;}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {	
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	position:relative;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}

.paginacion {
    text-align: center;
	margin:10px 0;
}
.paginacion .page-numbers.current {
    border: 1px solid #ff9d00;
    border-radius: 5px;
	color:#ff9d00 !important;
    display: inline-block;
    margin: 0 2px;
    min-width: 16px;
    padding: 2px;
	background:#fff;
    text-align: center;
}

.paginacion .page-numbers {
    border: 1px solid #00A6C0;
    border-radius: 5px;
    display: inline-block;
    margin: 0 2px;
    min-width: 16px;
    padding: 2px;
    text-align: center;
	color:#fff;
	background:#00A6C0;
	text-decoration:none;
}

.paginacion .page-numbers:hover {
	color:#00A6C0;
	background:#fff;
}


/* =Archives
-------------------------------------------------------------- */
.archive-header {
	margin-bottom: 50px;
}

.page-header {
	margin-bottom: 10px;;
	padding-bottom: 0px;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}

/*   breadcrumb  */

.breadcrumbs{ margin:0 0 16px;}
.breadcrumbs a{ text-decoration:none;}


/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}

/***Form de registro***/
#formRegistro i {color: #F00;}
#formRegistro .table {width: 80%; margin: 0 auto; display: table;}
#formRegistro .table .row {display: table-row;}
#formRegistro .table .row .cell {display: table-cell; padding: 10px;}
#formRegistro input[type="text"], #formRegistro input[type="email"], #formRegistro input[type="password"], #formRegistro select, #formRegistro div.selectContainer {border: 1px solid #666; box-sizing: border-box; max-width: 235px; width: 52%;}
#formRegistro .avatar {float: left;}
#formRegistro #rpais {max-width: 219px;}

/******************** Popups ************************/
.modalContainer {width: 100%; height: 100%; position: fixed; z-index: 6000; display: none; font-family: 'robotoregular', Arial, sans-serif;}
.popup h1, .popup h2, .popup h3, .popup h4 {font-family: 'oswaldregular', Arial, sans-serif;}
.popup h2 {text-align: center; font-size: 1.7em; margin-bottom: 10px;}
.popup h2.verde{ color:#2ea703;}
.popup h3 {font-size: 1.2em; margin: 10px 0; color: #5B5B5B;}
.popup .alignRight {text-align: right;}
.popup input[type="submit"] {font-size: 1em; color: #444;}
.popup p {margin: 15px 0;}
.formTable legend {margin-bottom: 10px;}
.formTable legend {margin-bottom: 10px; padding: 0 10px 0 5px; margin-left: 5px;}
.formTable fieldset {border: 1px solid #58595B;}
.formTable {display: table; width: 100%;}
.formTable .row {display: table-row;}
.formTable .row .cell {display: table-cell; padding: 5px; vertical-align: middle;}
.formTable input[type="text"], .formTable input[type="password"], #fbUserData #pais, #formRegistro #pais {width: 100%; box-sizing: border-box; color: inherit;}
.formTable input[type="submit"] {background-image: none; display: inline; width: auto; height: auto; font-size: 1em; color: #555; text-indent: 0;}
.formTable input[type="submit"]:hover {background-image: none !important; box-shadow: 0 0 10px -3px #000 inset;}
.popup select, .popup input[type="text"], .popup input[type="password"], .popup input[type="submit"] {border: 1px solid #444;}
#personalInfo.formTable .row .cell:first-child {width: 25%;}
.formTable .row .cell.center {text-align: center;}
.formTable .error {border: 1px solid red;}
.formTable label.error {margin-top: 4px; color: red; border: 0 none; display: inline-block;}
iframe#registro {overflow: auto; height: auto; width: 100%;}
body.registro {background-color: #FFF;}
#formRegistro {background: url('images/pat_teoria.png') repeat #F9F9F9; width: 100%; font-size: 1.14em;}
#formRegistro .formTable label.error {margin-left: 10px;}
#formRegistro input {font-size: 1em;}
#formRegistro ul {margin: 10px 0 10px 5%;}
#formRegistro li {margin: 5px 0;}
#formRegistro .registerSubmitContainer {text-align: center;}
#formRegistro .registerSubmitContainer input {background-color: #6FC469; margin: 20px 0; font-size: 1.1em; color: #fff; height: auto; text-indent: unset; width: auto; padding: 10px;}
#fnacimientoDatepicker/*, #fnacimientoDatepickerRegister*/ {font-size: 12px;}
#fnacimientoDatepicker select/*, #fnacimientoDatepickerRegister select*/ {border-radius: 3px; padding: 0; margin: 1px 2px;}
.modalContainer .modal {width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position:fixed}
.modalContainer .popup {position:absolute; margin: auto; left: -9999px; right: -9999px; top: 10%; width: 80%; max-width: 400px; background: url('images/pat_teoria.png') repeat #F9F9F9; border-radius: 5px; box-shadow: 0 0 10px -3px #000; box-sizing: border-box; padding: 1.4%;}
.modalContainer .popup .cerrar {position:absolute; right: -10px; top: -10px; width: 30px; height: 30px; line-height: 32px; text-align: center; border-radius: 30px; font-family: sans-serif; font-size: 15px; font-weight: bold; color: red; background-color: #FFF; cursor: pointer; box-shadow: 0 0 10px -4px #000;}

/******** Registro *********/
.avatar {margin-right: 10px;}
.avatar img {vertical-align: text-top;}
/*#fnacimientoDatepickerRegister .ui-datepicker table {max-width: none; }
#fnacimientoDatepickerRegister .ui-datepicker th, #fnacimientoDatepickerRegister .ui-datepicker td,
#fnacimientoDatepickerRegister .ui-datepicker th *, #fnacimientoDatepickerRegister .ui-datepicker td * {font-size: inherit; color: inherit; line-height: normal;}
#fnacimientoDatepickerRegister .ui-datepicker th *, #fnacimientoDatepickerRegister .ui-datepicker td * {padding: inherit;}
#fnacimientoDatepickerRegister .ui-datepicker select {width: 45%;}*/
#fnacimientoDatepickerRegister select {display: inline; width: auto; margin-left: 4px;}
#fnacimientoDatepickerRegister select:first-child {margin-left: 0;}
#specialTerms {font-size: 0.9em; display: none;}
#normalTerms {font-size: 0.9em;}
#registroCompleto a {background: url("images/botonJugar.gif") top left no-repeat; display: block; height: 26px; margin: 10px 78px; width: 140px;}
#registroCompleto a:hover {background-position: bottom right;}

/***** OPEN LOGIN ******/
#openLoginContainer {position: relative; text-align: center; box-sizing: border-box; height: 100%; width: auto;}
#openLogin {display: block; width: 100%; height: 100%; color: #FFF; font-weight: bold; margin: 0 auto; font-size: 18px;  font-family: "oswaldbold"; text-decoration: none; padding-top: 30px; box-sizing: border-box;}
#openLogin:hover {box-shadow: 0 0 30px -5px #000 inset;}

/***** LOGIN *****/
#siteLoginDialog {}
#siteLoginDialog .formTable .row .cell:first-child {width:25%;}
#siteLoginDialog h3, #siteLoginDialog p {text-align: center;}
#loginError {color: red}
#cerrarSesion {margin-top: 5px; line-height: normal; padding: 0 5px;}
#showUserLogin .popup {padding: 0; background: #FFF;}
#showUserLogin .popup .cerrar {padding: 0;}
#showUserLogin .popup > div {padding: 0 5%;}
#showUserLogin .popup > h2 {padding: 5%;}
#showUserLogin .popup > .separator {padding: 0; margin: 37px auto 30px; max-width: 90%; border-top: 1px solid #444; text-align: center;}
#showUserLogin .popup > .separator span {display: block; margin: -7px auto 0; padding: 0 4px; background-color: #FFF; max-width: 10px;}
#userLogin > div {margin: 0 auto;}
#userLogin > div > * {display: block; margin: 10px auto; width: 100%; box-sizing: border-box;}
#userLogin > div a {display: inline-block; margin: 15px 0 0;}
#userLogin > div input[type="submit"] {background-color:#f15a29; color: #FFF; width: auto; margin-left: 0;}
#userLogin > div input[type="submit"]:hover {background-color: #00CC81; background-image: none;}
#userLogin .cbrecordar {float: right; width: 40%; padding-right: 10px; box-sizing: border-box; text-align: right;}
#userLogin .cbrecordar > * {display: inline; width: auto;}
#userLogin .cbrecordar > input {vertical-align: text-bottom;}
#fbLoginContainer {text-align: center; border-bottom: 1px solid #999;}
#showUserLogin .popup #singUp {padding: 5%; border-top: 1px solid #DDD; background-color: #F8F8F8; text-align: center; border-radius: 0 0 5px 5px;}
#showUserLogin .popup #singUp a {color: #27A8DF; font-weight: bold; font-size: 1.1em;}

/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}

/*********Estilos nuevos*********************************************************************************/
.site-header {background: url("images/bgHeader.png") center top no-repeat #145388; overflow: visible; border-bottom: 4px solid #FFF; height: 166px; position: relative; z-index: 5000;}
body.page-id-553 .site-header {background: url("images/bgHeaderGame.gif") center top no-repeat;}
body.page-id-1527 .site-header {background: url("images/bgHeaderGame.gif") center top no-repeat;}
/*body.page-id-553 #page {max-width: 1278px;}*/
body.page-id-553 #main {background-color: #FFF;}
body.page-id-553 .wrapper, .breadcrumbs, .sumarioCategoria, .archive-header{padding:20px 5px !important;}
body.page-id-553 .theme-default .nivo-controlNav a{display:none;}
body.page-id-1527 #main {background-color: #FFF;}
body.page-id-1527 .wrapper, .breadcrumbs, .sumarioCategoria, .archive-header{padding:20px 5px !important;}
body.page-id-1527 .theme-default .nivo-controlNav a{display:none;}
.site-header .wrapper {position: relative;}
.logo {display: block; width: auto; float: left; margin-top: 35px;}
.logo img {display: block; width: auto;}
.mobileMenu .logo {display: none;}
#openMenu {background: url("images/btOpenMenu.png") center center no-repeat transparent; border: 0 none; position: absolute; top: 2px; right: 23px; height: 50px; width: 50px; text-indent: -9999px; display: none;}
#closeMenu {background: url("images/btCloseMenu.png") center center no-repeat transparent; border: 0 none; position: absolute; top: 2px; right: 23px; height: 50px; width: 50px; text-indent: -9999px; display: none;}
.sectionLink {position: absolute; border-radius: 6px; box-shadow: 3px 2px 10px -4px #000; width: 214px;}
.sectionLink a {display: block; position: relative; color: #FFF; padding: 15px 67px 15px 50px; font-size: 1.21em; text-decoration: none; box-sizing: border-box; border: 1px solid transparent; border-radius: 6px; font-family: "oswaldbold",Helvetica, Arial, sans-serif; text-align: center;}
.sectionLink a:hover {box-shadow: 2px 2px 10px -5px #000 inset;}
.sectionLink a span {background: url("images/arrowSectionLinks.png") 7px 6px no-repeat transparent; display: block; position: absolute; height: 25px; width: 25px; border-radius: 50%; right: 14px; top: 0; bottom: 0; margin: auto; text-indent: -9999px; box-shadow: 2px 2px 10px -5px #000 inset; border: 1px solid transparent;}
#about {background: url("images/aboutBgBig.gif") center bottom no-repeat #145388; padding-bottom: 53px;}
#about .mainVideo {padding-bottom: 51.28%; position: relative;}
#about .mainVideoContainer {position: relative;}
#about .mainVideo > * {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%;}
#about .mainInfo {position: relative; width: 100%; max-width: 790px; margin: 0 auto; padding-top: 52px; font-family: "oswaldbold", Helvetica, Arial, sans-serif; color: #FFF;}
#about .mainInfo .greating {position: absolute; left: 74px; top: 42px; font-size: 5em;}
#about .mainInfo .info {background: url("images/bgAboutInfo.png") center center no-repeat transparent; position: relative; height: 488px; margin-top: 10px; max-width: 768px; margin: 0 auto;}
#about .mainInfo .info .logo {width: 152px; height: 152px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
#about .infoBox {width: 209px; height: 92px; position: absolute; box-sizing: border-box; padding: 25px 20px 0; font-size: 1.21em; text-align: center;}
#about h2.infoBox {font-size: 2.21em; left: 36.32%; padding: 20px 16px 0; line-height: 1.2em;}
#about #aboutBox1 {top: 205px; left: 1.30%;}
#about #aboutBox2 {margin: auto; left: 0; right: 0; bottom: 0;}
#about #aboutBox3 {top: 205px; right: 1.30%;}
#about .sectionLink {background: background: -ms-linear-gradient(top, #ffba00 0%,#ad6900 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffba00 0%,#ad6900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba00', endColorstr='#ad6900',GradientType=0 ); /* IE6-9 */
right: 0;
bottom: 0;
}
.menu_juego {background-color: #145388;}
#temasContainer .menu_juego {background-color: transparent;}
#about .sectionLink a, #about .sectionLink a span { border-color: #B2720D;}
#trivia {height: 592px; background: url("images/triviaBgBig.gif") center top no-repeat #E92232; color: #FFF;}
#trivia {height: 592px; background: url("images/triviaBgBig.gif") center top no-repeat #E92232; color: #FFF;}
#trivia .wrapper {position: relative;}
#trivia .info {background: url("images/bgInfoTrivia.png") center center no-repeat transparent; width: 425px; height: 439px; position: absolute; left: 8.57%; top: 24px;}
#trivia .info .infoBox {position: absolute; box-sizing: border-box; height: 111px; width: 111px; padding-top: 32px; text-align: center; font-size: 1.07em; left: 0; font-family: "oswaldbook", Helvetica, Arial, sans-serif;}
#trivia .info h2.infoBox {font-size: 2.85em; text-align: center; padding-top: 46px; width: 240px; left: 5px; top: 0; font-family: "oswaldbold", Helvetica, Arial, sans-serif;}
#trivia .info #triviaBox1 {top: 165px;}
#trivia .info #triviaBox2 {top: 326px;}
#trivia .info #triviaBox3 {left: 153px; top: 285px; padding: 40px 16px 0;}
#trivia .info #triviaBox4 {left: 307px; top: 320px; padding: 35px 16px 0;}
#trivia .imageContainer {position: absolute; top: 78px; right: 0; width: 56.44%;}
#trivia .imageContainer img {display: block; width: 100%; height: auto;}
#trivia .sectionLink {background: -ms-linear-gradient(top, #7cc3cc 0%,#578990 100%); /* IE10+ */
background: linear-gradient(to bottom, #7cc3cc 0%,#578990 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc3cc', endColorstr='#578990',GradientType=0 ); /* IE6-9 */
top: 480px;
left: 19.04%;
}
#wikifinanciero {background: url("images/wikiBgBig.gif") center top no-repeat #F9A11B; height: 593px; color: #FFF;}
#wikifinanciero .wrapper {position: relative; height: 100%;}
#wikifinanciero .infoBox {position: absolute; box-sizing: border-box; border: 4px solid #FFF; padding: 30px 10px; text-align: center; font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 1.21em;}
#wikifinanciero h2.infoBox {width: 412px; height: 134px; left: 5px; top: 75px; font-family: "oswaldbold", Helvetica, Arial, sans-serif; font-size: 3.21em; border: 0 none; padding-top: 25px; background: url("images/bgTitleWiki.png") center top no-repeat transparent;}
#wikifinanciero #wikiBox1 {width: 213px; height: 125px; top: 206px; left: 11.52%; background-color: #F9A11A;}
#wikifinanciero #wikiBox2 {width: 136px; height: 91px; top: 78px; right: 1.75%; padding: 15px 10px; background-color: #FBAB32;}
#wikifinanciero .sectionLink {background: -ms-linear-gradient(top, #e92232 0%,#9a0915 100%); /* IE10+ */
background: linear-gradient(to bottom, #e92232 0%,#9a0915 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e92232', endColorstr='#9a0915',GradientType=0 ); /* IE6-9 */
top: 358px;
left: 16.99%;
}
#wikifinanciero .sectionLink a, #wikifinanciero .sectionLink a span { border-color: #a01621;}
#character {position: absolute; width: 418px; left: 261px; right: 0; bottom: 0; margin: auto;}
#character img {display: block; width: 100%; height: auto;}
.allContent .capitulos {width: 22.73%; float: left; overflow: hidden; box-sizing: border-box; padding-right: 24px;}
#consejosVideos{width: 77.27%; float: left;}
.sumarioCategoria {overflow: hidden; margin-bottom: 100px;}
#mainMenu {width: 505px; position: absolute; margin: auto; right: 13.84%; left: 0; top: 38px;}
#mainMenu > ul {height: 49px; width: 505px; box-sizing: border-box; padding-top: 8px; background: url("images/bgMainMenu.png") center top no-repeat transparent;}
#mainMenu > ul > li {float: left; height: 33px; border-left: 1px solid #FFF; font-family: "oswaldbold", Helvetica, Arial, sans-serif; color: #FFF; position: relative; background: url("images/bgMainMenu.png") center 49px no-repeat transparent;}
#mainMenu #home {width: 86px;}
#mainMenu #about123 {width: 98px;}
#mainMenu #game {width: 74px;}
#mainMenu #wiki {width: 125px;}
#mainMenu #contact {width: 118px;}
#mainMenu > ul > li:first-child {border-left: 0 none;}
#mainMenu > ul > li > a, #mainMenu > ul > li > span {padding: 17px 15px 18px; margin-top: -8px;}
#mainMenu > ul > li:first-child > a {padding-left: 34px;}
#mainMenu > ul > li:last-child > a, #mainMenu > ul > li.last-child > a {padding-right: 25px;}
#mainMenu a, #mainMenu span {display: block; color: #FFF; text-align: center; padding: 0 15px; text-decoration: none; cursor: pointer;}
#mainMenu > ul > li:hover, #mainMenu > ul > li:hover + li {background-position: left bottom; height: 49px; margin-top: -8px;}
#mainMenu > ul > li:hover + li {background: none;}
#mainMenu > ul > li:last-child:hover, #mainMenu > ul > li.last-child:hover {background-position: right bottom;}
#mainMenu li:hover > a, #mainMenu li:hover > span  {background-color: #FFF; color: #145388; margin-top: 0;}
#mainMenu li:hover + li > a, #mainMenu li:hover + li > span  {margin-top: 0;}
#mainMenu > ul > li:first-child:hover > a, #mainMenu > ul > li:last-child:hover > a, #mainMenu > ul > li.last-child:hover > a  {background-color: transparent;}
#mainMenu li > ul {position: absolute; left: 0; top: 100%; border-left: 4px solid #FFF; border-bottom: 4px solid #FFF; border-right: 4px solid #FFF; width: 100%; box-sizing: border-box; border-radius: 0 0 5px 5px; display: none;}
#mainMenu li:hover > ul {display: block;}
#mainMenu li > ul li {border-top: 4px solid #FFF; background-color: #145489;}
#mainMenu li > ul li a {padding: 3px 0;}

#userBox {float: right; margin-top: 14px; border: 4px solid #FFF; height: 81px; width: 200px; border-radius: 8px; background-color: #FA2D3C;}
#userBox.logged {background-color: #00A669;}
#userBox .userData {display: table; padding: 4px 4px 0; width: 100%; box-sizing: border-box;}
#userBox .userData > * {display: table-cell; vertical-align: middle;}
#userBox .userData .picture {width: 52px;}
#userBox .userData .name {padding-left: 10px; color: #FFF; text-align: center; font-family: "oswaldbold";}
#userBox .logout {text-align: center;}

#searchBox {float: right; width: 208px; height: 35px; margin: 10px 0 18px; clear: right; border: 4px solid #FFF; border-radius: 8px; box-sizing: border-box;}
#searchBox input {float: left; border: 0 none; border-radius: 0;}
#searchBox [type="text"] { width: 173px !important; height: 100%; background: transparent; box-sizing: border-box; color: #FFF; font-family: "oswaldbold"; padding: 4px 0;}
#searchBox [type="submit"] {background: url("images/magnifier.png") center center no-repeat transparent; width: 27px; height: 27px; text-indent: -9999px;border: 0 none;}
#temasContainer {max-width: 1280px; margin: 0 auto; background-color: #2F74AB; background: url("images/bgMenuTemas.gif") center bottom no-repeat #2E72A9; border-bottom: 1px solid #FFF;}
#temasContainer h2 {font-family: "oswaldregular", Helvetica, Arial, sans-serif; text-align: center; font-size: 1.92em; color: #FFF; border-bottom: 3px solid #FFF; border-top: 6px solid #FFF; padding: 52px 0 40px;}
#temasContainer .menu_juego #site-navigation {background: #444345; width: 100%; max-width: 1199px; width: 93.64%; margin: 0 auto; height: auto; box-sizing: border-box; border-radius: 30px; padding: 12px 5% 11px; margin-top: 30px;}
#temasContainer .links {max-width: 742px; margin: 55px auto 77px;}
#temasContainer .links:after, #temasContainer .links:before {content: ""; display: table; clear: both; box-sizing: border-box;}
#temasContainer .links .column {float: left; width: 50%; box-sizing: border-box;}
#temasContainer .links .column a {display: block; width: 243px; padding: 24px 5px 25px 85px; box-sizing: border-box; background: 19px center no-repeat #EBEBEB; margin: 0 auto; color: #000; font-size: 2.5em; font-family: "oswaldbold", Helvetica, Arial, sans-serif; text-decoration: none; border-radius: 8px; text-align: center;}
#temasContainer .links .column a:hover {background-color: #00ACBA; color: #FFF;}
#temasContainer .links .column.left a {background-image: url("images/iconTemasVideos.png");}
#temasContainer .links .column.right a {background-image: url("images/iconTemasConsejos.png");}
.site-content {width: 100%; max-width: 1280px; margin: 0 auto; background-color: #FFF; padding-top: 77px; overflow: hidden;}

.page-id-1350 .allContent {max-width: 1280px; width: 100%;}
.page-id-1350 .site-content {background: #2E72A9;}
.page-id-1350 .site-content {background: #2E72A9;}
.page-id-1350 #content {color: #FFF; max-width: 1024px; padding: 0 5px; margin: 0 auto;}
.page-id-1350 #content .entry-title, .page-id-1350 #content .entry-content {text-align: center; font-size: 2.14em; font-family: "robotoregular", Helvetica, Arial, sans-serif;}
.page-id-1350 #content .entry-content {font-size: 1.07em;}
.page-id-1350 #content .entry-content p {line-height: 1.3em;}
.page-id-1350 #content .edit-link a {color: #FFF;}
#loginButtonContainer {padding: 0 0 100px;}
#loginButton {background: #B82A5A; border-radius: 10px; display: block; box-sizing: border-box; width: 80%; max-width: 300px; margin: 0 auto; font-size: 1.5em;  font-family: "oswaldbold", Helvetica, Arial, sans-serif; color: #FFF; padding: 20px;}
#loginButton:hover {box-shadow: 0 0 57px -25px #000 inset; background: #00A669;}
#iframeJuego iframe{width:100%;}
.btShowContent {background-color: #B82A5A; border-radius: 0 0 10px 10px; position: absolute; top: 100%; right: 20px; color: #FFF; font-family: "oswaldbold", Helvetica, Arial, sans-serif; z-index: 1050;}

.ml-slider ul.slides li.checkpoint {font-size: 14px;}
.ml-slider ul.slides li.checkpoint li {margin-bottom: 12px !important; font-family: "oswaldbold", Helvetica, Arial, sans-serif; font-size: 2.28em !important; text-align: center; border-bottom: 2px dotted #00A6C0 !important; padding-bottom: 8px !important; background: url("images/checkpointIcons.gif") no-repeat;}
.checkpoint li a {text-decoration: none; display: block; height: 100%; box-sizing: border-box; padding-left: 40px; line-height: 1.3em;}
.ml-slider ul.slides li.checkpoint .nextCap {background-position: 8px 0px;}
.ml-slider ul.slides li.checkpoint .nextCap a {height: auto; font-size: 0.56em !important; font-family: "oswaldregular", Helvetica, Arial, sans-serif; color: #00A6C0;}
.ml-slider ul.slides li.checkpoint .nextCap span {font-size: 1.57em; font-family: "oswaldbold", Helvetica, Arial, sans-serif;}
.ml-slider ul.slides li.checkpoint .nextCap b {font-family: "oswaldbold", Helvetica, Arial, sans-serif;}
.ml-slider ul.slides li.checkpoint .game {background-position: 8px -66px;}
.ml-slider ul.slides li.checkpoint .game a {color: #EB1C2C;}
.ml-slider ul.slides li.checkpoint .wiki { background-position: 8px -129px;}
.ml-slider ul.slides li.checkpoint .wiki a {color: #F9A11B;}

footer[role="contentinfo"] .logoBAC {margin-top: 40px; display: block; max-width: 250px; margin: 30px auto;}

body.seccion_planificacion-y-presupuesto .listaCapitulos li a:hover,
body.seccion_planificacion-y-presupuesto .listaCapitulos li div,
body.seccion_planificacion-y-presupuesto .listaCapitulos button,
body.seccion_planificacion-y-presupuesto .listaCapitulos li.capActual a,
body.seccion_planificacion-y-presupuesto #videos .control{ background-color:#00A6C0;}
body.seccion_planificacion-y-presupuesto .listaCapitulos li:hover div,
body.seccion_planificacion-y-presupuesto .listaCapitulos li.capActual div{ color:#00A6C0; background:#fff;}

body.seccion_ahorro-e-inversion .listaCapitulos li a:hover,
body.seccion_ahorro-e-inversion .listaCapitulos li div,
body.seccion_ahorro-e-inversion .listaCapitulos button,
body.seccion_ahorro-e-inversion .listaCapitulos li.capActual a,
body.seccion_ahorro-e-inversion #videos .control{ background-color:#B72C5A;}
body.seccion_ahorro-e-inversion .listaCapitulos li:hover div,
body.seccion_ahorro-e-inversion .listaCapitulos li.capActual div{color:#B72C5A; background:#fff;}

body.seccion_creditos .listaCapitulos li a:hover,
body.seccion_creditos .listaCapitulos li div,
body.seccion_creditos .listaCapitulos button,
body.seccion_creditos .listaCapitulos li.capActual a,
body.seccion_creditos #videos .control{ background-color:#C34921;}
body.seccion_creditos .listaCapitulos li:hover div,
body.seccion_creditos .listaCapitulos li.capActual div{color:#C34921; background:#fff;}

body.seccion_tarjeta-de-credito .listaCapitulos li a:hover,
body.seccion_tarjeta-de-credito .listaCapitulos li div,
body.seccion_tarjeta-de-credito .listaCapitulos button,
body.seccion_tarjeta-de-credito .listaCapitulos li.capActual a,
body.seccion_tarjeta-de-credito #videos .control{ background-color:#FF9D00;}
body.seccion_tarjeta-de-credito .listaCapitulos li:hover div,
body.seccion_tarjeta-de-credito .listaCapitulos li.capActual div{color:#FF9D00; background:#fff;}

body.seccion_servicios-bancarios .listaCapitulos li a:hover,
body.seccion_servicios-bancarios .listaCapitulos li  div,
body.seccion_servicios-bancarios .listaCapitulos button,
body.seccion_servicios-bancarios .listaCapitulos li.capActual a,
body.seccion_servicios-bancarios #videos .control{ background-color:#388833;}
body.seccion_servicios-bancarios .listaCapitulos li:hover  div,
body.seccion_servicios-bancarios .listaCapitulos li.capActual div{color:#388833; background:#fff;}

body.seccion_economia-general .listaCapitulos li a:hover,
body.seccion_economia-general .listaCapitulos li  div,
body.seccion_economia-general .listaCapitulos button,
body.seccion_economia-general .listaCapitulos li.capActual a,
body.seccion_economia-general #videos .control{ background-color:#30276B;}
body.seccion_economia-general .listaCapitulos li:hover  div,
body.seccion_economia-general .listaCapitulos li.capActual div{color:#30276B; background:#fff;}

/********VIDEOS RELACIONADOS****************/
#consejosVideos h2{ padding: 0 0 20px;color:#C34921; text-transform:uppercase;font: normal 20px/24px 'oswaldregular', Arial, sans-serif;}
#videos {display: inline-block; width: 100%; position: relative; height: 400px;}
.videoRelacionados {min-width: 100%; white-space: nowrap; position: absolute; width:100%; height: 300px; overflow: hidden;}
.videoRelacionados .videoContainer {white-space: normal; display: inline-block; width: 33.33%; vertical-align: top; box-sizing: border-box; padding: 0 5px;}
.videoRelacionados .video {background: none repeat scroll 0 0 #F1F2F2; border-bottom: 4px solid #D1D3D4; border-radius: 20px; box-sizing: border-box; width: 100%; max-width: 224px; height: 300px; overflow: hidden; padding: 20px 15px 11px; position:relative; vertical-align: top; margin: 0 auto;}


.videoRelacionados .video .camara{ position:absolute; top:0; right:30px; z-index:2; width:36px; height:33px;background: url("images/boton_sombras_trans.png") no-repeat scroll -810px 0;}
.videoRelacionados .video article{margin:0; text-a.videogn:center;}
.videoRelacionados .video article .thumbVideoCol{ margin:0 auto; position:relative; max-width:194px; float:none;}
.videoRelacionados .video article .thumbVideoCol span{background: url("images/boton_sombras_trans.png") no-repeat -826px -58px;bottom: 1px; height: 19px; padding: 0; position: absolute;   right: 0; width: 62px;}
.videoRelacionados .video article img{ width:194px; }
.videoRelacionados .video article div.infoSindi {float: left; margin:0; width: 96%; text-a.videogn:center;}
.videoRelacionados .video h3{font: bold 15px/18px 'oswaldregular', Arial, sans-serif; text-transform:uppercase;margin: 8px 0 4px;}
.videoRelacionados .video h3 a{ color:#414042; text-decoration:none;}
.videoRelacionados .video h3 a:hover{ color:#2298CA}
.videoRelacionados .video h4 { color:#414042; font: normal 15px/18px 'oswaldregular', Arial, sans-serif; margin:0 0 8px; }
.videoRelacionados .video p{ font: normal 12px/14px Arial, sans-serif; color:#666666;}
.videoRelacionados .video .camara{ position:absolute; top:0; right:30px; z-index:2; width:36px; height:33px;background: url("images/boton_sombras_trans.png") no-repeat scroll -810px 0;}
.videoRelacionados .video article{margin:0;}
.videoRelacionados .video article .thumbVideoCol{ margin:0 0 16px 0;}
.videoRelacionados .video article img{ width:194px; }
.videoRelacionados .video article div.infoSindi {float:none; margin: 0 5px 0 0; max-width: 674px;  width: 100%; }
.videoRelacionados .video h3{font: bold 15px/18px 'oswaldregular', Arial, sans-serif; text-transform:uppercase;margin: 8px 0 4px;}
.videoRelacionados .video h3 a{ color:#414042; text-decoration:none;}
.videoRelacionados .video h3 a:hover{ color:#2298CA}
.videoRelacionados .video h4 { color:#414042; font: normal 15px/18px 'oswaldregular', Arial, sans-serif; margin:0 0 8px; }
.videoRelacionados .video p{ font: normal 12px/14px Arial, sans-serif; color:#666666;}

.videoRelacionados section.icoCetegory{ background:url("images/boton_sombras_trans.png") 0 0 no-repeat; width:26px; height:26px; position:absolute; position:absolute; bottom:10px; left:10px;}
.videoRelacionados section.ico-02{background-position:-248px -473px;}
.videoRelacionados section.ico-03{background-position:-274px -473px;}
.videoRelacionados section.ico-04{background-position:-300px -473px;}
.videoRelacionados section.ico-05{background-position:-327px -473px;}
.videoRelacionados section.ico-06{background-position:-353px -473px;}
.videoRelacionados section.ico-07{background-position:-380px -473px;}

#videos .sliderContainer .videoRelacionados {overflow: visible;}
#videos .sliderContainer {height: 300px; position: relative;}
#videos .sliderContainer .sliderFrame {height: 100%; overflow: hidden; position: relative;}
#videos .control {background: url("images/videosSliderArrows.png") left center no-repeat transparent; width: 40px; height:40px; position: absolute; top: 0; bottom: 0; margin: auto 0; z-index: 1000; cursor: pointer; border-radius: 50%;}
#videos .control:hover {opacity: 0.6;}
#videos .left.control {left: -40px;}
#videos .right.control {right: -40px; background-position: right center;}

/***********CONSEJOS RELACIONADOS*************/
#consejosVideos .consejos {margin-bottom: 100px;}
#consejosVideos .consejos li {width: 100%; min-height: 150px; float: none; box-sizing: border-box; margin: 42px 0 0;}
#consejosVideos .consejos li:first-child {margin:0;}
#consejosVideos .consejo li article {display: table; width: 100%; max-width: 630px;}
#consejosVideos .consejo li article > * {display: table-cell; width: auto; vertical-align: top;}
#consejosVideos .consejo li article div.infoSindi {float: none; padding-left: 20px;}
#consejosVideos .consejo li article img {width: 35px; height: auto; display: block; min-width: 0; margin: 0;}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}

/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

.textInicio{ 
	text-align:center; 
	color:#fff; 
	line-height:20px !important;
	font-size:12px;
	font-weight:normal;
	width: 80%; 
	margin: 20px auto 0; ;  
	padding:20px;
	background: #27aae1; /* Old browsers */
	background: -moz-linear-gradient(top,  #27aae1 0%, #155b94 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27aae1), color-stop(98%,#155b94)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #27aae1 0%,#155b94 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #27aae1 0%,#155b94 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #27aae1 0%,#155b94 98%); /* IE10+ */
	background: linear-gradient(to bottom,  #27aae1 0%,#155b94 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aae1', endColorstr='#155b94',GradientType=0 ); /* IE6-9 */
	border-radius:15px;
	box-shadow: #333 0px 2px 3px;
}
.textInicio p{ margin-bottom:7px;}
.textInicio strong{font-size:14px;}
.textInicio strong span{ font-size:14px;}


/*Page juego*/
    .iframeJuego{width:74.446%; height: 100%; min-height: 600px;}
    .bgBienvenidosJuego{background: url(images/bgBienvenidosJuego.jpg) center center  no-repeat; width: 627px; height: 90px; position: relative; margin: 0 auto 40px;}
    .linkComoJugar{background:url(images/btnComoJugar.png) center top no-repeat; width: 177px; height: 67px; border: none; position: absolute; right: 11px; top: 11px; font-size: 0px; text-indent: -99999px;}
    .linkComoJugar:hover{background:url(images/btnComoJugar.png) center bottom no-repeat; }
    body.page-template-page-juego-php h1{display: none;}
    body.page-template-page-juego-php .allContent{padding-top: 0px!important;}
    body.page-template-page-juego-php .entry-header{display: none!important;}
    body.page-template-page-juego-php .site-header{padding-bottom: 0px!important;}
    div.juegoMovil a{ background: url("images/boton_fondos.png") no-repeat -239px -225px;display: block;height: 27px;width: 141px;margin: 0px; margin:3px auto 0;}
	div.juegoMovil a:hover{ background: url("images/boton_fondos.png") no-repeat -239px -252px;}
    div.juegoMovil > p {width:90%; text-align: center; margin: 0 auto;}
    div.juegoMovil span{font-size: 10px; display:inline-block; letter-spacing: 0.07em;}


@media screen and (max-width: 640px) {
    .bgBienvenidosJuego{background: url(images/bgBienvenidosJuegoMovil.jpg) center center  no-repeat; width: 246px; height:144px; position: relative; margin: 0 auto 40px;}    
    .linkComoJugar{right: 35px; top: 71px;}    
    body.page-template-page-juego-php .site-header{padding-bottom: 15px;}	
	.contentCheckbox{min-height: 34px; vertical-align: top;}
	
	ul.sumarioCategoria li a {width: 100%; display: inline-block; text-align: center; line-height: 32px;}
}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 640px) {
    body.page-template-page-juego-php .site-header{padding-bottom: 15px;}
    .author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		overflow: hidden;
	}
	
	.main-navigation li a div{ margin: 0 auto;width:100px; height:100px; background:url("images/boton_sombras_trans.png")}

	.main-navigation li a[title~=Presupuesto] div{ background-position:0px -370px; }
	.main-navigation li a[title~=Presupuesto]:hover div{ background-position:0px -270px; }
	
	.main-navigation li a[title~=Ahorro] div{ background-position:-100px -370px; }
	.main-navigation li a[title~=Ahorro]:hover div{ background-position:-100px -270px; }
	
	.main-navigation li a[title~=Créditos] div{ background-position:-200px -370px; }
	.main-navigation li a[title~=Créditos]:hover div{ background-position:-200px -270px; }
	
	.main-navigation li a[title~=Tarjeta] div{ background-position:-300px -370px; }
	.main-navigation li a[title~=Tarjeta]:hover div{ background-position:-300px -270px; }
	
	.main-navigation li a[title~=Servicios] div{ background-position:-400px -370px; }
	.main-navigation li a[title~=Servicios]:hover div{ background-position:-400px -270px; }
	
	.main-navigation li a[title~=General] div{ background-position:-500px -370px; }
	.main-navigation li a[title~=General]:hover div{ background-position:-500px -270px; }
		
	.site-content.oneCol {float:none;margin:0 auto;max-width: 994px;}	
	.textInicio{ font-size:16px;}
	.textInicio strong{font-size:20px;}
	.textInicio strong span{ font-size:16px;}
	
	.widget.widget_search { position: absolute; right: 3%; top: 20px; width: 76%;padding: 0 5px 0 0;}
	
	form#searchform div{ background: #FFFFFF; border-radius: 5px;  width: 100%;}
	div.bannerLogo a{margin: 0 0 0 5%;}
	input#s{ width:88% !important;}
	ul.sumarioCategoria li h2{font: 18px/20px Arial,sans-serif !important;}
	

	
	div.glosario #loginFB .inFB{ overflow:hidden;}
	div.glosario #loginFB .inFB p {margin: 6px 0 0 10px; display:block; color:#fff; font-size:12px;}
	div.glosario #loginFB .inFB img{  margin:8px 6px 0 0; float:left;}
		
	div.glosario #loginFB {  padding: 0 0 0 17%; width: 33%;}
    
    
	.widget-area {
		float: right;
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 98%;
		top:-5px;
		position: relative;
		margin-bottom: 10px;
		margin-top:10px;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
		width:16%;
	}
	#temasContainer .main-navigation li a, .main-navigation li a {
		border-bottom: 0;
		color: #fff;
		font: normal 12px/14px "oswaldregular", arial;
		text-transform: uppercase;
		text-align:center;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	
	
	.main-navigation li {
		margin: 0;
		position: relative;
		vertical-align:top;
	}
	
	.main-navigation li:first-child {
		max-width:138px;
		margin:0px;
	}
	
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
	}
	
	/* mantiene menu seleccionado*/
	.main-navigation .current-menu-item > a[title~=Presupuesto] div,
	.main-navigation .current-menu-ancestor > a[title~=Presupuesto] div,
	.main-navigation .current-video-ancestor > a[title~=Presupuesto] div,
	.main-navigation .current-consejo-ancestor > a[title~=Presupuesto] div,
	.main-navigation .current-capitulo-ancestor > a[title~=Presupuesto] div {
		background-position: 0px -270px;
	}
	
	.main-navigation .current-menu-item > a[title~=Ahorro] div,
	.main-navigation .current-menu-ancestor > a[title~=Ahorro] div,
	.main-navigation .current-video-ancestor > a[title~=Ahorro] div,
	.main-navigation .current-consejo-ancestor > a[title~=Ahorro] div,
	.main-navigation .current-capitulo-ancestor > a[title~=Ahorro] div {
		background-position: -100px -270px;
	}
	
	.main-navigation .current-menu-item > a[title~=Créditos] div,
	.main-navigation .current-menu-ancestor > a[title~=Créditos] div,
	.main-navigation .current-video-ancestor > a[title~=Créditos] div,
	.main-navigation .current-consejo-ancestor > a[title~=Créditos] div,
	.main-navigation .current-capitulo-ancestor > a[title~=Créditos] div {
		background-position: -200px -270px;
	}
	
	.main-navigation .current-menu-item > a[title~=Tarjeta] div,
	.main-navigation .current-menu-ancestor > a[title~=Tarjeta] div,
	.main-navigation .current-video-ancestor > a[title~=Tarjeta] div,
	.main-navigation .current-consejo-ancestor > a[title~=Tarjeta] div,
	.main-navigation .current-capitulo-ancestor > a[title~=Tarjeta] div {
		background-position: -300px -270px;
	}
	
	.main-navigation .current-menu-item > a[title~=Servicios] div,
	.main-navigation .current-menu-ancestor > a[title~=Servicios] div,
	.main-navigation .current-video-ancestor > a[title~=Servicios] div,
	.main-navigation .current-consejo-ancestor > a[title~=Servicios] div,
	.main-navigation .current-capitulo-ancestor > a[title~=Servicios] div {
		background-position: -400px -270px;
	}	
		
	.main-navigation .current-menu-item > a[title~=General] div,
	.main-navigation .current-menu-ancestor > a[title~=General] div,
	.main-navigation .current-video-ancestor > a[title~=General] div,
	.main-navigation .current-consejo-ancestor > a[title~=General] div,
	.main-navigation .current-capitulo-ancestor > a[title~=General] div {
		background-position: -500px -270px;
	}
	
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	
	/***** Buscador *****/
	.searchCuston .searchandfilter label{font-size:14px;}
	.searchCuston .searchandfilter select,
	.searchCuston .searchandfilter input{ padding:5px; font-size:14px;}
	.searchCuston section input[type="text"]{ width:100%; }
	.buscadorCustom article .entry-header .entry-title {font: 16px/18px 'oswaldregular',Arial,sans-serif;}
	.buscadorCustom article .entry-header .entry-title span{ font: 14px/16px 'oswaldregular',Arial,sans-serif;}
	.buscadorCustom article .entry-summary p {font: 14px/18px 'oswaldregular',Arial,sans-serif;}
	.explicaciones h1{ text-transform:uppercase;font: normal 30px/34px 'oswaldregular', Arial, sans-serif; }
	.site-content.oneCol h2 { font: 26px/30px 'oswaldregular',Arial,sans-serif; padding: 10px 0;}
	
	.buscadorCustom .searchWrapper .column{ display:block;}
	.buscadorCustom .searchWrapper .column h2{ font: normal 22px/26px 'oswaldregular', Arial, sans-serif; padding:15px 0 30px;}
	.buscadorCustom .searchWrapper article.video{max-width:26%; min-height: 264px;}
	.buscadorCustom .searchWrapper article.video h1{ font: 14px/16px 'oswaldregular',Arial,sans-serif;}
	.buscadorCustom .searchWrapper article.video a img{margin: 8px auto; width:88%;}
	.buscadorCustom .searchWrapper article.explicacion{min-height: 244px;}
	.buscadorCustom .searchWrapper article.explicacion a img { float: left; margin: 0 8px; width: 40%;}
	.buscadorCustom .searchWrapper article.consejo { min-height: 132px;}	
	.buscadorCustom .searchWrapper article.consejo .entry-summary img{width:60px;}
	
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
    
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 996px) {
	.textInicio{margin-bottom:40px !important;}
	.menu_juego .main-navigation {
	  background: url("images/sombras_home.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
	  height: 180px;
	  margin: 0 auto;
	  max-width: 789px;
	  padding: 46px 105px 0;
	  text-align: center;
	}
	body.custom-background-empty {background-color: #fff;}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	div.bannerLogo{ width:994px; position:relative; height:106px; background:#FFF; margin:0 auto;border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;border: 0px solid #000000;}
	div.bannerLogo a{ background:url(images/boton_fondos.png) no-repeat -463px -180px; display:block; float:left; width:106px; height:106px; margin:0 0 0 16px;}
	div.bannerLogo p{ color: #2251a3;
    display: block;
    float: left;
    font: 17px/20px 'oswaldregular',arial;
    margin: 18px 0 0 126px;
    text-align: center;
    width: 325px;}
	div.bannerLogo p span{background:url(images/boton_fondos.png) no-repeat -463px -159px; width:200px; height:20px; display:block; margin:10px 0 0 60px;}
	div.infoBannerHeader{background: url("images/boton_sombras_trans.png") no-repeat -601px -362px; height:123px; left: 670px; position: absolute;top: 0;width: 306px; display:block;}
	div.infoBannerHeader p{color: #FFFFFF; float: none; font: 18px/20px 'oswaldregular',arial; margin: 20px 0 16px; text-align: center; width: auto;text-transform: uppercase;}
	div.infoBannerHeader p span{font: normal 14px/16px 'oswaldlight',arial; background:none; margin:0;text-align: center; width: auto;}
	div.infoBannerHeader a{ background: url("images/boton_fondos.png") no-repeat -239px -225px;display: block;height: 27px;width: 141px;margin: 10px 78px;}
	div.infoBannerHeader a:hover{ background: url("images/boton_fondos.png") no-repeat -239px -252px;}
	.widget.widget_search { left: 50%; margin: 0 0 0 -384px; position: absolute; top: 174px;}		
	.widget.widget_search.responsiveSearch { display:none;}
	div.glosario{width:994px; height:80px; margin:44px auto 0; background:#202b6c;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 0px solid #000000; display:block;}
	div.glosario p{ display:block; color: #FFFFFF; float: left; font: 18px/20px arial; margin: 28px 0 0 30px;}
	div.glosario a{display:block;}

	div.glosario span{ display: none;}
	
	div.glosario a[title="Videos"]{background: url("images/boton_fondos.png") no-repeat -349px -159px; display: block; float: left; height: 33px; margin: 24px 0 0 331px; width: 114px;}
	div.glosario a[title="Videos"]:hover{ background-position: -349px -192px}
	div.glosario a[title="Consejos"]{background: url("images/boton_fondos.png") no-repeat -239px -159px; display: block; float: left; height: 33px; margin: 24px 0 0 28px; width: 111px;}
	div.glosario a[title="Consejos"]:hover{background-position: -239px -192px}
	div.glosario a[title="Wikifinanciero"]{background: url("images/boton_fondos.png") no-repeat -774px -159px; display: block; float: left; height: 33px; margin: 24px 0 0 28px; width: 150px;}
	div.glosario a[title="Wikifinanciero"]:hover{background-position: -774px -192px}
	
	div.glosario #loginFB{ display:block; width:208px; padding:0 4px 0 10px; float:right;background:#1c75bc; border: 0 solid #000000;border-radius:0 10px 10px 0;height: 80px; text-align:center;}
	div.glosario #loginFB p{font: normal 14px/16px 'oswaldlight',arial; color:#FFF; text-align:center; text-transform:uppercase;margin: 20px 0 0 30px;}
	div.glosario #loginFB .inFB p {margin: 20px 0 0 10px; font-size:14px;}
	div.glosario #loginFB .inFB img{ float:left; margin:10px 0 0; width:52px;}
	div.glosario #loginFB span{display:block; padding: 6px 0 0;}
	div.glosario.movil{ display:none;}
    div.juegoMovil {display: none;}
	
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		top:0px !important;
		position:relative;
	}
	
	.widget.widget_search {left: 50%; margin: 0 0 0 -487px; padding: 0; position: absolute; top: 174px; width: 300px;}
	form#searchform div{ background:#FFF; border-radius:5px; padding:0 6px 0 0;width: 290px;}
	
	.widget_search input#s{ width:242px !important;}
	.widget_search input[type="submit"]{ background: url("images/boton_fondos.png") no-repeat -240px -281px #FFFFFF; height: 28px; text-indent: -999em; width: 30px;}
	.widget_search input[type="submit"]:hover{ background: url("images/boton_fondos.png") no-repeat -240px -313px #FFFFFF !important;}
	
	.menu_juego{height:226px; overflow:hidden; background-color: transparent;}
	
	.page-id-604 .menu_juego { background:#f14c0b;}
	#temasContainer .menu_juego{height:auto;}

	#temasContainer .menu_juego h2{ font: normal 24px/28px 'oswaldregular',arial; text-transform:uppercase; text-align:center; display:block; border-bottom: 1px solid #999; color:#FFF; padding:38px 0 10px; display: block;}
	
	/***** Buscador *****/
	.buscadorCustom .searchWrapper .column{ display:table-cell;}
	.buscadorCustom .searchWrapper .column h2{ font: normal 28px/32px 'oswaldregular', Arial, sans-serif;padding:20px 0 40px; }
	.buscadorCustom .searchWrapper article.video{max-width: 230px; min-width: 194px; margin: 0 2px 10px !important;}
	.buscadorCustom .searchWrapper.columns-1 article.video { max-width: 202px;}
	.buscadorCustom .searchWrapper.columns-2 article.video {max-width: 196px;}
	.buscadorCustom .searchWrapper article.video a img{margin: 10px auto; width:auto;}
	.buscadorCustom .searchWrapper article.consejo { max-width:450px; margin:0 3px 10px;min-width: 430px;}
	.buscadorCustom .searchWrapper.columns-1 article.consejo {max-width: 430px;}
	.buscadorCustom .searchWrapper.columns-2 article.consejo {max-width: 430px; min-width:inherit;}
	.buscadorCustom .searchWrapper article.explicacion{float: left; margin: 0 5px 35px; max-width: 370px;min-width: 286px;padding: 0 0 34px!important; min-height: 294px;}
	.buscadorCustom .searchWrapper.columns-1 article.explicacion { max-width: 306px; min-height: 294px;}
	.buscadorCustom .searchWrapper article.explicacion a img { float:none; margin:0px auto; width: auto;}
	
	
	/* home */
	
	#temasContainer  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {width: 100%;}
	
	#temasContainer .main-navigation li {padding: 0 1.25%; width: 16.66%; margin: 0; box-sizing: border-box; display: block; float: left;} 
	#temasContainer .main-navigation li:first-child {max-width: none;} 
	#temasContainer .main-navigation li a{ text-decoration:none;font: 18px/22px "oswaldregular",arial;}
	#temasContainer .main-navigation li a:hover{ color:#000;}
	#temasContainer .main-navigation li a span{ display:block; height:50px;}
	#temasContainer .main-navigation li a div{ width:135px; height:135px; margin:0 auto; background:url(images/boton_sombras_trans.png)}
	
	#temasContainer .main-navigation li a[title~=Presupuesto] div{ background-position:0px 0px; }
	#temasContainer .main-navigation li a[title~=Presupuesto]:hover div{ background-position:0px -135px; }
	
	#temasContainer .main-navigation li a[title~=Ahorro] div{ background-position:-135px 0px; }
	#temasContainer .main-navigation li a[title~=Ahorro]:hover div{ background-position:-135px -135px; }
		
	#temasContainer .main-navigation li a[title~=Créditos] div{ background-position:-270px 0px; }
	#temasContainer .main-navigation li a[title~=Créditos]:hover div{ background-position:-270px -135px; }
	
	#temasContainer .main-navigation li a[title~=Tarjeta] div{ background-position:-405px 0px; }
	#temasContainer .main-navigation li a[title~=Tarjeta]:hover div{ background-position:-405px -135px; }
	
	#temasContainer .main-navigation li a[title~=Servicios] div{ background-position:-540px 0px; }
	#temasContainer .main-navigation li a[title~=Servicios]:hover div{ background-position:-540px -135px; }
	
	#temasContainer .main-navigation li a[title~=General] div{ background-position:-675px 0px; }
	#temasContainer .main-navigation li a[title~=General]:hover div{ background-position:-675px -135px; }
	
	
	/* internas */
	
	.main-navigation {height: 180px; margin: 0 auto; max-width: 789px; padding: 46px 105px 0; text-align: center;}
    .headerJuego{min-height: 273px;}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {width: 100%;}
	
	.main-navigation li {margin: 0 0 0 31px; width:100px;}
	.main-navigation li a{ text-decoration:none;}
	.main-navigation li a span{ display:block; height:30px;}
	.main-navigation li a div{ width:100px; height:100px; background:url(images/boton_sombras_trans.png)}
	
	.main-navigation li a[title~=Presupuesto] div{ background-position:0px -370px; }
	.main-navigation li a[title~=Presupuesto]:hover div{ background-position:0px -270px; }
	
	.main-navigation li a[title~=Ahorro] div{ background-position:-100px -370px; }
	.main-navigation li a[title~=Ahorro]:hover div{ background-position:-100px -270px; }
		
	.main-navigation li a[title~=Créditos] div{ background-position:-200px -370px; }
	.main-navigation li a[title~=Créditos]:hover div{ background-position:-200px -270px; }
	
	.main-navigation li a[title~=Tarjeta] div{ background-position:-300px -370px; }
	.main-navigation li a[title~=Tarjeta]:hover div{ background-position:-300px -270px; }
	
	.main-navigation li a[title~=Servicios] div{ background-position:-400px -370px; }
	.main-navigation li a[title~=Servicios]:hover div{ background-position:-400px -270px; }
	
	.main-navigation li a[title~=General] div{ background-position:-500px -370px; }
	.main-navigation li a[title~=General]:hover div{ background-position:-500px -270px; }	
	
	
	.current-post-parent a[title~=Presupuesto] div{ background-position:0px -270px !important; }
	.current-post-parent a[title~=Ahorro] div{ background-position:-100px -270px !important; }
	.current-post-parent a[title~=Créditos] div{ background-position:-200px -270px !important; }
	.current-post-parent a[title~=Tarjeta] div{ background-position:-300px -270px !important; }
	.current-post-parent a[title~=Servicios] div{ background-position:-400px -270px !important; }
	.current-post-parent a[title~=General] div{ background-position:-500px -270px !important; }
	
	
	
	
	.main-navigation .current-menu-item > a[title~=Presupuesto],
	.main-navigation .current-menu-ancestor > a[title~=Presupuesto],
	.main-navigation .current-video-ancestor > a[title~=Presupuesto],
	.main-navigation .current-consejo-ancestor > a[title~=Presupuesto],
	.main-navigation .current-capitulo-ancestor > a[title~=Presupuesto],
	.main-navigation li a[title~=Presupuesto]:hover,
	.current-post-parent.menu-item-9 a{
		color:#00DDDD;
	}
	
	.main-navigation .current-menu-item > a[title~=Ahorro],
	.main-navigation .current-menu-ancestor > a[title~=Ahorro],
	.main-navigation .current-video-ancestor > a[title~=Ahorro],
	.main-navigation .current-consejo-ancestor > a[title~=Ahorro],
	.main-navigation .current-capitulo-ancestor > a[title~=Ahorro],
	.main-navigation li a[title~=Ahorro]:hover,
	.current-post-parent.menu-item-10 a {
		color:#FF335F;
	}
	
	.main-navigation .current-menu-item > a[title~=Créditos],
	.main-navigation .current-menu-ancestor > a[title~=Créditos],
	.main-navigation .current-video-ancestor > a[title~=Créditos],
	.main-navigation .current-consejo-ancestor > a[title~=Créditos],
	.main-navigation .current-capitulo-ancestor > a[title~=Créditos],
	.main-navigation li a[title~=Créditos]:hover,
	.current-post-parent.menu-item-11 a
	 {
		color:#F15A29;
	}
	
	.main-navigation .current-menu-item > a[title~=Tarjeta],
	.main-navigation .current-menu-ancestor > a[title~=Tarjeta],
	.main-navigation .current-video-ancestor > a[title~=Tarjeta],
	.main-navigation .current-consejo-ancestor > a[title~=Tarjeta],
	.main-navigation .current-capitulo-ancestor > a[title~=Tarjeta],
	.main-navigation li a[title~=Tarjeta]:hover,
	.current-post-parent.menu-item-12 a {
		color:#FFC200;
	}
	
	.main-navigation .current-menu-item > a[title~=Servicios],
	.main-navigation .current-menu-ancestor > a[title~=Servicios],
	.main-navigation .current-video-ancestor > a[title~=Servicios],
	.main-navigation .current-consejo-ancestor > a[title~=Servicios],
	.main-navigation .current-capitulo-ancestor > a[title~=Servicios],
	.main-navigation li a[title~=Servicios]:hover,
	.current-post-parent.menu-item-13 a {
		color:#6FC469;
	}	
		
	.main-navigation .current-menu-item > a[title~=General],
	.main-navigation .current-menu-ancestor > a[title~=General],
	.main-navigation .current-video-ancestor > a[title~=General],
	.main-navigation .current-consejo-ancestor > a[title~=General],
	.main-navigation .current-capitulo-ancestor > a[title~=General],
	.main-navigation li a[title~=General]:hover,
	.current-post-parent.menu-item-14 a {
		color:#8051F7;
	}
    
	
	#temasContainer .clasificacion{ max-width:994px; margin:25px auto 0; /*display:block;*/ }
	.clasificacion li{ width:136px; margin:0 0 0 31px; display:inline-block;}
	.clasificacion li:first-child{margin:0px;}
	.clasificacion li div{ font:normal 14px/16px "oswaldlight",arial; text-transform:uppercase; text-align:center; padding:10px 0;}
	.clasificacion li:hover div{ background:#fff !important; color:#333 !important;}
	.clasificacion li div.aprendizaje{ color:#fff; margin:10px 0 0;}
	
	.clasificacion li.planificacion div.acierto{ background:#99f1f1; color:#005360;}
	.clasificacion li.planificacion div.aprendizaje{background:#00a6c0;}
	
	.clasificacion li.ahorro div.acierto{ background:#ffadbf; color:#b72c5a;}
	.clasificacion li.ahorro div.aprendizaje{background:#b72c5a;}
	
	.clasificacion li.credito div.acierto{ background:#f9bda9; color:#c34921;}
	.clasificacion li.credito div.aprendizaje{background:#c34921;}
	
	.clasificacion li.tarjeta div.acierto{ background:#ffc200; color:#86580d;}
	.clasificacion li.tarjeta div.aprendizaje{background:#ff9d00;}
	
	.clasificacion li.servicio div.acierto{ background:#a9dca5; color:#3f8d3a;}
	.clasificacion li.servicio div.aprendizaje{background:#388833;}
	
	.clasificacion li.economia div.acierto{ background:#7765a2; color:#302851;}
	.clasificacion li.economia div.aprendizaje{background:#30276b;}
	
	#temasContainer .aJugar{ border-top:1px solid #4c4c4e; min-width:994px; text-align:center; margin:20px 0 0; padding:20px 0 0; /*display:block;*/}
	.aJugar p{ color:#ffc200;font:normal 14px/16px;}
	.aJugar a{ background: url("images/boton_sombras_trans.png") no-repeat -601px -270px;  display: block; height: 46px; margin: 10px auto; width: 170px;}
	.aJugar a:hover{ background-position: -601px -316px}
	
	
	/* Small headers */
	.archive-title,
	.page-title,
	.widget-title,
	.entry-content th,
	.comment-content th {
		color: #2B3990;
		font-size: 30px;
		font-weight: normal;
		line-height: 34px;
		text-transform: uppercase;
	}
	
	

	.site-content.oneCol { width: 994px;}
	
	.site-content.twoCols{ width: 740px;float:right;}
	
	section.ConsejosHome{ padding:20px 0 40px; border-bottom:1px solid #BCBEC0;}
	
	.site-content.oneCol h2{ font:normal 30px/34px 'oswaldregular', Arial, sans-serif; color:#2B3990; padding:40px 0; text-transform:uppercase;}
	.explicaciones h1 { text-align:left;}
	
	.consejo li{ padding: 12px 24px;  width: 440px; margin:0 0 0 14px;min-height: 120px;}
	.consejo li:first-child{ margin:0;}	
	
	.consejo.videosDestacados li, .consejo.consejoDelDia li{ margin: 0 3px 10px !important;}
	
	
	
	.consejo li article{margin:0;}
	.consejo li article img{ float:left; /*width:auto;*/ margin:0 20px 0 0; }
	.consejo li article div.infoSindi { width:360px; float:left;}
	.consejo li h3{font: bold 15px/18px 'oswaldregular', Arial, sans-serif; text-transform:uppercase;margin: 8px 0 4px;}
	.consejo li h3 a{ color:#414042; text-decoration:none;}
	.consejo li h3 a:hover{ color:#2298CA}
	.consejo li h4 { color:#414042; font: normal 15px/18px 'oswaldregular', Arial, sans-serif; margin:0 0 8px; }
	.consejo li p{ font: normal 12px/14px 'oswaldregular', sans-serif; color:#646464;}
	
	a[title~=Todos]{ background: url("images/boton_fondos.png") no-repeat -271px -279px; display: block; height: 30px; margin: 28px 0 0; width: 96px; }
	a[title~=Todos]:hover{ background-position:-271px -309px;}
	
	.videoDestacados li{ background: #F1F2F2;
    border-bottom: 4px solid #D1D3D4;
    border-radius: 20px;
    display: inline-block;
    margin: 0 0 0 6px !important;
    max-width: 200px;
	min-width: 180px;
    min-height: 290px;    
    padding: 16px 20px 36px;
    vertical-align: top;
	overflow:hidden;}
	
	.videoDestacados li:first-child{ margin:0 !important;}
	
	.videoDestacados.videosDestacados li{margin: 0 2px 10px !important;}

	
	ul.videoDestacados li article{margin:0;}
	ul.videoDestacados li article img{ float:left; width:auto; margin:0 20px 0 0; }
	ul.videoDestacados li article div.infoSindi { width:360px; float:left;}
	ul.videoDestacados li h3{font: bold 15px/18px 'oswaldregular', Arial, sans-serif; text-transform:uppercase;margin: 8px 0 4px;text-align:left;}
	ul.videoDestacados li h3 a{ color:#414042; text-decoration:none;}
	ul.videoDestacados li h3 a:hover{ color:#2298CA}
	ul.videoDestacados li h4 { color:#414042; font: normal 15px/18px 'oswaldregular', Arial, sans-serif; margin:0 0 8px; }
	ul.videoDestacados li p{ font: normal 12px/14px Arial, sans-serif; color:#666666; text-align:left;}
	
	
	/* Internas */
	.allContent{ max-width:994px; margin:0 auto;}
	
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {}
	
	
	
	
	
	/*columna izquierda*/
	.allContent .listaCapitulos{ float:left; width:100%; list-style:none; display:block;}
	.allContent .listaCapitulos li{ width: 100%; padding:0 0 4px; position:relative;}
	.allContent .listaCapitulos button{ border-radius:50%; width:40px; height:40px;}
	
	
	.allContent .listaCapitulos li span { background: url("images/boton_sombras_trans.png") no-repeat -861px -76px ; display: block; height: 20px; position: absolute; right: 0; top: 19px; width: 26px; z-index: 8;}
	.allContent .listaCapitulos li a{ display:table-cell; vertical-align:middle; height:58px;  padding:0 0 0 48px; width:178px; color:#414042; text-decoration:none; font: normal 14px/18px 'oswaldregular', Arial, sans-serif; text-transform:uppercase; border-radius:8px;background:#f2f2f2; }
	.allContent .listaCapitulos li a:hover, .allContent .listaCapitulos li.capActual a{ color:#fff;}
	.allContent .listaCapitulos li:hover div, .allContent .listaCapitulos li.capActual	{}
	.allContent .listaCapitulos li a span, .allContent .listaCapitulos li div{ color:#FFF; text-align:center; display: block; height: 25px;left: 8px;margin: 0; padding:5px 0;position: absolute;top: 10px; width: 35px;font-size: 24px; border-radius:50%; font-family:"oswaldregular",Arial,sans-serif; }
	
	.allContent .listaCapitulos li a span{ background-position: 0 0;}
	.allContent .listaCapitulos li a:hover span, .allContent .listaCapitulos li.capActual a span{ background-position: 0 -35px}
	.allContent .listaCapitulos li+li a span{ background-position: -35px 0}
	.allContent .listaCapitulos li+li a:hover span, .allContent .listaCapitulos li+li.capActual a span{ background-position: -35px -35px}
	.allContent .listaCapitulos li+li+li a span{ background-position: -70px 0}
	.allContent .listaCapitulos li+li+li a:hover span, .allContent .listaCapitulos li+li+li.capActual a span{ background-position: -70px -35px}
	.allContent .listaCapitulos li+li+li+li a span{ background-position: -105px 0}
	.allContent .listaCapitulos li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li.capActual a span{ background-position: -105px -35px}
	.allContent .listaCapitulos li+li+li+li+li a span{ background-position: -140px 0}
	.allContent .listaCapitulos li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li.capActual a span{ background-position: -140px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li a span{ background-position: -175px 0}
	.allContent .listaCapitulos li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li.capActual a span{ background-position: -175px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li a span{ background-position: -210px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li.capActual a span{ background-position: -210px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li a span{ background-position: -245px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li+li.capActual a span{ background-position: -245px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li a span{ background-position: -280px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li+li+li.capActual a span{ background-position: -280px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li a span{ background-position: -315px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li.capActual a span{ background-position: -315px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li a span{ background-position: -350px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li.capActual a span{ background-position: -350px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li+li a span{ background-position: -385px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li+li.capActual a span{ background-position: -385px -35px}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li+li+li a span{ background-position: -420px 0}
	.allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li+li+li a:hover span, .allContent .listaCapitulos li+li+li+li+li+li+li+li+li+li+li+li+li.capActual a span{ background-position: -420px -35px}
	
	
	#consejosVideos .explicaciones{ padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #ccc;}
	
	
	ul.sumarioCategoria li h2{ background: url("images/boton_fondos.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: 35px; padding: 28px 10px 16px 96px !important;}
	ul.sumarioCategoria li img{ width:86%; height:100%; padding:12px 7% 24px;}
	


/*********************************************************************************************************/


/*SUMARIO DE CATEGORÍA--> POR DEFECTO*/
ul.sumarioCategoria li a{
	background:#e6e7e8;
	font: 16px/28px Arial,sans-serif;
	text-transform:uppercase;
	text-align:center;
	display:block;
	border-bottom:3px solid #d3d3d3;
	border-radius:0 0 10px 10px;
	padding:0 0 6px;
	text-decoration:none;
	color:#666;
}

/*SUMARIO DE CATEGORÍA--> CELESTE*/
/*.sumarioCategoria .term-2 a,
.sumarioCategoria .term-59 a,
.sumarioCategoria .term-93 a,
.sumarioCategoria .term-100 a,
.sumarioCategoria .term-58 a,
.sumarioCategoria .term-23 a,
.sumarioCategoria .term-26 a,
.sumarioCategoria .term-27 a,
.sumarioCategoria .term-72 a,
.sumarioCategoria .term-124 a,
.sumarioCategoria .term-125 a,
.sumarioCategoria .term-131 a,
.sumarioCategoria .term-135 a,
.sumarioCategoria .term-137 a,
.sumarioCategoria .term-145 a,
.sumarioCategoria .term-146 a{
	background:#88FCFC!important;
	border-bottom:3px solid #54C9C9!important;
}*/


/*SUMARIO DE CATEGORÍA--> ROJO*/
/*.sumarioCategoria .term-28 a,
.sumarioCategoria .term-32 a,
.sumarioCategoria .term-30 a,
.sumarioCategoria .term-73 a,
.sumarioCategoria .term-109 a,
.sumarioCategoria .term-87 a,
.sumarioCategoria .term-101 a,
.sumarioCategoria .term-127 a,
.sumarioCategoria .term-149 a,
.sumarioCategoria .term-150 a,
.sumarioCategoria .term-159 a,
.sumarioCategoria .term-171 a{
	background:#F97791!important;
	border-bottom:3px solid #DB5C75 !important;
}*/


/*SUMARIO DE CATEGORÍA--> NARANJA*/
/*.sumarioCategoria .term-36 a,
.sumarioCategoria .term-38 a,
.sumarioCategoria .term-37 a,
.sumarioCategoria .term-75 a,
.sumarioCategoria .term-103 a,
.sumarioCategoria .term-77 a,
.sumarioCategoria .term-117 a,
.sumarioCategoria .term-121 a,
.sumarioCategoria .term-111 a,
.sumarioCategoria .term-141 a,
.sumarioCategoria .term-153 a,
.sumarioCategoria .term-173 a{
	background:#F7A46C!important;
	border-bottom:3px solid #EA8F52!important;
}*/


/*SUMARIO DE CATEGORÍA--> AMARILLO*/
/*.sumarioCategoria .term-43 a,
.sumarioCategoria .term-44 a,
.sumarioCategoria .term-45 a,
.sumarioCategoria .term-95 a,
.sumarioCategoria .term-79 a,
.sumarioCategoria .term-89 a,
.sumarioCategoria .term-133 a,
.sumarioCategoria .term-154 a,
.sumarioCategoria .term-155 a,
.sumarioCategoria .term-160 a,
.sumarioCategoria .term-161 a,
.sumarioCategoria .term-175 a{
	background:#f7d569!important;
	border-bottom:3px solid #ffc200!important;
}*/


/*SUMARIO DE CATEGORÍA--> VERDE*/
/*.sumarioCategoria .term-6 a,
.sumarioCategoria .term-48 a,
.sumarioCategoria .term-56 a,
.sumarioCategoria .term-129 a,
.sumarioCategoria .term-76 a,
.sumarioCategoria .term-81 a,
.sumarioCategoria .term-91 a,
.sumarioCategoria .term-105 a,
.sumarioCategoria .term-115 a,
.sumarioCategoria .term-139 a,
.sumarioCategoria .term-162 a,
.sumarioCategoria .term-163 a,
.sumarioCategoria .term-178 a
{
	background:#8AF783;
	border-bottom:3px solid #5CAF56;
}
*/

/*SUMARIO DE CATEGORÍA--> MORADO*/
/*.sumarioCategoria .term-7 a,
.sumarioCategoria .term-60 a,
.sumarioCategoria .term-107 a,
.sumarioCategoria .term-83 a,
.sumarioCategoria .term-97 a,
.sumarioCategoria .term-85 a,
.sumarioCategoria .term-119 a,
.sumarioCategoria .term-143 a,
.sumarioCategoria .term-164 a,
.sumarioCategoria .term-176 a,
.sumarioCategoria .term-177 a{
	background:#A785FC!important;
	border-bottom:3px solid #7057AF!important;
}*/


/*OVERLAY PARA TODOS LOS SUMARIOS DE CATEGORIA*/
.sumarioCategoria li a:hover{
	background:#e6e7e8!important;
	border-bottom:3px solid #d3d3d3!important;
}
/*********************************************************************************************************/	
	
	
	body.term-planificacion-y-presupuesto ul.sumarioCategoria li h2,  ul.sumarioCategoria li.term-2 h2{ background-position:-308px -80px !important;}
	body.term-ahorro-e-inversion ul.sumarioCategoria li h2,  ul.sumarioCategoria li.term-3 h2{ background-position:-308px 0px !important;}
	body.term-creditos ul.sumarioCategoria li h2,  ul.sumarioCategoria li.term-4 h2{ background-position:-616px 0px !important;}
	body.term-tarjeta-de-credito ul.sumarioCategoria li h2,  ul.sumarioCategoria li.term-5 h2{ background-position:0px 0px !important;}
	body.term-servicios-bancarios ul.sumarioCategoria li h2,  ul.sumarioCategoria li.term-6 h2{ background-position:-616px -80px !important;}
	body.term-economia-general ul.sumarioCategoria li h2,  ul.sumarioCategoria li.term-7 h2{ background-position:0px -80px !important;}
	h1.archive-title{font: 30px/34px 'oswaldregular',Arial,sans-serif; text-transform: uppercase; margin:0;}
	body.term-planificacion-y-presupuesto h1.archive-title{color:#00A6C0;}
	body.term-ahorro-e-inversion h1.archive-title {color:#B72C5A;}
	body.term-creditos ul.sumarioCategoria h1.archive-title{color:#c34921;}
	body.term-tarjeta-de-credito h1.archive-title {color:#FF9D00}
	body.term-servicios-bancarios h1.archive-title {color:#388833}
	body.term-economia-general h1.archive-title{color:#30276B}
	
	body.seccion_planificacion-y-presupuesto .menu_juego,
	body.term-planificacion-y-presupuesto .menu_juego{background: url(images/bkg_planificacion.jpg) center top no-repeat;}
	body.seccion_ahorro-e-inversion .menu_juego,
	body.term-ahorro-e-inversion .menu_juego { background:url(images/bkg_inversion.jpg) no-repeat center top;}	
	body.seccion_creditos .menu_juego,
	body.term-creditos .menu_juego{ background:url(images/bkg_creditos.jpg) no-repeat center top;}
	body.seccion_tarjeta-de-credito .menu_juego,
	body.term-tarjeta-de-credito .menu_juego{ background:url(images/bkg_tarjeta.jpg) no-repeat center top;}
	body.seccion_servicios-bancarios .menu_juego,
	body.term-servicios-bancarios .menu_juego{ background:url(images/bkg_servicio.jpg) no-repeat center top;}
	body.seccion_economia-general .menu_juego,
	body.term-economia-general .menu_juego{ background:url(images/bkg_economia.jpg) no-repeat center top;}
}
@media screen and (max-width: 1100px) {
    #videos .sliderContainer {width: 85%; margin: 0 auto;}
}
@media screen and (max-width: 1024px){
	.wrapper, .breadcrumbs, .sumarioCategoria, .archive-header {padding: 0 20px;}
	.archive-header h1 {margin-left: 0;}
}
@media screen and (max-width: 960px) {
    #consejosVideos {float: none; width: 100%;}
}
@media screen and (max-width: 850px) {
	.site-header .wrapper {height: 100%;}
	#mainMenu {top: auto; bottom: 10px; left: 105px; right: auto;}
	#searchBox {position: absolute; left: 105px; right: 225px; width: auto;}
}
@media screen and (max-width: 768px) {
	#page {overflow: hidden;}
	.site-header { 
	background: linear-gradient(#5c9aca 0%, #345486 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9aca', endColorstr='#345486',GradientType=0 ); /* IE6-8 */
	min-height: 55px; height: auto;;}
	.site-header .wrapper {position: static; padding: 0;}
	.site-header .mobileMenu {
		min-width: 320px;
		position: static;
		width: 100%;
		height: 0;
		background: linear-gradient(#5c9aca 0%, #345486 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9aca', endColorstr='#345486',GradientType=0 ); /* IE6-8 */
		clear: both;
		overflow: hidden;
	}
	.site-header .mobileMenu > div {width: 43.75% !important; margin: 0 auto 20px !important; position: static !important; float: none !important;  box-sizing: border-box; max-width: 208px;}
	.logo {margin: 3px 2px 5px 22px;}
	.logo img {width: 48px; height: auto;}
	.site-header .mobileMenu .logo {margin: 4px 0 0 40px;}
	#openMenu, #closeMenu, .mobileMenu .logo {display: block;}
	.mobileMenu {z-index: 5000;}
	#mainMenu {position: static; width: 100%; padding-top: 30px;}
	#mainMenu > ul {background: transparent; height: auto; width: 100%; padding: 0;}
	#mainMenu > ul > li {background: transparent; float: none; margin: 0 0 5px; text-align: center; height: auto; position: static; border: 0 none !important; width: 100% !important;}
	#mainMenu li > ul {position: static; margin-bottom: 10px; display: block;}
	#mainMenu li > ul li:first-child {border-top: 0 none;}
	#mainMenu > ul > li > a, #mainMenu > ul > li > span {padding: 5px 0 !important; margin-top: 0; border: 4px solid #FFF;}
	#mainMenu > ul > li:hover, #mainMenu > ul > li:hover + li {height: auto; margin-top: 0;}
	#mainMenu > ul > li:first-child:hover > a, #mainMenu > ul > li:last-child:hover > a, #mainMenu > ul > li.last-child:hover > a {background-color: #FFF;}
	#userBox {float: none; margin: 0 auto; height: 89px; min-width: 208px;}
	#searchBox {min-width: 208px;}
	#about {background-image: url("images/aboutBgSmall.gif"); padding-bottom: 0;}
	#about .mainVideo {padding-bottom: 44.56%;}
	#about .mainInfo {padding-top: 25px; height: 372px;}
	#about .mainInfo .info {background-image: url("images/bgAboutInfoSmall.png"); max-width: 246px; height: 212px;}
	#about .mainInfo .greating {font-size: 3.28em; position: static; text-align: center;}
	#about .infoBox {font-size: 1.14em; width: 102px; height: 61px; padding: 6px 0 0 !important;}
	#about h2.infoBox {font-size: 1.14em; left: 0; top: 25px;}
	#about #aboutBox1 {left:auto; right: 0; top: 25px;}
	#about #aboutBox2 {left:auto; right: 0; top: 138px;}
	#about #aboutBox3 {left:0; right: auto; top: 146px;}
	#about .mainInfo .info .logo {display: none;}
	#about .sectionLink {max-width: 195px; left: 0; margin: auto; bottom: 30px;}
	#trivia {background-image: url("images/triviaBgSmall.gif"); height: 977px;}
	#trivia .info {background-image: none; padding-top: 32px; margin: 0 auto; width: auto; height: auto; position: static;}
	#trivia .info .infoBox {position: static; margin: 0 auto 48px; text-align: center;}
	#trivia .info h2.infoBox {margin-bottom: 35px;}
	#trivia .imageContainer {display: none;}
	#trivia .sectionLink {top: auto; bottom: -80px; right: 0; left: 0; margin: auto;}
	#wikifinanciero {background-image: url("images/wikiBgSmall.gif"); height: 485px;}
	#wikifinanciero .wrapper {padding-top: 22px; position: relative;}
	#wikifinanciero .info {max-width: 247px; margin: 0 auto;}
	#wikifinanciero .infoBox {position: static; margin: 20px 0; font-size: 0.85em; padding: 4px 0 0;}
	#wikifinanciero h2.infoBox {background-image: url("images/bgTitleWikiSmall.png"); width: 247px; height: 57px; font-size: 1.92em; padding: 14px; position: static; margin: 0 auto;}
	#wikifinanciero #wikiBox1 {width: 139px; height: 57px;}
	#wikifinanciero #wikiBox2 {margin-left: 24px; width: 90px; height: 57px; padding: 4px 0 0;}
	#character {width: 58%; min-width: 250px; max-width: 380px; left: 49%; right: -26%;}
	#wikifinanciero .sectionLink {font-size: 12px; width: 175px; left: 0; right: 72px; margin: -25% auto 0; top: 94%; z-index: 2;}
	#wikifinanciero .sectionLink a {padding: 15px 67px 15px 25px;}
	footer[role="contentinfo"] nav {color: #4f4f51;}
	footer[role="contentinfo"] nav a {display: block; width: 100%; margin: 0 auto; padding: 0px 0; max-width: 248px;}
	ul.sumarioCategoria li {width: 50%;}
	#showVideo {right: 0;}
}
@media screen and (max-width: 750px) {
    .videoRelacionados .videoContainer {width: 50%;}
}
@media screen and (max-width: 600px) {

    #videos .sliderContainer {width: 80%; max-width: 300px;}
    .videoRelacionados .videoContainer {width: 100%;}
    #temasContainer .menu_juego #site-navigation {padding: 12px 0 11px; border-radius: 0; width: 100%;}
    #temasContainer .links {margin: 20px 0 0;}
    #temasContainer .links .column {width: 100%; float: none; margin-bottom: 20px;}
    #temasContainer .links .column a {background-image: none !important; padding: 20px; font-size: 1.5em;}
}
@media screen and (max-height:600px){
    .modalContainer {position: absolute;}
}
@media screen and (max-width: 400px) {
	#userLogin > div {width: 100%;}
    .popup .formTable {display: block}
    .formTable .row {display: block;}
    .formTable .row .cell {display: block;}
    #siteLoginDialog .formTable .row .cell:first-child {display: block; width: 100%;}
    .popup h2 {margin: 15px 0;}
    .popup h3 {text-align: center;}
    .popup .fb_iframe_widget {margin: 0 auto; display: block;}
    .popup p {text-align: center;}
    .popup p a {display: block; margin: 0 auto; margin: 5px 0;}
    ul.sumarioCategoria li {width: 100%;}
	div.formContact table td input[type=text], div.formContact table td input[type=email], div.formContact table td textarea { width: 100%;}
	div.formContact table { max-width: 100%;}
	select#paises { width: 100%;}
}

/****SelectsJS****/
.selectContainer {position: relative; display: inline-block; font-size: 14px; background: url("images/selectArrow.png") #FFF right center no-repeat; box-sizing: content-box !important;}
.selectContainer .current {width: 100%; padding-right: 25px; cursor: default; box-sizing: border-box !important; line-height: 1.5em; height: 19px; overflow: hidden;}
.selectContainer .select {position: absolute; left: 0; top: 100%; width: 100%; height: 100%; visibility: hidden; }
.selectContainer .select .options {max-height: 1000%; overflow: auto; background-color: #FFF; border: 1px solid #CCC; z-index: 99999999999; position: relative;}
.selectContainer .select .options .option {box-sizing: border-box; line-height: 16px; padding: 1px 2px; cursor: default;}
.selectContainer .select .options .option:hover {background-color: #CCC;}

h2 > [title="Consejos Relacionados"]{
	color:#b72c5a !important;
	text-decoration:none;
}

h2 > [title="Consejos Relacionados"]:hover{
	color:#21759b !important;
}

[title="Ir al juego"], [title="Regresar al sitio web"]{
	width:250px;
	height:50px;
	display:block;
	box-sizing:border-box;
	padding:10px;
	margin:0 5px 5px;
	background:#249ACC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFF !important;
	text-decoration:none;
	text-align:center;
	float:left;
	font-size:17px;
}
[title="Ir al juego"]:hover, [title="Regresar al sitio web"]:hover{background:#414042; color:#FFF !important;}

.botonesRegistro{
	width:520px;
	height:50px;
	display:block;
	margin:0 auto;
}

.fb-consejos{
    background: url(images/bgConsejosCompartir.png)no-repeat left;
    color: #fff;
    padding: 5px 0 5px 20px;
    width: 96px;
    display: inline-block;
    font-size: 12px;
}

.fb-consejos:hover{
    color: #fff;
}
span.share_count {
    color: #000;
    margin-left: 15px;
}