/* Versión CSS 2.1*/
/*Estilo para scroll del navegador y margenes de la pagina*/
body 
{
	padding: 0px; 
	margin: 0px;
	scrollbar-arrow-color : #3f52b8;
    scrollbar-darkshadow-color: #fafafa;
	scrollbar-base-color: #f7f7f7;
	scrollbar-highlight-color:#cecfce;
	scrollbar-shadow-color:#cecfce;
	scrollbar-track-color:#fffbff;
	scrollbar-3dlight-color:#fafafa;
	font-family:Arial; 
	font-variant:normal; 
	font-size:11px; 
	font-weight:normal; 	
}

.submit 
{
	BORDER-BOTTOM: medium none; TEXT-ALIGN: center; BORDER-LEFT: medium none; font-family:Arial, Verdana, Helvetica, Sans-serif; font-weight:bold; font-size: 12px; cursor:pointer; WIDTH: 76px; BACKGROUND:url(../../Media/gif/submit.gif) no-repeat left top; HEIGHT: 26px; COLOR: #fff;  BORDER-TOP: medium none; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}
.submitlarge 
{
	BORDER-BOTTOM: medium none; TEXT-ALIGN: center; BORDER-LEFT: medium none; font-family:Arial, Verdana, Helvetica, Sans-serif; font-weight:bold; font-size: 12px; cursor:pointer; WIDTH: 96px; BACKGROUND: url(../../Media/gif/submitlong.gif) no-repeat left top; HEIGHT: 26px; COLOR: #fff;  BORDER-TOP: medium none; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}

a:hover{ vertical-align:middle; border: 0px solid #fff; text-decoration: underline; color: #004898; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight:normal; font-variant:normal; }
a{ vertical-align:middle; border: 0px solid #fff; text-decoration: underline; color: #004898; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight:normal; font-variant:normal;  }

/*Estilo del cabezote, barra de bienvenida y opciones globales*/
#bgheader{ background-image:url(../bgHeader.png); background-repeat:no-repeat; width:960px; height:80px }
#bgwelcomebar{ background-image:url(../bgWelcomeBar.png); padding-left:10px; background-repeat:no-repeat; width:960px; height:25px }

/*Estilo links para barra de opciones globales*/
#boxglobalbar{ vertical-align:middle; color:#004898; font-size: 10px; width:100%; height:60px }
#headerItems{ width:823px }
#header {
	background: url(Media/gif/BlueHeaderBg.gif) bottom left repeat-x #20469d;
}
#bgHeader
{
	BACKGROUND-IMAGE: url(/bgHeaderPagos.png) top left no-repeat;
    WIDTH: 960px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 80px;
}
#headerDeco {
	background: url(Media/gif/BlueHeaderDecoBg.gif) top left no-repeat;
}

#headerTable
{
	height:80px;	
}
#tblheader{height:80px}
#mainContainer {
	width:984px;
	margin:10px auto;
	text-align: left;
	background:#FFF;
}
#footer 
{
	font-size:10px;
	padding:10px 0;
	background:#f5f5f5;
}
#logo {
	background: url(images/sura.com-logo.png) no-repeat;
	display: inline-block;   
	height:79px;
	padding-left:20px;	
    width: 345px;
    margin-left: 160px; 
    float: left;
	
}
a.globalBar:hover{ 	vertical-align:middle; border: 0px solid #fff; text-decoration: underline; color: #004898; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 10px; font-variant:normal; }
a.globalBar { vertical-align:middle; border: 0px solid #fff; text-decoration: none; color: #004898; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 10px; font-variant:normal;  }

a.buttonLink:hover{ 	vertical-align:middle; border: 0px solid #fff; text-decoration: underline; color: #004898; cursor:hand; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; }
a.buttonLink{ vertical-align:middle; border: 0px solid #fff; text-decoration: underline; 
color: #004898; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal;  }

a.buttonVer:hover{ vertical-align:middle; border: 0px solid #fff; text-decoration: underline; color: #004898; cursor:hand; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; font-variant:normal; font-weight:bold}
a.buttonVer{ vertical-align:middle; border: 0px solid #fff; text-decoration: none; color: #004898; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; font-variant:normal; font-weight:bold }

a.buttonKeyboard:hover{vertical-align:middle; border: 0px solid #fff; text-decoration: none; color: #FFFFFF; cursor:hand; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; }
a.buttonKeyboard{ vertical-align:middle; border: 0px solid #fff; text-decoration: none; color: #FFFFFF; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal;  }

a.close:hover{vertical-align:middle; border: 0px solid #fff; text-decoration:underline; color: #FFFFFF; cursor:hand; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; }
a.close{ vertical-align:middle; border: 0px solid #fff; text-decoration: none; color: #FFFFFF; cursor:pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal;  }

a.verMas {
	background:url(../../Media/gif/btnVerMasNormal.gif) no-repeat;
	padding:3px 13px;
	display: inline-block;
	color:#FFF !important;
	text-decoration:none !important;
	text-transform:uppercase;
	font-size:9px !important;
	font-weight:bold;
}
a:hover.verMas {
	background:url(../../Media/gif/btnVerMasOver.gif) no-repeat;
}

/*Estilo para area de trabajo*/
#ContainerMainMenu{ background-color:#f4f4f4; height:100%; vertical-align:top; width:160px; text-align:center }
#ContainerContent{  height:100%; width:785px; vertical-align:top }
#ContainerDockImage{ height:100%; vertical-align:top ;width:14px }
#SeparatorDockImage{ background-image:url(../../media/gif/sepmenu.gif); background-repeat:repeat-y; height:100%; vertical-align:top ;width:4px }
/*IFRAME#fraContent{ height:560px; width:785px }*/
IFRAME#fraContent{ padding:0px;  width:100% }
#dockPanelImage{ cursor: pointer } 

/*Estilo Encabezado*/

/*Estilo de letras a utilizar*/
.letterWhite{ vertical-align:middle; color:#FFF; font-size: 10px }
.letterBlue{ vertical-align:middle; color:#004898; font-size: 11px }
.letterBlue12{ vertical-align:middle; color:#004898; font-size: 11px; font-weight:bold }
.letterBlack{ vertical-align:middle; color:#000; font-size: 11px }
.letterBlack12{ vertical-align:middle; color:#000; font-size: 11px; font-weight:bold }
/*.required{ color: #E92041; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 11px;  }*/

/*Estilo de controles web*/
.title{ background-color:#004898; height:25px; color:#FFF; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; font-weight:bold }
.titlegray{ background-color:#F5F5F5; height:25px; color:#FFF; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; font-weight:bold }
.titlebox{ background-color:#00A7BF; height:25px; color:#FFF; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; font-weight:bold }
.textbox{ border: solid 1px #CBD9E7; height: 14px; color:#004898; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant: normal }
.textboxfilter{ border: solid 1px #CBD9E7; height: 19px; color:#004898; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant: normal; line-height: 19px; }
/*.label{ color: #004898; font-family:Arial, Verdana, Helvetica, Sans-serif; font-size: 12px; font-weight:bold }*/
.linedotted{ border-top:dotted 1px #004898 }
.linebottom{ border-bottom:solid 1px #004898 }
.dropdownlist{  background-color: #CBD9E7; height:19px; color:#000; font-family:Arial; font-size:11px; font-variant: normal }
.radiobutton{}
.tblHeaderTit
{ 
	BACKGROUND-IMAGE: url(../images/FondoTbl_PagoExpress.png);
	BACKGROUND-REPEAT: no-repeat; 
	width:100%; HEIGHT: 25px;	BORDER-TOP: #CFCFD1 1px solid; BORDER-RIGHT: #CFCFD1 1px solid; 
	BORDER-LEFT: #CFCFD1 1px solid; BORDER-BOTTOM: #CFCFD1 1px solid;
	color: #004898;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
}
.tblHeaderGrid
{
	background-image:url(../../Media/png/FondoTbl_PagoExpress.png);    
	background-repeat: no-repeat;
    height:25px;
    color:#004898;
    font-family:Arial, Verdana, Helvetica, Sans-serif;
    font-size: 12px; 
    font-weight:bold; 
}  
/*borrar*/  
.headerFlotante
{
    OVERFLOW: auto
}

/* fin borrar*/

/* Mensajes de usuario */
.messagealert{ padding:5px; border:solid 1px #FFBD00; background-color:#FFFFB2; font-family:Arial; font-size:11px;vertical-align:middle;  }
.messageerror{ padding:5px; border:solid 1px #8F0300; background-color:#FABABD; font-family:Arial; font-size:11px;vertical-align:middle;  }
.messagesucesfull{ border:solid 1px #FFBD00; background-color:#FFFFB2; font-family:Arial; font-size:11px;vertical-align:middle; height:25px }

/*Teclado electronico*/
/*a { text-decoration:none; font-size:11px; font-family:Arial; color:White; cursor:pointer;width: 21px; height: 21px ;}
a:hover { text-decoration:none; font-size:11px; font-family:Arial; color:White; cursor:pointer;width: 21px; height: 21px ;}*/
.botonTecladoNuevo{ FONT-WEIGHT: bold; FONT-SIZE: 10px; vertical-align: middle; width: 21px; height: 21px ; COLOR: #FFF; font-family:Arial ; background-image:url(../../Media/gif/btnnormal.gif); TEXT-ALIGN: center; TEXT-DECORATION: none; }
.botonTecladoLimpiar { FONT-WEIGHT: bold; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; background-position:center top;WIDTH: 44px; HEIGHT: 21px ; COLOR: #FFF; FONT-FAMILY: Arial; background-image:url(../../Media/gif/btnnormalgrande.gif); TEXT-ALIGN: center; TEXT-DECORATION: none; }
.topShadow {
	background: url(../../Media/gif/shadowTop.gif) top left repeat-x;
}
.leftShadow {
	background: url(../../Media/gif/shadowLeft.gif) top left repeat-y;
}
.rightShadow {
	background: url(../../Media/gif/shadowRight.gif) top right repeat-y;
}
.bottomShadow {
	background: url(../../Media/gif/shadowBottom.gif) top left repeat-x;
}
.progressIndicator
{
	 background-color:#ffffff;   height:35px; width:135px;   vertical-align:middle;
	 BORDER-BOTTOM: #d2eaf5 thick solid; BORDER-LEFT: #d2eaf5 thick solid; BORDER-TOP: #d2eaf5 thick solid; BORDER-RIGHT: #d2eaf5 thick solid;
}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	height:100%;
	width:100%;
}
.borderBlackTop {
	border-top: 1px solid Black;
}