body {
margin: 0;
padding: 0;
font-family:Arial;
background-color:#F0F0F0;
}


input[type="text"],
input[type="password"] { 
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 3px 2px 2px 5px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 13px/normal Arial, Helvetica, sans-serif;
  color: #000000;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  height:18px;
}

input[type="button"], 
input[type="submit"],
{
	padding:0px;
	margin:0px;
	height: 28px;
	font-size: 13px; 
	font-family:Arial;
	border-radius: 4px;	
}


select { 
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 3px 2px 2px 5px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 13px/normal Arial, Helvetica, sans-serif;
  color: #000000;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  height:18px;
}


textarea { 
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 3px 2px 2px 5px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 13px/normal Arial, Helvetica, sans-serif;
  color: #000000;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  height:18px;
  resize: none; 
}

.subrayar {text-decoration:underline;}

 {
	border-collapse: collapse;
	border: 0px;
}


.tabpar {
	background-color: #F7F7F7;
}


.tabimpar {
	background-color: #E7E7FF;
}


.tabdat table,
.tabdat tr,
.tabdat td
{
	border: 1px solid #858585;
	font-weight: normal;
}

.tabdat thead {
	color: #F7F7F7;
	font-size: 12px;
	font-weight: bold;
}


.ptilpro {
	width: 1016px;
	background-color: #B0C4DE;
    color: #0000FF;
	font-size: 13px;
	font-weight: bold;
    margin: 5px 0px 10px 0px;
    padding: 0px;
	text-align: left;
  	border-radius: 10px;	
}


.panelbase {
	width: 1016px;
	background-color: #B0C4DE;
    color: #00008B;
	font-size: 13px;
    margin: 0px 0px 10px;
    padding: 0px;
  	border-radius: 10px;
}


.pbusctitul {
	width: 1016px;
	background-color: #B0C4DE;
    color: #0000FF;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	text-align: left;
    border-radius: 10px;
}


.table-wrapper {
  width: 988px; /* set it to actual width you need */
  margin: 0;
  padding: 0;
}

.table-fixed-estancias {
  float: left;
  width: 267px;
}

.table-scroll-estancias {
  float: right;
  overflow-x: scroll;
  width: 721px;
}


.table-fixed-colectores {
  float: left;
  width: 120px;
}

.table-scroll-colectores0 {
  float: right;
  overflow-x: hidden;
  width: 868px;
}


.table-scroll-colectores1 {
  float: right;
  overflow-x: scroll;
  width: 868px;
}

.table-wrapper td {
  white-space: nowrap;
  overflow: hidden;
}


button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 5px;
    border: 1px solid #4c4c4c;
    border-radius: 10px;
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#AFAFAF) to(#808080));
    background: -moz-linear-gradient(top, #AFAFAF, #808080);
    background: linear-gradient(to bottom, #AFAFAF, #808080);
    text-shadow: #5c5c5c 1px 1px 1px;
    font: normal normal bold 14px arial;
    color: #ffffff;
    text-decoration: none;
	cursor: pointer;
}
button:hover,
button:focus {
    border: 1px solid #595959;
    background: #aaaaaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#5b5b5b));
    background: -moz-linear-gradient(top, #aaaaaa, #5b5b5b);
    background: linear-gradient(to bottom, #aaaaaa, #5b5b5b);
    color: #ffffff;
    text-decoration: none;
}
button:active {
    background: #4c4c4c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#4c4c4c));
    background: -moz-linear-gradient(top, #4c4c4c, #4c4c4c);
    background: linear-gradient(to bottom, #4c4c4c, #4c4c4c);
}
button:disabled {
    background: #CFCFCF;
    background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#CFCFCF));
    background: -moz-linear-gradient(top, #CFCFCF, #CFCFCF);
    background: linear-gradient(to bottom, #CFCFCF, #CFCFCF);
}



.icEntrar:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icEntrar.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icApagar:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icApagar.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icLlupa:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icLlupa.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icPlus:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icPlus.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icModificar:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icModificar.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icCopiar:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icCopiar.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icHistoric:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icHistoric.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icExcel:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icExcel.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icDoc:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icDoc.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icDisquet:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icDisquet.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icelimpro:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icelimpro.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.icelimver:before{
    content:  "\0000a0";
    display: inline-block;
    height: 18px;
    width: 24px;
    line-height: 20px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -3px;
    background: url("../imagenes/icelimver.png") no-repeat left center transparent;
    background-size: 100% 100%;
}
.ptitulo1 {
color: #828282;
text-shadow: 0px -1px 0px #000000;
font-size: 30px;
font-family: 'Arial Black';
}
.ptitulo2 {
color: #828282;
text-shadow: 0px -1px 0px #000000;
font-size: 25px;
font-family: 'Arial Black';
}
.ptitulo3 {
color: #828282;
text-shadow: 0px -1px 0px #000000;
font-size: 23px;
font-family: 'Arial Black', Arial;
}
.rotate {
	background-color:#0000FF;
	color:#FFFFFF;
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
