/* Global Styles */
/* inicio Reprogramados */
body { margin:0px; background-color:"#B9B5B3"; font-family:Verdana,sans-serif; font-size:8px; color:#333; line-height:1.166; padding:0px;}
.headertit1  {font-weight:bold; font-size:12px; text-transform:uppercase; color: #ffffff; background-color:#85120B; font-family: Verdana;}
.headertit2 {font-weight:bold; FONT-SIZE:8px;  text-transform:uppercase; color: #DEDCDD; background-color:#AA5B5E; font-family: Verdana;}
.headertit3  {font-weight:bold; font-size:9px; text-transform:uppercase; color: #ffffff; background-color:#49423E; font-family: Verdana;}
#menu div.barraMenu { width:98%; float: left;}
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu,#menu div.barraMenu a.botonMenu1        { font-family: sans-serif, Verdana, Arial;font-size: 8pt;color: white; TEXT-TRANSFORM: uppercase; margin-left:-3; color: white;cursor: pointer;text-decoration: none; border-right-style:solid; border-width: 1px; border-color:#FECC96;}
#menu div.barraMenu         { padding: 4px 14px 0px 14px;} 
#menu div.barraMenu a.botonMenu,#menu div.barraMenu a.botonMenu1        { padding: 4px 14px 4px 14px;}
#menu div.barraMenu                    { text-align: left;}
#menu div.barraMenu a.botonMenu        { background:url(images/fondob.png) }
#menu div.barraMenu a.botonMenu1       { background:url(images/fondo.png) }
#menu div.barraMenu a.botonMenu:hover,#menu div.barraMenu a.botonMenu1:hover  { background:url(images/fondoover.png) }
#menu div.barraMenu a.botonMenu:active { background:url(images/fondo.png) }
#menu div.barraMenu a.botonMenu1 { float:right; margin-top:-3.5px; }

.rojo  { background-color:#FF6600;}
.verde  { background-color:#66FF66;}
.amaraillo { background-color:#FFFF33;}

#menuver   {height:100%; width:150px; background-color:#49423E; color:#CCCCCC; position:fixed; z-index:1; overflow:auto; text-transform:uppercase; font-family: sans-serif, Verdana, Arial;font-size: 8pt; font-weight:bold; margin:0;}
#menuver a.tm { margin:1px 2px; text-decoration:none; padding:4px 2px 4px 8px; background-color:#85120B; color:#CCCCCC; display:block;}
#menuver a.em { margin:0px 2px; text-decoration:none; padding:4px 2px 4px 8px; background-color:#CCCCCC; color:#49423E; display:block;}
#menuver a.em:hover {background-color:#867E79; color:#CCCCCC;}

#filtros   {height:40px; width:100%; position:fixed; overflow:auto; margin-left:150px; background-color:#7A6F67; border-bottom:solid 1px #EA5B2F; padding-left:20px;}
#listado   { margin-top:30px; height:100%; width:100%; position:fixed; overflow:auto; margin-left:150px; text-align:center; }
#captura   { margin-top:10px; height:100%; width:100%; position:fixed; overflow:auto; margin-left:150px; text-align:center; }
#resultado { margin-top:3px; height:300px; width:100%; overflow:auto; margin-left:5x; text-align:center; }
#piepagina { text-transform:uppercase; font-family: sans-serif, Verdana, Arial;font-size: 8pt; font-weight:bold; position:fixed; top:98%; color:#FF0033; width:100%; background-color:#49423E;color:#CCCCCC; height:30;}

#listadobrw {top:40; left:10; border:thin; position: absolute; margin:0; width:85%; height:65%; overflow:auto; }

#sfiltros td {font-family: sans-serif, Verdana, Arial;font-size: 10px; font-weight:bold;text-transform:uppercase; color:#CCCCCC; }
.REtiquetas  {font-family: sans-serif, Verdana, Arial;font-size: 9px; font-weight:bold;text-transform:uppercase;}


#gridtabla tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla tr:hover, #gridtabla tbody tr:nth-child(even):hover { background-color:#9C938B; 	 }
#gridtabla th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#85120B; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#gridtabla td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla th a:link, #gridtabla th a:active, #gridtabla th a:visited { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR:#FFFFCC; TEXT-TRANSFORM: uppercase; text-decoration: underline; }
#gridtabla tbody tr:nth-child(even){ background-color:#E2C7C8; }

#gridtabla1  {width:100%; display:table;}
#gridtabla1 tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla1 tr:hover, #gridtabla1 tbody tr:nth-child(even):hover { background-color:#9C938B; 	 }
#gridtabla1 th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#EA5B2F; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#gridtabla1 td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla1 td a:link       { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR: #FFFFC4; BACKGROUND-COLOR: #009999; TEXT-TRANSFORM: uppercase; text-decoration: none; }
#gridtabla1 tbody tr:nth-child(even){ background-color: #CEE8F7; }

#gridtabla2  {display:table;}
#gridtabla2 tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E8E8E8; height:15px;}
#gridtabla2 th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#EA5B2F; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#gridtabla2 td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#000000; padding: 1px 2px; border-bottom:none; border-top:none; border-left: 1 solid #EA5B2F;}
#gridtabla2 td a:link       { FONT-WEIGHT: bold; FONT-SIZE: 9px;  FONT-FAMILY: Verdana; COLOR: #FFFFC4; BACKGROUND-COLOR: #009999; TEXT-TRANSFORM: uppercase; text-decoration: none; }



.tth { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR: #999999; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}

.lista-container{padding:1px; width:80%; background-color:#FFFFFF; font-family: sans-serif, Verdana, Arial;font-size: 10px; font-weight:bold;text-transform:uppercase; color:#CCCCCC; top:40; left:10;}
.lista-ul.lista-hoverable li:hover{background-color: #49423E}
ul.lista-ul              {list-style-type:none;padding:0;margin:0}
ul.lista-ul li           {padding:6px 2px 6px 16px;border-bottom:1px solid #867E79}
ul.lista-ul li:last-child{border-bottom:none}
lista-card-4 {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.lista-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.lista-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.lista-padding{padding:8px 16px!important}
.lista-margin-left{margin-left:16px!important}
.lista-margin-right{margin-right:16px!important}
.lista-medium{font-size:15px!important}
.lista-large{font-size:18px!important}
.lista-circle{border-radius:50%!important}
.lista-xlarge{font-size:24px!important}
.lista-striped tbody tr:nth-child(even){background-color:#f1f1f1}


.titmen    {font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;background-color:#85120B; color:#CCC;}
.stitmen   {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;background-color:#EA5B2F; color:#CCC;}
.Etiquetas {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;color:#000; padding: 1px 2px; }
.mEtiquetas {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:lowercase;color:#000; padding: 1px 1px; }
.padEtiquetas  { padding:1px 2px;}
.NEtiquetas {FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffff00; TEXT-ALIGN: right;}
.botoneso    {font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;text-transform:uppercase;COLOR:#ccc; BACKGROUND-COLOR:#EA5B2F;}
.botoneso:hover    {COLOR:#ccc; BACKGROUND-COLOR: #973100; BORDER-LEFT-COLOR: #973100; BORDER-BOTTOM-COLOR: #ff9966; BORDER-TOP-COLOR: #973100; BORDER-RIGHT-COLOR: #973100;}

.DragContainer, .OverDragContainer   { float: left;  margin: 0px;  width: 130px;  border: #669999 1px solid;  padding: 0px; BACKGROUND-COLOR: #ffffff}
.DragContainerN, .OverDragContainerN { float: left;  margin: 0px;  width: 130px;  border: #669999 1px solid;  padding: 0px; BACKGROUND-COLOR: #CCFFFF}

.DragBox, .OverDragBox, .DragDragBox { border: #000 1px solid; padding: 2px; font-size: 10px; margin-bottom: 5px; width: 130px; cursor: pointer; font-family: verdana, tahoma, arial; background-color: #FECC96; color:#333333;}
.OverDragContainer                   { background-color: #eee;}
.OverDragBox, .DragDragBox           { background-color: #ffff99;}
legend                               { font-weight: bold; font-size: 12px; color: #666699; font-family: verdana, tahoma, arial;}
fieldset                             { padding: 3px;}

/* nuevo esquema */
div.container { width:100%; height:99%;}
header, footer { margin:0; color:green; clear:left; text-align:center;}
headerr {width:100%;  float:left; font-weight:bold; font-size:12px; text-transform:uppercase; color: #ffffff; background-color:#49423E; font-family: Verdana; }

footer { text-transform:uppercase; font-family: sans-serif, Verdana, Arial;font-size: 8pt; font-weight:bold; color:#CCCCCC; background-color:#49423E; position: fixed; left: 0; bottom: 0; width: 100%; padding: 2px 0 2px 0;}
header { height:11%; position: fixed; left:0; top:0; width: 100%;}

nav  { float:left;  max-width:150px; margin:0;  padding:4.7% 2px 0 0; overflow:auto;}
nav ul { list-style-type: none; padding: 0;}
nav ul a { text-decoration: none;}
article { margin-left:155px; padding:4% 0 20px 15px; overflow:auto; }
navr { float:right; max-width:150px; margin:0; padding:1em; height:84%; overflow:auto; }


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 600px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes zoom {
    from {transform: scale(0.1)} 
    to {transform: scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* fin nuevo esquema */


#acciontabla tr { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;background-color:#E8E8E8; height:15px;}
#acciontabla th { FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-FAMILY: Verdana; COLOR: #FFFFFF; BACKGROUND-COLOR:#B5170F; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center; border: 1 solid #EA5B2F; height:20px;}
#acciontabla td { font:9px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#000000; }

.acciontablabutton {font-weight: bold; FONT-SIZE: 8px;  FONT-FAMILY: Verdana; color: #973100; BACKGROUND-COLOR:#D1920E; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center;}
.acciontablabutton:hover        {font-weight: bold; FONT-SIZE: 8px;  FONT-FAMILY: Verdana; color: #FFFFFF; BACKGROUND-COLOR:#973100; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center;}




/* fin Reprogramados */

td { font:11px arial; color:#99CCFF;}
hr { height:1px; color: #cccccc; border: none; }
a {	color:#FFD135;	text-decoration: none;	}
a:hover {color:#EA5B2F;text-decoration:none;}

tdmenu {border-right:solid 1 #445DA0;}	
/* ID Styles */


#navigation tr { 
    text-transform:uppercase;
	border-color:#445DA0;
	border-top-width: 0px; 
	border-bottom-width: 0px; 
}

#navigation tr:hover { 
   background-color: #445DA0;
   
}

#navigation a {
	font:10px georgia;
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding-left:8px;
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	color:#ffffff;
	border: 1pt dotted red;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}

#navigationb {
  padding-left: 30px;
}

#navigationb a {
  font: 13px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: white;
  padding-left: 8px;
  text-decoration: none;
  font-weight: bold;
  background-color : #ff8c00;
}

.fullheight {
  height: 100%;
}

.homeColorSet1 {
  color: #CC3300;
}

.homeColorSet2 {
  color: #CC3300;
}

	
#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

#logo {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}

#userline {
	font:10px georgia;
	color: #CC3300;
	line-height:15px;
	letter-spacing:.2em;
	}
	
#dateformat a {
	color:#99CCFF;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

/* Class Styles */

.InputBlanco {
   border-right: #7f7f7f thin solid; 
   border-top: #7f7f7f thin solid; 
   border-left: #7f7f7f thin solid; 
   border-bottom: #7f7f7f thin solid; 
   color: black; 
   font:10px Verdana, Arial, Helvetica, sans-serif;
   background-color: #ffffff;
   text-transform:uppercase;
   }

.bodyText {
	font:11px arial;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	text-transform:uppercase;
	}
	
.pageName{
	font:22px georgia;
	color: #CC3300;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	color:#99CCFF;
	}
	
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #2f63b3;
    background-color: #f1f1f1;
	border-bottom: none;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 4px 4px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 10px;
	border: 1px solid #2f63b3;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.newspaper {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.menuicod {
  display: none; /*inline-block; */
  cursor: pointer;
}

.barrrita1, .barrrita2, .barrrita3 {
  width: 24px;
  height: 3px;
  background-color: #333;
  margin: 2px 0;
  transition: 0.4s;
}

.change .barrrita1 {
  -webkit-transform: rotate(-45deg) translate(-3px, 3px);
  transform: rotate(-45deg) translate(-3px, 3px);
}

.change .barrrita2 {opacity: 0;}

.change .barrrita3 {
  -webkit-transform: rotate(45deg) translate(-3px, -3px);
  transform: rotate(45deg) translate(-4px, -4px);
}

@media print  {
article { margin-left:-5px;}
nav  { display:none;}
}

@media screen and (max-width: 992px) {
article { margin-left:155px; overflow:auto; width:100%}
}

@media screen and (max-width: 800px) {
article { margin-left:155px; padding:7% 0 20px 0; overflow:auto; }
nav  { padding:63px 0 0 0;}
#menu div.barraMenu { float: left; }
#menu div.barraMenu a.botonMenu1 { float:none; background:url(images/fondob.png) }
.menuicod { float: left; display: block;}
}

@media screen and (max-width: 600px) {
article { margin-left:155px; padding:13% 0 20px 0; overflow:auto; }
nav  { padding:63px 0 0 0;}
#menu div.barraMenu { float: left;}
#menu div.barraMenu a.botonMenu1 { float:none; background:url(images/fondob.png) }
.menuicod { float: left; display: block;}
}