/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);*/

*                   {margin: 0px; padding:0px;font-family: 'Open Sans', sans-serif, Arial; font-size: 12px;}

body                {font-family: 'Open Sans', sans-serif, Arial; font-size: 12px;}
a                   {color:#666; text-decoration: none;}
img                 {border:none;}
#divsuperior        {margin:auto; width: auto; padding:4px; font-size:13px; color:#666; font-family: Arial; text-align: right;}
#divsuperiorcont    {margin:auto; width: 1000px;}
//#divlogo            {margin:auto; width: auto; padding-top:0px;}
.divLogo            {margin:0 auto 10px auto; width: auto; 
                     background-image: url(../imagenes/bg-repeat.png);
                     background-repeat: repeat-x; 
                     position: relative;
                     height: 60px;
                     width: 100%;
                     z-index: 100;
                     border-bottom: 2px solid #A98B6D;
                     background-color: #3372B8;
}
#divlogocont        {margin:auto; text-align: center; padding-bottom: 3px;}
#divinfouser        {margin:auto; width: auto; height: auto; background-color: #996633;}
#divinfoper         {background-color: #fff;}
#divinfousercont    {margin:auto; width: 1000px; height: 50px; padding-top:5px;}
#divfoto            {float:left; width: 48px; height: 48px; border-right: #fff 1px dotted; color:#fff;}
#divdatosuser       {float:left; width: 930px; height: 48px; color:#fff;}
#divmenu            {margin:auto; width: auto; padding:2px; background:#f1f1f1;}
#divmenucont        {margin:auto; width: 1000px; border:#fff 1px dotted;}
#divprincipal       {margin:auto; width: 1000px; margin-top:7px;}


#divResponsive{
    margin:auto;
    margin-top:7px;
    background: #FFF!important;
    padding: 12px;
    box-sizing: border-box;
    width: calc(100% - 20px);
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 0px solid #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1);
    box-shadow: 0px 0px 5px 0px rgba(191,191,191,1);
}
#divResponsive.responsive {
    overflow: inherit;
}
/*#divpie             {margin:auto; border-top:#dedede 2px solid; margin-top:25px;
                     text-align: center; padding-top:15px; font-family: Arial; color:#666;
                     font-size: 13px; margin-bottom: 10px;}*/
#divpie             {margin:auto; border-top:#dedede 1px solid; margin-top:40px;
                     text-align: center; padding-top:25px; font-family: Arial; color:#666;
                     font-size: 13px; margin-bottom: 35px;}
.loginText          {margin:auto; margin-top:10px;
                    text-align: center; padding-top:5px; font-family: Arial; color:#666;
                    font-size: 13px; }
.loginLogo          {font-size:27px; text-align:center;margin-bottom:25px;font-weight:300; font-family: Calibri; }
textarea            {resize:none;}

/*----------------*/
.ancho100           {width: 100px;}
.alignderecha       {text-align: right;}
.aligncentro        {text-align: center;}
.alignizquierda     {text-align: left;}

.alto20             {height: 20px;}
.alto30             {height: 30px;}
.alto75             {height: 75px;}
.tam10              {font-size: 10px;}
.tam11              {font-size: 11px;}

/*----------------*/
.sizefont10         {font-size:10px;}
.lbtam1             {padding-left: 20px; padding-right: 20px; border:#dedede 1px solid; background: #fff;}
.ancho20            {width: 20px;}
.ancho30            {width: 30px;}
.ancho40            {width: 40px;}
.ancho45            {width: 45px;}
.ancho50            {width: 50px;}
.ancho60            {width: 60px; }
.ancho70            {width: 70px; }
.ancho80            {width: 80px; }
.ancho90            {width: 90px; }

.ancho110           {width: 110px;}
.ancho120           {width: 120px;}
.ancho130           {width: 130px;}
.ancho140           {width: 140px;}
.ancho150           {width: 150px;}
.ancho170           {width: 170px;}
.ancho175           {width: 175px;}
.ancho180           {width: 180px;}
.ancho190           {width: 190px;}
.ancho200           {width: 200px;}
.ancho210           {width: 210px;}
.ancho220           {width: 220px;}
.ancho230           {width: 230px;}
.ancho235           {width: 235px;}
.ancho240           {width: 240px;}
.ancho250           {width: 250px;}
.ancho260           {width: 257px;}
.ancho270           {width: 270px;}
.ancho295           {width: 295px;}
.ancho300           {width: 300px;}
.ancho350           {width: 355px;}
.ancho375           {width: 375px;}
.ancho400           {width: 400px;}
.ancho405           {width: 405px;}
.ancho415           {width: 415px;}
.ancho425           {width: 425px;}
.ancho435           {width: 435px;}
.ancho450           {width: 450px;}
.ancho490           {width: 485px;}
.ancho500           {width: 500px;}
.ancho525           {width: 525px;}
.ancho550           {width: 550px;}

tdText11			{font-family: Arial; font-size: 11px;}
tdText12			{font-family: Arial; font-size: 12px;}
tdText13			{font-family: Arial; font-size: 13px;}

.linkhistorial {text-decoration:blink; color:#666; font-size:12px; }
.linkhistorial:hover {text-decoration:underline; font-weight:bold; cursor:pointer; cursor:hand; color:#09c;}            
    
.Estilo1:th, .Estilo1:td{ vertical-align: top;   border: 1px dotted #dedede;    padding: 0.3em;   caption-side: bottom;}

.Estilo1    td {text-align: left;}
.Estilo1    th {text-align: right; background-color:#33808b; font-weight: normal; color:#fff; font-size: 12px;}
.Estilo1    input, select {border:#dedede 1px solid;}
.Estilo1    table {margin:auto;}

.Estilo2    td {text-align: left;}
.Estilo2    th {text-align: right; font-weight: bold; color:#30808b; font-size: 11px; font-style: italic;}
.Estilo2    input, select, textarea {border:#999 1px solid;}
.Estilo2    caption {background: #30808b; color:#fff; margin-bottom: 7px; text-align: left; font-size: 13px; font-weight: bold; padding: 5px 0 5px 0;}

.Estilo3    {margin:auto;}
.Estilo3    th {text-align: center; font-weight: bold; color:#fff; font-size: 11px; font-style: normal; background:#30808b; padding:7px;}
.Estilo3    td {border:#dedede 1px solid; font-style: normal; padding:2px;}

.backreadonly  {background-color: /*#d9e5e7*/ #fafafa; color:#333; font-size: 11px; border:#e5e5e5 1px solid;}

input {border:#999 1px solid; background-color:#fff;}
legend {margin-left:7px; color:#09C; font-size:12px;}

.fondofieldset {background-color:#fafafa;
                background-color: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
                background-color: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
                border:#cecece 1px dotted; border-radius: 2px;               
}

.fondofieldset2 {border:#cecece 1px dotted; border-radius:3px;}


/*.tblMostrar {
    margin:auto;
    font-family: Verdana, sans-serif, Arial;
    font-size:11px;
    color:#333;
}

            .tblMostrar th {                            
                            background-color:#33808b;
                            color:#fff;
                            height:25px;
                            font-weight:normal;                           
                            }
            
            .tblMostrar td {            
                padding:5px; font-size:11px; color:#000;
                            }

.tblMostrar tr:hover td{
    background-color:#fbf8e9;
    color:#666;
}*/




.tblMostrar {
    margin:auto;
}
                
.tblMostrar th {
    background-color:#e6eeee;
    color:#666;
    height:25px;
    font-weight:bold;
}
            
.tblMostrar td {
    padding:5px; font-size:11px; color:#666;
}

.tblMostrar tr:hover td{
    background-color:#efa;
}




.classodd {	
        background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

.classeven {	
        background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}


tr.sel td {background-color: /*#fff0ac*/#efa; color:#666;}
/*----------------*/


             .TablaAzul{
                margin:auto;
                margin-top:5px;
                margin-bottom:5px;
                font-family: Verdana, sans-serif, Arial;
                font-size:11px;
                color:#333;
                border-spacing: 2px;
                }

            .TablaAzul th {
                            background-color:#33808b;
                            color:#fff;
                            height:25px;
                            font-weight:normal;
                            padding-left:3px;
                            padding-right:3px;
                            }

            .TablaAzul tr.heading2 td {
                border-bottom: 1px solid #aaa;
                            }

            .TablaAzul td {
                border:#dedbd1 1px solid;
                padding:5px; font-size:11px; background-color:#fff;
                font-style: normal;
                            }


/*----------------------------------Mapa Sitio-----------------------------------------------*/
#mapasitio {margin:auto; width: 1000px; margin-top:13px; padding-bottom: 7px; margin-bottom:13px; border-bottom:#dedede 1px dotted;}
.mapasitioResponsive {margin:auto;width: calc(100% - 50px);margin-top:13px;padding-bottom: 7px;margin-bottom:13px;border-bottom:#dedede 1px dotted;}
.linkmapa {color:#33808b;}
.linkmapa:hover {color:#8B0000;}
.linkmapadisabled {color:#666;}


/*----------------------------------CSS Menú 2-----------------------------------------------*/
/**Fondo Turqueza**/
nav{
    width:1000px;
    font-family:Arial;
    font-size:12px;
    border-radius:5px;
    
    background: #2a9fb5;
    background: -webkit-linear-gradient(top, #2a9fb5 0%,#168ba1 100%);
    background: -moz-linear-gradient(top, #2a9fb5 0%, #168ba1 100%);
    background: -o-linear-gradient(top, #2a9fb5 0%, #168ba1 100%);
    background: -ms-linear-gradient(top, #2a9fb5 0%,#168ba1 100%);
    background: linear-gradient(top, #2a9fb5 0%,#168ba1 100%);
    
}

nav ul{margin:0px; padding:0px; z-index: 100;}
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 0;}

nav ul li a{
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:8px 10px 8px 10px;
}

nav ul li:hover > a {
    font-weight: bold;
    font-style: italic;    
    color:#ffff00;    
    text-decoration: underline;
}

/*Primer Nivel*/
nav ul li ul li:first-child a{}

nav ul li ul li:last-child a{
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;;
    -webkit-border-radius: 0 0 5px 5px;
    border-bottom:1px solid #ffffff;
}

nav ul li ul{position:absolute; display:none; width:180px; margin:0;}
nav ul li:hover ul{display:block;}
nav ul li ul li{display:block; position:relative; border:none}

nav ul li ul li a{
    font-family:Arial;
    font-size:12px;
    background:#168ba1;
    color:#ffffff;
    
    border-top: 1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right: 1px solid #ffffff;
       
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.7);    
}

/*Segundo Nivel*/
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}

/*Tercer Nivel*/
nav ul li ul li ul{
    display:none;
    position:absolute;
    top:0%;
    left:180px;
    width:180px;    
}

/**Fondo Gris**/
/*nav{
    width:1000px;
    font-family:Arial;
    font-size:12px;
    border-radius:5px;
    
    background:#f7f7f7;
    color:#444;
    border:1px solid rgba(0, 0, 0, 0.1);
    
    background-origin:border-box;
    background-image:-webkit-linear-gradient(top, #ffffff, #eeeeee);
    background-image:linear-gradient(to bottom,#ffffff,#eeeeee);
}

nav ul{margin:0px; padding:0px; z-index: 100;}
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 0;}

nav ul li a{
    display:block;
    color:#444444;
    text-decoration:none;
    padding:8px 10px 8px 10px;
}

nav ul li:hover > a {
    font-weight: bold;
    font-style: italic;
    color:#a20303;
    text-decoration: underline;
}

Primer Nivel
nav ul li ul li:first-child a{}

nav ul li ul li:last-child a{
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;;
    -webkit-border-radius: 0 0 5px 5px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

nav ul li ul{position:absolute; display:none; width:180px; margin:0;}
nav ul li:hover ul{display:block;}
nav ul li ul li{display:block; position:relative; border:none}

nav ul li ul li a{
    font-family:Arial;
    font-size:12px;    
    background:#f7f7f7;
    color:#444;
    
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left:1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.7);
}

Segundo Nivel
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}

Tercer Nivel
nav ul li ul li ul{
    display:none;
    position:absolute;
    top:0%;
    left:180px;
    width:180px;    
}*/

/*nav{width:825px; background-color:#e5e4e4; font-family:Arial; font-size:11px; border-radius:5px;}
nav ul{margin:0px; padding:0px; z-index: 100;} 
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 -3px}
nav ul li a{ display:block; color:#333;text-decoration:none; text-transform:uppercase; padding:10px 15px;  background:#e5e4e4; border-right:solid 1px #fff;}
nav ul li:hover>a {background:#33808b; color:#fff;}
nav ul li ul li:first-child a{border-top:solid 2px #fff}
nav ul li ul li:last-child a{border-bottom:solid 2px #fff}
nav ul li ul{position:absolute; display:none; width:180px; margin:0;}
nav ul li:hover ul{display:block;}
nav ul li ul li{display:block; position:relative; border:none}
nav ul li ul li a{ border-bottom:solid 1px #f4f4f4; border-right:2px solid #fff; border-left:2px solid #fff; border-radius:0px!important; background:#e5e4e4;  margin:0px; padding:10px}
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}
nav ul li ul li ul{display:none; background:#fff; position:absolute; top:-5%; left:185px; width:180px;}*/


/***********Modificación de Menu Principal***********/
ul.menu {position:relative; z-index: 100;}
ul.menu,
ul.menu ul,
ul.menu li,
ul.menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
ul.menu {
	padding-left:2px;
	border:#e5e5e5 1px solid;
	 /*color:#673b15;*/
         color:#ffffff;
	 margin:auto;
	 height: 30px;
	width:1000px;
	 /*padding:8px 0px;*/
/*	background:#fff;
	background:-moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5));*/

	
/*	margin:auto;
    height: 35px;
	width:1000px;*/
	


    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
ul.menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 28px;
}
ul.menu li a {
    display: block;
    padding: 0 14px;
    margin: 0px 0;
    line-height: 30px;
    text-decoration: none;
 
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
	
    /*border-left: 1px solid #e5e5e5;
    border-right: 1px solid #ffffff;*/
 
    font-family: Helvetica, Arial, sans-serif;
    /*font-weight: bold;*/
    font-size: 12px;
	
    color: #ffffff;
	/*color:#673b15;*/
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.6);*/
 
   -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
ul.menu li:first-child a { border-left: none; }
ul.menu li:last-child a{ border-right: none; }
 
ul.menu li:hover > a { color: #C89D66; /*amarillo al hover #caad16 */
/*background-color:rgba(0,0,0,0.67); 673b15 40281b*/
	
/*	background: #c89d66;
    background: -webkit-linear-gradient(top, #c89d66 0%,#40281b 100%);
    background: -moz-linear-gradient(top, #c89d66 0%,#40281b 100%);
    background: -o-linear-gradient(top, #c89d66 0%,#40281b 100%);
    background: -ms-linear-gradient(top, #c89d66 0%,#40281b 100%);
    background: linear-gradient(top, #c89d66 0%,#40281b 100%);*/
	
	/*background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);*/
	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
ul.menu ul {
    position: absolute;
    top: 30px;
    left: 0;
 
    opacity: 0;
	border:#e5e5e5 1px solid;
	
	/*background:#fff;
	background:-moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5));*/
	
    //background: rgba(0,0,0,0.67);
    //background: rgba(0,0,0,0.90);
    
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
 
ul.menu li:hover > ul { opacity: 1; }
 
ul.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
ul.menu li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}
ul.menu ul li a {
    width: 170px;
    /*padding: 0 10px;*/
    margin: 0;
    /*font-size: 14px;*/
	font-size: 8.5pt;
 
    border: none;
    /*border-bottom: 1px solid #353539;*/
	border-bottom: 1px solid #505050;
}
 
ul.menu ul li:last-child a { border: none; }



/*----------------------------------CSS Botón 1-----------------------------------------------*/

.boton1 {
	background:#337ab7;
	/*background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:4px 7px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #337ab7;
        cursor: pointer;
}


/*----------------------------------CSS Tabla Reporte-----------------------------------------------*/
.TablaReporte {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #e5e5e5;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.TablaReporte table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.TablaReporte tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.TablaReporte table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.TablaReporte table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.TablaReporte tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.TablaReporte tr:hover td{
	
}
.TablaReporte tr:nth-child(odd){ background-color:#f4f4f4; }
.TablaReporte tr:nth-child(even)    { background-color:#ffffff; }.TablaReporte td{
	vertical-align:middle;	
	border:1px solid #e5e5e5;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:6px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#111111;
        font-style:normal;
}.TablaReporte tr:last-child td{
	border-width:0px 1px 0px 0px;
}.TablaReporte tr td:last-child{
	border-width:0px 0px 1px 0px;
}.TablaReporte tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}



.TablaReporte tr:first-child td{
	background:-o-linear-gradient(bottom, #e5e5e5 5%, #cccccc 100%);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #e5e5e5 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#cccccc");	background: -o-linear-gradient(top,#e5e5e5,cccccc);

	background-color:#e5e5e5;
	border:0px solid #e5e5e5;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
        font-style:normal;
}
.TablaReporte tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #e5e5e5 5%, #cccccc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #e5e5e5 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#cccccc");	background: -o-linear-gradient(top,#e5e5e5,cccccc);

	background-color:#e5e5e5;
}
.TablaReporte tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.TablaReporte tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.cssEncabezado td{
	background:-o-linear-gradient(bottom, #e5e5e5 5%, #cccccc 100%);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #e5e5e5 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#cccccc");
        background: -o-linear-gradient(top,#e5e5e5,cccccc);
        text-align: center;
        font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
        font-style:normal;
	background-color:#e5e5e5;
}

/*----------------------------------Check Box Tree-----------------------------------------------*/
.checkboxtree {font-family:Arial; font-size:10px; border-radius:5px;}
.checkboxtree ul{padding:4px;} 
.checkboxtree ul li{padding:1px;} 
.checkboxtree ul li label{margin-left:3px;} 


/*----------------------------------Escaneo Regularización-----------------------------------------------*/
div.divPag :hover {background-color:#8b0000; color:#ffffff;}


/*----------------------------------Hover.css Copyright Ian Lunn 2014-----------------------------------------------*/
.button {  
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
  color: #673B15;
  font-weight: bold;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
  background: #e4e4e4;
  border:none;
  background: linear-gradient(to bottom,  rgba(228,228,228,0.3) 0%,rgba(228,228,228,1) 100%);
  list-style-type:none;
  border-radius:4px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(2, 2, 2, 0.3);
  -moz-box-shadow:    0px 1px 3px 0px rgba(2, 2, 2, 0.3);
  box-shadow:         0px 1px 3px 0px rgba(2, 2, 2, 0.3);
}

.buttonD {  
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
  color: #666;  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
  background: #e4e4e4;
  border:none;
  background: linear-gradient(to bottom,  rgba(228,228,228,0.3) 0%,rgba(228,228,228,1) 100%);
  list-style-type:none;
  border-radius:4px;
  //-webkit-box-shadow: 0px 1px 3px 0px rgba(2, 2, 2, 0.3);
  //-moz-box-shadow:    0px 1px 3px 0px rgba(2, 2, 2, 0.3);
  //box-shadow:         0px 1px 3px 0px rgba(2, 2, 2, 0.3);
}

/* Float Shadow */
.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus /*, .float-shadow:active*/ {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  /* move the element up by 5px */
}
.float-shadow:hover:before , .float-shadow:focus:before/*, .float-shadow:active:before*/ {
  opacity: 1;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.csstab1    {color:#666; margin: 7px;}
.csstab1    th {font-weight: normal;}
.csstab1    input, select, textarea {border:#dedede 1px solid; color:#333333;}
.csstab1    caption {background-color: #E6EEEE; color:#666; font-weight: bold; padding:4px;}

.borderinput {border: 1px solid red}

.labelFnt{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.labelFnt:hover{
    color:#FFF;
    text-decoration: underline;
}
.labelFnt-blue{
    background-color: #3c8dbc !important;
}
.labelFnt-red{
    background-color: #B13C2E !important;
}

/* Agregando encabezado */
 /* Posicion del navbar-de perfil de usuario*/
 .navbar-custom-menu, .navbar-right {
    float: right;
    margin: 0;
}
.navbar-custom-menu > .navbar-nav-user > li  {
    list-style: none;
    margin-top: -10px;
    position: relative;
    padding: 16px;
    font-size: 16px;
  }
  .navbar-custom-menu :focus > .navbar-nav-user > li {
    margin-top: -10px;
    position: relative;
    padding: 16px;
    font-size: 16px;
  }
/*Recuadro .dropdown-menu-user */
  .navbar-custom-menu > .navbar-nav-user > li > .dropdown-menu-user {
    right: 0%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
  .navbar-nav-user > .user-menu > .dropdown-menu-user {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
  }
  /* Tamaño de avatar de usuario */
  .navbar-nav-user > .user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
  }
  .navbar-nav-user > .user-menu > .dropdown-menu-user > li.user-header {
    list-style: none;
    height: 175px;
    padding: 10px;
    text-align: center;
  }
/* Tamaño de la imagen dentro del .dropdown-menu-user */
  .navbar-nav-user > .user-menu > .dropdown-menu-user > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
  }
/* Color del texto del .dropdown-menu-user */
  .navbar-nav-user > .user-menu > .dropdown-menu-user > li.user-header > p {
    z-index: 5;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    margin-top: 10px;
  }
  .navbar-nav-user > .user-menu > .dropdown-menu-user > li.user-header > p > small {
    display: block;
    font-size: 12px;
}

.main-header, li.user-header {
    background-color: #0A768F;
}
.nav-user> li > a {
    color: #ffffff;
}
.navbar-nav-user > .user-menu > .dropdown-menu-user > .user-footer {
    list-style: none;
    background-color: #f9f9f9;
    padding: 10px;
  }
  .navbar-nav-user > .user-menu > .dropdown-menu-user > .user-footer:before,
  .navbar-nav-user > .user-menu > .dropdown-menu-user > .user-footer:after {
    content: " ";
    display: table;
  }
  .navbar-nav-user > .user-menu > .dropdown-menu-user > .user-footer:after {
    clear: both;
  }
  /*Dropdown-submenus*/
/* Sobreado del .dropdown-menu-user */
.dropdown-menu-user {
    box-shadow:1px 1px 2px 1px #999999!important;
    -moz-box-shadow: 1px 1px 2px 1px #999999!important;
    -webkit-box-shadow: 1px 1px 2px 1px #999999!important;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-menu-user{
    margin-top: 1em;
    display: none;
    position: absolute;
    z-index: 9999;
}

.navbar-custom-menu:hover .dropdown-menu-user{
    display:block;
}
.navbar-custom-menu:hover .navbar-nav-user{
    background: rgba(0, 0, 0, 0.1);
    color: rgb(255, 255, 255);
}
.img-circle-user{
    border-radius: 50%;
}
.btn-user-menu{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.pull-left-regu {
    float: left!important;
}
.pull-right-regu {
    float: right!important;
}

.pull-left-regu:hover .btn-user-menu{
    background: rgba(0, 0, 0, 0.1);
}

.pull-right-regu:hover .btn-user-menu{
    background: rgba(0, 0, 0, 0.1);
}

.user-name {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

/* Spinner */
.spinner-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255, 0.30);
    z-index: 10;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    padding: 20px;
}

.spinner {
    margin-bottom: 20px;
    position: relative;
}

.spinner::after {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 8px solid #ddd;
    border-top-color: #0a768f;;
    animation: spin 1s linear infinite;
}

.message {
    font-size: 18px;
    color: #333;
    text-align: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*Fin Spinner*/