@charset "utf-8";
/* CSS - Creado por Ing. Eduardo Castro
   Versión 1.0 - 21 Mayo 2012 */
   
Body
{
	margin:0px;
	height:0px;
	background:url(../images/bkg-pat.png);
}

.combos
{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.titulo_dialogo
{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#006064; font-weight:bold; text-transform:uppercase; }


.encabezado
{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333;; font-weight:bold; text-transform:uppercase; }

#encabezado_solicitud { float:left; width:100%; margin-top:0px; height:auto; } 

.general
{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; }

.pendiente
{ font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#FF9900; font-weight:bold; text-transform:uppercase; }

.aprobado
{ font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#009933; font-weight:bold; text-transform:uppercase; }

.rechazado
{ font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#990000; font-weight:bold; text-transform:uppercase; }

.poprechazado
{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#990000; font-weight:bold; text-transform:uppercase;}

.desembolso
{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#006064; font-weight:bold; text-transform:uppercase; }

.visor
{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#006064; font-weight:bold; text-transform:uppercase; }

.subtitulo_solicitud
{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:15px; }

.actor
{
	font-weight:bold;
	color:#006064;
}

#container
{
	margin:auto;
	min-width:1024px;
	height:500px;
}

#subcontainer
{	
	margin:auto;
	margin-top:20px;
	width:1300px; /* 1230 */
	min-height:500px;
	height:auto;
}

#subcontainer_users
{	
	margin:auto;
	margin-top:20px;
	width:1300px;
	min-height:400px;
}

#subcontainer_404
{	
	margin:auto;
	margin-top:20px;
	width:1230px;
	min-height:400px;
}

#subcontainer_mtto
{	
	margin:auto;
	margin-top:20px;
	width:1300px; /* width:1230px; */
	min-height:500px;
}


#login_content
{ margin:auto; width:280px; min-height:280px; height:auto; margin-top:40px;}

#info_intro
{ margin:auto; min-width:1360px; height:30px; background:#F4F4F4; } /*min-width:1260px;*/

#info_leyenda
{ float:left; width:auto; height:auto; margin-top:6px; margin-left:45px;  }

#error_login
{
	margin-left:0px; width:300px; height:auto;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#msg_content
{ float:left; width:900px; height:auto; }

#login_titulo
{
	width:auto;
	height:auto;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	/*text-shadow: black 0.1em 0.1em 0.2em;*/
	font-size:14px;
}

#user_form
{
	margin-top:30px;
	width:350px;
	height:230px;
	font-family:Calibri;
	font-size:14px;
	color:#333;
	/*text-shadow: black 0.1em 0.1em 0.2em;*/
}

.profile_box {
   position: relative;
   background:#415b71;
   padding: 10px;
   margin-bottom: 20px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: 1px 1px 1px #ccc;
   -moz-box-shadow: 1px 1px 1px #ccc;
   box-shadow: 1px 1px 1px #ccc;
   min-height:200px;
   border:3px solid #CCCCCC;
}


.profile_box_login {
   position: relative;
   background:#EAEAEA;
   padding: 10px;
   margin-bottom: 20px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: 2px 2px 2px #333;
   -moz-box-shadow: 2px 2px 2px #333;
   box-shadow: 2px 2px 2px #333;
   min-height:280px;
   /*border:3px solid #6c94ae;*/
}




.inputbox {
-webkit-box-shadow:inset #F8F8F8 3px 4px 4px;
-moz-box-shadow:inset #F8F8F8 3px 4px 4px;
box-shadow:insert #F8F8F8 3px 4px 4px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
border:none;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
height:25px;
line-height:0px;
background:#fff;
padding:3px 10px;
width:350px;
margin-top:6px;
*float:left;
margin-left:3px;
border:1px solid #ccc;
}

.boxes { width:200px; }

.inputbox_reporte {
-webkit-box-shadow:inset #F8F8F8 3px 4px 4px;
-moz-box-shadow:inset #F8F8F8 3px 4px 4px;
box-shadow:insert #F8F8F8 3px 4px 4px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
border:none;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
height:25px;
line-height:0px;
background:#fff;
padding:3px 10px;
width:350px;
margin-top:6px;
*float:left;
margin-left:3px;
border:1px solid #ccc;
}

.inputbox_login {
-webkit-box-shadow:inset #F8F8F8 3px 4px 4px;
-moz-box-shadow:inset #F8F8F8 3px 4px 4px;
box-shadow:insert #F8F8F8 3px 4px 4px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
border:none;
color:#0099CC;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
height:25px;
line-height:0px;
background:#fff;
padding:3px 10px;
width:250px;
margin-top:6px;
*float:left;
margin-left:3px;
border:1px solid #ccc;
}



.textarea {
		border:1px solid #CCC;
		width:500px;
		min-height:50px;
		font-family: Helvetica, Arial, sans-serif;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#333333;
		background-color:#FFF;
		-webkit-box-shadow:inset #F8F8F8 3px 4px 4px;
-moz-box-shadow:inset #F8F8F8 3px 4px 4px;
box-shadow:insert #F8F8F8 3px 4px 4px;
}

textarea {  resize:none; }

.button
{
/*-webkit-box-shadow:inset #d9d9d9 3px 4px 4px;
-moz-box-shadow:inset #d9d9d9 3px 4px 4px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
height:30px;*/

  background: #757575;
  background-image: -webkit-linear-gradient(top, #757575, #616161);
  background-image: -moz-linear-gradient(top, #757575, #616161);
  background-image: -ms-linear-gradient(top, #757575, #616161);
  background-image: -o-linear-gradient(top, #757575, #616161);
  background-image: linear-gradient(to bottom, #757575, #616161);
   -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 14px 7px 14px;
  text-decoration: none;
  border:none;
  cursor:pointer;

}

.button:hover {
  
  background: #9E9E9E;
  background-image: -webkit-linear-gradient(top, #9E9E9E, #757575);
  background-image: -moz-linear-gradient(top, #9E9E9E, #757575);
  background-image: -ms-linear-gradient(top, #9E9E9E, #757575);
  background-image: -o-linear-gradient(top, #9E9E9E, #757575);
  background-image: linear-gradient(to bottom, #9E9E9E, #757575);
  text-decoration: none;

}

.button_blue
{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 14px 7px 14px;
  text-decoration: none;
  border:none;
  cursor:pointer;


}

.button_blue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.button_green
{
  background: #6FDA44;
  background-image: -webkit-linear-gradient(top, #6FDA44, #37A000);
  background-image: -moz-linear-gradient(top, #6FDA44, #37A000);
  background-image: -ms-linear-gradient(top, #6FDA44, #37A000);
  background-image: -o-linear-gradient(top, #6FDA44, #37A000);
  background-image: linear-gradient(to bottom, #6FDA44, #37A000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 14px 7px 14px;
  text-decoration: none;
  border:none;
  cursor:pointer;
}

.button_green:hover {
  background: #6FDA44;
  background-image: -webkit-linear-gradient(top, #6FDA44, #37A000);
  background-image: -moz-linear-gradient(top, #6FDA44, #37A000);
  background-image: -ms-linear-gradient(top, #6FDA44, #37A000);
  background-image: -o-linear-gradient(top, #6FDA44, #37A000);
  background-image: linear-gradient(to bottom, #6FDA44, #37A000);
  text-decoration: none;
}

.button_blue_cancel
{
-webkit-box-shadow:inset #0099FF 3px 4px 4px;
-moz-box-shadow:inset #0099FF 3px 4px 4px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
height:28px;
background:#707070 ;
color:#FFFFFF;
font-weight:none;
}

.upload
{ width:300px; height:26px; font-size:15px; }

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

/* message boxes
------------------------------------------------------------------------- */
div.msg {
	padding: 10px 10px 10px 37px;
	margin-bottom: 10px;
	cursor: pointer;
}

div.msginfo {
	padding: 10px 10px 10px 37px;
	margin-bottom: 10px;
	width:227px;
	color:#FFFFFF;
}

div.success {
	border: 1px solid #6cd858;
	background: #e3ffde url(../images/icons/tick.png) 10px 13px no-repeat;
}
div.bug {
	border: 1px solid #990000;
	background: #FF0000 url(../images/close_box_red.png) 10px 13px no-repeat;
}
div.warning {
	border: 1px solid #d6d61f;
	background: #ffffd3 url(../images/icons/exclamation.png) 10px 13px no-repeat;
}
div.information {
	border: 1px solid #b4dbe8;
	background: #e3f2f7 url(../images/icons/information-balloon.png) 10px 13px no-repeat;
}
#info_historico
{width:800px; height:auto; min-height:220px; color:#666666; line-height:25px; font-family:Calibri; font-size:14px; background:#FFFFFF; }

#division { border-bottom: 3.5px dotted #D2D4D5;float: left;margin: -12px 0; width: 100%; }

#header_inverview
{
	width:800px;
	height:40px;
	background:url(../images/header_bg.jpg);
	color:#FFFFFF;
}

#content_header_interview
{
	float:left;
	margin-left:10px;
	margin-top:8px;
	width:400px;
	height:auto;
}

.title_interview
{ font-family:Calibri; font-size:15px; font-weight:none; color:#fff; }


#contenedor_facebox
{
	width:800px;
	height:auto;
	margin-left:-198px;
	margin-right:-198px;
	margin-top:80px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}


#contenedor_pagare
{
	margin:auto;
	width:980px;
	height:auto;
}

/* SECCION PRINCIPAL DEL SISTEMA DASHBOARD */

	#seccion_acordeon
	{
		width:268px;
		min-height:120px;
		margin-left:10px;
	}
	
	#seccion_acordeon a
	{ color:#333333; text-decoration:none; }
	
	#seccion_acordeon a:hover
	{ color:#0066CC; text-decoration:none; }
	
	
	.titulo_acordeon { float:left; width:auto; height:auto; margin-left:10px; margin-top:5px; }

	#info_sistema
	{ float:right; width:900px; height:auto; margin-right:85px; color:#333333; font-size:13px; line-height:20px; } /* margin-right:30px; */

	.titulo_info_sistema { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#666666; }
	
	#puntos_info_sistema
	{ float:right; width:900px; height:auto; margin-right:30px; color:#333333; font-size:13px; line-height:20px; margin-top:40px; }
	
	#descripcion
	{ width:300px; min-height:30px; float:left; }
	
	#img_description
	{ width:32px; height:32px; margin-left:30px; float:left; }
	
	#title_description
	{ float:left; margin-left:10px; margin-top:3px; height:32px; width:200px; font-family:Arial, Helvetica, sans-serif; color:#006064; font-size:15px; font-weight:bold; }

	#bloque_descripcion
	{ float:left; width:250px; min-height:40px; margin-top:10px; margin-left:35px; }
	
	
	#container_acordeon_palabra
	{ margin:auto; width:100%; height:auto; }
	
	
	#elementos {width:900px; height:auto; }
	
/* FIN DE LA SECCION PRINCIPAL DEL DASHBOARD */


#conversacion {
    /*background:url('../images/bg_gradient.png') repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
	background:#64829a;
    border-color: rgba(0, 0, 0, 0.35) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    float: right;
    font-family: Verdana,"MS Trebuchet",sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 14px;
    margin-left: 28px;
    padding: 2px 6px;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.49);
	color:#FFFFFF;
}

#estado_usuario_chat { float:left; width:30px; }

#chat_icon {width:30px; margin-left:20px; } 

#refresh_new_message {width:400px; margin-left:60px; margin-top:-20px; color:#666666; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; } 

.bloqueo { background:#DBE3E1; color:#666666; font-weight:normal; }

/* Burbujas --- No utilizar aun hasta que terminar el desarrollo */
/*.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-success {
    background-color: #5cb85c;
    text-shadow: none;
}

.label-warning {
    background-color: #f0ad4e;
    text-shadow: none;
}*/