﻿#background{position:absolute; z-index:1; width:100%;}

.textos
{
	font-size: 14px;
    font-family: Calibri;
	color:#6a6a6a;
}

input{
    padding: 3px 3px 3px 3px;
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    transition: 0.2s ease-out;
    font-family: 'Open Sans', sans-serif;
    color: #999;
  }
 
 input[type=text]:focus, textarea:focus
	{
	background-color: #FFFFE0;
	border: 1px solid #ccc;
	}  
	
 select{
    padding: 3px 3px 3px 3px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    transition: 0.2s ease-out;
    font-family: 'Open Sans', sans-serif;
    color: #999;
  }

textarea{
    padding: 3px 3px 3px 3px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    transition: 0.2s ease-out;
    font-family: 'Open Sans', sans-serif;
    color: #999;
  }

.Grid th
{
    color: #fff; 
    background-color: #fff;
}
.Grid, .Grid th, .Grid td
{
    border:1px solid #D4D4D4; 
    font-size: 12px; 
    padding: 2px;
}

.GridHD th
	{
		color: #fff; 
		background-color: #444;
	}

.textos_peq
{
	font-size: 13px;
    font-family: Calibri;
	color:#6a6a6a;
}

.textos_inclinados
{
	font-size: 12px;
    font-family: Calibri;
	color:#6a6a6a;
	font-style:italic;
}

.titulos
{
    font-size: 24px;
    font-family: Calibri;
    color: #BF0000;
}

.titulos_itermedios
{
    font-size: 20px;
    font-family: Calibri;
    color: #BF0000;
}

.titulos_grises
{
    font-size: 18px;
    font-family: Calibri;
    color: #6a6a6a;
}

.botones_hp
{
 font-family:Calibri;
 font-size: 18px; 
 color:White;
 background-color:#BF0000;
 text-decoration:"none";
 border-style:none;
 height:32px;
 border-style:solid;
 border-color:#BF0000;
 border-width:0px;
 width:200px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 padding:4px;
}

.botones_peq
{
 font-family:Calibri;
 font-size: 14px; 
 color:White;
 background-color:#BF0000;
 text-decoration:"none";
 border-style:none;
 height:26px;
 border-style:solid;
 border-color:#BF0000;
 border-width:0px;
 width:130px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 padding:4px;
}

.botones_fin
{
 font-family:Calibri;
 font-size: 18px; 
 color:White;
 background-color:#4d4d4d;
 text-decoration:"none";
 border-style:none;
 height:32px;
 border-style:solid;
 border-color:#4d4d4d;
 border-width:0px;
 width:200px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 padding:4px;
}

.cajas  
{
    font-size: 16px;
    font-family: Calibri;
    background-color:#EEEEEE;
    color:#696969;
    border:0px;
    padding:12px;
    -moz-border-radius: 9px;
	border-radius: 9px;
    border:solid 0px EEEEEE;
}

.cajas_peq  
{
    font-size: 13px;
    font-family: Calibri;
    background-color:#EEEEEE;
    color:#696969;
    border:0px;
    padding:6px;
    -moz-border-radius: 9px;
	border-radius: 9px;
    border:solid 0px EEEEEE;
}



.textos_empleado
{
 font-family:Tahoma !important;
font-size: 9px; 
color:#000000;
text-decoration:"none";
}

.textosN
{
 font-family:Calibri;
font-size: 12px; 
color:#333333;
text-decoration:"none";
/*text-transform:lowercase*/
}

.textosNPequenos
{
 font-family:Segoe UI;
font-size: 9px; 
color:#6a6a6a;
text-decoration:"none";
/*text-transform:lowercase*/
}

.titulosN
{
 font-family:Segoe UI;
 font-size: 12px; 
color:#6a6a6a;
 font-weight:bold;
text-decoration:"none";
/*text-transform:lowercase*/

}

.textosNormales
{
font-family: 'Calibri';
font-size: 12px; 
color:#333333;
text-decoration:"none";
	height: 22px;
}

.textosMenu
{
font-family: 'Segoe UI';
font-size: 11px; 
color:#000000;
text-decoration:"none";
text-transform:capitalize;
}

.textosGrilla
{
font-family: 'Segoe UI';
font-size: 12px; 
color:#000000;
text-decoration:"none";
/*text-transform:lowercase*/
}
.textosGrillaP
{
font-family: 'Segoe UI';
font-size: 11px; 
color:#000000;
text-decoration:"none";
}

.chkboxlist td 
{
    font-size:x-large;
}

.subtitulos
{
	font-size:13px;
	color:#BF0000;
    font-family:Arial;
    font-weight:bold;
}

.textos_titulos
{
	font-size:17px;
	color:#FFFFFF;
    font-family:Arial;
    font-weight:bold;
}

.subtitulos2
{
	font-size:15px;
	color:#FFFFFF;
    font-family:Arial;
    font-weight:bold;
}

.botonesN
{
font-family:Segoe UI;
font-size: 12px; 
color:#FFFFFF;
background-color:#BF0000;
text-decoration:"none";
 border-style:solid;
 height:30px;
 border-width:0px;
/*text-transform:lowercase*/
}
.botonesGris
{
font-family:Segoe UI;
font-size: 12px; 
color:#000000;
background-color:#CCCCCC;
text-decoration:"none";
 border-style:none;
 height:30px;
/*text-transform:lowercase*/
}

/******************************/
.innerpage3_peq
{
font:normal 9px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#6a6a6a;
background-color:inherit;
text-transform:lowercase;
}

.innerpage3_con
{
font:normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#6a6a6a;
background-color:inherit;
text-transform:lowercase;
}

.innerpage3
{
font:normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#6a6a6a;
background-color:inherit;
}

.innerpage2
{
font:normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#6a6a6a;
background-color:inherit;
}

.innerpage
{
font:normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#6a6a6a;
background-color:inherit;
}


/*Instructivos*/
.textos_reporte1
{
font-family: Arial; 
font-size: 14px; 
color:#000000;
text-decoration:"none";
text-transform:uppercase;
}
.textos_reporte2
{
font-family: Arial; 
font-size: 5px; 
color:#000000;
text-decoration:"none";
text-transform:uppercase;
}
.textos_reporte3
{
font-family: Arial; 
font-size: 16px; 
color:#000000;
text-decoration:"none";
}


/*.panel
{
 scrollbar-face-color:#D4340C;
 scrollbar-arrow-color:#FFFFFF;
 scrollbar-track-color:#E8E8E8;
 scrollbar-shadow-color:'';
 scrollbar-highlight-color:'';
 scrollbar-3dlight-color:'';
 scrollbar-darkshadow-Color:'';
  
}*/

.overlay
{
    /*border: gray 1px solid;*/
    padding:6px;
    width: 100%;
   
    position:absolute;
    background-color:#ffffff;
   
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    filter:alpha(opacity=60);
    opacity:0.6;
}
.textos_arial
{
font-family: Arial; 
font-size: 10px; 
color:#6a6a6a;
text-decoration:"none";
/*text-transform:lowercase*/
}
.textos_arial2
{
font-family: Arial; 
font-size: 11px; 
color:#6a6a6a;
text-decoration:"none";
/*text-transform:lowercase*/
}

#tabs31{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(../imagenes/bgOFF1.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:2px solid #B30000;}
#tabs31 ul{margin:0;padding:0;list-style-type:none;width:auto;}
#tabs31 ul li{display:block;float:left;margin:0;}
#tabs31 ul li a{display:block;float:left;color:#666;text-decoration:none;padding:10px 10px 0 10px;height:24px;background:transparent url(../imagenes/bgDIVIDER1.gif) no-repeat top right;}
#tabs31 ul li a:hover,#tabs31 ul li a.current{color:#B30000;background:#fff url(../imagenes/bgON1.gif) no-repeat top right;}

.textos_calibri
{
font-family: Calibri; 
font-size: 14px; 
color:#FFEEEE;
text-decoration:"none";
/*text-transform:lowercase*/
}

.yui .ajax__calendar_container 
{
    background-color:#eeeeee;
    border:solid 1px #cccccc;
    font-family:tahoma;
    cursor:default;
    width:205px;
    font-size:11px;
    text-align:center;
    padding:0px;
   /* filter:alpha(opacity=50);
    opacity:0.5;*/
}

.yui .ajax__calendar_body 
{
    height:139px;
    width:205px;
    position:relative;
    overflow:hidden;
}

.yui .ajax__calendar_days, .yui .ajax__calendar_months, .yui .ajax__calendar_years 
{
    top:0px; 
    left:0px;
    height:139px;
    width:195px;    
    padding:5px;
    position:absolute;
    text-align:center;
}

.yui .ajax__calendar_days table
{
    border-spacing:0;
    border-collapse:collapse;
    font:100% tahoma;
    text-align:center;    
}

.yui .ajax__calendar_header 
{
    background:url(../imagenes/sprite.png) repeat-x 0 0; 
    height:22px;
    width:100%;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    padding-top:3px;
}

.yui .ajax__calendar_prev 
{
    margin-top:2px;
    margin-left:4px;
    height:15px;
    width:25px;
    cursor:pointer;
    float:left;
    background:url(../imagenes/sprite.png) 0px -450px no-repeat;
}

.yui .ajax__calendar_next 
{
    margin-top:2px;
    margin-right:4px;
    height:15px;
    width:25px;    
    cursor:pointer;
    float:right;
    background:url(../imagenes/sprite.png) 0px -500px no-repeat;
}

.yui .ajax__calendar_title 
{
    cursor:pointer;
    font-weight:bold;
    text-align:center;
}

.yui .ajax__calendar_footer, .yui .ajax__calendar_today 
{
    display:none;
}

.yui .ajax__calendar_dayname 
{
    padding-left:3px;
    padding-right:3px;
    margin-bottom:5px;
    margin-left:2px;
    margin-right:2px;
    text-align:center;
    font-weight:700;
    font-size:10pt;
    color:#000;
    border-bottom:solid 1px #a6a6a6;
}

.yui .ajax__calendar_day, .yui .ajax__calendar_month, .yui .ajax__calendar_year
{
    padding:0px;
    color:#000;
    text-align:center;  
    padding:0pt 2px;
}

.yui .ajax__calendar_hover .ajax__calendar_day, .yui .ajax__calendar_hover .ajax__calendar_month, .yui .ajax__calendar_hover .ajax__calendar_year, .yui .ajax__calendar_hover .ajax__calendar_title
{
    color:#0066cc;
}

.yui .ajax__calendar_other .ajax__calendar_day, .yui .ajax__calendar_other .ajax__calendar_year
{
    color:#a6a6a6;   
}

.yui .ajax__calendar_active .ajax__calendar_day
{
    color:red;
    font-weight:bold;   
}

.titulos_grilla
{
    font-family:Segoe UI;
    font-size: 12px; 
    color:#FFFFFF;
    background-color:#595959;
   /* background: url(../imagenes/barra3_foo.jpg);
    border-color: #e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;
    border-style: solid solid  solid  solid;
    border-width: 1px 1px 1px 1px;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align:center;
    font-size: 20px;
    font-family: Tahoma; 
    font-size: 11px; 
    color:#E8E8E8;
    height:14px;
    vertical-align:middle;*/
} 
.barra
{
     background: url(../imagenes/barra3.jpg) repeat-x 0px 0px;
     color:#E8E8E8;
    }
    
.bg
{
    position:relative;
    background:url(WebResource.axd?d=M-VCAiMd3__m-bJNFeB4-avtprka8unPKtX13TpuawN8hEvpU1V4iUR4F5EB0F_ZxYjEcaRP5xrDE1pC4bFEuHkNM_gkKP9-aM-za5j3yiA1&t=633529767497292500) repeat-y;
    width:22px;
    height:150px;
}  
.popupHover {
    background-image:url(img/header-opened.png);
    background-repeat:repeat-x;
    background-position:left top;
    background-color:InfoBackground;
    border-bottom-color:Fuchsia;
    border-bottom-width:2px
        }
.textoTotal
{   
font-family: Arial, Sans-Serif; 
background-color:#D4340C; 
color:White; 
border-color:White; 
padding:2px; 
font-size:19px
}

.textos_pequeños
{
font-family: Tahoma; 
font-size: 10px; 
color:#6a6a6a;
text-decoration:"none";
/*text-transform:lowercase*/
}

.textos_reportes
{
font:normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 9px; 
color:#6a6a6a;
/*text-transform:lowercase;*/
}
.minusculas
{
  text-transform:lowercase;
  font-size: 11px;  
 }
.titulo_grande
{
font-family: Tahoma; 
font-size: 12px; 
color:#6a6a6a;
text-decoration:"none";
font-weight:bold
}
.titulo_grande_delgado
{
font-family: Arial; 
font-size: 12px; 
color:#6a6a6a;
text-decoration:"none";
}
.titulo_grande_claro
{
font-family: Tahoma; 
font-size: 12px; 
color:#FFFFFF;
text-decoration:"none";
font-weight:bold
}
.textoError
{   
font-family: Calibri; 
background-color:#BF0000; 
color:White; 
border-color:White; 
padding:2px; 
font-size:14px
}
.textoError_grande
{   
font-family: Arial; 
background-color:#D4340C; 
color:White; 
border-color:White; 
padding:2px; 
font-size:12px
}
.textos_seleccionados
{
font-family: Tahoma; 
font-size: 11px; 
color:#FFFFFF;
text-decoration:"none";
/*text-transform:lowercase*/
}

.textos_barra
{
font-family: Tahoma; 
font-size: 11px; 
color:#6a6a6a;
text-decoration:"none";
/*text-transform:lowercase*/
}

.separacion
{
   padding:5px;   
 }
.titulos_menu
{
background: url(../imagenes/sprite.png) repeat-x 0px 0px;
border-color: #e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;
border-style: solid solid  solid  solid;
border-width: 1px 1px 1px 1px;
color: #000;
padding: 4px 5px 4px 10px;
vertical-align: bottom;
text-align:left;
font-size: 20px;
font-family: Tahoma; 
font-size: 11px; 
color:#6a6a6a;
vertical-align:middle;
} 

/* Accordion */
.accordionHeader
{
background: url(../imagenes/barra.jpg) repeat-x 0px 0px;
border: 1px solid #CCCCCC;
color:#6a6a6a;
font-family: Tahoma;
font-size: 11px;
padding: 4px;
margin-top: 5px;
height:22px;
cursor: pointer;
}

.accordionHeaderSelected
{
background: url(../imagenes/barra.jpg) repeat-x 0px 0px;
border: 1px solid #CCCCCC;
color: #6a6a6a;
font-family: Tahoma;
font-size: 11px;
padding: 5px;
margin-top: 5px;
height:19px;
cursor: pointer;
/* font-weight:bold; */
} 
#master_content .accordionHeader a
{
color: #FFFFFF;
background: none;
text-decoration: none;
}

#master_content .accordionHeader a:hover
{
background: none;
text-decoration: underline;
}
#master_content .accordionHeaderSelected a
{
  color: #FFFFFF;
  background: none;
  text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
  background: none;
  text-decoration: underline;
}

.accordionContent
{
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-top: none;
padding: 5px;
padding-top: 10px;
font: 11px Tahoma;
font-size: 11px;
color:#6a6a6a;
}

.modalpopup
{
font-family: arial,helvetica,clean,sans-serif;
font-size: small;
padding: 2px 3px;
display: block;
position: absolute;
}
.CajaDialogo
{
background-color:#EFEFEF;
border-width: 1px;
border-style: outset;
border-color: #CCCCCC;
padding: 2px;
width: 500px;
font-family: Tahoma; 
font-size: 11px; 
}

.header .msg
{
font-weight: bold;
font-size: 12px; 
}
.body .msg
{
background: url(img/sprite.png) no-repeat 0px -1150px;	
float: left;
padding-left: 22px;
} 

.container
{
width: 500px;
height:200px;
border: solid 1px #808080;
border-width: 1px 0px;
} 

.header
{
background: url(../imagenes/sprite.png) repeat-x 0px -200px;	
color: #000;	
border-color: #808080 #808080 #ccc;
border-style: solid;
border-width: 0px 1px 1px;
padding: 3px 10px;
} 
.footer
{
background-color: #f2f2f2;
border-color: #808080;
border-style: none solid;
border-width: 0px 1px;
text-align:right;
padding-bottom: 8px;
padding-right: 8px;
} 

.FondoAplicacion
{
background-color:Black;
filter:alpha(opacity=50);
opacity:0.5;
}
.FondoError
{
background-color:Gray;
filter:alpha(opacity=80);
opacity:0.5;
}

/*Nuevo*/

.page-sidebar {
  display: block;
  width: 213px;
  float: left;
  min-height: 100% !important;
  height: auto;
  background-color: #EBEBEB;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-left: 7px;
}
.page-sidebar a {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  color: #000000;
  display: block;
  width: 100%;
  padding: 5px 20px 5px 10px;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
}
.page-sidebar a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.page-sidebar a:active {
  color: rgba(0, 0, 0, 0.4);
}
.page-sidebar a:hover {
  background-color: #2d89ef !important;
  color: #ffffff !important;
}
.page-sidebar li {
  display: list-item;
  line-height: 20px;
  position: relative;
}
.page-sidebar  > ul > li > a {
  font-size: 1.1em;
}
.page-sidebar  > ul > li a.lead,
.page-sidebar  > ul > li.lead a,
.page-sidebar  > ul > li.lead {
  font-weight: bold;
}
.page-sidebar  > ul > li.sticker:before {
  content: ".";
  position: absolute;
  width: 7px;
  height: 28px;
  left: -7px;
  text-indent: -9999px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #ebebeb;
}
.page-sidebar  > ul > li.sticker.sticker-color-blue:before {
  background-color: #2d89ef;
}
.page-sidebar  > ul > li.sticker.sticker-color-blueLight:before {
  background-color: #eff4ff;
}
.page-sidebar  > ul > li.sticker.sticker-color-blueDark:before {
  background-color: #2b5797;
}
.page-sidebar  > ul > li.sticker.sticker-color-green:before {
  background-color: #00a300 !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-greenLight:before {
  background-color: #99b433 !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-greenDark:before {
  background-color: #1e7145 !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-red:before {
  background-color: #b91d47 !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-yellow:before {
  background-color: #ffc40d !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-orange:before {
  background-color: #e3a21a !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-orangeDark:before {
  background-color: #da532c !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-pink:before {
  background-color: #9f00a7 !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-pinkDark:before {
  background-color: #7e3878 !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-purple:before {
  background-color: #603cba !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-darken:before {
  background-color: #1d1d1d !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-white:before {
  background-color: #ffffff !important;
}
.page-sidebar  > ul > li.sticker.sticker-color-grayDark:before {
  background-color: #525252 !important;
}
.page-sidebar .divider {
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.page-sidebar ul {
  margin-left: 0;
  list-style: none;
  background-color: #EBEBEB;
}
.page-sidebar ul.sub-menu {
  padding-top: 5px;
  padding-bottom: 5px;
}
.page-sidebar ul.sub-menu a {
  padding: 5px 20px 5px 25px;
}
.page-sidebar ul.sub-menu.light {
  background-color: #f9f9f9 !important;
}
.page-sidebar .sidebar-dropdown-menu {
  display: none;
}
.page-sidebar .sidebar-dropdown-menu.open {
  display: block;
}
.page-sidebar  > ul > li.dropdown {
  position: relative;
}
.page-sidebar  > ul > li.dropdown:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 100%;
  margin-left: -20px;
  width: 16px;
  height: 16px;
  background: no-repeat;
  background-position: 0 -1586px;
  z-index: 200;
}
.page-sidebar  > ul > li.dropdown.active:after {
  background-position: 0 -676px;
}

/* dock - top */
.dock {
	position: relative; 
	height: 30px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 30px;
	 background-color:Red;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}
/* dock2 - bottom */
#dock2 {
	/*width: 100%;*/
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position:fixed;
	height: 30px;
	background-color:#EBEBEB;
	padding-left: 20px;
	width:100%;
}
a.dock-item2 {
	display: block; 
	font: bold 19px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #FFF; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
	font-size: 13px;
	text-align: center;
	color:White;
	/*background-color:Black;
	text-align:left;*/
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}	