html,body {
	background-image:url("../Imagenes/Fondo.jpg");
	background-repeat: no-repeat;
	background-size: 95% 100%;
	background-attachment: fixed;
	background-position: center;
	background-color: #F2F2F2;
	width: 100%;
	height: 100%;
	margin:0 auto;	
	text-align:center;
}

#contenedor{
margin: 0 auto;
text-align:left;
width:80%;
background-color: #FFFAFA;
height: 100%;
display:inline-block;
}

#menu{
margin: 0 auto;
text-align:left;
}

.TablaLogin {	
	width:40%;
	height:10%;
	border: solid;	
	border-color: black;
	border: 10px;
	margin-top: 10%;
	margin-bottom: 1%;	
	text-align: center;
	font-size: small;
	font-family: serif;


}

.DivHeader {
	background-color: #FFFFFF;	
	text-align: right;
	color: #81BEF7;		
	font-size: 15px;	
	width: 75%;
	margin: 0 auto;
}

.DivFooter {
	background-color: #FFFFFF;
	width: 53%;
	margin: 0px auto;
	position:relative;
	margin-top: 1%;
	text-align: center;
	color: #81BEF7;
	font-size: 20px;
	margin-top:20%;
}

.DivTitulo {
	background-color: #FFFFFF;	
	margin-bottom: 1%;
	text-align: center;
	color: #81BEF7;
	font-size: 20px;
	text-align: center;	
	font-size: 30px;
	margin: 0 auto;
	width: 51%;	
}

.DivTituloVerFondo {
	background-color: #FFFFFF;	
	margin-top: 3%;
	text-align: center;
	color: #81BEF7;	
	text-align: center;	
	font-size: 30px;
}


.DivTituloMenu {
	background-color: #FFFFFF;	
	margin-bottom: 1%;
	text-align: center;
	color: #81BEF7;
	font-size: 20px;
	text-align: center;	
	font-size: 30px;
	margin: 0 auto;
	width: 51%;	
}


#menu2 ul {
padding: 0px;
margin: 0px;
background-color: #f6f6f6;
list-style: none;
width: 61%;
margin-bottom: 102%;
}

#menu2 ul li {
display: inline;
font-size: 16px;
font-weight: bold;
} 

#menu2 #activa a {
color: #FFF;
background-color: #81BEF7;
height: 20px;
}

#menu2 ul li a:link, #menu2 ul li a:visited {
background-color: #f6f6f6;
color: #81BEF7;
padding: 5px 15px;
float: left;
text-decoration: none;
}

#menu2 ul li a:hover, #menu2 ul li a:active{
color: #FFF;
background-color: #81BEF7;
height: 20px;
}


.overflow {
	width:100%;
	height:65%;
	overflow: scroll;
	overflow-x: hidden;
	margin:auto;
	margin-bottom: 3%;
}

.overflowImp {
	width:100%;
	height:60%;
	overflow: scroll;
	overflow-x: hidden;
	margin:auto;
	margin-bottom: 2%;

}

.overflowBuscar {	
	width:62%;
	height:60%;
	overflow: scroll;
	overflow-x: hidden;
	margin: auto;
}

.TablaGral {	
	width:62%;	
	border: 1px solid #ccc;	
	margin-top: 5%;
	margin: 0 auto;
}

.TablaGralImputacion {	

	width:60%;	
	border: 1px solid #ccc;	
	margin-top: 15%;
	margin: auto;
}

.TablaGralRemision {	

	width:70%;	
	border: 1px solid #ccc;	
	margin-top: 5%;
	margin: auto;
}

.tdSL {
	border: none;
}

.tdSLA {
	border: none;
	font-size: 17px;
	
}

td {
	border: 1px solid #ccc;
}

.TablaFiltroLogin {	
	border: 1px solid #ccc;	
	margin-bottom: 3%;
	text-align: left;
	margin-top: 2%;
	width:45%;
}

.TablaFiltroRemitidos {	
	height: 10%;
	width:10%;	
	border: 1px solid #ccc;
	margin-top: 2%;
	margin-bottom: 2%;	
	
}

.TablaCuentaCorriente {	
	height: 10%;
	width:50%;	
	border: 1px solid #ccc;	
	margin-bottom: 30%;
	
}


.TablaVentas {	
	height: 10%;
	width:62%;	
	border: 1px solid #ccc;	
	margin-bottom: 1%;
	
}

.BotonVentasInf {	
	margin-bottom: 20%;
	
}

.TablaFiltroTransportistas {	
	height: 40%;
	*height: 10%;
	width:40%;	
	border: 1px solid #ccc;
	margin-top: 11%;
	margin-bottom: 3%;
	
}

.DivTituloBuscador {
	background-color: #FFFFFF;
	width: 53%;
	margin: auto;
	text-align: center;
	color: #81BEF7;
	font-size: 20px;
	text-align: center;	
	font-size: 30px;
}

a {
	font-face:Verdana,Arial;
	text-decoration: none;
	color: #81BEF7;
	font-size: 15px;
}


table {
  border-collapse: collapse;
  border: 1px solid #666666;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
background:url(bg1.png) repeat-x;
text-align:left;
height:30px;
}
thead th, tfoot th {
padding:5px;
}
table a {
color: #81BEF7;
text-decoration:none;
}
table a:hover {
text-decoration:underline;
}
tr.odd {
background: #f1f1f1;
}
tbody th, tbody td {
padding:2px;
}

.trTitulo {
	font-size: 15px;
	text-decoration: underline;
	font-style: oblique;
	font-size: 16px;
}

.trTitulo1 {
	font-size: 15px;
	text-decoration: underline;
	font-style: oblique;
	font-size: 12px;
	border: none;	
}

.trTitulo2 {
	font-size: 15px;
	text-decoration: underline;
	text-align: right;
	font-style: oblique;
	font-size: 12px;
	border: none;	
}

.TablaCabecera {
	width:60%;
	border: 1px solid #ccc;
	border: none;
	margin: 0 auto;
	margin-top: 7%;
}

.TablaTransportistas {
	height: 10%;
	width: 30%;	
	border: 1px solid #ccc;
	border: none;
	margin: auto;
	margin-top: 6%;
}

.TablaRenglones {	
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 3%;


}

.TablaRenglonesEditar {	
	width: 55%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 2%;
	margin-top: 5%;


}

.TablaCabeceraRenglones {
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top: 5%;
	margin-bottom: 2%;


}

.NuevoRenglon {	
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 2%;	
}

.BotonGuardar {
	text-align: center;
	background-color: #FFFFFF;
	width: 100%;
	margin: 0 auto;
}

.BotonEditar {
	text-align: center;
	background-color: #FFFFFF;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 35%;
}



.BotonBuscador {
	text-align: center;
	background-color: #FFFFFF;
	width: 62%;
	margin: 0 auto;
	margin-top:2%;
}

.BotonBuscadorFac {
	text-align: center;
	background-color: #FFFFFF;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 1%;
}

.TablaBuscador {
	height:60%;
	border: 1px solid #ccc;
	width:100%;
	margin:auto;
}

.FiltroBuscador {
	width: 53%;
	height: 10%;	
	margin:auto;
	
}

.number {
	text-align: right;
}

.botonCabecera {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 28%;
}

.botonCabeceraFac {
	border: none;
	margin: auto;
	background-color: #FFFFFF;	
}



.botonTransportista {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 25%;
}

.CabeceraCobranzaRenglones {
	width: 55%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top: 6%;
	margin-bottom: 2%;


}

.TipoCobranza {
	width: 62%;
	border: 1px solid #ccc;
	margin: auto;
	margin-bottom: 1%;
	margin-top: 8%;
}

.botonCabeceraCobranza {
	margin: auto;	
	margin-bottom: 2%;
	border: 1px solid #ccc;
	border-top: none;
	width: 62%;

}


.NuevoRenglonEfectivo {	
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 0%;	
}

.NuevoRenglonCheque {	
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 0%;	
}

.NuevoRemisionCR {	
	width: 55%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 2%;	
}

.NuevoRenglonRetencion {	
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 0%;	
}

.NuevoRenglonRetencionSUSS {	
	width: 62%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 0%;	
}

.botonCabeceraCG {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 19%;
}


.botonImputacion {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 5%;
}


.TablaCobranzaRenglones {	
	width: 55%;
	border: 1px solid #ccc;
	margin:auto;
	margin-bottom: 3%;

}

.Error {
	font-size: 20px;
}

.EditarRenglonEfectivo {	
	width: 35%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:7%;
	margin-bottom: 2%;

}

.VerFondoDepCheque {	
	width: 65%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:1%;
	margin-bottom: 2%;

}

.VerFondoCheque {	
	width: 35%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:1%;
	margin-bottom: 2%;

}

.VerFondoDep {	
	width: 35%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:1%;
	margin-bottom: 2%;

}

.VerFondoEfec {	
	width: 35%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:1%;
	margin-bottom: 2%;

}

.VerFondoRet {	
	width: 35%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:1%;
	margin-bottom: 2%;

}

.EditarRenglonCheque {	
	width: 30%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:7%;
	margin-bottom: 2%;

}

.botonCabeceraCGEditar {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 31%;
}

.botonCabeceraCGCh {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 10%;
}

.botonRemisionCheques {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-bottom: 1%;
	margin-top: 1%;
}

.error_image {
	margin-top: 5%;
	margin-bottom: 2%;
}

.error_text {
	font-size: 30px;
	font-weight: bold;
	color: red;
	margin-bottom: 4%;
}

.error_volver {
	margin-bottom: 15%;
}

.error_volver a{
	font-size:40px;
}

.AltaCliente {	
	width: 40%;
	border: 10px solid #ccc1;
	margin:auto;
}

.tdSLAC {
	width: 70%;
	border:0;
}

.botonCabeceraAC {
	border: none;
	margin: auto;
	background-color: #FFFFFF;
	margin-top: 1%;
	margin-bottom: 2%;
}

.TablaGralAC {	

	width:50%;	
	border: 1px solid #ccc;	
	margin-top: 5%;
	margin: auto;
}

.TablaGralAC  tr:hover {
	background-color: #81BEF7;
	color: #FFFFFF;
}

.TablaGralAC  tr:hover  a{
	background-color: #81BEF7;
	color: #FFFFFF;
}

#DivMensaje  {
	position: absolute;
	left: 30%; 
	top: 10%; 
	width: 45%; 
	height:64%;
	background-color: #FFFFFF;
	border-radius: 15px;
	-webkit-box-shadow: -12px 7px 43px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -12px 7px 43px 0px rgba(0,0,0,0.75);
	box-shadow: -12px 7px 43px 0px rgba(0,0,0,0.75);
	min-height: 63%;
}

.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 95%; 
	border: none;	
} 
	
.datagrid {
	font: normal 11px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: scroll; 
	overflow-x: hidden;
	width:100%;
	height:70%;
	margin-top:4%;
}

.datagrid table td, .datagrid table th { 
	padding: 3px 10px; 
}

.datagrid table tbody td { 
	color: #000000; 
	font-size: 12px;
	border-bottom: 1px solid #D1DDE3;
	border-top: none;
	border-left:none;
	border-right: none;	
	font-weight: normal; 
	width:90%;
}

.DivTituloAvisos {
	background-color: #FFFFFF;	
	margin: 0 auto;
	margin-top:2%;	
	text-align: center;
	color: #81BEF7;
	font-size: 30px;
	width: 51%;	
}

.TablaAviso {	
	width: 50%;
	height: 5%;
	border: 1px solid #ccc;
	margin:auto;
	margin-top:5%;
	margin-bottom: 2%;
	font-size: 14px;

}

.TablaLegajos {	
	width:40%;	
	border: 1px solid #ccc;	
	margin-top: 2%;
}

.luHome {
	list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
	width: 100%;
	height: 1%;
	margin-bottom: 0%;
	margin-top: 0%;
}

.liHome {
    float: left;
	height: 1%;
}

.liHome a {
    display: inline-block;
    color: #81BEF7;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
}

.liHome a:hover {
    background-color: transparent;
}