@font-face {
    font-family: dentonsLight;
    src: url(/fonts/Dentons%20Sans%20Web-Light.woff);
}

@font-face {
    font-family: dentonsBold;
    src: url(/fonts/Dentons%20Sans%20Web-Semibold.woff);
}

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}

html {
	font-family:dentonsLight, Arial;
	height:100%;
}

a {
	color: inherit; 
}

a:link   
{   
 text-decoration:none;   
}

body{
	/*border:1px solid black;*/
	text-align:center;
	font-size:14px;
	position:relative;
}

header, body{
	min-width:1050px;
}

#background{
	position:fixed;
	z-index:-2;
	width:100%;
	height:100%;
	background-color:#2F384F;
	background-image:url(/img/general_background.jpg);
	background-size:cover;
	background-position:top center;
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
}

#shadow{
	width:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
	height:500px;
	background-image:url(/img/gradient.png);
	background-repeat:repeat-x;
	/*border:1px solid blue;*/
}

header {
	background-color:white;
	padding: 12px;
	text-align:center;
}


header > div{
	display:inline-block;
	text-align:left;
	width:1026px;
	/*border:1px solid black;*/
}

#contenedorLogoMenu {
	position:relative;
}

#logo {
	vertical-align:bottom;
	display:inline-block;
}

#int_nav{
	font-family:dentonsBold;
	font-size:14px;
	color:#333;
	margin-top:6px;
}

#top_right{
	position:absolute;
	top:0px;
	right:0px;
}

#top_right > div {
	display:inline-block;
	vertical-align:top;
}

#info_usuario{
	font-size:12px;
	margin-right:3px;
}
.nombre_usuario{
	font-weight:bold;
}

#boton_buscar{
	display:block;
	padding:0px 0.5em;
	background-color:#DDD;
	color:#888;
	border-radius:0 5px 5px 0;
	cursor:pointer;
	font-size:12px;
	height:18px;
	float:right;
	border:1px solid #BBB;
	border-left:0px;
}

#boton_buscar:hover{
	background-color:#6F3091;
	border-color:#6F3091;
	color:white;	
}

#boton_buscar:hover + #input_buscador{
	border-color:#6F3091;
}

#input_buscador{
	margin:0;
	font-size:12;
	height:18px;
	border-radius:5px 0 0 5px;
	display:block;
	float:left;
	border:1px solid #BBB;
	padding-left:0.5em;
	width:150px;
}

#main_nav{
	vertical-align:bottom;
	display:inline-block;
	text-align:left;
	font-size:12px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#main_nav ul{
	list-style:none;
}

#main_nav a{
	display:block;
}

#main_nav_ul > li {
	float:left;
	position:relative;
}

#main_nav_ul > li > a {
	height:44px;
	padding-right:19px;
	padding-left:31px;
	margin-left:-23px;
	color:#444;/*#646568;*/
	background-image:url(/img/tab-gray.svg);
	background-position:center right;
	background-repeat:no-repeat;
	-webkit-transition: color 0.1s, background-image 0.1s ease-in-out;
	transition: color 0.1s, background-image 0.1s ease-in-out;
}

#main_nav_ul > li > a > div{
	height:40px;
	display:table-cell;
	vertical-align:middle;
}

#main_nav_ul > li > a:hover {
	color:white;
	background-image:url(/img/tab-purple.svg);
}

#main_nav_first{
	width:23px;
	height:44px;
	background-position:center right;
	background-image:url(/img/tab-white.svg);
	background-repeat:no-repeat;
}

.main_nav_selected{
	color:#444 !important;
	background-image:url(/img/tab-dark-gray.svg) !important;
}

#main_nav_ul li ul {
	display:none;
	position:absolute;
	width:120px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#main_nav_ul > li > ul {
	left:-23px;	
}

#main_nav_ul li:hover > ul {
	display:block;
}

#main_nav_ul > li > ul a {
	background-color:#eee;
	color:black;
	padding:6px 6px;
	display:block;
	-webkit-transition: color 0.1s, background-color 0.1s ease-in-out;
	transition: color 0.1s, background-color 0.1s ease-in-out;
	
}

#main_nav_ul > li > ul a:hover {
	background-color:#6F3091;
	color:white;
}

#main_nav_ul li ul li {
	position:relative;
}

#main_nav_ul > li > ul li ul {
	right:-120px;
	top:0px;
}

#main_nav_ul > li > ul > li:last-child > a, #main_nav_ul > li > ul > li > ul > li:last-child > a{/*quitar*/
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}

#main_nav_ul > li > ul > li:first-child > a, #main_nav_ul > li > ul > li > ul > li:first-child > a{/*quitar*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#global{
	width:1043px;
	display:inline-block;
	padding:6px;
	text-align:left;
	/*border:1px solid green;*/
}

#content{
	background-color:white;
	/*background-image:url(/img/fondo-contenido.svg);*/
	background-repeat:no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	padding:6px;
	margin:6px;
	margin-right:330px;
	display:block;
	min-height:400px;
	position:relative;
	overflow:hidden;
}

#titulo{
	font-family: dentonsLight, Arial;
	font-size:35px;
	color:white;
	padding:6px;
	font-weight:normal;
}

aside{
	/*border:1px solid cyan;*/
	float:right;
}

.app_button{
	width:150px;
	height:150px;
	display:inline-block;
	background-color:#E0E0E0;
	background-size:150px 150px;
	transition: background-size 1s ease-in-out;
	-moz-transition: background-size 0.5s ease-in-out;
	-ms-transition: background-size 0.5s ease-in-out;
	-o-transition: background-size 0.5s ease-in-out;
	-webkit-transition: background-size 0.5s ease-in-out;
	background-position:center center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin:6px;
	/*cursor:pointer;*/	
}
.app_button:hover{
	background-size:160px 160px;
}

.app_button div{
	text-align:center;
	padding:0.2em;
	background-color:#E0E0E0;/*rgba(250,250,250,0.75);*/
	color:black;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#cards {
	margin:6px;
	width:312px;
	position:relative;
	height:170px;
}

#cards a{
	position:absolute;
	display:block;	
}

#cards img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:150px;
	width:235px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	position:relative;
	top:0px;
	-webkit-transition: top 0.5s ease-in-out;
	transition: top 0.5s ease-in-out;
}

#cards img:hover{
	top:-20px;
}

.divOculto {
	margin-bottom:-170px ;
	height:30px;
	top:0px;
	-webkit-transition: top 0.5s ease-in-out;
	transition: top 0.5s ease-in-out;	
}
.divOculto:hover {
	top:-170px;
}

iframe{
	margin-top:4px;
	border:0;
	background-color:white;
	box-shadow: 0 -5px 15px -6px rgba(0, 0, 0, 0.5);
}

.bloques50{
	width:90%;
	margin:6px;
	text-align:left;
	font-family:dentonsBold;
	/*border:1px solid gray;*/
}

.lista_paginas{
	font-size:18px;
	padding:0.6em 0 0.6em 0;
}
.lista_paginas a{
	font-family:dentonsLight;
	background-color:#38558B;/*#00a9e0;/*#6F3091;*/
	color:white;
	font-size:16px;
	padding:0.3em;
	margin-left:0.3em;
	float:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		
}

#simulador_tipo{
	text-align:center;
	padding:6px 20px;
}

.simulador_tipo_label{
	display:inline-block;
	vertical-align:bottom;
	width:90px;
	height:100px;
	/*border:1px solid black;*/
	font-size:12px;
	word-break: keep-all;
	font-family:dentonsBold;
	text-align:center;
	cursor:pointer;
	margin:6px;
	color:black;
}

.simulador_tipo_label div{
	display:inline-block;
	width:70px;
	height:70px;
	border-top:2px solid #DDD;
	border-right:2px solid #DDD;
	border-bottom:2px solid #BBB;
	border-left:2px solid #BBB;
	background-color:#CCC; /*#00a9e0;*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:55px 55px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background-color 0.1s, border 0.1s ease-in-out;
	-moz-transition: background-color 0.1s, border 0.1s ease-in-out;
	transition: background-color 0.1s, border 0.1s ease-in-out;	
}

.simulador_tipo_label:hover div{
	background-color:#38558B;/*#00a9e0;*/
	border-top:2px solid #48659B;
	border-right:2px solid #48659B;
	border-bottom:2px solid #28457B;
	border-left:2px solid #28457B;
}

.simulador_tipo_checkbox{
	position: absolute;
  	clip: rect(0, 0, 0, 0);
}

.simulador_tipo_checkbox:checked + label div{
	background-color: #6F3091;
	border-top:2px solid #7F40A1;
	border-right:2px solid #7F40A1;
	border-bottom:2px solid #5F2081;
	border-left:2px solid #5F2081;
}


#simulador_parametros{
	display:inline-block;
}

#simulador_monto, #simulador_plazo, #simulador_boton_simular, #cuota_a_pagar, #estados_user, #estados_password, #estados_boton_login, #simulador_boton_plan_pagos{
	text-align:center;
	font-family:dentonsBold;
	font-size:16px;
	margin-top:6px;
	display:inline-block;
	vertical-align:bottom;
	margin-left:6px;
	margin-right:6px;
}

#simulador_monto_input, #simulador_plazo_input, #estados_user_input, #estados_password_input{
	font-family:dentonsLight;
	font-size:22px;
	border:1px solid #6F3091;
	padding:0.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#simulador_monto_input{
	width:200px;
	text-align:right;
}
#simulador_plazo_input{
	width:80px;
	text-align:right;
}

#estados_user_input, #estados_password_input{
	width:200px;
}
	

#simulador_boton_simular, #estados_boton_login, #simulador_boton_plan_pagos{
	cursor:pointer;
	padding:0.4em 1.4em 0.4em 0.6em;
	background-image:url(/img/tab-purple.svg);
	background-size:auto 100%;
	background-position:right center;
	background-repeat:no-repeat;
	color:white;
	letter-spacing: 2px;
		-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

#cuota_a_pagar span{
	font-size:40px;
	color:#38558B;
}

#estados_boton_login{
	background-color:transparent;
	border:0px;
}

#comentario_login{
	margin-left:40px;
	margin-right:40px;
	margin-bottom:3em;
}

.linkAzul{
	color:#38558B;
	font-family:dentonsBold;
	font-size:15px;
}

#estado{
	background-color:white;
	font-family:Arial;
	font-size:13px;
	padding:12px;
	overflow-x:auto;
}

#estado table{
	border-collapse: collapse;
	width:100%;
}

#estado table td, #estado table th{
	padding: 0 3px 0 3px;
	vertical-align:bottom;
}

#estado table th{
	padding: 0 3px 0 3px;
	vertical-align:bottom;
	font-weight:bold;
}

.estados_section{
	font-size:15px;
	font-weight:bold;
}

.botonAzul {
	font-family:dentonsLight;
	background-color:#38558B;/*#00a9e0;/*#6F3091;*/
	color:white;
	font-size:16px;
	padding:0.3em;
	margin-left:0.3em;
	margin-bottom:0.4em;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		
}

.botonAzul:hover {
	background-color:#6F3091;	
}

#banner{
	height:370px;
	width:100%;
	position:relative;
	overflow:hidden;
}

.banner_item{
	background-size:cover;
	background-position:center center;
	font-family: dentonsBold;
	font-size:35px;
	color:white;
	padding:12px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
}

.texto{
	font-family:sans-serif, Arial, Helvetica;
	text-align:justify;
	font-weight:normal;
	color:#444;
}

.texto a{
	color:#38558B;
	font-weight:bold;
}

.texto a:hover{
	color:#6F3091;
}

.texto li{
	margin-left:2em;
	margin-top:0.2em;
}

#ultimasNoticias{
	margin-top:12px;
	text-align:center;
}

#ultimasNoticias > div{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:99%;
	padding:6px;
}

#noticias, #buscar{
	padding:6px 20px;
}

#noticias > div, #buscar > div{
	margin-top:5px;
	margin-bottom:5px;
}

#ultimasNoticias > div > p , #noticias > div > p{
	max-height:7ex;
	overflow:hidden;
}


#ultimasNoticias h3 , #noticias h3 , #buscar h3{
	font-family:dentonsBold;
	font-size:20px;
	color:#6F3091;
}

#pages{
	text-align:center;
}
#pages a{
	display:inline-block;
	padding:0.4em 0.6em;
	background-color:#CCCCCC;
	color:#333333;
	margin:0px 1px;
	border-radius:5px;
}

#pages a:hover{
	background-color:#38558B;
	color:#333333;	
}

#resumen_credito{
	display:inline-block;
	text-align:left;
	border-spacing:0;
}

#resumen_credito td{
	padding:0.2em 0.7em;
}

#tabla_plan_pagos{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	border-spacing:0;
	border:1px solid #6F3091;
	border-radius:5px;
	display:inline-block;
}

#tabla_plan_pagos th, #tabla_plan_pagos td{
	padding:0.2em 0.7em;
}

#tabla_plan_pagos tr{
	background-color:rgba(255,255,255,0.2);
}

#tabla_plan_pagos tr:nth-child(odd){
	background-color:rgba(111,48,145,0.2);
}

#tabla_plan_pagos tr:first-child{
	background-color:#6F3091;
	color:white;
}

#simulador_boton_plan_pagos{
	margin-bottom:8px;
}

#simulador_parametros{
	margin-bottom:10px;
}

.imagenCabecera{
	background-size:cover;
	background-position:center center;
	height:150px;
	width:700px;
	position:relative;
	top:-6px;
	left:-6px;
}

.tabla1{
	text-align:left;
	vertical-align:top;
	border-collapse: collapse;
}

.tabla1 th, .tabla1 td, .tabla1 tr{
	border:1px solid black;
	padding:3px;
	vertical-align:top;
}

.tabla1 th{
	font-weight:normal;
	background-color:#EEE;
}

#contador{
	font-family:dentonsBold;
	font-size:12px;
	text-align:right;
	color:white;
	padding-right:6px;
}


/***** post *****/

.post{
	background-color:#E0E0E0;
	padding:0.5em;
}

.comentario{
	background-color:#F0F0F0;
	padding:0.5em;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #F5F5F5;
}

.post_user_header, .comentario_user_header{
	display:flex;
	flex-direction:row;
}

.post_user_pic, .comentario_user_pic{
	height:3em;
	width:3em;
	background-image:url('/img/user.svg');
	background-size:cover;
	margin-right:0.5em;
	flex-shrink:0;
}

.post_user_name_date, .comentario_user_name_com_date, .comentario_nuevo_user_input{
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content: space-evenly;
}

.post_user_name, .comentario_user_name{
	font-weight:bold;
}

.post_date, .comentario_date{
	color:#666;
	font-size:90%;
}

.post_content{
	margin-top:0.5em;
	padding:0.5em;
	background-color:white;
}

.post_content ol, .post_content ul {
	padding-left:1em;
}

.post_actions, .comentario_actions{
	margin-top:0.5em;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
}

.post_action, .comentario_action{
	background-color:#BBB;
	padding:0 0.5em;
	line-height:1.5;
	cursor:pointer;
	margin-left:0.5em;
	color:#333333;
}

.post_action:hover, .comentario_action:hover{
	background-color:#6F3091;
	color:white;
}

.post_nav{
	min-height:2em;
	position:relative;
	text-align:center;
}

.post_prev{
	position:absolute;
	top:0;
	left:0;
}

.post_next{
	position:absolute;
	top:0;
	right:0;
}

.post_nuevo_btn{
}

.comentario_nuevo_input_box{
	background-color:white;
	border:1px solid #E0E0E0;
	position:relative;
}

.comentario_nuevo_input{
	padding:0.5em;
	position:relative;
	z-index:2;
}

.comentario_nuevo_placeholder{
	position:relative;	
	z-index:1;
}

.comentario_nuevo_placeholder > span{
	padding:0.5em;
	position:absolute;
	top:0;
	left:0;
	color:#666;
	padding:0.5em;
	
}