﻿/*------------------------------------------------------------------
Código Reset de Eric Meyer en:
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,/* ol, ul, li,*/
fieldset, form, label, legend{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;

}
body 
{
line-height: 1;
}
ol, ul {
/*list-style: none;*/
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

address {
font-style: normal;
}

/*------------------------------------------------------------------
Layout
------------------------------------------------------------------*/

#header
{
 clear:both;
 height:85px;
 background-image:url(images/BarraHeader.png);
}

#header-inner
{
}

#logo
{
position: absolute;
top:2px;
left:80px;
}

#site-slogan
{
position:absolute;
top:31px;
left:210px;
width:465px;
color: #FFFFFF;
}

#site-slogan h1{
font-size:2.5em;
font-family:Impact;
font-style:italic;
}

#site-slogan-left{
text-align:center;}

#site-slogan-left h1{
font-size:1.5em;
}

#site-slogan a{
color: #FFFFFF;
}
#site-slogan a:hover{
color: #E68B2C;
}

#site-right
{
position:absolute;
top:2px;
left:650px;
width:465px;
color: #FFFFFF;
float:right;
}


/** main (container for everything else) **/

#main
{
position: relative;
}

#main-inner{}


/** content **/
#content
{
margin-left:200px;
border-left: 1px dotted #E6E6E6;
overflow:hidden; 
}

#content-inner
{
padding:10px;
margin: 0;
overflow:hidden; 
}

/** sidebar-left **/
#sidebar-left
{
float:left;
width:200px;
height:600px;
margin-left:0;
padding:0;
background-image:url(images/BarraLeft.png);
}

#sidebar-left-inner
{
margin:0;
padding:0;
}

#sidebar-left-footer
{
position:absolute;
top:540px;
}

/** footer **/
#footer{}

#footer-inner{}

#header,
#content,
#sidebar-left,
#footer
{
overflow: visible;
}

/*------------------------------------------------------------------
Tipografias
------------------------------------------------------------------*/

/*Tipografias: Site Colors*/
.ColorNaranja{
color:#E68B2C;
}
.ColorVerde{
color:#33AA48;
}
.ColorAzul{
color:#015385;
}
.ColorBlanco{
color:#FFFFFF;
}
.ColorCeleste{
color:#63B3E3;
}

/*body *
{
font-size: 1em; 
}*/

a
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration: none;
}

#content
{
line-height: 1.7em;
}

#content p
{
margin: 0em 0;
}

body
{
/*font-size: 75%;*/
font-size: 0.85em; 
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
line-height:1.7em;
}


h1
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
font-size:1.8em;
font-weight:normal;
}

/*h2
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight:normal; 
}*/

h3
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
}

textarea
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

tr, td
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

fieldset{
border:1px solid #AAAAAA;
padding:5px;
}

legend {
color:#666666;
font-weight:bold;
font-style:italic;
}

/*------------------------------------------------------------------
Estilos Generales
------------------------------------------------------------------*/
#content
{
background-color: #FFFFFF;
}

/** body **/
body
{
color: #333333;
}

#page{}

#page-inner{}

/** header **/
#header
{
background-color: #015385;
/**background-image: url(images/topshape_lacquer.jpg);**/
background-repeat: no-repeat;
background-position: right bottom;
border-bottom:3px solid #5C89C0;
}

#header-inner{}

#logo-title{}

#logo{}

#logo-image{}

#site-name{}

#site-name a:link, #site-name a:visited
{
text-decoration: none;
}

#site-name a:hover
{
text-decoration: underline;
}

#breadcrum
{
background-color:#01767D;
padding-left:5px;
color:#FFFFFF;
font-style:italic;
}

#breadcrum a
{
color:#FFFFFF;
}

/** main **/
#main{
}

#main-inner{}

/** content **/

#content
{
background-color:#FFFFFF;
}

#content-header{	
margin-bottom:0.2em;
}

#content-inner{}

/** sidebar-left **/
#sidebar-left
{
}

#sidebar-left-inner
{
padding:0 10px 10px 10px;
}


/** ContentBottom **/
#footer{
margin-top:20px;
margin-left:200px;
padding:10px;
/*clear:both;*/
}

#footer-inner{
text-shadow:0px 0px 5px #999999;
}

.footer-message{
color:#2B92E0;
font-size:0.9em;
}
#footer-message-top{
padding-bottom:3px;
}
#footer-message-bottom{
padding-top:3px;
margin-top:5px;
border-top:1px dotted #999999;}

/* Colores para los links*/
a
{
outline: none;
color:#06265F;
line-height: 1.1em;
text-decoration:underline;
}

a:link
{
color:#63B3E3;
}

a:visited
{
color:#666666;
}


a:hover
{
text-decoration:none; 
color: #E68B2C;
cursor:pointer;
}

a:active
{
color: #002570;
}


/** estilos para controles NET **/

.imgDinamic
{
border:1px solid #999999 !important;	
padding:5px;
background-color:#FAFAFA;
margin:5px 5px 5px 0px;
display:block;
}

.h3-title,
.h2-title,
.h1-title
{
margin-top:0.5em;
margin-bottom:1em;
color:#5C89C0;
}

.check-box
{
color: #666666;
margin-right: 0.2em;
}

.text-box
{
border: 1px #666666 solid;
width: 160px;
margin:2px;
}

.text-box-multiline
{
border: 1px #666666 solid;
width: 250px;
margin:2px;
}

.text-box-periodo,
.text-box-fecha,
.text-box-moneda
{
border: 1px #666666 solid;
width: 75px;
margin:2px;
}

.text-box-periodo-disabled,
.text-box-moneda-disabled,
.text-box-moneda{padding-right:5px;}

.text-box-moneda-disabled
{
border: 1px #666666 solid;
width: 75px;
text-align:right;
background-color:#CCCCCC;
color:#333333;
margin:2px;
}

.text-box-periodo-disabled,
.text-box-fecha-disabled
{
border: 1px #666666 solid;
width: 75px;
background-color:#CCCCCC;
color:#333333;
margin:2px;
}

.text-box-disabled-amarillo
{
border: 1px #666666 solid;
width: 75px;
background-color:#FFFFDF;
color:#333333;
margin:2px;
}

.text-box-moneda
{
text-align:right;
}

.text-box-disabled
{
border: 1px #666666 solid;
width: 75px;
background-color:#CCCCCC;
color:#333333;
margin:2px;
}

.text-box-comun-disabled
{
border: 1px #666666 solid;
width:160px;
background-color:#CCCCCC;
color:#333333;
margin:2px;
}

.text-box-alerta
{
border: 1px #6F0000 solid;
background-color:#CF4D4D /*#993333*/;
color: #FFFFFF;
}

.text-box-ok{
border: 1px #0D6F12 solid;
background-color: #80AF78;
color: #FFFFFF;
}

.boton
{
word-wrap:normal; /*Para IE*/
/*background-color: #5C89C0;*/
background-color: #01767D;
border: 1px solid #666666;
margin:1em 1.5em 1em 0;
width:115px;
color:#FFFFFF;
}

.boton-rojo
{
word-wrap:normal; /*Para IE*/
background-color: #EAEBED;
color:#FFFFFF;
border: 1px solid #000000;
margin:1em 1.5em 1em 0;
width:115px;
}

.boton-verde
{
word-wrap:normal; /*Para IE*/
background-color: #EAEBED;
color:#FFFFFF;
border: 1px solid #000000;
margin:1em 1.5em 1em 0;
width:115px;
}

.boton-azul
{
word-wrap:normal; /*Para IE*/
background-color: #EAEBED;
color:#FFFFFF;
border: 1px solid #000000;
margin:1em 1.5em 1em 0;
width:115px;
}

.boton-negro
{
word-wrap:normal; /*Para IE*/
background-color: #EAEBED;
color:#FFFFFF;
border: 1px solid #000000;
margin:1em 1.5em 1em 0;
width:115px;
}

.botonPlan {
    background-color: #01767D;
    border-radius: 0.375rem;
    width: 140px;
}

.botonPlan:hover {
    background-color: #04AA6D;
    color: white;
}

.rojo {
background-color:#DD0A0A;
color:#ffffff;
padding:0px 5px;
display: block;
}

.verde {
background-color:#379248;
color:#ffffff;
padding:0px 5px;
display: block;
}

.amarillo {
background-color:#FEFF6F;
color:#333333;
padding:0px 5px;
display: block;
}

.naranja {
background-color:#E68B2C;
color:#ffffff;
padding:0px 5px;
display: block;
}

.negro {
background-color:#000000;
color:#ffffff;
padding:0px 5px;
display: block;
}

.marron {
background-color:#901717;
color:#ffffff;
padding:0px 5px;
display: block;
}

.btnRefrescar
{
 margin:1px;
}

.list-box, .combo-box
{
border: 1px solid #5D646D;
color: #000000;
width:160px;
margin:2px;
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #01767D;
  /*--bs-btn-bg: #ffc800;*/
  /*--bs-btn-border-color: #419465;*/
  --bs-btn-border-color: #01767D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d9aa00;
  --bs-btn-hover-border-color: #cca000;
  --bs-btn-focus-shadow-rgb: 255, 208, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cca000;
  --bs-btn-active-border-color: #bf9600;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc800;
  --bs-btn-disabled-border-color: #ffc800;
}

.btn-xl {
  padding: 1.25rem 2.5rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  font-weight: 700;
}

/*GridView*/
.grid-view
{
margin-top:5px;
margin-bottom:5px;
width:100%
}

.grid-view tr.item-grid-view
{
  border-bottom:1px solid #AAAAAA;
}


.grid-view tr.item-grid-view:hover
{
  background-color:#5C89C0 !important;
  color:#FFFFFF !important;
}

.grid-view .grid-view tr.item-grid-view:hover
{
  background-color:#969696 !important;
  color:#FFFFFF !important;
}
.grid-view tr.item-grid-view:hover a
{
  color:#FFFFFF !important;
}

.grid-view tr.item-grid-view:hover .ms-formtable a {
        color: #06265F !important;
    }
.grid-view tr.item-grid-view:hover .ms-formtable{
  color:#000000 !important;
}

.grid-view .boton
{
    margin:2px 1em 0em 0;
}
.grid-view .header-grid-view
{
border-bottom:1px solid #CCCCCC;
}

.grid-view .header-grid-view th
{
border-right:1px solid #FFFFFF;
border-top:1px solid #999999;
padding:2px 5px;
}


.grid-view .item-grid-view td
{
border-right:1px solid #FFFFFF;
}
.grid-view .item-grid-view .ultimo-td{
}

.grid-view caption{
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #BBBBBB;
font-size:1em;
padding:0 5px;
text-align:left;
color:#000000;
}

.grid-view-empty{
border:1px dashed #AAAAAA;
color:#000000;
font-style:italic;
}

/* Colores para los links Headers y Footer Grillas*/
a.linkGrid
{
outline: none;
color:#FFFFFF;
line-height: 1.1em;
text-decoration:underline;
}

a.linkGrid:link
{
color:#FFFFFF;
}

a.linkGrid:visited
{
color:#E68B2C;
}

a.linkGrid:hover
{
text-decoration:none; 
color: #E68B2C;
cursor:pointer;
}

a.linkGrid:active
{
color: #E68B2C;
}


/*Modal Popup*/
.modalBackground 
{
background-color:#333333;
filter:alpha(opacity=70);
opacity:0.7;
}

.popup
{
background-color:#FFFFFF;
border:1px solid #333333;
width:500px;
box-shadow:0px 0px 10px #333333;
}

.popup2
{
background-color:#FFFFFF;
border:1px solid #333333;
width:750px;
}


.tablaPopup
{
width:100%;
}

.barraVentana
{
background-color:#63B3E3;
border:1px solid #999999;
height:16px;
width:488px; /* + 10px de la sombra */
cursor:move;
color:#FFFFFF;
padding:5px;
line-height:16px;
}

.barraVentana2
{
background-color:#63B3E3;
border:1px solid #999999;
height:16px;
width:738px; /* + 10px de la sombra */
cursor:move;
color:#FFFFFF;
padding:5px;
line-height:16px;
}

.content-popup
{
padding:8px;
}

/* caja de login*/
#wrapLogin
{
border:1px #000000 solid;
padding:10px;
background-color:#B5BCC4;
width:380px;
margin:100px auto 85px auto;
}

#wrapLogin h2
{
margin-bottom:0.5em;
}

#caja-usuario-left 
{
background-color:#E6E6E6;
margin:10px 0 5px 0;
text-align:left;
font-size:0.9em;
color:#000000;
overflow:hidden;
}

#caja-usuario-left-inner{
padding:5px;
border-bottom:5px solid #01767D;
overflow:hidden;
background-image:url(images/usuario.png);
background-repeat:no-repeat;
background-position:162px 2px;
font-size:1.2em;
}

.itemCU{
margin-bottom:1px;
display:block;
}

.CU-bienvenido{
background-color:#01767D;
padding:5px;
color:#FFFFFF;
font-weight:bold;
font-size:1.1em;
}

.CU-desconectar{
color:#FFFFFF !important;
position:relative;
left:15px;
}

.CU-nombreEmpresa,
.CU-Nombre{
overflow:hidden;
width:170px;
height:1.5em;
color:#000000;
}

/*Menu Acordión*/
.AspNet-Menu,
.AspNet-Menu ul,
.AspNet-Menu li
{
margin: 0;
padding: 0; 
}

ul.AspNet-Menu
{ 
width:100%;
}

ul.AspNet-Menu,
.AspNet-Menu .AspNet-Menu-WithChildren ul 
{ 
margin: 0;
}

.AspNet-Menu .AspNet-Menu-WithChildren ul 
{
/*background-color:#84BEE0;*/ 
background-color:#01767D;
} 

ul.AspNet-Menu .AspNet-Menu-WithChildren 
{ 
background-color:#D3D1D1; 
font-size: 14px; 
margin:0px;
border-top:2px solid #E6E6E6; 
}

ul.AspNet-Menu .AspNet-Menu-WithChildren .AspNet-Menu-Leaf
{
font-size:12px; 
}

ul.AspNet-Menu .AspNet-Menu-ChildSelected
{
background-color:#777777;
}

ul.AspNet-Menu .AspNet-Menu-WithChildren:hover
{
background-color:#B5B1B1;
}

ul.AspNet-Menu .AspNet-Menu-WithChildren a:hover,
ul.AspNet-Menu li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected
{
color:#FFFFFF;
}

ul.AspNet-Menu .AspNet-Menu-WithChildren a
{
display:block; 
color: #000000;
text-decoration:none;
padding:5px;
}

.AspNet-Menu .AspNet-Menu-WithChildren ul a
{ 
color:#FFFFFF;
text-decoration:none; 
}

.AspNet-Menu,
.AspNet-Menu ul
{ 
list-style: none;
}

.AspNet-Menu .AspNet-Menu-WithChildren li
{
padding:0px;
margin:0px;
border-top:1px solid #000000;
} 

.AspNet-Menu .AspNet-Menu-WithChildren .AspNet-Menu-Selected
{
background-image:url(images/menuSelected.png);	
background-repeat:no-repeat;
background-position:167px 8px;
background-color:#5C89C0;
}

.AspNet-Menu .AspNet-Menu-WithChildren ul li:hover {
background-color:#082334;
} 

.AspNet-Menu .AspNet-Menu-WithChildren .AspNet-Menu-Selected,
.AspNet-Menu .AspNet-Menu-WithChildren ul li:hover a
{
color:#FFFFFF;
}

/* Tablas para los formularios */
.form-view
{
width:100%;
}

.ms-tr-last td
{
background-color:transparent;
border-bottom:5px solid #E6E6E6;
text-align:left;
}

.ms-formbody
{
line-height:1em;
}

.ms-formlabel
{
vertical-align:middle;
padding:5px 5px 5px 10px;
color:#000000;
border-top:1px solid #999999;
}

.ms-formbody{
padding:2px;
background:#E6E6E6;
border-top:1px solid #999999;
}

.tr-titulo-grupo
{
background-color:#63B3E3;
}

.tr-titulo-grupo td.ms-formlabel
{
color:#FFFFFF;
padding:0px 2px 0px 10px;
font-style:italic;
}

/* Descripciones de las páginas */
/* Explicación de las paginas */
.descripcion-pagina{
border:1px #CCCCCC solid;
padding:10px;
margin:1em 0;}

.descripcion-pagina p{
font-style:italic;
color:#333333;}

.descripcion-error{
display: block;
border:1px #6F0000 solid;
background-color:#CF4D4D;
padding:5px 10px;
margin:1em 0;
font-style:italic;
color:#FFFFFF;
font-weight:bold;
font-size:1.2em;
}

.descripcion-ok{
display: block;
border:1px #0D6F12 solid;
background-color:#80AF78;
padding:5px 10px;
margin:1em 0;
font-style:italic;
color:#FFFFFF;
font-weight:bold;
font-size:1.2em;
}

.descripcion-ok ul li{
list-style-type:disc;
list-style-position:outside;
margin:0.5em 0 0.5em 2em;}

.nota-aclaratoria{
font-size:0.8em;
font-style:italic;
color:#000000;
}

.call-to-action{
font-size:1em;
font-style:italic;
color:#0080FF;
font-weight:bold;
}


/* Pestañas */
.ajax__tab_container ajax__tab_default span,se
.ajax__tab_container ajax__tab_default{
font-family:"Trebuchet MS" !important;
font-size:1em !important;}

/* Estilos para pisar los contenidos en las pestañas */
.ajax__tab_xp .ajax__tab_body {
font-family:"Trebuchet MS" , Arial, Helvetica, sans-serif !important;
font-size:100% !important;
}
.ajax__tab_xp .ajax__tab_header {
font-family:"Trebuchet MS" , Arial, Helvetica, sans-serif !important;
}


/*HyperLink como boton*/
.hlAsBoton{
text-decoration:none !important;
color:#000000 !important;
display:block;
background-color: #EAEBED;
border: 1px solid #000000;
margin:2px 1em 0 0;
width:115px;
height:17px;
line-height:17px;
text-align:center;
}

/*hideBar*/
#hideBar{
height:100%;
width:6px;
position:absolute;
top:0px;
margin-left:-8px;
}

#hideBarBoton{
background-image:url(images/hideBar.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:49px;
width:6px;
position:absolute;
top:13px;
}

#hideBar:hover{
cursor:pointer;
border:1px dotted #666666;
background-color:#E0E1E5;
}

/*DropDown que filtra mientras se escribe (con ListSearchExtender) */
.prompFiltro
{
	border:1px solid #EF891D;
	background-color: #0C243F;/*#1B1B30;/*#999999;*/
	line-height:normal;
	color:#FFFFFF;
	padding:2px;
	font-style:italic;
	font-weight:bold;
	height:10px;
}

/*DatePicker*/
.ui-datepicker-trigger{ cursor:pointer;}


/*Hover input*/
#content-inner .focusField{
 border:solid 1px #63B3E3;
 background:#EFF5FF;
 color:#000000;
 }

#content-inner .focusLink, #content-inner .focusImage{
 border:dotted 1px #000000;
 color:#000000;
 padding:1px;
 background-color:#63B3E3;
 }
 
 /*Validadores*/
  .validator
  {
  	color:#C3404D;
 	font-style:italic;
}
 
 /*
 * jQuery UI Resizable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background-color:#333333;}
.ui-resizable-handle:hover { background-color:#E68B2C;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}