body, input, select, textarea {font-family:Trebuchet MS, Arial, Helvetica; font-size:12px;}
@media screen
{
    body {color:#000;}
    a {color:#24509A;}
    big {font-size:22px;}
    h1 {color:#343333; font-size:14px; margin:0;}
    h2 {color:#343333; margin:0; margin-bottom:10px; font-size:14px;}

    /* COMMON */
    .no-screen {display:none;}
    .icon {vertical-align:middle;}
    .label {text-align:left; vertical-align:top; padding-top:3px; padding-right:8px;}
    .statement-account {text-align:left; vertical-align:top; padding-top:3px;}
    .statement-account-field {text-align:left; vertical-align:top; padding-top:3px;}
    .field {padding-right:0px;}
    .amount-money {height:20px;width:700px}
    .required {background:url(assets/required.png) no-repeat; background-position:right 6px;}
    .validator {display:block; color:#FF0000; font-size:10px;}
    .read-only {border-collapse:collapse;}
    .read-only a {border-collapse:collapse;}
    .read-only .label {font-weight:bold;}
    .read-only .statement-account {font-weight:bold; font-family:Tahoma; font-size:12px;}
    .read-only .statement-account-field { padding-left:2px; font-family:Tahoma; font-size:12px;}
    .read-only .field {padding-top:3px;}
    .read-only h2.first {margin:0;}
    .read-only h2 {margin:0; margin-top:10px;}
    .checkbox input {margin-right:5px; vertical-align:middle;}
    .link-button {
	    border:1px solid #24509B;
	    color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 8px;
	    text-shadow:0 1px 0 #7996A6;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5FA9D6 repeat-x;
    }
    .primary-link-button {
        border:1px solid #24509B;
        color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    padding:3px 8px;
	    text-shadow:none;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5972A7 repeat-x;
		border-radius:5px;
    }
    .primary-link-button-new {
		border:0;
        color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
		padding:10px 55px;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5972A7 repeat-x;
		border-radius:5px;
    }
    .link-button-new-p {
		border:0;
        color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
		padding:10px 55px;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5FA9D6 repeat-x;
		border-radius:5px;
    }
    .link-button-new-s {
		border:0;
        color:#FFFFFF;
	    font-family:Verdana;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
		padding:10px 55px;
	    display:inline-block;
	    cursor:pointer;
	    background:url(assets/button_bg_related.png) #5972A7 repeat-x;
		border-radius:5px;
    }
	
	.login-button-down-new {
		padding-top:8px;
	}
    /*
    ::selection { background: #EFFF; color: #EFF; }
    ::-moz-selection { background: #EFFF; color: #EFF;  }
    */
    .primary-div {cursor:default;}
    .section-tool {float:right; margin-left:20px; margin-bottom:20px;}
    .copyrigth-field {float:right; margin-left:20px;}
    .solid-box {overflow:hidden; padding-left:1px;}
    .field-note {display:block; color:#999999; font-size:10px;}
    
    /*.login-page-div {background:url(assets/header_bg2.png) repeat-x top; height:140px; width:100% ; vertical-align: text-bottom; text-align:center }*/
    /*.login-page-div {background-image: url(assets/login_center_bg.png); height:140px; width:100% ; vertical-align: text-bottom; text-align:center }*/
	.login-page-div {background-color:#ebebeb; height:140px; width:100% ; vertical-align: text-bottom; text-align:center }
    /*.login-header {background:url(assets/header_bg.png) no-repeat bottom ; height:122px; width:950px; display: inline-block; padding-top:17px; text-align:left ; vertical-align: super}*/
    .login-header {background:url(assets/header_bg.png) no-repeat bottom ; height:113px; width:947px; display: inline-block; text-align:left ; vertical-align: super;margin-top:22px;}
    /*.login-info {background:url(assets/login_center_bg.png); color: #000; text-align:center; position:static}*/
	.login-info {background-color:#ebebeb; color: #000; text-align:center; position:static}
    /*.login-box {background-image: url(assets/login_east_bg.png); width:948px;height:270px; display: inline-block;text-align:center;background-repeat: repeat-x;color: #000;border-color: #FFFFFF;border-bottom-width: 1px;border-right-width: 1px;border-left-width: 1px;border-bottom-style: solid;border-right-style: solid;border-left-style: solid;}*/
	/*.login-box {width:948px;height:270px; display: inline-block;text-align:center;background-repeat: repeat-x;color: #000;border-color: #FFFFFF;border-bottom-width: 1px;border-right-width: 1px;border-left-width: 1px;border-bottom-style: solid;border-right-style: solid;border-left-style: solid;}*/
	.login-box {width:948px;height:270px; display: inline-block;text-align:center;background-color:#002c5b;color: #fff;border: 0;}
    /*.login-frame { width:280px; display: inline-block;  }*/  
    .login-frame { width:327px; margin:0 auto;}  
	
    .login-header td {padding:10px;}
   /* .login-container {border-top:1px solid #809BAA;border-bottom:1px solid #809BAA; width:100%;background-color: #FFF;}*/
    .login-container {border-top:1px solid #fff;border-bottom:1px solid #809BAA; width:100%;background-color: #000;}
    .login-info h1 {font-size:22px; color:#FFF; }
    .login-info a { color:#CCC; }
    .login-textinput { border:1px solid #AEAEAE; background-color: white; background-image: url(assets/login_textInput_bg.png); background-repeat: repeat-x; }
    .login-copyright {color:#FFFFFF; font-size:10px; font-family:arial; background:url(assets/login_south_bg.png) repeat-x; position:fixed;  bottom:0; width:100%}
    /*.login-page {margin:0;background:url(assets/login_center_bg.png) ;height: 100%;color: #FFF; }*/
    .login-page {margin:0;background-color:#ebebeb;height: 100%;color: #FFF; }
    
    /*.classPrueba {background:url(assets/login_center_bg.png) no-repeat;height:87px }*/
    .classPrueba {background:#27529c ;height:87px }
    .sinBorder {border:0;}
    .msnError {color:#000;height:70px;margin-top:10px; }
	
    /* CUSTOM */
    #imgLytLogo {margin:0px;}
    #imgLytLogo2 {margin:1px;}
    #ltnLytLogout {background:#EDF9FD; border:1px solid #3C64A1; border-top:0; border-radius:0 0 4px 4px; display:block; white-space:nowrap; margin-right:10px; padding-left:10px; padding-right:10px; text-decoration:none; color:#394C57; line-height:29px;}
    #ltnLytLogout:hover {background:#FAFDFE;}

    /* LAYOUT STYLES */
    .lyt-header-table {}
    .lyt-header {border-bottom:1px solid #809BAA; background:url(assets/head_bg2.png) repeat-x;}
	.lyt-header-body {background-color: #0079a6;}
    .lyt-leftside-bar {border-right:1px solid #809BAA;}
    .lyt-leftside-bar-header {
        background:url(assets/lsb_header_bg.png) repeat-x #C7D4DA !important; 
        padding:3px 3px 3px 5px !important; height:15px; 
        border-bottom:1px solid #838383; 
        overflow:hidden; 
        zoom:1;
    }
    .lyt-leftside-bar-header .x-tool {background:url(assets/tool-sprites.gif) no-repeat 0 -180px;}
    .lyt-leftside-bar-header-text {display:none;}
    #pnlLytLeftSideBar-xsplit {width:1px;}
    .lyt-footer-body {line-height:20px; font-size:11px; padding-left:5px; background:url(assets/lytFooter_bg.png) repeat-x;}
    .lyt-poll {background-color:#FFFFCC; border-top:1px solid #809BAA; padding:5px; overflow:hidden; zoom:1;}
    .lyt-poll h1 {font-size:12px; color:#216089; margin:0;}
    .lyt-poll p {font-size:10px;}
    .lyt-poll a {font-size:10px; float:right; font-weight:bold; text-decoration:none;}
    .tree-options-bwrap {border-bottom:1px solid #14486B;}
    .tree-options .x-tree-node-icon {background-image:url(assets/tree_options_leaf.gif);}
    .tree-options-header {
	    padding:3px 3px 3px 3px !important;
	    overflow:hidden;
	    zoom:1;
	    font-size:11px;
	    font-weight:bold;
	    color:#FFFFFF;
	    background:url(assets/lsb_tree_bg.png) repeat-x #23619B;
    }
    .tree-options-header .x-tool {float:left; margin-left:0px; margin-right:3px;}
    .tree-options-body {overflow-y:auto !important; overflow-x:hidden !important;}
    .page {margin:0; background:#FBFDFD;}
    .page-header {
	    padding:3px;
	    overflow:hidden;
	    zoom:1;
	    background-color: #E7F2F5;
	    background-image: url(assets/wraHeader_bg.png);
	    background-repeat: repeat-x;
    }
    .page-print-header {display:none;}
    .page-toolbar {margin-bottom:10px; background:transparent; border:0;}
    .page-principal {display: inline-block;}
    .page-controlbar {background:#E2EFF3; text-align:center;border:1px solid #A9BCC6;display:block;}
    .page-controlbarInt {display: inline-block;}
    .form-container {margin-top:5px; margin-bottom:5px;display:block}
    .form-container-child {margin-bottom:5px;display:block}
    .form-section {border:1px solid #A9BCC6;margin-bottom:10px;min-width:750px;display:block}
    .top-summary {border:1px solid #A9BCC6; border-bottom:0; padding:10px; background:#FFFFFF;}

    /* ExtJS CUSTOM */
    .x-accordion-hd .x-tool {background-image: none;background-repeat: no-repeat;background-position: 0 -255px;}
    .x-tree-node-over {background:#D5E0E4 !important;}
    .x-tree-selected {background:#C7D4DA !important;}
    /*.x-mask-loading div{padding:5px 10px 5px 25px;background:#fbfbfb url("assets/loading.gif") no-repeat 5px 5px;line-height:16px;}*/
    .x-mask-loading div{margin-left:3px;background:#fbfbfb url("assets/loading.gif") no-repeat 3px 3px; line-height:16px;}
	#ltnLytLogout.botoncfn {background-color: #74d6e1;margin-top: 27px;	border-radius: 5px;	padding: 2px 36px;	color: #002c5b;	box-shadow: 6px 4px 9px;}
    
    /* ASP.NET CUSTOM */
    .grid-view {width:100%; border-color:#8098B2; margin-bottom:10px;}
    .grid-view-header th {background:url(assets/grid_header_bg.png) #23619B repeat-x; padding:2px 5px; font-weight:bold; color:#FFFFFF;}
    .grid-view-row td {background:#FFFFFF; padding:2px 5px;}
    .grid-view-alternative-row td {background:#EFF8F8; padding:2px 5px;}
    .grid-view-pager a {text-decoration:none; padding:0px 4px; margin-top:3px; margin-bottom:3px; display:block;}
    .grid-view-pager a:hover {background:#FFFFFF;}
    .grid-view-pager {background:#D9E5F3;}
    .grid-view-pager table {padding-left:5px; padding-right:5px;}
    .grid-view-pager span {display:block; padding:0px 4px; font-weight:bold; background:#FFFFFF;}
    /* MESSAGES */
    .msg-error {background:url(icons/error.png) no-repeat #FFD7D7; background-position:5px 2px; border:1px solid #FF3300; padding:2px; padding-left:26px; position: relative;z-index:3;}
    .msg-warning {background:url(icons/warning.png) no-repeat #FFFFCC; background-position:5px 2px; border:1px solid #FF9900; padding:2px; padding-left:26px; position:relative;z-index:3;}
    .msg-info {background:url(icons/info.png) no-repeat #E2EFF3; background-position:5px 2px; border:1px solid #24509B; padding:2px; padding-left:26px; position:relative;z-index:3;}
    .msg-advice {background:url(icons/help.png) no-repeat #FFFFFF; background-position:5px 2px; border:1px solid #A9BCC6; padding:2px; padding-left:26px; position:relative;z-index:3;}
    .msg-close {background:url(icons/close.png) no-repeat #FFFFFF; border-right:1px solid #A9BCC6; border-bottom:1px solid #A9BCC6; height:14px ; width:14px; cursor: pointer;float:left; margin-top:4px; position:relative;z-index:3;}
    .msg-clear {clear:both;} 
    .scroller {	overflow:auto;	margin:4px auto; margin-bottom: 0px;}
	.scroller p {margin:0;padding:3px;}
    /* NAVIGATION FLOW */
    span.NavStepOther {background: url(assets/NavStepOther.png) no-repeat;height: 25px;display: block; text-align: center; font-size: 20px; color: White; background-position:center}
    span.NavStepCurrent {background: url(assets/NavStepCurrent.png) no-repeat; height: 25px; display: block; text-align: center; font-size: 20px; color: White; background-position:center}
    .NavLeft {background: url(assets/NavLeft.jpg) repeat-x;}
    .NavPosition {background: url(assets/NavPosition.jpg) no-repeat; width:15px}
    .NavRight {background: url(assets/NavRight.jpg) repeat-x;}
    div.NavTooltip span {display:none;text-decoration: none;}
    div.NavTooltip:hover span{display:inline;position:absolute; background:#ffffff;  border:1px solid #cccccc; color:#6c6c6c;font-size:12px;font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}
    /* QC*/
    .QC-message {background-color: #FFD7D7; border:1px solid #FF3300; padding:2px; padding-left:5px; position:relative;z-index:3;}
    .QC-message li {list-style-type: none;}
    /* ICONS */
    .icon-star {background-image:url(icons/star.png) !important;}
    .icon-star-delete {background-image:url(icons/star_delete.png) !important;}
    .icon-printer {background-image:url(icons/printer.png) !important;}
    .icon-add {background-image:url(icons/add.png) !important;}
    .icon-edit {background-image:url(icons/edit.png) !important;}
    .icon-delete {background-image:url(icons/delete.png) !important;}
    .icon-back {background-image:url(icons/resultset_previous.png) !important;}
    .icon-comment {background-image:url(icons/comment.png) !important;}

    /* PASSWORD */
    .pstrength-minchar {font-size:10px;}
    
    /*Modal Popup*/
    .modalBackground {background-color:ThreeDShadow; filter:alpha(opacity=70); opacity:0.7;}
    .updateProgress{position: absolute;background-color: #D3D3D3;filter: alpha(opacity=70);mozopacity: 0.7;opacity: 0.7;padding: 0px;margin: 0px;}
    .updateProgress div {padding:5px 10px 5px 25px; background:#fbfbfb url("assets/loading.gif") no-repeat 5px 5px; line-height:16px; position: absolute; top: 42%; left: 36%; border:1px solid #006E82;}
    /* COMPROBANTE PAGO */
    .PagoERROR {background:no-repeat #FFD7D7; background-position:5px 5px; border:1px solid #FF3300; padding:6px; padding-left:26px; margin-bottom:10px;}
    .PagoOK {background:no-repeat #FFFFCC; background-position:5px 5px; border:1px solid #FF9900; padding:6px; padding-left:26px; margin-bottom:10px;}
    .PagoCampoEditable { background-color: #FFFFCC; background-position:5px 5px; border:1px solid Silver ; border-top:0px;  }
	
    /* OFFICE CONTROLS - GRID_VIEW*/
    div.GV_OBGrid {border:0.5pt solid #24509B; border-top-width:1pt; margin:10px; padding:5px; margin:5px; padding-top:5px }
    div.GV_COBISButtonBar  { border:1pt solid #696969; margin-bottom:3pt; padding-top:3px }

    input.GV_COBISButton {background: #E2EFF3; border:1pt solid #24509B; padding:2px; border-width:1px ! important }
    input.GV_COBISButton:hover {background: #A9BCC6; border:1pt solid #24509B; cursor: pointer }
    input[disabled=disabled].GV_COBISButton {background:#CCC;border:1pt solid #696969;}
    input[disabled=disabled].GV_COBISButton:hover {background:#CCC;border:1pt solid #696969;cursor:default}

    input.GV_Pager_First {background:url(icons/resultset_first.png) no-repeat #A9BCC6; background-position:20px 5px; border:1px solid #24509B; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input.GV_Pager_Back {background:url(icons/resultset_previous.png) no-repeat #A9BCC6; background-position:20px 5px; border:1px solid #24509B; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input.GV_Pager_Next {background:url(icons/resultset_next.png) no-repeat #A9BCC6; background-position:20px 5px; border:1px solid #24509B; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input.GV_Pager_First:hover {background:url(icons/resultset_first.png) no-repeat #E2EFF3; background-position:20px 5px; border:1px solid #5972A7; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px; cursor:pointer}
    input.GV_Pager_Back:hover {background:url(icons/resultset_previous.png) no-repeat #E2EFF3; background-position:20px 5px; border:1px solid #5972A7; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px; cursor:pointer}
    input.GV_Pager_Next:hover {background:url(icons/resultset_next.png) no-repeat #E2EFF3; background-position:20px 5px; border:1px solid #5972A7; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px; cursor:pointer}
    input[disabled=disabled].GV_Pager_First {background:url(icons/resultset_first.png) no-repeat #CCC; background-position:20px 5px; border:1px solid #696969; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input[disabled=disabled].GV_Pager_Back {background:url(icons/resultset_previous.png) no-repeat #CCC; background-position:20px 5px; border:1px solid #696969; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input[disabled=disabled].GV_Pager_Next {background:url(icons/resultset_next.png) no-repeat #CCC; background-position:20px 5px; border:1px solid #696969; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input[disabled=disabled].GV_Pager_First:hover {background:url(icons/resultset_first.png) no-repeat #CCC; background-position:20px 5px; border:1px solid #696969; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input[disabled=disabled].GV_Pager_Back:hover {background:url(icons/resultset_previous.png) no-repeat #CCC; background-position:20px 5px; border:1px solid #696969; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    input[disabled=disabled].GV_Pager_Next:hover {background:url(icons/resultset_next.png) no-repeat #CCC; background-position:20px 5px; border:1px solid #696969; padding:5px; padding-left:50px; margin-bottom:5px; margin-top:5px}
    /*Botones LinkButton*/
    a.GV_COBISButton {background-color: #A9BCC6; border:1pt solid #24509B; padding-bottom:2px; padding-top:5px; padding-right:3px; padding-left:3px; border-width:1px ! important; text-decoration: none; text-align: center; display: inline-block;vertical-align: top;  }
    a.GV_COBISButton:hover {background: #E2EFF3; }
    a[disabled=disabled].GV_COBISButton { background-color: #CCC; border:1pt solid #696969; padding-bottom:2px; padding-top:5px; padding-right:3px; padding-left:3px; border-width:1px ! important; text-decoration: none; text-align: center; display: inline-block;vertical-align: top; }
    a[disabled=disabled].GV_COBISButton:hover { cursor: default }
    /*Work Background*/
    .WRProcess {position:fixed;left:0;top:0;background-color:#000;opacity:0.2;filter:alpha(opacity=20);width:100%;height:100%;z-index:10;}
    .WRMessage {position:fixed;top:50%;text-align:center;height:25px;width:98%;z-index:11}
    .WRLogo {background:#fbfbfb url("assets/loading.gif") no-repeat 5px 5px; border:4px double #24509B;padding-top:4px; padding-left:25px; padding-right:5px;height:22;}
    /*.classEkey {background:url(assets/ekey.jpg) no-repeat;height:87px }*/
    .classEkey {background-image: url(assets/ekey.jpg); height:180px; width:670px;}
    .classEkeyLogin {background-image: url(assets/ekeyLogin.jpg); height:165px; width:610px; background-size: cover;background-position: center;}
	
	.login-textinput-new {background-color: white;border: 0;padding: 7px 6px;border-radius: 5px;width: 100%;box-sizing: border-box;}
	.login-textinput-new-drop {border: 0;border-radius: 5px;width: 100%;box-sizing: border-box; height: 28px !important;}
}

@media print
{
   body {color:#000000;}
   h1 {font-size:14px; margin-bottom:10px;}
   h2 {font-size:13px;}
   .msg-error, .msg-warning, .msg-info, .PagoERROR, .PagoOK, .page-toolbar, .section-tool, .no-print {display:none;}
   .label {
	text-align:left;
	padding-right:8px;
	color: #000;
}
   .field {padding-right:10px;}
   .top-summary {border:0.5pt solid #000000; padding:10px; margin-bottom:10px;}
   .read-only .label {font-weight:bold;}
   .read-only h2.first {margin:0;}
   .read-only h2 {margin:0; margin-top:10px;}
   .page-print-header {margin-bottom:20px;}
   
   /* ASP.NET CUSTOM */
   .grid-view {width:100%; margin-bottom:10px; border:0.5pt solid #000000;}
   .grid-view-header th {padding:2px 5px; font-weight:bold; border-bottom:1pt solid #000000 !important;}
   .grid-view-row td{padding: 2px 5px;text-align: center;}
   .grid-view-alternative-row td{padding: 2px 5px;text-align: center;}
   .grid-view-pager a {text-decoration:none; padding:0px 4px; margin-top:3px; margin-bottom:3px; display:block;}
   .grid-view-pager {border-top:1pt solid #000000;}
   .grid-view-pager table {padding-left:5px; padding-right:5px;}
   .grid-view-pager span {display:block; padding:0px 4px; font-weight:bold;}
   .grid-view-rowOther-row td {padding: 20px 50px;text-align: center;background: Red;}
}