:root {

/* Tema */
	--BodyBack: #808080;
	--BodyColor: #000000;
	--MainBack: #DBD6B5;
	--MainColor: #000000;
	--ButtonBack: #ece9d8;
	--ButtonHover: #f9f9f9;
	--ButtonColor: #000000;
	--ButtonBorder: #909090;
	--ButtonBorder2: #d0d0d0;
	--FormTitleColor: #ffffff;
	--FormTitleShadow: 1px 1px 2px #000080;
	--FrameTitleBack: #e0e0e0;
	--FrameTitleColor: #000020;
	--SSButtonBack: #C1C0B5;
	--SSButtonColor: #404040;
	--SSButtonActive: #000000;
	--SSButtonHover: #f7f3e0;
	--SSFrame: #ece9d8;
	--SSFrameHover: #f4f3ea;
	--PanelTotal: #005BBB;
	--LabelColor: #000000;
	--TextBack: #ffffff;
	--TextBack2: #f0f0f0;
	--TextBackDis: #e6e3d3;
	--TextColor: #000000;
	--TextColorDis: #505050;
	--TextHover: #ffffa0;
	--TrHead: #d0d0d0;
	--TdBack2: #f9f9f9;
	--TdSel: #f0f0f0;
	--ToolBack: #7db9e8;
	--ToolBackM: -moz-linear-gradient(top, #7db9e8 0%, #207cca 52%, #0082e5 100%);
	--ToolBackW: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 52%,#0082e5 100%);
	--ToolBackL: linear-gradient(to bottom, #7db9e8 0%,#207cca 52%,#0082e5 100%);
	--ToolBackF: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#0082e5',GradientType=0 );
	--ToolBorder: #7db9e8;
	--FormShadow: 2px 2px 5px #404040;
	--SombraMenu: 2px 2px 3px var(--ButtonBorder);
	--MenuFamBackTitle: #40c0ff;
	--MenuFamColorTitle: #ffffff;
	--MenuFamBorder: #40c0ff;
	--MenuFamBack: #ece9d8;
	--MenuFamBackHover: #f9f9f9;
	--MenuFamSep: #d0d0d0;
	--MenuFamColor: #000000;
	--MenuFamColorHover: #0000ff;
	--MenuFamSel: #f0f0f0;
	--MenuFamColorDis: #808080;
	--MenuSFamColor: #000000;
	--MenuSFamBack: #d5d1bf;
/* Tema */


}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background: var(--BodyBack);
    color: var(--BodyColor);
/*
	-webkit-text-fill-color: rgba(0, 0, 0, 1); 
	-webkit-opacity: 1; 
*/
    
}

a {
	text-decoration: none;
	color: var(--TextColor);
}

#fmain {
	min-height:auto;
}

#btnMicrofono {
	cursor:pointer;
}

#btnMicrofono:hover {
	background: #808080;
	box-shadow: 0px 0px 2px #ffffff;
}

label {
	font-size: 14px;
	color: var(--LabelColor);
}

.fontw {
	font-size: 14px;
}

.divctl {
	position:relative;
	width:100%;
	padding-bottom:3px;
	float:left;
}

.divctl > label {
	position: relative;
	left: 10px;
	height: 28px;
	font-size: 12px;
	float:left;
}

.divctl > input[type=text] {
	position: relative;
	height: 28px;
	float:left;
}

.divctl > select {
	position: relative;
	height: 28px;
	float:left;
}

.divctl > button {
	position: relative;
	height: 28px;
	float:left;
}

.grp2 > label {
	width: 15%;
}

.grp2 > input[type=text] {
	width: 35%;
}

.grp2 > select {
	width: 35%;
}

.grp3 > label {
	width: 13%;
}

.grp3 > input[type=text] {
	width: 20%;
}

.grp3 > select {
	width: 20%;
}

.label {
	position: relative;
	left: 10px;
	height: 28px;
	font-size: 12px;
	float:left;
}

.toolbutton {
	position:relative;
	width: 28px;
	height:28px;
	padding:5px;
	border: 1px solid var(--ButtonBorder);
	border-radius: 5px;
	background: var(--ButtonBack);
	cursor:pointer;
}

.toolbutton:hover {
	background: var(--ButtonHover);
}

.toolbutton img {
	width:100%;
	height:100%;
}
	
.button {
	padding: 10px;
}

.buttonimg{
	border: 0px;
	background:none;
}

button, .button {
	font-size: 16px;
	color: var(--ButtonColor);
	border:1px solid var(--ButtonBorder);
	border-radius:5px;
	cursor:pointer;
	text-align:center;
	background: var(--ButtonBack);
}

button:hover, .button:hover {
	background: var(--ButtonHover);
}

.buttongrid {
	position:relative;
	height: 32px;
	border: 1px solid #C26700;
	background: var(--MainBack);
	cursor:pointer;
}

.buttongrid:hover {
	border: 1px solid #ffb050;
	background: #f59a31;
	color: #ffffff;
}

.txtGrid {
	width:  100%;
	height: 100%;
	border: 0px;
	border-radius: 0px;
	font-size: 22px;
}

.table_ant {
	position:absolute;
	top:0px;
	background:var(--ButtonBorder);
	border-spacing:1px;
}

.table {
	position:relative;
	width:100%;
	background:var(--ButtonBorder);
	border-spacing:1px;
	padding: 0px;
	overflow:auto;
}

th {
  background: var(--ButtonBack);
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  font-weight: 400;
}

td {
	color: var(--TextColor);
}

.tabletpv {
	width: 100%;
}

.tabletpv th{
	float:left;
	align-content:center;
}

.tabletpv td{
	min-height:36px;
	float:left;
	align-content:center;
	border: 1px solid #e0e0e0;
}

.ColCodigo {
	width:40%;
}
.ColExist {
	width:30%;
}
.ColUd {
	width:30%;
}
.ColConcepto {
	width:100%;
}
.ColPrecio {
	width:20%;
}
.ColDto {
	width:20%;
}
.ColCRec {
	width:20%;
}
.ColTotal {
	width:20%;
}
.ColIva {
	width:10%;
}
.ColElim {
	width:10%;
}

.trhead {
	position:relative;
    min-height: 24px;
    background-color: var(--TrHead);
    text-decoration: none;
    color:#000000;
    overflow:auto;
    border: 1px solid #000000;
    border-bottom:0px;
    text-align: center;
}

.trhead > TD {
	height: 32px;
	background: rgb(254,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ebebeb',GradientType=0 );
}

.trbody, .trr, .trv, .tra {
	position:relative;
    min-height: 32px;
    background-color:#FFFFFF;
    text-decoration: none;
    color:#000000;
    overflow:auto;
    border: 1px solid #000000;
    border-bottom: 0px;
    text-align: center;
}

.trbody > TD {
	height: 32px;
}

.trr > TD {
	height: 32px;
	background: #fff0f0;
}

.trv > TD {
	height: 32px;
	background: #f0fff0;
}

.tra > TD {
	height: 32px;
	background: #ff0000;
}

.trhidden {
	position:relative;
    min-height: 0px;
    height:0px;
    display:none;
    background-color:#FFFFFF;
    text-decoration: none;
    color:#000000;
    overflow:auto;
    border: 1px solid #000000;
    text-align: center;
}

.td {
	position:relative;
	min-height:30px;
	float:left;
	overflow: hidden;
	line-height:22px;
}

.td:hover {
	background: #ffffb0;
}

.imgsel {
	cursor:pointer;
}

.imgsel:hover {
	background: #ffff80;
}

.tdsel {
	cursor:pointer;
}

.tdsel:hover {
	background: var(--TdSel);
}

.tderr {
	background:#FF0000;
	color:#FFFFFF;
	text-align:center;
}

.table_th {
	height:32px;
	text-align:center;
	background:var(--ButtonBack);
}

.table_tr {
	height:30px;
	text-align:center;
	background: var(--TextBack);
	cursor:pointer;
}

.table_tr:hover {
	background: #ffffd0;
}

.table_tr2 {
	height:30px;
	text-align:center;
	background: var(--TextBack2);
}

.table_tr2:hover {
	background: #ffffd0;
}

.table_tred {
	height:30px;
	text-align:center;
	background: #ff8080;
	cursor:pointer;
}

.table_tred2 {
	height:30px;
	text-align:center;
	background: #ffe0e0;
	cursor:pointer;
}

.tablehead_list {
	position:absolute;
	left: 0px;
	top:0px;
	width:calc(100% - 18px);
	height:32px;
	background: var(--ButtonBorder);
	visibility:visible;
	border-spacing:1px;
}

.trhead_list {
	background: var(--ButtonBack);
	height: 32px;
	text-align: center;
	cursor: pointer;
}

.trhead_list td:hover {
	background: var(--ButtonHover);
}

.tdsel {
	cursor: pointer;
}

.tdsel:hover {
	color: #0000ff;
	background: #ffff80;
}


.trestado0 {
	color: #000000;
	background: #ffffff;
}

.trestado1 {
	color: #0000ff;
	background: #f0f0f0;
}

.trestado2 {
	color: #000000;
	background: #f0f0f0;
}

.hdCodigo {
	width: 15%;
	border-right:1px solid #000000;
}
.hdExist {
	width: 7%;
	border-right:1px solid #000000;
}
.hdUd {
	width: 10%;
}
.hdConcepto {
	width: 35%;
	border: 0px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
.hdPrecio {
	width: 10%;
	border-right:1px solid #000000;
}
.hdDto {
	width: 6%;
	border-right:1px solid #000000;
}
.hdTotal {
	width: 12%;
	border-right:1px solid #000000;
}
.hdElim {
	width: 5%;
}

.tdCodigo {
	width: 15%;
	cursor:pointer;
	border-right:1px solid #d0d0d0;
}
.tdExist {
	width: 7%;
	color: #808080;
	border-right:1px solid #d0d0d0;
}
.tdUd {
	width: 10%;
	cursor:pointer;
}
.tdConcepto {
	width: 35%;
	text-align:center;
	cursor:pointer;
	border: 0px;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}
.tdPrecio {
	width: 10%;
	cursor:pointer;
	border-right:1px solid #d0d0d0;
}
.tdDto {
	width: 6%;
	cursor:pointer;
	border-right:1px solid #d0d0d0;
}
.tdTotal {
	width: 12%;
	font-weight: 600;
	border-right:1px solid #d0d0d0;
}
.tdElim {
	width: 5%;
	cursor:pointer;
}

.spantotal {
	width:180px;
	height:32px;
	line-height:32px;
	font-size:20px;
	border:1px solid #000000;
	background: #ffffff;
	text-align:right;
	padding:2px 5px 2px 5px;
	float: right;
}

.fondogris{
	background: var(--TdBack2);
}



.hide {
    display:none;
}

.formtitle {
    position:relative;
    width: 100%;
    height:32px;
    line-height:28px;
    text-align:center;
	background: var(--ToolBack);
	background: var(--ToolBackM);
	background: var(--ToolBackW);
	background: var(--ToolBackL);
	filter: var(--ToolBarF);
/*	-webkit-text-fill-color: rgba(255, 255, 255, 1); */
	-webkit-opacity: 1; 
    padding-right:4px;
    overflow:hidden;
}

.formtitle img:first-child {
	position:absolute;
	left:4px;
	top:4px;
	width:24px;
	height:24px;
}

.formtitle img:last-child {
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}

.formtitle span{
    vertical-align: middle;
	color: var(--FormTitleColor);    
    text-shadow: var(--FormTitleShadow);
}

.formtitletpv {
    position:relative;
    width: 100%;
    height:43px;
    line-height:28px;
    text-align:center;
    text-shadow:1px 1px 2px #000080;
	background: var(--ToolBack);
	background: var(--ToolBackM);
	background: var(--ToolBackW);
	background: var(--ToolBackL);
	filter: var(--ToolBarF);
	color:#ffffff;
	-webkit-text-fill-color: rgba(255, 255, 255, 1); 
	-webkit-opacity: 1; 
    padding-right:4px;
    overflow:hidden;
}

.formtitletpv img:first-child {
	position:absolute;
	left:4px;
	top:4px;
}

.toolbottom {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:22px;
	background: #d1a068; /* Old browsers */
	background: var(--ToolBackM);
	background: var(--ToolBackW);
	background: var(--ToolBackL);
	filter: var(--ToolBackF);
	color:#ffffff;
	-webkit-text-fill-color: rgba(255, 255, 255, 1); 
	-webkit-opacity: 1; 
	text-shadow:1px 1px 0px #000080;
	font-size:12px;
	padding:3px;
}

.pie {
    position:relative;
    width:100%;
    min-height:200px;
    color:#000000;
    font-size:14px;
    text-align:center;
    padding:8px;
/*    margin-top:40px; */
    overflow:hidden;
    background: #c0c0c0;
}

.pie div{
    position:relative;
    width:100%;
    float:left;
    margin-bottom:32px;
}

.pie span{
    font-weight:bold;
    color: #000000;
}

.pie a{
    color: #000000;
    text-decoration:none;
}

.pie a:hover{
    color: #ffffff;
}


.pie1 {
	float:left;
}

.pie2 {
	float:right;
}

.framelistado {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: calc(100vh - 212px);
	overflow: auto;
	background: var(--ButtonBorder);
}

.frametotal {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:42px;
	border: 1px solid var(--ToolBorder);
	background: var(--PanelTotal);
	color:#ffffff;
	font-size: 36px;
	font-weight: 600;
	text-align: right;
	padding-right:5px;
}

.frametotalhidden {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:42px;
	border: 1px solid #000000;
	background: #404040;
	color:#ffffff;
	font-size: 36px;
	font-weight: 600;
	text-align: right;
	padding-right:5px;
}

.imgtotal {
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
}

.importetotal {
	position:absolute;
	right:10px;
	top:5px;
	width:100%;
	height:42px;
	color:#ffffff;
	font-size: 36px;
	font-weight: 600;
	text-align: right;
}

.importetotal2 {
	position:relative;
	right:0px;
	top:0px;
	width:50%;
	height:42px;
	color:#000000;
	font-size: 18px;
	font-weight: 600;
	text-align: right;
	float:right;
}

.container {
	position:relative;
	left:0px;
	right:0px;
	width:100%;
	min-height:100vh;
	margin:auto;
    box-shadow: var(--FormShadow);
	background: var(--MainBack);
	border-radius: 0px 0px 5px 5px;
	overflow:hidden;
}

.form {
	position:relative;
	left:0px;
	right:0px;
	width:100%;
	min-height:100vh;
	margin:auto;
    box-shadow: var(--FormShadow);
	background: var(--MainBack);
	border-radius: 0px 0px 5px 5px;
	overflow:hidden;
}

.bloque {
	position:relative;
	width:100%;
	overflow:hidden;
	float: left;
}

.frame, .frameopc {
	position:relative;
	width: calc(100% - 20px);
	border:1px solid var(--ButtonBorder);
	border-radius:5px;
	padding: 20px 10px 10px 10px;
	margin: 10px;
	background: var(--SSFrame);
	float:left;
}

.frame > span:first-child, .frameopc > span:first-child {
	position:absolute;
	top:-10px;
	left:7px;
	background: var(--FrameTitleBack);
	color:var(--FrameTitleColor);
	padding:1px 3px 1px 3px;
	border-radius:3px;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	border: 1px solid var(--ButtonBorder);
}

.framegrid {
	position:relative;
	width:100%;
	border:1px solid var(--ButtonBorder);
	border-radius:5px;
	padding: 10px 10px 10px 10px;
	background: var(--SSFrame);
	float:left;
}

.fopclist {
	position:absolute;
	top: 50px;
	max-width:500px;
}

.fopclist button{
	width:25%;
	padding: 5px;
}

.frameopc > div {
	position:relative;
	width:100%;
	display: inline-block;
	text-align:left;
}

.frameopc > div > label {
	width: 26%;
	height: 28px;
	float: left;
	padding: 5px;
	overflow: hidden;
}

.frameopc > div > input[type=text] {
	width: 24%;
	float: left;
}

.frameopc > div > select {
	width: 24%;
	float: left;
}

.frameopc > div > input[type=checkbox] {
	margin-top:6px;
	float: left;
	border: 1px solid var(--ButtonBorder);
}


.toolbar {
	position: relative;
	width: calc(100% - 20px);
	margin: 0px 10px 7px 10px;
	padding-bottom: 0px;
	background: var(--MainBack);
}

.toolbar > button {
	width:100%;
}

.displayblock {
	display: block;
}

.displaynone {
	display: none;
}

.navheader, .navheader2, .navheaderimg {
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	background: var(--ButtonBack);
	border-bottom:1px solid var(--ButtonBorder);
	z-index:10000;	
}

.navheaderimg {
	display: block;
	height:40px;
}

.navheader{
	height:40px;
}

.navheader2 {
	visibility: hidden;
	height:80px;
}

.navsep{
	border-top:1px solid var(--ButtonBorder);
}

ul, ol {
	list-style:none;
}

.nav > li {
	width: 100%;
	float:left;
	display: block;
}

.nav li > img {
	position:absolute;
	right:5px;
	top: 12px;
}

.nav li > a {
	background: var(--ButtonBack);
	color: var(--ButtonColor);
	text-decoration:none;
	padding:10px 12px 8px 10px;
	display:block;
}

.nav li:hover {
	background-color:var(--ButtonHover);
}

.nav li a:hover {
	background-color:var(--ButtonHover);
}

.imgnav li > a {
	background: var(--ButtonBack);
	color: var(--ButtonColor);
	text-decoration:none;
	padding:10px 12px 8px 30px;
	display:block;
}

.imgnav li a:hover {
	background-color:var(--ButtonHover);
}

.imgnav li a > img {
	position:absolute;
	left:7px;
	top: 12px;
}

.nav li span {
	background: var(--ButtonBack);
	color: var(--ButtonColor);
	text-decoration:none;
	padding:10px 12px 8px 12px;
	display:block;
	cursor:pointer
}

.nav li span:hover {
	background-color:var(--ButtonHover);
}

.nav li span img {
	position:absolute;
	right:5px;
	top: 12px;
}

.nav li ul {
	display:none;
	position:absolute;
	left:25%;
	width:75%;
	border:1px solid var(--ButtonBorder);
	box-shadow: var(--SombraMenu);
	background: var(--ButtonBack);
}

.nav li:hover > ul {
	display:block;
}

.nav li ul li {
	position:relative;
	width:100%;
	
}

.nav li ul li ul {
/*	right:-180px; */
	top:90%; 
	left: 30%;
	width: 70%;
	z-index:10000;
	border:1px solid var(--ButtonBorder);
}

.nav li ul li ul li ul{
	right:-100px;
	top:0px;
	z-index:20000;
	border:1px solid var(--ButtonBorder);
}


.sstab {
    position: relative;
    left:0px;
    right:0px;
    width: calc(100% - 20px);
    height: auto;
    margin: 10px;
    display:block;
    float:left;
}

.sstabs {
	position:absolute;
	width:100%;
	height: 35px;
	padding: 0px 5px 0px 5px;
}

.ssbutton {
    position:relative;
    top:0px;
    width:25%;
    height:100%;
    border: 1px solid var(--ButtonBorder);
    border-radius: 6px 6px 0px 0px;
    background: var(--SSButtonBack);
    color: var(--SSButtonColor);
    text-decoration:none;
    text-align:center;
    float:left;
    cursor: pointer;
    overflow:hidden;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.ssbutton:hover {
	background: var(--SSButtonHover);
	box-shadow: none;
	border:1px solid var(--ButtonBorder);
}

.ssactive {
	top:0px;
    color: var(--SSButtonActive);
    background: var(--SSFrame);
    border: 1px solid var(--ButtonBorder);
    border-bottom-color: var(--SSFrame);
}

.ssactive:hover {
    background: var(--SSFrame);
	text-shadow: 0px 0px 3px #ffffa0;
    border-bottom-color: var(--SSFrame);
}

.ssframe {
    position: absolute;
    left:0px;
    top:34px;
    width: 100%;
    border: 1px solid var(--ButtonBorder);
    border-radius: 5px;
    padding: 15px 10px 10px 10px;
    background: var(--SSFrame); 
    overflow:auto;
    visibility:hidden;
}

.ssframe-label {
    position: relative;
    width: 100%;
    float:left;
    overflow:hidden;
    padding-top: 5px;
}

.ssframe-label-w100 {
    position: relative;
    width: 100%;
    float:left;
    overflow:hidden;
    padding-top: 5px;
}

.ssframe-ctl {
    position: relative;
    width: 100%;
    height:32px;
    float:left;
}

.ssframebtn {
    padding: 0px 10px 0px 10px;
}

.botonmenu, .botonmenu2 {
	position:relative;
	display:block;
	width: 72px;
	height: 64px;
	border: 1px solid var(--ButtonBorder);
	background: var(--ButtonBack);
	border-radius:5px;
	text-align:center;
	margin:3px 0px 0px -1px;
	cursor:pointer;
	overflow: hidden;
	font-size: 16px;
}

.toolbar > div {
	display: inline-block;
}

.botonmenu:hover, .botonmenu2:hover {
	background: var(--ButtonHover);
	border: 1px solid var(--ButtonBorder);
/*
	box-shadow: 1px 1px 3px var(--ButtonBorder);
	text-shadow: 0px 0px 3px #ffffff;
*/
}

.disabled {
	background: #CC6E00;
	color: #808080;
	cursor: default;
}

.botonmenu > span {
	position:relative;
	top:-4px;
	display: block;
	font-size: 10px;
	color: var(--ButtonColor);
/*
	text-shadow: 0px 0px 5px #ffffff;
	-webkit-text-fill-color: rgba(0, 0, 0, 1);
	-webkit-opacity: 1; 
*/
}

.botonmenu2 > span {
	position:relative;
	top:-31px;
	display: block;
	font-size: 10px;
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
}

input[type=text], input[type=password], select, textarea {
    border:1px solid var(--ButtonBorder2);
    border-radius: 5px;
    font-size: 16px;
    background: var(--TextBack);
    padding:3px;
    color: var(--TextColor);
}

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover {
	background: var(--TextHover);
}

input[type=text]:disabled, input[type=password]:disabled, select:disabled, textarea:disabled {
	background: var(--TextBackDis);
	color: var(--TextColorDis);
}

input[type=number] {
	font-size: 16px;
	cursor: pointer;
}

input[type=checkbox] {
	width:  18px;
	height: 18px;
	cursor: pointer;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.textbox {
    border:1px solid var(--ButtonBorder2);
    border-radius: 5px;
    font-size: 16px;
    background: var(--TextBack);
    padding:3px;
    cursor:pointer;
}

.textbox:hover {
	background: var(--TextHover);
}

label {
	display: block;
}

.txt1, .txt2, .txt3, .txt3d, .txt4 {
	position: relative;
	padding: 3px 3px 3px 3px;
	float:left;
	overflow:hidden;
}

.txt1, .div1 {	width: 100%; }
.txt2, .div2 {	width: 50%; }
.txt3, .div3 {	width: 33.3%; }
.txt3d, .div3d { width: 66.6%; }
.txt4, .div4 {	width: 25%; }

.txt2 > input[type=text].txtm, .txt2 > select.txtm, input[type=password].txtm {
	width: 66%;
	margin-right: 34%;
}

.txt1 > input[type=text], .txt1 > select, input[type=password],
.txt2 > input[type=text], .txt2 > select, input[type=password],
.txt3 > input[type=text], .txt3 > select, input[type=password],
.txt3d > input[type=text], .txt3d > select, input[type=password],
.txt4 > input[type=text], .txt4 > select, input[type=password] {
	position: relative;
	top: 0px;
	float: right;
}

.txt1 > textarea, .txt2 > textarea, .txt3 > textarea, .txt3d > textarea, .txt4 > textarea {
	position: relative;
	width:100%;
	top: 0px;
}

.txt1 > input[type=text], .txt1 > select, input[type=password] { width: calc(100% - 100px); }
.txt2 > input[type=text], .txt2 > select, input[type=password],
.txt3 > input[type=text], .txt3 > select, input[type=password],
.txt3d > input[type=text], .txt3d > select, input[type=password],
.txt4 > input[type=text], .txt4 > select, input[type=password] {
	width: 100%;
	height: 28px;
}

.div1, .div2, .div3, .div3d, .div4 {
	position: relative;
	padding: 2px 0px 0px 2px;
	float:left;
	overflow:hidden;
}

.div2 > label, .div3 > label {
	position: relative;
	top: 0px;
	padding: 0px;
	float: left;
}

.div2 > input[type=text], .div2 > select,
.div3 > input[type=text], .div3 > select {
	position: relative;
	top: 0px;
	float: left;
}

.div2 > label, .div2 > input[type=text], .div2 > select,
.div3 > label, .div3 > input[type=text], .div3 > select {
	width: 100%;
}

.div2 > .toolbutton,
.div3 > .toolbutton {
	top: 0px;
	width: 26px;
	height: 26px;
	padding: 3px;
	margin-left: 2px;
	float:left;
}

input[type=text].txtbtn2 { 
	width: calc(100% - 60px);
}


.chk1, .chk2, .chk3, .chk4 {
	position: relative;
	padding: 5px 3px 6px 3px;
	float:left;
	overflow:hidden;	
}

.chk1 {	width: 100%; }
.chk2 {	width: 50%; }
.chk3 {	width: 33.3%; }
.chk4 {	width: 50%; }

.chk1 > div,
.chk2 > div,
.chk3 > div,
.chk4 > div {
	position: relative;
	top: 0px;
	float:right;
	width: calc(100% - 100px);
}

.chk1 > input[type=checkbox],
.chk2 > input[type=checkbox],
.chk3 > input[type=checkbox],
.chk4 > input[type=checkbox] {
	float:left;	
}



.SepForm {
	left: 0px;
	margin: 0px 5px 5px 5px;
	float:left;
}

.dw33 {
	position: relative;
	width: 33.3%;
	padding: 0px 5px 3px 0px;
	float:left;
	overflow:hidden;
	
}

.dw33 > label, .dw33d > label {
	position: relative;
	width: 100%;
	height: 22px;
	float:left;
}

.dw33 > input[type=text], .dw33 > select, .dw33d > input[type=text], .dw33d > select {
	position: relative;
	width: 100%;
	float:left;
}

.dw33 > .button {
	position: relative;
	top: 2px;
	width: 24px;
	height: 24px;
	padding: 4px;
	float:left;
}

.dw33d {
	position: relative;
	width: 66.6%;
	padding: 0px 5px 3px 0px;
	float:left;
	overflow:hidden;
}

.lw33c {
	position: relative;
	width: calc(33% - 10px);
	height: 28px;
	margin: 0px 5px 5px 5px;
	float:left;
	overflow:hidden;
}

.lw33 {
	position: relative;
	width: calc(11.3% - 10px);
	height: 28px;
	margin: 0px 5px 5px 0px;
	float:left;
	overflow:hidden;
}

.tw33, .tw33m {
	position: relative;
	left: 0px;
	width: calc(22% - 5px);
	height: 28px;
	margin: 5px 0px 5px 5px;
	float:left;
	overflow:hidden;
}

.cw33 {
	position: relative;
	left: 0px;
	width: calc(22% - 5px);
	height: 28px;
	margin: 5px 0px 0px 5px;
	float:left;
	overflow:hidden;
}


.lw50, .lw25 {
	position: relative;
	width: calc(25% - 10px);
	height: 28px;
	margin: 0px 5px 5px 0px;
	float:left;
	overflow:hidden;
}

.col1 {
	width: 100%;
}

.txt1_ant {
	position: relative;
	left: 0px;
	width: 100%;
	height: 28px;
	margin: 5px 0px 5px 0px;
	float:left;
}

.tw50, .tw50l {
	position: relative;
	left: 0px;
	width: calc(75% - 10px);
	height: 28px;
	margin: 0px 5px 5px 5px;
	float:left;
	overflow:hidden;
}

.tw50m {
	position: relative;
	left: 0px;
	width: calc(40% - 10px);
	height: 28px;
	margin: 0px calc(35% - 5px) 5px 5px;
	float:left;
	overflow:hidden;
}

.tw100 {
	position: relative;
	left: 0px;
	width: calc(85% - 10px);
	height: 28px;
	margin: 0px 5px 5px 5px;
	float:left;
	overflow:hidden;
}

.tw50bt {
	position: relative;
	left: 0px;
	width: calc(35% - 43px);
	height: 28px;
	margin: 0px 3px 5px 5px;
	float:left;
	overflow:hidden;
}

.bt50 {
	position: relative;
	left: 0px;
	width: 28px;
	height: 28px;
	margin-right: 7px;
	float:left;
}

.tw50bt2 {
	position: relative;
	left: 0px;
	width: calc(75% - 73px);
	height: 28px;
	margin: 0px 3px 5px 5px;
	float:left;
	overflow:hidden;
}

.bt150 {
	position: relative;
	left: 0px;
	width: 28px;
	height: 28px;
	margin: 0px 3px 5px 0px;
	float:left;
}

.bt250 {
	position: relative;
	left: 0px;
	width: 28px;
	height: 28px;
	margin: 0px 6px 5px 0px;
	float:left;
}

.cw50, .cw50m, .cw25 {
	position: relative;
	left: 0px;
	width: 18px;
	height: 20px;
	margin: 0px calc(25% - 23px) 13px 5px;
	float:left;
	overflow:hidden;
}

.cw50l {
	position: relative;
	left: 0px;
	width: 18px;
	height: 20px;
	margin: 0px calc(75% - 23px) 13px 5px;
	float:left;
	overflow:hidden;
}

.fmodal {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.3);
	visibility:hidden;
	z-index: 30000;
}

.fbuscar {
	position:absolute;
	left:0px;
	right:0px;
	top:20px;
	width:95%;
	max-width:630px;
	margin:auto;
	background: #ffffff;
	border:1px solid #000000;
	overflow: hidden;
	visibility:hidden;
	z-index: 30000;
}

.fbcaption {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:24px;
	margin:auto;
	background: #2f97ff; /* Old browsers */
	background: -moz-linear-gradient(top, #2f97ff 0%, #1f8af5 44%, #1479de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2f97ff 0%,#1f8af5 44%,#1479de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2f97ff 0%,#1f8af5 44%,#1479de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f97ff', endColorstr='#1479de',GradientType=0 ); 
	color: #ffffff;
	border-bottom:1px solid #000000;
	font-size:16px;
	padding-left:3px;
}

.fbbtnclose {
	position:absolute;
	right:1px;
	top:1px;
	width:20px;
	height:20px;
	background:#ff0000;
	border:1px solid #ff0000;
	color:#ffffff;
	cursor:pointer;
}
.fbmain {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: #e0e0e0;
	color: #000000;
	padding:10px;
}

.fbtable {
	position:relative;
	left:-1px;
	top:-1px;
	width:100%;
	background: #ffffff;
	color: #000000;
	font-size:16px;
	border-collapse: collapse;
	overflow-y:scroll;
	cursor:pointer;
}

.fbtable th {
	position: sticky;
	top: 0;
	border:1px solid #000000;
	height:24px;
	font-size:14px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	color: #000000;
}

.fbtable2 tr {
	height: 32px;
	background: var(--TextBack);
}

.fbtable2 tr:hover {
	background: #ffff80;
}

.fbtable2 td {
	border:1px solid #000000;
	height:24px;
	font-size:12px;
	text-align:center;
	background: #FF0000;
	color: #FFFFFF;
}

.fbtable2 td:nth-child(2) {
   text-align: left;
}

.fbtd {
	background: #f9f9f9;
	color: var(--TextColor);
}

.selimg {
	border: 1px solid #ECE9D8;
	cursor:pointer;
}

.selimg:hover {
	border: 1px solid #8080ff;
	box-shadow: 2px 2px 3px #808080;
}

.ventana {
	left: 0px;
	right: 0px;
	margin: auto;
	background: var(--MainBack);
	border: 1px solid #000000;
	box-shadow: 2px 2px 5px;
	overflow: hidden;
	z-index: 30000;
}

#fbuscar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 329px;
	right: 0px;
	background: var(--MainBack);
	max-width:600px;min-height:auto;z-index:1;visibility:hidden;
	visibility: hidden
}


.main {
    position:relative;
    left:0px;
    right:0px;
    top:0px;
    width:100%;
    background:#f0f0f0;
    overflow:hidden;
    margin:auto;
    padding:0px;
}

.maintitle {
    position:relative;
    left:0px;
    right:0px;
    top:0px;
    width:100%;
    margin:auto;
    padding:0px;
}

.cabecera {
    position:relative;
    top:0px;
    width:100%;
    background:#ffffff;
    color:#ffffff;
    /* background:url('/img/cabecera.jpg'); */
    overflow:hidden;
    display: block;
    text-align:center;
}

.framelogo {
    position: relative;
	text-align:center;
}

.logo {
    width: 100%;
}

.loginbox {
    position: relative;
    top: 2px;
    width: 100%;
    text-align:center;
    float:left;
}

.loginbox_frame {
    position: relative;
    left:0px;
    right:20px;
    width:220px;
    margin:auto;
    margin-top:5px;
    color:#000000;
}
    

.loginbox_nombre {
    position:relative;
    left:0px;
    right:0px;
    width: 100%;
    height: 18px;
    margin: auto;
    margin-top:3px;
    display: block;
    float:left;
    font-size:12px;
}

.loginbox_boton {
    border: 1px solid #c0c0c0;
    cursor: pointer;
}

.menu {
    position:relative;
    left:0px;
    width:100%;
    border-bottom:1px solid #f0f0f0;
    color: #ffffff;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 45%, #d1d1d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 45%,#d1d1d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 45%,#d1d1d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d1d1d1',GradientType=0 );
/*    font-weight: 900; */
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
/*    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); */
    cursor: pointer;

}

.menu ul {
    width:100%;
    height:50px;
    list-style:none;
    margin: 0px;
    padding: 0px;
    cursor:pointer;
    display: block;
}

.menu ul li {
    width:100%;
    float: left;
    text-align:center;
    line-height: 52px;
    display: none;
}

.menu ul li:first-child {
    display:inline-block;
    background:none;
}

.menu ul li a{
    display:inline-block;
    width:100%;
    height:45px;
    color: #000000;
    text-decoration:none;
    font-family: arial;
    font-weight: 600;
    font-size: 16px;
    /* text-shadow:0px 0px 5px #ffffff; */
    /* text-shadow:1px 1px 1px rgb(10,50,45), -1px -1px 1px rgb(185,255,240); */
}

.menu ul li a:hover{
	color: #4080c0;
	text-shadow:0px 0px 5px #ffffff;
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 0%, #f1f1f1 45%, #dadada 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#f1f1f1 45%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f1f1f1 0%,#f1f1f1 45%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dadada',GradientType=0 );
}


.menufam {
	position: relative;
	width: 100%;
	padding: 10px;
	background: var(--MainBack);
}

.menufam ul {
	border: 2px solid var(--MenuFamBorder);
	border-radius: 5px;
	font-size: 18px;
	background: var(--MenuFamBack);
	margin-bottom: 5px;
}

.menufam ul li{
	padding: 10px;
	border-bottom: 1px solid var(--MenuFamSep);
	overflow: hidden;
	cursor:pointer;
	display:none;
}

.menufam ul li:first-child{
	padding: 10px;
	color: var(--MenuFamColorTitle);
	background: var(--MenuFamBackTitle);
	border-bottom: 0px;
	display:block;
}

.menufam ul li:last-child{
	border-bottom: 0px;
}

.menufamx ul li a{
	display:block;
	width: 100%;
	padding:10px;
	overflow: hidden;
	color: var(--MenuFamColor);
	cursor: pointer;
}

.menufamx ul li a:hover{
	background: var(--MenuFamBackHover);
	color: var(--MenuFamColorHover);
}

.menusfam2 {
	padding-left:10px;
	color:var(--MenuSFamColor);
	background: var(--MenuSFamBack);
	display:none;
}

.menufamsel {
	background: var(--MenuFamSel);
}

.menuart {
	position: relative;
	width: 100%;
	padding: 10px;
	background: var(--MainBack);
}

.menuart table {
	position:relative;
	width: 100%;
	font-size: 18px;
}

.menuart table tr {
	border-radius: 5px;
	background: #ffffff;
}

.menuart table tr td {
	padding:10px;
}


.container {
	position:relative;
	width:100%;
	background: #ffffff;
	padding:20px;
}

.cesta{
	position:relative;
	width:100%;
	background: #ffffff;
	padding:10px;
}

.cesta table{
	position:relative;
	width:100%;
}

.cesta table tr{
	background: #ffffff;
}

.cesta table td{
	padding:3px;
}

.text-right {
	text-align: right;
}

.boxfpago {
    position:relative;
    width:100%;
    height:100px;
    float:left;
    padding:5px;
    text-align:center;
    display:block;
}

.boxfpago > div:first-child {
	position:relative;
	width:100%;
	height:90px;
    border: 1px solid #000000;
    background: #ffffff;
    padding-top:7px;
}

.boxfpago > div > label {
	position:relative;
	width:100%;
}

.boxfpago > div > label > div {
	position:absolute;
	top:   0px;
	right: 10px;
}

@media only screen and (min-width: 480px) {
    .menu ul { display:inline-block; }
    .menu ul li:first-child {width:0%;display:none;}
    .menu ul li {width:20%;display:inline-block;background:none;}
    .menu ul li ul li {
        position:absolute;
        top:30px;
        min-width:180px;
        display:block;
        background:none;
        z-index:10000;
    }
    .logo { width: 460px; }
    .pie div { width:50%; }

	.lw50, .lw25 { width: calc(15% - 10px); }
	.tw50, .tw50m {
		width: calc(35% - 10px);
		margin: 0px 5px 5px 5px;
	}
	.tw50l { 
		width: calc(35% - 10px);
		margin: 0px calc(50%) 5px 5px;
	}

	.cw25 { margin: 0px calc(35% - 23px) 13px 5px; }
	.cw33 { margin: 1px 0px 5px 5px; }
	.cw50 { margin: 5px calc(35% - 23px) 8px 5px; }
	.cw50l  { margin: 5px calc(75% - 23px) 8px 5px; }

	.chk4 {	width: 25%; }
	.chk4 > div { width: calc(100% - 80px);	}

	.boxfpago {
		width: 50%;
	}
	
}

@media only screen and (min-width: 680px) {
	.navheader {
		display: block;
	}
	
	.navheaderimg {
		display: none;
	}
	
	.navheader2 { height:40px; }
	
	.cabecera { text-align:left; }
	.framelogo { float: left; }
    .logo { width: 440px; }
	.loginbox { width: 220px; float:right; }

	.nav > li {
		width: auto;
	}

	.nav li ul {
		left: initial;
		width: initial;
		min-width:300px;
	}
	
	.nav li ul li ul {
		left: 40%;
		width: initial;
		min-width:300px;
	}

}

@media only screen and (min-width: 768px) {
	.menu ul li a { font-weight: 600; font-size: 24px; }

	.nav li ul li ul {
		left: 60%;
		top: 30px;
	}
		
	label {	font-size: 16px; }
	.fontw { font-size: 16px; }
	.divctl > label { font-size: 16px; }
	.label { font-size: 16px; }
	.ssbutton {	font-size: 16px; }

	.txt1, .txt2, .txt3, .txt3d, .txt4, .chk1, .chk2, .chk3, .chk4 {
		line-height: 24px; 
	}
	.txt1 > input[type=text], .txt1 > select, .txt1 > input[type=password],
	.txt2 > input[type=text], .txt2 > select, .txt2 > input[type=password],
	.txt3 > input[type=text], .txt3 > select, .txt3 > input[type=password],
	.txt3d > input[type=text], .txt3d > select, .txt3d > input[type=password],
	.txt4 > input[type=text], .txt4 > select, .txt4 > input[type=password] {
		width: calc(100% - 120px); 
	}

	.txt2 > input[type=text].txtm {
		width: calc(66% - 120px); 
		margin-right: 34%;
	}

	.txt1 > textarea,
	.txt2 > textarea,
	.txt3 > textarea,
	.txt3d > textarea,
	.txt4 > textarea {
		width: 100%; 
	}

	.div1, .div2, .div3, .div3d, .div4 {
		padding: 0px;
	}
	
	.div2 > label,
	.div3 > label {
		width: 120px;
		padding: 3px;
	}

	.div2 > input[type=text], .div2 > select,
	.div3 > input[type=text], .div3 > select {
		width: calc(100% - 120px);
		margin: 3px 0px 0px 3px;
	}

	.div2 > .toolbutton,
	.div3 > .toolbutton {
		width: 26px;
		height:26px;
		top:3px;
	}
	
	.chk1 > div, .chk2 > div, .chk3 > div, .chk4 > div {
		width: calc(100% - 120px);
		padding-top: 3px;
 
	}

	.dw33 > label {
		width: calc(33% - 10px);
		height: 28px;
		margin-right:10px;
	}
	
	.dw33 > input[type=text], .dw33 > select {
		width: calc(67% - 10px);
		margin: 0px 5px 3px 5px;
	}

	.dw33d > label {
		width: calc(16.5% - 10px);
		height: 28px;
		margin-right:10px;
	}

	.dw33d > input[type=text], .dw33d > select {
		width: calc(83.5% - 10px);
		margin: 0px 5px 0px 5px;
	}

	input[type=text].txtbtn2 { 
		width: calc(100% - 184px); 
	}

	.lw33 { margin: 0px 5px 5px 5px; }
	.tw33 { width: calc(22% - 10px); margin: 0px 5px 5px 5px; }
	.tw33m { width: 140px; margin-right: calc(21% - 145px); }
	.tw50m { width: 200px; margin-right: calc(35% - 205px); }
	.tw50bt { width: 174px; }
	.bt50 { margin-right: calc(35% - 210px); }
	.tw50bt2 { width: 175px; }
	.bt250 { margin-right: calc(35% - 242px); }

	.cw25 { margin: 0px calc(10% - 23px) 13px 5px; }
	.cw50l  { margin: 0px calc(35% - 23px) 13px 5px; }

	.tabletpv th { float: none; }
	.tabletpv td { float: none; border:none;}
	
	.ColCodigo {
		width:10%;
	}
	.ColExist {
		width:5%;
	}
	.ColUd {
		width:7%;
	}
	.ColConcepto {
		width:35%;
		border: none;
	}
	.ColPrecio {
		width:10%;
	}
	.ColDto {
		width:7%;
	}
	.ColCRec {
		width:6%;
	}
	.ColTotal {
		width:10%;
	}
	.ColIva {
		width:3%;
	}
	.ColElim {
		width:5%;
	}
	
}

@media only screen and (min-width : 1024px) {

	.toolbar > button {	width:150px; }
	.toolbar > div { width: 120px; }
	.botonmenu { width: 120px; height: 75px; }
	.botonmenu > span { top:0px; font-size:16px; }

	.txt1 > input[type=text], .txt1 > select, .txt1 > input[type=password],
	.txt2 > input[type=text], .txt2 > select, .txt2 > input[type=password],
	.txt3 > input[type=text], .txt3 > select, .txt3 > input[type=password],
	.txt3d > input[type=text], .txt3d > select, .txt3d > input[type=password],
	.txt4 > input[type=text], .txt4 > select, .txt4 > input[type=password] {
		width: calc(100% - 130px); 
	}

	.txt2 > input[type=text].txtm {
		width: calc(66% - 130px); 
		margin-right: 34%;
	}

	.div2 > label,
	.div3 > label {
		width: 130px; 
	}

	.div2 > input[type=text], .div2 > select,
	.div3 > input[type=text], .div3 > select {
		width: calc(100% - 130px);
	}

	input[type=text].txtbtn2 { 
		width: calc(100% - 194px); 
	}

	.chk1 > div, .chk2 > div, .chk3 > div, .chk4 > div {
		width: calc(100% - 130px); 
	}

	.framelistado {
		height: calc(100vh - 222px);
	}
}

@media only screen and (min-width : 1280px) {
	#fmain { width: 1280px; }

	.nav li ul li ul {
		top: 0px;
		left: 98%;
	}
	
	.txt1, .txt2, .txt3, .txt3d, .txt4, .chk1, .chk2, .chk3, .chk4 {
		font-size: 16px;
		line-height: 28px;
		padding: 4px;
	}
	.txt1 > input[type=text], .txt1 > select, .txt1 > input[type=password],
	.txt2 > input[type=text], .txt2 > select, .txt2 > input[type=password],
	.txt3 > input[type=text], .txt3 > select, .txt3 > input[type=password],
	.txt3d > input[type=text], .txt3d > select, .txt3d > input[type=password],
	.txt4 > input[type=text], .txt4 > select, .txt4 > input[type=password] {
		width: calc(100% - 150px);
		font-size: 16px; 
	}

	.txt2 > input[type=text].txtm {
		width: calc(66% - 150px); 
		margin-right: 34%;
	}

	.div2 > label,
	.div3 > label {
		width: 150px;
	}

	.div2 > input[type=text], .div2 > select,
	.div3 > input[type=text], .div3 > select {
		width: calc(100% - 150px);
	}

	input[type=text].txtbtn2 { 
		width: calc(100% - 214px); 
	}

	.chk1 > div, .chk2 > div, .chk3 > div, .chk4 > div {
		width: calc(100% - 150px); 
	}


}

@media only screen and (min-width : 1440px) {

	.txt1, .txt2, .txt3, .txt3d, .txt4 {
		font-size: 22px;
		line-height: 30px;
		padding: 6px;
	}

	.ssbutton {	font-size: 22px; }
	.toolbutton {
		top: 1px;
		width:32px;
		height:32px;
	}
	
	.txt1 > input[type=text], .txt1 > select, .txt1 > input[type=password],
	.txt2 > input[type=text], .txt2 > select, .txt2 > input[type=password],
	.txt3 > input[type=text], .txt3 > select, .txt3 > input[type=password],
	.txt3d > input[type=text], .txt3d > select, .txt3d > input[type=password],
	.txt4 > input[type=text], .txt4 > select, .txt4 > input[type=password] {
		width: calc(100% - 180px);
		height: 34px;
		font-size: 22px;
	}

	.txt2 > input[type=text].txtm {
		width: calc(66% - 180px); 
		margin-right: 34%;
	}

	 .txt1 > textarea, .txt2 > textarea, .txt3 > textarea, .txt3d > textarea, .txt4 > textarea {
		font-size: 22px;
	 }
	 
	.div2, .div3 {
		padding: 3px 3px 3px 3px;
	}
	
	.div2 > label,
	.div3 > label {
		width: 180px;
		padding:3px;
		font-size: 22px;
	}

	.div2 > input[type=text], .div2 > select,
	.div3 > input[type=text], .div3 > select {
		width: calc(100% - 180px);
		margin: 3px 0px 0px 3px;
		font-size: 22px;
	}

	.div2 > .toolbutton,
	.div3 > .toolbutton {
		width: 32px;
		height:32px;
		top: 5px;
		padding: 6px;
	}

	input[type=text].txtbtn2 { 
		width: calc(100% - 256px); 
		margin: 3px 0px 0px 3px;
		font-size: 22px;
	}
	
	
	.chk1, .chk2, .chk3, .chk4 {
		font-size: 22px;
		line-height: 30px;
		padding: 6px 6px 11px 6px;
	}
	.chk1 > div, .chk2 > div, .chk3 > div, .chk4 > div {
		width: calc(100% - 180px); 
	}

	input[type=checkbox] {
		width: 22px;
		height: 22px;
	}
	
	.table {
		font-size: 22px;
	}
	td, th{
		padding:5px 0px 5px 0px;
	}

	.tabletpv td { padding: 6px 0px; }

}