FONT		{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
TD		{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px}
th { padding: 0.3em; color:#FFF; background-color:#2D353E; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; font-weight: bold; text-align:center;}
BODY 	{BACKGROUND: none; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px;}
P		{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
DIV		{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
STRONG	{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}
select, input, textarea, button, file { background-color:#dcebf3; border:1px double #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; border-radius: 5px; text-align: center; box-shadow: 2px 2px 5px #999; }
input[type=button], input[type=submit], input[type=reset], button{
  background-color: #037d87;
  border: none;
  color: #FFFFFF;
  padding: 5px 10px;
  text-decoration: none;
  margin: 1px 1px;
  cursor: pointer;
	font-size:16px;
}
input[type=number], input[type=date], input[type=text], input[type=password], select, option{
	font-size:14px;
	text-align: center;
}
hr		{ background-color:#861520; height: 1px; border-color:none; }
FORM 		{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; BORDER-TOP-WIDTH: 12px; BORDER-BOTTOM-COLOR: #000000;border-radius: 10px;}
A:link      {BACKGROUND: none; COLOR: #00477D; FONT-SIZE: 10px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; }
A:hover     {BACKGROUND: none; COLOR: #00477D; FONT-SIZE: 10px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
A:active    {BACKGROUND: none; COLOR: #00477D; FONT-SIZE: 10px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
A:visited   {BACKGROUND: none; COLOR: #00477D; FONT-SIZE: 10px; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    background-color: #222d31; 
    background-image: -webkit-linear-gradient(90deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)
}

thead tr th { 
	position: sticky;
	top: 0;
	z-index: 0;
	background-color: #ffffff;
}

.table-responsive { 
	/*height:200px;*/
	overflow:scroll;
	max-width: 95%;
}

.Estilo 	{BACKGROUND: none; COLOR: #999999; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.Estilo2 	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.titulo 	{background-color: #F8F8F8; color: #2D353E;FONT-SIZE: 14px; FONT-WEIGHT: bold;box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.20) 0px 8px 32px; border-radius:5px 5px 5px 5px;}
.titulo2 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo3 	{BACKGROUND: #2D353E; COLOR: #FFFFFF; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo4 	{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo5 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo6 	{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo7 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo8 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT:normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo9 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 22px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo10 	{BACKGROUND: none; COLOR:#F00; FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titulo11 	{BACKGROUND: none; COLOR:#033158; FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.hg_titulo 	{background-color: #F8F8F8; color: #2D353E;FONT-SIZE: 14px; FONT-WEIGHT: bold;box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.20) 0px 8px 32px; border-radius:5px 5px 5px 5px;}
.hg_titulo2 	{BACKGROUND: #ECAC13; COLOR: #FFFFFF; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.ven_titulo 	{BACKGROUND: #f78056; COLOR: #FFFFFF; border:1px double #900; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  box-shadow: 0 0 5px 1px #000; border-radius:0px 0px 5px 5px;}
.ven_titulo2 	{BACKGROUND: #f78056; COLOR: #FFFFFF; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.ven_titulo3 	{BACKGROUND: #000000; COLOR: #FFFFFF; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.nom_titulo 	{BACKGROUND: #B6B6B6; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; box-shadow: 0 0 5px 1px #000; border-radius:0px 0px 5px 5px;}
.nom_titulo2 	{BACKGROUND: #B6B6B6; COLOR: #FFFFFF; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.nom2_titulo 	{BACKGROUND: #000000; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.nutri_titulo 	{BACKGROUND: #f3f3f3; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; border:1px double #000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
pre		{FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; overflow: auto; width: 100%; display: block;}
.rest_titulo 	{BACKGROUND: #861520; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

.Boton_grande{
	width:200px;
	/*height:80px;*/
	border-width:10px;
	font-size:14px;
}

.menutitle{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
background-image:url(../imagen/boton.png);
color:#dfefff;
background-size: cover;
padding:2px;
text-align:left;
font-weight:bold;
line-height:22px;
border:hidden;
}

.menutitle2{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
background-image:url(../imagen/boton2.png);
background-size: auto 100%;
background-repeat:no-repeat;
color:#dfefff;
font-size: 11px;

padding:1px;
padding-left:7px;
text-align:left;
font-weight:bold;

border:hidden;
height:25px;
}

.menutitle3{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
/*background-image:url(../imagen/boton3.png);*/
background-size: cover;
color:#ffffff;
/*width:140px;*/
padding:2px;
text-align:left;
font-size:18px;
font-weight:bold;

border:hidden;
	border-radius:5px 5px 5px 5px;
}

.menutitle4{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
background-image:url(../imagen/boton4.png);
color:#313131;
background-size: cover;
padding:2px;
text-align:left;
font-weight:bold;

border:hidden;
}

.menutitle5{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
background-image:url(../imagen/boton5.png);
color:#313131;
background-size: cover;
padding:2px;
text-align:left;
font-weight:bold;
/*border:1px solid #ECAC13;*/
border:hidden;
}

.menutitle6{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
background-image:url(../imagen/boton6.png);
color:#313131;
background-size: cover;
padding:2px;
text-align:left;
font-weight:bold;

border:hidden;
}

.menutitle7{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
display: block;
background-image:url(../imagen/boton7.png);
color:#313131;
background-size: cover;
padding:2px;
text-align:left;
font-weight:bold;

border:hidden;
}

.submenu{
margin-bottom: 3px;
padding-left:1px;
line-height:18px;
}

.submenu > a{
	text-decoration: none;
	font-weight:bold;
	
	display: block;
	/*box-sizing: border-box;*/
	border-top: solid 0.02px #ccc;
	border-bottom: solid 0.02px #ccc;
}
.submenu > a:hover {
  background-color: #333;
  color: #fff;
  box-shadow: 0px 0px 2px 2px #333;
}


.submenu2{
margin-bottom: 0.5em;
line-height:25px;
}
.Estilo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:10px;
}

.Estilo7 {
	line-height:25px;
	vertical-align:middle;
}

.menutitle_alu{
cursor:pointer;
margin-bottom: 7px;
margin-top:1px;
background-color:none;
background-image:url(../imagen/boton.png);
color:#dfefff;
width:152px;
padding:2px;
text-align:left;
font-weight:bold;

border:hidden;
}

.botonmenu{

  background-color:#D0D0D0;
  background-position:center;
  background-repeat:no-repeat;
  background-size: 60px;
  border-color:#666;
  width: 70px;
  height:70px;
}

.boton3d{
	border:0;

	color:#FFFFFF;
	font-size: 18px;
	word-wrap: break-word;
	text-overflow: clip;
	overflow: hidden;
	white-space:initial;
	font-family:sans-serif;
	padding: 1px 1px;
	background-color:#339900;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	margin: 5px 2px 2px 2px;
	width: 150px;
	height:60px;
}

.boton3d_2{
	border:0;
	color: #000000;
	font-size: 12px;
	padding: 1px 1px;
	background-color:#8fbdeb;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	margin: 2px 2px 2px 2px;
	width: 140px;
	height:55px;
	white-space: normal;
}

.ventana_flo{
	width:500px;
	height:395px;
	position:fixed;
	top:250px;
	left:30%;
	/*margin-left: -200px;*/
	margin-top: -100px;
	background-color:#FFF;
	border-color:#000;
	border:double;
	/*position:absolute;*/
	overflow:auto;
	display:none;
	z-index: 9999;
}
.tabla_input
{ 
	background-color:#F8F8F8;
	color:#000;
	border: 1px solid #999;
	text-align: left;
	border-collapse: collapse;
	margin:auto;
	caption-side: top;
	alignment-adjust:central;
	margin-top:11px;
}
.tabla_input td
{
	padding: 0.3em;
	border-bottom: 1px solid #999;

	margin: 1 1 1 1;
}
.tabla_input input
{
	text-align:center;
}

.tabla_producto
{
	font-size:18px;
}

.tabla_producto td, .tabla_producto th, .tabla_producto font
{
	font-size:18px;

}

.tabla_planilla
{
	font-size:14px;
}

.tabla_planilla td, .tabla_producto th, .tabla_producto font
{
	font-size:14px;

}

.Boton_rest
{ 
	background-color:#dcebf3; 
	border:1px double #000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px;
	height:35px;
}

.encabezado
{
	text-transform: uppercase; text-rendering: optimizeLegibility;

  /*background-color: #d5d5d5;*/
  letter-spacing: 0.05em;
  text-shadow: 2px 2px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}
.items{
	width:500px;
	height:300px;
	position:fixed;
	top:480px;
	left:40%;
	
	margin-top: -250px;
	background-color:#FFF;
	border-color:#000;
	border:double;
	
	overflow:auto;
	display:none;
}
.clientes{
	width:500px;
	height:300px;
	position:fixed;
	top:480px;
	left:40%;
	/*margin-left: -200px;*/
margin-top: -250px;
	background-color:#FFF;
	border-color:#000;
	border:double;
	/*position:absolute;*/
	overflow:auto;
	display:none;
}
.espera {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url('../imagen/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.ir-arriba {
	display:none;
	/*display: inline-block;*/
	z-index: 9000;
	padding:0px;
	padding-bottom: 0px;
	background:#fff;
	/*background-color: rgba (255, 0, 0, 0.4);*/
	opacity: 0.9;
	font-size:10px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:5px;
	right:20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: url("../imagen/flecha_arriba.png");
}
#menuV{
	position: fixed;
	z-index: 9000;
	transition: margin-left .2s;
	
}
.DivEst{
float:left;border:1px double #ccc; border-radius: 15px; text-align: center;max-height: 300px; overflow:auto;
	padding: 3px;
}
@media (max-width:767px){.entrada{height:100vh;padding:0} .divprin{height:99vh; } #ocu_menu{display: none;}.ventana_flo{left:1%;}}
@media (min-width:768px){.entrada{height:90vh;padding:0} .divprin{height:80vh;}.ventana_flo{left:1%;}}
@media (min-width:992px){.entrada{height:90vh;padding:0} .divprin{height:80vh;} .ventana_flo{left:20%;}}
@media (min-width:1100px){#principal{height:500px;}.ventana_flo{left:30%;}}
@media (min-width:1580px){#principal{height:600px;}}