/*::: Inicio del Color del Potal :::*/
.titulosCuerpo
{
    width: 100%;
    text-align: center;
    color: #003366;
    font-size: 32px;
}

.AcusetitulosCuerpo
{
    width: 100%;
    text-align: center;
    color: #003366;
    font-size: 25px;
}
.subtitulosCuerpo
{
    background: #305376;
    text-align: center;
    color: white;
    font-size: 18px;
}
.titulosPasos
{
    background: #305376;
    text-align: center;
    color: white;
    font-size: 17px;
}
.subtitulosPasos
{
    background: #305376;
    text-align: center;
    color: white;
    font-size: 17px;
}
.textoMensajeAzul {
    font-size: 16px;
    color: #305376;
}
.textoCuerpoSinColor
{
    font-family: Arial;
    text-align: center;
    color: #003366;
    font-size: 20px;
}
.textoInformacionImportante {
    font-family: Arial;
    text-align: center;
    color: #d85f0f;
    font-size: 20px;
}
.acuseNumero {
    font-family: Arial;
    text-align: center;
    color: #003366;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
}
.AcusetextoCuerpoSinColor
{
    font-family: Arial;
    text-align: center;
    color: #003366;
    font-size: 18px;
}
.textoMensajeNegro {
    font-size: 16px;
    color: #000;
}
.Usuario {
    margin-left: 0%;
    margin-top: 0px;
    text-align: right;
    background-color: #b6b7bc;
    color: #003366;
}
.lineaAzul {
    background-color: #336699; 
    height: 6px;
}
.box { 
    background:#305376;
    color: #042f5a
} 
.chat-bubble {
  background-color: #305376;
  border: 2px solid #DEF;
  color: white;
  display: inline-block;
  font-size: 15px;
  line-height: 1.3em;
  position: relative;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 5px #FFF;
  -webkit-box-shadow: 0 0 5px #FFF;
  box-shadow: 0 0 5px #FFF;
    top: 0px;
    left: 0px;
}

.acuseDescarga {
  background-color: #305376;
  border: 2px solid #DEF;
  color: white;
  display: inline-block;
  font-size: 18px;
  line-height: 1.3em;
  position: relative;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 5px #FFF;
  -webkit-box-shadow: 0 0 5px #FFF;
  box-shadow: 0 0 5px #FFF;
    top: 0px;
    left: 0px;
}
.chat-bubble-arrow {
  border-color: #305376 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  bottom: -19px;
  background-color: #b6b7bc;
  height: 0;
  left: 30px;
  position: absolute;
  width: 0;
}
.chat-bubble span {
    color: #000;
    font-family: Arial;
    text-shadow: 2px 4px 2px #ABC;
}
.textoMensajeRojo {
    font-size: 16px;
    color: #FF3300;
}
.textoPasosSiguentes {
    color: white;
    font-size: 22px;
    background-color: #305376;
}
/*::: Fin del Color del Potal :::*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: Arial;
    color: Black;
    margin-top: 0px;
    margin: 0px;
}
.subtitulosCuerpoSinColor
{
    text-align: center;
    color: black;
    font-size: 17px;
}
.textoNormal {
    font-size: 12px;
}
.logoLeft {
    margin-left: 0px;
    margin-top: 10px;
    width: 150px;
}
.logoRight {
    margin-left: 87%;
    margin-top: -100px;
    text-align: right;
	width: 150px;
}
.logoCenter {
    margin-left: 50%;
    margin-top: -82px;
    text-align: right;
    height: 90px;
    text-align: left;
}
.header {
    height: 121px;
    width: 100%;
    margin-top: 0;
}
div {
     background-color: white;
    margin-top: 9px;
}
.botones {
    font-family: Arial;
    font-size: 17px;
    color: #fff;
    background-color: #336699;
    height: 29px;
}
.cargaDocumentos {
       background-color: #cccaca;
       color: black;
       border: 1px solid #336699;
       font-size: 15px;
       padding: 1px 4px;
       font-family: Arial;
}
.Pasosbotones {
    font-family: Arial;
    font-size: 17px;
    color: #fff;
    background-color: #305376;
}
.botonsSalir {
    background-color: #780C28;
    font-family: Arial;
    font-size: 15px;
    color: #fff;
    margin-left: 0px;
}
.botonSalir {
    background-color: #780C28;
    font-family: Arial;
    font-size: 15px;
    color: #fff;
    margin-left: 0px;
}
.txtPreguntas {
    color: #5B9BD5;
    font-family: Arial;
    font-size: 18px;
    font-weight:bold;
    text-align : justify;
}
.txtRespuestas {
    padding-bottom: 15px;
    color: black;
    font-family: Arial;
    font-size: 18px;
    font-weight:normal;
    text-align : justify;
    border:1px;
    border-bottom-style: dashed;
    border-color:#C00000;
}
.divSalirPF {
    margin-left:1000px;
    width:100px;
}
.botonesLoginOlvidaCon {
    background-color: white;
    color: black;
    font-family: Arial;
    border:0px;
    border-color:white;
    cursor:pointer;
    font-size:15px;
}
.botonesLoginCambiaCon {
    background-color: white;
    color: black;
    font-family: Arial;
    border:0px;
    border-color:white;
    cursor:pointer;
    font-size:15px;
}
.botonesLoginPregFrec {
    background-color: white;
    color: black;
    border:0px;
    border-color:white;
    font-family: Arial;
    cursor:pointer;
    font-size:15px;
}
.lblInfoText {
    font-family: Arial;
    font-size: 15px;
    width: 200px;
    text-align: right;

}
.lblInfoVal {
    font-family: Arial;
    font-size: 18px;
    text-align:left;
    margin-left: 210px;
    margin-top: -20px;
    width: 190px;
}
.lblPregFrec {
    font-family: Arial;
    font-size: 18px;
    text-align:left;
    margin-left: 430px;
    margin-top: -20px;
    width: 169px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.lineaBlanca {
    background-color: #777; 
    height: 3px;
    margin-top:0px;
}
.borde {
    border:2px solid #102C7F;
}
.bordeHundido {
 border-top: 1px solid #FFF;
 border-right: 1px solid #f5f5f5;
 border-bottom: 1px solid #d5d5d5;
 border-left: 1px solid #f5f5f5;
 background: #e9e9e9;
}
.panelDerecho {
   background: #b6b7bc;
   position:relative;
   text-align: center;
   /*font-size:10px;
   width: 500px;
   height: 100%;
   margin-top: 10px;
   margin-left: 750px;
   padding-left:10px;*/
}
.panelIzq {
   background: #b6b7bc;font-size:10px;position:relative;
   text-align: center;
   width: 524px;height: 100%;
}
.panelCentro {
   background: #b6b7bc;font-size:10px;position:relative;
   text-align: center;
   width: 50%;height: 100%;
}
#body-left-panel{
	float:left;
	/*background-color:aqua;*/
/*	background-color:#e7e6e4;*/	
	height:inherit;
	width:60%;
	/*border:solid 1px red;*/
}
#body-right-panel{
	float:right;
/*	background-color:#9e9e9e;*/
	width:40%;
	height:inherit;
	/*border:solid 1px orange;*/
}
div.body-right-panel{
	float:right;
/*	background-color:#9e9e9e;*/
	width:40%;
	height:inherit;
	/*border:solid 1px orange;*/
}
#body-left-panel-config{
	float:left;
	/*background-color:aqua;*/
/*	background-color:#e7e6e4;*/	
	height:inherit;
	width:50%;
	/*border:solid 1px red;*/
}
#body-right-panel-config{
	float:right;
/*	background-color:#9e9e9e;*/
	width:50%;
	height:inherit;
	/*border:solid 1px orange;*/
}
div.left{
	float:left;
	/*background-color:aqua;*/
/*	background-color:#e7e6e4;*/	
	height:inherit;
	width:25%;
	/*border:solid 1px red;*/
}
div.right{
	float:right;
/*	background-color:#9e9e9e;*/
	width:70%;
	height:inherit;
	/*border:solid 1px orange;*/
}

/*============= BOXES =============*/
div.box_upper_part{
	background-image:url('Images/box_up-bg.png');
	height:29px;
	width:100%;
}
div.box_middle_part{
	background-color:#f6f5f4;
	border-left:solid 1px #5f626a;
	border-right:solid 1px #5f626a;
}
div.box_lower_part{
	background-image:url('Images/box_low-bg.png');
	height:22px;
	/*margin-bottom:15px;*/
}
span.box_header{
	position:relative;
	top:5px;
	left: 11px;
	font-family:Verdana, Tahoma;
	/*font-size:0.8em;*/
	font-size:1.2em;
	font-weight:bold;	
}
div.pad_15tah{
	padding:15px;
	font-family:Tahoma, Verdana;
	font-size:1.0em;
    text-align:left;
}
.align-left{
	float:left;
}
.align-right{
	float:right;
}

/*::::::::::: Inicio Progress Bar :::::::::::*/
html
{
    font: 14px Georgia,Serif,Garamond;
}
h1
{
    color: Green;
    font-size: 18px;
    border-bottom: Solid 1px orange;
}
.clear
{
    clear: both;
}
.lbl
{
    color: green;
    font-weight: bold;
}
.upperColumn
{
    margin: auto;
    width: 600px;
    border-bottom: Solid 1px orange;
    background-color: white;
    padding: 10px;
}
.bottomColumn
{
    margin: auto;
    width: 600px;
    background-color: white;
    padding: 10px;
}
/*::::::::::: Fin Progress Bar :::::::::::*/

/* ::::::::::::::::: Accordion :::::::::::::::::: */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.MDPopUp_Body
{
	background-color: #EEECED;
}
.footer
{
    background-color: #b6b7bc;
    color: #000;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: 15px;
}
.formAdicionalLabel {
    margin-left: 10px;
    width: 145px;
    text-align: left;
}
.formAdicionalVal {
    width: 300px;
    margin-left: 160px;
    margin-top: -20px;
    text-align: left;
}
.AcuseformAdicionalLabel {
    margin-left: 0px;
    width: 130px;
    text-align: left;
}
.AcuseformAdicionalVal {
    width: 200px;
    margin-left: 90px;
    margin-top: -20px;
    text-align: left;
}

/*::::::::::. inicio de Bloque de consultas ::::::::::::*/
h3{ text-align:center; position:relative; font-family: Arial; 
    color: #003366; top:0px; font-size: 25px; margin-top: 0px;
    margin-bottom: 0px; }
h4 {text-align:center; font-family: Arial; top: 0px; color: #003366;
    margin-top: 0px;margin-bottom: 0px;font-size: 15px;
}

/*================================================== * Efecto 5 * ===============================================*/ 
.effect5 { position: relative;
    margin-top: 19px; text-align: center; width: 519px;
} 
.effect5:before, 
.effect5:after { z-index: -1; position: absolute; 
content: ""; bottom: 25px; left: 10px; 
width: 50%; top: 80%; max-width:300px;
 background: #777; -webkit-box-shadow: 0 35px 20px #777; 
 -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; 
 -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); 
 -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } 
.effect5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); 
-o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); 
right: 10px; left: auto; }
/*::::::::::. Fin de Bloque de consultas ::::::::::::*/
/*::::::::: Inicio de globos de instrucciones ::::::::::*/

chat-bubble h5 {
    font-family: Arial;
    font-size: 45px;
    color: white;
}
chat-bubble h6 {
    font-family: Arial;
    font-size: 20px;
    color: white;
}
/*::::::::::: Fin de globos de instrucciones :::::::::::*/
.Error
{
    color: red;
    font-size: 14px;
    text-align: center;
}

.status
{
    cursor: pointer;
}


.ui-dialog-titlebar
{
    position: relative !important;
    bottom: 9px !important;
    z-index: 99 !important;
}
.calendarContainer
table th {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.calendarContainer
table td {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.calendarContainer .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #A1DCF2;
    z-index: 10000;
}

.calendarContainer .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.calendarContainer .ajax__calendar_title,
.calendarContainer .ajax__calendar_next,
.calendarContainer .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.calendarContainer .ajax__calendar_body {
    background-color: #ffffff;
    height: 15em;
}