/**************************************************************************************************************/
/*												Front Page Master */
/**************************************************************************************************************/
html {
    /*background: #143460 url(../../Images/pageBg.jpg) top repeat-x;*/
    background: #ffffff;
    padding: 0px;
    margin: 0px auto;
    font: normal 13px Geneva, Arial, Helvetica, sans-serif;
    height: 100%;
}
	
body {
	padding: 0px;
	margin: 0px;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
}


#Container 
{ 
	width:100%;
    height:100%;
	
}

#HTMLLogin  {
	background: #143460 url(../../Images/pageBgLogin.jpg) top ;
      height:100%;
}

#ContainerLogin {
    width: 800px;
    padding: 0px 0px 100px 0px;
    position: relative;
    margin: 0 auto;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#topLogin {
	
   margin: 0px;
    height: 100px;
    background: url(../../Images/topBg.jpg)top repeat-Y;
     

  
}

#Login 
{
	width:300px;
	vertical-align: middle;
	margin: 0 auto;
	padding-top:45px;
    margin-top: 150px;
	background: #c0c4cd url(../../Images/Login_Title.jpg) top repeat-x;

      
		
	}

/* Header y Menu */
#top {
	margin: 0px;
	height: 100px;
    width: 100%;
	 /*background: url(../../Images/topBg.jpg)top repeat-x;*/
}

.Menu {
	margin: 0px;
	width: 99.7%;
	
}

/* User Info */
#User 
{	
  
    float:right;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: 25px;
    margin-right: 0px;
	border: 1px solid #163561;
    font: normal 12px Geneva, Arial, Helvetica, sans-serif;
    color: #063579;
    text-transform: uppercase;
    background-color: #fff;

}

 .gridcss 
 {
     font: normal 11px Geneva, Arial, Helvetica, sans-serif;
     color: #063579;
     }

/* Footer */
#Foot {
	clear: both;
	margin: 0px;
	padding: 0px;
	
}
	


.DisplayInfoButton {
    font: normal 15px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #06377A;
    float: right;
    padding: 5px 15px 15px 5px;
    height: 15px;
}
.Titulo
{
    font: normal 16px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
	padding-bottom: 10px;
	letter-spacing: 1px;
	vertical-align:middle;
	text-align:center;

	}
.TituloChico
{
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
	padding-bottom: 5px;
	text-align:center;
	vertical-align:middle;
	

	}
	
.Texto
{
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
	text-align:left;
	letter-spacing: .5px;

	}



p/*, pre*/{
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	
}
p a {
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
	text-decoration: none;
}
.logintxt
{
    color:#063579;
    font: normal 11px Geneva, Arial, Helvetica, sans-serif;
    }
    
p a:hover {
	color: #3ba6dd;
}
h1, h2  {
	font: normal 16px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
}
h3, h4 {
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
}

/**************************************************************************************************************/
/*											Front page content												  */
/**************************************************************************************************************/
#MsgBox
{
	width:0%;
	height:0%;
	}

/* Content */
#Content 
{
	width: 100%;
	clear: both;
	background-color: #ffffff;
}

#ContentOption {
    display: table;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
}

#ContentOptionGrid
{ 
    float: left;
	width: 99%;
   background-color:#fff;
   padding-left: 5px;
   padding-right:5px;
 
  }

#ContentOptionGrid h1 {
	font: normal 18px Geneva, Arial, Helvetica, sans-serif;
	color: #06377A;
}
  
/* Left */
#Left {
	float: left;
	width: 150px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* ToolBar Mensajes */
#ToolBar {
	width: 99%;
	margin: 5px 5px 5px 0px;
	/*padding: 5px 0px 5px 0px;*/
	text-align:right;
	font: normal 16px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
    
}

#ToolBar a {
	color: #c5aa02;
	text-decoration: none;
	border-bottom: 1px dotted #c5aa02;

}

#ToolBar a:hover {
	
	color: #143460;
	border-bottom: 1px dotted #143460;
}
#Regresar {
	
	width: 85%;
	height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align:right;
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

#Regresar a {
	color: #c5aa02;
	text-decoration: none;
	border-bottom: 1px dotted #c5aa02;

}

#Regresar a:hover {
	
	color: #143460;
	border-bottom: 1px dotted #143460;
}



#MensajesBody 
	{
		/*background: url('../../Images/MensajesBg.jpg') repeat-y;*/
		padding: 2px 5px 2px 2px;
		font: normal 12px Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		margin-top:5px;
	
	}
#MensajesBody a {
		/*font: bold 13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #06377A;*/
		color: #c5aa02;
	    text-decoration: none;
	    border-bottom: 1px dotted #c5aa02;
		
		
	}
#MensajesBody a:hover {
		/*color: #63A3F8;*/
		color: #fff;
	    border-bottom: 1px dotted #fff;
	}

/*Opciones*/
#MensajesTop
{
    margin-top:5px;
    
    }

#OpcionesTop
{
    margin-top:15px;
    
    }
#OpcionesBody 
	{
		/*background: url('../../Images/MensajesBg.jpg') repeat-y;*/
		padding: 2px 5px 2px 2px;
		font: normal 12px Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		margin-top:5px;
	}
#OpcionesBody a {
		/*font: bold 13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #06377A;*/
		color: #c5aa02;
	    text-decoration: none;
	    border-bottom: 1px dotted #c5aa02;
	}
#OpcionesBody a:hover {
		/*color: #63A3F8;*/
		color: #fff;
	    border-bottom: 1px dotted #fff;
	}

/* Mostar Mensaje Default.aspx */
#VerMensaje {
	padding-left:7px;
    width:95%;
}


#MensajeEncabezado {
    /*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #06377A;
    border: inset 1px solid #06377A;
    width: 100%;
    background-color: #fff;
}
#ContenidoMensaje {
    margin-top: 5px;
    padding-top: 15px;
    /*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #06377A;
    border: inset 1px solid #06377A;
    width: 100%;
    background-color: #fff;
}

#ContactoMensaje {
    margin-top: 5px;
    padding-top: 15px;
    /*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #06377A;
    border: inset 1px solid #06377A;
    width: 100%;
    background-color: #fff;
}
.EtiquetaTitulo
{   
	margin-top:20px;
	font: normal 15px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding: 5px 5px 5px 5px;
	color: #073477;
	width:100%;	
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	border-radius: 5px;
	padding:5px;
	border: 1px solid #fff;
	border: inset 1px solid #fff;
	background:#fff;
	}
.Etiqueta {
    padding: 5px 2px 5px 10px;
    /*font: bold 13px Geneva, Arial, Helvetica, sans-serif;*/
    font: normal 15px Geneva, Arial, Helvetica, sans-serif;
    color: #06377A;
    line-height: 1.5;

    /*line-height: 1.5;*/
    /*color: #000;*/
}

.Valor {
    /*font: normal 13px Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5;
	color: #000;*/
    font: normal 15px Geneva, Arial, Helvetica, sans-serif;
    color: #06377A;
    line-height: 1.5;
}

	
	.EtiquetaTitulo2
{   
	margin-top:20px;
	font: normal 14.5px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	padding: 5px 5px 5px 5px;
	color: #000;
	width:500px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	border: 1px solid #999;
	
	background:#dbdde2;

	
	}

.EtiquetaCerrar
{   
	height:15px;
	text-align:right;
	padding: 5px 5px 5px 5px;
	
	
	}
.EtiquetaCerrar a
{   

    font: bold 16px Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #b9a300;
	text-align:center;
	
	}
.EtiquetaCerrar a:hover
{   
	color: #fff;
	}


.EtiquetaRegresar 
{   
	height:15px;
	text-align:right;
	padding: 5px 5px 5px 5px;
	
	
	}
.EtiquetaRegresar a
{   

    font: bold 16px Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #073477;
	text-align:center;
	
	}
.EtiquetaRegresar a:hover
{   
	color: #b9a300;
	}
		
/*Estilos para los formularios de captura*/

#Formularios
{ 
    width: 100%;
    height: 100%;
	
    padding: 10px 200px 10px 100px;
   
	
  }
/*.form {
	margin: 25px;
	padding: 5px;
	
}*/
.LabelCellText
{
	width:50%;
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	height: 10px;
	text-align: right;
	padding:2px 2px 2px 2px;
	vertical-align:text-top;
		}
.LabelCellField
{
	width:50%;
	font: normal 11px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	height: 10px;
	text-align: left;
	text-indent:5px;
	padding:2px 2px 2px 2px;
	margin-left: 40px;
}
		

/* Modal Popup CSS*/
.mpBg
{
	background-color: #FCFCFD;
	filter: alpha(opacity=45);
	opacity: 0.45;
}
.mp
{
	background-color: #FBFBFE;
	padding: 3px;
	color: #063579;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
}
.mpHd
{
	background-color: #063579;
	border-color: #C4A903;
	border-width: 1px;
	color: #b2bac5;
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	
	padding: 3px 0px 3px;
	width: 100%;
	height: 16px;
}
.mpClose
{
	text-align: center;
	width: 100%;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
}
.mpCloseButton
{
	position: absolute;
	right: 4px;
	width: 17px;
	height: 18px;
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
}


/*.searchBox
{
    float: right;
    margin: 3px 1px 0 0;
}
.searchBox .button
{
    background: White!important;
    border-color: White!important;
    box-shadow: none!important;
	-webkit-box-shadow: none!important;
}
.searchBox .button .sprite {
	background: url("Images/Buttons/SearchButtonSprite.png") no-repeat;
	height: 18px;
	width: 18px;
}
.searchBox .button .sprite.hover {
	background-position: -36px;
}
.searchBox .button .sprite.pressed {
	background-position: -18px;
}*/
 


/*/*Customers GridView*/
/*.customersCallbackPanel {
    border-top: 1px solid #eeeeee;

	padding: 10px 0 32px;
	overflow: auto;
}
.customersCallbackPanel.expanded {
    border: 1px solid #cbcbcb;
    border-bottom: 0;
    margin: 0 -1px;
}
.customersCallbackPanel .imageSliderMenuContainer,
.customersCallbackPanel .imageSlider {
	margin: auto;
}
.customersCallbackPanel .imageSliderMenuContainer td > span{
	font-size: 18px;
}
.customersCallbackPanel .imageSliderMenuContainer td > span {
	color: #BF4E6A;
}
.GVMensajes .dxgvHSDC {
    border-top: 0;
}*/

/*.GVMensajes .dataTable,
.GVMensajes .dxgvHSDC,
.GVMensajes .dxgvCSD {
    border-left: 0;
    border-right: 0;
}
.GVMensajes .groupPanel 
{
	border-bottom: 1px solid #CBCBCB;
}
.GVMensajes.dxm-main {
	margin: 10px 6px;
}
.GVMensajes.dxm-main,
.GVMensajes.dxm-main .dxm-item,
.GVMensajes.dxm-main .dxm-hovered{
	background: none!important;
    border: 0!important;
}
.customersMenu.dxm-main .dxm-content{
    color: #8a8a8a;
    font-size: 18px;
	padding: 2px 0!important;
}
.customersMenu.dxm-main .dxm-popOut{
	padding: 12px 8px 8px!important;
}
.customersPopupMenu.dxm-popup .dxm-item,
.customersPopupMenu.dxm-popup .dxm-item a.dx{
	color: #BF4E6A;
}
.customersPopupMenu.dxm-popup .dxm-selected{
	background-color: #BF4E6A;
    color: white;
}
.customersPopupMenu.dxm-popup .dxm-content{
	padding: 11px 60px 11px 12px!important;
}*/